* {
        	margin: 0;
        	padding: 0;
        	box-sizing: border-box;
        }

        a,
		a:hover {
        	text-decoration: none;
        }

        .home {
        	display: flex;
			flex-direction: column;
        	flex-wrap: wrap;
        	justify-content: center;
        	align-items: center;
        }

        .box {
        	display: flex;
        	flex-wrap: wrap;
        	justify-content: center;
        	width: 95%;
			max-width: 1410px;
        }

        .top {
        	display: flex;
			flex-wrap: wrap;
        	justify-content: center;
        	align-items: flex-start;
			margin-bottom: 2px;
        	padding-top: 45px;
        	width: 100%;
        	height: 445px;
        }
        .top a{color: white;}
        .top p {
        	font-size: 17px;
        	line-height: 2em;
        	color: white;
        }

        .logo {
        	height: 130px;
        }
		.video-content{
        	background: url(../img/mulu.png) center;
			background-size: cover;
			width: 100%;
		}
        .video {
			padding: 12px;
        	position: relative;
        	display: flex;
        	align-items: center;
        }

        .video>p {
        	position: absolute;
        	top: 8%;
        	padding-left: 7%;
        	font-size: 22px;
        	color: white;
        	width: 100%;
        }
		.video video{object-fit:fill!important;width: 100%; height: auto; min-height: 300px;}
        .bofang {
        	width: 150px;
        	height: 60px;
        	padding-left: 15px;
        	position: absolute;
        	top: 37%;
        	right: 12px;
        	background-color: #ed1a23;
        	color: white;
        	font-size: 22px;
        	letter-spacing: 1px;
			border: none;
        	border-radius: 18px 0 0 18px;
        }

        .text {
        	position: absolute;
        	bottom: 8%;
        	left: 7%;
        }

        .p1 {
        	font-size: 30px;
			line-height: 1em;
        	color: #3752bc;
        	font-weight: bold;
			text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px;
        }

        .p2 {
        	font-size: 55px;
			line-height: 1em;
        	color: #3752bc;
        	font-weight: bold;
			text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px;
			padding-top: 14px;
        }

        .content {
        	display: flex;
        	padding: 22px 2%;
			flex-direction: column;
        }
		.content-title{
			display: flex;
			align-items: center;
		}
        .main {
        	display: flex;
        	flex-direction: column;
        	justify-content: space-between;
        	width: 95%;
			padding-left: 10px;
        }

        .header div {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        }

        .span1 {
        	font-size: 26px;
        	color: #ffffff;
        }
		.span1:hover{color: #c3c0c0;}
        .span2,
        .span2 a {
        	font-size: 20px;
        	color: #ffffff;
        }
		.content-ul{
			padding-top: 17px;
			border-top: solid 2px #ffffff;
			border-bottom: solid 2px #ffffff;
			margin-top: 12px;
			height: 389px;
			overflow-y: auto;
		}
        .content-ul li {
        	list-style: none;
			padding-bottom: 2px;
        }

        .content-ul li a {
        	font-size: 19px;
        	color: #ffffff;
        	line-height: 35px;
        	display: flex;
        	align-items: center;
        }

        .footer {
			margin-top: 0px;
        	font-size: 14px;
        	color: #ffffff;
        }
		.shijian {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			width: 90%;
			margin-top: 10px;
		}

        .title {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
        	width: 95%;
			max-width: 1410px;
        	margin-top: 80px;
        }

        .hengxian {
        	width: 35%;
			background-color: black;
        	border: black solid 1px;
        }

        .jianjie {
        	width: 90%;
			max-width: 1200px;
        	margin: 20px 0;
        	font-size: 22px;
        	line-height: 45px;
        }

        .news {
        	display: flex;
			flex-wrap: wrap;
        	justify-content: space-between;
        	align-items: center;
        	width: 95%;
			max-width: 1540px;
        	margin-top: 35px;
        }

        .fanye {
        	width: 44px;
        	height: 44px;
        	background-color: #cfcfcf;
        	border-radius: 2px;
        }

        .column {
			margin: 2%;
			padding: 35px;
        	background-color: white;
        }

        .column p {
        	font-size: 19px;
        	line-height: 1.9em;
        }

        .under {
        	margin-top: 0px;
        	padding: 30px 0;
        	background-color: black;
        }

        .underBox {
        	display: flex;
        	justify-content: space-between;
        	align-items: center;
			width: 90%;
        	max-width: 1245px;
        	margin: 0 auto;
        }
        .underLogo {
        	width: 200px;
        	height: 70px;
        }
		
        .underLogo img {
			width: 100%;
			height: auto;
        }

		.under-url{
			width: 59%;
			margin-top: 14px;
		}
        .under-url a {
			margin: 10px 0 0;
        	color: white;
        	font-size: 22px;
        }

        .erweima {
        	width: 95px;
			padding: 0;
        	color: white;
        	font-size: 22px;
        	text-align: center;
        }

        .erweima span {
        	display: inline-block;
        	width: 95px;
        	height: 95px;
			margin-bottom: 6px;
        }
		.mulu{min-width: 25px; height: 35px;}
		.mulu img{
		    padding-top: 6px;
		}
		
.button {
    padding: 5px 10px;
    display: block;
    font-weight: 900;
    font-family: "Raleway";
    text-transform: uppercase;
    text-align: center;
    color: #fff !important;
    background: #fff;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
.support {
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	visibility: hidden
}

.support strong {
	color: #F6B700
}

.support .button {
	background: #ed1a23
}

.support-shown {
	visibility: visible
}

.support-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 320px
}

.support-close {
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #fff;
}
.support-wrapper h3 {
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 1.2em;
	color: #fff;
}
.swiper {
				max-width: 100%;
				height: 100%;
			}

		.mySwiper .swiper-slide {
				text-align: left;
				font-size: 18px;
				background: #fff;
				word-break: break-all;
				text-align: justify;
    width: 31.7% !important;
    margin-right: 23px;

				/* 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;
			}

			.swiper-slide img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.fenlei-box {
						margin: 0 auto;
						width: 100%;
						padding: 9px 0 0;
					}
					.fenlei-box .caidan {
						display: flex;
						flex-wrap: wrap;
						justify-content: flex-start;
						align-items: center;
						padding: 0 0 0 9px;
					}
					.fenlei-box .fenlei {
						display: flex;
						justify-content: space-around;
						align-items: center;
						width: 22%;
						margin: 2% 9px 0px 0;
						background-color: #f5f5f5;
						border: #dbdbdb solid 3px;
						border-radius: 10px;
					}
					.fenlei-box .fenlei:nth-child(4+4n) {
						margin-right:0
					}
					.fenlei-box .fenlei div{
						width: 24px;
						height: 24px;
						background-color: #4fd1d9;
						font-size: 12px;
						color: white;
						text-align: center;
						line-height: 24px;
						border-radius: 50%;
						margin:0 2px 0 3px;
					}
					.fenlei-box .fenlei p {
			      font-size: 12px;
			      color: #5f5d5c;
			      font-weight: bold;
			      padding: 13px 0;
			      margin: 0;
			  }
					.fenlei-box .fankui {
						display: flex;
						flex-direction: column;
						align-items: center;
						margin-top: 5%;
						background-color: #f4f4f4;
					}
@media(max-width:767px) {
	.underBox {flex-direction: column;}
	.box {width: 100%!important;max-width: 100%!important;}
	.logo {order: 0;display: flex;align-items: center;justify-content: center;}
	.logo img{
	    width: 70%;
	}
	.top{height: 114px;background-size: 100%!important;}
	.p1 {font-size: 16px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px;}
	.p2 {font-size: 20px;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px;padding-top: 0px;}
	.top p {font-size: 18px;line-height: 28px;}
	.text {
		bottom: 5%;
		left: 5%;
	}
	.video>p {
        font-size: 15px;
        padding-left: 5%;
    }
	.title {
	    margin-top: 38px;
		width: 100%!important;max-width: 100%!important;
	}
	.jianjie {
	    font-size: 14px ​!importan;
	    line-height: 36px;
	}
	.news {
	    margin-top: 0;width: 100%!important;max-width: 100%!important;
	}
	.gundong ul,.gundong li{
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }
	.bofang {
        width: 92px;
        height: 38px;
        padding-left: 10px;
        position: absolute;
        top: 37%;
        right: 0;
        background-color: #ed1a23;
        color: white;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
        border-radius: 10px 0 0 10px;
    }
	.column {
	    margin-left: 3%;
	    width: 94%;
	}
	.span2, .span2 a {
	    margin-right: 8px;
	}
	.header li a {
	    font-size: 17px;
	}
	.column p {font-size: 18px;}
	.under {margin-top: 4px; padding: 34px 0;}
	.mulu img{
	    padding-top: 6px;
		margin-left: 25px;
	}
	.content {
	    padding: 40px 0;
	}
	.content-ul ,.footer{margin-left: 22px;}
	.under-url {
		width: 100%;
		margin-top: 14px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 32px;
	}
	.under-url a {
	    margin: 10px 28px 0 0;margin: 10px 8px 0 0;
	    color: white;
	    font-size: 22px;
	    flex: 16%;font-size: 20px;
	    text-align: center;
	    margin:10px 5px 0 0;
	}
	.under-url a.rtop{ position:relative!important; width:auto;top:0; right:0;}
	
	.video-content{background:none}
	.video{overflow: hidden;display: flex;align-items: center;padding: 0;}
	.video video {
        width: 100%!important;
        height: 233px;
        min-height: 233px;
    }
    .swiper {
        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;
        width: 49% !important;
        width: calc( 50% - 10px  ) !important;
        /*margin-right: 12px!important;*/
        margin-left: 0px!important;
        padding-left: 0px;
        
      }
      .hot-content .swiper-slide{ width:calc( 50% - 10px  )!important;}
      .swiper-slide a{ display:block; width:100%;}
      .swiper-slide a ul li div{white-space: nowrap;
      overflow: hidden; width: 90%;
    margin: 0 auto;
      text-overflow: ellipsis;}
      .swiper-slide img {
        display: block;
        width: 100%; max-width:100%;
        height: 100%;
        object-fit: cover;
        width: 90%;
		  margin: 0 0 0 5%;
      }
	  
	  .swiper-button-next img,
	  .swiper-button-prev img{
		  width: 100%;
		  height: auto;
	  }
	  
	  .shipin-box{width: 70%; min-height: 50px;font-size: 20px; margin-left: 5%; line-height: 38px;padding-top: 0;}
	  .shipin-box a{font-size: 20px;color: #676565;font-weight: bold;}
		.phone-title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			padding: 10px 0 14px;
		}
		.hengxian {
			width: 30%;
			border: black solid 1px;
		}
		.fenlei-box .jianjie {
			width: 95%;
			margin-top: 0;
			margin-bottom: 5%;
			font-size: 15px;
			line-height: 25px;
			color: #22201f;
		}
		.fenlei-box .column {
			display: flex;
			justify-content: space-around;
			align-items: center;
			width: 91%;
			margin: 7px 0;
			background-color: white;
			border-left: #b6daed solid 7px;
			padding: 0;
		}
		.fenlei-box .column p {
            font-size: 14px;
            margin-left: 5%;
            line-height: 22px;
            overflow: hidden;
			margin-bottom:0;
    padding: 16px 0;
        }
		.fenlei-box .jiantou {
			font-size: 48px;
			color: #614d40;
			margin: 0 14px;
		}
		.swiper-button-prev:after {
            content: ''!important;
        }
        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
            content: ''!important;
        }
		header{height:58px;border-bottom:1px solid #e8e8e8;overflow:hidden;background-color:#fff;padding:0 .25rem;position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:100}
.logo{
    order: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 262px;
    float: left;
}
header .logo img {
    height: 30px;
    width: auto;
}
header .menu{
    float: right;
    width: 42px;
    height: 56px;
    color: #4c4948;
    display: flex;
    align-items: center;
}
.slide-menu, .slide-menu ul {
    position: fixed;
    top: 58px;
    bottom: 0;
    margin-bottom: 0;
}
.slide-menu{right:-100%;z-index:10000;width:100%;background:rgba(0,0,0,.5)}
.slide-menu ul{width:60%;right:-60%;background-color:#fff;transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s}
.slide-menu ul li {
    line-height: 43px;
    list-style: none;
}
.slide-menu ul li>a {
    display: block;
    padding: 0 16px;
    height: 43px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
.slide-menu ul li a {
	color: #4c4948;
}
.slide-menu ul li>a em{float:right;transform:rotate(0);transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s}
.slide-menu ul li>a.active em{transform:rotate(-180deg)}
.slide-menu ul li dl{border-bottom:1px solid #e8e8e8;padding:9px 0;display:none;margin-bottom:0}
.slide-menu ul li dl dd {
    height: 29px;
    line-height: 29px;
    padding: 0 16px;
}
.slide-menu.active,.slide-menu.active ul{right:0}
.home{
    padding-top: 57px;
}
}



.f_nav { width: 100%; height: 50px; background: #444; position: fixed; bottom: 0; left: 0; margin-left: 0; z-index: 9999;}
.f_nav a { display: block; width: 25%; float: left; text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px}
.f_nav a:hover { background: #555}