@charset "utf-8";
/* CSS Document */
/*****header*******/
a:hover{text-decoration: none;}
.header{width:100%;padding: 10px 0;position: fixed;z-index:10;box-shadow: 0 0 3px #ddd;background: #fff;top: 0;}
.header_nav{ width:80%; margin:0 auto;}
.webTop .rBox{float: right;}
.webTop .rBox ul li{float: left;margin-left: 25px;}
.webTop .rBox ul li i{vertical-align: -2px;margin-right: 5px;color: #fff;}
.webTop{font-size: 13px;background: #4780c5;color: #fff;}
.headerTop .logo{width: 150px;float: left;height: 38px;}
.headerTop .logo a {display: inline-block;width: 150px;height: 50px;}
.headerTop .topRight{float: right;color: #333;}
.headerTop .topRight select{width: 70px;}
.headerTop .topRight  ul li i{margin-right: 5px;font-size: 18px;vertical-align: -2px;}
.headerTop .topRight select option{color: #333;height: 30px !important;}
.search{position: relative;width: 610px;display: inline-block;margin-left: 30px;}
.search input {height: 40px;color: #000;line-height: 26px;width: 410px;padding: 0 20px;background: #f5f5f5;border-radius: 5px 0 0 5px;}
.search button {display: inline-block;height: 100%;line-height: 40px;float: right;position: absolute;right: 130px;background: #09afb7;width: 100px;color: #fff;transition: all ease-in-out 0.3s;border-radius: 0px 5px 5px 0;}
.search button:hover{background: #139ca3;}
.search button i{font-size: 20px;color: #fff;vertical-align: -2px;margin-right: 5px;}
.search .jgsIcon{width: 40px;height: 25px;display: inline-block;background: url(../images/jgsIcon.png) no-repeat 0 0px;position: absolute;right: 240px;top: 8px;}
.langChoice{position: relative;line-height: 28px;cursor: pointer;}
.langChoice dt{line-height: 28px;font-weight: normal;color: #fff;}
.langChoice dd{position: absolute;width: 100%;background: #fff;z-index: 10;text-align: center;
line-height: 30px;border: 1px #ddd solid;border-bottom: none;display: none;border-radius: 5px;}
.langChoice dd a{display: block;width: 100%;border-bottom: 1px #ddd solid;}
.langChoice dd a:hover{text-decoration: none;background: #f5f5f5;}
.menu{height: 60px;width: 100%;}
.menu > ul{width: 100%;margin: 5px -20px;}
.menu ul li a{color: #333;}
.menu ul li{vertical-align: middle;font-size: 16px;text-transform:capitalize;margin: 0 20px;display: inline-block;position: relative;z-index: 2;}
.menu ul li a::before{width: 100%;content: "";background: #09afb7;position: absolute;bottom:0px;z-index: 0;transition: all ease-in-out 0.2s;left: 0;height: 0px;}
.menu ul li a:hover::before{height: 5px;}
.menu ul li.activeMenu a.firstMenu::after{content: "";bottom: 0;height: 5px;left: 0;background: #09afb7;width: 100%;position: absolute;}
.menu ul li a{display: inline-block;}
.menu ul li a{ color:#333;} 
.menu ul li a i{font-size: 12px;color: #999;margin-left: 5px;}
.nav {line-height: 40px;height: 40px;}
.header.fix{position: fixed;top: 0;width: 100%;left: 0;z-index: 100;box-shadow: 0 0px 5px #dfdfdf;background: #fff;}
.header.fix .nav a{color: #333 !important;}
.header.fix .moreIcon i{color: #333 !important;}
.header.fix .headerTop .topRight a{color: #333;}
.header.fix .headerTop .topRight .line{color: #333;}
.header.fix .search input {background: rgb(209 209 209 / 30%) !important;}
.header.fix .search input::-webkit-input-placeholder{color: #666 !important;}
.header.fix .search .jgsIcon{background-position: 0 -40px !important;}
.menu_down{position: absolute;width: 200px;margin-left: -100px;left: 50%;top: 44px;padding: 10px;z-index: 9;visibility: hidden;opacity:0;transition: all .6s cubic-bezier(.075,.82,.165,1);-webkit-transition: all .6s cubic-bezier(.075,.82,.165,1);-moz-transition: all .6s cubic-bezier(.075,.82,.165,1);-ms-transition: all .6s cubic-bezier(.075,.82,.165,1);-o-transition: all .6s cubic-bezier(.075,.82,.165,1);}
.menu_down:after {z-index: 0;content: "";display: inline-block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: #fff;box-shadow: 0 0 5px #aaa;
opacity: 0;transform-origin: top;-webkit-transform-origin: top;-moz-transform-origin: top;-ms-transform-origin: top;-o-transform-origin: top;transform: scale(0.85);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);-o-transform: scale(0.85);transition: all .6s cubic-bezier(.075,.82,.165,1);-webkit-transition: all .6s cubic-bezier(.075,.82,.165,1);-moz-transition: all .6s cubic-bezier(.075,.82,.165,1);-ms-transition: all .6s cubic-bezier(.075,.82,.165,1);-o-transition: all .6s cubic-bezier(.075,.82,.165,1);}
.menu ul li:hover .menu_down {visibility: visible;opacity:1;z-index: 9;}
.menu ul li:hover .menu_down::after {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);
-o-transform: scale(1);opacity:1;}
.menu_down {display: block;}
.menu_down ul li  a {border: none;font-size: 15px;line-height: 36px;display: inline-block;text-align: center;width: 100%;color: #666 !important ;}
.menu_down ul li  a::before{background: none;}
.menu_down ul li  a:hover {border: none;text-decoration: none;color: #243b62 !important;}
.headerTop .topRight ul{display: flex;}
.langChoice{margin-left: 20px;}
.langChoice  dt{color: #333;line-height: 36px;}
.headerTop .topRight  .langChoice dt i{font-size: 12px;vertical-align: 0;}
.langChoice  dt img{margin-left: 5px;}
.langChoice dd a{padding: 8px;text-align: left;color: #666;}
.langChoice dd a img{margin-right: 5px;}
.langChoice dd a:hover{color: #333 !important;}
.headerTop .topRight .orderIcon i{font-size: 20px;}
.headerTop .topRight .hideBox {background: #fff;padding: 15px;border-radius: 5px;width: 180px;color: #333;position: absolute;left: -90px;z-index: 9;opacity: 0;visibility: hidden;transition: all ease-in-out 0.3s;box-shadow: 0 0 5px #bbb;}
.headerTop .topRight .hideBox::before{content: "";width: 0;height: 0;border-right: 10px solid transparent;border-bottom: 10px solid #c9c9c9;border-left: 10px solid transparent;position: absolute;top: -2px;margin-top: -8px;right: 50px;}
.headerTop .topRight .hideBox::after{content: "";width: 0;height: 0;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;position: absolute;right: 50px;top: -1px;margin-top: -8px;}
.headerTop .topRight .orderIcon{position: relative;margin-right: 30px;}
.headerTop .topRight .orderIcon .orderNum{position: absolute;top: -5px;font-size: 12px;background: #ff8100;height: 16px;display: inline-block;padding: 0 5px;border-radius: 10px;line-height: 16px;right: -6px;color: #fff;}
.headerTop .topRight a:hover{opacity: 0.8;}
.whiteHeader .headerTop .topRight a:hover{opacity: 0.8;color: #fff;}
.headerTop .topRight .line{line-height: 34px;margin: 0 10px;}
.moreIcon {padding: 0 20px;position: relative;cursor: pointer;margin-right: 20px;}
.moreIcon:hover .hideBox{opacity: 1;visibility: visible;}
.moreIcon i{font-size: 20px;}
.moreIcon h4 a i{color: #777;font-size: 16px;}
.moreIcon h4{display:grid;grid-template-columns: repeat(4, 1fr);border-top: 1px #ddd solid;margin-top: 15px;padding-top: 15px;}
.headerTop .topRight .loginIcon i{font-size: 22px;}
.headerTop  .rfq{color: #09afb7;border: 1px #09afb7 solid;height: 40px;line-height: 40px;padding: 0 20px;transition: all ease-in-out 0.3s;position: absolute;right: 0;border-radius: 5px;}
.headerTop  .rfq:hover{background-color: #09afb7;color: #fff;}
.imgSearch {text-align: center;padding: 25px 20px;border-top: 1px #ddd solid;margin-top: 37px;position: absolute;
top:15px;background: #ffffff;z-index: 111;width: 460px;border: 1px #ddd solid;box-shadow: 0 0 5px #d1d1d1;display: none;right: 76px;}
.imgSearch::after{width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom: 12px solid #e7e7e7;content: "";top: -12px;position: absolute;right: 65px;z-index: -1;}
.imgSearch::before{width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom: 12px solid white;content: "";top: -10px;position: absolute;right: 65px;}
.imgSearch h3 {font-size: 20px;font-weight: normal;margin-bottom: 20px;}
.imgSearch p {margin-bottom: 15px;font-size: 13px;line-height: 20px;}
.imgSearch p a {color: #138BDE;}
.imgSearch h2 {font-size: 20px;font-weight: normal;color: #333;margin-bottom: 7px;}
.imgSearch .jgsBox {text-align: center;height: 205px;background-color: #f5f5f5;display: flex;align-items: center;justify-content: center;}
.imgSearch .jgsBox img {max-width: 100%;max-height: 100%;}
.imgSearch .closeImgBox {position: absolute;right: 20px;top: 10px;}
.imgSearch .closeImgBox i{font-size: 20px;color: #777;}
.imgSearch .searchBtn {background: #09afb7;color: #fff;height: 40px;width: 100px;display: inline-block;line-height: 40px;border-radius: 3px;margin-top: 20px;font-size: 16px;}
.imgSearch .searchBtn:hover{text-decoration: none;background-color: #ff907b;}
.imgSearch h5 {font-size: 12px;color: #999;font-weight: normal;margin-top: 10px;line-height: 18px;}
.imgSearch h5 img{width: 14px;vertical-align: -2px;margin-right: 4px;}

/*****header*******/	

.wrapper.change{padding-top: 100px;}
.banner{height: 600px;}
.banner .swiper_ind{height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px !important;}
.swiper_ind .swiper-pagination-bullet{display: inline-block;width: 12px;height: 12px;border-radius: 100%;background: #fff;transition: all ease-in-out 0.3s;}
.swiper_ind .swiper-pagination-bullet-active{width: 30px;height: 12px;border-radius: 6px;}
.swiper_ind .swiper-slide{position: relative;}
.ban_txt {margin: 0 auto;position: absolute;top: calc(50% - 20px);left: 50%;transform: translate(-50%, -50%);max-width: 1000px;width: 60%;}
.swiper-slide-active .ban_txt {-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);transition: all 1s 0.4s ease-out;-webkit-transition: all 1s 0.4s ease-out;-moz-transition: all 1s 0.4s ease-out;-ms-transition: all 1s 0.4s ease-out;-o-transition: all 1s 0.4s ease-out;}
.ban_txt {color: #fff;text-align: center;-webkit-filter: blur(10px);-moz-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.ban_txt h2 {margin: 0;font-size: 44px;text-transform: capitalize;line-height: 1.2;margin-bottom: 16px;}
.ban_txt h3 {margin: 0;font-size: 48px;line-height: 50px;font-weight: bold;letter-spacing: 4px;}
.classify ul li{line-height: 32px;border-top: 1px #dedede dotted;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;}
.classify ul li > a{display: inline-block;width: 100%;font-size: 16px;padding-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.classify ul li > a i{position: absolute;right: 10px;font-size: 14px;color: #999;}
.twoMenu_l{display: none;}
.twoMenu_l h5 a{font-size: 15px;display: inline-block;width: 100%;padding-right: 40px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.twoMenu_l {background: #e2ebf3;padding:10px;}
.thrMenu_l h5 a{position: relative;padding-left: 20px;color: #859db3;}
.thrMenu_l h5 a::before{position: absolute;content: "";display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #9ab7d2;left: 5px;top: 13px;}
.classify ul li.active > a{color: #f70;}
.tit{color: #222;margin-bottom: 15px;position: relative;}
.tit h2{font-weight: bold;font-size: 24px;}
.contentBox{padding-top: 50px;}
.classify {background: #fff;padding: 20px 10px 0;}
	
	
	
	
/*****sec1*******/	
.wrapper {padding-top: 100px;}

/*****sec1*******/	
.ind1_l {
	width: 35%;
	float: left;
}

.ind1_l h2 {
	font-size: 48px;
	margin: 0;
	line-height: 58px;
	color: #09afb7;
	font-weight: bold;
	text-transform: uppercase;
}

.ind1_r {
	width: 65%;
	float: left;
	position: relative;
	padding: 12px 0 12px 70px;
}

.ind2_main video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ind1_r p {
	font-size: 15px;
	color: #666;
	line-height: 28px;
	position: relative;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;

}

.ind_box1 {
	padding: 95px 0;
	position: relative;
}

.ind1_r:before {
	position: absolute;
	left: 0;
	top: -95px;
	width: 200%;
	height: calc(100% + 260px);
	background: #f4f4f4;
	content: "";
	z-index: -1;
}

.ind2_bg {
	height: 50vh;
}

.ind2_video {
	position: relative;
	cursor: pointer;
}

.ind2_wz {
	position: absolute;
	left: 65px;
	top: 65px;
	font-size: 32px;
	line-height: 34px;
	color: #fff
}

.ind2_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 68px;
	height: 68px;
	background: rgba(0, 0, 0, 0.2);
	border: 2px solid #fff;
	border-radius: 100%;
	overflow: hidden;
}

.ind2_more {
	position: absolute;
	top: 0;
	right: 0;
}

.ind2_btn i {
	background: url(../images/ind2_play.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ind2_video:hover .ind2_btn i {
	animation: moviePlay both linear infinite 1.4s 0.2s;
}

@keyframes moviePlay {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(100%);
	}
	51% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}

.ind2_more a {
	font-size: 16px;
	letter-spacing: 1px;
	color: #09afb7;
	transition: all 0.4s;
	display: inline-block;
	padding-right: 70px;
	min-width: 180px;
}

.ind2_more a:hover i.arrr i:before {
	animation: width both 0.3s 0.3s;
}

.ind2_more a:hover i.arrr i:after {
	animation: height both 0.3s 0.4s;
}

.ind2_more a:hover i.arrr:before {
	animation: width both 0.55s;
}

@keyframes width {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes height {
	0% {
		height: 0;
	}
	100% {
		height: 100%;
	}
}

i.arrr i:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	background: #09afb7;
	content: "";
}

i.arrr i:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #09afb7;
	content: "";
}

i.arrr i {
	i.arrr i: before;
	i.arrr i: before;
	position: absolute;
	right: -5px;
	top: 1px;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	transform-origin: left top;
}

i.arrr {
	display: block;
	position: absolute;
	right: 40px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

i.arrr:before {
	position: absolute;
	left: 0;
	top: 9px;
	width: 100%;
	height: 2px;
	background: #09afb7;
	content: "";
}
.ind3_li a{display: flex;align-items: center;}
.ind3_img {
	width: 100px;
	margin-top: 15px;
}

.ind3_img img {
	width: 94%;
}

.ind3_p {
	width: calc(100% - 100px);
	padding-left: 10px;
}

.ind_box3 {
	margin-top: 65px;
}

.swiper_ind3 {
	position: relative;
}

.arrow-left_ind3,
.arrow-right_ind3 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 26px;
	color: #666;
	display: inline-block;
	width: 30px;
	height:30px;
	cursor: pointer;
	z-index: 2;    text-align: center;
}

.arrow-left_ind3 {
	left: 0;
}
.arrow-left_ind3 i,.arrow-right_ind3 i{font-weight: bold;}
.arrow-right_ind3 {
	right: 0;
}

.ind3_li {
	margin: 0 25px;
	height: 110px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.ind3_p h3 {
	margin: 0;
	margin-top: 14px;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 2px;
	color: #333;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 56px;
}

.ind3_p p {
	font-size: 13px;
	color: #888;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lb-details {
	display: none !important;
}

.ind_box4 {
	margin-top: 95px;
	background: no-repeat center center fixed;
	background-size: cover;
}

.ind4_main {
	padding: 95px 0;
	position: relative;
}

.ind4_main h2 {
	margin: 0;
	font-size: 36px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	width: calc(100% - 240px);
	line-height: 44px;
}

.ind4_btnBox {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: inline-block;
	background: #1c754d;
}
.ind_box5{margin-top: 60px;}
.ind_box5 ul{display: grid;grid-template-columns:25% 25% 25% 25% ;margin: 20px -10px 0;}
.ind_box5 ul li{transition:all ease-in-out 0.3s;margin: 10px;top: 0;padding: 10px;background: #f7f7f7;}
.ind_box5 ul li:hover{position: relative;box-shadow: 0 0px 10px #ddd;}
.ind_box5 ul li h2{font-size: 18px;line-height: 28px;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
/**fixed_video**/

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

.video_box {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	max-width: 1000px;
}

.video_top h4 {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.5px;
	margin: 0;
	color: #fff;
}

.video_top {
	background: #38393e;
	padding: 19px 30px;
	position: relative;
}

.close_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	transform: translateY(-50%);
	cursor: pointer;
}

.close_btn i {font-size: 24px;color: #fff;
}

.video_cot video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_cot {
	padding: 50px 40px 60px 40px;
}
.edit .con{width: 100%;margin:0 auto;border: #d7d7d7 1px solid;overflow:hidden;margin-bottom: 50px;}
.edit ul.tag{background:url(../images/btn_bg.png) repeat-x 0 -200px; overflow:hidden; height:30px;}
.edit ul.tag li{float:left; font-size:16px; height:30px; border-right:#B2CCF3 0px solid;}
.edit ul.tag li a{text-decoration:none; line-height:30px; padding:0 50px; font-weight:bold; height:30px; color:#003366;}
.edit ul.tag li.selectag{background-color:#FFF; position:relative; margin-bottom:-1px; height:31px;}
.edit ul.tag li.selectag a{color:#000;}
.edit .con{padding:0px;overflow:hidden;display: flex;}
.edit .con .edui{float:left;border-right:#cccccc 1px solid;width: calc(100% - 300px);}
.edit .con .condition{width: 300px;background-color: #ededed;height: 630px;border-left:#FFF 1px solid;padding: 30px;}
.edit .con .condition h2{color: #03335a;font-weight:bold;padding-bottom:3px;font-size: 20px;}
.edit .con .condition ul.option{padding-bottom:5px;}
.edit .con .condition ul.option li{overflow:hidden;width: 300px;line-height:21px;}
.edit .con .condition ul.option li label{margin-top: 15px;color: #333;}
.edit .con .condition .value{border:#C4C4C4 1px solid; background-color:#E0E0E0; width:180px; padding:5px 15px 12px;}
.edit .con .condition .value p{font-weight:bold; padding-bottom:3px;}
.edit .con .condition .value input{width:160px; height:22px; border:#C5C5C5 1px solid; line-height:22px; padding-left:5px;}
.edit .con .condition .btn{margin-top:15px;}
.edit .con .condition .btn2{margin-top:15px;width:124px; height:39px; background:url(../images/search_02.png) no-repeat; border:medium none;}
.edit .con .condition ul.option input[type="radio"]{width: 16px;height: 16px;border: 1px #09afb7 solid;border-radius: 30px;display: inline-block;vertical-align: -3px;position: relative;outline: 0;}
.edit .con .condition ul.option input[type="radio"]:checked:after {position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;transform: translate(-50%,-50%);border-radius: 100%;background: #09afb7;display: inline-block;content: "";}
.searchBtn{display: inline-block;background: #ff8100;color: #fff;padding: 5px 20px;width: 100px;text-align: center;font-size: 16px;margin-top: 20px;transition: all ease-in-out 0.3s;border-radius: 5px;}
.searchBtn:hover{color: #fff;background-color: #FF6600;}
.crumbs{padding: 20px 0;}
.proDotBox .imgBox{width: 400px;}
.proDotBox .imgBox img{max-width: 100%;max-height: 100%;}
.proDotBox 	.baseInfo{padding-right: 60px;}
.proDotBox .baseInfo p{color: #666;}
.proDotBox 	.baseInfo span{width: 130px;display: inline-block;font-weight: bold;}
.proDotBox 	.baseInfo em{width: calc(100% - 130px);display: inline-block;}	
.proDotBox 	.baseInfo h3{font-size: 16px;font-weight: bold;margin: 30px 0 5px;}	
.proSide .con{margin-bottom:40px;}
.proSide .con h2{font-size: 16px;font-weight: bold;text-transform: uppercase;padding-bottom: 5px;border-bottom: 1px #ddd solid;margin-bottom: 20px;}
.proSide .con.otherPro a{border: 1px #ccc solid;border-radius: 5px;padding: 2px 5px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;margin-bottom: 10px;color: #666;}
.proSide .con.otherPro a:hover{color: #09afb7;border: 1px #09afb7 solid;}
.quickBtn{display: inline-block;padding: 5px 20px;background: #ff8100;border-radius: 5px;color: #fff;transition:all ease-in-out 0.3s;}
.quickBtn:hover{color: #fff;background-color: #f60;}
.proBox ul{display: grid;grid-template-columns:25% 25% 25% 25%;margin: 0 -5px;}
.proBox ul li{border: 1px #ddd solid;padding: 0 10px 15px;margin: 0 5px;position: relative;margin-bottom: 10px;}
.proBox ul li:hover{box-shadow: 0 0 10px #ddd;}
.proBox ul li .txtBox{padding: 10px 0;border-top: 1px #ddd solid;}
.proBox ul li .txtBox a{overflow-wrap: break-word;}
.proBox ul li .imgBox{width: 100%;height: 200px;position: relative;}
.proBox ul li .imgBox a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.proBox ul li .imgBox a.addBtn{width: auto;height: auto;}
.proBox ul li .imgBox .addBtn{position: absolute;bottom: 10px;right: 0;text-align: right;display: none;}
.proBox ul li .imgBox .addBtn .addTips {background: #ffeb3b;padding: 3px 10px;position: relative;display: inline-block;margin-bottom: 12px;box-shadow: 0 0 4px #aaa;display: none;font-size: 12px;}
.proBox ul li .imgBox .addBtn .addTips::after{content: "";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 13px solid #ffeb3b;bottom: -10px;position: absolute;right: 5px;}
.proBox ul li:hover .imgBox .addBtn{display: block;}
.proBox ul li .imgBox .addBtn i {width: 30px;height: 30px;border-radius: 100%;text-align: center;border: 1px #ff8100 solid;color: #ff8100;display: inline-block;}
.proBox ul li .imgBox .addBtn:hover .addTips{display: block;}
.proBox ul li .txtBox p{line-height: 20px;padding: 5px 0;}
.proBox ul li .txtBox b{font-weight: bold;font-size: 18px;}
.detailBtn{display: inline-block;color: #09afb7;background: #fff;border-radius: 5px;padding: 0 10px;border: 1px #09afb7 solid;}
.detailBtn:hover{background: #09afb7;color:#fff;}
.neiBan{background: url("../images/neiban.jpg");height: 200px;margin-bottom: 50px;}
.neiBan .container{height: 100%;display: flex;align-items: center;color: #fff;text-transform: uppercase;}
.neiBan h2{font-size: 36px;}
.about2{margin-top: 50px}
.about h2{font-size: 36px;color: #000;margin-bottom: 20px;}
.about p{color: #666;}
.about2 p{color: #666;line-height: 26px;}
.about2 ul{margin-top: 20px;}
.about2 ul li{float: left;text-align: center;position: relative;width: 25%;padding: 8px;}
.about2 ul li i{width: 102px;height: 92px;display: block;background: url(../images/icon3.png) no-repeat;margin: 0 auto;}
.about2 ul li .abo1_v span{color: #3a3e42;font-size: 22px;display: inline-block;margin: 15px 0 10px;}
.about2 ul li i.abo_icon2{background-position: -108px 0;}
.about2 ul li i.abo_icon3{background-position: -215px 0;}
.about2 ul li i.abo_icon4{background-position: -322px 0;}
.about2 ul li .abo1_v{height: 320px;background: #f2f4f7;border-radius: 20px;padding: 26px 29px;}
.about3{margin-top: 50px;}
.contact-title {position: relative;font-size: 26px;padding: 0 0 15px 0;margin-bottom: 15px;border-bottom: 1px #ddd solid;}
.contact-title::before {content: "";width: 100px;height: 3px;background: #09afb7;position: absolute;left: 0;bottom: 0;}
.contactBox{margin-top: 60px;}
.get-in-touch li>div h3 {font-size: 18px;text-transform: uppercase;padding-bottom: 2px;margin-bottom: 10px;}
.get-in-touch li {border-bottom: 1px solid #dcdcdc;margin-bottom: 25px;}
.get-in-touch li>div {position: relative;padding-left: 25px;padding-bottom: 5px;}
.get-in-touch li>div::before {content: "";display: inline-block;width: 2px;height: 70%;background: #09afb7;position: absolute;left: 0;bottom: 15%;z-index: 1;}
.get-in-touch li p{display: flex;}
.get-in-touch li p i{margin-right: 5px;display: inline-block;width: 24px;height: 24px;background: #09afb7;color: #fff;border-radius: 100%;text-align: center;line-height: 24px;}
.contact-line {display: block;width: 1px;height: 100%;background: #dcdcdc;margin: 0 auto;}
.get-in-touch li p span {width: calc(100% - 36px);}
.contactBox .inquiryBox{padding-left: 80px;border-left: 1px #ccc solid;margin-left: 50px;margin-top: 0;width: 100%;}
.inquiryBox .submitBtn:hover{opacity: 0.9;}
.inquiryBox input{border: 1px #ccc solid;height: 40px;width: 100%;padding: 0 10px;}
.inquiryBox span{display: block;}
.inquiryBox sup{font-size: 18px;color: #f00;vertical-align: -12px;margin-right: 4px;}
.inquiryBox .inputBox{margin-bottom: 15px;}
.inquiryBox{margin-top: 30px;    width: 60%;}
.inquiryBox h2{margin-bottom: 15px;}
.inquiryBox textarea{border: 1px #ccc solid;height: 100px;width: 100%;padding: 0 10px;}
.submitBtn{background-color: #09afb7;color: #fff;display: inline-block;padding: 5px 20px;border-radius: 5px;}
.submitBtn:hover{color: #fff;}
.new-ul li {padding: 30px 0;border-bottom: 1px solid #f0f0f0;display: flex;align-items: center;}
.new-ul li > .fl {width: 140px;text-align: center;border-right: 1px solid #d5d5d5;padding: 20px 0;transition: all ease 0.3s;}
.new-ul li:hover .fl{background: #09afb7;color: #fff;}
.new-ul li > .fl .hao {font-size: 30px;line-height: 30px;}
.new-ul li > .fr {width: calc(100% - 140px);padding-left: 50px;}
.new-ul li .biaoti {margin-bottom: 8px;}
.new-ul li .biaoti a {color: #333;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;}
.new-ul li:hover .biaoti a {color: #09afb7;}
.new-ul li .yao-new {color: #6b6b6b;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;}
.newsTxt h1{font-size: 28px;}
.newsDetail{padding:30px 0 50px;}
.newsTxt p.time{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt p{font-size: 15px;line-height: 26px;color: #666;}
.techBox{padding: 30px 0 50px;}
.techBox p{line-height: 26px;margin-bottom: 15px;color: #666;}
.techBox h3{margin: 20px 0;}
.inquiryList{border-right: 1px #ddd solid;border-top: 1px #ddd solid;}
.inquiryList ul li{float: left;}
.inquiryList ul li.name{width: calc(100% - 80px);}
.inquiryList ul li.Options{width: 80px;text-align: center;}
.inquiryList ul li.Options a{padding: 3px 10px;border-radius: 5px;border: 1px #ddd solid;}
.inquiryList ul.thBody {padding: 10px;border-left:1px #ddd solid ;border-bottom: 1px #ddd solid;}
.inquiryList ul.thHead{padding: 10px;background: #f5f5f5;border-left:1px #ddd solid ;border-bottom: 1px #ddd solid;}



	/***footer***/
.footer {padding: 40px 0px 5px;background: rgb(242, 244, 247);font-size: 14px;color: rgb(51, 51, 51);margin-top: 60px;}
.footernavwarp .col-lg-3 {padding-left: 0px;}
.footerwarp h2 {font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.footerwarp  p {opacity: 0.8;margin-bottom: 14px;}
.footerwarp p a:hover {opacity: 0.8;}
.footerwarp  i {margin-right: 8px;}
.footercopy {margin-top: 0px;border-top: 1px solid rgb(225, 228, 237);font-size: 12px;text-align: center;color: rgb(153, 153, 153);padding: 10px 0px;}
.footer .logo{margin-bottom: 15px;display: inline-block;}

/***footer***/

	
	
	
	
	
	
	
@media(max-width:768px) {
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #4780c5;top: 0;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;padding-top: 10px;}
body.menuOpen .headerPhoneTop  {left:250px;}
body.menuOpen .wrapper  {left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {    transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background:  #ff8a00;color:  #fff;border-radius:  100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;}
.headerPhone .menu_tr_search button{    right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.footer{padding-top: 0;}
.banner{height: 400px;}
.ban_txt h2{font-size: 28px;}
.ban_txt h3{font-size: 26px;line-height: 40px;}
.ban_txt{width: 80%;}
.ind1_r{width: 100%;padding-left: 15px;}
.ind_box1{padding: 50px 0;}
.ind2_more {position: absolute;top: 30px;left: 0;right: inherit;}
.ind_box3 {margin-top: 50px;}
.ind4_main h2{width: 100%;}
.ind_box5 ul{grid-template-columns: inherit;}
.tit{padding-bottom: 20px;}
.video_box{width: 100%;}
.about2 ul li{width: 100%;}
.about h2{font-size: 26px;}
.proBox ul{ grid-template-columns: inherit;}
.proDotBox .imgBox{width: 100%;}
.proDotBox .baseInfo{padding-right: 0;word-break: break-all;}
.new-ul li > .fl{width: 90px;}
.new-ul li > .fr{width: calc(100% - 90px);padding-left: 20px;}
.contactBox{margin-top: 0;}
.contactBox .inquiryBox{padding-left: 0px;margin-left: 0;border-left: none;margin-top: 20px;}
}