/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:inline-block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px;}
.keifu_con .m-lqq,.kf-tel {padding-left: 17px;}
.kf-tel {padding-bottom: 15px;}
.keifu_con .weixin{ height:116px; text-align: center; margin-bottom: 10px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width: 131px;
    height: 9px;
    background: url(../images/keifu.png);
    background-position: 0 -260px;}

/*滚动条整体样式*/
body::-webkit-scrollbar {
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

/*滚动条里面的滚动的块样式*/
body::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

/*滚动条里面轨道*/
body::-webkit-scrollbar-track {
  background: #ededed;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear,.clearfix {
	clear: both;
}

.f-18 {
	font-size: 18px;
}

.br5 {
	border-radius: 5px;
}

.bgf {
	background-color: #ffffff;
}

.bgf7 {
	background-color: #f7f6f5;
}

.m-t10 {
	margin-top: 10px;
}

.m-t24 {
	margin-top: 24px;
}

.m-t40 {
	margin-top: 40px;
}

.m-t50 {
	margin-top: 50px;
}

.m-t70 {
	margin-top: 70px;
}

.m-b70 {
	margin-bottom: 70px;
}

.p-t50 {
	padding-top: 50px;
}

.p-t70 {
	padding-top: 70px;
}

.p-tb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-tb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}


.p-tb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-tb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.p-tb70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.p-b40 {
	padding-bottom: 40px;
}

.p-b50 {
	padding-bottom: 50px;
}

.p-tb70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.p-tb100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.header {
	position: relative;
	z-index: 999;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 8%);
}

.logo img {
	height: 50px;
	display: block;
	overflow: hidden;
	transition: all 0.3s;
}

.nav_menu3>ul>li.top-search {
	float: right;
	margin-left: 30px;
	line-height: 90px;
	cursor: pointer;
	position: relative;
	transition: all 0.3s;
}

.search-box2 {
	padding: 15px;
	box-sizing: border-box;
	position: absolute;
	z-index: 9999;
	top: -80px;
	transition: all 0.3s;
	right: -10px;
	background-color: #FFFFFF;
	width: 300px;
}

.menu-pd.show .search-box2 {
	top: 80px;
	box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 20%);
	border: 1px #ddd solid;
}

.search-form {
	width: 340px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border: 1px #eee solid;
	border-radius: 20px;
}

.search-form .inp {
	width: 100%;
	float: left;
	background: none;
	border: 0;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.search-form .btn {
	background: no-repeat;
	position: absolute;
	right: 4px;
	top: 4px;
	float: right;
	color: #fff;
	background: #006cbb;
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	padding: 0px;
	font-size: 14px;
	transition: all 0.3s;
}

.search-form .btn:hover {
	background: #0dc338;
}

.header.show {
	transition: ease-in-out 0.3s;
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
}

.menu-pd.show .header.show .search-box2 {
	top: 40px;
}

.header.show .logo img {
	margin-top: 7px;
	height: 30px;
	display: block;
	overflow: hidden;
}

.header.show .nav_menu3>ul>li>a {
	padding-top: 26px;
	padding-bottom: 26px;
}

.header.show .menu-box {
	display: none;
}

.header.show .top-search {
	line-height: 45px;
}

#triangle-up {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	right: 10px;
	top: -10px;
}

.menu-pd.show .ons {
	position: fixed;
	z-index: 899;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.list-next-prev {
	border-bottom: 1px #eee solid;
}

.list-next-prev .item-next {
	overflow: hidden;
	height: 120px;
	line-height: 120px;
	width: 50%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	position: relative;

}

.list-next-prev .item-next a span {
	color: #eee;
}

.list-next-prev .item-next img {
	height: 60px;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.3s;
}

.list-next-prev .item-next:hover img {
	opacity: 1;
}

.list-next-prev .item-prev {
	text-align: right;
	border-left: 1px solid #eee;
}

.list-next-prev .item-prev img {
	right: auto;
	left: 10px;
}

.list-next-prev .item-next:hover {
	background-color: #006cbb;
	color: #fff;
}

.list-next-prev .item-next:hover a {
	color: #fff;
}


.home_about {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.avia_video {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}

.home_about_note {
	width: 450px;
	height: 390px;
	float: right;
	padding: 30px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
}

.about-note {
	line-height: 30px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.about-note h3 {
	font-size: 24px;
	margin: 20px 0;
}

.why-note p {
	font-size: 15px;
}

.cate-list ul {
	margin-right: -3px;
	margin-top: 47px;
}

.cate-list ul li {
	transition: 1.3s transform;
	position: relative;
	z-index: 1;
	width: calc(100% / 4 - 3px);
	float: left;
	margin-right: 3px;
	margin-top: 3px;
	background-color: #ffffff;
}

.cate-list ul li a h2 {
	position: relative;
	background-color: #949495;
	color: #ffffff;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}

.cate-list ul li a:hover h2 {
	background-color: #006cbb;
}

.cate-list ul li a span {
	padding: 10px 0;
	display: inline-block;
	color: #006cbb;
}

.cate-list ul li .pic {
	position: relative;
}

.cate-list ul li:hover {
	z-index: 9;
	box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.name-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #949495;
	position: absolute;
	right: 50%;
	top: -9px;
	margin-right: -10px;
}

.cate-list ul li:hover .name-up {
	border-bottom: 10px solid #006cbb;
}


.scribe {
	padding: 0 20%;
}

.btn-submit,
.scribe .form-control {
	transition: all 0.3s;
	border: 2px #fff solid;
	font-size: 15px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
	color: #fff;
	height: 40px;
}

.btn-submit:hover {
	background: #006cbb;
	border-color: #006cbb;
}

.scribe input::-webkit-input-placeholder {
	color: #fff;
}

.scribe input:-moz-placeholder {
	color: #fff;
}

/*内页开始*/
.bannerall {
	position: relative;
	color: #fff;
	height: 480px;
	z-index: 0;
	clear: both;
	background: url(../images/banner.jpg) no-repeat center center;
	background-size: cover;
}

.bannerall::after {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}

.bannerall .container {
	position: relative;
	height: 480px;
}

.btext {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

.btext h2 {
	font-size: 54px;
	font-weight: bold;
	font-family: opensans;
	text-shadow: 3px 3px 3px #000000;
}

.bannerall p {
	font-size: 24px;
	font-weight: normal;
	position: relative;
	letter-spacing: 1px;
	line-height: 26px;
	padding-top: 10px;
	text-shadow: 2px 2px 2px #000000;
}

.bannerall.align {
	text-align: left;
}

.bannerall h4 {
	font-size: 24px;
	padding-top: 15px;
	font-weight: normal;
	display: none;
}

.banner-img {
	height: 300px;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

.about-course {
	border-bottom: 1px solid #eee !important;
	padding: 35px 0;
}

.about-course span {
	font-size: 16px;
}


/*关于我们瀑布流*/
.wall {
	display: block;
	position: relative;
}

.wall-column {
	display: block;
	position: relative;
	width: 33.3333%;
	float: left;
	box-sizing: border-box;
}

.article {
	display: block;
	background: white;
	transition: all 0.3s;
	overflow: hidden;
	position: relative;
}

.wall.img-w2 .wall-column {
	width: 50%;
}

.wall.img-w4 .wall-column {
	width: 25%;
}

.wall.img-w5 .wall-column {
	width: 20%;
}

.article img {
	display: block;
	width: 100%;
	margin: 0;
}

.article p {
	padding: 10px 0;
}


.border-extra-arrow-down {
	position: absolute;
	left: 50%;
	width: 50px;
	height: 50px;
	background-color: #F7F6F5;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	top: -39px;
}

.navcate .m {
	float: left;
	position: relative;
	z-index: 99;
	margin-left: 14px;
}

.navcate h3 {
	float: left;
	font-size: 100%;
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;
}

.navcate h3 a {
	display: block;
	font-size: 13px;
	padding: 0 22px;
	line-height: 30px;
	border-radius: 30px;
	border: 1px solid #eee;
	vertical-align: top;
}


.navcate .active h3 a {
	background: #006cbb;
	color: #fff;
	border-color: #006cbb;
}

.navcate .sub {
	display: none;
	width: 220px;
	border-radius: 10px;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 32px;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.navcate .sub li {
	height: 24px;
	line-height: 24px;
}

.navcate .sub li a {
	display: block;
	padding-left: 6px;
	background: url(images/icon.png) 0 9px no-repeat;
	color: #999;
}

.navcate .sub li a:hover {
	color: #006cbb;
}

.list-cate a {
	padding: 0 22px;
	margin: 0 4px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	border: 1px solid #eee;
	display: inline-block;
	transition: all 0.3s;
	font-size: 13px;
	color: #828282;
	overflow: hidden;
}

.list-cate a:hover,.list-cate a.active {
	background: #006cbb;
	color: #fff;
	border-color: #006cbb;
}

.list-more {
	position: relative;
	height: 30px;
	text-align: center;
}

.list-more span {
	position: relative;
	transition: all 0.2s;
	top: 0px;
}

.list-more p {
	position: absolute;
	font-size: 20px;
	transition: all 0.2s;
	top: 40px;
	left: 35px;
}

.list-more:hover span {
	top: -40px;
}

.list-more:hover p {
	top: 0px;
}

.list-cate2 a {border: 1px solid rgba(170, 170, 170, 0.2);color: #828282;}

.product-list {
	margin-bottom: 40px;
	box-sizing: border-box;
}

.product-list .pic {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.product-list .pic img {
	transition: all 0.3s;
}

.product-list .text {
	padding: 30px;
	border-bottom: 1px solid #EEEEEE;
}

.pic-left {
	width: 35%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

.pic-right {
	height: 100%;
	width: 65%;
	float: right;
}

.product-list3:hover {
	position: relative;
}

.product-list h2 {
	font-size: 17px;
}

.product-list .text .note {
	transition: all 0.36s ease;
	font-size: 13px;
	line-height: 26px;
	height: 52px;
	margin-top: 13px;
	overflow: hidden;
	color: #999;
}

.product-list .tags {
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	position: relative;
}

.product-list .tags a {
	color: #828282;
	padding-right: 20px;
}

.product-list .tags .fa {
	position: absolute;
	bottom: 0px;
	transition: all 0.3s;
	right: -51px;
	font-size: 20px;
	color: #fff;
	border-left: 1px solid #2992de;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.product-list:hover {
	background-color: #006cbb;
	border: 2px solid #006cbb;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.2);
}

.product-list:hover .pic img,.video-list:hover .pic img,.list-item1:hover .pic img  {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.product-list:hover .text {
	border-color: #2992de;
}

.product-list:hover .tags a,
.product-list:hover h2 a,
.product-list:hover .text .note {
	color: #fff;
}

.product-list:hover .tags .fa {
	right: 0px;
}

.product-note {
	padding-left: 50px;
}

.product-note h2 {
	font-size: 22px;
	color: #444;
	line-height: 30px;
	padding: 25px 0;
	margin-bottom: 5px;
	margin-top: 40px;
	border-bottom: 1px solid #eeeeee;
}

.product-note p {
	font-size: 12px;
	color: #999;
}

.product-note .note {
	font-size: 13px;
	color: #929292;
	margin: 22px 0;
}

.about-news {
	margin-top: 20px;
}

.about-news .pic {
	position: relative;
	overflow: hidden;
	height: 190px;
}

.about-news .pic img {
	position: absolute;
	top: 0;
	left: 0;
}

.about-news .text {
	padding-top: 40px;
}

.about-news .text .note {
	transition: all 0.36s ease;
	font-size: 13px;
	line-height: 26px;
	height: 52px;
	margin: 13px 0 16px 0;
	overflow: hidden;
	color: #999;
}

.about-news .date-time {
	position: relative;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
}

.about-news .date-time .fa {
	position: absolute;
	right: 20px;
	top: 50%;
	color: #006cbb;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.3s;
}

.about-news .date-time::after,
.about-news .date-time::before {
	width: 100%;
	height: 1px;
	display: block;
	content: "";
	background-color: #eee;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	transition: all 0.3s;
}

.about-news .date-time::before {
	width: 0px;
	background-color: #006cbb;
}

.about-news:hover .date-time::before {
	width: 100%;
	z-index: 3;
}

.about-news h2 {
	font-size: 17px;
	transition: all 0.3s;
}

.about-news:hover h2 a,
.about-news:hover .date-time {
	color: #006cbb;
}

.about-news:hover .date-time .fa {
	opacity: 1;
}

.about-list {
	border: 0px;
	background-color: #f6f7f7;
}

.about-list:hover {
	border: 0px;
	background-color: #fff;
}

.about-list .text {
	border: 0px;
	padding: 0px;
	height: 150px;
	position: relative;
}

.about-list h2 a {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 30px;
	height: 20px;

}

.about-list .text .note {
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 40px;
	transition: all 0.3s;
}

.about-list h2 a::before {
	position: absolute;
	z-index: 2;
	display: block;
	content: "";
	width: 0;
	height: 15px;
	left: 0;
	bottom: 0px;
	background-color: #fff;
	border-bottom: 1px #eee solid;
}

.about-list:hover h2 a {
	color: #006cbb;
	top: 25px;
	height: 35px;
}

.about-list:hover h2 a::before {
	width: 100%;
}

.about-list:hover .text .note {
	color: #929292;
	bottom: 30px;
}

.video-list {
	background-color: #f6f7f7;
	margin-bottom: 30px;
}

.video-list h2 a {
	font-size: 17px;
	margin-bottom: 10px;
	transition: all 0.3s;
}

.video-list .pic {
	position: relative;
	overflow: hidden;
}

.video-list .pic img {
	position: relative;
	transition: all 0.3s;
}

.video-list .video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}

.video-list:hover .video-bg {
	background: rgba(0,0,0,0.5);
}

.video-list .video-bg .fa-yuan {
	position: absolute;
	border: 3px solid #fff;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	top: 50%;
	left: 55%;
	transform: translateY(-50%);
}

.video-list .video-bg .fa-play {
	margin-left: 2px;
	position: absolute;
	top: 50%;
	left: 35%;
	transform: translateY(-50%);
	font-size: 20px;
}

.video-list .video-bg .fa {
	opacity: 0;
	transition: all 0.3s;
}

.video-list:hover .video-bg .fa {
	position: absolute;
	opacity: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.video-note {
	height: 720px;
}

.video-list .text {
	padding: 20px;
	font-size: 13px;
	color: #777;
}

.video-list:hover h2 a {
	color: #006cbb;
}

.cp-list ul {
	padding-bottom: 80px;
}

.cp-list ul li {
	margin-top: 80px;
	background-color: #FFFFFF;
}

.cp-list ul li .pic {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.cp-list ul li .pic img {
	transition: all 0.3s;
	cursor: pointer;
}

.cp-list ul li .text {
	width: 50%;
	float: right;
	padding: 50px;
	box-sizing: border-box;
	color: #006cbb;
}

.cp-list ul li .text h2 {
	font-size: 24px;
	font-weight: 600;
}

.cp-list ul li .text .note {
	line-height: 25px;
	color: #949495;
	margin-top: 10px;
}

.cp-list ul li:nth-of-type(even) .pic {
	float: right;
}

.cp-list ul li:nth-of-type(even) .text {
	float: left;
}

.cp-list ul li .pic:hover img,
.hot_product .pic:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-transform: scale(1.1, 1.1);
}

.hot_product .pic {
	position: relative;
}

.hot_product .pic img {
	transition: all 0.3s;
	cursor: pointer;
}

.hot_product .text p {
	color: #999;
}

.hot_product .text h2 {
	font-size: 18px;
	padding: 20px 0 10px 0;
}

.contact-cp {
	background-color: #006cbb;
	color: #fff;
	position: relative;
}

.contact-cp .pic {
	float: left;
	width: 63%;
}

.contact-cp .text {
	padding: 0 50px;
	width: 37%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	float: right;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	text-align: center;
}

.contact-cp p {
	margin: 0px;
}

.btn-contact {
	transition: all 0.3s;
	background: #fff;
	margin-top: 20px;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: normal;
}

.btn-contact:hover {
	background-color: #0dc338;
	color: #fff;
}

img.w100 {
	width: 100%;
	display: block;
	overflow: hidden;
}


.item-gywm1 {
	color: #777;
}

.item-gywm1 h2 {
	font-size: 60px;
	font-weight: bold;
	color: #000000;
	font-family: Gotham;
}

.item-gywm1 h2 span {
	font-size: 14px;
	font-weight: normal;
	color: #777;
}

.item-gywm1 h3 {
	font-weight: normal;
	margin-bottom: 0px;
	font-size: 14px;
	color: #777;
}

.item-gywm2 {
	margin-top: 30px;
	color: #000000;
}

.item-gywm2 img {
	padding: 10px 0 20px 0;
}

.item-gywm2 h3 {
	font-size: 20px;
	color: #000000;
}

.item-gywm2 p {
	color: #777;
}

.item-gywm3 {
	margin-top: 30px;
	color: #000000;
}

.item-gywm3 h3 {
	font-size: 20px;
	color: #000000;
	margin-top: 20px;
}

.item-gywm3 h3 span {
	font-size: 14px;
	color: #777;
}

.item-gywm3 p {
	font-size: 14px;
	color: #777;
}

.item-gywm4 h2 {
	position: relative;
}

.item-gywm4 h2 span {
	position: absolute;
	top: 3px;
	font-size: 18px;
}

.item-gywm4 h3 {
	font-size: 16px;
}

.item-gywm4 h2,.item-gywm4 h3,.item-gywm4 h2 span {
	color: #fff;
}

.content-left {
	padding-right: 50px;
}

.content-left .row {
	margin-top: 10px;
}

.content-left .note {
	color: #949495;
}

.form-book h4 {
	font-size: 18px;
	font-weight: 600;
	padding-top: 15px;
}

.form-book label {
	font-size: 14px;
	padding-top: 10px;
	color: var(--danger);
}

.form-book label b {
	padding-right: 2px;
}

.form-book .form-control {
	border-radius: 0px;
	padding: 0.5rem 0.75rem;
	height: auto;
	outline: none;
}

input.form-control:focus,
textarea.form-control:focus {
	outline: none;
	box-shadow: none;
	border-color: #ced4da;
}

.img {
	max-width: 100%;
	display: block;
	overflow: hidden;
}

.btn {
	background-color: var(--danger);
	color: #fff;
	font-size: 15px;
}

.btn:hover {
	background-color: #0dc338;
	color: #fff;
}

.message-btn {
	margin-top: 30px;
	width: 142px;
	height: 50px;
}

.note p {
	padding: 10px 0;
}

.note p img {
	max-width: 100%;
}

/*弹窗样式*/
.item2 {
	padding: 15px;
	background: #FFFFFF;
	display: none;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}

.item-close {
	cursor: pointer;
	right: 15px;
	top: 18px;
	position: absolute;
	background: url('../images/icon-cancel.png') no-repeat center center;
	background-size: 26px 26px;
	height: 26px;
	width: 26px;
}

/*导航栏*/
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nav_menu3 #menu-button {
	margin-top: 100px;
	background: #F00;
	position: absolute;
	z-index: 99999;
}

.nav_menu3:after,
.nav_menu3>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.nav_menu3 #menu-button {
	display: none;
}

.nav_menu3 {
	width: auto;
	line-height: 1;
}

.nav_menu3 a.acitve {
	color: #006cbb;
}

.menubg {
	border-top: 1px #eee solid;
}

#menu-line {
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	background: #006cbb;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.nav_menu3>ul>li {
	float: left;
}

.nav_menu3.align-center>ul {
	font-size: 0;
	text-align: center;
}

.nav_menu3.align-center>ul>li {
	display: inline-block;
	float: none;
}

.nav_menu3.align-center ul ul {
	text-align: left;
}

.nav_menu3.align-right>ul>li {
	float: right;
}

.nav_menu3.align-right ul ul {
	text-align: right;
}

.nav_menu3>ul>li>a {
	padding: 18px 36px;
	text-decoration: none;
	transition: all 0.3s;
	position: relative;
}

.nav_menu3>ul>li>a::before,
.nav_menu3>ul>li.nav-has-sub>a.active::before {
	display: block;
	content: "";
	width: 0;
	height: 1px;
	transition: all 0.3s;
	background-color: #006cbb;
	position: absolute;
	top: -1px;
	left: 0;
}

.nav_menu3>ul>li:hover>a {
	color: #006cbb;
	background: #FFF;
}

.nav_menu3>ul>li:hover>a::before,
.nav_menu3>ul>li.nav-has-sub>a.active::before {
	width: 100%;
}

.nav_menu3>ul>li.nav-has-sub>a.active {
	color: #006cbb;
}


.nav_menu3>ul>li.nav-has-sub:hover>a::after {
	border-color: #006cbb;
}

.nav_menu3 ul ul {
	position: absolute;
	left: -9999px;
}

.nav_menu3>ul>li>ul {
	background-color: #FFFFFF;
	box-shadow: 0 0 11px 0 rgb(0 0 0 / 10%);
}

.nav_menu3 li:hover>ul {
	left: auto;
}

.nav_menu3.align-right li:hover>ul {
	right: 0;
}

.nav_menu3 ul ul ul {
	margin-left: 100%;
	top: 0;
	box-shadow: 0 0 11px 0 rgb(0 0 0 / 10%);
}

.nav_menu3.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

.nav_menu3 ul ul li {
	height: 0;
	-webkit-transition: height .2s ease;
	-moz-transition: height .2s ease;
	-ms-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}

.nav_menu3 ul li:hover>ul>li {
	height: auto;
}

.nav_menu3 ul ul li a {
	padding: 15px 20px;
	width: 213px;
	border-bottom: 1px #eee solid;
	box-sizing: border-box;
	background: #FFFFFF;
	text-decoration: none;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

.nav_menu3 ul ul ul {
	padding: 10px 0;
	background-color: #fff;
	border-left: 1px solid #eee;
}

.nav_menu3 ul ul ul li a {
	width: 230px;
	padding: 10px 20px;
	border: 0px;

}

.nav_menu3 ul ul li:hover>a,
.nav_menu3 ul ul li a:hover {
	color: #fff;
	background-color: #006cbb;
}

.nav_menu3 ul ul li.nav-has-sub>a::after {
	position: absolute;
	top: 25px;
	right: 10px;
	width: 4px;
	height: 4px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	content: "";
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;
}

.nav_menu3.align-right ul ul li.nav-has-sub>a::after {
	right: auto;
	left: 10px;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.nav_menu3 ul ul li.nav-has-sub:hover>a::after {
	border-color: #006cbb;
}

.top-tel .fa {
	margin-right: 10px;
	color: #999;
	padding-right: 10px;
	border-right: 1px solid #eee;
}

/*弹出导航菜单*/
.menu-box2 {
	position: fixed;
	z-index: 3000;
	top: 0px;
	left: auto;
	bottom: 0px;
	right: 0px;
	padding: 0px;
	width: 80%;
	height: 100%;
	background-color: #FFFFFF;
	border-radius: 0px;
	box-sizing: border-box;
}

.-popup-opened .menu-header {
	position: fixed;
	z-index: 2;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 10px 15px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.head_nav {
	overflow-y: scroll;
	height: 100%;
	padding: 0 0 20px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.btn-menu {
	background: url('../images/fa-menu.png') no-repeat center center;
	background-size: 36px 26px;
	display: none;
	width: 36px;
	height: 26px;
	transition: all 0.3s;
}

.m-logo {
	position: absolute;
	z-index: 99;
	display: none;
	height: 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.btn-menu.on {
	background-image: url('../images/fa-menu-on.png');
}

.btn-search3 {
	position: absolute;
	z-index: 99;
	font-size: 20px;
	right: 15px;
	top: 50%;
	display: none;
	transform: translateY(-50%);
}

.search-box3 {
	position: fixed;
	z-index: 3000;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	padding: 0px;
	width: 100%;
	height: 56px;
	background-color: #FFFFFF;
	border-radius: 0px;
	box-sizing: border-box;
}

.search-box3 .form-control {
	border: 0px;
	height: 56px;
	line-height: 56px;
}

.account-l {
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-top: 15px;
	padding: 0 15px;
}

.account-l h2 {
	border-bottom: 1px #EEEEEE solid;
	color: #999999;
	line-height: 50px;
	height: 50px;
	display: block;
	padding-left: 15px;
	font-size: 14px;
	font-weight: normal;
}

.mobilenav .link {
	cursor: pointer;
	display: block;
	padding: 15px;
	color: #4D4D4D;
	font-size: 14px;
	border-bottom: 1px solid #EEEEEE;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mobilenav li {
	cursor: pointer;
}

.mobilenav li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mobilenav li i.fr-down {
	right: 12px;
	left: auto;
	color: #999999;
}

.mobilenav li.open .link,
.mobilenav li.open .link a {
	color: #006cbb;
}

.mobilenav li.open i {
	color: #006cbb;
}

.mobilenav li.open i.fr-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu {
	display: none;
	font-size: 14px;
	padding: 15px 0;
	border-bottom: 1px #EEEEEE solid;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #666;
	height: 36px;
	line-height: 36px;
	padding-left: 15px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover,
.submenu li.current a {
	background: #006cbb;
	color: #FFF;
}

.submenu p a {
	font-size: 13px;
	padding: 5px 0 5px 20px;
	height: auto;
	line-height: 18px;
}

.accordion-faq {
	width: 100%;
}

.accordion-faq .link {
	cursor: pointer;
	display: block;
	padding: 19px 15px 19px 62px;
	color: #3f3d40;
	font-size: 15px;
	background: #f7f6f5;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.accordion-faq li {
	cursor: pointer;
	margin-top: 20px;
	border: solid 1px #949495;
}

.accordion-faq li .fa {
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-image: url(../images/ico1.png);
	background-repeat: no-repeat;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}


.accordion-faq li.open .link {
	border-bottom: 1px solid #ddd;
}

.accordion-faq li.open .fa {
	background-image: url(../images/ico2.png);
}

.accordion-faq li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu-faq {
	display: none;
	background: #FFFFFF;
	font-size: 15px;
	padding: 20px;
	color: #949495;
}

.rz-list img {
	padding-right: 30px;
}

.rz-list {
	padding-right: 20px;
	line-height: 30px;
	margin: 20px 0 40px 0;
}

.about_pic {
	padding-right: 50px;
}

.about_pic li {
	margin-bottom: 10px;
}

.about_video {
	border-top: 1px #eee solid;
}

.list-news li {
	border-bottom: 1px solid #eee;
	margin-bottom: 70px;
}

.news-list .news-left {
	padding-right: 50px;
	width: 70%;
}

.news-list .news-right {
	border-left: 1px #e1e1e1 solid;
	padding-left: 50px;
	width: 30%;
}

.news-list .news-right h3 {
	font-size: 1.2em;
	padding-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.list-news .pic {
	padding-bottom: 20px;
}

.list-news .pic img {
	border-radius: 3px;
}

.list-news .text {
	padding-bottom: 50px;
}

.list-news .text h2 {
	font-size: 20px;
	font-weight: 600;
}

.list-news .text .date {
	font-size: 12px;
	color: #949495;
	line-height: 22px;
}

.list-news .text .date a {
	color: #949495;
}

.list-news .text .date a:hover {
	color: var(--danger);
	text-decoration: underline;
}

.list-news .text .note {
	padding: 20px 0;
	line-height: 30px;
}

.read-more a {
	font-size: 14px;
	border: 1px solid #eee;
	padding: 5px 10px;
}

.read-more a:hover {
	text-decoration: underline;
}

.cate-nav li a {
	line-height: 24px;
}

.hot_article li {
	padding: 7px 0 3px 0;
}

.hot_article .pic {
	margin-right: 9px;
	float: left;
	margin-top: 4px;
	border: 1px solid #e1e1e1;
	height: 36px;
	width: 36px;
	display: block;
}

.hot_article .text {
	padding-left: 45px;
	font-size: 12px;
	color: #949495;
	line-height: 22px;
}

.hot_article .text b {
	font-size: 13px;
}

.m_banner {
	display: none;
}

.item-gywmsj .pic {
	width: 90px;
	margin: 0 auto;
}

.item-gywmsj h2 {
	font-size: 40px;
	font-weight: bold;
	padding-top: 10px;
}

.item-gywmsj h3 {
	font-size: 26px;
	padding-bottom: 10px;
}

.item-gywmsj p {
	color: #949495;
}

.name3 {
	font-size: 24px;
	text-transform: uppercase;
}

.facility-list {
	margin-top: 40px;
}

.facility-list p {
	padding-top: 20px;
}

.contact-box h4 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.content-left div strong {
	font-size: 16px;
}

.accordion {
	position: relative;
	background-color: #fff;
	display: inline-block;
	width: 100%;
	border: 1px solid #f1f4f3;
	color: #74777b;
	vertical-align: middle;
	margin-top: 10px;
}

.accordion .fa {
	position: relative;
	float: right;
	top: -4px;
}

.accordion h4 {
	position: relative;
	top: 0.8em;
	font-size: 15px;
	margin: 0;
	font-weight: normal;
}

.accordion a {
	position: relative;
	display: block;
	color: #74777b;
	padding: 0.5em 1em 1.8em 1em;
	text-decoration: none;
	background-color: #F8F8F8;
}

.accordion a:hover,
.accordion.on a {
	text-decoration: none;
	color: #006cbb;
	background-color: #e7ecea;
	transition: 0.3s;
}

.accordion-desc {
	background-color: #fff;
	z-index: 2;
	padding: 20px 15px;
	font-size: 15px;
	border: 1px solid #f1f4f3;
	margin-top: -1px;
}

.about_content {
	color: #3f3d40;
}

.breadcrumb {
	background: none;
	margin: 7px 0 0 0;
	font-size: 12px;
}

.breadcrumb-item.active a {
	color: #006cbb;
}

.pagination {
	float: left;
}

.about-name {
	font-weight: bold;
	font-size: 22px;
	color: #000000;
}

.about-name span {
	font-weight: normal;
	font-size: 13px;
	color: #777;
	padding-left: 10px;
}

.pic-list .pic-bg .row {position: relative;height: 350px;}
.pic-list .pic-bg:nth-of-type(odd) {background-color: #eee;}
.pic-list .pic-bg .text {position: relative;color: #000000;}
.pic-list .pic-bg .text-box {position: absolute; top: 50%; transform: translateY(-50%);}
.pic-list .pic-bg:nth-of-type(odd) .pic {right: 0px;position: absolute;}

.list-item1 .pic {overflow: hidden;position: relative;}
.list-item1 .pic img {transition: all 0.3s;}
.list-item1 .text {background-color: #f6f7f7;padding: 30px 45px; color: #777;position: relative;}
.list-item1 .text h2 {font-size: 17px;line-height: 36px;}
.list-item1 .text::before {background-color: #006cbb; display: block;content: ""; width: 0px; height: 5px; position: absolute; left: 0; top: 43px; transition: all 0.3s;}
.list-item1:hover .text::before {width: 25px;}
.list-item1:hover .text h2 a {color: #006cbb;}
.list-item1:hover .text {background-color: #fff;}
.list-item1:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}

.list-item2 .text {background-color: #fff;padding: 20px;}
.list-item2:hover .text::before {width: 0px;}

.slide-box1 {padding-bottom: 50px;}
.slide-box1 .slide-box1-nav,.slide-box3 .slide-box3-nav {bottom: 0px;}
.slide-box1 .swiper-pagination-bullet,.slide-box3 .swiper-pagination-bullet {border: 0px; background: #eee;opacity: 1; width: 8px; height: 8px; }
.slide-box1 .swiper-pagination-bullet-active,.slide-box3 .swiper-pagination-bullet-active {border: 2px solid #006cbb;background: none; width: 12px; height: 12px;top: 2px;position: relative;}

.slide-box3 {padding-bottom: 50px;}

.list-item5 {border-bottom: 1px solid #eee;cursor: pointer;position: relative; transition: all 0.3s;}
.list-item5::before {display: block;content: ""; width: 1px; height: 40px; background-color: #eee;position: absolute; right: 0px;top: 50%; transform: translateY(-50%);}
.list-item5:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.06);position: relative;z-index: 99;}


.swiper-button-next,.swiper-button-prev { width: 50px; height: 50px; right: 10px; border-radius: 5px; opacity: 1;}
.swiper-button-prev {left: 10px;}
.swiper-button-prev:hover,.swiper-button-next:hover {background-color: #006cbb;}

.home-name-ys { color: #000000;}
.home-name-ys h2,.home-name-ys h3 {font-weight: bold; font-size: 24px;}
.home-name-ys span {color: #eb4f38;}

.home-name h2 {color: #006cbb;font-size: 24px;}
.home-name h2 span {font-size: 13px; color: #888;padding-left: 10px;}
.home-name2 h2 span {color: #BBBBBB;}

.cooperation-list ul li {width: calc(100% / 6); float: left;border-bottom: 1px solid #eee;cursor: pointer;position: relative; transition: all 0.3s;}
.cooperation-list ul li::before {display: block;content: ""; width: 1px; height: 40px; background-color: #eee;position: absolute; right: 0px;top: 50%; transform: translateY(-50%);}
.cooperation-list ul li:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.06);position: relative;z-index: 99;}


/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 2055;
	right: 0;
	bottom: 100px;
	transform: translateY(-50%);
	width: 40px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	font-size: 14px;
}


.suspension .a {
	display: block;
	width: 40px;
	height: 40px;
	border-bottom: 1px #eee solid;
	cursor: pointer;
	outline: none;
}

.suspension a {
	color: #333;
}


.suspension .a img {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 30px;
	height: 30px;
	background-color: #006cbb;
	border-radius: 100%;
	box-sizing: border-box;
	transition: all 0.6s;
}

.suspension .a img.bgqq2 {
	background-color: #ff5500;
}

.suspension .a img:hover {
	background-color: #FFAA00;
}

.suspension .a-top,.suspension p {
	display: none;
}


.suspension .d {
	display: none;
	background: #fff;
	position: absolute;
	right: 40px;
	min-height: 40px;
	text-align: left;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 31px;
}


.suspension .d-service-phone {
	top: 55px;
	width: 220px;
	padding: 26px 0 15px 15px;
	box-sizing: border-box;
	font-size: 20px;
}

.suspension .d-service-phone p {
	font-size: 26px;
	font-weight: bold;
	color: #77c9d4;
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.nav_menu3>ul>li>a {padding: 18px 35px;}
}

@media screen and (min-width: 320px) and (max-width: 1156px) {
	.pic-list .pic-bg .row {padding-top: 10px;}
	.pic-list .pic-bg .row,.pic-list .pic-bg .text,.pic-list .pic-bg:nth-of-type(odd) .pic {height: auto;position: inherit;}
	.pic-list .pic-bg .text-box {position: inherit;top: auto; transform: translateY(0); padding: 20px 0;}
	.item-gywmsj {
		margin-top: 20px;
	}

	.logo img {
		margin: 15px 0;
		height: 40px;
	}

	.header.show .logo img {
		margin: 10px 0;
		height: 30px;
	}

	.header .p-tb30 {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.top-search {
		line-height: 70px;
		font-size: 20px;
		color: var(--danger);
	}

	.menu-pd.show .search-box2 {
		top: 60px;
	}

	.nav .m.nav-hide,
	.news-list .news-right,
	.pc_banner,
	.index_banner .swiper-button-next,
	.index_banner .swiper-button-prev,
	.nav_menu3,
	.menu-box,
	.menubg,
	.list-cate,
	.swiper-button-next, .swiper-button-prev,
	.navcate {
		display: none;
	}
	
	.cooperation-list ul li {
	    width: calc(100% / 3);
	}	

	.btn-menu,
	.btn-search3,
	.m-logo,
	.m_banner {
		display: block;
	}
	
	.banner-img {
		height: 200px;
	}

	.about_pic {
		padding: 0px;
	}

	.about_content {
		padding-top: 0px;
	}

	.foot-contact {
		padding-left: 12px;
	}

	.news-list .news-left {
		padding-right: 12px;
		width: 100%;
	}

	.home_about_note {
		width: 100%;
		height: auto;
	}

	.cate-list ul,
	.ystp-list ul {
		margin-right: 0px;
	}

	.cate-list ul li,
	.ystp-list li {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.avia_video {
		width: auto;
		height: 100%;
	}

	.home_about {
		height: 680px;
	}

	.index_banner {
		height: 220px;
	}

	.image-2 {
		left: 30px;
		top: 50px;
		bottom: auto;
		right: auto;
	}

	.image-2 img {
		width: 70%;
	}

	.container {
		padding-right: var(--bs-gutter-x, 10px);
		padding-left: var(--bs-gutter-x, 10px);
	}

	.scribe {
		padding: 0;
	}

	#email.inp {
		margin: 20px 0;
	}

	.cp-list ul li .pic,
	.cp-list ul li .text,
	.contact-cp .pic,
	.contact-cp .text {
		width: 100%;
		float: none;
	}

	.contact-cp .text {
		position: relative;
		padding: 50px;
		top: 0;
		transform: translateY(0)
	}

	.product-list {
		padding-right: 0px;
	}

	.col-md-6:nth-of-type(even) .product-list {
		padding-left: 0px;
	}

	.btext {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.content-left {
		padding-right: 0px;
		padding-bottom: 24px;
	}

	.bannerall,
	.bannerall .container {
		height: 280px;
	}

	.btext h2 {
		font-size: 34px;
	}

	.bannerall p {
		font-size: 20px;
	}

	.header {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}