@charset "utf-8";


.head_form {position: absolute;right: 0;top: 58px;display: none;height: 40px;z-index: 5; }
.head_form input {background-color: #eeeeee;width: 250px;height: 100%;vertical-align: top;padding-left: 20px;color: #999999; }
.head_form input::placeholder {color: #999999;font-size: 14px; }
.head_form button {position: absolute;bottom: 0px;cursor: pointer;outline: none;right: 0px;width: 40px;height: 40px;border: 0;background: #000000  no-repeat center; }


.header {height: 100px;width: 100%;margin: 0 auto; }
.header h1 {float: left;width: 184px;height: 63px;margin-top: 18px;background:  no-repeat center/184px 63px; }
.header h1 a {width: 184px;height: 63px;display: block;text-indent: -9999px; }
.header .mblnav {float: right; }
.header .mblnav .headernav {vertical-align: top;display: inline-block;line-height: 100px;margin-right: 67px; }
.header .mblnav .headernav ul li {float: left;width: 100px;text-align: center; }
.header .mblnav .headernav ul li a {color: #000000;font-size: 15px; }
.header .mblnav .headernav ul li:hover a {color: #0089ab; }
.header .mblnav .header-icon {vertical-align: top;display: inline-block;position: relative;margin-top: 26px;}
.header .mblnav .header-icon .shop-car {float: left;height: 20px;background:  no-repeat center/20px 16px; }
.header .mblnav .header-icon .shop-car a {width: 20px;height: 20px;margin: 0 auto;display: block; }
.header .mblnav .header-icon .search-box {float: left;height: 48px;cursor: pointer;background:  no-repeat center/26px 26px; }
.header .mblnav .header-icon .search-box::after{content: '|';float: right;color: #999999;line-height: 48px;display: none;}
.header .mblnav .header-icon .lang {float: left;height: 20px;cursor: pointer;text-align: center;font-size: 15px;line-height: 20px;padding-left: 50px;padding-right: 20px;background:  no-repeat left 22px center/22px 22px; }
.header .mblnav .header-icon .lang .list {width: 58px;top: 100%;right: 20px;position: absolute;display: none; }
.header .mblnav .header-icon .lang .list a {display: block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.header .mblnav .header-icon .lang .list a:hover {transform: scale(1.2); }
.header .mblnav .header-icon .lang::after {top: 6px;right: 0;position: absolute;content: '';width: 14px;height: 8px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/14px 8px;vertical-align: middle; }
.header .mblnav .header-icon i {width: 58px;position: relative; }
.header .mblnav .header-icon i   i::before {content: '';left: 0;top: 4px;width: 1px;height: 12px;position: absolute;display: inline-block;vertical-align: middle;background-color: #cfcfcf; }
.header .header-btn {width: 45px;height: 40px;float: right;margin-top: 30px;background:  no-repeat center/45px 40px; }
.header .navtoggle {margin-top: 20px;float: right; }
.header .navtoggle.active .icon {width: 0; }
.header .phone{float: left;}
.header .phone .bl{display: inline-block;width: 48px;height: 48px;margin-top: 0;background: url(/uploads/image/phimages/icon38.png) no-repeat center/26px 26px;}
.header .phone .bl a{width: 100%;height: 100%;display: block;text-indent: -9999px;}
.header .phone .text{display: inline-block;vertical-align: bottom;}
.header .phone .text p{color: #2b2726;}
.header .phone .text i{color: #0f74cc;font-size: 23px;line-height: 23px;font-weight: bold;display: inline-block;}


.banner img {width: 100%; }
.banner .swiper-container {width: 100%; }
.banner .swiper-pagination .swiper-pagination-bullet {opacity: 1;width: 6px;height: 6px;border: 1px solid #ffffff;background-color: transparent; }
.banner .swiper-pagination .swiper-pagination-bullet-active {background-color: #ffffff; }


.index-tit {text-align: center;margin: 65px auto 73px; }
.index-tit h2 {font-size: 24px;line-height: 48px;font-weight: bold; }
.index-tit p {color: #999999; }


.index-pro .parhd.swiper-container{overflow: visible;}
.index-pro .hd {overflow: hidden;position: relative;}
.index-pro .hd ul {display: flex;margin-top: 60px; }
.index-pro .hd ul li {text-align: center;cursor: pointer;flex-grow: 1;flex-shrink: 1; }
.index-pro .hd ul li i.ico {width: 60px;height: 60px;line-height: 60px;position: relative;display: inline-block; }
.index-pro .hd ul li i.ico img {vertical-align: middle; }
.index-pro .hd ul li i.ico img:nth-of-type(2) {top: 50%;left: 50%;opacity: 0;position: absolute;transform: translate(-50%, -50%); }
.index-pro .hd ul li.on i img {opacity: 0; }
.index-pro .hd ul li.on i img:nth-of-type(2) {opacity: 1; }
.index-pro .hd ul li p {display: block;color: #333333;margin-top: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-pro .hd ul li:hover p {margin-top: 15px; }
.index-pro .hd ul li.on p {margin-top: 20px; }
.index-pro .hd ul li.on p::after {content: '';width: 9px;height: 13px;display: block;margin: 12px auto;transition: all .5s;background:  repeat-y center 0/9px 13px; }
.index-pro .hd ul li.on:hover p::after {background:  repeat-y center 13px/9px 13px; }
.index-pro .swiper-container2 {overflow: hidden;position: relative;}
.index-pro .ipro_li-next,.index-pro .ipro_li-prev{color: #fff;height: 100px;line-height: 100px;cursor: pointer;width: 100px;display: block;border-radius: 50%;top: 40%;}
.index-pro .ipro_li-next{right: -100px;}
.index-pro .ipro_li-prev{left: -100px;}
.index-pro .bd li{position: relative;}
.index-pro .bd .swiper-slide {width: 450px;padding: 68px 25px 46px 47px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #f8f8f8; }
.index-pro .bd .swiper-slide a{width: 100%;display: inline-block;}
.index-pro .bd .swiper-slide .img-box {width: 40%;float: left;position: relative;height: 160px; }
.index-pro .bd .swiper-slide .img-box img {top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-pro .bd .swiper-slide:hover .img-box img {transform: translate(-50%,-50%) scale(1.1); }
.index-pro .bd .swiper-slide .text-box {width: 60%;float: right;padding-left: 26px;display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.index-pro .bd .swiper-slide .text-box h4 {height: 16px;color: #000000;font-size: 16px;line-height: 16px;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-box;display: -o-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

/* ie兼容 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index-pro .bd .swiper-slide .text-box h4 {width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-pro .bd .swiper-slide .text-box p {max-height: 72px;text-overflow: ellipsis;}}


.index-pro .bd .swiper-slide .text-box p {color: #666666;font-size: 14px;line-height: 24px;margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;display: -ms-box;display: -webkit-box;-ms-box-orient: vertical;-webkit-box-orient: vertical;-ms-line-clamp: 3;-webkit-line-clamp: 3; }
.index-pro .bd .swiper-slide .text-box p:empty {margin-top: 97px;}
.index-pro .bd .swiper-slide .text-box span {color: #595959;font-size: 14px;transition: all .5s; }
.index-pro .bd .swiper-slide .text-box span::after {content: '';width: 13px;height: 9px;margin-left: 37px;transition: all .5s;display: inline-block;background:  repeat-x center/13px 9px; }
.index-pro .bd .swiper-slide:hover span, .index-pro .bd .swiper-slide.on span {color: #000000; }
.index-pro .bd .swiper-slide:hover span::after, .index-pro .bd .swiper-slide.on span::after {background:  repeat-x 26px 0/13px 9px; }


.jhd .swiper-slide,.parhd .swiper-slide {text-align: center;cursor: pointer;float: left;width: 20%;line-height: 60px;position: relative;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden; }
.jhd .swiper-slide   .swiper-slide,.parhd .swiper-slide   .swiper-slide {border-left: 0; }
.jhd .swiper-slide::after, .jhd .swiper-slide::before,.parhd .swiper-slide::after,.parhd .swiper-slide::before {content: "";width: 100%;height: 2px;background-color: #0089ab;position: absolute;bottom: 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.jhd .swiper-slide:after,.parhd .swiper-slide:after {left: 0;width: 0; }
.jhd .swiper-slide:before,.parhd .swiper-slide:before {right: 0;width: 0; }
.jhd .swiper-slide:hover::after, .jhd .swiper-slide:hover::before,.parhd .swiper-slide:hover::after,.parhd .swiper-slide:hover::before {width: 100%; }


.index-pro-nav .hd ul li {float: left;width: 20%; }
.index-pro-nav .bd ul li {display: flex; }
.index-pro-nav .bd ul li .slide {-webkit-flex: 1;flex: 1; }
.index-pro-nav ul {text-align: center; }
.index-pro-nav ul li.ipro-navli {cursor: pointer;float: left;width: 20%;line-height: 60px;position: relative;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.index-pro-nav ul li.ipro-navli   li {border-left: 0; }
.index-pro-nav ul li.ipro-navli a {color: #000000;font-size: 16px; }


.index-case {position: relative; }
/* .index-case h3 {font-size: 36px; } */
.index-case .casebd li {position: relative; }
.index-case .casebd li img {width: 100%;object-fit: cover;min-height: 700px; }
.index-case .casebd li .text-box {
	background-color: rgba(38, 38, 38, 0.7);
	top:50%;
	left: calc( 50%   10%);
	position: absolute;
	width:100%;
	max-width: 400px;
	color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px;
	 transform: translate(0,-50%);
}
.index-case .casebd li .text-box h3{
	font-size:28px;
	line-height: 36px;
	/* font-weight: bold; */
}
/* .index-case .casebd li .text-box p {
	line-height: 30px; 
} */

.index-case .casehd {left: 0;bottom: 0;position: absolute;width: 100%;height: 96px;z-index: 1;text-align: center;background: rgba(0, 0, 0, 0.55); }
.index-case .casehd .swiper-container {color: #ffffff;font-size: 14px;overflow: visible; }
.index-case .casehd .swiper-container .swiper-slide {margin-top: 8px;cursor: pointer; }
.index-case .casehd .swiper-container .swiper-slide i {width: 40px;height: 40px;line-height: 40px;position: relative;display: inline-block; }
.index-case .casehd .swiper-container .swiper-slide i img {vertical-align: middle; }
.index-case .casehd .swiper-container .swiper-slide i img:nth-of-type(2) {top: 50%;left: 50%;opacity: 0;position: absolute;transform: translate(-50%, -50%); }
.index-case .casehd .swiper-container .swiper-slide p {line-height: 48px;font-size: 16px; }
.index-case .casehd .swiper-container .swiper-slide.on {margin-top: -85px;width: 200px;height: 180px;background-color: #0089ab; }
.index-case .casehd .swiper-container .swiper-slide.on i {width: 60px;height: 60px;margin-top: 55px;background-color: #ffffff;border-radius: 50%;position: relative; }
.index-case .casehd .swiper-container .swiper-slide.on i img {opacity: 0; }
.index-case .casehd .swiper-container .swiper-slide.on i img:nth-of-type(2) {opacity: 1; }


.index-about .iabvideo {display: table-cell;position: relative;vertical-align: middle; height:400px;}
/* .index-about .iabvideo iframe{
	width:100%;
	height:100%;
} */
.index-about .iabvideo a,
.index-about .iabvideo .img{
	width:100%;
	height:100%;
	display:block;
}
.index-about .iabvideo .img img {width: 100%;height:100%;object-fit: cover; }
.index-about .iabvideo i {top: 50%;left: 50%;position: absolute;width: 91px;height: 91px;/*background:  no-repeat center/91px 91px;*/transform: translate(-50%, -50%); }

@media (max-width:1200px){
	.index-about .iabvideo {
		height:250px;
	}
}
@media (max-width:640px){
	.index-about .iabvideo {
		height:auto;
	}
	.index-about .iabvideo a,
	.index-about .iabvideo .img{
		width:auto;
		height:auto;
	}
	.index-about .iabvideo .img img {
		height:auto;
		object-fit: initial; 
	}
}








.index-about .index-about-list {display: table-cell;vertical-align: middle; }
.index-about-list .index-about-box {line-height: 30px;padding-left: 10%; }
.index-about-list .index-about-box i {display: inline-block;width: 40px;height: 40px;text-align: center;vertical-align: middle;position: relative; }
.index-about-list .index-about-box i::after {content: '';width: 23px;height: 23px;right: -60%;top: 50%;transform: translatey(-50%);position: absolute;display: inline-block;background:  no-repeat center/23px 23px; }
.index-about-list .index-about-box h4 {position: relative;margin-left: 5%;display: inline-block;vertical-align: middle;font-size: 22px;width: calc( 100% - 75px ); color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-about-list .index-about-box .text p {color: #999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-about-list .index-about-box:first-of-type {margin-top: 10px; }
.index-about-list .index-about-box   .index-about-box {margin-top: 60px; }









.tag-box {margin-top: 70px;padding: 40px;background-color: #f5f5f5; }
.tag-box .text {display: block;width: 18%;margin-right: 5%;display: inline-block;vertical-align: middle; }
.tag-box .text span {color: #000000;font-size: 16px;line-height: 36px; }
.tag-box .text span::before {content: '';width: 70px;height: 1px;display: inline-block;vertical-align: middle;margin-right: 20px;background-color: #cccccc; }
.tag-box .text p {font-size: 20px;line-height: 30px; }
.tag-box .list-box {vertical-align: middle;width: 18%;display: inline-block; }
.tag-box .list-box h4 {color: #0089ab;font-size: 25px;font-weight: bold;text-align: center; }
.tag-box .list-box h4 i {font-size: 36px;vertical-align: top; }
.tag-box .list-box p {color: #000000;font-size: 14px;text-align: center; }
.tag-box .list-box   .list-box {border-left: 1px solid #d8d8d8; }


.index-news .inews .inewspic {display: block; }
.index-news .inews .inewspic a.img {overflow: hidden;display: block; }
.index-news .inews .inewspic a.img:hover img {transform: scale(1); }
.index-news .inews .inewspic .inews-box {height: 100%;position: relative; }
.index-news .inews .inewspic .inews-box img {height: 100%;transform: scale(1.1);object-fit: cover;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-news .inews .inewspic p {bottom: 0;color: #ffffff;position: absolute;width: 100%;text-indent: 10%;font-size: 18px;line-height: 48px;padding-top: 50px;background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58));overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.index-news .inews .index-news-list {float: left;padding-left: 80px;padding-right: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.index-news .inews .index-news-list .index-news-box {padding: 25px 0;position: relative;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-news .inews .index-news-list .index-news-box::before {width: 140px;height: 2px;background-color: #0089ab;content: "";position: absolute;top: 0px;bottom: 0;opacity: 0;margin: auto;left: -80px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-news .inews .index-news-list .index-news-box a {display: block; }
.index-news .inews .index-news-list .index-news-box .day {width: 20%;float: left;margin-top: 10px;display: inline-block;text-align: center; }
.index-news .inews .index-news-list .index-news-box .day p {font-size: 36px;line-height: 42px;margin-bottom: 20px; }
.index-news .inews .index-news-list .index-news-box .day em {position: relative;color: #666666;font-size: 16px;line-height: 24px; }
.index-news .inews .index-news-list .index-news-box .day em::after {transition: all .5s;top: -13px;left: 50%;transform: translatex(-50%);content: '';width: 40px;height: 1px;position: absolute;display: inline-block;background-color: #cccccc; }
.index-news .inews .index-news-list .index-news-box .text {width: 80%;float: left;padding-left: 5%;border-left: 1px solid #d0d0d0;position: relative;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.index-news .inews .index-news-list .index-news-box .text h4 {font-size: 18px;line-height: 48px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.index-news .inews .index-news-list .index-news-box .text p {max-width: 440px;color: #999999;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }a.more {display: block;width: 204px;font-size: 16px;margin: 63px auto;text-align: center;line-height: 48px;border: 1px solid #000000;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }a.more:hover {color: #999999; }a.more:active {color: #333333; }


.footer {background-color: #f2f2f2; }
.footer .footer1 {font-size: 16px;line-height: 74px;border-bottom: 1px solid #e5e5e5;position: relative; }
.footer .footer1 a.search {cursor: pointer;width: 20px;height: 20px;float: right;margin-top: 30px;position: relative;display: inline-block;background:  no-repeat center/20px 20px; }
.footer .footer1 .head_form {top: -40px;right: 0;position: absolute; }
.footer .footer2 .footer-nav .fnav-box {width: 16.6%;float: left;font-size: 16px;vertical-align: top;display: inline-block;margin-top: 46px; }
.footer .footer2 .footer-nav .fnav-box h3 {margin-bottom: 10px; }
.footer .footer2 .footer-nav .fnav-box h3 a {font-size: 16px;font-weight: bold;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; }
.footer .footer2 .footer-nav .fnav-box h3 a:hover {color: #0089ab; }
.footer .footer2 .footer-nav .fnav-box li a {color: #666666;font-size: 14px;line-height: 40px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; }
.footer .footer2 .footer-nav .fnav-box li a:hover {color: #0089ab; }
.footer .footer3 {padding: 20px 0;border-top: 1px solid #e5e5e5; }
.footer .footer3 h4{float: left;line-height: 40px;}
.footer .footer3 .friend-link {float: left;line-height: 40px; }
.footer .footer3 .friend-link a {font-size: 14px; }
.footer .footer3 .friend-link a   a::before {margin: 0 5px;content: '|';display: inline-block; }
.footer .footer3 .text {float: right;}
.footer .footer3 .bshare-custom {float: right; }
.footer .footer3 .bshare-custom a {width: 40px;height: 40px; }
.footer .footer3 .bshare-custom a:nth-of-type(1) {background: url(/uploads/image/phimages/icon_wx.png) no-repeat; }
.footer .footer3 .bshare-custom a:nth-of-type(2) {background: url(/uploads/image/phimages/icon_in.png) no-repeat; }
.footer .footer3 .phone{float: right;}
.footer .footer3 .phone .bl{display: inline-block;width: 50px;height: 50px;margin-top: 0;background: url(/phimages/icon39.html) no-repeat center/50px 50px;}
.footer .footer3 .phone .bl a{width: 100%;height: 100%;display: block;text-indent: -9999px;}
.footer .footer3 .phone .text{margin-left: 20px;display: inline-block;vertical-align: bottom;}
.footer .footer3 .phone .text p{color: #2b2726;}
.footer .footer3 .phone .text i{color: #0f74cc;font-size: 23px;line-height: 23px;font-weight: bold;display: inline-block;}
.footer .copy {color: #666666;font-size: 14px;line-height: 26px;padding: 20px 0;text-align: center;background-color: #e6e6e6;}
.footer .copy p{display: inline-block;}
.footer .copy a{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.footer .copy a:hover{color: #ff0000;}

.nav-box {line-height: 90px;background: #ffffff  repeat-x;border-bottom: 1px solid #e8e8e8; }
.nav-box.on{top: 0;z-index: 2;position: sticky; }
.nav-box ul li {float: left; }
.nav-box ul li a {font-size: 14px; }
.nav-box .break {float: left; }
.nav-box .break li a {color: #666666; }
.nav-box .break li   li::before {margin: 0 5px;content: '>';display: inline-block; }
.nav-box .break li:hover a, .nav-box .break li.on a {color: #0089ab; }
.nav-box .publicnav {float: right; }
.nav-box .publicnav li {border-bottom: 1px solid transparent; }
.nav-box .publicnav li a {color: #999999;padding: 0 20px; }
.nav-box .publicnav li:hover, .nav-box .publicnav li.on {border-bottom: 1px solid #0089ab; }
.nav-box .publicnav li:hover a, .nav-box .publicnav li.on a {color: #0089ab; }


.news-swiper {padding: 45px 0;background-color: #f9f9f9; }
.news-swiper .swiper-slide {position: relative; }
.news-swiper .swiper-slide .text {left: 0;bottom: 0;position: absolute;height: 100px;width: 100%;background-color: rgba(0, 0, 0, 0.58);color: #ffffff;text-indent: 30px; }
.news-swiper .swiper-slide .text h2 {font-size: 24px;line-height: 64px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news-swiper .swiper-slide .text p {font-size: 16px; }
.news-swiper .swiper-slide .text p::after {content: '';width: 20px;height: 17px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/20px 17px;margin-left: 35px; }
.news-swiper .swiper-button-next {width: 29px;height: 39px;background:  no-repeat center/contain; }
.news-swiper .swiper-button-prev {width: 29px;height: 39px;background:  no-repeat center/contain; }


.search-box2 {background-color: #f9f9f9;padding: 50px 0; }
.search-box2 h2 {color: #1c1c1c;font-weight: bold; }
.search-box2 .year {font-size: 16px;line-height: 42px;color: #d0d0d0; }
.search-box2 .year span {color: #333333;font-weight: bold; }
.search-box2 .year > a {margin-left: 15px;color: #333333; }
.search-box2 .year > a::after {width: 8px;content: '';height: 14px;margin-left: 10px;display: inline-block;background: ;vertical-align: text-bottom; }
.search-box2 .year > a.on::after {transform: rotate(180deg);}
.search-box2 .year ul {color: #333333;vertical-align: bottom;display: inline-block; }
.search-box2 .year ul li {float: left;margin: 0 8px; }
.search-box2 .year ul li:first-of-type {color: #d20000; }
.search-box2 .year ul li:empty,.search-box2 .year ul li a:empty{float: right;display: none;}
.search-box2 .year::after {content: '';height: 1px;width: 420px;display: block;background-color: #dcdcdc; }
.search-box2 .search {color: #999999;font-size: 14px;text-align: right;line-height: 36px; }
.search-box2 .search input {width: 350px;height: 40px;line-height: 40px;text-indent: 20px;border: 1px solid #bfbfbf; }


.news {background-color: #f9f9fa; }
.news .list-box {margin: 0 -11px; }
.news .list {float: left;padding: 0 11px;margin-bottom: 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news .list a {display: block;position: relative;border-radius: 10px;overflow: hidden;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.news .list a:hover, .news .list a.on {box-shadow: 6px 0 20px rgba(123, 123, 123, 0.15); }
.news .list a:hover h4, .news .list a.on h4 {color: #0089ab; }
.news .list .img-box {position: static;display: block; }
.news .list .img-box img {width: 100%;height: 222px;left: 0;top: 0;object-fit: cover;transform: translate(0, 0) scale(1.2);position: static;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.news .list:hover .img-box img {transform: translate(0, 0) scale(1.1); }
.news .list .text-box {height: 162px;position: relative;padding: 30px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #ffffff  no-repeat right 20px bottom 30px/20px 17px; }
.news .list .text-box h4 {color: #000000;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.news .list .text-box p {color: #999999;font-size: 14px;position: absolute;bottom: 30px; }


.pages {padding: 50px 0;text-align: center; }
.pages a {width: 36px;height: 36px;background-color: #ffffff;display: inline-block;font-size: 15px;line-height: 35px;border-radius: 50%;margin: 0 6px; }
.pages a:hover, .pages a.on {color: #ffffff;background-color: #0089ab; }
.pages a.prev, .pages a.next {font-family: '宋体';color: #666;background-color: transparent; }


.newsv {padding-top: 30px;padding-bottom: 80px; }
.newsv .htit {text-align: center;margin-bottom: 50px; }
.newsv .htit h3 {padding: 30px 0;font-size: 30px;text-align: center; }
.newsv .htit i {color: #999999;font-size: 14px;line-height: 18px;margin-right: 20px; }
.newsv .htit i::before {margin-right: 10px;content: '';width: 18px;height: 18px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/18px 18px; }
.newsv .htit .bshare-custom {vertical-align: top;display: inline-block; }
.newsv .htit .bshare-custom a {background: none;padding-left: 0 !important;font-size: 14px;color: #999999 !important;line-height: 18px; }
.newsv .htit .bshare-custom a::before {margin-right: 10px;content: '';width: 20px;height: 17px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/20px 17px; }
.newsv .text-box {color: #666666;font-size: 16px;line-height: 30px; }
.newsv p.next {margin-top: 30px;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;line-height: 110px; }
.newsv p.next a {font-size: 15px;color: #666666;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newsv p.next a:hover {text-decoration: underline; }
.newsv p.next a.bl::before {display: inline-block;content: '';width: 0px;height: 0px;border-left: 0px solid #8f1105;border-right: 8px solid #8f1105;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-right: 12px; }
.newsv p.next a.br::after {display: inline-block;content: '';width: 0px;height: 0px;margin-left: 12px;border-right: 0px solid #8f1105;border-left: 8px solid #8f1105;border-top: 5px solid transparent;border-bottom: 5px solid transparent; }


.ins-img, .ins_img {color: #ffffff;position: relative; }
.ins-img img, .ins_img img {width: 100%; }
.ins-img .ins-tit, .ins_img .ins-tit {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center; }
.ins-img h3, .ins_img h3 {font-size: 48px; }
.ins-img span, .ins_img span {font-size: 24px; }
.ins-img .container, .ins_img .container {top: 0;left: 50%;height: 100%;transform: translatex(-50%);position: absolute; }
.ins-img .text, .ins_img .text {left: 0;bottom: 10%;position: absolute;font-size: 14px;line-height: 24px; }
.ins-img .select-box, .ins_img .select-box {position: absolute;left: 50%;bottom: 36%;width: 50%;transform: translatex(-50%); }
.ins-img .select-box select, .ins_img .select-box select {margin: 0 2%;background: transparent  no-repeat right 21px center/14px 9px;width: 46%;height: 50px;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 50px;border: 1px solid #ffffff;color: #ffffff;outline: none;text-indent: 43px;text-indent: 43px; }
.ins-img .select-box select option, .ins_img .select-box select option {color: #000000;text-indent: 43px;line-height: 50px; }
.ins-img h3{padding: 20px 0;text-align: center;color: #000000;}


.honner .btn {text-align: center;margin: 40px 0; }
.honner .btn a {width: 140px;line-height: 30px;display: inline-block;transition: all .5s;border: 1px solid #e5e5e5;margin: 0 8px; }
.honner .btn a.on, .honner .btn a:hover {color: #ffffff;border: 1px solid #d5ecf1;background-color: #0089ab; }
.honner .text-box {width: 70%;margin: 0 auto;font-size: 14px;line-height: 24px;color: #666666;text-align: center; }
.honner .list-box {margin-top: 35px; }
.honner .list-box .box {margin: 0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.honner .list-box .box a {display: block; }
.honner .list-box .box .list {width: 300px;margin: 0 auto 44px;background-color: #f8f8f8;overflow: hidden; }
.honner .list-box .box .list p {color: #666666;line-height: 40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.honner .list-box .box .list .img-box {height: 210px;width: inherit; }
.honner .list-box .box .list .img-box img {height: 100%;object-fit: contain;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.honner .list-box .box:hover .list .img-box img, .honner .list-box .box.on .list .img-box img {transform:  scale(1.1, 1.1); }


.co-htit {text-align: center;font-family: '思源黑体 cn';margin: 60px 0; }
.co-htit p {color: #7c7c7c;font-size: 24px;line-height: 48px;text-transform: uppercase; }
.co-htit h3 {color: #000000;font-size: 24px;line-height: 48px;margin-top: 5px; }


.us .text-box {color: #666666;font-size: 22px;line-height: 28px;max-width: 900px;text-align: center;margin: 0 auto; }/* .us .text-box p, */.font-size-22{font-size: 22px;line-height: 44px;}


.contact {text-align: center;padding-top: 82px;padding-bottom: 74px; }
.contact .list {margin: 0 auto;display: inline-block; }
.contact .list .contact-box {display: inline-block;height: 260px;vertical-align: top;width: 308px;float: left;box-sizing: border-box;padding: 0 30px; }
.contact .list .contact-box .img {height: 100px;line-height: 100px;margin-top: 15px; }
.contact .list .contact-box .img img{vertical-align: middle;}
.contact .list .contact-box .text_box h3 {margin: 25px 0;color: #333333;font-size: 15px; }
.contact .list .contact-box .text_box p {color: #666666;font-size: 14px;line-height: 24px; }
.contact .list .contact-box ~ .contact-box {border-left: 1px solid #ececec; }


.msg form .input-box input {width: 30%;float: left;height: 52px;line-height: 52px;margin: 15px 0;text-indent: 24px;border: 1px solid #dfdfdf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.msg form .input-box input:not(:nth-of-type(3n 1)) {margin-left: 5%; }
.msg form .input-box input:nth-of-type(5) {width: 65%; }
.msg form .reg-box {width: 590px;margin: 30px auto 80px;display: block; }
.msg form .reg-box button, .msg form .reg-box .img-box, .msg form .reg-box .reg {margin-left: 40px;float: left;width: 170px;height: 50px;line-height: 50px;display: inline-block; }
.msg form .reg-box button {border: none;color: #ffffff;text-align: center;background-color: #0089ab;outline: none;cursor: pointer;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.msg form .reg-box button:hover {background-color: #00789a; }
.msg form .reg-box .img-box {cursor: pointer;margin-left: 0; }
.msg form .reg-box .img-box img {width: 100%;height: 100%; }
.msg form .reg-box .reg {line-height: 52px;text-indent: 24px;border: 1px solid #dfdfdf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #f9f9f9; }


.ab-tit {padding: 90px 0 60px;text-align: center; }
.ab-tit h3 {color: #000000;line-height: 60px;margin-bottom: 10px;font: bold 30px '微软雅黑'; }
.ab-tit p {width: 100%;margin: 0 auto;color: #666666; }
.ab-tit p i {color: #0089ab; }


.ab1 {margin: 90px auto 70px; }
.ab1 > .img {width: 44%;float: left;height: 510px;display: inline-block;vertical-align: middle;/* float: none; */display: table-cell; }
.ab1 > .img img{width: 100%;height: 100%;object-fit: cover;}
.ab1 > .text {width: 52%;padding-left: 4%;vertical-align: top;float: left;display: inline-block;float: none;/* display: table-cell; */ }
.ab1 > .text h3 {color: #000000;margin: 20px auto 40px;line-height: 60px;font: bold 30px '微软雅黑'; }
.ab1 > .text .swiper-container {width: 100%;/*height: 300px; */ }
.ab1 > .text .swiper-container .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box; }
.ab1 > .text .swiper-container .swiper-slide .text-box {/* width: 95%; */font-size: 14px;color: #666666;line-height: 24px; }
.ab1 > .text .ab-icon {margin-top: 20px; }
.ab1 > .text .ab-icon .list {float: left;width: 33%;display: inline-block;text-align: center;font-size: 14px;line-height: 24px; }
.ab1 > .text .ab-icon .list .img {width: 100%;height: 32px; }
.ab1 > .text .ab-icon .list .text {margin-top: 10px; }
.ab1 > .text .ab-icon .list .text h4 {color: #000000; }
.ab1 > .text .ab-icon .list .text p {color: #666666; }


.ab2 {text-align: center;padding-bottom: 80px;background:  no-repeat center/cover; }
.ab2 img {margin: 0 25px; }


.ab3 {position: relative; }
.ab3 img {width: 50%;float: left; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {/* ie10  css styles go here */}


.ab4 {margin-bottom: 40px;/* background:  no-repeat center bottom/100% 580px; */ }
.ab4 .main1,.main2{/* height: 570px; *//* background:  no-repeat center/contain; */}
.ab4 .main1 .box1 {padding-top: 150px;text-align: center; }
.ab4 .main1 .box1 h4 {font-size: 36px;color: #333333; }
.ab4 .main1 .box1 .text-box {margin: 35px auto;font-size: 14px;line-height: 30px;color: #666666; }
.ab4 .main1 .box1 a {display: block;margin: 0 auto;width: 130px;height: 30px;color: #ffffff;text-align: center;line-height: 30px;background-color: #0089ab;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.ab4 .main1 .box1 a:hover {background-color: #00789a; }
.ab4 .main1 .box1 a:active {background-color: #0089ab; }


.first-select {padding-top: 240px; }
.first-select h3 {text-align: center;font-weight: normal;color: #fff;font-size: 24px;margin: 0;padding-bottom: 76px; }
.first-select h3 span {display: block;color: #b5b5b5;font-size: 16px;padding-top: 15px; }
.first-select dl {width: 637px;margin: 0 auto;font-size: 16px; }
.first-select dl dt {padding-left: 56px;background:  no-repeat left bottom; }
.first-select dl dt span {display: block;border-bottom: 1px solid #999;line-height: 50px;color: #999;background:  no-repeat 98% center;cursor: pointer; }
.first-select dl dd {display: none;padding-left: 56px;padding-top: 10px; }
.third-select h2 {line-height: 72px;color: #ffffff;padding: 95px 0 70px; }


.down .list {float: left;width: 663px;margin-bottom: 33px;height: 109px;position: relative;background: rgba(255, 255, 255, 0.4)  no-repeat right 31px center/26px 26px; }
.down .list:nth-of-type(2n) {margin-left: 74px; }
.down .list::after {content: '';position: absolute;left: 0;bottom: 0;display: inline-block;width: 0;height: 4px;background-color: #0089ab;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.down .list:hover::after {width: 100%; }
.down .list a {display: block;width: 100%;height: 100%;padding: 0 100px 0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.down .list a h3, .down .list a i {display: inline-block;line-height: 109px;color: #ffffff; }
.down .list a i {float: right; }


.year_swiper {position: relative; }
.year_swiper::before {width: 100%;height: 2px;left: 0;bottom: 7px;display: inline-block;position: absolute;content: '';background-color: #ffffff; }
.year_swiper .main {width: 100%;max-width: 1350px; }
.year_swiper .swiper-container {max-width: 80%;margin-left: unset; }
.year_swiper .swiper-slide {width: 20%; }
.year_swiper .swiper-slide p {font-size: 16px;height: 65px;line-height: 44px;color: #ffffff;cursor: pointer;text-align: center;position: relative; }
.year_swiper .swiper-slide p::after {position: absolute;bottom: 0px;left: 48%;content: '';display: block;width: 14px;height: 14px;content: '';width: 14px;height: 14px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/14px 14px; }
.year_swiper .swiper-slide.on p {color: #ffffff;font-size: 30px;line-height: 30px; }
.year_swiper .swiper-slide.on p::after {position: absolute;bottom: 0px;left: 48%;content: '';display: block;background-color: #0089ab;border-radius: 50%;width: 14px;height: 14px;background-image: none; }
.year_swiper .btn-box {width: 110px;display: inline-block;position: absolute;right: 0;top: 0; }
.year_swiper .btn-box .swiper-button-prev, .year_swiper .btn-box .swiper-button-next {top: 0;width: 34px;margin-top: 0; }
.year_swiper .btn-box .swiper-button-prev {background:  no-repeat center/34px 14px; }
.year_swiper .btn-box .swiper-button-prev:hover {transform: rotate(180deg);background:  no-repeat center/34px 14px; }
.year_swiper .btn-box .swiper-button-next {transform: rotate(180deg);background:  no-repeat center/34px 14px; }
.year_swiper .btn-box .swiper-button-next:hover {transform: rotate(0);background:  no-repeat center/34px 14px; }/*.bd_swiper {overflow: hidden;max-width: 1300px;padding-top: 170px;margin: 0 auto 65px; }


.bd_swiper > .swiper-container .swiper-slide {height: 400px; }
.bd_swiper > .swiper-container .swiper-slide .his_box {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%; }
.bd_swiper > .swiper-container .swiper-slide .his_box .img-box {width: 650px;height: 400px;display: table-cell;vertical-align: middle;text-align: center; }
.bd_swiper > .swiper-container .swiper-slide .his_box .img-box img {width: 100%;height: 100%;object-fit: cover; }
.bd_swiper > .swiper-container .swiper-slide .his_box .text-box {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #000;display: table-cell;vertical-align: top;padding: 70px 60px;background: #ffffff  no-repeat right 70px top 55px;width: 50%; }
.bd_swiper > .swiper-container .swiper-slide .his_box .text-box h3 {color: #0089ab;margin-bottom: 25px; }
.bd_swiper > .swiper-container .swiper-slide .his_box .text-box p {text-align: left;color: #333333; }
.bd_swiper h3 {font-size: 36px; }*/


.bd_swiper {overflow: hidden;max-width: 1300px;padding-top: 170px;margin: 0 auto 65px; }
.bd_swiper > .swiper-container .swiper-slide {height: auto; }
.bd_swiper > .swiper-container .swiper-slide .his_box {display: block;}
.bd_swiper > .swiper-container .swiper-slide .his_box .img-box {width: 650px;display: table-cell;vertical-align: middle;text-align: center; }
.bd_swiper > .swiper-container .swiper-slide .his_box .img-box img {width: 100%;height: 100%;object-fit: contain; }


.major h3, .platform h3, .news2 h3 {color: #000000;margin: 0 auto 70px;line-height: 60px;text-align: center;font: 30px '微软雅黑'; }


.rdc {margin: 90px auto 70px; }
.rdc h3 {color: #000000;margin: 20px auto 40px;line-height: 60px;font: 30px '微软雅黑'; }
.rdc > .swiper-container {float: left; }
.rdc > .swiper-container .img-box {width: inherit;height: 550px;float: left;display: inline-block; }
.rdc > .swiper-container .img-box img {width: 100%;height: 100%;object-fit: cover; }
.rdc > .swiper-container .btn {width: 120px;height: 50px;right: 0;bottom: 0;position: absolute;background-color: #ffffff;z-index: 2; }
.rdc > .swiper-container .btn .swiper-button-prev, .rdc > .swiper-container .btn .swiper-button-next {width: 60px;height: 50px;margin: 0; }
.rdc > .swiper-container .btn .swiper-button-prev:hover, .rdc > .swiper-container .btn .swiper-button-next:hover {background-color: #0089ab; }
.rdc > .swiper-container .btn .swiper-button-prev {top: 0;left: 0;background:  no-repeat center/18px 27px; }
.rdc > .swiper-container .btn .swiper-button-prev:hover {background-image: ; }
.rdc > .swiper-container .btn .swiper-button-next {top: 0;right: 0;background:  no-repeat center/18px 27px; }
.rdc > .swiper-container .btn .swiper-button-next:hover {background-image: ; }
.rdc > .text {width: 48%;margin-left: 2%;vertical-align: top;display: inline-block; }
.rdc > .text .swiper-container {width: 100%;height: auto; }
.rdc > .text .swiper-container .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box; }
.rdc > .text .swiper-container .swiper-slide .text-box {width: 98%;font-size: 14px;color: #666666;line-height: 24px; }
.rdc > .text .env-icon {margin-top: 60px; }
.rdc > .text .env-icon .list {float: left;width: 33%;display: inline-block;text-align: center;font-size: 14px;line-height: 24px; }
.rdc > .text .env-icon .list .img {width: 100%;height: 70px; }
.rdc > .text .env-icon .list .text {color: #666666;margin-top: 10px;font-size: 14px;line-height: 24px; }


.major {background-color: #f3f3f3;padding: 125px 0 80px; }
.major .list {width: 322px;margin: 0 auto;border-radius: 50%; }
.major .list .img-box {width: 322px;height: 276px; }
.major .list .img-box img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0; }
.major .list .text-box {height: 195px;text-align: center;background-color: #dadada;border-radius: 0 0 10px 10px; }
.major .list .text-box h4 {font-size: 24px;line-height: 48px;padding-top: 10px;margin-bottom: 5px; }
.major .list .text-box p {font-size: 14px;line-height: 24px;color: #666666; }
.major .btn-box {width: 120px;height: 50px;margin: 70px auto 0;position: relative; }
.major .swiper-button-prev, .major .swiper-button-next {width: 47px;height: 47px;margin: 0; }
.major .swiper-button-prev {top: 0;left: 0;background:  no-repeat center; }
.major .swiper-button-next {top: 0;right: 0;background:  no-repeat center; }


.platform {padding: 50px 0;/* background:  no-repeat center/cover; */}
.platform .list {vertical-align: top;color: #ffffff;width: 250px;margin: 0 auto 30px; }
.platform .list .img {text-align: center;position: relative; }
.platform .list .img img:nth-of-type(2) {top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;z-index: -1; }
.platform .swiper-slide{min-height: 230px;padding: 30px 0;background-color: #000000;}
.platform .swiper-slide:nth-of-type(1){background: no-repeat center/cover;}
.platform .swiper-slide:nth-of-type(2){background: no-repeat center/cover;}
.platform .swiper-slide:nth-of-type(3){background: no-repeat center/cover;}
.platform .list .text-box {margin-top: 30px; }
.platform .list .text-box h4 {font-size: 24px;text-align: center;margin-bottom: 15px; }
.platform .list.on .img img:nth-of-type(2), .platform .list:hover .img img:nth-of-type(2) {z-index: 1; }


.news2 {padding-top: 80px; }
.news2 .list {max-width: 420px;height: 484px;padding: 25px;margin: 0 auto 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #e5e5e5; }
.news2 .list .text-box {margin-top: 35px;line-height: 30px; }
.news2 .list .text-box h4 {font-size: 18px;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news2 .list .text-box span {font-size: 12px;color: #999999; }
.news2 .list .text-box p {margin-top: 13px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.news2 .list .img-box {width: 375px;height: 230px;overflow: hidden; }
.news2 .list .img-box img {width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.news2 .list:hover .img-box img {transform: scale(1.1); }


.case-nav-swiper {top: 0;z-index: 5;padding: 25px 0;position: sticky;background-color: #f8f8f8; }
.case-nav-swiper .swiper-slide {-webkit-flex-shrink: 1;flex-shrink: 1;text-align: center;cursor: pointer; }
.case-nav-swiper .swiper-slide i.ico {width: 34px;height: 34px;line-height: 34px;position: relative;display: inline-block; }
.case-nav-swiper .swiper-slide i.ico img {vertical-align: middle; }
.case-nav-swiper .swiper-slide p {display: block;line-height: 36px;color: #666666; }
.case-nav-swiper .swiper-slide::after {content: '';width: 22px;height: 4px;position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);display: inline-block;background-color: transparent;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.case-nav-swiper .swiper-slide:hover::after, .case-nav-swiper .swiper-slide.active::after {background-color: #0089ab; }


.case-main {margin-top: 66px; }
.case-main .list-box {margin: 0 -40px; }
.case-main .list {float: left;padding: 0 40px;margin-bottom: 64px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.case-main .list a {display: block;position: relative;overflow: hidden; }
.case-main .list a .img_box {width: 415px;height: 265px;overflow: hidden;position: relative;background-color: #000000; }
.case-main .list a .img_box img {width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.case-main .list a .img_box .mask {width: 31px;height: 31px;background:  no-repeat center/31px 31px;position: absolute;opacity: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.case-main .list a:hover img {opacity: .75;transform: scale(1.05); }
.case-main .list a:hover .mask {opacity: 1; }
.case-main .list:hover .text::after {width: 100%; }
.case-main .text {padding: 23px 0;background:  no-repeat right center/23px 13px;border-bottom: 1px solid #e4e4e4; }
.case-main .text p {color: #666666;line-height: 34px; }
.case-main .text span {color: #c8c8c8; }
.case-main .text::after {content: '';left: 0;bottom: 0;height: 1px;width: 0;position: absolute;display: inline-block;background-color: #0089ab;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }h3.font-size-36{margin: 20px 0;text-align: center;}


.casev .casev-tit {display: flex;align-items: center;bottom: 2px !important;overflow: hidden;margin: 60px auto 30px; }
.casev .casev-tit .box {width: 190px;padding: 0 20px;text-align: center;white-space: nowrap;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3; }
.casev .casev-tit::before {content: "";display: inline-block;width: 800px;height: 1px;background-color: #cccccc;vertical-align: middle; }
.casev .casev-tit::after {content: "";display: inline-block;width: 800px;height: 1px;background-color: #cccccc;vertical-align: middle; }
.casev .casev-tit h3 {color: #666666;font-size: 18px; }
.casev .casev-tit p {font-size: 12px;color: #999999; }
.casev .case-share {display: block;text-align: right;margin-bottom: 30px;font-size: 14px; }
.casev .case-share img {vertical-align: middle;margin: 0 10px; }
.casev .case-share .bshare-custom {display: inline-block; }
.casev .case-share .bshare-custom a {width: 28px;height: 28px;background-repeat: no-repeat;background-position: center;background-size: 28px 28px; }
.casev .case-share .bshare-custom a:nth-of-type(1) {background-image: ; }
.casev .case-share .bshare-custom a:nth-of-type(2) {background-image: ; }
.casev .case-share .bshare-custom a:nth-of-type(3) {background-image: ; }
.casev .case-share .bshare-custom a:nth-of-type(4) {background-image: ; }
.casev .text {color: #777777;margin-top: 60px;margin-bottom: 40px;font-size: 14px;line-height: 24px; }


.casevswiper {width: 100%;background-color: #f0f0f0; }
.casevswiper .swiper-slide {padding: 65px 125px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.casevswiper .swiper-slide .img-box {height: 35vw;max-height: 565px;width: inherit; }
.casevswiper .swiper-button-prev, .casevswiper .swiper-button-next {width: 37px;height: 51px; }
.casevswiper .swiper-button-prev {left: 37px;background:  no-repeat center/contain; }
.casevswiper .swiper-button-next {right: 37px;background:  no-repeat center/contain; }


.recommend {margin-bottom: 65px; }
.recommend .box {display: flex;align-items: center;bottom: 2px !important;overflow: hidden;margin-bottom: 50px; }
.recommend .box::before {content: "";display: inline-block;width: 800px;height: 1px;margin-right: 16px;background-color: #cccccc;vertical-align: middle; }
.recommend .box::after {content: "";display: inline-block;width: 800px;height: 1px;margin-left: 16px;background-color: #cccccc;vertical-align: middle; }
.recommend .box h4 {width: 165px;padding: 0 50px;height: 45px;font-size: 16px;border: 1px solid #aaaaaa;line-height: 45px;text-align: center;white-space: nowrap; }
.recommend .list {margin-bottom: 20px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.recommend .list a {display: block;position: relative;overflow: hidden; }
.recommend .list .img_box {width: 100%;/* height: 260px; */padding: 20px;border: 1px solid #e5e5e5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;}
.recommend .list p {font-size: 14px;line-height: 48px;text-align: center;}
.recommend .btn-box {display: none; }


.pro {background-color: #f6f6f6; }
.pro .pro-nav {width: 20%;float: left;display: inline-block;background-color: #ffffff; }
.pro .pro-nav > h3 {font-size: 16px;line-height: 90px;border-bottom: 1px solid #ececec; }
.pro .pro-nav > h3::before {content: '';width: 27px;height: 27px;display: inline-block;vertical-align: text-bottom;background:  no-repeat center/27px 27px;margin-left: 10px;margin-right: 24px; }
.pro .pro-nav .input-box {width: 90%;margin: 23px  auto;position: relative; }
.pro .pro-nav .input-box input {height: 40px;text-indent: 30px;line-height: 40px;width: 100%;background-color: #eeeeee; }
.pro .pro-nav .input-box button {top: 0;right: 0;width: 38px;height: 40px;border: none;background: #0089ab  no-repeat center/14px 14px;position: absolute; }
.pro .pro-nav > ul {padding: 0 15px; }
.pro .pro-nav > ul > li {padding: 25px 0; }
.pro .pro-nav > ul > li > a {display: block;width: 100%;font-size: 16px;line-height: 35px;background:  no-repeat right 10px center;}
.pro .pro-nav > ul > li.on > a {background:  no-repeat right 10px center;}
.pro .pro-nav > ul > li ul {display: none;margin-top: 20px;}
.pro .pro-nav > ul > li.on ul {display: block;}
.pro .pro-nav > ul > li ul li {font-size: 14px;line-height: 40px; }
.pro .pro-nav > ul > li ul li a {width: 100%;display: block;text-indent: 30px;background:  no-repeat left center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.pro .pro-nav > ul > li ul li:hover a, .pro .pro-nav > ul > li ul li.on a {color: #0089ab;background:  no-repeat left center; }
.pro .pro-nav > ul > li   li {border-top: 1px solid #e7e7e7; }
.pro .pro-list {float: right;width: 80%;padding-left: 37px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 54px;vertical-align: top;display: inline-block; }
.pro .pro-list .list-box {margin-left: -11px;margin-right: -11px; }
.pro .pro-list .list {float: left;padding: 0 11px;margin-bottom: 32px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.pro .pro-list .list a {display: block;float: left;width: 100%;height: 239px;padding: 70px 47px 70px 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #ffffff; }
.pro .pro-list .list .img-box {width: 40%;float: left;position: relative;height: 139px; }
.pro .pro-list .list .img-box img {object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.pro .pro-list .list:hover .img-box img {transform: translate(-50%,-50%) scale(1.1, 1.1); }
.pro .pro-list .list .text-box {width: 60%;float: left;padding-left: 26px;display: table-cell;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.pro .pro-list .list .text-box h4 {color: #000000;font-size: 16px;line-height: 24px;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.pro .pro-list .list .text-box p {color: #666666;font-size: 14px;line-height: 24px;margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.pro .pro-list .list .text-box span {color: #595959;font-size: 14px;transition: all .5s; }
.pro .pro-list .list .text-box span::after {content: '';width: 13px;height: 9px;margin-left: 37px;transition: all .5s;display: inline-block;background:  repeat-x center/13px 9px; }
.pro .pro-list .list:hover span, .pro .pro-list .list.on span {color: #000000; }
.pro .pro-list .list:hover span::after, .pro .pro-list .list.on span::after {background:  repeat-x 26px 0/13px 9px; }


.prov {padding: 90px 0 70px;background-color: #f5f5f5; }
.prov h3 {color: #000000;padding-bottom: 36px;border-bottom: 1px solid #b3b3b3;line-height: 60px;font: 30px '微软雅黑'; }
.prov .container > .swiper-container {float: left; }
.prov .container > .swiper-container .img-box {width: inherit;height: 500px;float: left;display: inline-block; }
.prov .container > .swiper-container .img-box img {width: 100%;height: 100%;object-fit: contain; }

/* ie10专用 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.prov .container > .swiper-container .img-box img {width: auto;}}
.prov .text_box {padding-left: 5%;vertical-align: top;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.prov .text_box .swiper-container {margin-top: 25px;margin-bottom: 25px;width: 100%;height: 200px; }
.prov .text_box .swiper-container .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box; }
.prov .text_box .swiper-container .swiper-slide .text {width: 98%;font-size: 14px;color: #696969;line-height: 36px; }
.prov .text_box .btn > a {display: inline-block;color: #ffffff;padding: 0 35px;margin: 10px 5px 0;text-align: center;font-size: 16px;line-height: 44px;border-radius: 22px; }
/* 网络商城 */
/*
.prov .text_box > a:nth-of-type(1) {background: #0089ab  no-repeat left 20% center/21px 21px; }
.prov .text_box > a:nth-of-type(2) {background: #0089ab  no-repeat left 20% center/23px 24px; }
.prov .text_box > a:nth-of-type(3) {background: #0089ab  no-repeat left 20% center/23px 24px; } */
.prov .text_box .btn > a:nth-of-type(1) {text-indent: 35px;background: #0089ab  no-repeat left 20% center/23px 24px; }
.prov .text_box .btn > a:nth-of-type(2) {text-indent: 15px;background: #0089ab  no-repeat left 20% center/23px 24px; }
.prov .case-share {display: block;margin-top: 54px;font-size: 14px; }
.prov .case-share img {vertical-align: middle;margin: 0 10px; }
.prov .case-share .bshare-custom {display: inline-block; }
.prov .case-share .bshare-custom a {width: 28px;height: 28px;background-repeat: no-repeat;background-position: center;background-size: 28px 28px; }
.prov .case-share .bshare-custom a:nth-of-type(1) {background-image: ; }
.prov .case-share .bshare-custom a:nth-of-type(2) {background-image: ; }
.prov .case-share .bshare-custom a:nth-of-type(3) {background-image: ; }
.prov .case-share .bshare-custom a:nth-of-type(4) {background-image: ; }


.recommend.rec-prov h4,.prov-data h4 {margin-top: 24px;font-size: 24px;line-height: 48px;text-indent: 20px;color: #000000;border-bottom: 1px solid #dadada; }
.recommend.rec-prov h3,.prov-data h3 {color: #000000;font-size: 24px;padding-top: 50px;line-height: 48px;border-bottom: 1px solid #dbdbdb;margin-bottom: 40px;position: relative; }
.recommend.rec-prov h3::after,.prov-data h3::after {content: '';left: 0;bottom: 0;height: 1px;width: 140px;background-color: #0089ab;position: absolute; }


.prov-data h3{margin-bottom: 0;border-bottom: 0;}
.prov-data ul.hd{background: url(/uploads/image/phimages/icon41.gif);}
.prov-data .hd li{float: left;font-size: 16px;margin: 10px 8px 0;padding: 0 12px;line-height: 30px;height: 30px;cursor: pointer;}
.prov-data .hd li.on,.prov-data .hd li:hover{color: #0089ab;border-color: #e5edf7 #e5edf7 white #e5edf7;border-width: 1px;border-style: solid;background-color: #ffffff;}
.prov-data .bd .text-box{margin: 50px 0;}


.recommend.rec-prov {margin-bottom: 0;background-color: #f5f5f5; }
.recommend.rec-prov h3 {color: #000000;font-size: 24px;padding-top: 50px;line-height: 48px;border-bottom: 1px solid #dbdbdb;margin-bottom: 40px;position: relative; }
.recommend.rec-prov h3::after {content: '';left: 0;bottom: 0;height: 1px;width: 140px;background-color: #0089ab;position: absolute; }
.recommend.rec-prov .list .img_box {background-color: #ffffff; }


h2.jion {margin: 75px auto 45px;font: bold 30px '微软雅黑';text-align: center; }
.jion-brand {text-align: center;margin-top: 85px;background:  no-repeat top 15px center/1170px 368px; }
.jion-brand h2.jion {margin-bottom: 22px; }
.jion-brand p {font-size: 16px;line-height: 30px;color: #666666;max-width: 1100px;margin: 0 auto; }
.jion-brand .tag-box {margin-top: 0;background-color: transparent; }
.jion-brand .swiper-wrapper {margin-bottom: 30px; }
.jion-brand .swiper-container {margin: 40px 0 60px; }
.jion-brand .swiper-slide .list {padding: 0 10px; }
.jion-brand .swiper-slide .list .img_box{width: 100%;height: 100%;}
.jion-brand .swiper-slide .list .img_box img{width: 100%;object-fit: cover;}


.jion-lce {height: 680px;background:  no-repeat center/cover; }
.jion-lce .container {position: relative;padding: 70px 0 0;}
.jion-lce h3 {color: #333333;font-size: 24px;line-height: 48px;font-weight: bold;margin: 150px 0;}
.jion-lce h3 span {color: #1590b0; }
.jion-lce .bl {padding-left: 65px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.jion-lce .text-box p {font-size: 16px;line-height: 30px;color: #666666; }


.jion-pro .jbd {margin-top: 40px; }
.jion-pro .jbd img {width: 100%; }
.jion-pro .jbd .box {z-index: 10;top: 50%;left: 50%;height: 50px;transform: translate(-50%, -50%);position: absolute; }
.jion-pro .jbd .box .swiper-button-next {width: 43px;height: 26px;background:  no-repeat center/contain; }
.jion-pro .jbd .box .swiper-button-prev {width: 43px;height: 26px;background:  no-repeat center/contain; }


.jion-about .iab {margin-top: 90px;margin-bottom: 110px; }
.jion-about .about-swiper {max-height: 400px;position: relative; }
.jion-about .about-swiper img {width: 100%;object-fit: cover; }
.jion-about .about-swiper .btn {width: 120px;height: 50px;right: 0;bottom: 0;position: absolute;background-color: #ffffff;z-index: 2; }
.jion-about .about-swiper .btn .swiper-button-prev, .jion-about .about-swiper .btn .swiper-button-next {width: 60px;height: 50px;margin: 0; }
.jion-about .about-swiper .btn .swiper-button-prev:hover, .jion-about .about-swiper .btn .swiper-button-next:hover {background-color: #0089ab; }
.jion-about .about-swiper .btn .swiper-button-prev {top: 0;left: 0;background:  no-repeat center/18px 27px; }
.jion-about .about-swiper .btn .swiper-button-prev:hover {background-image: ; }
.jion-about .about-swiper .btn .swiper-button-next {top: 0;right: 0;background:  no-repeat center/18px 27px; }
.jion-about .about-swiper .btn .swiper-button-next:hover {background-image: ; }


.jion-sales {padding: 55px 0 150px;background:  no-repeat center/cover; }
.jion-sales h2.jion {color: #ffffff;margin-bottom: 105px; }
.jion-sales .sales-swiper {max-width: 1300px; }
.jion-sales .sales-swiper .swiper-wrapper .swiper-slide {padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.jion-sales .list {height: 260px;max-width: 280px;border: 1px solid #ffffff;margin: 0 auto 30px;border-radius: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 45px 20px; }
.jion-sales .list .img_box {width: 64px;height: 53px;margin: 0 auto;line-height: 53px;border: 1px solid #ffffff;border-radius: 8px;display: block; }
.jion-sales .list .img_box img {vertical-align: middle; }
.jion-sales .text-box {text-align: center;color: #ffffff; }
.jion-sales .text-box h4 {font-size: 18px;line-height: 30px;margin-top: 16px;margin-bottom: 28px; }
.jion-sales .text-box p {font-size: 14px;line-height: 18px; }


.jion-join.msg {padding: 40px 0 50px; }
.jion-join.msg .box img {width: 100%; }
.jion-join.msg form {margin-top: 70px; }
.jion-join.msg form button {background-color: #2f2f2f; }


.showroom {width: 100%;height: 1200px;position: relative;background:  no-repeat center/contain; }
.showroom .list-box {top: 35%;left: 50%;width: 860px;position: absolute;transform: translate(-50%, -50%); }
.showroom .list-box .list {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;width: 50%;}
.showroom .list-box .list .img-box {width: 410px;height: 275px;position: relative;}
.showroom .list-box .list a {width: 100%;height: 100%;display: block;position: relative; }
.showroom .list-box .list img {border-radius: 15px; }
.showroom .list-box .list .inset {top: 0;left: 0;width: 100%;height: 100%;position: absolute;border-radius: 15px;border: 3px solid #00fff6;box-shadow: inset 0px 0px 50px #00fff6;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.showroom .list-box .list p {color: #00fff6;font-size: 28px;line-height: 48px;text-align: center; }
.showroom .list-box .list:hover .inset {box-shadow: inset 0px 0px 0 #00fff6; }


/* login */
.login {display: block;position: fixed;top: 50%;width: 723px;height: 624px;padding: 0 80px;left: 50%;border-radius: 30px;transform: translate(-50%,-50%) scale(0);background: #ffffff  no-repeat center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;opacity: 0;z-index: -1;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.login.on {opacity: 1;z-index: 999;transform: translate(-50%,-50%) scale(1); }
.login h2 {font-size: 36px;padding-top: 60px;color: #0088f4;text-align: center;padding-bottom: 15px; }
.login form {margin-top: 20px; }
.login form p {position: relative;margin-bottom: 23px;background-position: 2% 50%;background-repeat: no-repeat; }
.login form p:first-of-type {background-size: 28px 30px;background-image: ; }
.login form p:last-of-type {background-size: 24px 28px;background-image: ; }
.login form p a {top: 50%;right: 0;width: 160px;height: 45px;color: #ffffff;font-size: 20px;line-height: 45px;text-align: center;border-radius: 3px;position: absolute;display: inline-block;background-color: #0088f4;transform: translatey(-50%);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.login form p a:hover {background-color: #0077e3; }
.login form p a:active {background-color: #0088f4; }
.login form input {width: 100%;font-size: 24px;line-height: 80px;text-indent: 10px;padding-left: 45px;box-sizing: border-box;background-color: rgba(255, 255, 255, 0);border-bottom: 1px solid #e5e5e5; }
.login form input::placeholder {color: #d7dee3;font-size: 24px;line-height: 48px; }
.login form button {border: 0;width: 357px;height: 50px;color: #ffffff;display: block;cursor: pointer;font-size: 24px;margin: 60px auto;line-height: 50px;border-radius: 3px;background-color: #0088f4;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.login form button:hover {background-color: #0077e3; }
.login form button:active {background-color: #0088f4; }
.login .other {text-align: center; }
.login .other a {color: #838383;margin: 0 40px;font-size: 16px;padding-top: 60px;display: inline-block;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.login .other a:nth-of-type(1) {background:  no-repeat top center/47px 47px; }
.login .other a:nth-of-type(2) {background:  no-repeat top center/47px 47px; }
.login .other a:hover {opacity: .7; }



.navtoggle{width: 30px;height: 30px;display: inline-block;font-size: 0;cursor: pointer;float: left;}
.navtoggle:before{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.navtoggle .icon,.navtoggle .icon:after,.navtoggle .icon:before{-webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;transition: all .3s linear 0s;}
.navtoggle .icon{width: 100%;height: 2px;display: inline-block;vertical-align: middle;background-color: #0089ab;}
.navtoggle .icon:after,.navtoggle .icon:before{content: "";width: 30px;height: 2px;display: inline-block;background-color: #0089ab;position: relative;}
.navtoggle .icon:before{top: -10px;}
.navtoggle .icon:after{bottom: -8px;}
.navtoggle.active .icon{width: 0;}
.navtoggle.active .icon:before{top: -5px;-webkit-transform: translatey(4px) rotate(45deg);transform: translatey(4px) rotate(45deg);-ms-transform: translatey(4px) rotate(45deg);}
.navtoggle.active .icon:after{top: -7px;-webkit-transform: translatey(4px) rotate(-45deg);transform: translatey(4px) rotate(-45deg);-ms-transform: translatey(4px) rotate(-45deg);}

.booking-content .bg1{background: no-repeat center bottom/cover;}
.booking-content .bg2{background: no-repeat center bottom;}
.booking-content .bg3{background: no-repeat center bottom/auto 100%;}
.booking-content .from-bg{height: 840px;}

.second-select{padding-top:160px; width:635px;margin: 0 auto;}
.second-select_after{ padding-top:132px;}
.second-select .title{color:#fff; font-size:24px;}
.second-select .title span{ display:block; color:#b5b5b5; font-size:16px; padding-top:5px;}
.second-select dl{  margin:36px 0;padding-left:50px; background: no-repeat left bottom; position:relative;}
.second-select dl.dl_after{ background-image:;}
.second-select dl dt{ cursor:pointer; border-bottom:1px solid #787878; line-height:45px; font-size:16px; color:#8b8a8a; background: no-repeat 96% center;}
.second-select dl dd{ position:absolute; width:calc( 100% - 50px ); left:50px; top:100%; z-index:10; display:none; font-size:16px;}
.second-select .input-list li{ position:relative; padding-left:30px; padding-right:17px;margin: 5px 0; background-repeat:no-repeat; background-position:left bottom;}
.second-select .input-list li.li_name{ background-image:;}
.second-select .input-list li.li_tel{ background-image:;}
.second-select .input-list li.li_ask{ background-image:;}
.second-select .input-list li.li_area{ background-image:;}
.second-select .input-list li.li_city{ background-image:;}
.second-select .input-list li.li_strict{ background-image:;}
.second-select .input-list li.li_company{ background-image:;}
.second-select .input-list li.li_txt{ background-image:;}
.second-select .input-list li.li_p{ background-image:;}
.second-select .input-list li.li_time{ background-image:;}
.second-select .input-list li.li_code{ background-image:;}
.second-select .input-list li .form_err{ position:absolute; right:0; top:0;color:#c81623; line-height:40px;}
.second-select .input-list ul.row-2 li{ float:left; width:197px;}
.second-select .input-list ul.row-2 li:nth-child(2n){ float:right;}
.second-select .input-list ul.row-2:last-of-type{margin-top: 37px;}
.second-select select{ color:#9fa3a4;border-bottom-color:#787878;}
.second-select select option:first-child{ display:none;}
.second-select .text{border-bottom-color:#787878;}
.second-select .btn-box {float: left;margin-left: 90px;}
.second-select .btn-box .btn{ width:170px; font-size:16px; height:42px; line-height:40px;background-color: #0089ab;color: #ffffff;text-align: center;border: 0px;}
.second-select select {color: #9fa3a4;border-bottom-color: #787878;}

.from-table-same .text {width: 100%;line-height: 40px;height: 40px;color: #fff;border: none;border-bottom: 1px solid #7f7a77;background: none;}
.from-table-same select {border: none;border-bottom: 1px solid #7f7a77;line-height: 40px;height: 40px;width: 100%;color: #666;display: block !important;}

select {border: solid 1px #000;appearance: none;-moz-appearance: none;-webkit-appearance: none;background:  no-repeat scroll 95% center transparent;padding-right: 26px !important;}

.booking-content input::placeholder{color: #cac8c6;}
.booking-content select{color: #cac8c6;outline: none;}
.booking-content option{color: #000000;}

.second-select dd a, .first-select dd a {display: block;background: rgba(255, 255, 255, 0.7);line-height: 45px;height: 45px;padding: 0 20px;transition: 0.2s;}
.second-select dd a:hover,.first-select dd a:hover{font: bold 20px '微软雅黑';line-height: 45px;}

.row-2 li:nth-of-type(2){margin-right: 60px;}

.second-select .input-list li.li_txt{position: relative;}
.second-select .input-list li.li_txt .img{top: 50%;right: 17px;transform: translatey(-50%);width: 85px;height: 35px;position: absolute;cursor: pointer;}
.second-select .input-list li.li_txt .img img{width: 100%;height: 100%;object-fit: cover;}


@media (max-width: 1920px) {
.showroom {background:  no-repeat center/cover; }}


@media (max-width: 1680px) {
.index-pro .ipro_slide .parbd .sslide .hd ul {margin-top: 50px; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide {padding: 55px 35px; }

.pro .pro-nav > ul > li {padding: 15px 0; }
.pro .pro-list .list a {padding: 50px 35px; }

.news .box .list {width: 300px; }

.ab1 > .text .swiper-container {/* height: 20vw; */ }

.jion-sales .swiper-slide {padding: 0 10px; }
.jion-sales .swiper-slide .list {padding: 35px 20px; }

.jion-lce .bl {padding-left: 0;padding-right: 65px; }

.text-box, .text {line-height: 32px; }
h2.jion {margin: 65px auto 40px; }
/* .recommend .list .img_box {height: 240px; } */ }


@media (max-width: 1600px) {
	.index-about .index-about-list {float: none; }
	/* .index-about .iabvideo {
		height:370px;
	} */
}

@media (max-width: 1200px) {
	/* .index-about .iabvideo {
		height:260px;
	} */
}


@media (max-width: 1520px) {
.header .mblnav .headernav {margin-right: 30px; }
.header .mblnav .headernav ul li {width: 78px; }
.header .mblnav .header-icon i {width: 50px; }

.index-pro .ipro_slide .parbd .sslide .hd ul {margin-top: 40px; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide {padding: 45px 25px; }

.news .box .list {width: 280px; }
.news .box .list .img-box {height: 180px; }

.case-main .list a .img_box {height: 220px; }

.honner .list-box .box .list {width: 250px; }

.us .contact .contact-box {width: 25%; }

.pro .pro-list .list a {padding: 40px 25px; }

.index-news .inews .index-news-list .index-news-box {padding: 15px 0; }
.index-news .inews .index-news-list {width: 55%;padding-left: 70px; }
.index-news .inews .inewspic {width: 45%; }
.index-news .inews .inewspic .inews-box img {height: 408px; }

.jion-brand {margin-top: 70px; }

.recommend .btn-box {display: block; }
/* .recommend .list .img_box {height: 240px; } */}


@media (max-width: 1280px) {
	
.header .mblnav .headernav {margin-right: 15px;}

.index-pro .parhd.swiper-container{overflow: hidden;}

 .index-about-list .index-about-box:nth-of-type(3) h4{line-height: 30px;}
 
}



@media (min-width: 1200px) {
.header .mblnav .header-icon .search-box::after{display: inline-block;}}


@media (max-width: 1200px) {
.header {height: 90px; }
.header .mblnav .headernav {line-height: 90px;margin-right: 0; }
.header .mblnav .headernav ul li {width: 75px; }
.header .mblnav .header-icon {margin-top: 21px; }
.header .mblnav .header-icon i {width: 45px; }
.header .mblnav .header-icon .lang {padding-left: 30px;background: url(/uploads/image/phimages/earth.png) no-repeat left 5px center/22px 22px; }

.jhd .swiper-slide,.parhd .swiper-slide {font-size: 14px;line-height: 50px; }

.index-pro .ipro_slide .parbd .sslide .hd ul {margin-top: 30px; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide {height: auto;padding: 35px 20px; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide .text-box {padding-left: 10px; }

.index-about-list .index-about-box {padding-left: 1%; }
.index-about-list .index-about-box   .index-about-box {margin-top: 20px; }

.index-news .inews .index-news-list {padding-left: 30px; }

.tag-box {padding: 20px; }
.tag-box .text {width: 100%;display: block;margin-right: 0;margin-bottom: 20px; }
.tag-box .list-box {width: 25%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.nav-box .pages a {padding: 0 10px; }

.news .list {margin-bottom: 20px; }
.newsv p.next {margin-top: 20px;line-height: 50px; }
.newsv p.next a {text-align: center; }

.jion-brand {margin-top: 60px; }
.jion-brand .swiper-container {margin: 30px 0 70px; }

.jion-about .index-about-list .index-about-box{line-height: 55px;}

.ins-img .select-box select {height: 40px;line-height: 40px; }

.ab-tit {padding: 70px 0 45px;text-align: center; }

.ab1 {margin: 60px auto 50px; }
.ab1 > .img img {width: 100%;height: 100%;object-fit: cover; }
.ab1 > .text {vertical-align: middle; }
.ab1 > .text h3 {font-size: 28px; }
.ab1 > .text .swiper-container {/* height: 30vw; */ }
.ab1 > .text .swiper-container .swiper-slide .text-box {width: 100%; }

.ab2 img {width: 46%;margin: 0 1%; }

.ab4 {background: none; }
.ab4 .main1 {height: auto; }
.ab4 .main1 .box1 {padding: 50px 0;background:  no-repeat center/contain; }
.ab4 .main1 .box2 {text-align: center;background-color: #f5f5f5; }

.booking-content .from-bg {height: auto;padding-bottom: 80px; }

.first-select {padding: 40vw 0; }
.first-select dl {width: 60%; }

.second-select {padding: 10vw 0; }

.bd_swiper {padding-top: 10vw; }

.major {padding: 60px 0; }
.major .list {width: 310px; }
.major .btn-box {margin-top: 40px; }

.platform {padding: 80px 0; }

.news2 {padding-top: 60px; }

.case-main .list-box {margin: 0 -10px; }
.case-main .list {padding: 0 10px;margin-bottom: 30px; }
.case-main .list a .img_box {height: 180px; }

.casevswiper .swiper-slide {padding: 40px 100px; }

.pro .pro-nav > h3 {line-height: 60px; }
.pro .pro-nav > h3::before {margin-left: 5px;margin-right: 10px; }
.pro .pro-nav .input-box {margin: 10px auto; }
.pro .pro-nav .input-box input {text-indent: 5px;height: 30px;line-height: 30px; }
.pro .pro-nav .input-box button {width: 30px;height: 30px; }
.pro .pro-nav > ul > li {padding: 5px 0; }

.prov .case-share {margin-top: 20px; }

.news-swiper .swiper-slide .text {height: 80px; }
.news-swiper .swiper-slide .text h2 {font-size: 22px;line-height: 48px; }

.jion-sales {padding: 50px 0 120px; }
.jion-sales h2.jion {margin-bottom: 80px; }

.jion-lce {height: auto; }
.jion-lce .container {padding: 70px 0 90px; }
.jion-lce .bl {padding-right: 0; }
.jion-lce h3 {margin: 0; } }


@media (max-width: 991px) {
	
.header {position: relative; }
.header h1 {width: 150px;background:  no-repeat center/contain; }
.header h1 a {width: 150px; }
.header .navtoggle {margin-top: 30px; }
.header .mblnav {left: 0;display: none;top: 100%;width: 100vw;z-index: 9999;position: absolute;background-color: #ffffff; }
.header .mblnav .headernav {width: 100%;background-color: #ffffff; }
.header .mblnav .headernav ul li {width: 100%;display: block;line-height: 75px;border-bottom: 1px solid #e5e5e5; }
.header .mblnav .headernav ul li a {display: block;width: 100%;height: 100%;font-size: 18px; }
.header .mblnav .header-icon {width: 100%;height: auto;padding-bottom: 50px;border-bottom: 1px solid #000000;text-align: center;display: inline-block; }
.header .mblnav .header-icon .shop-car, .header .mblnav .header-icon .search-box {float: none;margin-top: 10px;vertical-align: top;display: inline-block; }
.header .mblnav .header-icon .lang {float: none;margin-top: 5px;display: inline-block; }
.header .mblnav .header-icon .search-box {display: none; }
.header .mblnav .header-icon .search-box::after {content: none; }
.header .mblnav .head_form {top: 0;width: 300px;position: relative;vertical-align: top;display: inline-block; }

.jion-brand {margin-top: 40px; }
.jion-brand .swiper-container {margin: 20px 0 50px;}

.index-tit {margin: 55px auto 60px; }

.jhd .swiper-slide,.parhd .swiper-slide {line-height: 40px; }

.index-pro .ipro_li-prev,.index-pro .ipro_li-next{width: 15px;}
.index-pro .ipro_li-next{right: -20px;}
.index-pro .ipro_li-prev{left: -20px;}

.index-case .casebd li img{min-height: unset;}

.index-about .iabvideo,.index-about .index-about-list {display: block;float: left; }

.index-news .inews .index-news-list,.index-news .inews .inewspic {display: block;float: left;width: 100%; }
.index-news .inews .index-news-list .inews-box img,.index-news .inews .inewspic .inews-box img {height: 40vw;width: 100%; }
.index-news .inews .index-news-list .inews-box p,.index-news .inews .inewspic .inews-box p {font-size: 16px;line-height: 42px;padding-top: 40px;text-indent: 10px; }
.index-news .inews .index-news-list {padding-left: 0;padding-right: 0; }
.index-news .inews .index-news-list .index-news-box {margin-left: 0; }
.index-news .inews .index-news-list .index-news-box .text p {max-width: unset;margin-bottom: 0; }
.index-news .inews .index-news-list .index-news-box::before {content: none; }

.index-case .casehd .swiper-container {overflow: hidden; }
.index-case .casehd .swiper-container .swiper-slide.on {height: auto;margin-top: 0; }
.index-case .casehd .swiper-container .swiper-slide.on i {width: 40px;height: 40px;margin-top: 8px; }

.index-about-list .index-about-box .text {float: left;padding-left: 5%;margin-left: 0;width: calc(100% - 40px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
/* .index-about-list .index-about-box i {float: left; } */
.index-about-list .index-about-box i::after {content: none; }

.footer .footer1 .head_form {position: relative;margin: 10px 0;top: unset;height: 50px; }
.footer .footer1 .head_form input {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 50px;line-height: 50px; }
.footer .footer1 .head_form button {width: 50px;height: 50px; }
.footer .footer2 .footer-nav .fnav-box {display: block;margin-top: 0;width: 100%; }
.footer .footer2 .footer-nav .fnav-box h3 {line-height: 70px;border-bottom: 1px solid #aaa; }
.footer .footer2 .footer-nav .fnav-box ul {display: none; }
.footer .footer3 {border-top: none; }
.footer .footer3 h4 {display: block;background: #514f4f;color: #c2c2c2;font-size: 16px;margin-right: 0;height: 70px;cursor: pointer;line-height: 70px;padding: 0 40px;margin: 0 15px 15px 0; }
.footer .footer3 .friend-link {line-height: 70px;float: none; }
.footer .footer3 .bshare-custom {float: none;text-align: center;display: block; }

.nav-box .publicnav {float: right;position: relative;z-index: 999;margin: 15px 0; }
.nav-box .publicnav h3 {width: 300px;color: #666666;font-size: 14px;text-indent: 33px;line-height: 64px;background-color: #e3e3e3;position: relative; }
.nav-box .publicnav h3::after {content: '';position: absolute;right: 20px;top: 50%;transform: translatey(-50%);display: inline-block;border-width: 10px;border-bottom-width: 0;border-style: solid;border-color: #000000 transparent transparent transparent; }
.nav-box .publicnav button {top: 0;right: 0;border: 0;color: #ffffff;width: 150px;outline: none;line-height: 62px;font-size: 14px;position: absolute;background-color: #454545; }
.nav-box .publicnav ul {display: none;position: absolute;background-color: #ffffff; }
.nav-box .publicnav ul li {width: 300px;color: #666666;font-size: 14px;line-height: 64px;background-color: #e3e3e3;margin-top: 2px; }
.nav-box .publicnav ul li a {width: 100%;height: 100%;display: inline-block;text-indent: 33px;padding: 0; }

.index-about-list .index-about-box {width: 50%;float: left;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.index-about-list .index-about-box:first-of-type {margin-top: 20px; }

.search-box2 .search {margin-top: 20px;text-align: left; }

.nav-box {line-height: 80px; }
.nav-box .publicnav h3 {line-height: 54px; }
.nav-box .publicnav button {line-height: 52px; }
.nav-box .publicnav ul li {line-height: 54px; }

.news .list {padding: 0 5px; }

.newsv .htit h3 {font-size: 20px; }

.honner .list-box .box .list {width: 350px; }

.us .contact .contact-box {width: 50%;margin-bottom: 20px; }
.us .contact .contact-box ~ .contact-box {border-left: none; }
.us .contact .contact-box:nth-of-type(2n) {border-left: 1px solid #ececec; }

.pages {padding: 30px 0; }

.ins-img .select-box select {height: 35px;line-height: 35px; }

.booking-content .from-bg.bg3 {height: auto; }

.bd_swiper {padding-top: 5vw; }
/* .bd_swiper > .swiper-container .swiper-slide {height: 700px; } */
.bd_swiper > .swiper-container .swiper-slide .his_box .img-box {width: 100%;display: inline-block;height: auto;}
.bd_swiper > .swiper-container .swiper-slide .his_box .text-box {display: inline-block;width: 100%; }

.rdc > .text {margin-left: 0;width: 100%; }
.rdc > .text h3 {margin-bottom: 20px;font-size: 26px; }
.rdc > .text .swiper-container {height: auto; }
.rdc > .text .swiper-container .swiper-slide .text-box {width: 100%; }
.rdc {margin: 40px auto; }
.rdc .swiper-container .img-box {height: 50vw; }

.major {padding: 60px 0; }
.major h3, .platform h3, .news2 h3 {font-size: 26px;margin-bottom: 50px; }

.platform {padding: 60px 0; }

.news2 {padding-top: 50px; }

.case-main .list-box {margin: 0 -20px; }
.case-main .list {padding: 0 20px; }
.case-main .list a .img_box {height: 265px; }

.pro .pro-nav {width: 100%;margin-top: 20px; }
.pro .pro-nav > h3 {line-height: 45px; }
.pro .pro-nav > h3::before {margin-left: 15px; }
.pro .pro-list {width: 100%;padding-left: 0;margin-top: 30px; }
.pro .pro-list .list {margin-bottom: 15px; }

.prov {padding-top: 60px;padding-bottom: 15px; }
.prov .text_box {margin-top: 20px;padding-left: 0; }
.prov .text_box .swiper-container {height: auto; }
.prov .container > .swiper-container .img-box {width: inherit;height: 50vw; }
.prov h3 {font-size: 26px;padding-bottom: 25px;line-height: 45px; }

.brand {margin-top: 60px; }
.brand .swiper-container {margin: 35px 0 75px; }

.tag-box {margin-top: 50px; }

.news-swiper .swiper-slide img {height: 35vw; }
.news-swiper .swiper-slide .text {height: 70px; }
.news-swiper .swiper-slide .text p {font-size: 12px; }
.news-swiper .swiper-slide .text h2 {font-size: 20px;line-height: 40px; }

.ab-tit {padding: 55px 0 40px;text-align: center; }

.ab1 {margin: 45px auto 40px; }
.ab1 > .img {float: left;display: block;width: 100%;height: 50vw; }
.ab1 .text {float: left;display: block;width: 100%;padding-left: 0; }
.ab1 .text h3 {font-size: 26px; }
.ab1 .text .swiper-container {height: auto; }

.ab4 .main1 .box1 h4 {font-size: 28px; }

.casevswiper .swiper-slide {padding: 30px 60px; }

.jion-sales {padding: 45px 0 100px; }

.jion-lce {height: auto;background:  no-repeat center/cover;padding-bottom: 20px; }
.jion-lce .container {padding: 60px 0 70px; }
.jion-lce .bl {top: unset;left: unset;position: relative; }
.jion-lce .text-box {padding-top: 20px;margin-bottom: 30px; }
.jion-lce .text-box h3 {margin-bottom: 20px; }

.jion-about .about-swiper {height: 45vw; }
.jion-about .iab {margin-top: 60px;margin-bottom: 80px; }

.year_swiper .swiper-slide {width: 25%; }

.pro .pro-list .list a {height: 230px;}


 .first-select {padding-top: 20vw; }
 .booking-content.same-margin-top .from-bg {height: auto; }
 .second-select {width: 80%; }
 .second-select .input-list ul.row-2:last-of-type {margin-top: 0; }
 .second-select .input-list ul.row-2 li {width: 100%;float: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
 .second-select .input-list ul.row-2 li:nth-child(2n) {margin-right: 0; }
 .second-select .input-list ul.row-2 li .img {width: 100px;height: 30px; }
 .second-select .btn-box {text-align: center;float: none;display: block;padding: 50px 0;margin: 0 auto; }
/* .recommend .list .img_box {height: 200px; } */

.showroom {height: calc( 900 / 640 * 100vw);background:  no-repeat center/contain; }
.showroom .list-box {width: 100%;padding: 12.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.showroom .list-box .list {margin: 0;padding: 0 10px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.showroom .list-box .list .img-box {width: 100%;height: unset; }
.showroom .list-box .list img {top: unset;left: unset;position: unset;transform: unset; }
.showroom .list-box .list p {font-size: 16px;white-space: nowrap; }}


@media (max-width: 768px) {
	
.header {margin: 10px auto;height: 45px; }
.header .navtoggle {margin-top: 7px; }
.header h1 {height: 35px;width: 102px;margin-top: 5px; }
.header .mblnav .headernav ul {width: 83.33%;margin: 0 auto;max-width: 767px; }
.header .mblnav .headernav ul li {line-height: 45px;border-bottom: 1px solid #e5e5e5; }
.header .mblnav .headernav ul li a {font-size: 14px; }
.header .mblnav .head_form {width: 40%; }
.header .mblnav .header-icon {margin-top: 20px;padding-bottom: 20px; }
.header .mblnav .header-icon input {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%; }

.index-tit {margin: 35px auto 40px; }
.index-tit h2 {font-size: 20px; }

.swiper-button-next, .swiper-button-prev {width: 15px;height: 25px;background-size: 15px 25px; }

.jhd .swiper-slide,.parhd .swiper-slide {line-height: 32px;font-size: 12px; }

.index-pro .sslide{position: relative;}
.index-pro .hd-next,.index-pro .hd-prev{top: 55px;width: 44px;border-radius: 50%;background:url(/uploads/image/phimages/icon-r9.png) no-repeat center/cover;}
.index-pro .hd-next, .index-pro .hd-prev.index-pro .hd-next{right: -20px;}
.index-pro .hd-prev{left: -20px;transform: rotate(180deg);}
.index-pro .ipro_slide .parbd .sslide .hd ul li {flex-shrink: 0; }
.index-pro .ipro_slide .parbd .sslide .hd ul li.on p::after {margin: 6px auto; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide {height: auto;padding: 15px 5px; }
.index-pro .ipro_slide .parbd .sslide .bd .swiper-container .swiper-slide .text-box h4 {width: 35vw; }

.jion-brand .swiper-container {margin: 15px 0 40px; }

.honner .list-box .box .list {width: 40vw; }

.index-pro-nav {position: relative; }
.index-pro-nav h3 {color: #333333;line-height: 32px;text-indent: 15px;background:  no-repeat right 10px center;border: 1px solid #aaaaaa; }
.index-pro-nav ul {z-index: 3;width: 100%;display: none;position: absolute; }
.index-pro-nav ul li.ipro-navli {width: 100%;text-align: left;text-indent: 15px;background-color: #ffffff;line-height: 32px; }
.index-pro-nav ul li.ipro-navli   li {border-left: 1px solid #dcdcdc; }

.index-case .casebd li img {height: 80vw;min-height: auto; }

.index-news .inews .inewspic .inews-box p {font-size: 14px;line-height: 36px;padding-top: 40px;text-indent: 10px; }
.index-news .inews .index-news-list .index-news-box {padding: 10px 0; }
.index-news .inews .index-news-list .index-news-box .day {margin-top: 5px; }
.index-news .inews .index-news-list .index-news-box .day p {font-size: 28px;line-height: 36px;margin-bottom: 10px; }
.index-news .inews .index-news-list .index-news-box .day em {font-size: 12px;line-height: 18px; }a.more {width: 180px;margin: 30px auto;font-size: 14px;line-height: 32px; }

.co-htit {margin: 30px 0; }

.contact {padding: 50px 0; }

.footer .footer1 {line-height: 60px; }
.footer .footer1 .head_form {height: 40px; }
.footer .footer1 .head_form button {width: 40px;height: 40px; }
.footer .footer1 a.search {margin-top: 20px; }
.footer .footer2 .footer-nav .fnav-box h3 {line-height: 50px; }
.footer .footer3 h4{height: 50px;line-height: 50px;padding: 0 20px;margin: 0 15px 0 0;}
.footer .footer3 .friend-link{line-height: 50px;}

.nav-box {line-height: 60px; }
.nav-box .publicnav {margin: 10px 0; }
.nav-box .publicnav h3 {line-height: 40px; }
.nav-box .publicnav ul li {line-height: 40px; }

.jion-lce {height: auto; }
.jion-lce .text-box {left: 0;margin-right: 0;max-width: unset; }
.jion-lce .text-box h3 {font-size: 16px;line-height: 36px;margin-bottom: 15px; }

.honner .text-box{width: 100%;}
.news .list .img-box img{height: 200px;}
.ab-tit p{width: 100%;}

.ins-img {height: 50vw; }
.ins-img img {height: 100%;object-fit: cover; }

.case-main {margin-top: 30px; }
.case-main .text p {margin-bottom: 0; }
.case-main .list a .img_box {height: 25vw; }

.pages {padding: 20px 0; }

.tag-box {margin-top: 40px;padding: 20px 0; }
.tag-box .text {padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.tag-box .list-box {width: 50%;margin-top: 20px; }
.tag-box .list-box   .list-box {border-left: 0; }
.tag-box .list-box:nth-last-of-type(2n 1) {border-left: 1px solid #d8d8d8; }

.news .list {width: 50%; }
.newsv .htit h3 {font-size: 18px; }
.newsv .text-box img{width: 100%;height: 100%;}

.nav-box .break{display: none;}
.nav-box .publicnav h3 {width: 200px;text-indent: 20px; }
.nav-box .publicnav h3::after {border-width: 8px;border-bottom-width: 0; }
.nav-box .publicnav button {width: 100px; }
.nav-box .publicnav ul li {width: 200px; }
.nav-box .publicnav ul li a {text-indent: 20px; }

.msg.container form {margin-top: 30px; }
.msg.container form .input-box input {width: 100%;line-height: 42px;height: 42px;margin-left: 0;margin: 10px 0; }
.msg.container form .reg-box {margin: 0 auto 30px;width: 100%;display: block; }
.msg.container form .reg-box input {float: right;line-height: 42px;height: 42px;width: 40%;margin-left: 0;text-indent: 10px; }
.msg.container form .reg-box .img-box {width: 40%;height: 42px; }
.msg.container form .reg-box button {margin-left: 0;width: 100%;margin-top: 15px; }

.first-select {padding-top: 20vw; }

.booking-content.same-margin-top .from-bg {height: auto; }

.second-select {width: 80%; }
.second-select .input-list ul.row-2:last-of-type {margin-top: 0; }
.second-select .input-list ul.row-2 li {width: 100%;float: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.second-select .input-list ul.row-2 li:nth-child(2n) {margin-right: 0; }
.second-select .input-list ul.row-2 li .img {width: 100px;height: 30px; }
.second-select .btn-box {text-align: center;float: none;display: block;padding: 50px 0;margin: 0 auto; }

.bd_swiper {margin-bottom: 0; }

/* .bd_swiper > .swiper-container .swiper-slide {height: 550px; } *//* .bd_swiper > .swiper-container .swiper-slide .his_box .text-box {padding: 20px 10px; } */
.ins-img .select-box {bottom: 10%; }
.ins-img .select-box select {margin: 10px auto;display: block;float: none;width: 80%;height: 24px;text-indent: 20px;line-height: 24px; }

.year_swiper .swiper-container {max-width: 100%; }
.year_swiper .swiper-slide {width: 33.3%; }

.jion-pro .jbd .box .swiper-button-prev,.jion-pro .jbd .box .swiper-button-next {width: 30px; }
.jion-pro .ipro-page-li .swiper-container .box .swiper-button-next,.jion-pro .ipro-page-li .swiper-container .box .swiper-button-prev {width: 20px;height: 15px; }

.jion-about .iab {margin: 10vw 0; }
.jion-about .about-swiper .btn {width: 60px;height: 25px; }
.jion-about .about-swiper .btn .swiper-button-prev, .jion-about .about-swiper .btn .swiper-button-next {width: 30px;height: 25px;background-size: 10px 15px; }

.rdc {margin: 20px auto; }
.rdc .swiper-container .btn {width: 0;height: 0;position: static; }
.rdc .swiper-container .btn .swiper-button-next, .rdc .swiper-container .btn .swiper-button-prev {top: 50%;margin-top: -22px; }
.rdc .swiper-container .btn .swiper-button-next:hover, .rdc .swiper-container .btn .swiper-button-prev:hover {background-color: transparent; }
.rdc .text h3 {font-size: 22px; }

.major {padding: 50px 0; }
.major .list {width: 280px; }
.major .list .text-box {height: 160px; }
.major .list .text-box h4 {line-height: 36px; }
.major h3, .platform h3, .news2 h3 {font-size: 22px;margin-bottom: 30px; }

.platform {padding: 40px 0; }

.news2 {padding-top: 40px; }

.case-main .list-box {margin: 0 -15px; }
.case-main .text {padding: 10px 0; }
.case-main .main {padding: 0 15px; }
.case-main .list {width: 50%;padding: 0 15px; }

.casev .text {margin-top: 30px;margin-bottom: 30px; }
.casev .casevswiper .swiper-slide {padding: 15px 30px; }
.casev .swiper-button-prev, .casev .swiper-button-next {width: 20px;height: 30px; }
.casev .case-share {text-align: center; }

.pro .pro-list .list a {height: 200px;padding: 30px 15px; }
.pro .pro-list .list .img-box {width: 45%; }
.pro .pro-list .list .text-box {width: 55%;padding-left: 10px; }
.pro .pro-list .list .text-box h4 {margin-bottom: 15px; }
.pro .pro-list .list .text-box p {margin-bottom: 10px; }

.brand {margin-top: 45px; }
.brand .swiper-container {margin: 25px 0 55px; }

.news-swiper .swiper-slide img {height: 45vw; }
.news-swiper .swiper-slide .text {height: 55px; }
.news-swiper .swiper-slide .text p {font-size: 12px; }
.news-swiper .swiper-slide .text h2 {font-size: 15px;line-height: 30px; }

.ab-tit {padding: 40px 0 30px;text-align: center; }
.ab1 {margin: 20px auto; }
.ab1 .text .swiper-container .swiper-slide .text-box {font-size: 12px; }
.ab1 .text h3 {font-size: 18px;margin: 10px auto 20px; }

.news-swiper {padding: 30px 0; }

.search-box2 {padding-bottom: 20px; }
.search-box2 h2 {font-size: 16px; }
.search-box2 .year {font-size: 12px;line-height: 28px; }

.ab4 .main1 .box1 h4 {font-size: 18px; }
.ab4 .main1 .box1 .text-box {font-size: 12px; }

.ab1 > .img{width: unset;height: unset;}

.jion-lce .container {padding: 40px 0; }
.jion-lce .container h3 {line-height: 24px; }

.jion-sales {padding: 35px 0 80px; }
.jion-sales h2.jion {margin-bottom: 40px; }

.news-swiper .swiper-button-next, .news-swiper .swiper-button-prev {width: 15px;height: 20px; }

.search-box2 .year ul li {float: left;padding: 0 5px; }

.case-nav-swiper .swiper-slide {-webkit-flex-shrink: 0;flex-shrink: 0; } }


@media (max-width: 640px) {
	
.header .mblnav .header-icon .shop-car {margin-top: 5px; }
.header .mblnav .head_form {height: 30px; }
.header .mblnav .head_form button {width: 30px;height: 30px; }

.footer .footer3 h4{height: 40px;line-height: 40px;padding: 0 5px;margin-right: 5px;}
.footer .footer3 .friend-link{display: inline-block;line-height: 40px;}
.footer .copy p{display: block;font-size: 14px;}

.ab2 img {width: 100%; }

.index-tit {margin: 35px auto 40px; }
.index-tit h2 {font-size: 18px; }

.major {padding: 30px 0; }
.major h3, .platform h3, .news2 h3 {margin-bottom: 40px; }

.platform {padding: 30px 0; }

.casevswiper .swiper-slide {padding: 10px 15px; }

.news2 {padding-top: 40px; }

.index-about-list .index-about-box {width: 100%; }
.index-about-list .index-about-box   .index-about-box {margin-top: 10px; }

.index-pro .hd-next{right: 0px;}
.index-pro .hd-prev{left: 0px;}

.jion-sales {background: url(/uploads/image/phimages/jion_23.jpg) no-repeat center/cover;}

.news .list .img-box img{height: 150px;}

.pro .pro-list .list-box {margin-left: -5px;margin-right: -5px; }
.pro .pro-list .list-box .list {padding: 0 5px; } }


@media (max-width: 500px) {
	
.header .mblnav .head_form {display: block;margin: 10px auto;width: 60%; }

.index-tit {margin: 30px auto 20px; }

.footer .footer2 .footer-nav .fnav-box h3{line-height: 40px;}
.footer .footer2 .footer-nav .fnav-box h3 a{font-size: 14px;}
.footer .footer2 .footer-nav .fnav-box li a{font-size: 12px;line-height: 30px;}

.news .box .list {width: 100vw; }

.nav-box {line-height: 50px; }
.nav-box .publicnav {margin: 10px 0; }
.nav-box .publicnav h3 {line-height: 30px;width: 150px;text-indent: 10px; }
.nav-box .publicnav h3::after {border-width: 5px;border-bottom-width: 0; }
.nav-box .publicnav button {line-height: 28px;width: 100px; }
.nav-box .publicnav ul li {line-height: 30px;width: 150px; }
.nav-box .publicnav ul li a {text-indent: 10px; }

.jion-sales .swiper-slide .list {padding: 20px; }

.search-box2 .search input {width: 65%; }
.search-box2 .year::after {width: 100%; }
.search-box2 .year span {display: block; }

.news .box .list .img-box img {position: static;left: unset;top: unset;transform: none; }

.booking-content .from-bg {height: 500px; }

/* .bd_swiper > .swiper-container .swiper-slide {height: 500px; } */

.year_swiper .swiper-slide {width: 50%; }

.rdc {margin: 10px auto; }

.major {padding: 20px 0; }
.major h3, .platform h3, .news2 h3 {font-size: 20px;margin-bottom: 20px; }

.platform {padding: 20px 0; }

.news2 {padding-top: 20px; }

.pro .pro-list .list-box .list {width: 100%; }

.index-pro .hd-next, .index-pro .hd-prev{top: 70px;width: 22px;height: 22px;}

.recommend .list .img_box {/* height: 60vw; */padding: 10px; } }


@media screen and (min-width: 1680px) {
	
.index-news .inews .index-news-list .index-news-box:hover {margin-left: 20px; }
.index-news .inews .index-news-list .index-news-box:hover::before {left: -140px;opacity: 1; }
.index-news .inews .index-news-list .index-news-box:hover .day p, .index-news .inews .index-news-list .index-news-box:hover .day em {color: #0089ab; }
.index-news .inews .index-news-list .index-news-box:hover em::after {background-color: #0089ab; }
.index-news .inews .index-news-list .index-news-box:hover .text {border-left: 1px solid #0089ab; }
.index-news .inews .index-news-list .index-news-box:hover .text h4 {color: #0089ab; } }


@media screen and (min-width: 991px) {
	
.stick{right: 50px;bottom: 100px;width: 30px;height: 30px;background-color: #ffffff;position: fixed;z-index: 9999;cursor: pointer;border-radius: 50%;border: 1px solid rgba(0,0,0,.5);}
.stick::after{top: 50%;left: 50%;width: 0;height: 0;content: '';display: inline-block;position: absolute;transform: translate(-50%,-50%);border: 5px solid transparent;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;border-top: 0;border-bottom: 5px solid #999999;}
.stick:hover::after{border-bottom: 5px solid #000;}}


@media screen and (min-width: 767px) {
.index-pro-nav ul li.ipro-navli::after, .index-pro-nav ul li.ipro-navli::before {content: "";width: 0;height: 2px;background-color: #0089ab;position: absolute;bottom: 0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }
.index-pro-nav ul li.ipro-navli::before {right: 0; }
.index-pro-nav ul li.ipro-navli::after {left: 0; }
.index-pro-nav ul li.ipro-navli:hover::after, .index-pro-nav ul li.ipro-navli:hover::before, .index-pro-nav ul li.ipro-navli.on::after, .index-pro-nav ul li.ipro-navli.on::before {width: 50%; }
}


.index-pro .ipro_slide .parhd .swiper-slide {font-size: 16px; }

.font-size-36{font-size: 36px;}

.font-size-14,p {font-size: 14px;line-height: 24px; }


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

.ins-tit span,.text-box, .text {font-size: 14px;line-height: 28px; }

.index-pro-nav ul li.ipro-navli a {font-size: 14px; }

.font-size-22,.index-about-list .index-about-box h4{font-size: 18px;}

.co-htit p,.co-htit h3,.jion-lce h3,.platform .list .text-box h4,.major .list .text-box h4,.ins-img span,.font-size-24 {font-size: 20px; }

.year_swiper .swiper-slide.swiper-slide-active p,.third-select h2,.co-htit h3,.search-box2 h2,.ab-tit h3,.font-size-30 {font-size: 24px; }

.ab4 .main1 .box1 h4,
.index-news .inews .index-news-list .index-news-box .day p,
.bd_swiper h3,
.tag-box .list-box h4 i,
.indtitle .tit,
.font-size-36 {
	font-size: 28px; 
}

.tag-box .list-box h4 {font-size: 18px; }

.ins-tit h3 {font-size: 36px; }

.ins-img .text {font-size: 12px;line-height: 18px; }

h2.jion {margin: 50px auto 30px; } }


@media screen and (max-width: 1200px) {
	
.tag-box .text span {font-size: 14px;line-height: 24px; }
.tag-box .text p {font-size: 16px; }

.index-pro .idxotab .idxotab-li .swiper-slide .text-box p,.ins-tit span,.text-box, .text {font-size: 12px;line-height: 24px; }

.font-size-22,.index-about-list .index-about-box h4{font-size: 16px;}

.co-htit p,.co-htit h3,.jion-lce h3,.platform .list .text-box h4,.major .list .text-box h4,.ins-img span,.font-size-24 {font-size: 18px; }

.year_swiper .swiper-slide.swiper-slide-active p,.third-select h2,.co-htit h3,.search-box2 h2,.ab-tit h3,.font-size-30 {font-size: 22px; }

.ab4 .main1 .box1 h4,.index-news .inews .index-news-list .index-news-box .day p,.bd_swiper h3,.tag-box .list-box h4 i,.indtitle .tit,.font-size-36 {font-size: 26px; }

.tag-box .list-box h4 {font-size: 16px; }

h2.jion,.index-tit h2 {font-size: 20px;line-height: 32px; }

.ins-tit h3 {font-size: 32px;white-space: nowrap; } }


@media screen and (max-width: 767px) {
	
.font-size-22,.index-about-list .index-about-box h4{font-size: 16px;}

.co-htit p,.co-htit h3,.jion-lce h3,.platform .list .text-box h4,.major .list .text-box h4,.ins-img span,.font-size-24 {font-size: 16px; }

.year_swiper .swiper-slide.swiper-slide-active p,.third-select h2,.co-htit h3,.search-box2 h2,.ab-tit h3,.font-size-30 {font-size: 16px; }

.ab4 .main1 .box1 h4,.index-news .inews .index-news-list .index-news-box .day p,.index-case h3,.bd_swiper h3,.tag-box .list-box h4 i,.indtitle .tit,.font-size-36 {font-size: 20px; }

.jion-lce .text-box p,.jion-brand p {font-size: 12px;line-height: 18px; }

.tag-box .list-box h4 {font-size: 12px; }

.index-news .inews .index-news-list .index-news-box .text h4 {font-size: 15px;line-height: 30px; }

.index-pro .ipro_slide .parhd .swiper-slide,.index-case .casehd .swiper-container .swiper-slide p,.index-pro .idxoneswiper ul.swiper-wrapper li.swiper-slide span,.index-pro-nav ul li.ipro-navli a {font-size: 12px; }

.prov h3 {padding-bottom: 0; }

.prov h3,.prov-data h4,.prov-data h3,.recommend.rec-prov h3 {font-size: 18px;line-height: 36px; }

.search-box2 h2 {font-size: 18px; }

.prov-data .hd li a {font-size: 14px;}

p,.font-size-14 {font-size: 12px;line-height: 24px; }

h2.jion,.index-tit h2 {font-size: 16px;line-height: 24px; }

h2.jion p,.index-tit h2 p {font-size: 12px; }

.ins-tit h3 {font-size: 24px; }

.index-about-list .index-about-box .text h4 {font-size: 14px; }

.index-pro .idxotab .idxotab-li .swiper-slide .text-box h4 {margin-bottom: 15px;font-size: 14px; }

.login.on{transform: translate(-50%,-50%) scale(1);}

h2.jion {margin: 35px auto 20px; } }

.zhezhao {position: fixed;display: block;z-index: -1;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; }

.zhezhao.on {z-index: 999;background-color: rgba(0, 0, 0, 0.33); }


@media (max-width: 768px) {
	
.login {left: 50%;position: fixed;height: auto;top: 50%;width: 90%;padding: 0 30px 30px;transform: translate(-50%, -50%); }
.login h2 {font-size: 30px; }
.login form p a {width: 30%;min-width: 90px;height: 45px;font-size: 16px;line-height: 45px; }
.login form input {width: 100%;font-size: 24px;line-height: 60px; }
.login form input::placeholder {color: #d7dee3;font-size: 24px;line-height: 30px; }
.login form button {width: 70%;height: 50px;font-size: 24px;margin: 30px auto;line-height: 50px; }
.login .other a {margin: 0 20px;font-size: 16px; }}



@media (max-width: 500px) {
.login form p:first-of-type {background-size: 20px 22px;}
.login form p:last-of-type {background-size: 20px 23px;}
.login form input {font-size: 16px;padding-left: 35px;}
.login form input::placeholder{font-size: 16px;}
.login form button {font-size: 20px;}
}

#login_container{
	display:none;
	text-align: center;
	padding-top:60px;
}
.impowerbox .title{
	display:none !important;
}