* {margin: 0;padding: 0;box-sizing: border-box;}
html, body {font: 14px/1.571429 Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color: #666666;margin: 0;width: 100%;}
img {height: auto;max-width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
a {color:#666666;text-decoration: none;}
a:visited {outline: none;}
a:hover,a:focus,a:active {text-decoration: none;outline: none;color: #cb0000;}
a:focus {outline: thin dotted;outline: none;}
a:hover,a:active {outline: 0;}
ul,li {margin: 0;padding: 0;list-style: none;}
input,button,select,textarea {background: none;border: none;margin: 0;padding: 0;border-radius: 0;-webkit-border-radius: 0;color: #414446;-webkit-appearance: none;outline: none;-webkit-appearance:none;resize: none;}
input:focus {
  outline: none;
}
.font30{font-size: 30px; font-weight: 600;}
.font22{font-size:22px;}
.font16{font-size:16px;}

.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pb30{padding-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mt30{margin-top: 30px;}
.mt85{margin-top: 85px;}
.bg{background: #f5f5f5;}
.bg1{background-image: linear-gradient( to bottom, rgba(244,244,244,0.3),  rgba(244,244,244,0.8));}
.bg2{background-color: #fff;}
.title{}
.title span{display: block; font-size: 14px; font-weight: normal; opacity: .6;}

@media (max-width: 1199px) {
html, body {font: 12px/1.571429 Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color: #666666;margin: 0;width: 100%;}
.font30{font-size: 18px; font-weight: 600;}
.font22{font-size:16px;}
.font16{font-size:14px;}

.pt60{padding-top: 20px;}
.pb60{padding-bottom: 20px;}
.mb50{margin-bottom: 30px;}
.bg1{background-image: linear-gradient( to bottom, rgba(244,244,244,0.3),  rgba(244,244,244,0.8));}
.title{}
.title span{display: block; font-size: 12px; font-weight: normal; opacity: .6; padding: 2% 10%;}
}

.container {max-width: 1600px;}

.header__bararea,.header__bottom .area .menu,.header__bottom .area{display: flex;flex-wrap: wrap;}
.header__one .container-fluid{padding-left: 30px;padding-right: 30px;transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.header__bottom .area .logo img{height: 85px;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.header__bottom .area .logo img:hover {transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);-webkit-transform: translateX(10px);}
.header__bottom .area .menu ul li i{padding-left: 5px;}
.header__bottom .area .menu ul li ul li i{float: right;}

.menu-item-has-children>a,.header__bar,.header__bottom .area .menu ul li{position: relative;}
.header__bar span{position: absolute;content: "";}
.header__bar{cursor: pointer;}
.header__bar span,.header__one{width: 100%;}

.header__bottom .area .menu,.header__bottom .area{justify-content: space-between;}
.header__bararea,.header__bottom .area{align-items: center;}

.header__bottom .area .menu ul li ul li,.header__bottom .area .menu ul li a{display: block;}

.header__bar span,.header__bottom .area .menu ul li{display: inline-block;}
.menu-item-has-children .active{}
.header__bar {margin-left: 30px;}


/*================*** Header Section Start Here     ***===================*/
.header.header-fixed.header__one {
	background-color: #fff;box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.header.header-fixed.header__one .header__top {
	display: none;
}

.header.header-fixed.header__two .header__bottom {
	position: static;
	top: 0;
	z-index: 99;
}

.header__bottom .area .menu ul .active{border-top:2px solid #cb0000;
    color: #cb0000;
}

.header__bottom .area .menu ul li ul {
	background-color: #fff; padding: 10px 0;
}
.header__bottom {
	padding-block: 0;
}

@media (min-width: 1200px) {
	.header.header-fixed.header__two .header__bottom {
		position: fixed;
	}
}



@media (max-width: 575px) {
	.header__bottom .area .logo img{max-height: 65px;}
}

@media (max-width: 1199px) {
	.header__bottom .area .menu {
		display: none;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		background-color: #fff;
		z-index: 9999;
		padding-bottom: 30px;
	}

	.header__bottom .area .menu.active {
		display: inherit;
		padding-inline: 30px;
	}
}

@media (max-width: 1199px) {
	.header__bottom .area .menu ul li {
		display: block;
	}
	.header__bottom .area .menu ul li a {
	height: auto;
	    line-height: 28px;
	    padding: 5px 15px !important;
	}
	.header__bottom .area .menu ul .active {
	    border-top: transparent;
	}
}

@media (min-width: 1200px) {
	.header__bottom .area .menu ul li:hover>ul {
		opacity: 1;
		top: 100%;
		visibility: visible;
	}
.header__bottom .area .menu ul li a {
	padding: 0 20px; line-height: 85px;
}
}



@media (max-width: 1199px) {
	.header__bottom .area .menu ul li ul {
		display: none;
	}
}

@media (min-width: 1200px) {
	.header__bottom .area .menu ul li ul {
		position: absolute;
		width: 220px;
		top: calc(100% + 30px);
		left: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		opacity: 0;
		z-index: 999;
		box-shadow: 0 0 3px rgba(52, 189, 107, 0.1);
		visibility: hidden;
	}
}

.header__bottom .area .menu ul li ul li:last-child>a {
	border: none;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after,
.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
	background-color: #fff;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
	right: 24px;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after {
	right: 20px;
}

.header__bottom .area .menu ul li ul li a {
	font-size: 95%;line-height: 35px;
	padding: 0 20px; 
	transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;
}

.header__bottom .area .menu ul li ul li a:hover,
.header__bottom .area .menu ul li ul li a.active {
transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);-webkit-transform: translateX(10px);
}

.header__bottom .area .menu ul li ul li a:hover::after,
.header__bottom .area .menu ul li ul li a:hover::before,
.header__bottom .area .menu ul li ul li a.active::after,
.header__bottom .area .menu ul li ul li a.active::before {
	background-color: #fff;
}

@media (min-width: 1200px) {
	.header__bottom .area .menu ul li ul li ul {
		left: 100%;
		top: 0 !important;
	}
}

.header__one {
	top: 0;
	left: 0;
	background-color:transparent;
	z-index: 999;
	position: relative;
}

@media (min-width: 1200px) {
	.header__one {
		position: fixed;
		background-color: transparent;
	}
}

.header__one .header__top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199px) {
	.header__one .header__top {
		display: none;
	}
}

@media (max-width: 1199px) {
	.header__one .header__top .info {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
}

@media (max-width: 1199px) {
	.header__one .header__top .info ul {
		text-align: center;
	}
}

.header__one .header__top .info ul li {
	padding: 9px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199px) {
	.header__one .header__top .info ul li:first-child {
		border-left: none;
	}
}

@media (max-width: 575px) {
	.header__one .header__top .info ul li {
		border: none;
	}
}

@media (max-width: 1199px) {
	.header__one .header__top .social {
		text-align: center;
	}
}

.header__one .header__top .social li a {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199px) {
	.header__one .header__top .social li:first-child a {
		border-left: 1px solid rgba(255, 255, 255, 0.1);
	}
}

.header__bar {
	width: 25px;
	height: 20px;
}

.header__bar span {
	height: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #000;
	left: 0;
}

.header__bar span:first-child {
	top: 0;
}

.header__bar span:nth-child(2) {
	top: 52%;
	transform: translateY(-65%);
}

.header__bar span:last-child {
	bottom: 0;
}

.header__bar.active span:first-child {
	-webkit-transform: rotate(45deg) translate(3px, 9px);
	-ms-transform: rotate(45deg) translate(3px, 9px);
	transform: rotate(45deg) translate(3px, 9px);
}

.header__bar.active span:nth-child(2) {
	opacity: 0;
}

.header__bar.active span:last-child {
	-webkit-transform: rotate(-45deg) translate(3px, -9px);
	-ms-transform: rotate(-45deg) translate(3px, -9px);
	transform: rotate(-45deg) translate(3px, -9px);
}

@media (max-width: 768px) {
.header__one .container-fluid{padding-left: 2%;padding-right: 2%;}
	.header__bar {
		width: 15px;
		height: 16px;
	}

	.header__bar span {
		height: 2px;
		width: 20px;
	}

	.header__bar.active span:first-child {
		-webkit-transform: rotate(45deg) translate(4px, 6px);
		-ms-transform: rotate(45deg) translate(4px, 6px);
		transform: rotate(45deg) translate(4px, 6px);
	}

	.header__bar.active span:nth-child(2) {
		opacity: 0;
	}

	.header__bar.active span:last-child {
		-webkit-transform: rotate(-45deg) translate(4px, -6px);
		-ms-transform: rotate(-45deg) translate(4px, -6px);
		transform: rotate(-45deg) translate(4px, -6px);
	}
}

.header__ellepsis {
	font-size: 20px;
	margin-left: 25px;
}

.header__ellepsis i {
	color: #fff;
}

.menu-item-has-children>a::after {
	top: 50%;
	transform: translateY(-50%);
	right: 25px;
	width: 10px;
	height: 2px;
	background-color: #fff;
}


@media (min-width: 1200px) {
	.menu-item-has-children>a::after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: 10px;
		height: 2px;
		background-color: #fff;
	}

}

@media (min-width: 1200px) {
	.menu-item-has-children:hover>a:before {
		transform: translate(-50%, -50%) rotate(90deg);
		opacity: 0;
	}
}

@media (max-width: 1199px) {
	.menu-item-has-children.open>a:before {
		transform: translate(-50%, -50%) rotate(90deg);
		opacity: 0;
	}
}


.search-box {
    position: relative;
    z-index: 1;
}
.search-box  .search-button {
    line-height: 85px;
    height: 85px;
    padding: 0 10px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.search-button i {
    font-size: 20px;
    color: #666666;
}
.search-form {
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.search-form form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    background: none;
    color: #ffffff;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 16px;
}
.search-form form input {
    line-height: 20px;
    padding: 15px 20px;
    border: none;
    outline: none;
    width: 300px;
    color: #ffffff;
    background: #cb0000;
    background: #cb0000;
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
}
.search-form form input::-webkit-input-placeholder {
        color: #fff;
        font-size: 14px;
    }
@media (min-width: 768px){
.search-box.myactive .search-form {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.search-form form {
    position: relative;
}
.search-form form:before {
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #cb0000 transparent;
    content: "";
    right: 10px;
    top: -10px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.search-form form:before {
    border-color: transparent;
    border-bottom-color: #cb0000;
    border-bottom-color: #cb0000;
}
.search-form:hover form:before {
border-bottom-color: #cb0000;
}
.navbar-right {
    float: right;
    margin-right: -0.9375rem;
}
}
.lan{line-height: 85px;padding: 0 30px;transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}

@media (max-width: 1199px) {
.lan {text-align: center;}
.search-box{display: none;}
}

/*================*** banner Section Start Here     ***===================*/
.banner {width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.banner .swiper-button-prev ,.banner .swiper-button-next{background-color: rgba(0,0,0,0.2); height: 54px;width: 54px;border-radius: 50%;text-align: center;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 1.8rem;font-weight: 600; color: #cb0000;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;border: 2px solid #fff;border-radius: 50%;opacity: 1;box-sizing: border-box;background: 0 0;margin: 0 4px;}
.banner .swiper-pagination-bullet-active{background-color: #cb0000;}
.banner .swiper-button-next, .banner .swiper-button-prev{background-size: 12px 20px;}

@media (max-width: 1199px) {
.banner .swiper-button-prev ,.banner .swiper-button-next{opacity: 0;}
}

/*================*** 首页***===================*/
.ly-homepage1{position: relative;}
.ly-homepage1 .container{position: relative;}
.ly-homepage1 .box{background-color: #fff;}
.ly-homepage1 .box img{max-height: 245px;}
.ly-homepage1 h3{text-align: center; font-size: 14px; padding-bottom: 20px;}
.ly-homepage1  .swiper-button-next{right: -30px; background-image: none; margin:0}
.ly-homepage1 .swiper-button-prev{transform: rotate(180deg);left: -30px;background-image: none; margin:0}
.ly-homepage1 .stb{margin-top:25px;display: flex;justify-content: center;align-items: center;align-content: center;}
.ly-homepage1 .stb i{font-size: 45px;}


.ly-homepage2{position: relative; overflow: hidden;}
.yingyong {overflow: hidden}
.yingyong a {display: block;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;overflow: hidden;background: #F5F5F6;text-align: center;height: 600px;font-size: 14px;color: #555;position: relative}
.yingyong .pic {height: 100%}
.yingyong .img {background-size: cover;background-repeat: no-repeat;background-position: center center;height: 100%;width: 100%}
.yingyong .ftit {position: absolute;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 28px;display: flex;justify-content: center;align-items: center;align-content: center;flex-direction: row;flex-wrap: nowrap}
.yingyong .info {position: absolute;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;-webkit-transform: translate(100%, 0);transform: translate(100%, 0);opacity: 0;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);color: #fff;display: flex;justify-content: center;align-items: center;align-content: center;flex-direction: column;flex-wrap: nowrap;box-sizing: border-box;padding: 0 10%}
.yingyong .t {width: 100%;display: block;line-height: 1.5;font-size: 24px}
.yingyong .d {width: 100%;margin-top: 12px;line-height: 1.8;}
.yingyong a:hover .ftit {opacity: 0;-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0)}
.yingyong a:hover .info {opacity: 1;-webkit-transform: translate(0, 0);transform: translate(0, 0)}
.swiper-btn {background: #eee;color: #000;border: 0;border-radius: 0}

@media screen and (max-width: 750px) {
.yingyong a {height: 55vw}.yingyong .ftit {font-size: 24px}.yingyong .t {font-size: 24px}
}

.ly-homepage3{overflow: hidden;}
.ly-homepage3 .box{overflow: hidden;}
.ly-homepage3 .box{padding: 30px;}
.ly-homepage3 h1{padding-bottom: 40px;position: relative;}
.ly-homepage3 h1:after {position: absolute;left: 0;bottom: 16px;width: 100px;height: 3px;content: "";background-color: #cb0000;background-color: #cb0000;}
.ly-homepage3 .desc{line-height: 2.2;}
.ly-homepage3  .btn{background-color: #cb0000; color: #fff; margin-top: 30px;}

.ly-homepage4 {background: url(../images/bg2.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
.ly-homepage4 .col-lg-3{width: 20%;}

.ly-homepage5{position: relative;}
.ly-homepage5 .container{position: relative;}
.ly-homepage5  .swiper-button-next{right: -30px; background-image: none; margin:0}
.ly-homepage5 .swiper-button-prev{transform: rotate(180deg);left: -30px;background-image: none; margin:0}
.ly-homepage5 .stb{margin-top:25px;display: flex;justify-content: center;align-items: center;align-content: center;}
.ly-homepage5 .stb i{font-size: 45px;}

.ly-homepage5 .blog__item{background-color: #fff;border: 1px solid #F2F6F9;}
.ly-homepage5 .blog__item:hover{box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); border: none;}
.ly-homepage5 .blog__item:hover a{color: #fff;}

.ly-homepage5 .blog__thumb{position: relative; overflow: hidden;}
.ly-homepage5 .blog__thumb .date {position: absolute;content: ""; display: inline-block; color: #fff;bottom: 15px;left: 15px;padding: 5px 15px;background-color: rgb(0 0 0 / 50%);}
.ly-homepage5 .blog__content{padding: 20px;}
.ly-homepage5 .blog__item:hover .blog__content{background-color: #cb0000;color: #fff; }

.ly-homepage5 .blog__content h4{margin-bottom: 15px;}
.ly-homepage5 .blog__content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}
@media (max-width: 1199px) {
.ly-homepage4 .col-lg-3{width: 50%;}
.ly-homepage5 .blog__content h4{margin-bottom:5px;}
.ly-homepage1 .stb,.ly-homepage5 .stb{display: none;}
}

main{background: #f8f8f8;}

footer .foot{background: #ebebeb;}
footer .footnav{text-align: center;}
footer .footnav a{padding: 0 15px;}

footer .center_box{margin-top: 30px;}
footer .center_box .ftlogo img{max-height: 100px;}

footer .tel .tel-list {display: block; margin-top: 15px; }
footer .tel .tel-list i {padding-right: 10px; font-size: 25px; opacity: .8;}
footer .other a{display: block; margin-top: 15px; }
footer .other i {padding-right: 10px; font-size: 25px; opacity: .8;}
footer .wx{text-align: center;}
footer .wx img{max-height: 120px;}
footer .wx span{display: block;}

footer .copyright{background: #000; padding:30px 0; }
footer .copyright p{text-align: center; margin: 0;}
footer .copyright a{padding-left: 15px;}


@media (max-width: 1199px) {
footer .footnav{text-align: left;overflow: hidden;}
footer .footnav a{width: 33.33%; float: left;}
footer .center_box{margin-top:0px;}
footer .center_box .ftlogo{display: none;}
footer .tel{margin-top: 10px;}
footer .tel .tel-list {display: initial; width: 50%; float: left;}
footer .tel .tel-list i {padding-right: 10px; font-size: 12px; opacity: .8;}
footer .other i {padding-right: 10px; font-size: 12px; opacity: .8;}
}

