* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
}

a {
	text-decoration: none;
	color: #000;
}

li {
	list-style: none;
}

html body {
	width: 100%;
	height: 100%;
	margin: 0;
}

#body {
	width: 100%;
	min-width: 1400px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.fixed {
	width: 100%;
	position: sticky;
	z-index: 9999;
}

.fixed1 {
	height: 100px;
}

.web-header {

	height: 34px;
	width: 100%;
	background-color: #373737;
}

.background {
	background-color: #FFFFFF;
}

.web-header-one {
	line-height: 34px;
	color: #838383;
	height: 100%;
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.web-header-two {

	color: #dedede;
	display: flex;
	font-size: 14px;
}

.web-header-two1 {
	margin: 0 5px;
}

.web-header-two1:nth-child(2) {
	margin-top: 10px;
	height: 14px;
	line-height: 13px;
	padding: 0px 7px;
	border-right: 1px solid gainsboro;
	border-left: 1px solid gainsboro;
}

.web-header2 {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	height: 100px;
	margin: auto;
	line-height: 100px;
}

.web-header2 img {
	height: 72%;
	margin-top: 15px;
}

.web-header2-name {
	width: 70%;
	display: flex;
	justify-content: space-between;
}

/* .web-header2-tit{
	padding: 0 10px;
    font-size: 20px;
	
} */
.web-header2-name a {
	display: block;
	padding: 0 10px;
	font-size: 20px;
}

.swiper-container {
	overflow: hidden;
	width: 100%;
	/* height: 550px; */
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-container image {
	width: 100%;
	height: 100%;
}

.swiper-container1 {
	width: 1200px;
	height: 450px;
	margin-top: 40px;
	overflow: hidden;
	position: relative;
}

.swiper-slide1 {
	cursor: pointer;
	padding: 20px;
	width: 248px;
	height: 245px;
	background-color: white;
	margin-left: 11px;
}

.web-lezhao {
	width: 100%;
	min-width: 1200px;
	height: 690px;
	background-image: url(../img/bg1.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: cover;
}

.web-lezhao-con {
	width: 1200px;
	margin: auto;
	height: 690px;
	overflow: hidden;
}

.web-lezhao-con img {
	transition: 1.5s;
	margin-top: 10px;
}

.web-lezhao-two {
	width: 50%;
	margin: 50px 0;
	line-height: 30px;
	text-indent: 25px;
	color: #707070;
	transition: 1s;
}

.web-lezhao-one {
	font-size: 28px;
	font-weight: 600;
	margin: 729px 0 10px 0;
	transition: 1.1s;



}

.web-product {
	width: 100%;
	min-width: 1200px;
	height: 720px;
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}

.web-product-center {

	width: 1200px;
	height: 100%;
	margin: auto;
}

.web-product-name {
	font-size: 28px;
	font-weight: 600;
	color: #FFFFFF;
	display: flex;
	padding-top: 50px;

}

.web-product-name span {
	font-weight: 500;
	font-size: 19px;
	color: #cacaca;
	margin: 8px 0px;
}

.web-product-name img {
	height: 37px;
	margin: 2px 21px;
}

.web-product-one {
	color: #CACACA;
	margin-top: 10px;
}

.web-product-gray {
	height: 550px;
	margin-top: 47px;
	display: flex;
}

.web-product-left {
	height: 550px;
	width: 25%;
	background-color: rgb(0, 0, 0, 0.5);
}

.web-product-right {
	padding: 50px;
	color: #FFFFFF;
	height: 450px;
	width: 75%;
	background-color: rgb(0, 0, 0, 0.3);
}

.web-product-li {

	margin-top: 40px;
	text-indent: 15px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
}

.product-right-one {
	font-size: 18px;
	margin-bottom: 50px;
}

.product-right-two {
	color: #FFFFFF;
	width: 100%;
	height: 300px;
	text-indent: 25px;
	line-height: 35px;
	margin: 50px 0;
	/* border-bottom: 1px solid #afafaf57; */
}

/* .product-right-three {
	display: flex;
	margin: 50px 0;
	padding-bottom: 50px;
	border-bottom: 1px solid #afafaf57;
} */

.product-right-pic {
	margin-right: 50px;
}

.product-right-pic img {
	margin-bottom: 13px;
	margin-left: 17px;
}

.product-right-button {
	display: flex;
}

.product-button1 {
	width: 118px;
	height: 40px;
	margin-right: 20px;
	text-align: center;
	color: #FFFFFF;
	line-height: 40px;
	background-color: #007AFF;
}
.product-button1 a {
	color: #FFFFFF;
}
.product-button1 a:hover {
	color: #FFFFFF;
}
.product-button2 {
	width: 118px;
	height: 40px;
	text-align: center;
	color: #007AFF;
	line-height: 40px;
	border: 1px solid #007AFF;

}
.product-button2 a {
	text-align: center;
	color: #007AFF;
}

.web-news {
	width: 1200px;
	height: 650px;
	margin: auto;
	position: relative;

}

.web-news-dis {
	display: flex;
	justify-content: space-between;
}

.web-news-right {
	margin-top: 50px;
	display: flex;
}

.web-news-right img {
	margin-left: 5px;
	height: 41px;
	width: 41px;
}

.web-news-content {
	display: flex;
	justify-content: space-between;
}

.web-news-content1 {
	line-height: 25px;
	width: 380px;
	margin-top: 40px;
}

/* .swiper-slide:nth-child(2){
	padding: 0 10px;
		border-right: 1px solid gainsboro;
	border-left: 1px solid gainsboro;
} */

.web-news-one {
	width: 380px;
	height: 50px;
	line-height: 25px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.web-news-two {
	color: #999999;
	margin-bottom: 15px;
	height: 93px;
	width: 380px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 29px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.web-news-img img {
	margin: 20px 0;
	width: 380px;
	height: 208px;
}

.web-news-many {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

.web-footer {
	width: 100%;
	background-color: #32333e;
}

.web-news-much {
	color: #007AFF;
}

.web-news-time {
	width: 120px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #2183e8;
	color: #FFFFFF;
	position: absolute;
	top: 90px;

}

.web-footer-xin {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1200px;
	margin: 15px auto;
	color: #FFFFFF;
	line-height: 1.5;
}

.web-footer-con {
	display: flex;
}
.web-footer-right{
	display: flex;
	align-items: center;
}
.web-footer-right .ewm {
	margin-left: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.web-footer-right .ewm img {
	width: 80px;
}

.active {
	font-weight: 600;
	border-bottom: 4px solid #0000FF;
	color: #0000FF !important;
}

.active1 {
	border-left: 5px solid #007AFF;
	color: #007AFF;

}

.web-icp {
	display: flex;
}

.web-icp img {
	width: 18px;
	height: 20px;
	margin-top: 6px;
	margin-right: 10px;
}

.web-search {
	min-width: 1200px;
	width: 100%;
	height: 60px;
	background-color: #f5f5f5;
}

.web-search-xin {
	width: 1200px;
	line-height: 60px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.web-search-left {
	display: flex;
	color: #666666;
	cursor: pointer;
}
.web-search-left a {
	color: #666666;
}
.web-search-left img {
	width: 23px;
	height: 23px;
	margin-top: 18px;
	margin-right: 10px;
}
.web-search-right1 {
	color: #666666;
	cursor: pointer;
}
a:hover {
	color: #007AFF;
}
.web-search-right {
	display: flex;
	margin-top: 12px;
}

.web-search-right input {
	height: 34px;
	border: none;
	padding: 0 5px;
	border: 1px solid #e7e8e8;
}

.web-search-button {

	width: 72px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #FFFFFF;
	background-color: #007AFF;
	border: none;
}

.web-two-content {
	width: 1200px;
	margin: auto;
	display: flex;
	/*   justify-content: space-between; */

}

.web-two-content-left {

	width: 69%;
	min-height: 600px;
}

.details-html {}

.details-title {
	font-weight: 600;
	font-size: 26px;
	margin-top: 32px;

}

.details-time {
	color: #66666687;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #dadada8f;
}

.details-html {
	padding: 20px 0;
}

.web-two-content-right {
	margin-left: 45px;
	width: 27%;
	min-width: 300px;
}

.content-right-title {
	height: 86px;
	line-height: 86px;
	font-weight: 600;
	font-size: 18px;
}

.content-right-img {
	display: flex;
	margin-bottom: 28px;
}

.content-right-img img {
	width: 130px;
	height: 80px;

}

.content-right-nn {
	margin-left: 10px;
}

.content-right-top {

	height: 40px;
	line-height: 20px;
	overflow: hidden;
}

.content-right-botton {
	font-size: 16px;
	color: #b3b3b3;
	margin-top: 10px;
}

.middle {
	flex: 1;
}

.web-list {
	width: 1200px;
	margin: auto;
	padding: 40px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.title {
	width: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	color: #333333;
	font-family: "微软雅黑";
}

.orgin {
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #999999;
	font-size: 14px;
}

.lie {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.lie1 {
	width: 48%;
	padding: 20px 0;
	min-height: 200px;
	box-sizing: border-box;
	border: 1px solid #d5d5d5;
	background-color: #f8f8f8;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.lie1 .mid {
	width: calc(100% - 180px);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.lie1 .picture {
	width: 150px;
	height: 150px;
	margin-right: 15px;
	margin-left: 15px;
	box-sizing: border-box;
}
.lie1 .qian {
	width: calc(100% - 100px);
	height: 100%;
	display: flex;
	align-items: center;
}
.qian {
	width: 80%;
	height: 100%;
	display: flex;
	align-items: center;
}

.picture {
	width: 150px;
	height: 90px;
	margin-right: 20px;
	margin-left: 5px;
}

.picture img {
	width: 100%;
	height: 100%;
}

.mid {
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.gangwei {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.gangwei p {
	width: 400px;
	font-size: 18px;
	color: #333333;
	font-weight: 800;
}
.miaoshu {
	font-size: 16px;
	color: #32333e;
	line-height: 1.8;
}
.time {
	display: flex;
	color: #999999;
	font-size: 12px;
}
.showtime {
	margin-right: 100px;
}
.xiangqing {
	width: 100px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #007AFF;
	font-size: 16px;
	cursor: pointer;
}

.content {
	width: 100%;
	min-height: 20px;
	box-sizing: border-box;
	padding: 20px 0;
}

.web-list-con {
	width: 380px;
	height: 380px;
	margin-bottom: 20px;
}

.web-list-imgg {
	width: 380px;
	height: 214px;
	overflow: hidden;
}

.web-list-con img {
	width: 100%;
	height: 214px;
	transform: scale(1.1);
	transition: all 0.6s;
}

.web-list-imgg img:hover {
	cursor: pointer;
	transform: scale(1.5);
}

.web-list-many {
	display: flex;
	justify-content: space-between;
	height: 72px;
	line-height: 72px;
}

.web-list-much {
	color: #007AFF;
}

.web-list-title {
	height: 50px;
	width: 380px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	line-height: 50px;
}

.web-list-time {
	color: #bebebe;
}

.web-list-content {
	height: 52px;
	width: 380px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.nav-fenye {
	width: 254px;
	display: flex;

	margin: auto;
	padding: 50px 0;
}

.pravPage {
	width: 40px;
	height: 40px;
	border: 1px solid #d5d5d5;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
}

.nextPage {
	width: 40px;
	height: 40px;
	border: 1px solid #d5d5d5;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
}

.pages {
	width: 40px;
	height: 40px;
	border: 1px solid #d5d5d5;
	text-align: center;
	line-height: 40px;
	margin: 0 10px;
	border-radius: 5px;
}

.active6 {

	background-color: #007AFF;
	color: #FFFFFF;

}

.details-html p {
	margin: 20px 0;

}

.web-pic-xitong {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;

}

.web-pic-pic {
	width: 380px;
	height: 250px;
	margin-bottom: 40px;
	position: relative;

	cursor: pointer;
	overflow: hidden;
}

.web-pic-pic img {
	width: 100%;
	height: 100%;


}

.web-pic-wenzi {
	width: 100%;
	height: 100%;
	color: white;
	font-size: 24px;
	line-height: 250px;
	text-align: center;
	position: absolute;
	top: 0;
	transition: 1s;

}

.web-pic-back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(5, 111, 223, 0.6);
	display: none;
}

.web-pic-wenzi1 {
	padding: 0 10%;
	width: 80%;
	color: white;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	margin: auto;
	position: absolute;
	transition: 1s;
	top: 263px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.web-pic-pic:hover .web-pic-back {

	display: block;
}

.web-pic-pic:hover .web-pic-wenzi {
	transform: translateY(-30px);
	display: block;
}

.web-pic-pic:hover .web-pic-wenzi1 {

	transform: translateY(-130px);
}

.active7 {
	transform: translateY(-680px);
}
.content img{
	margin: 0 auto;
}