body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

body em {
	font-style: normal;
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top;
}

li {
	list-style: none;
}

iframe {
	border: none;
}

@font-face {
	font-family: 'gothic';
	src: url(font/gothic.eot);
	/* IE9*/
	src: url(font/gothic.eot?#iefix) format('embedded-opentype'),
		/* IE6-IE8 */
		url(font/gothic.woff) format('woff'),
		/* chrome、firefox */
		url(font/gothic.ttf) format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url(font/gothic.svg#gothic) format('svg');
	/* iOS 4.1- */
}

html {
	height: 100%;
	font-size: 16px;
	line-height: 1.5;
}

body {
	min-width: 1150px;
	overflow-x: hidden;
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}



a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #19325b
}

h1,
h2,
h3,
h4,
h5 {
	font-size: 100%;
}

input,
textarea,
select {
	border: none;
	outline: none;
}

p {
	color: #565656;
}

:focus {
	outline: none;
}

.clear {
	clear: both
}

.clearfix::before,
.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.block {
	display: block
}

.noblock {
	display: none
}

.text-center {
	text-align: center;
}

.gray-bg {
	background-color: #f2f2f2;
}

.white-bg {
	background-color: #fff;
}

.dis-flex {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	align-items: center;
	/*水平方向*/
	justify-content: center;
	/*垂直方向*/
}

.radius {
	border-radius: 5px;
	overflow: hidden;
}

.layout {
	width: 1600px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width:1600px) {
	.layout {
		width: 1300px;
	}



	html {
		font-size: 15px;
	}
}

@media screen and (max-width:1440px) {
	.layout {
		width: 1150px;
	}

	body {
		overflow-x: hidden;
	}

	html {
		font-size: 14px;
	}
}

@media screen and (max-width:1279px) {
	.layout {
		width: 1000px;
	}
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #eee;
}

::-webkit-scrollbar-thumb {
	background-color: #19325b;
}

.p-t-90 {
	padding-top: 90px;
}



img,
div,
a,
b,
em,
i,
li,
h3,
span,
p,
.nav-list ul li a::after,
.search-box .search-close {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.overflow-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}



/* header */
.header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	width: 100%;
	min-width: 1180px;
	height: 80px;
	box-sizing: border-box;
	transition: none;
}

.header .logo {

	width: 204px;
	height: 34px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-top: 20px;
	float: left;

}

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

.header .logo {
	background-image: url(../css/roafe_logo.png);
}

.header.active .logo {
	background-image: url(../css/logo_b.png);
}


.head-color .logo {
	background-image: url(../css/logo_b.png);
}

.nav-list ul li {
	float: left;
	padding: 0 23px;
	position: relative;
}

.nav-list ul li a {
	position: relative;
	display: block;
	padding: 0 0;
	line-height: 80px;
	color: #fff;
}

.nav-list ul li a b {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	display: block;
	margin: 0 auto;
	width: 0;
	height: 2px;
	background-color: #19325b;
}

.nav-list ul li a:hover b,
.nav-list ul li a.on b {
	width: 100%;
}

.head-color .nav-list ul li a,
.header.active .nav-list ul li a {
	color: #000;
}


/*次导航*/

.header .nav-list li ul.subnav {
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, .8);
	border-top: 0;
	box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
	position: absolute;
	width: 210px;
	top: 80px;
	left: 0;
}

.header .nav-list li ul.subnav li {
	width: 210px;
	border-bottom: transparent 1px solid;
	margin-left: 0;
	padding: 0;
}

.header .nav-list li ul.subnav li a {
	background: transparent;
	color: #fff;
	width: auto !important;
	padding: 10px 30px 10px 30px;
	height: 20px;
	line-height: 20px;
	display: block;
	font-size: 12px;
	text-align: left;
	transition: all 0.3s ease-out 0s;
}

.header .nav-list li ul.subnav li a span {
	display: block;
	float: left;
	width: 135px;
}

.header .nav-list li ul.subnav li i {
	float: right;
	margin-top: 5px;
	opacity: 0;
	transition: all ease-out .2s;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/subnav.png);
}

.header .nav-list li ul.subnav li a:hover {
	background: #113d63;
	text-indent: 10px;
}

.header .nav-list li ul.subnav li a:hover i {
	opacity: 1;
}

.header .nav-list li:hover ul.subnav {
	opacity: 1;
	visibility: visible;
}


.search-box{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	border: 10px solid #19325b;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}

.search-box .search-content{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 35%;
	height: 150px;
	margin: auto;
}
.search-box .search-content h3{
	margin-bottom: 15px;
	font-size: 25px;
	line-height: 2;
	color: #666;
}
.search-box .search-content form{
	width: 100%;
	border-radius: 30px;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
}
.search-box .search-content input[type="text"]{
	float: left;
	width: calc(100% - 70px);
	padding: 0 25px;
	line-height: 45px;
	box-sizing: border-box;
}
.search-box .search-content input[type="submit"]{
	float: right;
	width: 70px;
	height: 45px;
	cursor: pointer;
	background: url(search.png) center no-repeat;
}
.search-box .search-close{
	position: absolute;
	top: 35px;
	right: 35px;
	width: 50px;
	height: 50px;
	padding: 0;
	background: url(closed_02.png) center no-repeat;
	border: 0;
	cursor: pointer;
}
.search-box .search-close:hover{
	transform: rotateZ(180deg);
}
.search-box.visible {
	opacity: 1;
	visibility: visible;
	animation: growOut 500ms ease-in-out forwards;
}
@keyframes growOut {
	0% {
		transform: scale(0);
	}
	80% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}



.search-icon {
	position: relative;
	width: 45px;
	height: 80px;
}

.search-icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.search-icon i {
	background: url(search_icon.png) center no-repeat;
	background-size: 24px;
}

.search-icon i:hover {
	background-color: #19325b;
}

.head-color .search-icon i,
.header.active .search-icon i {
	background: url(search.png) center no-repeat;
}

.head-color .search-icon i:hover,
.header.active .search-icon i:hover {
	background: url(search_icon.png) center no-repeat #19325b;
}



.header.active {
	position: fixed;
	top: 0;
	transform: translateY(-101%);
}

.header.active::before {
	content: '';
	position: absolute;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
}

.header.active.slidedowm {
	transform: translateY(0);
}

.header.active.slideDown,
.header.active.slideUp {
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

@media screen and (max-width:1440px) {
	.nav-list ul li {
		padding: 0 15px;
	}

	.nav-list ul li a {
		font-size: 16px;
	}
}

.search-box {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 1);
	border: 10px solid #19325b;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
}

.search-box .search-content {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 35%;
	height: 150px;
	margin: auto;
}

.search-box .search-content h3 {
	margin-bottom: 15px;
	font-size: 25px;
	line-height: 2;
	color: #666;
}

.search-box .search-content form {
	width: 100%;
	border-radius: 30px;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);
}

.search-box .search-content input[type="text"] {
	float: left;
	width: calc(100% - 70px);
	padding: 0 25px;
	line-height: 45px;
	box-sizing: border-box;
}

.search-box .search-content input[type="submit"] {
	float: right;
	width: 70px;
	height: 45px;
	cursor: pointer;
	background: url(search.png) center no-repeat;
}

.search-box .search-close {
	position: absolute;
	top: 35px;
	right: 35px;
	width: 50px;
	height: 50px;
	padding: 0;
	background: url(closed_02.png) center no-repeat;
	border: 0;
	cursor: pointer;
}

.search-box .search-close:hover {
	transform: rotateZ(180deg);
}

.search-box.visible {
	opacity: 1;
	visibility: visible;
	animation: growOut 500ms ease-in-out forwards;
}

@keyframes growOut {
	0% {
		transform: scale(0);
	}

	80% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}



.roafe-banner {
	position: relative;
}

.dban-slide a {
	display: block;
	width: 100%;
	padding-bottom: 48.878%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.roafe-banner:hover .dban-next,
.roafe-banner:hover .dban-prev {
	opacity: 1;

}

.dban-next,
.dban-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 60px;
	height: 60px;
	z-index: 20;
	background-image: url(ad_ctr.png);
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
}

.dban-prev {
	left: 60px;
	background-position: 0 0;
}

.dban-next {
	right: 60px;
	background-position: 0 -60px;
}

.dban-prev:hover,
.dban-next:hover {
	background-color: #19325b;
}

.roafe-banner .dban-pagination {
	position: absolute;
	left: 0;
	z-index: 19;
	display: block;
	width: 100%;
	text-align: center;
}

.roafe-banner .dban-pagination {
	bottom: 20px;
}

.dban-pagination span {
	display: inline-block;
	width: 14px;
	height: 5px;
	margin: 0 5px;
	border-radius: 10px;
}

.dban-pagination span.swiper-pagination-bullet-active {
	width: 30px;
	background-color: #fff;
}

@media screen and (max-width:1440px) {

	.dban-next,
	.dban-prev {
		width: 50px;
		height: 50px;
		background-size: 100% auto;
	}

	.dban-next {
		right: 60px;
		background-position: 0 -50px;
	}
}


.mouse {
	position: absolute;
	bottom: 60px;
	left: 50%;
	z-index: 10;
	width: 19px;
	height: 29px;
	margin-left: -9.5px;
	border: 1px solid #fff;
	border-radius: 20px;
	box-sizing: border-box;
}

.mouse i {
	position: absolute;
	left: 50%;
	top: 6px;
	display: block;
	width: 3px;
	height: 6px;
	margin-left: -1.5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-animation: indexiconShow cubic-bezier(.68, -.55, .27, 1.55) 2s infinite;
	-o-animation: indexiconShow cubic-bezier(.68, -.55, .27, 1.55) 2s infinite;
	-ms-animation: indexiconShow cubic-bezier(.68, -.55, .27, 1.55) 2s infinite;
	animation: indexiconShow cubic-bezier(.68, -.55, .27, 1.55) 2s infinite;
}

@-webkit-keyframes indexiconShow {
	from {
		transform: translateY(0);
		opacity: .2;
	}

	35% {
		transform: translateY(8px);
		opacity: 1;
	}

	90% {
		transform: translateY(8px);
		opacity: 1;
	}

	to {
		transform: translateY(0);
		opacity: .2;
	}
}

@-o-keyframes indexiconShow {
	from {
		transform: translateY(0);
		opacity: .2;
	}

	35% {
		transform: translateY(8px);
		opacity: 1;
	}

	90% {
		transform: translateY(8px);
		opacity: 1;
	}

	to {
		transform: translateY(0);
		opacity: .2;
	}
}

@-ms-keyframes indexiconShow {
	from {
		transform: translateY(0);
		opacity: .2;
	}

	35% {
		transform: translateY(8px);
		opacity: 1;
	}

	90% {
		transform: translateY(8px);
		opacity: 1;
	}

	to {
		transform: translateY(0);
		opacity: .2;
	}
}

@keyframes indexiconShow {
	from {
		transform: translateY(0);
		opacity: .2;
	}

	35% {
		transform: translateY(8px);
		opacity: 1;
	}

	90% {
		transform: translateY(8px);
		opacity: 1;
	}

	to {
		transform: translateY(0);
		opacity: .2;
	}
}




.roafe-pro-small .pro-slide .img,
.roafe-about .img,
.culture ol li .img,
.faq-slide .img {
	overflow: hidden;
}

.roafe-news-box,
.join-endor,
.faq {
	position: relative;
	padding: 70px 0;

}



.roafe-box {
	width: 100%;
	overflow: hidden;
	background: url(../images/main_bg.jpg) top no-repeat #fff;
	background-size: 100% auto;
}

.roafe-pro {
	margin-top: 70px;
}

.roafe-big-type,
.roafe-pro-small .swiper-container,
.roafe-pro {
	margin-bottom: 70px;
}

.roafe-pro-small .swiper-container {
	overflow: hidden;
}

.roafe-pro-small .pro-slide {
	background: #fff;
}

.roafe-pro-small .pro-prev,
.roafe-pro-small .pro-next {
	position: absolute;
	top: 50%;
}

.pro-pagination {
	text-align: center;
}

.pro-pagination .swiper-pagination-bullet {
	margin-right: 8px;
	background: #000;
}


.roafe-pro-small .pro-prev {
	margin-left: -80px;
	left: 0;
}

.roafe-pro-small .pro-next {
	margin-right: -80px;
	right: 0;
}

.roafe-pro-small .pro-slide h3 {
	padding: 0 35px;
	font-size: 30px;
	line-height: 1;
	color: #000;
	font-weight: 600;

}

.roafe-pro-small .pro-slide p {
	font-size: 20px;
	margin-top: 15px;
}

.roafe-pro-small .pro-slide span {
	font-size: 14px;
	margin-top: 15px;
	height: 0;
	display: block;
	opacity: 0;
	color: #fff;
}


.roafe-pro-small .pro-slide .img img {
	opacity: 0;
}

.roafe-pro-small .pro-slide a:hover .img img {
	transform: scale(1.05, 1.05);
	opacity: 1;
}

.roafe-pro-small .pro-slide a:hover h3,
.roafe-pro-small .pro-slide a:hover p {
	color: #fff;
}




.roafe-pro-text {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -100px;
	z-index: 99;
}

.roafe-pro-text i {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	display: block;
}

.roafe-pro-text:after {
	content: "";
	width: 30px;
	background-color: #cccccc;
	height: 1px;
	margin: 0 auto;
	display: block;
}





.roafe-pro-small .pro-slide a:hover .roafe-pro-text {
	top: 12%;
}

.roafe-pro-small .pro-slide a:hover .roafe-pro-text i {
	opacity: 0;
}

.roafe-pro-small .pro-slide a:hover .roafe-pro-text span {
	opacity: 1;
}

.roafe-pro-small .pro-slide a:hover .roafe-pro-text:after {
	opacity: 0;
}







.roafe-about {
	position: relative;
	background-color: #fff;
}

.roafe-about .img {
	width: 42%;
	float: left;
}

.roafe-about .img img {
	width: 100%;
}


.roafe-about i {
	position: absolute;
	right: 0;
	bottom: 0;
}



.roafe-about .text {
	width: 58%;
	box-sizing: border-box;
	padding: 140px 140px 0 140px;
	min-height: 570px;
	float: left;
	position: relative;

}

.roafe-about-desc {
	max-width: 670px;
}

.roafe-about-desc h2 {
	font-size: 40px;
	font-weight: 800;
	color: #19325b;
}

.roafe-about-desc h3 {
	font-size: 22px;
	color: #000;
}

.roafe-about-desc p {
	color: #999;
	line-height: 30px;
	margin-top: 25px;
}



.roafe-about .text ul li {
	float: left;
	padding: 50px 80px 0 0;
	text-align: center;
}

.roafe-about .text ul li h3 {
	font-family: arial;
	font: bold 50px/1.5 'arial';
	color: #000;
}

.roafe-about .text ul li h3 span {
	font-size: 24px;
	vertical-align: text-top;
}

.roafe-box02 {
	background: url(../images/roafe_box02.jpg) bottom no-repeat #fff;
	background-size: 100% auto;
}

.roafe-title {
	margin-bottom: 60px;
	text-align: center;
}

.roafe-title h2 {
	font-size: 40px;
	line-height: 1;
	color: #19325b;
	font-weight: 700;
	margin-bottom: 15px;
}

.roafe-title p {
	margin-bottom: 15px;
	color: #5b5b5b;
	font-size: 18px;
}


.roafe-title i,
.about-desc i {
	position: relative;
	display: block;
	width: 66px;
	overflow: hidden;
	margin: 0 auto;
}







.roafe-news {
	margin-top: 55px;
}

.roafe-news-box .swiper-container {
	overflow: inherit;
}


.news-slide .img {
	width: 100%;
}

.news-slide .img span {
	display: block;
	width: 100%;
	padding-bottom: 58%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.news-slide .text {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 5% 6%;
	background-color: #fff;
	box-sizing: border-box;
}

.news-slide .text h3 {
	font-size: 20px;
	line-height: 2;
	color: #000;
	margin-bottom: 10px;
}

.news-slide .text p {
	font-size: 14px;
	line-height: 2;
	color: #8b8b8b;
	overflow: hidden;
	height: 56px;
}

.news-slide .text .time {
	margin-top: 25px;
	padding-top: 10px;
	font-size: 20px;
	border-top: 1px solid #e7e5e6;
	opacity: 0;
}

.news-slide a:hover .img span {
	transform: scale(1.05, 1.05);
}

.news-slide a:hover .text .time {
	opacity: .7;
	color: #fff;
}

.news-slide:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
	box-sizing: border-box;
}

.news-slide:hover .text {
	background: #19325b;
}

.news-slide:hover .text h3,
.news-slide:hover .text p {
	color: #fff;

}





.m-50 {
	margin-bottom: 50px;
}



.roafe-pro-star {
	padding: 140px 0;
	background: #eef3f9;
}






.star_product_list {
	position: relative;
}

.star_product_list .star_product_list-img {
	width: 55%;
	float: left;
	box-sizing: border-box;
	max-width: 270px;
	padding: 20px;

}


.star_product_list-txt {
	float: left;
	width: calc(45% - 30px);
	margin-top: 90px;
	margin-left: 30px;
}

.star_product_list-txt h2 {
	font-size: 24px;
	margin-bottom: 5px;
}

.star_product_list-txt p {
	font-size: 16px;
}

.star_product_list-txt a {
	background: #19325b;
	border-radius: 50px;
	color: #fff;
	width: 120px;
	height: 45px;
	display: block;
	line-height: 45px;
	text-align: center;
	margin-top: 20px;
	opacity: 0;
}

.roafe-pro-star .star-slide:hover .star_product_list-txt a {
	opacity: 1;
}

.roafe-pro-star .star-slide:hover .star_product_list-txt {
	margin-top: 40px;
}

.roafe-pro-star .star-slide:hover .star_product_list-img img {
	transform: scale(1.05, 1.05);
}


.pro-star-center .pro-prev {
	margin-left: -100px;
	position: absolute;
	left: 0;
	top: 50%;
}

.pro-star-center .pro-next {
	position: absolute;
	margin-right: -100px;
	right: 0;
	top: 50%;
}






.roafe-foot {
	padding: 80px 0 0;
	background: url(../images/menu_bg.jpg) no-repeat;
	background-size: cover;


}


.roafe-foot .roafe-foot-logo {
	width: 332px;
	padding-top: 45px;
	margin-right: 160px;
}

.roafe-foot-desc h2 {
	font-size: 28px;
	line-height: 2;
	color: #fff;
}

.roafe-foot-desc p {
	color: #cfcfcf;
	line-height: 2;
	margin-top: 15px;
}
.roafe-foot-desc p b{
	font-size: 20px;
	color: #fff;
}
.roafe-foot-qr {
	text-align: center;
	font-size: 14px;
	line-height: 2;
}

.roafe-foot-qr h2 {
	font-size: 22px;
	line-height: 2;
	color: #333;
	margin-bottom: 5px;
	text-align: left;
}

.roafe-foot-qr .foot-qr-c img {
	margin-right: 15px;
	float: left;
}


.roafe-foot-top {
	background: #f5f5f5;
	padding: 30px 0 30px;
}

.roafe-foot-top .foot_search {
	float: left;
	margin-top: 25px;
	width: 30%;

}

.roafe-foot-top .foot_join {
	width: 50%;
}

.roafe-foot-top .foot_search h2 {
	font-size: 22px;
	margin-bottom: 20px;
}



.roafe-foot-link {
	float: left;
	color: #fff;
}

.roafe-foot-link li {
	float: left;
	margin-right: 120px;
}

.roafe-foot-link li h2 {
	font-size: 24px;
	margin-bottom: 15px;
}

.roafe-foot-link li a {
	display: block;
	color: #a8abb1;
	line-height: 36px;
	
}
.roafe-foot-link li a:hover{
	color: #fff;
}

.roafe-join-desc .font01,
.join-desc .font01 {
	font-size: 44px;
}

.roafe-join-desc .font02,
.join-desc .font02 {
	font-size: 27px;
}


.join-desc .font01 {
	font: bold 55px/1.5 "微软雅黑";
	color: #fff;
}

.join-desc .font02 {
	margin-bottom: 50px;
	font: 30px/1.5 "微软雅黑";
	color: #fff;
}




@media screen and (max-width:1600px) {
	.roafe-pro-small .pro-slide {
		width: 600px;
		margin-right: 30px;
	}

	.roafe-pro-small .pro-slide h3 {
		font-size: 24px;
	}

	.roafe-pro-small .pro-slide p {
		font-size: 18px;
	}

	.roafe-about .text ul li h3 {
		font-size: 46px;
	}

	.roafe-box {
		background-size: 110% auto;
	}

	.roafe-title h2 {
		font-size: 30px;
	}

	.news-slide .text .time {
		font-size: 18px;
	}

	.roafe-box02 {
		background-size: 110% auto;
	}

	.roafe-idea-box .text h3 {
		font-size: 22px;
	}

	.roafe-idea-box .text p {
		margin-bottom: 15px;
	}

	.roafe-idea-box .text a,
	.roafe-join-desc a,
	.join-desc a {
		width: 180px;
		line-height: 50px;
	}

	.roafe-join-desc {
		margin: 120px auto 260px;
	}


	.roafe-join-desc .tel,
	.join-desc .tel {
		font-size: 36px;
	}

	.roafe-foot .roafe-foot-logo {
		width: 310px;
		padding-top: 40px;
		margin-right: 140px;
	}

	.roafe-foot-desc h2 {
		font-size: 26px;
	}

	.roafe-foot-qr {}

	.star_product_list-txt h2 {
		font-size: 20px;
	}

	.star_product_list-txt p {
		font-size: 14px;
	}


	.star_product_list .star_product_list-img {
		padding: 10px;
		box-sizing: border-box;
	}


	.roafe-foot-top .foot_join {
		width: 44%;
		margin-top: 10px;
	}

}

@media screen and (max-width:1440px) {
	.roafe-about .text {
		padding: 60px 80px;
		min-height: 456px;
	}

	.roafe-about-desc h2 {
		font-size: 32px;
		margin-bottom: 8px;
	}

	.roafe-about-desc h3 {
		font-size: 18px;
	}

	.roafe-about-desc p {
		line-height: 26px;
	}

	.roafe-box {
		background-size: 115% auto;
	}

	.roafe-big-type,
	.roafe-pro-small .swiper-container,
	.roafe-pro {
		margin-bottom: 30px;
	}

	.roafe-big-type a {
		padding: 8px 20px;
	}

	.roafe-pro-small .pro-slide {
		width: 540px;
		margin-right: 25px;
	}

	.roafe-pro-small .pro-slide h3 {
		font-size: 20px;
	}

	.roafe-pro-small .pro-slide p {
		font-size: 16px;
	}

	.roafe-pro-text i {
		width: 80px;
		height: 80px;
	}

	.roafe-pro-text {
		margin-top: -80px;
	}


	.roafe-about .text ul li h3 {
		font-size: 42px;
	}

	.roafe-title h2 {
		font-size: 28px;
	}

	.news-slide .text .time {
		font-size: 16px;
	}

	.roafe-box02 {
		background-size: 115% auto;
	}

	.roafe-idea-box .text h3 {
		font-size: 20px;
	}

	.roafe-idea-box .text p {
		margin-bottom: 10px;
	}

	.roafe-idea-box .text a,
	.roafe-join-desc a,
	.join-desc a {
		width: 160px;
		line-height: 45px;
	}

	.roafe-join-desc {
		margin: 100px auto 220px;
	}

	.roafe-join-desc .font01,
	.join-desc .font01 {
		font-size: 40px;
	}

	.roafe-join-desc .font02,
	.join-desc .font02 {
		font-size: 24px;
	}

	.roafe-join-desc p,
	.join-desc p {
		font-size: 13px;
	}

	.roafe-join-desc .tel,
	.join-desc .tel {
		font-size: 32px;
	}

	.roafe-foot .roafe-foot-logo {
		width: 290px;
		padding-top: 35px;
		margin-right: 120px;
	}

	.roafe-foot-desc h2 {
		font-size: 24px;
	}

}

@media screen and (max-width:1279px) {




	.roafe-about .text {
		padding: 55px 80px;
		min-height: 420px;
	}

	.roafe-about .text ul li {
		padding: 30px 64px 0 0;
	}


	.roafe-box {
		background-size: 120% auto;
	}

	.roafe-pro-small .pro-slide {
		width: 480px;
		margin-right: 20px;
	}

	.roafe-about .text ul li h3 {
		font-size: 38px;
	}

	.roafe-title h2 {
		font-size: 26px;
	}

	.news-slide .text .time {
		font-size: 15px;
	}

	.roafe-box02 {
		background-size: 120% auto;
	}

	.roafe-idea-box .text p {
		margin-bottom: 5px;
	}

	.roafe-idea-box .text h3 {
		font-size: 18px;
	}

	.roafe-join-desc {
		margin: 80px auto 200px;
	}

	.roafe-join-desc .font01,
	.join-desc .font01 {
		font-size: 36px;
	}

	.roafe-join-desc .font02,
	.join-desc .font02 {
		font-size: 20px;
	}

	.roafe-join-desc p,
	.join-desc p {
		font-size: 12px;
	}

	.roafe-join-desc .tel,
	.join-desc .tel {
		font-size: 28px;
	}

	.roafe-idea-box .text a,
	.roafe-join-desc a {
		width: 150px;
		line-height: 40px;
	}

	.roafe-foot .roafe-foot-logo {
		width: 260px;
		padding-top: 30px;
		margin-right: 90px;
	}

	.roafe-foot-desc h2 {
		font-size: 22px;
	}

	.roafe-foot-desc p {
		font-size: 13px;
	}

	.roafe-foot-qr {
		width: 21%;
	}

	.roafe-foot-qr .foot-qr-c img {
		width: 100px;
		margin-right: 2px;
	}

	.star_product_list-txt {
		margin-top: 38px;
		margin-left: 15px;
	}

	.star_product_list-txt a {
		width: 92px;
		font-size: 12px;
		line-height: 40px;
		height: 40px;
	}

	.star_product_list-txt h2 {
		font-size: 16px;
	}

}



.pro-next,
.pro-prev,
.news-next,
.news-prev,
.work-prev,
.work-next,
.endor-prev,
.endor-next,
.faq-prev,
.faq-next,
.video-prev,
.video-next{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-image: url(ad_ctrs.png);
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	cursor: pointer;
}

.pro-next,
.endor-next,
.faq-next,
.video-next{
	margin-left: 10px;
	background-position: 0 -60px;
}

.news-next,
.news-prev,
.work-prev,
.work-next,
.endor-prev,
.endor-next,
.faq-prev,
.faq-next,
.video-prev,
.video-next{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 99;
}

.news-prev,
.work-prev,
.endor-prev,
.faq-prev,
.video-prev{
	left: -80px;
}

.news-next,
.work-next,
.endor-next,
.faq-next,
.video-next{
	right: -80px;
	background-position: -60px 0px;
}

.pro-prev:hover,
.news-prev:hover,
.work-prev:hover,
.endor-prev:hover,
.faq-prev:hover,
.video-prev:hover{
	background-color: #19325b;
	background-position: 0px -60px;
}

.pro-next:hover,
.news-next:hover,
.work-next:hover,
.endor-next:hover,
.faq-next:hover,
.video-next:hover{
	background-color: #19325b;
	background-position: -60px -60px;
}




@media screen and (max-width:1440px) {

	.pro-next,
	.pro-prev,
	.news-next,
	.news-prev,
	.work-next,
	.work-prev,
	.endor-prev,
	.endor-next,
	.faq-prev,
	.faq-next,
	.video-prev,
	.video-next{
		width: 50px;
		height: 50px;
	}

	.pro-next,
	.news-next,
	.work-next,
	.endor-next,
	.faq-next,
	.video-next{
		background-position: 0 -50px;
	}

	.news-prev,
	.work-prev,
	.endor-prev,
	.faq-prev,
	.video-prev{
		left: -70px;
	}

	.news-next,
	.work-next,
	.endor-next,
	.faq-next,
	.video-next{
		right: -70px;
	}
}




.main {
	width: 100%;
}



.p-70 {
	padding: 100px 0;
}




.banner {
	width: 100%;
	padding-bottom: 38%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.school_banner {
	width: 100%;
	padding-bottom: 36.241%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banners {
	width: 100%;
	height: 537px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.about-desc {
	width: 64%;
	float: left;
}

.about-desc h3 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
}

.about-desc i {
	margin-bottom: 20px;
}

.about-desc p {
	line-height: 1.8;
}

.aboutimg {
	margin-top: 30px;
	display: block;
	width: 100%;
	float: left;
}

.aboutimg img {
	width: 100%;
}

.aboutnum {
	width: 30%;
	float: right;
	margin-top: 50px;
}

.aboutnum ul li {
	position: relative;
	float: left;
	width: calc(100%/2 - 20px);
	padding: 30px 0;
	margin-bottom: 20px;
	margin-right: 20px;
	text-align: center;
	border: 1px solid #eee;
}

.aboutnum ul li:nth-child(even) {
	margin-right: 0;
}


.aboutnum ul li h3 {
	font-size: 50px;
	line-height: 1.5;
	color: #19325b;
	font-family: arial;
}

.aboutnum ul li h3 span {
	font-size: 16px;
	vertical-align: text-top;
	margin-left: 5px;
}

.culture {
	margin-bottom: 70px;
	background: #f6f6f6;
	padding: 70px;
}

.culture ol li {
	float: left;
	width: calc(91%/4);
	margin-right: 3%;
	border-radius: 8px;
	overflow: hidden;
}

.culture ol li:last-child {
	margin-right: 0;
}

.culture ol li .text h3 {
	padding: 20px 0 10px;
	font-size: 24px;

}

.culture ol li .text p {
	min-height: 48px;
	color: #666;
	line-height: 1.5;
}

.production {
	padding-bottom: 135px;
}

.production .layout {
	background: #1d365e;
}

.production-img {
	width: 50%;
}

.production-img img {
	width: 100%;
}

.production-text {
	width: 50%;
	padding: 15% 10% 0% 10%;
	box-sizing: border-box;

}

.production i {
	position: absolute;
	bottom: 0;
	right: 0;
}

.production-text p {
	line-height: 1.8;
	color: #fff;

	font-size: 20px;
}

.store-about {
	background: #f6f6f6;
}

.store-about .swiper-container {
	padding: 15px;
}

.store-about .swiper-slide a {
	padding: 20px;
	background: #fff;
	overflow: hidden;
	display: block;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
}

.store-about .swiper-slide a p {
	font-size: 20px;
	text-align: center;
	padding: 20px 0 10px;
}

.store-about .swiper-slide .store-img {
	overflow: hidden;
}

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

.store-about .swiper-slide .store-img img:hover {
	transform: scale(1.05, 1.05);
}


.honor-about {
	background: url(../images/menu_bg.jpg) no-repeat;
	background-size: cover;
}


.honor-about .roafe-title h2 {
	color: #fff;
}

.honor-about .swiper-slide a {
	padding: 80px 50px;
	background: #fff;
	overflow: hidden;
	display: block;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
}

.honor-about .swiper-slide a p {
	font-size: 20px;
	text-align: center;
	padding: 20px 0 10px;
}

.honor-pagination {
	text-align: center;
	margin-top: 30px;
}

.honor-pagination .swiper-pagination-bullet {
	margin-right: 6px;
}

.honor-pagination .swiper-pagination-bullet-active {
	background: #fff;

}

.honor-about .swiper-slide .honor-img {
	overflow: hidden;
}

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

.honor-about .swiper-slide .honor-img img:hover {
	transform: scale(1.05, 1.05);
}

.course-about {
	position: relative;
}

.courseshop {
	position: relative;
	margin-top: 40px;
}


.course-about .li-box .txt {
	height: 335px;
	max-width: 361px;
	position: relative;
	padding-left: 135px;
	overflow: hidden;

}

.course-about .li-box>div {
	margin-left: 18%;
}

.course-about .slick-current .txt:before {
	background: #113d63;
}

.course-about .li-box .txt:before {
	position: absolute;
	content: '';
	width: 1px;
	background: #dfdfdf;
	height: 100%;
	left: 59px;
	top: 118px;
}


.course-about .slick-current .txt .year {
	background: #113d63;
	color: #fff;
	border-color: #113d63;
}

.course-about .li-box .txt .year {
	position: absolute;
	width: 118px;
	line-height: 118px;
	height: 118px;
	color: #999;
	border: 1px solid #dfdfdf;
	border-radius: 50%;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
	left: 0;
	top: 0;
	transition: 0.3s;
}

.course-about .li-box .singlePage {
	padding-top: 30px;
}

.singlePage {
	line-height: 30px;
	font-size: 16px;
}



.course-about .li-box .singlePage dd {
	position: relative;
	line-height: 30px;
	padding-left: 18px;
}

.course-about .li-box .singlePage dd:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #113d63;
	border-radius: 50%;
	left: 0;
	top: 12px;
}


.course-about .swiper-slide-active .txt .year {
	background: #113d63;
	color: #fff;
	border-color: #113d63;
}

.course-about .li-box .title {
	width: 118px;
	height: 52px;
	text-align: center;
	background: url(../images/time.png) no-repeat center top;
	padding-top: 25px;
	font-size: 14px;
	color: #bbb;
	position: relative;
	cursor: pointer;
}

.course-about .courseshop:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 65px;
	width: 100%;
	height: 1px;
	background: #eee;
}

.course-about .swiper-slide-active .title span {
	font-size: 18px;
	background: none;
	font-weight: bold;
	color: #113d63;

}

.course-about .swiper-slide-active .title i {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0, 66, 142, 0.2);
	left: 50%;
	top: 0;
	margin-left: -10px;
}

.course-about .swiper-slide-active .title i:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -5px;
	background: #113d63;
	border-radius: 50%;
}









.com-idea {
	background: url(../images/com_idea.jpg) center no-repeat;
	background-size: cover;
}

.com-idea ol {
	width: 44%;
}

.com-idea ol li {
	margin-bottom: 3%;
	padding: 4% 5%;
	background-color: #fff;
}

.com-idea ol li h3 {
	font-size: 24px;
	line-height: 2;
	color: #113d63;
}

@media screen and (max-width:1600px) {
	.aboutnum ul li h3 {
		font-size: 46px;
	}

	.culture ol li .text h3,
	.com-idea ol li h3 {
		font-size: 22px;
	}

	.production {
		padding-bottom: 110px;
	}

	.production-text {
		padding: 11% 10% 0% 10%;
	}

}

@media screen and (max-width:1440px) {
	.aboutnum ul li h3 {
		font-size: 42px;
	}

	.culture ol li .text h3,
	.com-idea ol li h3 {
		font-size: 20px;
	}

	.production {
		padding-bottom: 95px;
	}

	.production-text {
		padding: 10% 6% 0% 8%;
	}


}

@media screen and (max-width:1279px) {
	.aboutnum ul li h3 {
		font-size: 38px;
	}

	.culture ol li .text h3,
	.com-idea ol li h3 {
		font-size: 18px;
	}

	.production {
		padding-bottom: 80px;
	}

	.production-text {
		padding: 10% 6% 0% 6%;
	}

	.production-text p {
		font-size: 16px;
	}

	.honor-about .swiper-slide a {
		padding: 40px 20px;
	}


}


.foot {
	width: 100%;
	font-size: 14px;
	line-height: 60px;
	color: #909090;
	margin-top: 80px;
	border-top: 1px solid #364d77;
}

.foot a {
	line-height: 60px;
	color: #909090;
}

.foot a:hover {
	color: #19325b;
}




/* join */



.join-ban {
	width: 100%;
	background: url(../images/join_01.jpg) bottom no-repeat;
}


.join-desc p {
	font-size: 14px;
	line-height: 2;
	color: #969696;
}

.m-50 {
	margin-bottom: 50px;
}

.join-desc .tel {
	margin-bottom: 30px;
	font: bold 40px/1 "微软雅黑";
	color: #fff;
}

.join-desc a {
	display: block;
	width: 190px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 2px solid #19325b;
	border-radius: 30px;
}

.join-desc a:hover {
	background-color: #19325b;
}


.join-desc {
	padding: 400px 0 165px 100px;
}

.join_item2 {
	width: 100%;
	padding: 40px 0;
	background: url(../images/join_02.jpg) top no-repeat;
}

.join_item2 .roafe-title h2,
.join_item2 .roafe-title p {
	color: #fff;
}

.join_item2_box .txt ul li {
	float: left;
	width: 25%;
	height: 300px;
	display: table;
	position: relative;
}

.join_item2 {
	padding: 5% 0
}

.join_item2_box {
	background: #fff;

}

.join_item2 .txt ul li {
	float: left;
	width: 25%;
	height: 300px;
	display: table;
	position: relative;
}

.join_item2 .txt ul li .box {
	display: table-cell;
	vertical-align: middle;
	padding: 10%
}

.join_item2 .txt ul li:nth-child(1),
.join_item2 .txt ul li:nth-child(3),
.join_item2 .txt ul li:nth-child(6),
.join_item2 .txt ul li:nth-child(8) {
	background-color: #f5f5f5;
}

.join_item2 .txt ul li:nth-child(1) .num b:before,
.join_item2 .txt ul li:nth-child(3) .num b:before,
.join_item2 .txt ul li:nth-child(6) .num b:before,
.join_item2 .txt ul li:nth-child(8) .num b:before {
	background: none;
}

.join_item2 .txt ul li .num {
	text-align: center;
	color: #113d63;
	font-weight: bold;
	padding-bottom: 30px;
	position: relative;
	z-index: 5;
	transition: 1s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
}

.join_item2 .txt ul li .num b {
	font-size: 40px;
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	position: relative;
}

.join_item2 .txt ul li .num b:before {
	content: '';
	left: 0;
	border: solid 1px #dfe5ec;
	width: 100%;
	height: 100%;
	background-color: #fefefe;
	z-index: -1;
	position: absolute;
	transform: rotate(45deg);
}

.join_item2 .txt ul li .tip {
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.join_item2 .txt ul li .show {
	font-size: 16px;
	line-height: 30px;
	display: none;
}

.join_item2 .txt ul li:hover {
	background: #113d63;
}

.join_item2 .txt ul li:hover .num {
	position: absolute;
	right: 10px;
	top: 5px;
	color: #1a559a;
}

.join_item2 .txt ul li:hover .num b:before {
	display: none
}

.join_item2 .txt ul li:hover .tip {
	color: #fff;
	text-align: left
}

.join_item2 .txt ul li:hover .show {
	display: block;
	color: #fff;
}


.join-gua {
	width: 100%;
	padding: 70px 0;
	background: #f1f1f1;
}

.join-gua-box .article {
	float: left;
	width: calc(84%/4);
	padding: 3% 0;
	margin: 0 5% 1% 0;
	text-align: center;
	background-color: #fff;
	position: relative;
}

.join-gua-box .article:nth-child(4n) {
	margin-right: 0;
}

.join-gua-box .article .imgbox {
	position: relative;
	height: 160px;
}

.join-gua-box .article .imgbox img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.join-gua-box .article img.after {
	display: none;
}

.join-gua-box .article:hover {
	background: #113d63;
}

.join-gua-box .article:hover img.before {
	display: none;
}

.join-gua-box .article:hover img.after {
	display: inline-block;
}

.join-gua-box .article:hover .bgimg {
	opacity: .4
}


.join-gua-box .article:hover h3,
.join-gua-box .article:hover p {
	color: #fff;
}

.join-gua-box .article h3 {
	font-size: 26px;
	line-height: 2;
	margin-bottom: 20px;
}

.join-gua-box .article p {
	display: block;
	width: 70%;
	margin: auto;
	line-height: 1.875;
	height: 230px;

}

.join-five {
	background: #f1f1f1;
	overflow: hidden;
}

.join-five .col {
	float: left;
	width: 20%;
	padding: 0 5px;
	box-sizing: border-box;
}

.join-five .row:before {
	display: table;
	content: " ";
}

.join-five .row {
	width: 100%;
	float: left;
}

.join-five .item img {
	margin: 0 auto;
	padding-top: 30px;
}

.join-five .item h1 {
	font-size: 24px;
	color: rgb(51, 51, 51);
	margin-bottom: 10px;
	margin-top: 10px;
}

.join-five .item {
	text-align: center;
	background: #fff;
	transition: all .3s linear;
	padding: 20px;
}

.join-five .item p {
	font-size: 16px;
	color: rgb(102, 102, 102);
	line-height: 1.5;
	height: 150px
}


.join-hotline {
	padding: 70px 0;
	background-color: #113d63;
}

.join-hotline .roafe-title h2,
.join-hotline .roafe-title p {
	color: #fff;
}


.projectshop,
.workshop {
	position: relative;
}


/* 明星产品 */
.selected_bg {
	background-color: #fff;
	background-image: url(../images/selected_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 200px;
}

.selected_bg .container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.selected_left {
	position: relative;
	text-align: left;
	padding-left: 60%;
}

.selected_right {
	position: relative;
	text-align: right;
	padding-right: 67%;
}

.selected_img {
	position: absolute;
	top: 0;
	z-index: 2;
}

.selected_rank {
	display: inline-block;
	padding-bottom: 20px;
}

.selected_rank h2 {
	font-size: 62px;
	line-height: 1;
}

.selected_rank small {
	font-size: 14px;
}

.selected_info {
	padding-top: 80px;
}

.selected_c {}

.selected_c h2 {
	font-size: 30px;
	padding-bottom: 10px;
}

.selected_c p {
	font-size: 16px;
	padding-bottom: 26px;
	line-height: 26px;
	color: #888888;
}

.selected_c a {
	padding: 10px 0px;
	width: 60px;
	border-bottom: 1px solid #000;
	text-align: center;
	background: #fff;
}

.selected_c h2 span {
	font-weight: 700;
}

.color-blue .selected_c a:hover {
	background: #3b73b2;
	padding: 10px 30px;
}

.color-brown .selected_c a:hover {
	background: #caa977;
	padding: 10px 30px;
}

.color-skyblue .selected_c a:hover {
	background: #00a7b5;
	padding: 10px 30px;
}

.color-purple .selected_c a:hover {
	background: #606eb2;
	padding: 10px 30px;
}


.color-green .selected_rank h2,
.color-green .selected_rank small,
.color-green .selected_c h2,
.color-green .selected_c a {
	color: #00734c;
	border-color: #00734c;
}

.color-blue .selected_rank h2,
.color-blue .selected_rank small,
.color-blue .selected_c h2,
.color-blue .selected_c a {
	color: #3b73b2;
	border-color: #3b73b2;
}

.color-brown .selected_rank h2,
.color-brown .selected_rank small,
.color-brown .selected_c h2,
.color-brown .selected_c a {
	color: #caa977;
	border-color: #caa977;
}

.color-skyblue .selected_rank h2,
.color-skyblue .selected_rank small,
.color-skyblue .selected_c h2,
.color-skyblue .selected_c a {
	color: #00a7b5;
	border-color: #00a7b5;
}

.color-purple .selected_rank h2,
.color-purple .selected_rank small,
.color-purple .selected_c h2,
.color-purple .selected_c a {
	color: #606eb2;
	border-color: #606eb2;
}

.selected_c a:hover {
	background: #00734c;
	color: #fff;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.selected11_1,
.selected11_2,
.selected11_3 {
	position: relative;
}

.selected11_1 p,
.selected11_2 p,
.selected11_3 p {
	text-align: center;
	padding-top: 10px;
}

.selected11_2 {
	left: 300px;
	top: 34px;
}

.selected11_1 {
	left: 160px;
}

.selected11_3 {
	top: -100px;
}

.selected12_1,
.selected12_2 {
	position: relative;
}

.selected12_1 p,
.selected12_2 p {
	text-align: center;
	padding-top: 10px;
}

.selected12_1 {
	left: 50px;
}

.selected12_2 {
	top: 40px;
	right: 66px;
}

.selected13_1,
.selected13_2,
.selected13_3 {
	position: relative;
}

.selected13_1 p,
.selected13_2 p,
.selected13_3 p {
	text-align: center;
	padding-top: 10px;
}

.selected13_2 {
	left: 0;
	top: 34px;
}

.selected13_1 {
	left: 160px;
}

.selected13_3 {
	top: -100px;
	left: 240px;
}





@media screen and (max-width:1600px) {
	.join-ban {
		background-size: 126% auto;
	}

	.join_item2 {
		background-size: 126% auto;
	}

	.join_item2_box .article h3 {
		font-size: 18px;
	}

	.join-adv ol li .text h3 {
		font-size: 22px;
	}

}

@media screen and (max-width:1440px) {
	.join-desc {
		padding: 280px 0 115px;
	}



	.join-adv ol li .text h3 {
		font-size: 20px;
	}


}

@media screen and (max-width:1279px) {
	.join-ban {
		background-size: 135% auto;

	}

	.join_item2 {
		background-size: 135% auto;
		padding: 0 0 5%;
	}

	.join_item2 .txt ul li .show {
		font-size: 16px;
		line-height: 26px;
	}

	.join-adv ol li .text h3 {
		font-size: 18px;
	}




}





/* contact */
.contact-bg {
	padding: 40px 0;
	background: url(../images/contact_bg.jpg) bottom no-repeat #eee;
	background-size: 100% auto;
}

.contact-desc {
	padding: 4% 4%;
	margin-bottom: 40px;
	background-color: #fff;
}

.contact-desc h2 {
	font: bold 26px/2 "微软雅黑";
	margin-bottom: 30px;
	color: #383431;
}

.contact-desc ul {
	overflow: hidden;
}

.contact-desc ul li {
	float: left;
	padding-left: 45px;
	margin-right: 5%;
}

.contact-desc ul li p {
	font-size: 14px;
	line-height: 1.5;
	color: #a2a2a2;
}

.contact-desc ul li h3 {
	font-size: 18px;
	line-height: 1.5;
}

.contact-desc ul li:nth-child(1) {
	background: url(../images/con_01.png) left no-repeat;
}

.contact-desc ul li:nth-child(2) {
	background: url(../images/con_02.png) left no-repeat;
}

.contact-desc ul li:nth-child(3) {
	background: url(../images/con_03.png) left no-repeat;
}

.contact-desc .qrcode img {
	width: 110px;
}

.contact-desc .qrcode p {
	font-size: 14px;
	line-height: 2;
}

.contact-msg {
	padding: 4%;
	background-color: #fff;
}

.contact-msg em {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 14px;
	font-style: normal;
}

.msg-name,
.msg-email,
.msg-tel {
	position: relative;
	width: 30%;
}

.msg-name,
.msg-email {
	margin-right: 5%;
}

.msg-content {
	position: relative;
	padding-top: 30px;
}

.contact-msg input[type="text"] {
	width: 100%;
	line-height: 45px;
	border-bottom: 1px solid #e5e5e5;
}

.contact-msg textarea {
	width: 100%;
	height: 100px;
	line-height: 25px;
	border-bottom: 1px solid #e5e5e5;
}

.Validform_wrong {
	color: red;
}

.Validform_right {
	color: #0be147;
}

.msg-submit {
	margin-top: 30px;
	width: 190px;
	height: 55px;
	background-color: #113d63;
	border-radius: 30px;
	overflow: hidden;
}

.contact-msg input[type="submit"] {
	width: 100%;
	font-size: 16px;
	line-height: 55px;
	color: #fff;
	background: none;
	cursor: pointer;
}

@media screen and (max-width:1440px) {
	.contact-desc h2 {
		font-size: 22px;
	}

	.contact-desc ul li h3 {
		font-size: 16px;
	}

	.contact-desc .qrcode img {
		width: 90px;
	}
}



/* service */
.service-skill-01{
	background: #f5f5f5;
}

.service-skill-02{
	position: relative;
	width: 92%;
	margin: 0 auto;
	box-sizing: border-box
}




.index-product-type .swiper-container{
	overflow: inherit;
}
.index-product-type .swiper-slide{
	width: 36.85%;
	padding: 0 5% 0 0;
	float: left;
	transition: all .4s;
}
.index-product-type .swiper-slide:last-child{
	margin-right: 0;
}
.index-product-type img{
	width:100%
}


.index-product-info{
	position: relative;
	padding: 4% 0%;
	background-color: #fff;
}
.index-product-info h2{
	font-size: 26px;
	line-height: 1.5;
	color: #000;
	text-align: left;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.index-product-info h4{
	font-size: 20px;
	line-height: 1.5;
	color: #000;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
}


.customer-pagination .swiper-pagination-bullet{
	background: #ccc;
}
.customer-pagination  .swiper-pagination-bullet-active{
	background: #000;
}



.service-idea ol li {
	float: left;
	width: calc(97.5%/2);
	margin: 0 2.5% 2.5% 0;
}
.service-idea ol li .img img{
	width: 100%;
}
.service-idea ol li:nth-child(2n) {
	margin-right: 0;
}

.service-idea ol li:nth-last-child(1),
.service-idea ol li:nth-last-child(2) {
	margin-bottom: 0;
}

.service-idea ol li div.text {
	padding-top: 15px;
}

.service-idea ol li h3 {
	font: bold 24px/2 "微软雅黑";
}

.service-idea ol li p {
	font-size: 16px;
	line-height: 30px;
	color: #999;
}



.ceramics ol li{
	float: left;
	width: calc(92%/3);
	margin: 0 4% 2% 0;
}
.ceramics ol li:nth-child(3n){
	margin-right: 0;
}
.ceramics ol li .img img{
	width: 100%;
}
.ceramics ol li .text{
	padding: 20px;
}
.ceramics ol li .text h3{
	font-size: 24px;
	line-height: 2;
}
.ceramics ol li .text p{
	height: 72px;
	line-height: 1.5;
	color: #777;
}


.ceramics_top{
	display: block;
	overflow: hidden;
	margin-bottom: 50px;
	background: #eee;
}

.ceramics_top .fl{width: 60%;}
.ceramics_top .fr{width: 40%; box-sizing: border-box; padding: 250px 120px 0;
}

.ceramics_top .fr h2{
	font-size: 28px;
	margin-bottom: 20px;	
}

.about_bottom {
	position: relative;
}



.video_list ul li {
	float: left;
	width: 30%;
	display: block;
	overflow: hidden;
	margin: 0 0 16px 16px;
	cursor: pointer;
	border-radius: 10px;
	background: #fff;
}

.video_list .news_img {
	width: 100%;
	height: 0;
	padding-bottom: 68%;
	background-image: url(../images/logo.png);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	position: relative;
}

.video_list .news_img b {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 66;
	position: absolute;
}

.video_list .news_img em {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url(icon.png);
	opacity: 0;
	left: 50%;
	top: 50%;
	z-index: 2;
	position: absolute;
	margin: -30px 0 0 -30px;
	background-size: 100%;
	transform: scale(1.5, 1.5);
}

.video_list .item_mask {
	transition: 0.36s ease;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition: 0.36s ease;
	z-index: 99;
}

.video_list .item_mask::before {
	transition: 0.36s ease;
	content: "\e667";
	font-family: "mofont";
	position: absolute;
	color: #fff;
	font-size: 36px;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-top: -68px;
	margin-left: -15px;
	opacity: 0;
}

.video_list .item_mask::before {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	content: "";
	position: absolute;
	background: url(video.png);
	color: #fff;
	width: 22px;
	height: 24px;
	font-size: 100%;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-top: -20px;
	margin-left: -10px;
	opacity: 0;
}

.video_list .item_mask:after {
	background-color: #19325b;
	width: 80px;
	height: 80px;
}

.video_list .item_mask:after {
	transition: 0.36s ease;
	content: "";
	width: 70px;
	height: 70px;
	background: #19325b;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px;
	color: #fff;
	border-radius: 50%;
	transform: translate3d(0, 70px, 0);
	opacity: 0;
}

.video_list .news_img .news_img_bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.video_list h3 {
	display: block;
	overflow: hidden;
	padding: 4%;
	line-height: 1;
	box-sizing: content-box;
	font-weight: normal;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.video_list .video_one:hover .news_img b,
.video_list .video_one:hover .news_img em {
	opacity: 1;
}

.video_list .video_one:hover .news_img em {
	transform: scale(1, 1);
}

.video_list .video_one:hover .news_img .news_img_bg {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}

.video_list .video_one:hover .item_mask:after {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.video_list .video_one:hover h3 {
	color: #19325b
}

.video_list .video_one:hover .item_mask::before {
	opacity: 1;
	margin-top: -12px;
}










.install ol li {
	float: left;
	width: 100%;
	padding: 4%;
	margin-bottom: 3%;
	background-color: #fff;
	box-sizing: border-box;
}

.install ol li:last-child {
	margin-bottom: 0;
}

.install ol li h3 {
	font-size: 24px;
	line-height: 2;
	margin-bottom: 10px;
}

.install ol li p {
	color: #999;
	line-height: 2;
}

.faq-slide .img {
	width: 100%;
	background: url(logo.png) center no-repeat;
}

.faq-slide .img span {
	display: block;
	padding-bottom: 38%;
	background-position: center;
	background-size: cover;
}

.faq-slide .text {
	position: relative;
	margin-top: 30px;
	padding-left: 23%;
}

.faq-slide .text .time {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 36px;
	line-height: 1.5;
	color: #000;
}

.faq-slide .text h3 {
	font-size: 20px;
	color: #000;
	line-height: 2;
	margin-bottom: 5px;
}

.faq-slide .text p {
	line-height: 1.5;
	color: #8b8b8b;
	height: 80px;
}

.faq-slide .text i {
	display: block;
	width: 60px;
	height: 1px;
	background-color: #19325b;
}

.faq-slide a:hover .img span {
	transform: scale(1.05, 1.05);
}

.faq-slide a:hover i {
	width: 100%;
}

@media screen and (max-width:1600px) {

	.service-idea ol li h3,
	.install ol li h3 {
		font-size: 22px;
	}

	.service-idea ol li p {
		line-height: 1.8;
	}

	.faq-slide .text h3 {
		font-size: 19px;
	}

	.faq-slide .text .time {
		font-size: 33px;
	}

	.faq-slide .text p {
		height: 75px;
	}

	.faq-slide .text {
		margin-top: 25px;
	}
}

@media screen and (max-width:1440px) {

	.service-idea ol li h3,
	.install ol li h3 {
		font-size: 20px;
	}

	.service-idea ol li p {
		line-height: 1.5;
	}

	.faq-slide .text h3 {
		font-size: 18px;
	}

	.faq-slide .text .time {
		font-size: 30px;
	}

	.faq-slide .text p {
		height: 70px;
	}

	.faq-slide .text {
		margin-top: 20px;
	}
}

@media screen and (max-width:1279px) {

	.service-idea ol li h3,
	.install ol li h3 {
		font-size: 18px;
	}

	.faq-slide .text h3 {
		font-size: 16px;
	}

	.faq-slide .text .time {
		font-size: 27px;
	}

	.faq-slide .text p {
		height: 65px;
	}

	.faq-slide .text {
		margin-top: 15px;
	}
	
	.ceramics_top .fr{
		padding: 160px 70px 0;
	}
	
}



/* news */
.newslist ol li {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.newslist ol li:nth-child(3n) {
	margin-right: 0;
}

.newslist ol li a {
	display: block;
}

.newslist ol li .img {
	width: 100%;
	overflow: hidden;
}

.newslist ol li .img span {
	display: block;
	width: 100%;
	padding-bottom: 59%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.newslist ol li .text {
	padding: 7%;
}

.newslist ol li h3 {
	margin-bottom: 5px;
	font-size: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newslist ol li p {
	font-size: 16px;
	line-height: 28px;
	height: 56px;
	margin-bottom: 20px;
}

.newslist ol li .time {
	font-size: 14px;
	color: #d0d0d0;
}

.newslist ol li:hover {
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .15);
}

.newslist ol li:hover h3 {
	color: #19325b;
}

.newslist ol li:hover .img span {
	transform: scale(1.05, 1.05);
}

.news-show-left {
	float: left;
	width: 27%;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.news-show-left h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.4;
	text-align: left;
}

.news-info {
	padding-bottom: 25px;
	line-height: 30px;
	color: #999;
	border-bottom: 1px solid #eee;
}

.news-info a {
	display: block;
	width: 150px;
	padding: 5px 10px;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #333;
	border-radius: 40px;
	cursor: pointer;
}

.news-content {
	float: right;
	width: 70%;
	font-size: 16px;
	padding: 60px;
	line-height: 28px;
	color: #555;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.news-content img{
	width: 100%;
	margin: 0 auto;
    display: block;
}
.news-show-content p {
	margin-bottom: 10px;
}

.share {
	padding-top: 15px;
}

.share a {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 3px;
	margin-right: 4px;
	border: 1px solid #8a8b8f;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}

.share a img {
	display: block;
}

.news-info a:hover {
	background-color: #19325b;
}

.light {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	display: none;
	padding: 25px 10px 13px;
	background-color: #fff;
	border: 4px solid #ddd;
	transform: translate(-50%, -50%);
}

.light i {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(closed_02.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.light img {
	width: 250px;
}

.light p {
	text-align: center;
}

@media screen and (max-width:1440px) {
	.newslist ol li h3 {
		font-size: 18px;
	}

	.newslist ol li p,
	.newslist ol li .time {
		font-size: 13px;
	}
}


/* expage */
.curr {
	display: inline-block;
	padding: 0 12px;
	margin-right: 1px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #cecece;
	border-radius: 4px;
}

a.page {
	display: inline-block;
	padding: 0 12px;
	margin-right: 1px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: #19325b;
	border-radius: 4px;
}

a.page:visited {
	line-height: 42px;
	text-decoration: none;
	color: #fff;
}

.ra {
	color: #666;
}

.ra a,
.ra a:link {
	text-decoration: none;
	color: #666;
}

.ra a:hover {
	text-decoration: underline;
	color: #666;
}

.red {
	color: #ff3330;
}

.yrr {
	color: #FF9900;
}

.bb {
	font-weight: bold;
}

.expage {
	width: 100%;
	padding-top: 30px;
	margin-left: 0px;
	line-height: 30px;
	text-align: center;
}

.error {
	border: 1px #f40 solid;
}

.right {
	border: 1px #44b549 solid;
}



/* product */
.pro-ban {
	position: relative;

}

.pro-search {
	position: relative;
	width: 70%;
	margin: auto;
	padding-bottom: 80px;
}

.pro-search form {
	display: block;
	width: 60%;
	margin: 0 auto;
	border-radius: 50px;
	overflow: hidden;
}

.pro-search h2 {
	margin-bottom: 40px;
	font: bold 40px/1.5 '微软雅黑';
	color: #333;
}

.pro-search input[type="text"] {
	float: left;
	width: calc(100% - 80px);
	padding: 0 30px;
	line-height: 55px;
	background-color: #eee;
	box-sizing: border-box;
}

.pro-search div {
	float: right;
	width: 80px;
	height: 55px;
	background: url(search_icon.png) center no-repeat #19325b;
}

.pro-search div input[type="submit"] {
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: none;
	border: 0;
}

.pro-bg {}

.type-list ol {
	margin-bottom: 20px;
}

.type-list ol li {
	float: left;
	width: 23%;
	position: relative;
	margin: 0 2% 2% 0;
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.type-list ol li:nth-child(4n) {
	margin-right: 0;
}

.type-list ol li .img {
	width: 100%;
	overflow: hidden;
}

.type-list ol li .img img {
	width: 100%;
	opacity: 0;
}

.type-list ol li .roafe-pro-text h3 {
	padding: 0 35px;
	font-size: 30px;
	line-height: 1;
	color: #000;
	font-weight: 600;
}

.type-list ol li .roafe-pro-text p {
	font-size: 20px;
	margin-top: 15px;
}

.type-list ol li .roafe-pro-text span {
	font-size: 14px;
	margin-top: 15px;
	height: 0;
	display: block;
	opacity: 0;
	color: #fff;
}

.recom_bottom {
	background: #000;
	position: relative;
	overflow: hidden;
	display: block;
}

.recom_bottom ul li {
	float: left;
	background: #000;
	width: calc(100%/2);
	text-align: center;
	overflow: hidden;
	position: relative;
}

.recom_bimg {
	opacity: .5;
}


.recom_btit {
	position: absolute;
	text-align: center;
	color: #fff;
	width: 80%;
	height: 170px;
	margin: 0 auto;
	right: 0;
	left: 0;
	top: 50%;
	margin-top: -85px;
	transition: all 0.6s ease;
}

.recom_btit h2 {
	font-size: 34px;
	padding-top: 20px;
}

.recom_btit p {
	font-size: 20px;
	padding-top: 10px;
	color: #fff;
}

.recom_btit img {
	float: none;
}

.recom_btit .details {
	display: block;
	width: 80px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	transition: all 0.6s ease;
	text-align: center;
	border-radius: 50px;
	opacity: 0;
}

.recom_btit .details {
	transition: all 0.36s ease;
	border: 1px solid rgba(170, 170, 170, 0.7);
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
}

.recom_bottom li:hover .details {
	border-color: #19325b;
	background-color: #19325b;
	color: #fff;
	opacity: 1;
}

.recom_bottom li:hover .recom_bimg {
	transform: scale(1.1, 1.1);
	opacity: .7;
}

.recom_bottom li:hover .recom_btit {
	margin-top: -120px;
	transition: all 0.6s ease;

}










.roafe-pro-text {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -100px;
	z-index: 99;
}

.roafe-pro-text i {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	display: block;
}

.roafe-pro-text:after {
	content: "";
	width: 30px;
	background-color: #cccccc;
	height: 1px;
	margin: 0 auto;
	display: block;
}


.type-list ol li a:hover .roafe-pro-text {
	top: 12%;
}

.type-list ol li a:hover .roafe-pro-text i {
	opacity: 0;
}

.type-list ol li a:hover .roafe-pro-text span {
	opacity: 1;
}

.type-list ol li a:hover .roafe-pro-text:after {
	opacity: 0;
}

.type-list ol li a:hover h3,
.type-list ol li a:hover p {
	color: #fff;
}


.type-list ol li a:hover img {
	transform: scale(1.05, 1.05);
	opacity: 1;
}





.school_culture {
	background: #f6f6f6;
}

.school_culturebg {
	background: url(../images/menu_bg.jpg) no-repeat;
	background-size: cover;

	overflow: hidden;
}

.school-img {
	width: 50%;
}

.school-img img {
	width: 100%;
}

.school-text {
	width: 50%;
	padding: 10% 10% 0% 10%;
	box-sizing: border-box;

}

.school-text p {
	line-height: 1.8;
	color: #fff;
	font-size: 22px;
}

.school-text p b {
	font-size: 28px;
}

.school_dealer {
	background-image: url(../images/school_dealer.jpg);
	position: relative;
	z-index: 8;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	padding: 100px 0;
}

.school_dealer  .roafe-title h2{
	color: #fff;
}


.jxs_main {
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.bgwhite {
	background: #fff;
	margin: 0 auto;
	width: 480px;
	background-color: #fff;
	padding: 80px 50px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 4px 35px rgba(0, 0, 0, .1);
}

.register_bg {
    background-image: url(../images/register.jpg);
    width: 100%;
    height: 900px;
    z-index: 8;
    background-repeat: no-repeat;
    background-position: center;
}



.formitem {
	position: relative;
	min-height: 50px;
	font-size: 15px;
	overflow: hidden;
	position: relative;
	margin-bottom: 4px;
}

.formitem:after {
	content: '';
	display: table;
	clear: both;
}

.formitem>.label {
	width: 100px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: #b12923;
	color: #666;
}

.formitem>.container {
	width: 100%;
	min-height: 40px;
	overflow: hidden;
}

.formitem>.notice {
	width: 100%;
	line-height: 15px;
	font-size: 12px;
	color: #999;
	margin: 5px 0;
}

.formitem>.container input[type="text"] {
	width: 380px;
	height: 60px;
	font-size: 14px;
	font-family: "microsoft yahei", arial;
	line-height: 60px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 0 10px !important;
	border-radius: 5px;
}

.formitem>.container input[type="password"] {
	width: 380px;
	height: 60px;
	font-size: 14px;
	font-family: "microsoft yahei", arial;
	line-height: 60px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 0 10px !important;
	border-radius: 5px;
}

.formitem>.container textarea {
	width: 100%;
	height: 80px;
	font-size: 15px;
	font-family: "microsoft yahei", arial;
	line-height: 40px;
	box-sizing: border-box;
	border: 1px solid #eee;
	padding: 0 10px;
	resize: none;
}

.formitem>input[type="submit"] {
	width: 380px;
	height: 60px;
	border-radius: 0;
	background: #19325b;
	color: #fff;
	font-family: "microsoft yahei", arial;
	font-size: 18px;
	cursor: pointer;
	transition: width 0.3s;
	border-radius: 5px;
}

.Validform_checktip {
	margin-left: 5px;
	font-size: 12px;
	padding-top: 2px;
}

.Validform_right {
	color: #575755;
}

.Validform_wrong {
	color: #575755;
}

#wandou-dialog-pc>.btn>a {
	line-height: 40px;
}

.apply a:hover {
	color: #b12923;
}

.news_right {
	float: right;
	width: 350px;
	background: #fff;
	padding: 30px;
	border: 1px solid #eee;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	border-radius: 0px;
}

.news_right li {
	margin-bottom: 0px;
}

.news_right li a {
	overflow: hidden;
}

.news_right li h3 {
	font-weight: normal;
	margin-bottom: 10px;
	width: 264px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_right li span {
	float: right;
}

.news_right .i_tit {
	height: 25px;
	line-height: 25px;
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
	display: block;
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.news_right .i_tit h2 {
	font-size: 20px;
	color: #000;
	display: block;
	float: left;
}

.news_right .i_tit i {
	display: block;
	float: right;
	width: 30px;
	height: 25px;
	background-image: url(../images/news_icon.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.news_right .i_tit:hover h3 {
	text-decoration: underline;
}

.news_right .i_tit:hover i {
	background-position: top;
}
.down_show {
	width: 500px;
	height: 300px;
	position: fixed;
	background: #fff;
	left: 50%;
	margin-left: -250px;
	top: -1000px;
	margin-top: -150px;
	opacity: 0;
	z-index: 10001;
	border-radius: 5px;
	display: none;
	-webkit-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-o-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-ms-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
}

@-webkit-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@-o-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@-ms-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

.down_show i {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -40px;
	top: 0;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	font-weight: bold;
	background: url(i_closed.png);
}

.down_show i:hover {
	transform: rotate(90deg);
}

.down_show .content {
	margin: 40px 40px;
	background: #fff;
}

.down_show .content h2 {
	line-height: 50px;
	color: #4c321c;
}

.down_show .content .down_intro {
	width: 100%;
	text-align: left;
	line-height: 26px;
	font-size: 14px;
}

.down_show iframe {
	width: 100%;
	height: 500px;
}







@media screen and (max-width:1600px) {
	.pro-search h2 {
		font-size: 34px;
		margin-bottom: 30px;
	}

	.pro-search input[type="text"] {
		line-height: 50px;
	}

	.pro-search div {
		height: 50px;
	}

	.type-list ol li .roafe-pro-text h3 {
		font-size: 28px;
	}

	.school-text {
		padding: 8% 10% 0% 10%;
	}

	.school-text p b {
		font-size: 26px;
	}
	.school-text p {
		font-size: 20px;
	}
	

}

@media screen and (max-width:1440px) {
	.pro-search h2 {
		font-size: 35px;
		margin-bottom: 30px;
	}

	.school-text {
		padding: 6% 10% 0% 10%;
	}

	.pro-search input[type="text"] {
		line-height: 45px;
	}

	.pro-search div {
		height: 45px;
	}

	.type-list ol li .roafe-pro-text h3 {
		font-size: 26px;
	}
	
	.school-text p {
		font-size: 18px;
	}
	
	.school-text p b {
		font-size: 24px;
	}
	
	
	
}

@media screen and (max-width:1279px) {
	.pro-search h2 {
		font-size: 32px;
		margin-bottom: 25px;
	}

	.type-list ol li .roafe-pro-text h3 {
		font-size: 24px;
	}

	.type-list ol li .roafe-pro-text p {
		font-size: 18px;
	}


	.school-text p {
		font-size: 18px;
	}

	.school-text p b {
		font-size: 20px;
	}

	.school_dealer {
		padding: 44px 0;
	}
	.bgwhite {

		padding: 40px 50px;

	}

}

.searchbox {
	width: 330px;
	border-radius: 50px;
}

.searchbox input[type="text"] {
	float: left;
	width: calc(100% - 70px);
	padding: 0 20px;
	line-height: 42px;
	box-sizing: border-box;
}

.searchbox div {
	float: right;
	width: 70px;
	height: 42px;
	background: url(search.png) center no-repeat #fff;
}

.searchbox div input[type="submit"] {
	width: 70px;
	height: 42px;
	background: none;
	border: 0;
	cursor: pointer;
}


.pro-title {
	font-size: 32px;
	margin-bottom: 25px;
}

.pro-menu {
	padding-bottom: 30px;
}

.pro-menu>ul>li {
	position: relative;
	float: left;
	margin-right: 8px;
}

.pro-menu>ul>li>a {
	display: block;
	padding: 0 25px;
	font-size: 16px;
	line-height: 42px;
	background-color: #fff;
	border-radius: 5px;
}

.pro-menu>ul>li>a:hover,
.pro-menu>ul>li>a.on {
	color: #fff;
	background-color: #19325b;
}

.pro-menu-down {
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: #3a3a3a;
	opacity: 0;
	visibility: hidden;
}

.pro-menu-down a {
	display: block;
	padding: 0 12px;
	font-size: 13px;
	line-height: 40px;
	color: #fff;
}

.pro-menu-down a:hover,
.pro-menu-down a.on {
	background-color: #202020;
}

.pro-menu>ul>li:hover .pro-menu-down {
	opacity: 1;
	visibility: visible;
}

.pro-list ul li {
	position: relative;
	float: left;
	width: calc(97%/4);
	margin: 0 1% 1% 0;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
}

.pro-list ul li a {
	display: block;
	padding-bottom: 15px;
}

.pro-list ul li:nth-child(4n) {
	margin-right: 0;
}

.pro-list ul li:hover {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

.pro-list ul li .img {
	width: 100%;
	margin-bottom: 8px;
	overflow: hidden;
}

.pro-list ul li .img img {
	width: 100%;
}

.pro-list ul li em {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: block;
	width: 45px;
	line-height: 20px;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background-color: #f32b2b;
}

.pro-list ul li p {
	font-size: 14px;
	line-height: 2;
	color: #666;
}

.pro-list ul li h2 {
	color: #000;
	font-size: 18px;
	line-height: 2;
}

@media screen and (max-width:1440px) {
	.searchbox {
		width: 250px;
	}

	.searchbox input[type="text"] {
		width: calc(100% - 60px);
	}

	.roafe-foot-top {
		padding: 30px 0 22px;
	}

	.searchbox div {
		width: 60px;
	}

	.pro-title {
		font-size: 26px;
	}

	.pro-menu>ul>li>a {
		font-size: 14px;
		padding: 0 20px;
	}

	.pro-menu-down a {
		font-size: 12px;
		line-height: 35px;
	}

	.pro-list ul li p {
		font-size: 13px;
		line-height: 1.5;
	}

	.pro-list ul li h2 {
		font-size: 15px;
		line-height: 1.5;
	}
}



/* 产品内页 */
.product-left {
	width: 30%;
	height: auto;
}

.product-left .product-img {
	border: 1px solid #d5d5d5;
}

.product-left .product-img img {
	width: 100%;
}

.product-left .swiper-pagination {
	padding: 0 20px;
	text-align: left;
	bottom: 15px;
}

.product-left .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #19325b;
}

.product-info {
	padding: 30px 0 15px;
	border-bottom: 1px solid #e5e5e5;
}

.product-info h2 {
	font: bold 28px/1.5 "arial";
}

.product-info p {
	font: 18px/1.5 "微软雅黑";
	color: #666;
}

.product-desc {
	padding: 35px 0 15px;
	border-bottom: 1px solid #e5e5e5;
}

.product-desc h2,
.product-recom h2 {
	margin-bottom: 20px;
	font: 24px/1 '微软雅黑';
	color: #000;
}

.product-desc ul li {
	font-size: 16px;
	line-height: 1.8;
	font-family: arial, '微软雅黑';
	color: #999;
}

.product-recom {
	padding-top: 30px;
}

.product-recom ul li {
	width: 100%;
	margin-bottom: 12px;
	background-color: #fff;
}

.product-recom ul li:hover {
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15);
}

.product-recom ul li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 12px;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
}

.product-recom ul li em {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 9;
	display: block;
	width: 45px;
	line-height: 20px;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background-color: #f32b2b;
	transform: translateY(-50%);
}

.product-recom ul li a .img {
	width: 110px;
	float: left;
	overflow: hidden;
	margin-right: 30px;
}

.product-recom ul li a .text {
	float: left;
	width: 58%;
	padding-top: 30px;
}

.product-recom ul li a .text h3 {
	font-size: 16px;
	line-height: 2;
	color: #000;
}

.product-recom ul li a .text p {
	color: #adadad;
}

.product-right {
	width: 66%;
	padding: 2%;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
}

.product-detailed {
	min-height: 700px;
}

@media screen and (max-width:1440px) {
	.product-info h2 {
		font-size: 22px;
	}

	.product-info p {
		font-size: 15px;
	}

	.product-desc h2,
	.product-recom h2 {
		font-size: 20px;
	}

	.product-desc ul li {
		font-size: 14px;
	}

	.product-recom ul li a {
		padding: 8px;
	}

	.product-recom ul li a .img {
		width: 90px;
		margin-right: 15px;
	}

	.product-recom ul li a .text {
		padding-top: 20px;
	}

	.product-recom ul li a .text h3,
	.product-recom ul li a .text p {
		font-size: 14px;
	}
}


/*video*/
.mask_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
	background: #000;
	opacity: 0;
	-webkit-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-o-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	-ms-animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
	animation: maskShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s forwards;
}

@-webkit-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@-o-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@-ms-keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@keyframes maskShow {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

.video_show {
	width: 1000px;
	height: 680px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: -1000px;
	margin-top: -340px;
	opacity: 0;
	z-index: 10001;
	border-radius: 5px;
	display: none;
	-webkit-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-o-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	-ms-animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
	animation: introShow cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s 0.5s forwards;
}

@-webkit-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@-o-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@-ms-keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

@keyframes introShow {
	from {
		opacity: 0;
		top: -1000px;
	}

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

.video_show i {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -17px;
	top: 18px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	font-weight: bold;
	background: url(closed.png);
	background-size: cover;
}

.video_show i:hover {
	transform: rotate(90deg);
}

.video_show .content {
	width: 90%;
	height: 680px;
	margin: 20px 5%;
}

.video_show .content h2 {
	line-height: 50px;
	color: #4c321c;
}

.video_show .content .show_date {
	width: 100%;
	height: 25px;
	margin: 10px 0;
	background: #F9F9F9;
	line-height: 25px;
	color: #666;
	text-indent: 2em;
}

.video_show .content .show_intro {
	width: 100%;
	text-align: left;
	font-size: 14px;
	border: 10px solid #fff;
	background-color: #fff;
	display: grid;
	height: 500px;
}

.video_show iframe,
.video_show video {
	width: 100%;
	height: 500px;
}


.video_ise {
	display: inline-block !important;
	margin: 0 auto;
	width: 81px;
	height: 81px;
	cursor: pointer;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	opacity: 1;
	margin-top: -40px;
	z-index: 99;
}

.video_ise img {
	width: 100%;
}

.pro_video:hover .video_ise {
	width: 100px;
	height: 100px;
	margin-top: -50px;
}

.pro_video:hover .video_img {
	opacity: .9;
}

.pro_video {
	background-color: #000;
}




/*左边导航*/

.openBtn {
	display: block;
	position: fixed;
	top: 30px;
	right: 4%;
	cursor: pointer;
	z-index: 99;
}

.openBtn .lcbody {
	width: 40px;
	height: 24px;
	float: right;
	position: relative;
}

.openBtn .lctext {
	position: relative;
	float: left;
	color: #fff;
	margin-right: 20px;
	line-height: 25px;
}

.openBtn .lcbody .lcitem {
	width: 100%;
	height: 3px;
	position: absolute;
	transition: transform 0.36s ease;
	left: 0;
	right: 0;
}

.openBtn .lcbody .top {
	top: 0;
}

.openBtn .lcbody .center {
	margin: 0 auto;
	width: 60%;
	top: 49%;
}

.openBtn .lcbody .bottom {
	top: 100%;
}

.openBtn .lcbody .lcitem div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: auto;
	right: 0;
	background: #fff;
}

.openBtn .lcbody:hover .lcitem.top .rect {
	animation: move 0.4s ease-in-out 1;
}

.openBtn .lcbody:hover .lcitem.center .rect {
	animation: move 0.4s ease-in-out 0.1s 1;
}

.openBtn .lcbody:hover .lcitem.bottom .rect {
	animation: move 0.4s ease-in-out 0.2s 1;
}

@keyframes move {
	0% {
		right: 0;
	}

	40% {
		right: 0;
		width: 0;
	}

	60% {
		right: auto;
		width: 0%;
	}

	100% {
		right: auto;
		width: 100%;
	}
}

.openMenu .openBtn .lcitem.top {
	transform: rotateZ(45deg);
	top: 49%;
}

.openMenu .openBtn .lcitem.center {
	opacity: 0;
}

.openMenu .openBtn .lcitem.bottom {
	transform: rotateZ(-45deg);
	top: 49%;
}

.openMenu .navMini {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.navMini {
	transform: translate3d(100%, 0, 0);
}

.navMini {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	padding-top: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 90;
}

.navMini .wrapper {
	padding-top: 0;
	width: 100%;
	background: url(../images/menu_bg.jpg) no-repeat;
	background-size: cover;
	height: 100%;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

#minHcontact {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

#minHcontact p {
	text-align: center;
	height: 100%;
	font-size: 22px;
}

#minHcontact p .telNum {
	position: relative;
	font-size: 18px;
	line-height: 40px;
	color: #555;
	padding-left: 10px;
	border-left: 1px solid rgba(170, 170, 170, 0.2);
	text-align: right;
}

#minHcontact b {
	font-size: 14px;
	color: #999;
	font-weight: normal;
}

#minHcontact p .telNum:before {
	content: "";
	speak: none;
	position: absolute;
	left: -30px;
	bottom: 0;
	display: block;
	width: 20px;
	height: 16px;
	background: url(../images/tel.jpg) no-repeat;
}

.nav_menu {}


/*菜单*/

.wrapper .content {
	position: relative;
	width: 70%;
	max-width: 1400px;
	min-width: 1200px;
	top: 20%;
	overflow: hidden;
	margin: 0 auto;
}

.wrapper .content .nav_img {
	float: right;
	width: 100%;
	max-width: 1400px;
}

.wrapper .content .nav_img a {
	display: block;
	overflow: hidden;
	width: calc(50% - 10px);
	margin-right: 10px;
	position: relative;
	margin-bottom: 30px;
	border-radius: 10px;
}

.wrapper .content .nav_img img {
	display: block;
	width: 100%;
	height: 100%;
}

.wrapper .content .nav_img a .desc {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.wrapper .content .nav_img h3 {
	color: #fff;
	font-weight: normal;
	float: left;
	font-size: 26px;
	line-height: 1.5;
	text-align: left;
	width: 100%;
}

.wrapper .content .nav_img h3 span {
	text-align: center;
	width: 60px;
	float: right;
	font-size: 15px;
	padding: 10px 20px;
	display: block;
	border: 1px solid #fff;
	border-radius: 40px;
	opacity: 0;
}

.wrapper .content .nav_img h4 {
	color: #fff;
	text-transform: uppercase;
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
}

.wrapper .content .nav_img .desc div {
	position: absolute;
	bottom: 22px;
	left: 30px;
	width: 90%;
	text-align: center;
}

.wrapper .content .nav_img a:hover img {
	transform: scale(1.1, 1.1);
}

.wrapper .content .nav_img a:hover h3 span {
	background: #19325b;
	border: 1px solid #19325b;
	color: #fff;
	opacity: 1;
}

.wrapper .content .nav_img a:hover .desc {
	background: rgba(0, 0, 0, .2);
}

.wrapper .content .nav_link {
	text-align: center;
	padding-top: 0;
	margin: 0 auto;
}

.wrapper .content .nav_link a {
	padding: 2% 2%;
	font-size: 20px;
	display: inline-block;
	color: #fff;
	line-height: 200%;
	position: relative;
	text-align: center;
}

.wrapper .content .nav_link a:hover:after {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.wrapper .content .nav_link a:after {
	content: '';
	position: relative;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
	bottom: 0;
	display: block;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.wrapper .content .nav_bottom {
	width: 20%;
	text-align: left;
	padding-top: 0;
	float: left;
}

.wrapper .content .nav_link .language {
	font-size: 14px;
	border: 1px solid #888e8f;
	margin-top: 20px;
	padding: 0;
	width: 50px;
	border-radius: 20px;
	text-align: center;
}

.wrapper .content .nav_link .language:after {
	display: none;
}

.wrapper .content .nav_link .language:hover {
	background: #113d63;
	border-color: #113d63;
}


/*首页搜索*/

.header_bs .search-box {
	padding-top: 23px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.header_bs .search-box .submit {
	top: 22px;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.foot_search .search-box {
	float: left;
	width: 18px;
	overflow: hidden;
	margin-right: 0;
	padding-top: 32px;
	transition: width 0.6s;
	position: relative;
	height: 32px;
	box-sizing: initial;
}

.foot_search  .search-box.on {
	width: 200px;
}

.foot_search  .search-box.on .text {
	display: block;
}

.foot_search  .search-box-btn.on {
	background: url(../images/clo01.png) no-repeat center;
}

.foot_search  .search-box .text {
	width: 100%;
	float: right;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	background: none;
	border: none;
	display: none;
	border-bottom: 1px solid #fff;
}

.foot_search  .search-box .submit {
	width: 18px;
	height: 28px;
	float: left;
	background: url(../images/search.png) no-repeat center;
	border: none;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 32px;
	padding: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.foot_search  .search-two {
	display: none;
}

.foot_search  .search-one {
	display: block;
}


.i_logo {
	position: fixed;
	top: 22px;
	left: 72px;
	width: 218px;
	z-index: 88;
}

/*左边导航aend*/