body {
	margin: 0;
	padding: 0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	position: relative;

	background: rgba(255, 237, 235);

}

* {
	padding: 0;
	margin: 0;
}

/*包含以下四种的链接*/
a {
	text-decoration: none;
	color: #000000;
}

/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}

/* 正在点击的链接*/
a:active {
	text-decoration: none;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}

a {}

ul,
li {
	list-style: none;

}

header {

	padding: 30px 0;
}

header {
	display: grid;
	grid-row-gap: 0px;
	background: url(../image/bg.jpg)no-repeat;
	background-size: 100% 100%;
}

header .logo .w1200 {
	display: flex;
	overflow: hidden;
	align-items: center;
}

header .logo img.logoimg {
	width: 230px;
}
header .logo img.logobg{
	width:100%;;
}
header nav {
	background: rgba(255, 255, 255, 0.5);
	padding: 10px 0;
}

header nav .w1200 {
	display: grid;
	align-items: center;
	justify-content: space-between;
	grid-template-columns: auto auto auto auto auto auto auto auto auto;
}

header nav a {
	margin: 0 10px;
	font-size: 16px;
}

header nav a.active {
	background: #cc2728;
	color: #fff;
	padding: 10px 20px;
}

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

}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner {
	margin-bottom: 30px;
}

.swiper-slide img {
	width: 100%;
}

.main {
	/* background: #f7f7f7; */
}

.main .w1220 {
	background: #fff;
}

.main .zs {
	/* margin-bottom: 30px; */
	padding: 10px;
	background: #fff;
}

.main .zs ul {
	overflow: hidden;
}

.main .zs .title {
	text-align: center;
}

.main .zs .title h3 {
	margin: 20px 0;
}

.main .zs .title span {
	font-size: 28px;
	color: #cc2728;
	margin: 0 20px;
}

.main .zs .title img {
	width: 80px;
}

.main .zs ul li {
	float: left;
	width: 14.66%;
	margin: 1%;

}

.main .zs ul li img {
	width: 100%;
}

.w1220 {
	width: 1220px;
	margin: 0 auto;
}

.main .left {

	width: 100%;
	display: grid;
	grid-row-gap: 10px;
	grid-template-columns: 50% 50%;
	grid-column-gap: 5px;
}

.main .left .list {
	/*background: #fff;*/
	padding: 10px 20px;


}

.main .left .list h3 {
	margin: 0;
	line-height: 30px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #b61412;

}

.main .left .list h3 span {
	background: url(../image/tit-r.jpg)right top no-repeat #b61412;
	width: 120px;
	color: #fff;
	padding-left: 10px;
}

.main .left .list h3 img {
	width: 20px;
	margin-right: 5px;
}

.main .left .list ul.yewu li {
	height: auto;
	/* border: 1px solid red;
	border-radius: 10px;
	background: rgba(238,44,44,0.5); */
	margin: 2px 0 2px;
	text-align: center;

}
.main .left .list ul.yewu li p{
    font-size: 14px;
}
.main .left .list ul.yewu li .img1{
	border: 2px solid #1296db;
}
.main .left .list ul.yewu li .img2{
	border: 2px solid #d81e06;
}
.main .left .list ul.yewu li .img3{
	border: 2px solid #bc42f3;
}
.main .left .list ul.yewu li .img {
	
	border-radius: 8px;
	/*width: 73px;*/
	margin: 0 auto 10px;
	padding: 0px;
	/*height: 72px;*/
	box-shadow: 1px 5px 15px #FFC0CB;
	background-image: linear-gradient(to bottom, #CD3333, #EE3B3B,#EE3B3B,#FF4040,#FF4040);
}

.main .left .list ul.yewu li .img img {
	width: 50%;
	margin-top: 15px;
}
.main .left .list ul.anniu li.anniu1{
	    box-shadow: 1px 5px 15px #d4e8fd;
	background-image: linear-gradient(to bottom, #C0C0C0, #C0C0C0,#D3D3D3,#DCDCDC,#DCDCDC);
}
.main .left .list ul.anniu li.anniu2{
	    box-shadow: 1px 5px 15px #fbedc2;
	    background-image: linear-gradient(to bottom, #ffcd38, #ffbc37,#ffaf36,#fea137,#fd9a35);
}
.main .left .list ul.anniu li.anniu3{
	    box-shadow: 1px 5px 15px #fbedc2;
	    background-image: linear-gradient(to bottom, #ff3300, #ff3333,#ff3333,#ff3333,#ff3333);
}

.yewu .anniu1{
    /*box-shadow: 1px 5px 15px #FFA07A;*/
	background-image: linear-gradient(to bottom, #CD3333, #EE3B3B,#EE3B3B,#FF4040,#FF4040);
	font-size: 18px;
	padding: 10px 0;
	border-radius: 4px;
	color: #fff;
}
.yewu .anniu1:hover{
    background-image: linear-gradient(to bottom, #009ACD, #00B2EE,#00B2EE,#00BFFF,#00BFFF);
}
.main .left .list ul.anniu li {
	/* border: 1px solid red; */
	border-radius: 5px;
	
	height: auto;
	margin-bottom: 15px;
}

.main .left .list ul.anniu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.main .left .list ul.yewu li a {
	/* display: flex;
	align-items: center;
	justify-content: center; */
	font-size: 18px;
	font-weight: bold;
}

.main .left .list ul.anniu li img {
	width: 40px;
	margin-right: 20px;
}

.main .left .list ul.yewu li img {
	/* width: 80px; */
	/* margin-right: 20px; */
}

.main .left .list ul.yewu {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: auto auto;
}

.main .left .list ul li {
	line-height: 28px;

	height: 28px;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 0;
	border-bottom: 1px solid #f1f1f1;
    

}

.main .left .list ul li a {
	font-size: 14px;
	display: block;
}

.main .left .list ul li:hover a {
	color: red;
}

.gsnews {
	margin: 10px 0;
}

.gsnews h4 {
	font-size: 18px;
	margin: 10px 0;
	text-align: left;
}

.gsnews img {
	width: 100%;
}

.gsnews p {
	color: #999;
	font-size: 14px;
	text-align: left;
}

.main .left .list ul li span {
	float: right;
}

.main .right {
	float: left;
	width: 260px;
	background: #fff;
	padding: 20px;
}

.main .right ul li {
	text-align: center;
	box-shadow: 5px 5px 5px rgb(68 68 68 / 50%);
	position: relative;
	margin-bottom: 20px;
	border-radius: 5px;
}

.main .right ul li a {
	font-weight: bold;
	font-size: 18px;
	color: #fff;

}

.main .right ul li a img {
	width: 100%;
	vertical-align: middle;
}

.main .right ul li:hover a span {
	color: #b61412;
}

.main .right ul li a span {
	position: absolute;
	top: 35px;
	left: 20px;
	color: #000;
	font-size: 18px;
}

.main .right h3 {
	margin: 0;
	line-height: 30px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #b61412;
	margin-bottom: 20px;

}

.main .right h3 span {
	background: url(../image/tit-r.jpg)right top no-repeat #b61412;
	width: 120px;
	color: #fff;
	padding-left: 10px;
}

.clear {
	clear: both;
}

footer {
	background: rgb(177, 0, 1);
	width: 1200px;
	padding: 10px;
	margin: 0 auto;
}

footer .link {
	padding: 15px;
}

footer .link a {
	color: #fff;
	margin-right: 20px;
}

footer .link span {
	color: #fff;
}

footer .phone {}

footer .phone .bot {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 30px 0;
}

footer .phone .bot h3 {
	color: rgb(201, 123, 55);
	margin: 0;
	font-size: 24px;
}

footer .phone .bot h3 img {
	width: 180px;
}

footer .phone .bot a {
	color: #fff;
	text-align: center;
	line-height: 28px;
}

footer .phone .bot a img {
	width: 100px;
}

footer .footer_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer .phone .bot .tel p {
	color: #fff;
	line-height: 28px;
}

footer .phone .bot .nav a {
	color: #fff;
	margin-left: 0px;
	    display: inline-block;
	        width: 50%;
	        text-align: left;
}

.copy {
	border-top: 1px solid #fff;
	/* margin: 15px 0; */
	padding: 10px 0;
}

.copy p {
	font-size: 14px;
	color: #fff;
}

.leftbody {
	position: fixed;
	width: 180px;
	background: #cc2728;
	padding: 15px;
	top: 60%;
	left: 5%;
	z-index: 9999;
	box-shadow: 5px 5px 5px rgb(68 68 68 / 50%);
}

.leftbody ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.leftbody ul li .img {
	margin-right: 10px;
}

.leftbody ul li .img img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.leftbody ul li .txt h4,
.leftbody ul li .txt a {
	color: #fff;
}

.adv {
	background: #fff;
	padding-top: 15px;
}

.adv .advlist {
	float: left;
	width: 21%;
	margin: 1% 2%;
	text-align: center;
}

.adv .advlist dt {

	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 auto;
}

.adv .advlist dt span {
	background: #69ceac;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	margin: 10px auto;
}

.adv .advlist dt span img {
	height: 46px;
	margin-top: 17px;
}

.adv .advlist dd h2 {
	font-size: 18px;
	color: #333;
	margin-top: 20px;
}

.adv .advlist dd p {
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
	line-height: 28px;
}

.adv .advlist.one dl dt {
	border: 1px #69ceac solid;
}

.adv .advlist.one dl dt span {
	background: #69ceac;
}

.adv .advlist.one:hover dl dt {
	background: #69ceac;
	transition: all .8s;
}

.adv .advlist.two dl dt {
	border: 1px #1ac1eb solid;
}

.adv .advlist.two dl dt span {
	background: #1ac1eb;
}

.adv .advlist.two:hover dl dt {
	background: #1ac1eb;
	transition: all .8s;
}

.adv .advlist.three dl dt {
	border: 1px #ff6604 solid;
}

.adv .advlist.three dl dt span {
	background: #ff6604;
}

.adv .advlist.three:hover dl dt {
	background: #ff6604;
	transition: all .8s;
}

.adv .advlist.four dl dt {
	border: 1px #ffcf3c solid;
}

.adv .advlist.four dl dt span {
	background: #ffcf3c;
}

.adv .advlist.four:hover dl dt {
	background: #ffcf3c;
	transition: all .8s;
}