/*banner*/
.h_banner_box {
	width:100%;
	height:calc(100vh - 3rem);
	background: #f5f5f5;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.banner-container {
	width: 100%;
	height:100%;
	overflow: hidden;
}
.banner-container .banner {
	width: 100%;
	height:100%;
	display: none;
	overflow: hidden;
}
        
.banner-container .banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.5);
	transition: transform 1.5s ease;
}
.banner-container .banner.active .banner-img {
	transform: scale(1);
}

.banner-container .banner-text {
	position: absolute;
	text-align: left;
	width: auto;
	opacity: 0;
	transition: all 1.5s ease;
}
.banner-container .banner.active .banner-text {
	opacity: .8;
}

.banner-container .text-text1 {	
	top: 0;
	left:12%;
	font-size:3.5rem; 
	font-weight: bold;
	color:#ffffff;
}
.banner-container.en .text-text1 {	
	top: 0;
	left:12%;
	font-size:2.8rem; 
	font-weight: bold;
	color:#ffffff;
}
.banner-container .text-text1:before {
	/* position: absolute;
	top:45%;
	left:-30px;
	content: '';
	width:180px;
	height:15px;
	background: rgba(255,255,255,0.6);
	z-index: 1; */
}
.banner-container.en .text-text1:before {
	/* position: absolute;
	top:45%;
	left:-30px;
	content: '';
	width:300px;
	height:15px;
	background: rgba(255,255,255,0.6);
	z-index: 1; */
}
.banner-container .banner.active .text-text1 {
	top: 23%;
	left:11%;	
}

.banner-container .text-text2 {
	top: 0;
	left:11%;
	font-size: 2.3rem;
	color:#ffffff;
}
.banner-container.en .text-text2 {
	top: 0;
	left:12%;
	font-size: 2vw;
	color:#ffffff;
}

.banner-container .banner.active .text-text2 {
	top: 35%;
	left:11%;
}

.banner-container .text-text3 {
	top: 0;
	left:11%;
	font-size: 1.5rem;
	color:#ffffff;
}
.banner-container.en .text-text3 {
	top: 0;
	left:11%;
	right:11%;
	font-size: 1.3vw;
	color:#ffffff;
}

.banner-container .banner.active .text-text3 {
	top: 45%;
	left:11%;
}









.indicators {
	position: absolute;
	bottom:-20px;
	left:0;
	width:100%;
	display: flex;
	justify-content: center;
}

.indicators .indicator {
	margin:0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicators .indicator.active {
	background-color: white;
	transform: scale(1.2);
}  
/*banner*/

.h_title_box {
	width:100%;
	height:6.7rem;
}

.h_title_box dl {
	position: relative;
	width:100%;
}
.h_title_box dl::after {
	position: absolute;
	bottom:-110px;
	right:0;
	left:0;
	margin:auto;
	content: '';
	width:4rem;
	height:4px;
	background: #005da3;
	z-index: 1;
}
.h_title_box dl dt {
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	font-size:4rem;
	text-align: center;
	color:#ebebeb;
	font-weight: 550;
	z-index: 1;
}
.h_title_box.jp dl dt {
	font-size:3rem;
}
.h_title_box dl dd {
	position: absolute;
	top:2.5rem;
	left: 0;
	width:100%;
	font-size:2.3rem;
	text-align: center;
	font-weight: bold;
	color:#333333;
	z-index: 2;
}
.h_subtitle_box {
	padding-top:2rem;
	width:100%;	
	color:#777777;
	font-size:1.4rem;
	text-align: center;
}
.h_subtitle_box.en {
	padding-top:2rem;
	width:100%;	
	color:#777777;
	font-size:1.1rem;
	text-align: center;
}


/*关于我们*/
.h_about_box {
	padding-top:3rem;
}
.h_about_box .h_about_info {	
	margin-top:3rem;
	padding-left:14rem;
	width:100%;
	height: 50.6rem;
	background: #ffffff;
}
.h_about_box .h_about_info dl {
	display: block;
	position: relative;	
	width:100%;
	height:100%;	
}
.h_about_box .h_about_info dl dt {
	position: absolute;
	top:0;
	left:-9rem;
	font-size:11.49rem;
	color:rgba(0,0,0,0.03);
	writing-mode:vertical-lr;
	/*text-orientation: upright; */
	z-index: 1;
}
.h_about_box .h_about_info dl dd {
	padding:5.3rem 0 0 6.7rem;
	position: relative;
	width:100%;
	height:100%;
	background: #ffffff;
	background-image: url(../img/about_img1.jpg?v=5);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}
.h_about_box .h_about_info dl dd .h_about_info_title {
	position: relative;
	padding-bottom:15px;
	font-size:2.5rem;
	font-weight: bold;
	color:#ffffff;
}
.h_about_box .h_about_info dl dd .h_about_info_title.en {
	position: relative;
	padding-bottom:15px;
	font-size:2vw;
	font-weight: bold;
	color:#ffffff;
}
.h_about_box .h_about_info dl dd .h_about_info_title:before {
	/* position: absolute;
	bottom:0;
	left:0;
	content: '';
	width:6rem;
	height:4px;
	background: #ffffff;
	z-index: 1; */
}

.h_about_box .h_about_info dl dd .h_about_info_text {
	margin:30px 0 0 0;
	width:60%;
	font-size:1.2rem;
	line-height:2.8rem;
	text-align: justify;
	text-indent: 2.4rem;
}
.h_about_box .h_about_info dl dd .h_about_info_text.en {
	margin:30px 0 0 0;
	width:80%;
	font-size:1.1rem;
	line-height:1.8rem;
	text-align: justify;
	text-indent: 2.2rem;
}
.h_about_box .h_about_info dl dd .h_about_info_text.jp {
	margin:30px 0 0 0;
	width:80%;
	font-size:1.15rem;
	line-height:2rem;
	text-align: justify;
	text-indent: 2.2rem;
}


@media screen and (max-width:1620px){
	.h_about_box .h_about_info dl dd .h_about_info_text {
		font-size:1.1rem;
		line-height:2.4rem;
		text-indent: 2.2rem;
	}
	.h_about_box .h_about_info dl dd .h_about_info_text.en {
		font-size:1.2rem;
		line-height:1.8rem;
		text-indent: 2.4rem;
	}
}
@media screen and (max-width:1440px){
	.h_about_box .h_about_info dl dd .h_about_info_text {
		font-size:1.2rem;
		line-height:2.4rem;
		text-indent: 2.4rem;
	}
	.h_about_box .h_about_info dl dd .h_about_info_text.en {
		font-size:1.1rem;
		line-height:1.8rem;
		text-indent: 2.4rem;
	}
}
@media screen and (max-width:1366px){
	.h_about_box .h_about_info dl dd .h_about_info_text {
		font-size:1.1rem;
		line-height:2.4rem;
		text-indent: 2.2rem;
	}
	.h_about_box .h_about_info dl dd .h_about_info_text.en {
		font-size:1.1rem;
		line-height:1.8rem;
		text-indent: 2.2rem;
	}
}
@media screen and (max-width:1280px){
	.h_about_box .h_about_info dl dd .h_about_info_text {
		font-size:1rem;
		line-height:2.1rem;
		text-indent: 2.2rem;
	}
	.h_about_box .h_about_info dl dd .h_about_info_text.en {
		font-size:1rem;
		line-height:1.8rem;
		text-indent: 2.2rem;
	}
}

.h_about_box .h_about_info dl dd .h_about_btn {
	position: absolute;
	left:6.7rem;
	bottom:7rem;
	width:10rem;
	height:3rem;
	line-height:2.7rem;
	color:#ffffff;
	border:2px #ffffff solid;
	text-align: center;	
	font-size:1.1rem;
	z-index: 1;
}
.h_about_box .h_about_info dl dd .h_about_btn:hover {
	background: rgba(255,255,255,0.1);
}


/*产品中心*/
.h_product_box {
	margin-top:4.8rem;
	padding-bottom:5rem;
	width:100%;
	min-height:20rem;
	background-image: url(../img/product_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.h_product_box .h_product_type {
	display: flex;
	margin-top:1.5rem;
	display: flex;
	width:100%;
	justify-content: center;
}
.h_product_box .h_product_type a {
	padding:0 2rem;
	font-size:1.4rem;
	color:#222222;
}
.h_product_box .h_product_type a:hover {
	position: relative;
	color:#005da3
}
.h_product_box .h_product_type a:before {
	position: absolute;
	bottom:-15px;
	left:0;
	right:0;
	margin:auto;
	width:0%;
	height:2px;
	content: '';
	background: #005da3;
	z-index: 1;
	transition: 0.5s;
}
.h_product_box .h_product_type a:hover:before {
	position: absolute;
	width:50%;
	transition: 0.5s;
}
.h_product_box .h_product_item {
	padding:3.5vw 0 0 6.2%;
	width:auto;
}
.h_product_box .h_product_item a {
	float: left;
	display: block;
	margin:0 1vw 2vw 1vw;
	width:19.75vw;
	height:24.1vw;
	background: #ebebeb;
}

.h_product_box .h_product_item a dl {
	display: block;
	padding:3px 3px 0 3px; 
	width:100%;
	height:100%;	
}


.h_product_box .h_product_item a dl dt {
	display: flex;
	justify-content: center;
	align-items: center;	
	width:100%;
	height:calc(100% - 4.8vw);
	background: #ffffff;
	overflow: hidden;
	transition: 0.5s;
}
.h_product_box .h_product_item a dl dt img {
	max-width:100%;
	max-height:100%;
	transition: 0.5s;
}
.h_product_box .h_product_item a dl:hover dt img {
	transform: scale(1.2);	
}
.h_product_box .h_product_item a dl dd {
	display: block;
	padding:0 4%;
	width:100%;
	height:4.8vw;
	text-align: center;
	line-height:4.8vw;
	overflow: hidden;
	font-size:1.3rem;
	color:#333333
}


/*内页banner*/
.p_banner_box {
	width:100%;
	height:21.4vw;
	background: #f5f5f5;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

/*内页导航*/
.p_nav {
  padding:0 8%;
  width:100%;
  height:64px;
  background: #ffffff;
  box-shadow: 0 2px 3px #eeeeee;
}
.p_nav ul {
	width:100%;
	height:100%;
}
.p_nav ul li {
	position: relative;
	float: left;
	padding:0 80px;
	height:100%;
}
.p_nav ul li:before {
	position: absolute;
	top:0;
	bottom:0;
	right:0;
	margin: auto;
	content: '';
	width:1px;
	height:30%;
	background: #cccccc;
	z-index: 1;
}
.p_nav ul li a {
	position: relative;
	display: flex;
	width:100%;
	height:100%;
	align-items: center;
	text-align: center;
	color:#333333;
	font-size:1vw;
}
.p_nav ul li a:before {
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	content: '';
	width:0;
	height:3px;
	background: #005da3;
	z-index: 1;
	transition: 0.5s;
}
.p_nav ul li a:hover:before {
	width:50%;	
	transition: 0.5s;
}
.p_nav ul li a.act {
	color:#005da3;
	font-weight: bold;
}
.p_nav ul li a.act:before {
	width:50%;	
	transition: 0.5s;
}

/*公司简介*/
.about_box {
	padding:0 8% 6vw 8%;
	width:100%;
}
.about_box dl {
	display: block;
	float: left;
	width:calc(100% - 550px)
}
.about_box dl dt {
	margin-bottom:30px;
	font-size:32px;
	color:#00599c;
	font-weight: 600;
}
.about_box dl dd {
	width:100%;
	font-size:16px;
	line-height:32px;
	background-image: url(../img/about_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about_box dl dd p {
	margin-bottom:1vw;
	font-size:18px;
	line-height:40px;
	text-align: justify;
	text-indent: 32px;
}
.about_box ul {
	padding-top:60px;
	display: block;
	float: right;
	width:400px;
}
.about_box ul li {
	width:100%;
	height:100%;
}
.about_box ul li img {
	width:100%;
}


/*荣誉资质*/
.honor_box {
	padding:50px 8% 5vw 8%;
	width:auto;
}
.honor_box dl {
	margin:0 2vw 3vw 2vw;
	padding:3px 3px 0 3px;
	float: left;
	width:16.5vw;
	height:20vw;
	background: #eeeeee;
}
.honor_box dl:hover {
	cursor: pointer;
}
.honor_box dl dt {
	display: flex;
	width:100%;
	height:calc(16.5vw - 10px);
	background: #ffffff;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.honor_box dl dt img {
	max-width: 95%;
	max-height: 95%;
	transition: 0.5s;
}
.honor_box dl dt:hover img {
	transform: scale(1.2);
	transition: 0.5s;
}
.honor_box dl dd {
	display: flex;
	padding:0 15px;
	width:100%;
	height:3.5vw;
	font-size:16px;
	line-height:22px;
	color:#333333;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


/*产品中心*/
.products_box {
	padding:60px 8% 5rem 8%;
	width:auto;
}
.products_box .pro_nav {
	float: left;
	width:19vw;
	border:2px #eeeeee solid;
}
.products_box .pro_nav dl {
	width:100%;
}
.products_box .pro_nav dl dt {
	display: flex;
	padding:0 0 0 30px;
	width:100%;
	height:65px;
	background: #005da3;
	color:#ffffff;
	font-size:22px;
	font-weight: bold;
	align-items: center;
}
.products_box .pro_nav dl dd {
	margin:0 auto;
	padding:0 20px;
	width:100%;
	height:60px;	
}
.products_box .pro_nav dl dd:hover {
	background: #f5f5f5;
}
.products_box .pro_nav dl dd.act {
	background: #f5f5f5;
}
.products_box .pro_nav dl dd a {
	display: flex;
	width:100%;
	height:100%;
	align-items: center;
	font-size:16px;
	color:#333333;
	border-bottom:1px #e3e3e3 solid;
}
.products_box .pro_box {
	float: right;
	padding:0 0 80px 0;
	width:calc(100% - 23vw);
	min-height:400px;
}
.products_box .pro_box .pro_item {
	width:100%;
	border-bottom:1px #e5e5e5 solid;
}
.products_box .pro_box .pro_item a {
	margin:0 2vw 2vw 0;
	padding:4px 4px 0 4px;
	float: left;
	display: block;
	width:18.3vw;
	height:22.5vw;
	background: #ebebeb;
}

.products_box .pro_box .pro_item a:nth-child(3n){
	margin-right:0;
}
.products_box .pro_box .pro_item a dl {
	width:100%;
	height:100%;
}
.products_box .pro_box .pro_item a dl dt {
	display: flex;
	width:100%;
	height:calc(18.3vw - 8px);
	background: #ffffff;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.products_box .pro_box .pro_item a dl dt img {
	max-width:95%;
	max-height: 95%;
	transition: 0.5s;
}
.products_box .pro_box .pro_item a dl dt:hover img {
	transform: scale(1.1);
	transition: 0.5s;
}
.products_box .pro_box .pro_item a dl dd {
	padding:0 1vw;
	display: flex;
	color:#333333;	
	height: 4.2vw;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
}

/*产品详情*/
.proview_box {
	padding:60px 8% 0 8%;
	width:100%;
	min-height:400px;
	background: #f5f5f5;
}
.proview_box .proview_data {
	padding:45px;
	width:100%;
	min-height:300px;
	background: #ffffff;
}
.proview_box .proview_data ul {
	display: block;
	float: left;
	width:30vw;
	height:30vw;
	border:1px #e5e5e5 solid;
}
.proview_box .proview_data ul li {
	display: flex;
	width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.proview_box .proview_data ul li img {
	max-width:98%;
	max-height:98%;
}
.proview_box .proview_data dl {
	float: right;
	width:calc(100% - 35vw)
}
.proview_box .proview_data dl dt {
	margin-bottom:1vw;
	padding-bottom:1vw;
	font-size:26px;
	line-height:30px;
	border-bottom:1px #e5e5e5 solid;
}
.proview_box .proview_data dl dd.pro_text {
	font-weight: 100;
	font-size:16px;
	line-height:30px;
	height:22vw;
	overflow: hidden;
}
.proview_box .proview_data dl dd.pro_btn {
	width:auto;
}
.proview_box .proview_data dl dd.pro_btn a {
	float: left;
	margin-right:40px;
	padding:8px 30px;
	font-size:16px;
	background: #005da3;
	color:#ffffff;
	border-radius: 6px;
}
.proview_box .proview_data dl dd.pro_btn a:hover {
	opacity: 0.8;
}
.proview_box .proview_info {
	padding:40px;
	margin:60px 0 0 0;
	background: #ffffff;
	width:100%;
	min-height:400px;
}
.proview_box .proview_info dl {
	width:100%:
}
.proview_box .proview_info dl dt {
  position: relative;
  border-bottom:1px #e5e5e5 solid;
}
.proview_box .proview_info dl dt span {
	display: block;
	width:130px;
	height:45px;
	color:#ffffff;
	background: #005da3;
	text-align: center;
	line-height:45px;
	font-size:16px;
	border-radius: 6px 6px 0 0;
}
.proview_box .proview_info dl dd {
	padding:20px 0 0 0;
	font-size:16px;
	line-height:32px;
}
.proview_box .proview_info dl dd img {
	max-width:100%;
}
.proview_box .proview_btn {
	position: relative;
	padding:0 15px;
	margin:60px 0 100px 0;
	width:100%;
	height:60px;
	background: #ffffff;
	justify-content: space-between;
}
.proview_box .proview_btn a {
	display: flex;
	align-items: center;
	font-size:16px;
}
.proview_box .proview_btn a.prev {
	float: left;
	width:30%;
	height:100%;
	color:#333333;
	justify-content:left;
	overflow: hidden;
}
.proview_box .proview_btn a.next {
	float: right;
	width:30%;
	height:100%;
	color:#333333;
	justify-content: right;
	overflow: hidden;
}
.proview_box .proview_btn a.prev:hover,
.proview_box .proview_btn a.next:hover {
	color:#f55555
}
.proview_box .proview_btn a.back {
	position: absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	width:120px;
	height:40px;
	text-align: center;
	justify-content: center;
	align-items: center;
	background: #005da3;
	color:#ffffff;
	border-radius: 4px;
}
.proview_box .proview_btn a.back:hover {
	opacity: 0.8;
}


/*新闻中心*/
.news_box {
	margin:0 8%;
	padding:30px;
	width:auto;
	background: #f5f5f5;
}
.news_box a {
	display: block;
	margin-bottom:20px;
	padding:15px 15px 0 15px;
	width:100%;
	height:170px;
	background: #ffffff;
	border:2px #ffffff solid;
	border-radius: 6px;
	transition: 0.5s;
}
.news_box a:hover {
	/* border:2px #3d82b5 solid; */
	border:2px #e5e5e5 solid;
	transition: 0.5s;
	box-shadow: 0 0 5px #e5e5e5;
}
.news_box a span {
	float: left;
	display: block;
	width:70px;
	height:70px;
	background: #00599b;
	font-family: Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0.8);
	font-size:36px;
	text-align: center;
	line-height:70px;
	overflow: hidden;
	border-radius: 6px;
}
.news_box a dl {
	display: block;
	float: right;
	width:calc(100% - 120px);
}
.news_box a dl dt {
	font-size:24px;
	color:#222222;
	height:40px;
	line-height:40px;
	overflow: hidden;
}
.news_box a dl dd {
	padding:15px 10px 0 0;
	width:100%;
	height:100px;
	font-size:16px;
	color:#6f6f6f;
	line-height:30px;
	overflow: hidden;
}
.newsview_box {
	padding:100px 8% 100px 8%;
	width:auto;
	background: #f5f5f5;
}
.newsview_box .newsv_title {
	padding:60px 50px 30px 50px;
	width:auto;
	font-size:30px;
	line-height:32px;
	text-align: center;	
	background: #ffffff;
}
.newsview_box .newsv_title dl {
	width:100%;
	border-bottom:1px #e5e5e5 solid;
}
.newsview_box .newsv_title dl dt {
	padding-bottom:40px;
}
.newsview_box .newsv_info {
	padding:50px;
	width:auto;	
	background: #ffffff;
}
.newsview_box .newsv_info p {
	margin-bottom:10px;
	font-size:18px;
	line-height:36px;
	text-indent: 36px;
}
.newsview_box .newsv_info img {
	display: block;
	max-width:70%;
	margin:0 auto;
}
.newsview_box .newsv_btn {
	padding:40px 0 0 0;
	width:auto;
}
.newsview_box .newsv_btn a {
	margin:0 auto;
	display: block;
	width:120px;
	height:40px;
	line-height:40px;
	background: #005da3;
	color:#ffffff;
	font-size:14px;
	text-align: center;
	border-radius: 6px;
}
.newsview_box .newsv_btn a:hover {
	opacity: 0.8;
}


/*联系我们*/
.contact_box {	
	width:auto;
}
.contact_box .contact_info {
	padding:0 8%;
	padding-top:90px;
	margin-bottom:40px;
	clear: both;
	width:auto;	
}
.contact_box .contact_info .contact_text {
	float: left;
	width:600px;
}
.contact_box .contact_info.en .contact_text {
	float: left;
	width:800px;
}
.contact_box .contact_info .contact_text dl {
	width:auto;
}
.contact_box .contact_info .contact_text dl dt {
	margin-bottom:50px;
	font-size:28px;
	color:#005da3;
}
.contact_box .contact_info .contact_text dl dd {
	padding:15px 0;
	font-size:18px;
	color:#333333;
}
.contact_box .contact_info.en .contact_text dl dd {
	padding:15px 0;
	font-size:0.9vw;
	color:#333333;
}
.contact_box .contact_info .contact_text dl dd i {
	font-size: inherit;
	margin-right:10px;
}

.contact_box .contact_info .contact_map {
	float: right;
	width:calc(100% - 650px);
	height:500px;
	border:2px #e5e5e5 solid;
}
.contact_box .contact_info.en .contact_map {
	float: right;
	width:calc(100% - 800px);
	height:400px;
	border:2px #e5e5e5 solid;
}


/*立即咨询*/
.contact_message {
	padding:50px 8% 200px 8%;
	width:100%;
	background: #f6f6f6;
}
.contact_message .message_title {
	padding-bottom:1vw;
	width:auto;
	font-size:1.8vw;
	text-align: center;
	font-weight: bold;
}
.contact_message .message_subtitle {
	padding-bottom:2.5vw;
	width:auto;
	font-size:0.9vw;
	text-align: center;
}
.contact_message .message_form {
	clear: both;
	width:auto;
}
.contact_message .message_form dl {
	width:auto;
}
.contact_message .message_form dl dt {
	margin-bottom:1vw;
	display: flex;
	width:auto;
	justify-content:space-between;
}
.contact_message .message_form dl dt input {
	padding:0 0.8vw;
	display: block;
	width:32%;
	height:2.5vw;
	font-size:0.9vw;
	border:1px #e5e5e5 solid;
	border-radius: 4px;
}
.contact_message .message_form dl dd {
	margin-bottom:1.5vw;
	width:auto;	
}
.contact_message .message_form dl dd textarea {
	padding:0.5vw 0.8vw;
	display: block;
	width:98.5%;
	height:10vw;
	font-size:0.9vw;
	border:1px #e5e5e5 solid;
	border-radius: 4px;
}
.contact_message .message_form button {
	margin:0 auto;
	display: block;
	width:180px;
	height:45px;
	background: #005da3;
	border:0;
	color:#ffffff;
	border-radius: 4px;
	outline: none;
}