@charset "UTF-8";
@font-face {
	font-family: "PINGFANG BOLD_1";
	src: url("../fonts/PINGFANG BOLD_1.woff2") format("woff2"),
	url("../fonts/PINGFANG BOLD_1.woff") format("woff"),
	url("../fonts/PINGFANG BOLD_1.ttf") format("truetype"),
	url("../fonts/PINGFANG BOLD_1.eot") format("embedded-opentype"),
	url("../fonts/PINGFANG BOLD_1.svg") format("svg");
}


@font-face {
	font-family: "PINGFANG MEDIUM";
	src: url("../fonts/PINGFANG MEDIUM.woff2") format("woff2"),
	url("../fonts/PINGFANG MEDIUM.woff") format("woff"),
	url("../fonts/PINGFANG MEDIUM.ttf") format("truetype"),
	url("../fonts/PINGFANG MEDIUM.eot") format("embedded-opentype"),
	url("../fonts/PINGFANG MEDIUM.svg") format("svg");
}

@font-face {
	font-family: "PINGFANG REGULAR";
	src: url("../fonts/PINGFANG REGULAR.woff2") format("woff2"),
	url("../fonts/PINGFANG REGULAR.woff") format("woff"),
	url("../fonts/PINGFANG REGULAR.ttf") format("truetype"),
	url("../fonts/PINGFANG REGULAR.eot") format("embedded-opentype"),
	url("../fonts/PINGFANG REGULAR.svg") format("svg");
}

@font-face {
	font-family: "Helvetica Bold";
	src: 
	url("../fonts/Helvetica Bold.woff") format("woff"),
	url("../fonts/Helvetica Bold.ttf") format("truetype"),
	url("../fonts/Helvetica Bold.eot") format("embedded-opentype"),
	url("../fonts/Helvetica Bold.svg") format("svg");
}

@font-face {
	font-family: "MYRIADPRO-SEMIBOLD";
	src: url("../fonts/MYRIADPRO-SEMIBOLD.woff2") format("woff2"),
	url("../fonts/MYRIADPRO-SEMIBOLD.woff") format("woff"),
	url("../fonts/MYRIADPRO-SEMIBOLD.ttf") format("truetype"),
	url("../fonts/MYRIADPRO-SEMIBOLD.eot") format("embedded-opentype"),
	url("../fonts/MYRIADPRO-SEMIBOLD.svg") format("svg");
}

@font-face {
	font-family: "MYRIADPRO-REGULAR";
	src: url("../fonts/MYRIADPRO-REGULAR.woff2") format("woff2"),
	url("../fonts/MYRIADPRO-REGULAR.woff") format("woff"),
	url("../fonts/MYRIADPRO-REGULAR.ttf") format("truetype"),
	url("../fonts/MYRIADPRO-REGULAR.eot") format("embedded-opentype"),
	url("../fonts/MYRIADPRO-REGULAR.svg") format("svg");
}

@font-face {
	font-family: "OSWALD-REGULAR";
	src: url("../fonts/OSWALD-REGULAR.woff2") format("woff2"),
	url("../fonts/OSWALD-REGULAR.woff") format("woff"),
	url("../fonts/OSWALD-REGULAR.ttf") format("truetype"),
	url("../fonts/OSWALD-REGULAR.eot") format("embedded-opentype"),
	url("../fonts/OSWALD-REGULAR.svg") format("svg");
}

@font-face {
	font-family: "MYRIADPRO-BOLD";
	src: url("../fonts/MYRIADPRO-BOLD.woff2") format("woff2"),
	url("../fonts/MYRIADPRO-BOLD.woff") format("woff"),
	url("../fonts/MYRIADPRO-BOLD.ttf") format("truetype"),
	url("../fonts/MYRIADPRO-BOLD.eot") format("embedded-opentype"),
	url("../fonts/MYRIADPRO-BOLD.svg") format("svg");
}
@font-face {
	font-family: "OSWALD-BOLD";
	src: url("../fonts/OSWALD-BOLD.woff2") format("woff2"),
	url("../fonts/OSWALD-BOLD.woff") format("woff"),
	url("../fonts/OSWALD-BOLD.ttf") format("truetype"),
	url("../fonts/OSWALD-BOLD.eot") format("embedded-opentype"),
	url("../fonts/OSWALD-BOLD.svg") format("svg");
}
.oswald-b{
	font-family: "OSWALD-BOLD";
}


.myriad-b{
	font-family: "MYRIADPRO-BOLD";
}

.oswald{
	font-family: "OSWALD-REGULAR";
}

.myriad-r{
	font-family: "MYRIADPRO-REGULAR";
}

.myriad{
	font-family: "MYRIADPRO-SEMIBOLD";
}
.pfang-r{
	font-family: "PINGFANG REGULAR";
}
.pfang-m{
	font-family: "PINGFANG MEDIUM";
}
.pfang-b{
	font-family: "PINGFANG BOLD_1";
}
.helve{
	font-family: "Helvetica Bold";
}

.m-img{
	display: none;
}

.w1850{
	box-sizing:border-box;
	padding: 0 0.75rem;
}
.w1460{
	max-width: 76.04%;
	margin: 0 auto;
	width: 100%;
}
@media(max-width: 1024px){
	.w1460{
		max-width: 100%;
		width: 92%;
	}
	.w1850{
		padding: 0 4%;
	}
}
.body{
	min-height: 18rem;
}
@media(max-width: 767px){
	.body{
		min-height: 10rem;
	}
}
.syswiper-wrap {
	width: 100vw;
	height: 100vh;
	position: relative;
	left: 0;
	top: 0;
}
.syswiper-wrap .box-swiper {
	width: 100%;
	height: 100%;
}
.syswiper-wrap .box-swiper .swiper-slide {
	width: 100%;
	height: 100%;
}
.syswiper-wrap .box-swiper .swiper-slide.auto {
	height: auto;
}

#wrapper {
	transition: all 0.7s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}
/*首页*/
.insection1{
	width: 100%;
	height: 100%;
}
.insection1 .banner-swiper{
	width: 100%;
	height: 100%;
}

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


.insection1 .banner-swiper .swiper-slide .back{
	width: 100%;
	height: 100%;
	transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
}

.insection1 .banner-swiper .swiper-slide-active .back{
	transform: scale3d(1.1, 1.1, 1);
}


.insection1 .banner-page{
	bottom: 1rem;
	left: 50%;
	transform:translateX(-50%); 
	color: #00382b;
	z-index: 2;
}

.insection1 .banner-page div{
	cursor: pointer;
	margin: 0 15px;
	width: 8px;
	height: 8px;
	background: #9ab1b0;
	border-radius: 50%;
	position: relative;
	display: inline-block;
}
.insection1 .banner-page div span{
	position: absolute;
	display: none;
	transform: translateY(-0.15rem);
}
.insection1 .banner-page div span:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #00382b;
	left: 0;
	bottom: -5px;
}
.insection1 .banner-page div.cur{
	background: none;
}
.insection1 .banner-page div.cur span{
	display: block;
}


.insection1 .swiper-slide.mid .con-t{
	left: 50%;
	transform: translate(-50%,20px);
	text-align: center;
}

.insection1 .swiper-slide .con-t{
	z-index: 2;
	top: 31.25%;
	left: 11.97%;
	transform: translate(0%,20px);
	transition:all 1s ease 0s;
	opacity: 0;
	height: 7rem;
}
@media(max-width: 767px){
	.insection1 .swiper-slide .con-t{
		height: 4rem;
	}
}
.insection1 .swiper-slide-active .con-t{
	transform: translate(0%,0px);
	opacity: 1;
}
.insection1 .swiper-slide-active.mid .con-t{
	transform: translate(-50%,0);
}
.insection1 .swiper-slide h1:first-child{
	color: #00382b;
}
.insection1 .swiper-slide h1:nth-child(2){
	margin: 0.25rem 0 0.5rem;  
	line-height: 1.2;
}

.insection1 .swiper-slide .con-t .t{
	font-size: 0.65rem;
}
.insection1 .swiper-slide .con-t .t span{
	margin: 0 0.5rem;
	display: inline-block;
	width: 1px;
	height: 0.4rem;
	background: #adb3b7;
}

.insection1 .swiper-slide h1{
	font-size: 1.25rem;
}

.insection1 .swiper-slide a{
	display: inline-block;
	width: 4.4rem;
	height: 1.26rem;
	text-align: center;
	line-height: 1.26rem;
	border: 1px solid #00382b;
	border-radius: 1.26rem;
	font-size: 0.35rem;
	color: #00382b;
	margin-top: 1.4rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.insection1 .swiper-slide a:hover{
	background: #00382b;
	border: 1px solid #00382b;
	color: #fff;
}

.insection1 .swiper-slide a i{
	width: 13px;
	height: 16px;
	background: url('../../web/img/san-icoa.svg')no-repeat center center;
	background-size: contain;
	margin-right: 0.5rem;
	transform: translateY(2px);
}

.insection1 .swiper-slide a:hover i{
	background: url('../../web/img/san-ico.svg')no-repeat center center;
	background-size: contain;
}


/*头部*/
.header-wrap{
	position: relative;
	z-index: 1000;
}
.header-wrap.pof{
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
}
.header-wrap.pof1{
	background: #fff!important;
	transition:all 0.5s ease 0s;
	box-shadow:0 1px 1px #e3e3e3;
}

.header-wrap .header-con{
	height: 2rem;
	line-height: 2rem;
	transition:all 0.3s ease 0s;
	border-bottom: 1px solid #e5e5e5;
}
.header-wrap.sywhite .header-con{
	background:#fff; 
}
.header-wrap .header-con .logo{
	height: 100%;
	width: 5.1rem;
}
.header-wrap .header-con .logo img{
	transition:all 0.5s ease 0s;
}
.header-wrap .header-con .logo .a{
	display: none;
}
.header-wrap .header-con .logo:hover img{
	transform:scale(1.02);
}

.header-wrap.sy .header-con{
	border-bottom: none;
}

.header-wrap .ri_nav .nav-list li{
	margin-left: 1.9rem;
	transform: translateX(20px);
	transition: all 0.5s ease 0s;
	opacity: 0;
}
.header-wrap .ri_nav .nav-list li:nth-child(1){
	transition-delay: 0.2s!important;
}
.header-wrap .ri_nav .nav-list li:nth-child(2){
	transition-delay: 0.2s!important;
}
.header-wrap .ri_nav .nav-list li:nth-child(3){
	transition-delay: 0.2s!important;
}
.header-wrap .ri_nav .nav-list li:nth-child(4){
	transition-delay: 0.2s!important;
}
.header-wrap .ri_nav .nav-list li:nth-child(5){
	transition-delay: 0.2s!important;
}

.header-wrap .ri_nav .nav-list li>a{
	display: inline-block;
	height: 2rem;
	line-height: 2rem;  
	position: relative;
}
.header-wrap .ri_nav .nav-list li>a:hover{
	-font-size: 0.425rem;
	-text-shadow: 4px 4px 6px #999;
	-font-weight: bold;
}
.header-wrap .ri_nav .nav-list li>a:before{
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	background: #00382b;
	left: 50%;
	bottom: 0;
	transition:all 0.3s ease 0s;
}
@media(max-width: 1680px){
	.header-wrap .ri_nav .nav-list li>a{
		font-size: 14px;
	}
}
.header-wrap .ri_nav .nav-list li:hover>a:before{
	width: 100%;
	left: 0%;
}
.header-wrap .ri_nav .nav-list li.cur>a{
	color: #00382b;
}
.header-wrap.pof .ri_nav .nav-list li.cur>a{
	color: #fff;
}

.header-wrap .ri_nav .nav-list li.cur>a:before{
	width: 100%;
	left: 0%;
}
.header-wrap .ri_nav .nav-btn{
	margin-left: 1.9rem;
	transition:all 0s ease 0s; 
}

.header-wrap .ri_nav li .list-nav{
	width: 3.5rem;
	background: #fff;
	left: 50%;
	z-index: 10;
	box-sizing: border-box;
	top: 100%;
	background: rgba(255, 255, 255, 0.7);
	transform: translateX(-50%);
	-visibility: hidden;
	-opacity: 0;
	box-shadow: 0 0 12px #dedede;
	display: none;
}
/*.header-wrap .ri_nav li:hover .list-nav{
	visibility: visible;
	top: 100%;
	opacity: 1;
}*/
.header-wrap .ri_nav li .list-nav a{
	font-size: 0.35rem;
	display: block;
	width: 100%;
	text-align: center;
	height: 1.1rem;
	line-height: 1.1rem;
	border-bottom: 1px solid #dedede;
	color: #212121;
	position: relative;
	box-sizing:border-box;
	transition:all 0.4s ease 0s;
}
.header-wrap .ri_nav li .list-nav a:hover{
	background: #fff;
	-color: #fff;
}
.header-wrap .ri_nav li .list-nav a:hover:before {
	content: '';
	width: 2px;
	height: 16px;
	position: absolute;
	left: 1%;
	top: 50%;
	transform: translateY(-50%);
	background: #00382b;
	transition: all 0.3s ease 0s;
}

@media (min-width: 1025px) {
	.header-wrap .ri_nav .nav-btn{
		transform: translateX(20px);
		opacity: 0;
	}
	.header-wrap .ri_nav.cur .nav-btn{
		transform: translateX(0px);
		opacity: 1;
	}
}


.header-wrap .ri_nav.cur .nav-list li{
	transform: translateX(0px);
	opacity: 1;
}
.header-wrap .ri_nav .language{
	position: relative;
	z-index: 10;
}
.header-wrap .ri_nav .language i{
	width: 12px;
	height: 7px;
	background: url('../../web/img/arrow-d1c.png')no-repeat center center;
	background-size: contain; 
	transition:all 0.3s ease 0s;
}
.header-wrap .ri_nav .language .option{
	width: 2rem;
	text-align: center;
	-background: #fff;
	-box-shadow: 0 0 2px #ccc;
	height: 1rem;
	line-height: 1rem;
	top: 2.2rem;
	left: -0.7rem;
	opacity: 1;
	transition:all 0.3s ease 0s;
	visibility: hidden;
}

.header-wrap .ri_nav .language:hover .option{
	opacity: 1;
	top: 2rem;
	visibility: visible;
}
.header-wrap .ri_nav .language:hover i{
	background: url('../../web/img/arrow-d1g.png')no-repeat center center;
	background-size: contain; 
}
.header-wrap .ri_nav .search-btn{
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-left: 0.5rem;
	margin-top: 0.6rem;
	transition:all 0.3s ease 0s; 
}
.header-wrap .ri_nav .search-btn:hover{
	transform:translateY(2px); 
}
.header-wrap .ri_nav .search-btn i{
	width: 100%;
	height:  100%;
	background: url('../../web/img/search-btng.png')no-repeat center center;
	background-size: contain; 
}
.header-wrap .ri_nav .search-btn:hover i{
	background: url('../../web/img/search-btnc.png')no-repeat center center;
	background-size: contain; 
}

.header-wrap.white .header-con .logo .a{
	display: block;
}
.header-wrap.white .header-con .logo img{
	display: none;
}

.header-wrap.white .header-con{
	color: #fff;
}

.header-wrap.white .header-con a{
	color: #fff;
}

.header-wrap.white .ri_nav .language i{
	background: url('../../web/img/arrow-d1w.png')no-repeat center center;
	background-size: contain; 
}

.header-wrap.white .ri_nav .search-btn i{
	background: url('../../web/img/search-btnw.png')no-repeat center center;
	background-size: contain; 
}
.header-wrap.white .ri_nav .search-btn{
	transition:all 0.3s ease 0s;
}
.header-wrap.white .ri_nav .search-btn:hover{
	transform:translateY(2px); 
}


.header-wrap.white .ri_nav .language .option a{
	color: #212121;
}
.header-wrap.white .ri_nav .language .option a:hover{
	color: #00382b;
}

.header-wrap.white .ri_nav .nav-list li a:before{
	background: #fff;
}
.header-wrap.white .header-con {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.header-wrap.white.sy .header-con{
	border-bottom: none;
}
.header-wrap .ri_nav .btn-bar{
	display: none;
}
.header-wrap .msub-list{
	display: none;
}

/*搜索css*/
.search-alert {
	position: fixed;
	z-index: -1;
	background-color: #00382b;
	left: 0;
	top: 0;
	width: 100%;
	height: 30%;
	visibility: hidden;
	transition: all 0.35s ease 0s;
	opacity: 0;
}
.search-alert .closei {
	display: block;
	width: 18px;
	height: 18px;
	background: url("../../web/img/ico_37.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 38px;
	right: 2.6%;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.search-alert .closei:hover{
	transform: rotateZ(45deg);
}
.search-alert .cent-form {
	position: absolute;
	width: 94.8%;
	left: 2.6%;
	top: 50%;
	height: 124px;
	margin-top: -63px;
	border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
	border: none;
	font-size: 66px;
	height: 124px;
	line-height: 124px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	background: none;
	padding-left: 88px;
	padding-right: 80px;
	background: url("../../web/img/ico_36.png") no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
	border: none;
	height: 100px;
	margin-top: 24px;
	font-size: 24px;
	line-height: 100px;
	color: #fff;
	text-align: right;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	text-align: center;
}

.search-alert.show {
	z-index: 1111;
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767px) {
	.search-alert .cent-form {
		height: 0.6rem;
		margin-top: 0;
	}

	.search-alert .cent-form .tex {
		border: none;
		font-size: 0.4rem;
		height: 0.6rem;
		line-height: 0.6rem;
		width: 80%;
		padding-left: 0.7rem;
		padding-right: 0.3rem;
		background: url("../../web/img/ico_36.png") no-repeat 0.2rem 0.1rem;
	}

	.search-alert .cent-form .sub-butn {
		height: 0.6rem;
		margin-top: 0;
		font-size: 0.4rem;
		line-height: 0.6rem;
		width: 20%;
	}
}
/*搜索css*/

.ny-banner{
	height: 16.5rem;
}
.ny-banner.h600{
	height: 15rem;
}
.ny-banner .backcover{
	width: 100%;
	height: 100%;
}



/*底部*/
.footer-wrap{
	background: #f5f5f5;
	padding: 0.9rem 0 1.1rem;
}

.footer-wrap .m-list{
	display: none;
}

.footer-wrap .logo{
	width: 5.1rem;
	margin-bottom: 0.45rem;
}
.footer-wrap .logo img{
	transition:all 0.3s ease 0s;
}
.footer-wrap .logo:hover img{
	transform:scale(1.02); 
}

.footer-wrap .copyright{
	font-size: 14px;
	color: #545454;
}
.footer-wrap .copyright span{
	margin-right: 0.2rem;
}
.footer-wrap .ri a{
	margin-left: 1.7rem;
	position: relative;
}
.footer-wrap .ri a:first-child:before{
	display: none;
}
.footer-wrap .ri a:before{
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	background: #cbcbcb;
	left: -0.85rem;
	top: 50%;
	transform:translateY(-50%); 
}

.contact-btn{
	right: 0.75rem;
	bottom: 4.75rem;
	z-index: 200;
	transition:all 0.3s ease 0s;
}
.contact-btn.high{
	bottom: 1rem;
}

.contact-btn .up{
	width: 70px;
	height: 70px;
	background: #00382b;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	flex-direction: column;
	cursor: pointer;
	position: relative;
}

.contact-btn .up img{
	margin-bottom: 0.05rem;
}

.contact-btn .option{
	width: 19.625rem;
	height: 10rem;
	background: url('../../web/img/liuyan-back.png')no-repeat center center;
	background-size: 100% 100%;
	left: -21rem;
	bottom: 0;
	padding: 1.2rem 2rem 0 1.5rem;
	transition:all 0.65s ease 0s;
	opacity: 0;
	visibility: hidden;
}
.contact-btn.cur .option{
	left: -20rem;
	opacity: 1;
	visibility: visible;
}

.contact-btn .option .tit-t{
	font-size: 0.9rem;
	color: #00382b;
	margin-bottom: 0.6rem;
}

.contact-btn .option .item1{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.4rem;
	width: 100%;
} 
.contact-btn .option .item1 .input-box{
	box-sizing:border-box;
	width: 49%;
	height: 1.25rem;
	line-height: 1.25rem;
	border: 1px solid #ccc;
	padding:0 0.35rem;
	transition:all 0.3s ease 0s;
}
.contact-btn .option .item1 .input-box:hover{
	border: 1px solid #00382b;
}
.contact-btn .option .item1 .input-box input{
	width: 100%;
}

.contact-btn .option .item1 .input-box input::-webkit-input-placeholder { 
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .item1 .input-box input:-moz-placeholder {
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .item1 .input-box input::-moz-placeholder { 
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .item1 .input-box input:-ms-input-placeholder { 
	color: rgba(0,56,43,0.6);
}

.contact-btn .option .text-item{
	width: 100%;
	height: 2rem;
	box-sizing:border-box;
	border: 1px solid #ccc;
	padding:0.35rem;
	margin-bottom: 0.75rem;
	transition:all 0.3s ease 0s;
}
.contact-btn .option .text-item:hover{
	border: 1px solid #00382b;
}
.contact-btn .option .text-item textarea{
	width: 100%;
	height: 100%;
}


.contact-btn .option .sub-box{
	display: flex;
}
.contact-btn .option .sub-box .test-box{
	height: 1.25rem;
	line-height: 1.25rem;
	box-sizing:border-box;
	border: 1px solid #ccc;
	transition: all 0.3s ease 0s;
	padding: 0 0.35rem;
	margin-left: 0.2rem;
}
.contact-btn .option .sub-box .test-box:hover{
	border: 1px solid #00382b;
}
.contact-btn .option .sub-box .test-box input{
	width: 2rem;
}
.contact-btn .option .sub-box .test-box img{
	max-width: 2rem;
	cursor: pointer;
}
.contact-btn .option .sub{
	width: 3.75rem;
	height: 1.25rem;
	text-align: center;
	line-height: 1.25rem;
	color: #fff;
	background:#00382b; 
	transition:all 0.3s ease 0s;
}




.contact-btn .option .text-item textarea::-webkit-input-placeholder {
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .text-item textarea:-moz-placeholder {
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .text-item textarea::-moz-placeholder {
	color: rgba(0,56,43,0.6);
}
.contact-btn .option .text-item textarea::-ms-input-placeholder {
	color: rgba(0,56,43,0.6);
}



.link-btns{
	z-index: 200;
	left: 0.75rem;
	bottom: 4.5rem;
	display: flex;
	transition:all 0.3s ease 0s;
}
.link-btns.high{
	bottom: 0.9rem;
}


.link-btns .link1 i{
	width: 27px;
	height: 13px;
	background: url('../../web/img/link_ico1a.png')no-repeat center center;
	background-size: contain;
}
.link-btns.white .link1 i{
	background: url('../../web/img/link_ico1.png')no-repeat center center;
	background-size: contain;
}
.link-btns .link{
	margin-right: 0.45rem;
	transition:all 0.3s ease 0s;
}
@media (min-width: 1025px) {
	.link-btns .link:hover{
		transform:translateY(2px); 
	}
}

.link-btns .wechat-ico i{
	width: 25px;
	height: 20px;
	background: url('../../web/img/link_ico2a.png')no-repeat center center;
	background-size: contain;
	cursor: pointer;
}

.link-btns.white .wechat-ico i{
	background: url('../../web/img/link_ico2.png')no-repeat center center;
	background-size: contain;
}

.link-btns .wechat-ico .option{
	width: 3rem;
	height: 3rem;
	background: #212121;
	padding: 6px;
	left: 1rem;
	transform: translateX(-50%);
	bottom: 1.5rem;
	transition:all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
}
.link-btns .wechat-ico:hover .option{
	bottom: 1rem;
	visibility: visible;
	opacity: 1;
}
.link-btns .wechat-ico .option:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color: #212121 transparent transparent transparent;
	bottom: -8px;
	left: 50%;
	transform:translateX(-50%); 
}

.link-btns .wechat-ico .option img{
	width: 100%;
	height: 100%;
}
.link-btns .link a{
	display: block;
	width: 100%;
	height: 100%;
}
.link-btns .link3{
	width: 25px;
	height: 20px;
	background: url('../../web/img/link_ico3a.png')no-repeat center center!important;
	background-size: contain!important;
	padding: 0!important;
	margin-right: 0.45rem;
}

.link-btns.white .link3{
	background: url('../../web/img/link_ico3.png')no-repeat center center!important;
	background-size: contain!important;
}

.link-btns .link4 i{
	width: 15px;
	height: 23px;
	background: url('../../web/img/link_ico4a.png')no-repeat center center;
	background-size: contain;
}
.link-btns.white .link4 i{
	background: url('../../web/img/link_ico4.png')no-repeat center center;
	background-size: contain;
}


.hezuo-wrap .h-info{
	padding: 2.4rem 0 3rem;
}

.hezuo-wrap .h-info .le{
	width: 48.94%;
}

.hezuo-wrap .h-info .le:first-child{
	margin-right: 2.12%;
}

.hezuo-wrap .h-info h2{
	margin-bottom: 1rem;
}

.hezuo-wrap .h-info table{
	border:1px solid #b2c3bf; 
	text-align: center;
	border-collapse: collapse;
	width: 100%;
}

.hezuo-wrap .h-info table th{
	height: 2.5rem;
	background: #00382b;
	color: #fff;
	font-weight: normal;
	text-align: center;
	border:1px solid #00382b; 
}
.hezuo-wrap .h-info table th p{
	margin-top: 0.1rem;
}

.hezuo-wrap .h-info table td{
	height: 1.5rem;
	font-size: 0.32rem;
	color: #00382b;
	text-align: center;
	border:1px solid #b2c3bf; 
	padding: 0 8px;
}
@media(max-width: 1681px){
	.hezuo-wrap .h-info table td{
		font-size: 12px;
		padding:2px 8px;
	}
}

.hezuo-wrap .h-info table td span{
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00382b;
}

.hezuo-wrap .h-info .con{
	margin-top: 3.8rem;
}

.hezuo-wrap .h-info .con h2{
	margin-bottom: 0.3rem;
}
.hezuo-wrap .h-info .con .num{
	font-size: 1.2rem;
	color: #00382b;
	display: flex;
	align-items: center;
}
.hezuo-wrap .h-info .con .num img{
	margin-right: 0.2rem;
}
@media(max-width: 767px){
	.hezuo-wrap .h-info .con .num img {
		margin-right: 0.1rem;
		width: 0.6rem;
	}
}

.hezuo-wrap .h-info .con .con-t{
	padding-bottom: 0.5rem;
	margin-bottom: 3.8rem;
	border-bottom: 1px dashed #ccd7d5;
}

.hezuo-wrap .h-info .item-t{
	margin-bottom: 0.85rem;
}
.hezuo-wrap .h-info .item-t:last-child{
	margin-bottom: 0;
}

.hezuo-wrap .h-info .item-t .t{
	font-size: 0.5rem;
	margin-bottom: 0.3rem;
}
.hezuo-wrap .h-info .item-t p{
	color: #666;
}


.hezuo-wrap .h-register{
	height: 23.75rem;
	width: 100%;
	box-sizing:border-box;
	padding-top: 2.2rem;
}
.hezuo-wrap .h-register h2{
	margin-bottom: 1.26rem;
}
.hezuo-wrap .h-register p{
	font-size: 0.5rem;
	color: #00382b;
}

.hezuo-wrap .h-register .input-item p{
	margin-bottom: 0.2rem;
}

.hezuo-wrap .h-register .input-item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.9rem;
}

.hezuo-wrap .h-register  .input-b{
	height: 1.24rem;
	line-height: 1.24rem;
	box-sizing:border-box;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0 0.15rem;
	transition:all 0.3s ease 0s;
}
.hezuo-wrap .h-register  .input-b:hover{
	border: 1px solid #00382b;
}
.hezuo-wrap .h-register .input-box{
	width: 15.75%;
}
.hezuo-wrap .h-register .input-box:last-child{
	width: 47.94%;
}

.hezuo-wrap .h-register  .input-b input{
	width: 100%;
	background: none;
}

.hezuo-wrap .h-register  .input-b input::-webkit-input-placeholder{
	color:#666;
}
.hezuo-wrap .h-register  .input-b input::-moz-placeholder{  
	color:#666;
}
.hezuo-wrap .h-register  .input-b input:-moz-placeholder{   
	color:#666;
}
.hezuo-wrap .h-register  .input-b input:-ms-input-placeholder{ 
	color:#666;
}



.hezuo-wrap .h-register .textarea-item p{
	margin-bottom: 0.6rem;
}

.hezuo-wrap .h-register .textarea-item div{
	width: 100%;
	height: 3.75rem;
	box-sizing:border-box;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0.3rem;
	transition:all 0.3s ease 0s;
}
.hezuo-wrap .h-register .textarea-item div:hover {
	border: 1px solid #00382b;
}
.hezuo-wrap .h-register .textarea-item textarea{
	width: 100%;
	height: 100%;
	background: none;
}


.hezuo-wrap .h-register .select-item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.3rem;
}
.hezuo-wrap .h-register .select-item .select1{
	width: 32.87%;
	margin-right: 1.38%;
}
.hezuo-wrap .h-register .select1 .select-btn{
	min-width: 4rem;
	margin-bottom: 0.6rem;
}
.hezuo-wrap .h-register .select-item .select2{
	width: 65.75%;
}
.hezuo-wrap .h-register .select2 .select-btn{
	float: left;
	margin-bottom: 0.6rem;
	white-space: nowrap;
}
.hezuo-wrap .h-register .select2 .select-btn:first-child{
	width:16.56%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(6){
	width:16.56%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(2){
	width: 19.49%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(7){
	width: 19.49%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(3){
	width: 19.49%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(8){
	width: 19.49%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(4){
	width: 22.22%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(9){
	width: 22.22%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(5){
	width: 22.24%;
}
.hezuo-wrap .h-register .select2 .select-btn:nth-child(10){
	width: 22.24%;
}


.hezuo-wrap .h-register .last{
	position: relative;
}

.hezuo-wrap .h-register .select2 .last input{
	width: 3.5rem;
	background: none;
	margin-left: 0.5rem;
	border-bottom:1px solid rgba(0,56,43,0.4);
}

.hezuo-wrap .h-register .select1 .last input{
	width: 10rem;
	background: none;
	margin-left: 0.5rem;
	border-bottom:1px solid rgba(0,56,43,0.4);
}



.hezuo-wrap .h-register .select-item p{
	margin-bottom: 0.45rem;
}
.hezuo-wrap .h-register .select-btn{
	display: flex;
	align-items: center;
	color: #00382b;
}
.hezuo-wrap .h-register .select-ico{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	box-sizing:border-box;
	border: 1px solid #00382b;
	transition:all 0.3s ease 0s;
	margin-right: 0.15rem;
	position: relative;
	cursor: pointer;
}
.hezuo-wrap .h-register .select-ico:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #00382b;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
	opacity: 0;
	transition:all 0.3s ease 0s;
}
.hezuo-wrap .h-register .select-ico:hover:before{
	opacity: 1;
}
.hezuo-wrap .h-register .select-ico.cur:before{
	opacity: 1;
}
.hezuo-wrap .h-register .sub:hover{
	background: #fff;
	color: #00382b;
}

.hezuo-wrap .h-register .sub-box{
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hezuo-wrap .h-register .sub{
	width: 7.5rem;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #00382b;
	color: #fff;
	transition:all 0.3s ease 0s;
}

.hezuo-wrap .h-register .sub-box .test-box{
	height: 1.25rem;
	border: 1px solid rgba(0,0,0,0.2);
	line-height: 1.25rem;
	box-sizing:border-box;
	padding: 0 0.5rem;
	margin-left: 0.5rem;
}
.hezuo-wrap .h-register .sub-box .test-box:hover{
	border: 1px solid #00382b;
}
.hezuo-wrap .h-register .sub-box .test-box span{
	color: #00382b;
}
.hezuo-wrap .h-register .sub-box .test-box input{
	width: 2rem;
	background: none;
}
.hezuo-wrap .h-register .sub-box .test-box img{
	max-width: 2rem;
	cursor: pointer;
}
#container{ 
	width: 100%;
	height: 15rem!important;
}
.h-map{
	padding: 2rem 0;
	position: relative;
}
.h-map .maple{
	width: 70%;
}
.h-map .mapri{
	width: 30%;
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	right: 2%;
}

.h-map .tip-con{
	width: 100%;
	height: 4.5rem;
	-background: #f5f5f5;
	z-index: 2;
	top: 1.5rem; 
	border-radius: 5px;
	padding: 0.6rem 0.6rem 0; 
	box-sizing:border-box;
	font-size: 0.35rem;
	color: #666;
}
.h-map .tip-con h3{
	font-size: 0.55rem;
	margin-bottom: 0.35rem;
}
.h-map .tip-con:before{
	z-index: 2;
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: #f5f5f5 transparent transparent transparent;
	bottom: -16px;
	left: 50%;
	transform:translateX(-50%); 
	display: none;
}


@media(max-width: 992px){
	.h-map .w1460{
		display: flex;
		flex-direction: column-reverse;
	}
	.h-map .mapri {
		width: 92%;
		transform: translateY(0%);
		top: 0;
		position: relative;
		right: auto;
		margin-bottom: 1rem;
		left: 4%;
	}
	.h-map .maple {
		width: 100%;
	}
}
@media(max-width: 767px){
	.h-map {
		padding: 0.75rem 0;
	}
	.h-map .mapri {
		left: 4%;
		width: 100%;
		margin-bottom: 0.5rem;
	}
}
.h-map .tip-con a{
	display: inline-block;
	width: 2.5rem;
	height: 0.75rem;
	line-height: 0.75rem;
	text-align: center;
	box-sizing:border-box;
	border: 1px solid #00382b;
	border-radius: 0.75rem;
	color: #00382b;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.75rem;
}

.h-map .tip-con a i{
	width: 15px;
	height: 15px;
	background: url('../../web/img/hezuo_ico6.png')no-repeat center center;
	background-size: contain;
	margin-right: 0.25rem;
}
.con-map .tip-con a i{
	width: 15px;
	height: 15px;
	background: url('../../web/img/hezuo_ico6.png')no-repeat center center;
	background-size: contain;
	margin-right: 0.25rem;
}

.h-map .tip-con a:hover{
	background: #00382b;
	color: #fff;
}

.h-map .tip-con a:hover i{
	background: url('../../web/img/hezuo_ico6a.png')no-repeat center center;
	background-size: contain;
}

.h-map .w1460{
	margin: 1rem auto;
}
/*图片展示*/
.casepic-wrap{
	width: 100vw;
	height: 100vh;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition:all 0.5s ease 0s;
	left: 0;
	top: 0;
	position: fixed;
	background: #fff;
}
.casepic-wrap.show{
	z-index: 1022;
	opacity: 1;
	visibility: visible;
}
.casepic-wrap .big-swiper{
	width: 54%;
	height: calc(100vh - 4.5rem);
	box-sizing:border-box;
	margin: 0 auto;
	padding-top: 2.5%;
}
.casepic-wrap .big-swiper .swiper-slide{
	width: 100%;
	font-size: 14px;
	color: #666;
	line-height: 2;
	height: 100%;
}
.casepic-wrap .big-swiper .swiper-slide img{
	width: auto;
	height: 100%;
}
@media(max-width: 1024px){
	.casepic-wrap .big-swiper .swiper-slide img{
		width: 100%;
		height: auto;
	}
}
.casepic-wrap .big-swiper .swiper-slide .img{
	margin-bottom: 0.6rem;
	height: 80%;
	text-align: center;
}
.casepic-wrap .small-swiper{
	width: calc(100% - 1.5rem);
	height: 4.5rem;
	box-sizing:border-box;
	padding:0.9rem 0;
	position: absolute;
	bottom: 0;
	left: 0.75rem;
}
.casepic-wrap .small-swiper .swiper-wrapper{
	justify-content: flex-start;
}
.casepic-wrap .small-swiper .swiper-slide{
	width: auto;
	margin-right: 8px;
	cursor: pointer;
}

.casepic-wrap .small-swiper.ie .swiper-slide{
	width: 7.3rem;
}
@media(max-width: 767px){
	.casepic-wrap .small-swiper.ie .swiper-slide{
		width:100%;
	}
}
.casepic-wrap .small-swiper .swiper-slide .img{
	width: auto;
	height: 100%;
	overflow: hidden;
}
.casepic-wrap .small-swiper .swiper-slide img{
	transition:all 0.3s ease 0s;
	height: 100%;
	width: auto;
}
.casepic-wrap .small-swiper .swiper-slide:hover img{
	transform:scale(1.05); 
}
#casepic-close{
	z-index: 103;
	top: 0.75rem;
	right: 1rem;
	cursor: pointer;
	transition:all 0.3s ease 0s;
}
#casepic-close:hover{
	transform:rotateZ(45deg); 
}

@media(max-width: 1024px){
	.casepic-wrap .big-swiper{
		width: 100%;
		padding-top: 0;
		height: 70%;
	}
	.casepic-wrap .small-swiper {
		height: 6.5rem;
	}
	.casepic-wrap .big-swiper .swiper-slide .img{
		height: 80%;
	}
	.casepic-wrap .big-swiper .swiper-slide img{
		max-height:100%;
		height: auto; 
	}


	.casepic-wrap .big-swiper .con-t{
		box-sizing:border-box;
		padding: 0 1rem;
	}
}

@media(max-width: 767px){
	.casepic-wrap .small-swiper {
		height: 3rem;
		padding: 8px 0;
		width: calc(100% - 16px);
		left: 8px;
	}
	.casepic-wrap .big-swiper .con-t {
		box-sizing: border-box;
		padding: 0 0.3rem;
	}
	#casepic-close {
		top: 0.35rem;
		right: 0.5rem;
	}
}
/*图片展示*/


.pcsub-nav{
	height: 1.5rem;
	line-height: 1.5rem;
	position: relative;
}
.pcsub-nav.pof{
	position: fixed;
	top: 3rem;
	left: 0;
	width: 100%;
	z-index: 10;
}
.pcsub-nav.pof a{
	color: #fff;
}
.pcsub-nav.pof a.cur{
	color: #fff;
}
.pcsub-nav.on{
	width: 100%;
	z-index: 100;
	top: 0;
	position: fixed;
	background: #fff;
}
.pcsub-nav:before{
	content: '';
	position: absolute;
	width: 92%;
	height: 1px;
	left: 4%;
	bottom: 0;
	background: #e5e5e5;
	transition:all 0.3s ease 0s;
	opacity: 0;
}
.pcsub-nav.on:before{
	width: 100%;
	left: 0;
	opacity: 1;
}
.pcsub-nav{
	font-family: "PINGFANG MEDIUM";
}
.pcsub-nav a{
	font-size: 14px;
	color: #999;
	margin-right: 1.5rem;
	position: relative;
	transform: translateX(20px);
	display: inline-block;
	opacity: 0;
	transition:all 0.5s ease 0s;
	font-family: "PINGFANG MEDIUM";
}
.pcsub-nav.detail a{
	margin-right: 0;
}
.pcsub-nav.detail span{
	margin: 0 8px;
	color: #999;
}
.pcsub-nav.detail a:before{
	display: none;
}
.pcsub-nav a:before{
	content: '';
	position: absolute;
	width: 3px;
	height: 9px;
	background: url('../../web/img/san-ico2.png')no-repeat center center;
	background-size:contain;
	right: -0.5rem;
	top: 50%;
	transform:translateY(-50%);  
	opacity: 0;
	transition:all 0.5s ease 0s;
}
.pcsub-nav.pof a:before{
	background: url('../../web/img/san-ico2a.png')no-repeat center center;
	background-size:contain;
}
.pcsub-nav.pof a:hover{
	color: #fff;
}
.pcsub-nav a:hover{
	color: #00382b;
}
.pcsub-nav a:hover:before{
	right: -0.6rem;
	opacity: 1;
}
.pcsub-nav a.cur{
	color: #00382b;
}
.pcsub-nav a.cur:before{
	right: -0.6rem;
	opacity: 1;
}
.pcsub-nav a:nth-child(2){
	transition-delay: 0.2s!important;
}
.pcsub-nav a:nth-child(3){
	transition-delay: 0.4s!important;
}
.pcsub-nav a:nth-child(4){
	transition-delay: 0.6s!important;
}
.pcsub-nav a:nth-child(5){
	transition-delay: 0.8s!important;
}
.pcsub-nav a:nth-child(6){
	transition-delay: 1s!important;
}
.pcsub-nav a:nth-child(7){
	transition-delay: 1.2s!important;
}
.pcsub-nav a:nth-child(8){
	transition-delay: 1.4s!important;
}
.pcsub-nav a:nth-child(9){
	transition-delay: 1.6s!important;
}
.pcsub-nav.cur a{
	transform: translateX(0px);
	opacity: 1;
}


.case-wrap{
	padding-top: 1.5rem;
	padding-bottom: 4rem;
}
.case-wrap .search-tab{
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 10;
}

.case-wrap .search-tab .select-box{
	width:32.5%;
	margin-right: 1.3%;
	z-index: 2;
}

.case-wrap .search-tab .select-box .up{
	width: 100%;
	height: 1.49rem;
	box-sizing:border-box;
	border: 1px solid #99afaa;
	padding:0 0.5rem;
	color: #00372a;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition:all 0.3s ease 0s;
}
.case-wrap .search-tab .select-box .up i{
	width: 11px;
	height: 5px;
	background: url('../../web/img/san-ico1.png')no-repeat center center;
	background-size: contain;
}
.case-wrap .search-tab .select-box .up:hover{
	background: #00382b;
	color: #fff;
}
.case-wrap .search-tab .select-box .up:hover i{
	background: url('../../web/img/san-ico1a.png')no-repeat center center;
	background-size: contain;
}
.case-wrap .search-tab .select-box .option{
	left: 0;
	top: 1.5rem;
	transform:translateY(-1px); 
	width: 100%;
	box-sizing:border-box;
	border: 1px solid #99afaa;
	background: #fff;
	display: none;
}
.case-wrap .search-tab .select-box .option dd{
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;
	box-sizing:border-box;
	border-bottom: 1px solid #99afaa;
	padding:0 0.5rem;
	cursor: pointer;
}
.case-wrap .search-tab .select-box .option span{
	transition:all 0.3s ease 0s;
}
.case-wrap .search-tab .select-box .option .poa{
	color: #00382b;
	right: 0.5rem;
}
.case-wrap .search-tab .select-box .option dd:hover{
	background: #00382b;
}
.case-wrap .search-tab .select-box .option dd:hover span{
	color: #fff;
}
.case-wrap .search-tab .select-box .option dd:last-child{
	border-bottom: none;
}

.case-wrap .search-tab .input-box{
	width: 32.5%;
	height: 1.49rem;
	line-height: 1.49rem;
	box-sizing:border-box;
	border: 1px solid #99afaa;
	padding:0 0.5rem;
	margin-right: 1.2%;
}
.case-wrap .search-tab .input-box input{
	width: 100%;
}

.case-wrap .search-tab .input-box input::-webkit-input-placeholder {
	color: #00372a;
}
.case-wrap .search-tab .input-box input::-moz-input-placeholder {
	color: #00372a;
}
.case-wrap .search-tab .input-box input::-ms-input-placeholder {
	color: #00372a;
}
.case-wrap .search-tab .sub{
	width: 32.5%;
	height: 1.49rem;
	line-height: 1.49rem;
	box-sizing:border-box;
	position: relative;
}
.case-wrap .search-tab .sub input{
	width: 100%;
	height: 100%;
	line-height: 1.49rem;
	text-align: left;
	box-sizing:border-box;
	padding-left: 1.25rem;
	color: #fff;
	background: #00372a;
}
.case-wrap .search-tab .sub:before{
	content: '';
	position: absolute;
	width: 17px;
	height: 17px;
	background: url('../../web/img/search-ico.png')no-repeat center center;
	background-size: contain;
	top: 50%;
	transform:translateY(-50%);
	right: 1.25rem; 
}


.c-list li{
	cursor: pointer;
	width: 32.5%;
	margin: 0 1.25% 1.25% 0;
	position: relative;
	padding-bottom: 21.66%;
	overflow: hidden;
	color: #fff;
	font-size: 0.6rem;
}
.c-list li a{
	color: #fff;
}
.c-list li p{
	position: absolute;
	width: 100%;
	padding-left: 0.7rem;
	box-sizing:border-box;
	bottom:0.6rem;
}
.c-list.news li p{
	bottom: 1.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.c-list.news li .date{
	position: absolute;
	width: 100%;
	padding-left: 0.7rem;
	box-sizing:border-box;
	bottom:0.75rem;
	font-size: 0.35rem;
	color: rgba(255,255,255,0.6);
}
.c-list li img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition:all 0.3s ease 0s;
}
.c-list li:hover img{
	transform:scale(1.05); 
}

.c-list li:nth-child(3n){
	margin-right: 0;
}
.case-wrap .load{
	margin-top: 1.25rem;
}


.about-wrap .box{
	position: relative;
}
.about-wrap .box1{
	z-index: 3;
}
.about-wrap .box1 .w1460{
	padding: 3.5rem 0 2.25rem;
}
.about-wrap .box1 .le{
	font-size: 1.2rem;
	color: #00382b;
	width: 50%;
}
.about-wrap .box1 .ri{
	width: 50%;
	font-size: 0.45rem;
	line-height: 2;
}

.about-wrap .box2{
	transform:translateY(-2rem); 
	margin-bottom: -1.5rem;
}
.about-wrap .box2 .con{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.about-wrap .box2 .w1460{
	padding: 5.5rem 5rem 0;
	text-align: center;
	color: #545454;
}

.about-wrap .box2 .item-w{
	display:flex;
	justify-content: space-between;
	font-size: 0.45rem;
	color: #545454;
}
.about-wrap .box2 .item{
	width: 6rem;
}

.about-wrap .box2 .item-w .t{
	font-size: 0.9rem;
	color: #00382b;
}
.about-wrap .box2 .item-w img{
	margin-bottom: 1rem;
	height: 6.4rem;
}

.about-wrap .box2 .tit-t{
	line-height: 2;
	margin-top: 1.75rem;
	font-size: 0.45rem;
}
.about-wrap .box3{
	background: #f2f5f4;
	position: relative;
	padding: 2.5rem 0 3.5rem;
}
.about-wrap .box3:before{
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 100%;
	background: #fff;
	left: 0;
	top: 0;
}


.about-wrap .box3:after{
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 100%;
	background: #fff;
	right: 0;
	top: 0;
}

.about-wrap .box3 .img{
	width: 50%;
}
.about-wrap .box3 .con{
	width: 50%;
	color: #545454;
	line-height: 2.25;
	padding-top: 2.25rem;
	padding-left: 2.75rem;
}
.about-wrap .box3 .con p{
	margin-bottom: 0.35rem;
}

.about-wrap .box3 h2{
	color: #00382b;
	line-height: 1.333;
	margin-bottom: 1.1rem;
}
.about-wrap .box4 .back{
	height:10rem;
	object-fit:cover;
}
.about-wrap .box4 .con{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 2.25rem 0 1.75rem;
	text-align: center;
}
.about-wrap .box4 h2{
	color: #00382b;
	margin-bottom: 0.75rem;
}
.about-wrap .box4 .w1460{
	padding: 0 5.75rem;
}
.about-wrap .box4 p{
	color: #545454;
}

.about-wrap .box4 .w1460 img{
	width: 90.5%;
}

.about-wrap .box4{
	line-height: 2.25;
}
.about-wrap .box4 .con-t{
	margin-bottom: 1.25rem;
}

.about-wrap .box5{
	padding-bottom: 2.75rem;
}
.about-wrap .box5 .le{
	width: 47.94%;
	height: 14rem;
	background: #d9e2e0;
	border-radius: 2px;
	box-sizing:border-box;
	padding: 0.7rem 1.2rem;
}
.about-wrap .box5 .le img{
	width: 100%;
}
.about-wrap .box5 .le .scroll-box{
	margin-top: 1.1rem;
	line-height: 2;
	color: #545454;
}
.about-wrap .box5 .le .item-w{
	margin-top: 0.45rem;
}
.about-wrap .box5 .le h3{
	margin-bottom: 0.55rem;
	text-align: center;
	font-size: 0.65rem;
}


.about-wrap .box5 .le .item{
	width: 48.33%;
	background: rgba(0,56,43,0.05);
	height: 5rem;
	text-align: center;
	box-sizing:border-box;
	padding-top: 0.9rem;
}

.about-wrap .box5 .le .tit-t{
	width: 2.5rem;
	height: 0.75rem;
	line-height: 0.75rem;
	text-align: center;
	background:#00382b;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
}
.about-wrap .box5 .le .t{
	font-size: 0.45rem;
	margin: 0.3rem 0 0.4rem;
}
.about-wrap .box5 .le .tit-t1{
	letter-spacing: 5px;
}
.about-wrap .box5 .le p{
	color: #545454;
	line-height: 2;
}

.about-wrap .box5 .le .item-w p{
	font-size: 0.35rem;
	line-height: 1.7;
}



.about-wrap .box6 .top{
	background: url('../../web/img/about-back3.jpg')no-repeat center center;
	background-size: cover;
	position: relative;
	height: 13.75rem;
	color: #fff;
	text-align: center;
	box-sizing:border-box;
	padding: 2.75rem;
}

.about-wrap .box6 .top h1{
	font-size: 1.2rem;
	margin-bottom: 0.25rem;
}

.about-wrap .box6 .top .tit-t{
	margin-bottom: 1.25rem;
}
.about-wrap .box6 .top .con-t{
	line-height: 2;
	font-size: 0.5rem;
}

.about-wrap .box6 .top .con-t span{
	font-weight: bold;
}

.about-wrap .box6 .bot{
	height: 17.5rem;
	background: url('../../web/img/about-back4.jpg')no-repeat center center;
	background-size: cover;
	text-align: center;
	box-sizing:border-box;
	padding-top: 2.5rem;
}

.about-wrap .box6 .bot img{
	width: 80.5%;
}

.about-wrap .box7{
	padding: 3rem 0 4.25rem;
}

.about-wrap .box7 .con{
	width: 50%;
	padding-right: 2.75rem;
	padding-top: 1.25rem;
}

.about-wrap .box7 .con h2{
	color: #00382b;
	margin-bottom: 0.75rem;
}
.about-wrap .box7 .con-t{
	margin-bottom: 1.5rem;
	color: #545454;
	line-height: 2.25;
}
.about-wrap .box7 .img{
	width: 50%;
}

.about-wrap .box7 .ico-b{
	float: left;
	width: 3rem;
	height: 3rem;
	border: 1px solid #ccc;
	box-sizing:border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.45rem;
	color: #545454;
	flex-direction: column;
	margin-right: 0.45rem;
}
.about-wrap .box7 .ico-b img{
	margin-bottom: 0.35rem;
}

.news-wrap{
	padding: 1rem 0 4.5rem;
}


.join-wrap{
	padding: 3rem 0 4.5rem;
}

.tab-form{
	width: 100%;
	margin-bottom: 0.75rem;
	display:flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.tab-form .sub{
	height: 1.4rem;
	width: 8%;
	background: #00382b;
	position: absolute;
	right: 35%;
	top: 0;
}
.tab-form .tab-list{
	width: 100%;
	display: flex;
}
.tab-form .tab-list .item{
	width: 27.39%;
	margin-right:0.4rem;
	position: relative;
	z-index: 2;
}
.tab-form .tab-list .item:nth-child(2){
	z-index: 10;
}
.tab-form .tab-list .up{
	width: 100%;
	height: 1.4rem;
	line-height: 1.4rem;
	box-sizing:border-box;
	border: 1px solid #99afaa;
	padding: 0 0.4rem;
	color: #999;
	font-size: 0.35rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.tab-form .tab-list .up input{
	width: 100%;
	background: none;
	color: #212121;
}
.tab-form .tab-list .up i{
	width: 11px;
	height: 5px;
	background: url('../../web/img/san-ico3.png')no-repeat center center;
	background-size:contain; 
}
.tab-form .tab-list .up input::-webkit-input-placeholder { 
	color: #999; 
} 
.tab-form .tab-list .up input:-moz-placeholder { 
	color: #999; 
} 
.tab-form .tab-list .up input::-moz-placeholder { 
	color: #999; 
} 
.tab-form .tab-list .up input:-ms-input-placeholder { 
	color: #999; 
}
.tab-form .tab-list .up1{
	transition:all 0.3s ease 0s;
}
.tab-form .tab-list .up1:hover{
	background: #00382b;
	color: #fff;
}

.tab-form .tab-list .up1:hover i{
	background: url('../../web/img/san-ico1a.png')no-repeat center center;
	background-size: contain;
}

.tab-form .tab-list .option{
	width: 100%;
	left: 0;
	top: 1.4rem;
	transform: translateY(-1px);
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #99afaa;
	background: #fff;
	display: none;
	z-index: 10;
	background: #fff;
}
.tab-form .tab-list .option dd{
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;
	box-sizing: border-box;
	border-bottom: 1px solid #99afaa;
	padding: 0 0.5rem;
	cursor: pointer;
	position: relative;
}
.tab-form .tab-list .option dd:hover{
	background: #00382b;
}
.tab-form .tab-list .option dd:hover span{
	color: #fff;
}
.tab-form .tab-list .option dd .poa{
	position: absolute;
	color: #00382b;
	right: 0.5rem;
}


.tab-form .sub:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: url('../../web/img/search-btn1.png')no-repeat center center;
	background-size: contain;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
}
.tab-form .sub input{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position:absolute;
	background: none;
}



.join-wrap .list-title{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	color: #fff;
	font-size: 0.45rem;
	background: #00382b;
	text-align: center;
	margin-bottom: 10px;
}
.join-wrap .list li{
	margin-bottom: 10px;
	background: #f5f5f5;
}
.join-wrap .list-title .require{
	width: 20.4%;
}
.join-wrap .list-title .part{
	width: 15.3%;
}
.join-wrap .list-title .local{
	width: 22.5%;
}
.join-wrap .list-title .num{
	width: 18.4%;
}
.join-wrap .list-title .detail{
	width: 23.4%;
}
.join-wrap .list .list-title{
	margin-bottom: 0px;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	color: #333;
	background: #f5f5f5;
	cursor: pointer;
	transition:all 0.3s ease 0s;
}
.join-wrap .list .list-title:hover{
	background: #00382b;
	color: #fff;
}
.join-wrap .list{
	margin-bottom: 1.5rem;
}
.join-wrap .list .sub-wrap{
	box-sizing:border-box;
	padding: 1rem 7.53% 1.5rem;
	position: relative;
	color: #333;
	display: none;
}

.join-wrap .list .sub-wrap:before{
	content: '';
	position: absolute;
	width: 88%;
	left: 7%;
	top: 0;
	height: 1px;
	background: #dcdcdc;
}
.join-wrap .sub-wrap .con{
	width: 50%;
	box-sizing:border-box;
	padding-right: 4rem;
}

.join-wrap .sub-wrap .m-con{
	display: none;
}
.join-wrap .sub-wrap p{
	font-size: 0.35rem;
	line-height: 2.14;
}
.join-wrap .sub-wrap  .tit-t{
	margin-bottom: 0.5rem;
}
.join-wrap .sub-wrap .item{
	margin-bottom: 1.5rem;
}
.join-wrap .sub-wrap .item.tab{
	display: none;
}
.join-wrap .sub-wrap .con .item1{
	margin-bottom: 0;
}
.join-wrap .sub-wrap .apply{
	width: 4.5rem;
	height: 1.1rem;
	text-align: center;
	line-height: 1.1rem;
	background: #00382b;
	color: #fff;
	margin-top: 0.8rem;
}

.join-wrap .sub-wrap .apply img{
	margin-left: 5px;
	transition:all 0.3s ease 0s;
}

.join-wrap .sub-wrap .apply:hover img{
	transform:translateX(2px); 
}


@keyframes fadeup {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeup {
	animation: fadeup 1s ease 0s both !important;
}
.base-wrap{
	padding-bottom: 4.75rem;
}

.base-wrap .b-info .w1460{
	padding: 3.25rem 0 2.75rem;
}

.base-wrap .tit-t.base h2{
	color: #00382b;
	margin-bottom: 0.4rem;
}

.base-wrap .tit-t.base{
	padding-bottom: 1rem;
	position: relative;
}
.base-wrap .tit-t.base p{
	color: #999;
}
.base-wrap .tit-t.base:before{
	content: '';
	position: absolute;
	width: 30px;
	height: 3px;
	background: #00382b;
	left: 0;
	bottom: 0;
}
.base-wrap .b-info .con-t{
	color: #666;
	line-height: 2.25;
	width: 12rem;
	margin-left: 3rem;
}
.base-wrap .b-info .con-t p{
	margin-bottom: 0.5rem;
}
.base-wrap .b-info .con-t p:last-child{
	margin-bottom: 0;
}
.base-wrap .b-info .con{
	width: 58.2%;
	display: flex;
	align-items: flex-start;
}
.base-wrap .b-info .img{
	width: 34.24%;
}
.base-wrap .b-info .img img{
	width: 100%;
}

.base-wrap .b-info:before{
	content: '';
	position: absolute;
	width: 44.8%;
	left: 0.75rem;
	height: 100%;
	background: url('../../web/img/base-back.png')no-repeat center center;
	background-size: contain;
}


.base-wrap .box{
	position: relative;
}

.base-wrap .box:before{
	content: '';
	position: absolute;
	width: calc(100% - 1.5rem);
	left: 0.75rem;
	height: 22rem;
	background: #f2f5f4;
}

.base-wrap .conbox{
	z-index: 2;
	width: 100%;
	left: 0;
	top: 0;
	padding-top: 2.9rem;
}


.base-wrap .conbox .info .img{
	width: 50%;
}

.base-wrap .conbox .info .con-t{
	width: 50%;
	padding-left: 2.75rem;
	height: 12.25rem;
}

.base-wrap .conbox .scroll-box{
	line-height: 2.25;
	color: #666;
	height: 4rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.base-wrap .conbox .detail{
	color: #00382b;
	text-decoration: underline;
	cursor: pointer;
	left: 2.75rem;
	bottom: 0.9rem;

}

.base-wrap .conbox .data-w{
	display: flex;
	transition:all 0.3s ease 0s;
}


.base-wrap .conbox .data-item:first-child{
	margin-right: 2.25rem;
} 

.base-wrap .conbox .data-w .t{
	color: #00382b;
}

.base-wrap .conbox .data-w span{
	font-size: 1.5rem;
}

.base-wrap .conbox .data-w p{
	color: #666;
}
.base-wrap .conbox .info{
	margin-bottom: 2.5rem;
}

.base-wrap .swiper-container1{
	position: static;
}

.base-wrap .swiper-container1 .swiper-button-prev{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 1px solid #00382b;
	left: -3rem;
	background: none;
	transition:all 0.3s ease 0s;
	top: 46%;
}
.base-wrap .swiper-container1 .swiper-button-prev:hover{
	background:#00382b; 
}
.base-wrap .swiper-container1 .swiper-button-prev:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
	width: 10px;
	height: 18px;
	background: url('../../web/img/swiper-l1.png')no-repeat center center;
	background-size: contain;
	transition:all 0.3s ease 0s;
}
.base-wrap .swiper-container1 .swiper-button-prev:hover:before{
	background: url('../../web/img/swiper-l1a.png')no-repeat center center;
	background-size: contain;
}

.base-wrap .swiper-container1 .swiper-button-next{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 1px solid #00382b;
	right: -3rem;
	background: none;
	transition:all 0.3s ease 0s;
	top: 46%;
}
.base-wrap .swiper-container1 .swiper-button-next:hover{
	background:#00382b; 
}
.base-wrap .swiper-container1 .swiper-button-next:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
	width: 10px;
	height: 18px;
	background: url('../../web/img/swiper-r1.png')no-repeat center center;
	background-size: contain;
}

.base-wrap .swiper-container1 .swiper-button-next:hover:before{
	background: url('../../web/img/swiper-r1a.png')no-repeat center center;
	background-size: contain;
}
.base-wrap .swiper-container1 .swiper-slide{
	color: #00382b;
}
.base-wrap .swiper-container1 .swiper-slide p{
	font-size: 0.45rem;
}
.base-wrap .swiper-container1 .swiper-slide span{
	font-size: 0.4rem;
}
.base-wrap .swiper-container1 .swiper-slide .img{
	width: 100%;
	position: relative;
	padding-bottom:71.11%;
	overflow: hidden;
	margin-bottom: 0.4rem;
	cursor: pointer;
}

.base-wrap .swiper-container1 .swiper-slide img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition:all 0.3s ease 0s;
}
.base-wrap .swiper-container1 .swiper-slide .img:hover img{
	transform:scale(1.05); 
}

.base-wrap .last{
	margin-top: 2.75rem;
}

.base-wrap .last .con{
	width: 50%;
	padding-right: 5rem;
	color: #666;
	line-height: 2.25;

}
.base-wrap .last .con .con-t{
	margin-top: 1rem;
}

.base-wrap .last .img{
	width: 50%;
}


.reno-wrap .r-info{
	padding: 2.25rem 0 4.5rem;

}

.reno-wrap .r-info h1{
	color: #00382b;
	font-size: 1.2rem;
	line-height: 1.35;
	margin-bottom: 0.9rem;
}
.reno-wrap .r-info .con{
	width: 59.5%;
}

.reno-wrap .r-info .con-t{
	font-size: 0.45rem;
	line-height: 2;
}

.reno-wrap .r-info .img-box{
	width: 10rem;
	height: 11rem;
}


.reno-wrap .r-info .img1{
	width: 6.25rem;
	height: 6.25rem;
	right: 0;
	top: 0;
	z-index: 2;
}
.reno-wrap .r-info .img2{
	width: 5.25rem;
	height: 5.25rem;
	left: 0;
	top: 2.7rem;
}
.reno-wrap .r-info .img3{
	width: 4rem;
	height: 4rem;
	right: 0.45rem;
	bottom: 0;
}

.reno-wrap .r-table{
	height: 20rem;
	background: url('../../web/img/zx-back1.jpg')no-repeat center center;
	background-size: contain;
	padding-top: 2.5rem;
	position: relative;
}
.reno-wrap .r-table:before{
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 100%;
	left: 0;
	top:0;
	background: #fff;
}
.reno-wrap .r-table:after{
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 100%;
	right: 0;
	top:0;
	background: #fff;
}
.reno-wrap .r-table  h2{
	margin-bottom: 1.25rem;
	color: #00382b;
}

.reno-wrap .r-table .con-le{
	width: 32.87%;
}
.reno-wrap .r-table .con-ri{
	width: 60.27%;
}
.reno-wrap .r-table .con-ri table{
	width: 100%;
	border: 1px solid #889f9a;
	border-collapse: collapse;
}

.reno-wrap .r-table  table th{
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #fff;
	font-size: 0.5rem;
	background: #00382b;
	border: 1px solid rgba(255,255,255,0.1);
}

.reno-wrap .r-table  table td{
	text-align: center;
	height: 1.5rem;
	color: #00382b;
	border: 1px solid #889f9a;
	padding: 0 10px;
}
.reno-wrap .r-table .con-le .item{
	display:flex;
	height: 2.79rem;
	box-sizing:border-box;
	margin-bottom: 0.35rem;
}
.reno-wrap .r-table .con-le .item:last-child{
	margin-bottom: 0;
}
.reno-wrap .r-table .con-le .item .item-t{
	width: 2.75rem;
	height: 100%;
	background: #00382b;
	color: #fff;
	font-size: 0.65rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reno-wrap .r-table .con-le .item .item-p{
	width: calc(100% - 2.75rem);
	height: 100%;
	box-sizing:border-box;
	border: 1px solid #889f9a;
	border-left: none;
	color: #00382b;
	line-height: 1.875;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.4rem;
}

.reno-wrap .r-tablink{
	padding: 2.1rem 0 3.25rem;
}

.reno-wrap .r-tablink .info{
	left: 0;
	top: 0;
}

.reno-wrap .r-tablink .info h2{
	margin-bottom: 0.9rem;
	color: #00382b;
}

.reno-wrap .r-tablink .info .list li{
	margin-bottom: 0.4rem;
	font-size: 0.5rem;
	display: flex;
	align-items: center;
}

.reno-wrap .r-tablink .info .list .ico{
	width: 1.25rem;
	height: 1.25rem;
	background: #00382b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.reno-wrap .r-tablink .info .ico img{
	max-width: 80%;
}
.reno-wrap .r-tablink .info .list .ico {
	margin-right: 0.45rem;
}

.reno-wrap .r-tablink .link-box{
	transform: translateX(1.75rem);
}
.reno-wrap .enter-swiper{
	display: none;
}

.reno-wrap .r-tablink .con-img{
	width: 69.83%;
	height: 79.15%;
	top:7.9%;
	right: 15.8%; 
}

.reno-wrap .r-tablink .linkbox{
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 0.45rem;
	line-height: 1.33;
	color: #fff;
	text-align: center;
}

.reno-wrap .r-tablink .link1 .linkbox{
	width: 73.786%;
	height: 71.951%;
}
.reno-wrap .r-tablink .link2 .linkbox{
	width: 100%;
	height: 71.37%;
}
.reno-wrap .r-tablink .link3 .linkbox{
	width: 100%;
	height: 58.609%;
}
.reno-wrap .r-tablink .link4 .linkbox{
	width: 66.086%;
	height: 100%;
}
.reno-wrap .r-tablink .link5 .linkbox{
	width: 60.8%;
	height: 100%;
}
.reno-wrap .r-tablink .link6 .linkbox{
	width: 64.957%;
	height: 70.8%;
}
.reno-wrap .r-tablink .link7 .linkbox{
	width: 100%;
	height:54.29%;
}
.reno-wrap .r-tablink .link8 .linkbox{
	width: 50%;
	height:76.956%;
}



.reno-wrap .r-tablink .linkbox a{
	width: 100%;
	height: 100%;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	color: #fff;
}
.reno-wrap .r-tablink .linkbox .con{
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
}
.reno-wrap .r-tablink .linkbox p{
	margin-top: 0.25rem;
}
.reno-wrap .r-tablink .linkbox .hover{
	width: 100%;
	height: 102%;
	position: absolute;
	left: 0;
	top: -1%;
	transition:all 0s ease 0s;
	opacity: 1;
	z-index: 2;
}

.reno-wrap .r-tablink .linkbox .pic{
	width: 100%;
	height: 102%;
	position: absolute;
	left: 0;
	top: -1%;
}

.reno-wrap .r-tablink .links .con img{
	transition:all 0.3s ease 0s;
}

.reno-wrap .r-tablink .links .color-b{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition:all 0.5s ease 0s;
}
.reno-wrap .r-tablink .link1 .color-b{
	background: #c8a06c;
}
.reno-wrap .r-tablink .link2 .color-b{
	background: #0e493b;
}
.reno-wrap .r-tablink .link3 .color-b{
	background: #6dc9cf;
}
.reno-wrap .r-tablink .link4 .color-b{
	background: #07713e;
}
.reno-wrap .r-tablink .link5 .color-b{
	background: #0e493b;
}
.reno-wrap .r-tablink .link6 .color-b{
	background: #c8a06c;
}
.reno-wrap .r-tablink .link7 .color-b{
	background: #6dc9cf;
}
.reno-wrap .r-tablink .link8 .color-b{
	background: #07713e;
}


.reno-wrap .r-tablink .linkbox:hover .color-b{
	opacity: 1;
}


.reno-wrap .r-tablink .link1{
	top: -3%;
	right: 28%;
}

.reno-wrap .r-tablink .link2{
	top: 28.94%;
	right: 70.8%;
}

.reno-wrap .r-tablink .link3{
	top: 27%;
	right: 14.15%;
}

.reno-wrap .r-tablink .link4{
	top: 58.25%;
	right: 80.4%;
}

.reno-wrap .r-tablink .link4 .linkbox {
	left: 0;
	right: auto;
}
.reno-wrap .r-tablink .link5{
	top: 56%;
	right: 0%;
}
.reno-wrap .r-tablink .link6{
	right: 66.66%;
	top: auto;
	bottom: 0;
}
.reno-wrap .r-tablink .link6 .linkbox{
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
}

.reno-wrap .r-tablink .link7{
	right: 42.7%;
	top: auto;
	bottom: -1.5%;
}

.reno-wrap .r-tablink .link7 .linkbox{
	left: 0;
	right: auto;
	top: auto;
	bottom: 0;
}

.reno-wrap .r-tablink .link8{
	right: 9.1%;
	top: auto;
	bottom: 2%;
}

.reno-wrap .r-tablink .link8 .linkbox{
	right: 0;
	bottom: 0;
	top: auto;
}


.case_swiper-box h2{
	margin-bottom: 1rem;
}
.case_swiper-box .case_swiper{
	padding-bottom: 2rem;
}
.case_swiper-box .swiper-slide{
	padding-bottom: 21.66%;
	overflow: hidden;
	font-size: 0.6rem;
	cursor: pointer;
}
.case_swiper-box .swiper-slide a{
	color: #fff;
}


.case_swiper-box .swiper-slide img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition:all 0.3s ease 0s;
}
.case_swiper-box .swiper-slide:hover img{
	transform:scale(1.05); 
}

.case_swiper-box .swiper-slide p{
	position: absolute;
	bottom: 0.75rem;
	width: 100%;
	box-sizing:border-box;
	padding: 0 0.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.case_swiper-box .case_next{
	width:80px;
	height: 136px;
	background: none;
	opacity: 1;
	top: 43%;
	right: 0;
	display: none;
}
.case_swiper-box .case_next:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);

	width: 24px;
	height: 36px;
	background: url('../../web/img/swiper-r2w.png')no-repeat center center;
	background-size: contain;
	display: none;
}
/*.case_swiper-box .case_next{
	cursor:url("../../web/img/cursor-r.png"),auto!important;
}*/
.case_swiper-box .case_prev{
	width:80px; 
	height: 136px;
	background: none;
	opacity: 1;
	top: 43%;
	left: 0;
		display: none;
}

.case_swiper-box .case_prev:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);

	width: 24px;
	height: 36px;
	background: url('../../web/img/swiper-l2w.png')no-repeat center center;
	background-size: contain;
	display: none;
}
/*.case_swiper-box .case_prev{
	cursor:url("../../web/img/cursor-l.png"),auto!important;
}*/
@media(max-width: 1024px){
	.case_swiper-box .case_next:before{
		display: block;
	}
	.case_swiper-box .case_prev:before{
		display: block;
	}
}
@media(max-width: 767px){
	.case_swiper-box .case_prev {
		left: -0.5rem;
		top: 38%;
	}
	.case_swiper-box .case_next {
		right: -0.5rem;
		top: 38%;
	}
}
.swiper-pagination-bullet{
	opacity: 1;
	background: #b2c3bf;
	width: 8px;
	height: 8px;
	border-radius:8px;
	margin: 0 4px; 
	transition:all 0.3s ease 0s;
}
.swiper-pagination-bullet-active{
	width: 24px;
	background: #00382b;
	margin: 0 8px; 
}


.sys-wrap{
	padding: 2.5rem 0 5rem;
}

.sys-wrap .s-info{
	padding-bottom: 2.5rem;
}

.sys-wrap .s-info h2{
	color: #00382b;
	margin-bottom: 0.3rem;
}
.sys-wrap .s-info p{
	font-size: 0.45rem;
	color: #808080;
}

.sys-wrap .s-info .le{
	width: 50%;
}
.sys-wrap .s-info .ri-list{
	width: 50%;
	text-align: left;
}

.sys-wrap .s-info .ri-list p{
	margin-bottom: 0.35rem;
	box-sizing:border-box;
	padding-left: 0.6rem;
	position: relative;
}

.sys-wrap .s-info .ri-list p:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #00382b;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform:translateY(-50%); 
}

.sys-wrap .s-swiperbox{
	height: 12.5rem;
	margin-bottom: 2.7rem;
}

.sys-wrap .s-swiperbox .img-swiper{
	width: 50%;
	height: 100%;
}
.sys-wrap .s-swiperbox .img-swiper img{
	width: 100%;
	height: 100%;
}

.sys-wrap .s-swiperbox .con-swiper{
	width: 50%;
	height: 100%;
	position: relative;
	color: #fff;
}
.sys-wrap .s-swiperbox .con-swiper:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url('../../web/img/sys-back.jpg')no-repeat center center;
	background-size: cover;
}

.sys-wrap .s-swiperbox .swiper-slide{
	width: 100%;
	height: 100%;
}

.sys-wrap .con-swiper .swiper-pagination{
	bottom: 0.9rem;  
	text-align: right;
	box-sizing:border-box;
	padding-right: 1.25rem;
}
.sys-wrap .con-swiper .swiper-pagination-bullet{
	opacity: 1;
	background: rgba(255,255,255,0.4);
	width: 8px;
	height: 8px;
	border-radius:8px;
	margin: 0 4px; 
	transition:all 0.3s ease 0s;
}
.sys-wrap .con-swiper .swiper-pagination-bullet-active{
	width: 24px;
	background: #fff;
	margin: 0 8px; 
}

.sys-wrap .con-swiper .swiper-slide{
	box-sizing:border-box;
	padding: 2.4rem 1.75rem 0 1.9rem;
}

.sys-wrap .con-swiper .swiper-slide h3{
	font-size:0.75rem;
	margin-bottom: 1.25rem;
}

.sys-wrap .con-swiper .swiper-slide .scroll-box{

	height: 5rem;
}
@media(max-width: 767px){
	.sys-wrap .con-swiper .swiper-slide .scroll-box{

		height:2.6rem;
	}
}
.sys-wrap .con-swiper .swiper-slide p{
	color: rgba(255,255,255,0.6);
	line-height:2.25; 
}

.sys-wrap .s-table h2{
	color: #00382b;
	margin-bottom: 0.9rem;
	text-align: center;
}

.sys-wrap .s-table table{
	width: 100%;
	border: 1px solid #b2c3bf!important;
	border-collapse: collapse;
}

.sys-wrap .s-table table th{
	height: 1.75rem;
	text-align: center;
	background: #00382b;
	color: #fff;
	font-size: 0.5rem;
	border: 1px solid rgba(255,255,255,0.1);
}

.sys-wrap .s-table table td{
	height: 3rem;
	text-align: center;
	color: #00382b;
	border: 1px solid #b2c3bf!important;
}


.sys-wrap .s-table .backre{
	margin: 2rem 0;
	margin-left: 50%;
	transform:translateX(-50%); 
	width: 3rem;
	height: 1.1rem;
	border-radius: 1.1rem;
	text-align: center;
	line-height: 1.1rem;
	color: #fff;
	background:#00382b; 
}

.sys-wrap .s-table .backre img{
	margin-right: 0.25rem;
}


.sys-wrap .w1850{
	padding-top: 1.25rem;
	position: relative;
}
.sys-wrap .w1850:before{
	content: '';
	position: absolute;
	width: calc(100% - 1.5rem);
	left: 0.75rem;
	top: 0;
	height: 1px;
	background: #e5e5e5;
}


/*详情页模板*/
.newde-wrap{
	padding: 2rem 0 2rem;
}  

.newde-wrap .w1460{
	width: 1000px;
}
@media(max-width: 1024px){
	.newde-wrap .w1460{
		width: 92%;
	}	
}

.newde-wrap .title {
	text-align: center;
	padding-bottom: 1rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.newde-wrap .title .t {
	margin-top: 0.5rem;
}
.newde-wrap .con-t {
	padding-top: 1rem;
	line-height: 2.25;
}
@media(max-width: 767px){
	.newde-wrap .con-t{
		line-height: 1.6;
	}
}
.newde-wrap .con-t p {
}
.newde-wrap .con-t p video{
	max-width: 100%;
}
.newde-wrap .de-bottom {
	margin-top: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newde-wrap .de-bottom h1 {
	font-size: 0.45rem;
	margin-bottom: 0.1rem;
}
.newde-wrap .de-bottom p {
	line-height: 1.2;
}
.newde-wrap .de-bottom .back-list {
	width: 12%;
}
.newde-wrap .de-bottom .back-list p {
	font-size: 16px;
	text-align: center;
}
.newde-wrap .de-bottom .back-list .icon {
	text-align: center;
}
.newde-wrap .de-bottom .back-list i {
	width: 24px;
	height: 24px;
	background: url("../../web/img/back-news-icon.png") no-repeat center center;
	background-size: contain;
}
.newde-wrap .de-bottom .prev {
	width: 40%;
}
.newde-wrap .de-bottom .prev a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newde-wrap .de-bottom .prev .icon {
	width: 10px;
}
.newde-wrap .de-bottom .prev .icon i {
	width: 10px;
	height: 16px;
	background: url("../../web/img/swiper-l2.png") no-repeat center center;
	background-size: contain;
}
.newde-wrap .de-bottom .prev .debo-con {
	width: 95%;
}
.newde-wrap .de-bottom .next {
	width: 40%;
}
.newde-wrap .de-bottom .next a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.newde-wrap .de-bottom .next .icon {
	width: 10px;
	text-align: right;
}
.newde-wrap .de-bottom .next .icon i {
	width: 10px;
	height: 16px;
	background: url("../../web/img/swiper-r2.png") no-repeat center center;
	background-size: contain;
}
.newde-wrap .de-bottom .next .debo-con {
	width: 95%;
	text-align: right;
}


@media(max-width: 767px){
	.newde-wrap .con-t {
		padding-top: 0.5rem;
	}
	.newde-wrap .title .t {
		margin-top: 0.2rem;
		font-size: 0.28rem;
	}
	.newde-wrap .title {
		padding-bottom: 0.3rem;
	}
	h2 {
		font-size: 0.4rem;
	}
	body{
		font-size: 0.28rem;
		line-height: 1.6;
	}
	.newde-wrap{
		padding: 1rem 0 1rem;
	}
	.newde-wrap .con-t p{
		font-size: 0.28rem;
	}
	.newde-wrap .de-bottom .back-list {
		display: none;
	}
	.newde-wrap .de-bottom .next {
		width: 100%;
	}
	.newde-wrap .de-bottom .next a {
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.newde-wrap .de-bottom .next .debo-con {
		text-align: left;
		width: 90%;
	}
	.newde-wrap .de-bottom .next .icon {
		width: 10px;
		text-align: right;
	}
	.newde-wrap .de-bottom h1 {
		font-size: 0.3rem;
		margin-bottom: 0.1rem;
	}
	.newde-wrap .de-bottom p {
		line-height: 1.6;
		font-size: 0.3rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.newde-wrap .de-bottom .prev {
		width: 100%;
		margin-bottom: 0.2rem;
	}
	.newde-wrap .de-bottom .prev a {
		display: block;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.newde-wrap .de-bottom .prev .icon {
		width: 10px;
	}
	.newde-wrap .de-bottom .prev .debo-con {
		width: 90%;
	}
	.newde-wrap .de-bottom {
		margin-top: 0.8rem;
		display: block;
	}
}


/*详情页模板*/


.doors-wrap .d-info{
	padding: 2.75rem 0 2.5rem;
}

.doors-wrap .d-info .d-top .d-le{
	width: 50%;
	box-sizing:border-box;
	padding-right: 1.5rem;
	padding-top: 1rem;
	color: #545454;
}
.doors-wrap .d-info .d-top .d-ri{
	width: 50%;
	box-sizing:border-box;
}
.doors-wrap .d-info .d-top .d-ri .img{
	width: 100%;
}

.doors-wrap .d-info .d-top .d-le h2{
	margin-bottom: 0.6rem;
	color: #00382b;
}

.doors-wrap .d-info .d-top .d-le .t{
	font-size: 0.45rem;
	line-height: 2;
	margin-top: 0.85rem;
}
.doors-wrap .d-info .d-top .d-le .t:first-child{
	margin-top: 0;
}
.doors-wrap .d-info .d-top .item-t span{
	color: #212121;
}
.doors-wrap .d-info .d-top .item-t p{
	line-height: 2.25;
}
.doors-wrap .d-info .d-top {
	margin-bottom: 1.25rem;
}
.doors-wrap .d-info .d-top .item-t{
	margin-top: 0.3rem;
}

.doors-wrap .d-info .d-ri .videoplay{
	left: 50%;
	top: 50%;
	cursor: pointer;
	transform:translate(-50%,-50%); 
	transition:all 0.3s ease 0s;
}

.doors-wrap .d-info .d-ri .videoplay:hover{
	top: 51%;
}


.dialog__content .action{
	transition:all 0.3s ease 0s;
}

.dialog__content .action:hover{
	transform:rotateZ(45deg); 
}
.doors-wrap{
	padding-bottom: 4.5rem;
}
.doors-wrap .d-info .le{
	width: 50%;
	box-sizing:border-box;
	padding-right: 1rem;
	padding-left: 0.45rem;
	margin-bottom: 0.5rem;
}
.doors-wrap .d-info .le:nth-child(2n){
	padding-right:0;
	padding-left: 0.45rem;
}
.doors-wrap .d-info .ri{
	width: 50%;
	box-sizing:border-box;
	padding-left: 2.5rem;
}
.doors-wrap.equip .d-info .ri{
	width: 50%;
	box-sizing:border-box;
	padding-left: 0.5rem;
}
.doors-wrap.stor .d-bot.doors{
	box-sizing:border-box;
	padding-left: 0.45rem;
	padding-top: 1rem;
	border-top: 1px solid #e5ebe9;
	margin-top: 1.2rem;
}
.d-bot.doors .item{
	height: 3.5rem;
}
.doors-wrap.stor .d-bot.doors .item{
	height: auto;
	margin-bottom: 0.9rem;
}
.doors-wrap.stor .d-bot.doors .item:last-child{
	margin-bottom: 0;
}
.d-bot.doors .tit-t{
	color: #00382b;
	margin-bottom: 0.3rem;
	position: relative;
}
.d-bot.doors  .tit-t:before{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #00382b;
	left: -0.45rem;
	top: 50%;
	border-radius: 50%;
	transform:translateY(-50%); 
}
.d-bot.doors  .con-t{
	color: #666;
	font-size: 0.35rem;
	line-height: 2.14;
}
.doors-wrap .solve-box{
	margin-top: 2rem;
}
.doors-wrap .solve-box h3{
	font-size: 0.75rem;
	color: #00382b;
	margin-bottom: 0.9rem;
}
.doors-wrap .solve-box .list{
	display: flex;
	justify-content: space-between;
}
.doors-wrap .solve-box .list li{
	width: 17.12%;
	height: 6.4rem;
	box-sizing:border-box;
	border: 1px solid #99afaa;
	color: #00382b;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.doors-wrap .solve-box .list .ico{
	height: 2rem;
	width: 2rem;
	border-radius:50%;
	background: #00382b;
	margin-bottom: 0.55rem; 
	display: flex;
	align-items: center;
	justify-content: center;
	transition:all 0.3s ease 0s;
}
.doors-wrap .solve-box .list li:hover .ico{
	transform: translateY(5px);
}
.doors-wrap .solve-box .list .tit-t{
	font-size: 0.55rem;
	margin-bottom: 0.2rem;
}
@media(max-width:767px){
	.doors-wrap .solve-box .list .tit-t{
		margin-bottom: 0.1rem;
	}
}

.pro-select{
	margin-bottom: 2.75rem;
}
.pro-select:before{
	content: '';
	position: absolute;
	width: calc(100% - 1.5rem);
	left: 0.75rem;
	top: 0;
	height: 100%;
	background: #f2f5f4;
}
.pro-select .w1460{
	padding: 2.25rem 0 2.75rem;
}

.select-swiper{
	padding-bottom: 1.75rem;
}

.select-swiper .select-pagination{
	bottom: 0;
}

.select-swiper .img{
	position: relative;
	height: 6.25rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #c2cfcc;
	box-sizing:border-box;
}
@media(max-width: 767px){
	.select-swiper .img{
		height: 4.25rem;
	}
}
.select-swiper .swiper-slide{
	box-sizing:border-box;
	border: 1px solid #c2cfcc;
}

.select-swiper .img img{
	max-width: 100%;
	max-height: 100%;
	transition:all 0.3s ease 0s;
}

.select-swiper .swiper-slide:hover img{
	transform:scale(1.05); 
}

.select-swiper .swiper-slide .con-t{
	padding: 0.6rem 0.65rem 0;
	box-sizing:border-box;
	
	border-top: none;
}

.select-swiper .swiper-slide .con-t .t{
	color: #999;
	font-size: 0.35rem;
	position: relative;
	padding-left: 0.5rem;
}

.select-swiper .swiper-slide .con-t .t:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	background: #999;
	left: 0rem;
	top: 40%;
}

.select-swiper .swiper-slide .con-t h3{
	color: #00382b;
	font-size: 0.5rem;
	margin-top: 0.15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select-swiper .swiper-slide .tit-t{
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #d9dcdb;
}

.select-swiper .swiper-slide .more{
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: 12px;
	color: #808080;
}


#select-next{
	width: 24px;
	height: 36px;
	background: url('../../web/img/swiper-r2w.png')no-repeat center center;
	background-size: contain;
	top: 55%;
	right: 8%;
}

#select-prev{
	width: 24px;
	height: 36px;
	background: url('../../web/img/swiper-l2w.png')no-repeat center center;
	background-size: contain;
	top: 55%;
	left: 8%;
}

.pro-select .search-tab{
	margin-bottom: 1rem;
	position: relative;
	z-index: 2;
	margin-top: 0.5rem;
}
@media(max-width: 767px){
	#select-next{
		right: 5%;
	}
	#select-prev{
		left: 5%;
	}
	.pro-select .search-tab{
		margin-top: 0.25rem;
	}
}
.pro-select .search-tab .select-box{
	width: 21.85%;
	margin-right: 1.5rem;
	z-index: 10;
}
@media(max-width: 992px){
	.pro-select .search-tab .select-box{
		width:11.5rem;
	}
}
.pro-select .search-tab .select-box:first-child{
	z-index: 11;
}
.pro-select .search-tab .select-box .up{
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	background: #fff;
	cursor: pointer;
	box-sizing:border-box;
	padding: 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #00382b;
	transition:all 0.3s ease 0s;
}
.pro-select .search-tab .select-box .up:hover{
	background: #00382b;
	color: #fff;
}
.pro-select .search-tab .select-box .option{
	width: 100%;
	background: #fff;
	height: auto!important;
	top: 1.75rem;
	left: 0;
	display: none;
	padding: 0.5rem 0;
}
.pro-select .search-tab .select-box .option dd{
	width: 100%;
	box-sizing:border-box;
	padding: 0 0.5rem;
	height: 0.85rem;
	line-height: 0.85rem;
	color: #666;
	position: relative;
	cursor: pointer;
}
.pro-select .search-tab .select-box .option dd .poa{
	right: 0.5rem;
	top: 50%;
	transform:translate(-2px,-50%); 
	color: #00382b;
	opacity: 0;
	transition:all 0.3s ease 0s;
}
.pro-select .search-tab .select-box .option dd:hover{
	color: #00382b;
}
.pro-select .search-tab .select-box .option dd:hover .poa{
	opacity: 1;
	transform:translate(0,-50%); 
}
.pro-select .search-tab .select-box .up i{
	width: 11px;
	height: 5px;
	background: url('../../web/img/san-ico1.png')no-repeat center center;
	background-size:contain; 
}
.pro-select .search-tab .select-box .up:hover i{
	background: url('../../web/img/san-ico1a.png')no-repeat center center;
	background-size:contain; 
}
.pro-select .search-tab .sub{
	width: 4.15rem;
	height: 1.5rem;
	background: #00382b;
	position: relative;
	transition:all 0.3s ease 0s;
}

.pro-select .search-tab .sub:before{
	content: '';
	position: absolute;
	width: 17px;
	height: 17px;
	right: 1.25rem;
	top: 50%;
	transform:translateY(-50%);
	background: url('../../web/img/search-btn1.png')no-repeat center center;
	background-size: contain; 
	z-index: 2;
	transition:all 0.3s ease 0s;
}
.pro-select .search-tab .sub:hover:before{
	top: 52%;
}
.pro-select .search-tab .sub input{
	width: 100%;
	height: 100%;
	background: none;
	color: #fff;
	text-align: left;
	box-sizing:border-box;
	padding-left: 1.25rem;
}


.control-wrap{
	padding-bottom: 4.5rem;
}

.control-wrap .c-info{
	padding:2.6rem  0 2.5rem;
	text-align: center; 
}

.control-wrap .c-info h2{
	color: #00382b;
	margin-bottom: 0.65rem;
}

.control-wrap .c-info p{
	color: #545454;
	line-height: 2;
	font-size: 0.45rem;
}

.control-wrap .c-info .con-t{
	margin-bottom: 1.5rem;
	box-sizing:border-box;
	padding: 0 24.6%;
}


.ny-banner .con{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ny-banner .con .title{
	color: #fff;
	padding-top: 3.2rem;
}
.ny-banner .con .title h1{
	font-size: 1.2rem;
	margin-bottom: 0.4rem;
}

.ny-banner .con .info-ri{
	top: 1.75rem;
	right: 0;
	width: 10rem;
	height: 11.25rem;
	background: #fff;
	box-sizing:border-box;
	overflow: hidden;
	border-radius: 4px;
	padding: 0.8rem 0.9rem 0;
}

.ny-banner .con .info-ri .t{
	font-size: 0.35rem;
	color: #666;
}
.ny-banner .con .info-ri .tit-t{
	margin-bottom: 0.6rem;
}

.ny-banner .con .info-ri p{
	margin-top: 0.2rem;
}
.ny-banner .con .info-ri .ico-swiper{
	position: absolute;
	width: calc(100% - 1.8rem);
	left: 0.9rem;
	bottom: 0.25rem;
	padding-bottom: 1rem;
}
@media(max-width: 767px){
	.ny-banner .con .info-ri .ico-swiper{
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
	}
}
.ny-banner .con .info-ri .ico-w{
	border-top: 1px solid #e5e5e5;
	color: #00382b;
	font-size: 0.5rem;
	display: flex;
	box-sizing:border-box;
	padding: 0.85rem 0.2rem 0;
	align-items: center;
	justify-content: space-between;
}

.ny-banner .con .info-ri .ico-b{
	display: flex;
	align-items: center;
}

.ny-banner .con .info-ri .ico-b img{
	margin-right: 0.25rem;
}

.detail-wrap{
	padding: 2.75rem 0 4.5rem;
}
.detail-wrap .box1{
	margin-bottom: 2.2rem;
}
.detail-wrap .box1 h2{
	color: #00382b;
	margin-bottom: 1.15rem;
}

.detail-wrap .box1 .con{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 1.75rem 1.9rem 0;
}

.detail-wrap .box1 .img-w .img-le{
	width: 50%;
}
.detail-wrap .box1 .img-w .img-ri{
	width: 50%;

}

.detail-wrap .box1 .img-w h3{
	font-size: 0.75rem;
	margin-bottom: 1rem;
	color: #fff;
}

.detail-wrap .box1 .img-w .scroll-box{
	height: 3rem;
	margin-bottom:.75rem;
}
@media(max-width: 996px){
	.detail-wrap .box1 .img-w .img-le{
		width:100%;
	}
	.detail-wrap .box1 .img-w .img-ri{
		height:auto;
		width:100%;
		padding-bottom:1rem;
		position: relative;
	}
	.detail-wrap .box1 .img-w .img-ri img{
		position: absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
		object-fit:cover;
	}
	.detail-wrap .box1 .con{
		position: relative;
	}
}
@media(max-width: 767px){
	.detail-wrap .box1 .img-w .scroll-box{
		height:2.6rem;
	}
	.detail-wrap .box1 .con .morebtn{
		width: 3rem;
	    height: .9rem;
	    border-radius: .9rem;
	    text-align: center;
	    line-height: .9rem;
	}
}


.detail-wrap .box1 .img-w p{
	color: rgba(255,255,255,0.6);
	line-height: 2.25;
}


.detail-wrap .box .h3{
	font-size: 0.75rem;
	color: #00382b;
	padding-left: 0.5rem;
	position: relative;
	margin-bottom: 0.9rem;
}
.detail-wrap .box3{
	font-size: 0.45rem;
	line-height: 2.25;
}

@media(max-width: 767px){
	.detail-wrap .box3{
		font-size: 0.28rem;
		line-height: 1.6;
	}
}

.detail-wrap .box .h3:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	left: 0rem;
	top: 0;
	background: #00382b;
}

.detail-wrap .box2{
	margin-bottom: 1.5rem;
	font-size: 0.45rem;
	color: #545454;
	line-height: 1.6;
}

.detail-wrap .box2 table{
	font-size: 0.45rem;
	color: #545454;
}
@media(max-width: 767px){
	.detail-wrap .box2{
		font-size: 0.28rem;
	}	
}

.detail-wrap .box2 table th{
	font-weight: normal;
	width: 4.25rem;
	height: 1.4rem;
	text-align: left;
	line-height: 1.4rem;

}
.detail-wrap .box2 table td{
	font-weight: normal;
	width: 4.25rem;
	height: 1.4rem;
	text-align: left;
	line-height: 1.4rem;

}

.detail-wrap .box3 table{
	border: 1px solid #99afaa;
	border-collapse: collapse;
}

.detail-wrap .box3 table th{
	font-weight: normal;
	width: 4.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #00382b;
	border: 1px solid #99afaa;
}
.detail-wrap .box3 table td{
	width: 4.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	color: #00382b;
	border: 1px solid #99afaa;
}

.detail-wrap .box3 table .pfang-b{
	background: #00382b;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.1);
}
.detail-wrap .box3{
	margin-bottom: 1.5rem;
}

.detail-wrap .backre{
	margin: 2rem 0 2.5rem;
	margin-left: 46%;
	transform: translateX(-50%);
	width: 3rem;
	height: 1.1rem;
	border-radius: 1.1rem;
	text-align: center;
	line-height: 1.1rem;
	color: #fff;
	background: #00382b;
}
@media(max-width: 767px){
	.detail-wrap .backre{
		margin-left: 50%;
	}
}
.detail-wrap .backre:hover{
}
.detail-wrap .backre img{
	margin-right: 0.25rem;
}
.detail-wrap .box4 {
	border-top: 1px solid #e5e5e5;
	padding-top: 2.5rem;
}

.detail-wrap .box4 h2{
	margin-bottom:1.25rem;
}


.home-wrap{
	width: 100vw;
	height: 100vh;
	color: #fff;
	overflow: hidden;
}
.home-wrap .conbox{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.home-wrap .le-con{
	padding-top: 6.5rem;
	width: 44%;
}
.home-wrap .le-con h1{
	font-size: 1.25rem;
	margin-bottom: 1.75rem;
}
.home-wrap .le-con h2{
	line-height: 1.33;
	margin-bottom: 0.6rem;
}
.home-wrap .le-con h3{
	font-size: 0.55rem;
	color: rgba(255,255,255,0.87);
}
.home-wrap .le-con .con-t{
	margin-bottom: 2.25rem;
}

.home-wrap .le-con .bot-t{
	padding-left: 0.9rem;
	padding-top: 0.7rem;
	border-top: 1px solid rgba(255,255,255,0.2); 
	color: rgba(255,255,255,0.87);
}
.home-wrap .le-con .bot-t .t{
	font-size: 0.45rem;
	margin-bottom: 0.25rem;
	position: relative;
}

.home-wrap .le-con .bot-t .t:before{
	content: '';
	position: absolute;
	width: 0.65rem;
	height: 0.65rem;
	background:url('../../web/img/home-ico7.png')no-repeat center center;
	background-size: contain; 
	left: -0.9rem;
	top: 50%;
	transform:translateY(-50%); 
}
.home-wrap .le-con .bot-t p{
	line-height: 2;
}

.home-wrap .le-con .bot-t a{
	color: rgba(255,255,255,0.6);
	display: inline-block;
	margin-left: 0.6rem;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
.home-wrap .le-con .bot-t a:hover{
	color: rgba(255,255,255,1);
}
.home-wrap .enter-swiper{
	display: none;
}

.ri-enter{
	width: 50.684%;
	margin-top: 4.75rem;
	box-sizing:border-box;
}

.ri-enter .enter-box h3{
	font-size: 0.6rem;
	margin-bottom: 0.15rem;
}

.ri-enter .enter-box p{
	color: rgba(255,255,255,0.4);
	font-family:arial;
}

.ri-enter .enter-box .t{
	font-size: 12px;
	margin-top: 0.65rem;
	opacity: 0;
	transition:all 0.3s ease 0s;
}
.ri-enter .enter-box .enter1 .t{
	margin-top: 0.15rem;
}
.ri-enter .enter-box .enter:hover .t{
	opacity: 1;
}
.ri-enter .enter-box .enter:hover{
	padding-top: 0%;
}

.ri-enter .enter-box .enter3 .t{
	margin-top: 0.25rem;
}
.ri-enter .enter-box .enter4 .t{
	margin-top: 0.3rem;
}
.ri-enter .enter-box .enter5 .t{
	margin-top: 0.3rem;
}

.ri-enter .enter-box .enter{
	padding-top: 4%;
	transition:all 0.4s ease 0s;
	cursor: pointer;
	box-sizing:border-box;
	border: 1px solid rgba(255,255,255,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ri-enter .enter-box .enter1:hover{
	background: #0e493b;
	border: 1px solid #0e493b;
}
.ri-enter .enter-box .enter4:hover{
	background: #07713e;
	border: 1px solid #07713e;
}
.ri-enter .enter-box .enter3:hover{
	background: #6dc9cf;
	border: 1px solid #6dc9cf;
}
.ri-enter .enter-box .enter2:hover{
	background: #c8a06c;
	border: 1px solid #c8a06c;
}
.ri-enter .enter-box .enter5:hover{
	background: #6dc9cf;
	border: 1px solid #6dc9cf;
}
.ri-enter .enter-box .enter6:hover{
	background: #c8a06c;
	border: 1px solid #c8a06c;
}
.ri-enter .enter-box img{
	margin-bottom: 0.5rem;
	max-height: 1.1rem;
}
.ri-enter .enter-box .enter1{
	left: 0;
	top: 26.1%;
	width: 27.02%;
	height: 28.98%;
}

.ri-enter .enter-box .enter2{
	left: 28.37%;
	top: 11.59%;
	width: 27.02%;
	height: 43.47%;
}

.ri-enter .enter-box .enter3{
	right: 8.1%;
	top: 0;
	width: 35.13%;
	height: 26.08%;
}

.ri-enter .enter-box .enter4{
	right: 0%;
	top: 27.53%;
	width: 43.24%;
	height: 27.53%;
}

.ri-enter .enter-box .enter5{
	left: 12.16%;
	bottom: 15.94%;
	width: 43.24%;
	height: 27.53%;
}

.ri-enter .enter-box .enter6{
	right: 16.21%;
	bottom: 0;
	width: 27.02%;
	height: 43.47%;
}


/*右侧按钮*/
.ribtns-tab{
	position: fixed;
	right: 1rem;
	top: 50%;
	transform:translateY(-50%);
	position: fixed;
	z-index: 100;

}

.ribtns-tab .btns{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	box-sizing:border-box;
	margin: 6px 0;
	cursor: pointer;
	position: relative;
}

.ribtns-tab .btns:before{
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #00382b;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%); 
}

.ribtns-tab .btns.cur{
	border: 1px solid #00382b;
}
.ribtns-tab.white .btns.cur{
	border: 1px solid #fff;
}

.ribtns-tab.white .btns:before{
	background: #fff;
}




.insection2 .conbox .insec2-swiper{
	display: none;
}

.insection3 .insec3-swiper{
	display: none;
}
.insection23 .conbox{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.insection23 .w1460{
	width: 100%;
	height: 100%;
}

.insection23 .coninfo{
	width: 46.57%;
	position: absolute;
	right: 0;
	bottom: 2.25rem;
}
.insection23.insection3 .coninfo{
	width: 47.9%;
	position: absolute;
	right: 0;
	bottom: 2.5rem;
}

.insection23 .coninfo  h2{
	color: #262d34;
	margin-bottom: 0.15rem;
}
.insection23 .coninfo  h3{
	color: #bdbdbd;
	font-size: 0.45rem;
}

.insection23 .coninfo .tit-t{
	color: #444;
	font-size: 0.35rem;
	line-height: 2.14;
	margin: 0.65rem 0 1rem;
}

.insection23 .coninfo .links-w a{
	display: inline-block;
	border: 1px solid #00382b;
	font-size: 12px;
	color: #00382b;
	width: 4.25rem;
	height: 1.1rem;
	border-radius: 1.1rem;
	text-align: center;
	line-height: 1.1rem;
}
.insection23 .coninfo .links-w a:hover{
	background: #00382b;
	color: #fff;
}
.insection23 .coninfo .links-w a:first-child{
	margin-right: 0.75rem;
}

.insection2 .enter{
	z-index: 10;
	color: #fff;
}
.insection2 .enter a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.insection2 .enter .con{
	width: 100%;
	height: 100%;
	position: relative;
}
.insection2 .enter:hover .hover{
	opacity: 1;
	padding-top: 0%;
}
.insection2 .enter .con img{
	width: 100%;
	height: 100%;
}
.insection2 .enter .con p{
	position: absolute;
	left: 0.5rem;
	bottom: 0.5rem;
}
.insection2 .enter .con p span{
	margin-left: 0.1rem;
}
.insection2 .enter .hover{
	box-sizing:border-box;
	width: 100%;
	height: 100%;
	background: #c8a06c;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	opacity: 0;
	transition:all 0.6s ease 0s;
	padding-top: 4%;
}
.insection2 .enter .hover img{
	max-height: 1.4rem;
}
.insection2 .enter .hover h3{
	font-size: 0.65rem;
	font-weight: bold;
}
.insection2 .enter .hover h4{
	font-size: 0.55rem;
	color: rgba(255,255,255,0.5);
}
.insection2 .enter .hover .t{
	font-size: 12px;
}
.insection2 .enter5 h3{
	margin: 0.4rem 0 0.3rem;
}
.insection2 .enter5 h4{
	margin-bottom: 1.3rem;
}
.insection2 .enter6 h3{
	margin: 0.4rem 0 0.3rem;
}
.insection2 .enter6 h4{
	margin-bottom: 1.3rem;
}
.insection2 .enter1 .hover img{
	max-height: 1rem;
}
.insection2 .enter1 .hover h3{
	font-size: 0.4rem;
	margin: 0.4rem 0 0.2rem;
}
.insection2 .enter1 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
}
.insection2 .enter2 .hover img{
	max-height: 1.1rem;
}
.insection2 .enter2 .hover h3{
	font-size: 0.5rem;
	margin: 0.4rem 0 0.2rem;
}
.insection2 .enter2 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.2rem;
}
.insection2 .enter3 .hover img{
	max-height: 1rem;
}
.insection2 .enter3 .hover h3{
	font-size: 0.4rem;
	margin: 0.3rem 0 0.2rem;
}
.insection2 .enter3 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.15rem;
}
.insection2 .enter4 .hover img{
	max-height: 1.1rem;
}
.insection2 .enter4 .hover h3{
	font-size: 0.5rem;
	margin: 0.4rem 0 0.2rem;
}
.insection2 .enter4 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.5rem;
}

.insection2 .enter7 .hover img{
	max-height: 1.1rem;
}
.insection2 .enter7 .hover h3{
	font-size: 0.5rem;
	margin: 0.4rem 0 0.3rem;
}
.insection2 .enter7 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.5rem;
}
.insection2 .enter8 .hover img{
	max-height: 1rem;
}
.insection2 .enter8 .hover h3{
	font-size: 0.44rem;
	margin: 0.4rem 0 0.2rem;
}
.insection2 .enter8 .hover h4{
	font-size: 0.3rem;
	margin-bottom: 0.3rem;
}



.insection2 .enter1 .hover{
	background:#0e493b; 
}
.insection2 .enter2 .hover{
	background:#07713e; 
}
.insection2 .enter3 .hover{
	background:#6dc9cf; 
}
.insection2 .enter8 .hover{
	background:#0e493b; 
}
.insection2 .enter5 .hover{
	background:#c8a06c; 
}
.insection2 .enter6 .hover{
	background:#07713e; 
}
.insection2 .enter7 .hover{
	background:#6dc9cf; 
}
.insection2 .enter4 .hover{
	background:#c8a06c; 
}

.insection2 .enter p{
	font-size: 0.4rem;
}
.insection2 .enter p span{
	font-size: 12px;
}

.insection2 .enter1{
	top: 47.91%;
	left: 7.29%;
	width: 14.32%;
	height: 17.1875%;
}

.insection2 .enter2{
	top: 34.9%;
	left: 21.61%;
	width: 16.4%;
	height: 21.35%;
}

.insection2 .enter3{
	bottom: 6.7%;
	left: 21.56%;
	width: 10.73%;
	height: 14.79%;
}

.insection2 .enter4{
	bottom: 21.4%;
	left: 29.69%;
	width: 15.208%;
	height: 22.395%;
}

.insection2 .enter5{
	top: 20.833%;
	left: 38.02%;
	width: 17.708%;
	height: 35.416%;
}

.insection2 .enter6{
	top: 20.833%;
	left: 55.729%;
	width: 17.708%;
	height: 35.416%;
}

.insection2 .enter7{
	top: 10%;
	right: 14.4666%;
	width: 12.0833%;
	height: 22.29%;
}

.insection2 .enter8{
	top: 32.29%;
	right:7.8125%;
	width: 11.979%;
	height: 17.708%;
}

.insection2 .backimg{
	transition:all 1s ease 0s;
	transform:translateY(50px);
	opacity: 0; 
}

.insection2 .enter{
	transition:all 1s ease 0s;
	transform:translateY(20px); 
	opacity: 0;
}

.insection2 .coninfo{
	transition:all 1s ease 0s;
	transform:translateY(20px); 
	opacity: 0;
	transition-delay: 0.3s!important;
}
.insection2 .enter1{
	transition-delay: 0.5s!important;
}
.insection2 .enter2{
	transition-delay: 0.8s!important;
}
.insection2 .enter3{
	transition-delay: 1.1s!important;
}
.insection2 .enter4{
	transition-delay: 1.4s!important;
}
.insection2 .enter5{
	transition-delay: 1.7s!important;
}
.insection2 .enter6{
	transition-delay: 2s!important;
}
.insection2 .enter7{
	transition-delay: 2.3s!important;
}
.insection2 .enter8{
	transition-delay: 2.6s!important;
}


.insection2.cur .backimg{
	opacity: 1;
	transform:translateY(0);
}
.insection2.cur .enter{
	opacity: 1;
	transform:translateY(0);
}
.insection2.cur .coninfo{
	opacity: 1;
	transform:translateY(0);
}




.insection3 .enter a{
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
}
.insection3 .enter .ico{
	max-height: 1.25rem;
	transition:all 0.3s ease 0s;
}
.insection3 .enter h3{
	font-size: 0.55rem;
	font-weight: bold;
	color: #fff;
	margin: 0.55rem 0 0.25rem;
}


.insection3 .enter h4{
	font-size: 0.45rem;
	color: rgba(255,255,255,0.5);
}

.insection3 .enter .img{
	width: 100%;
	height: 100%;
}

.insection3 .enter{
	box-sizing:border-box;
	z-index: 10;
	transition:all 1s ease 0s;
}
.insection3 .enter.link:hover{
	-z-index: 12;
}
.insection3 .enter.link:hover .ico{
	transform:translateY(2px); 
}
.insection3 .enter1{
	width: 18.125%;
	height: 28.541%;
	left: 10.4125%;
	bottom: 21.44%;
}

.insection3 .enter2{
	width: 17.1875%;
	height: 25%;
	left: 26.04%;
	top: 25%;
	background: #0e493b;
}

.insection3 .enter3{
	width: 18.64%;
	height: 28.541%;
	left: 28.54%;
	bottom: 21.44%;
	background: #6dc9cf;
}

.insection3 .enter4{
	width: 9.895%;
	height: 20.12%;
	left: 43.229%;
	top: 25%;
}

.insection3 .enter5{
	width: 19.79%;
	height: 14.833%;
	left: 40.625%;
	top: 45%;
	z-index: 11;
	-box-shadow: 0 0 6px 1px #999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.insection3 .enter5 img{
	max-height: 100%;
	height: auto!important;
}

.insection3 .enter6{
	width: 17.1875%;
	height: 26.04%;
	left: 53.125%;
	top: 15.6%;
	background: #07713e;
}

.insection3 .enter7{
	width: 15.625%;
	height: 21.25%;
	right: 23.954%;
	top: 41.6%;
	background: #c8a06c;
}

.insection3 .enter8{
	width: 15.9375%;
	height: 26.04%;
	right: 13.8%;
	top: 15.6%;
}

.insection3 .enter9{
	width: 8.333%;
	height: 12.5%;
	right: 15.7%;
	top: 41.6%;
}



.insection3 .backimg{
	transition:all 1s ease 0s;
	transform:translateY(50px);
	opacity: 0; 
}

.insection3 .enter{
	transition:all 1s ease 0s;
	transform:translateY(20px); 
	opacity: 0;
}

.insection3 .coninfo{
	transition:all 1s ease 0s;
	transform:translateY(20px); 
	opacity: 0;
	transition-delay: 0.3s!important;
}
.insection3 .enter1{
	transition-delay: 0.5s!important;
}
.insection3 .enter2{
	transition-delay: 0.8s!important;
}
.insection3 .enter3{
	transition-delay: 1.1s!important;
}
.insection3 .enter4{
	transition-delay: 1.4s!important;
}
.insection3 .enter5{
	transition-delay: 1.7s!important;
}
.insection3 .enter6{
	transition-delay: 2s!important;
}
.insection3 .enter7{
	transition-delay: 2.3s!important;
}
.insection3 .enter8{
	transition-delay: 2.6s!important;
}
.insection3 .enter9{
	transition-delay: 2.8s!important;
}



.insection3.cur .backimg{
	opacity: 1;
	transform:translateY(0);
}
.insection3.cur .enter{
	opacity: 1;
	transform:translateY(0);
}
.insection3.cur .coninfo{
	opacity: 1;
	transform:translateY(0);
}


.insection4 .conbox{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 3.4rem;
}


.insection4 .conbox .img-ri{
	width: 50%;
}

.insection4 .conbox .le{
	width: 50%;
	padding-right: 5rem;
	padding-left: calc(50vw - 29.68%);
	padding-top: 1.25rem;
	height: 15.75rem;
	position: relative;
}

.insection4 .conbox h1{
	color: #000;
	font-size: 1rem;
	line-height: 1.25;
	position: relative;
	margin-bottom: 0.5rem;
}

.insection4 .conbox h1:before{
	content: '';
	position: absolute;
	width:9rem;
	height: 1px;
	background: #ccc;
	left:0;
	top: -1.25rem;
}


.insection4 .conbox h2{
	font-size: 0.75rem;
	color: #00382b;
}

.insection4 .conbox .tit-t{
	margin-bottom: 1rem;
}

.insection4 .conbox .t{
	font-size: 0.5rem;
	line-height: 1.8;
	color: #545454;
	margin-bottom: 0.6rem;
}

.insection4 .conbox .p-box{
	color: #000;
	font-size: 0.35rem;
	line-height: 2.14;
}

.insection4 .conbox .ico-item{
	position: absolute;
	bottom: 0;
	display: flex;
}

.insection4 .conbox .ico-item .ico{
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 50%;
	border: 1px solid #e9e9e9;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:all 0.3s ease 0s;
	margin-bottom: 0.5rem;
}
.insection4 .conbox .ico-item .ico:hover{
	border: 1px solid #c8a06c;

}

.insection4 .conbox .ico-item{
	text-align: center;
	color: #5d5d5d;
	font-size: 0.35rem;
}
.insection4 .conbox .item{
	margin-right: 1.35rem;
	position: relative;
}


.insection4 .conbox .option{
	position: absolute;
	width: 3rem;
	height: 3rem;
	background: #212121;
	padding: 8px;
	left: 50%;
	transform:translateX(-50%);
	top:2.5rem;  
	opacity: 0;
	transition:all 0.3s ease 0s;
}

.insection4 .conbox .option img{
	width: 100%;
	height: 100%;
}

.insection4 .conbox .item:hover .option{
	top:2.2rem; 
	opacity: 1;
}

#swipercon .swiper-slide .backimg{
	width: 100%;
}

.insection4 .backimg{
	transition:all 1s ease 0s;
	transform:translateY(50px);
	opacity: 0; 
}
.insection4 .conbox .p-box span{
	font-size: 14px!important;
}
@media(max-width: 767px){
	.insection4 .conbox .p-box span{
		font-size: 0.28rem!important;
	}	
}
.insection4 .conbox .le{
	transition:all 1s ease 0s;
	transform:translateY(20px);
	opacity: 0; 
	transition-delay: 0.3s!important;
}

.insection4 .conbox .img-ri{
	transition:all 1s ease 0s;
	transform:translateY(20px);
	opacity: 0; 
	transition-delay: 0.6s!important;
}

.insection4.cur .backimg{
	transform:translateY(0px);
	opacity: 1; 
}
.insection4.cur .conbox .le{
	transform:translateY(0px);
	opacity: 1; 
}
.insection4.cur .conbox .img-ri{
	transform:translateY(0px);
	opacity: 1; 
}




/*搜索*/
.search-wrap{
	padding: 2.5rem 0;
}
.search-wrap .le-tab{
	width: 15.17%;
}
.search-wrap .le-tab a{
	background: #f5f5f5;
	display: block;
	height: 1.95rem;
	line-height: 1.95rem;
	text-align: center;
	color: #666;
	font-size: .45rem;
	border-bottom: 1px solid #e6e6e6;
	transition: all .3s;
	border-radius: 4px;
}
.search-wrap .le-tab a.cur{
	color: #fff;
	background-color: #00382b;
}
.search-wrap .le-tab a:hover{
	color: #fff;
	background-color: #00382b;
}
.search-wrap .ri-con{
	width: 78.57%;

}
.search-wrap .ri-con .search-num{
	font-size: .45rem;
	line-height: .5rem;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
	padding-bottom: .75rem;
	margin-bottom: 0.5rem;
}
@media(max-width: 767px){
	.search-wrap .ri-con .search-num{
		margin-bottom: 0.2rem;
	}
}

.search-wrap .ri-con .list li{
	display: block;
	padding: 1rem 0;
	border-bottom: 1px solid #e6e6e6;
	transition:all 0.3s ease 0s;
}
.search-wrap .ri-con .list li:hover{
}
.search-wrap .ri-con .list li:hover .t{
	color: #00382b;
}
.search-wrap .ri-con .list li .t{
	font-size: .6rem;
	line-height: .7rem;
	color: #333;
	font-weight: bold;
}
.search-wrap .ri-con .list li p{
	font-size: .45rem;
	line-height: .9rem;
	color: #666;
	margin-top: .5rem;
}
.search-wrap .ri-con .list li .date{
	font-size: .4rem;
	line-height: .5rem;
	color: #666;
	margin-top: .75rem;
}
.search-wrap .ri-con .list{
	margin-bottom: 1.5rem;
}

@media(max-width: 767px){
	.search-wrap {
		padding: 1rem 0 1rem;
	}
	.search-wrap .le-tab{
		width: 100%;
		overflow: hidden;
	}
	.search-wrap .le-tab a{
		float: left;
		margin: 0;
		width: 50%;
		display: block;
		border-right: 1px solid #e6e6e6;
		box-sizing: border-box;
		height: .8rem;
		line-height: .8rem;
		font-size: .3rem;
	}

	.search-wrap .ri-con{
		width: 100%;
		margin-top: 0.5rem;
	}

	.search-wrap .ri-con .search-num{
		font-size: .24rem;
		line-height: .4rem;
		padding-bottom: .3rem;
	}
	.search-wrap .ri-con .list li{
		padding: .4rem 0;
	}
	.search-wrap .ri-con .list li .t{
		font-size: .3rem;
		line-height: .4rem;
	}
	.search-wrap .ri-con .list li p{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.search-wrap .ri-con .list li .date{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.search-wrap .ri-con .list{
		margin-bottom: 0.75rem;
	}

}
/*搜索*/


.pagination{
	width: 100%;
	height: 1.75rem;
	background: #f5f5f5;
	display: flex;
	padding: 0 1.75rem;
	box-sizing:border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination a{
	display: inline-block;
	height: 36px;
	box-sizing:border-box;
	font-size: 0.45rem;
	text-align: center;
	line-height: 36px;
	padding: 0 0.35rem;
	margin: 0 5px;
}
.pagination a:hover{
	background: #383838;
	color: #fff;
}

.pagination a.active{
	background: #383838;
	color: #fff;
}
@media(max-width: 767px){
	.pagination {
		width: 100%;
		height: 1.1rem;
		background: #f5f5f5;
		padding: 0 0.25rem;
	}
	.pagination a {
		height: 24px;
		line-height: 24px;
		box-sizing: border-box;
		font-size: 0.24rem;
		text-align: center;
		padding: 0 0.15rem;
	}
}

.page-w .prev{
	transition:all 0.3s ease 0s;
}
.page-w .prev:hover{
	transform: translateX(-3px);
}

.page-w .next{
	transition:all 0.3s ease 0s;
}
.page-w .next:hover{
	transform: translateX(3px);
}


@media(max-width: 767px){
	.page-w {
		width: 100%;
		height: 1.1rem;
		background: #f5f5f5;
		display: flex;
		padding: 0 0.25rem;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.page-w .page-btns a {
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		font-size: 0.24rem;
		text-align: center;
		line-height: 24px;
	}
}


.zabout-box5 .ul{
	
}
.zabout-box5 .ul{
	display:flex;
	flex-flow:row wrap;
}

.zabout-box5 .ul .li{
            width:18%;
            margin-right:calc(28% / 3);
            margin-bottom:2.25rem;
            display:block;
        }
.zabout-box5 .ul .li:nth-child(4n){
            margin-right:0;
        }
.zabout-box5 .ul .cover{
            width: 100%;
            padding-bottom: 144%;
            position: relative;
          }
.zabout-box5 .ul .wrapper{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
            }
.zabout-box5 .ul .book{
                position: relative;
                width: 100%;
                height: 100%;
                -webkit-perspective: 1000px;
                perspective: 1000px;
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }
.zabout-box5 .ul .book .book-front{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform: rotateY(-15deg);
                transform-origin: left center;
                transition: all .4s ease;
                transform-style: preserve-3d;
                z-index: 100;
            }
.zabout-box5 .ul .book-front>:first-child{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transform-origin: left center;
                transform: rotateY(0);
            }
.zabout-box5 .ul .book-front>:last-child{
                position: absolute;
                top: 4px;
                bottom: 4px;
                left: 0;
                right: 4px;
                background: #fffbec;
                -webkit-transform-origin: left center;
                transform-origin: left center;
                -webkit-transform: rotateY(1deg);
                transform: rotateY(1deg);
            }
.zabout-box5 .ul .book-front>:last-child::before{
                content: "";
                position: absolute;
                bottom: -4px;
                left: 10px;
                right: 10px;
                height: 4px;
                background: rgba(0,0,0,0);
                box-shadow: 0px 0px 30px 5px rgba(51,51,51,.8);
                -webkit-transform: rotateX(80deg);
                transform: rotateX(80deg);
            }
.zabout-box5 .ul .book .book-page{
                position: absolute;
                top: 5px;
                bottom: 5px;
                left: 0;
                right: 5px;
                -webkit-backface-visibility: visible;
                backface-visibility: visible;
                transition-timing-function: ease;
                transition-property: -webkit-transform;
                transition-property: transform;
                transition-property: transform, -webkit-transform;
                -webkit-transform-origin: left center;
                transform-origin: left center;
                background: linear-gradient(to right, #e1ddd8 0%, #fffbf6 100%);
                box-shadow: inset 0px -1px 2px rgba(50,50,50,.1), inset -1px 0px 1px rgba(50,50,50,.2);
                border-radius: 0px 5px 5px 0px;
            }
.zabout-box5 .ul .book .book-page.book-page-1{
                right: -1px;
                transition-duration: .3s;
                -webkit-transform: rotateY(-13deg);
                transform: rotateY(-13deg);
                z-index: 99;
            }
.zabout-box5 .ul .book-page.book-page-2{
                right: -2px;
                transition-duration: .25s;
                -webkit-transform: rotateY(-11deg);
                transform: rotateY(-11deg);
                z-index: 98;
            }
.zabout-box5 .ul .book-page.book-page-3{
                right: -3px;
                transition-duration: .2s;
                -webkit-transform: rotateY(-9deg);
                transform: rotateY(-9deg);
                z-index: 97;
            }
.zabout-box5 .ul .book-page.book-page-4{
                right: -4px;
                transition-duration: .3s;
                -webkit-transform: rotateY(-7deg);
                transform: rotateY(-7deg);
                z-index: 3;
            }
.zabout-box5 .ul .book-page.book-page-5{
                right: -5px;
                transition-duration: .3s;
                -webkit-transform: rotateY(-5deg);
                transform: rotateY(-5deg);
                z-index: 2;
            }
.zabout-box5 .ul .book .book-back{
                position: absolute;
                top: 0;
                left: 0;
                width: calc(100% + 12px);
                height: 100%;
                -webkit-transform: rotateY(-3deg);
                transform: rotateY(-3deg);
                -webkit-transform-origin: left center;
                transform-origin: left center;
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
                z-index: 1;
            }
.zabout-box5 .ul .book-back>:first-child{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                -webkit-transform-origin: left center;
                transform-origin: left center;
                -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }
.zabout-box5 .ul .book-back>:first-child img{
                width: 100%;
                height: 100%;
            }
.zabout-box5 .ul .book .book-back>:last-child{
                position: absolute;
                top: 4px;
                bottom: 4px;
                left: 0;
                right: 4px;
                background: #fffbec;
                -webkit-transform-origin: left center;
                transform-origin: left center;
                -webkit-transform: rotateY(-1deg);
                transform: rotateY(-1deg);
            }
.zabout-box5 .ul .text{
            margin-top:1rem;

        }
.zabout-box5 .ul .tit3{
	font-size:22px;
	line-height:1.2;
	color:#000;
                transition: all .5s;
            }
.zabout-box5 .ul .tit4{
	font-size:22px;
	line-height:1.2;
	color:#000;
    margin-top:.1rem;
}
.about-wrap .box4 .back{
	height:9rem;
	width:100%;
}

.zabout-box5 .ul2{
	margin-bottom:3.75rem;
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
}
.zabout-box5 .ul2 .li{
	background:#efefef;
	padding:2rem 1.5rem;
	width:49%;
	    box-sizing: border-box;
	text-align:center;
}
.zabout-box5 .ul2 .li .sp{
	font-size:24px;
	color:#fff;
	border-radius:.25rem;
	padding:0 5px;
	margin-bottom:18px;
	background:#013a2d;
	display:inline-block;
}
.zabout-box5 .ul2 .li .tit3{
	color:#000;
	font-size:36px;
	line-height:1.2;
	margin-bottom:20px;
	text-align:center;
}
.zabout-box5 .ul2 .li .tit4{
	text-align:center;
	color:#666;
	line-height:1.6;
	
}

@media (min-width: 1024px){
		
        .zabout-box5 .ul .li:hover .book .book-front{
            transform: rotateY(-30deg);
        }
        .zabout-box5 .ul .li:hover .book-page.book-page-1{
            transform: rotateY(-25deg);
            transition-duration: .6s;
        }
        .zabout-box5 .ul .li:hover .book-page.book-page-2{
            transform: rotateY(-22deg);
            transition-duration: .7s;
        }
        .zabout-box5 .ul .li:hover .book-page.book-page-3{
            transform: rotateY(-18deg);
            transition-duration: .8s;
        }
        .zabout-box5 .ul .li:hover .book-page.book-page-4{
            transform: rotateY(-12deg);
            transition-duration: .9s;
        }
        .zabout-box5 .ul .li:hover .book-page.book-page-5{
            transform: rotateY(-7deg);
            transition-duration: .75s;
        }
		.zabout-box5 .ul .li:hover .tit3{
        
            color:#00382b;
    	}
}


@media (max-width:1024px){
	.zabout-box5 .ul .tit3,.zabout-box5 .ul .tit4{
		font-size:18px;
	}
	.zabout-box5 .ul2 .li .sp{
		font-size:16px;
	}
	.zabout-box5 .ul2 .li .tit3{
		font-size:28px;
	}
}

@media (max-width:767px){
	.zabout-box5 .ul .li{
		width:42%;
		margin-right:10%;
	}
	.zabout-box5 .ul .li:nth-child(2n){
		margin-right:0;
	}
	.zabout-box5 .ul2 .li{
		width:100%;
		margin-bottom:.5rem;
	}
	.about-wrap .box4{
		margin-bottom:0 !important; 
	}
	.zabout-box5 .ul .li{
		margin-bottom:1rem;
	}
	.zabout-box5 .ul2 .li{
		padding: 1rem 6%;
	}
	.zabout-box5 .ul2 .li .tit3{
		font-size:24px;
	}
	.zabout-box5 .ul2 .li .sp{
		padding: 4px 14px;
	}
	.zabout-box5 .ul2 .li .tit4{
		font-size:16px;
	}
	.zabout-box5 .ul2{
		margin-bottom:1.5rem;
	}
	.about-wrap .box2{
		margin-bottom:2.5rem !important;
	}
}