/* CSS Document */
body{margin:0 auto;padding:0;color:#333333;font:14px/20px 'Microsoft YaHei', Arial;}
body,html{position: relative;}
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;}
div{}
dl,dt,dd{font-weight: normal;}
img{border:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input,textarea{font-size:12px}
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input{ vertical-align:middle; }
button{ vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
a{color:#333333;text-decoration:none;}
a:hover{
	text-decoration: none;
	color:#333;
}
.fl{
	float:left
}
.fr{
	float:right;
}
textarea {  -webkit-appearance: none;}   
.block05{width:100%; height:5px;}
.block10{width:100%; height:10px;}
.block15{width:100%; height:15px;}
.block20{width:100%; height:20px;}
.block25{width:100%; height:25px;}
.block30{width:100%; height:30px;}
.block35{width:100%; height:35px;}
.block40{width:100%; height:40px;}
.block45{width:100%; height:45px;}
.block50{width:100%; height:50px;}
.block55{width:100%; height:55px;}
.block60{width:100%; height:60px;}
.block65{width:100%; height:65px;}
.block70{width:100%; height:70px;}
.block80{width:100%; height:80px;}
.block85{width:100%; height:85px;}
.block90{width:100%; height:90px;}
.block95{width:100%; height:95px;}
.block100{width:100%; height:100px;}
.block130{width:100%; height:130px;}
.relative{
	position:relative
}
.absolute{
	position: absolute;
}
.header{background:#ffffff;display: flex;justify-content: space-between;height: 68px; align-items: center;box-shadow: 0 2px 6px rgba(0,0,0,.1)}
.logo{width:50%;box-sizing:border-box;}
#logo{padding-left:10%;}
.navigate{width:50%;}
.logo img{width:165px; height: auto;}
.logo{width:207.393px;min-height: 30px;min-width: 30px;min-height: 30px;min-width: 30px;}
.logo,.navigate{width:50%;}
.navigate ul li{float:left;color:rgba(169,169,169,1);padding:0 20px; line-height: 68px}
.navigate ul li.active a{color:#353535;border-bottom:2px solid #42a5f6;}

.navigate ul li a{color:rgba(169,169,169,1);display: inline-block;line-height: 64px;box-sizing: border-box}
.navigate ul li a:hover{color:rgba(169,169,169,1);border-bottom:2px solid #42a5f6;color:#353535;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-left:0;padding-right:0;}
.container{padding-left:0;padding-right:0;}
.row{padding-left:0;padding-right:0;margin-left:0;margin-right: 0;}

/*footer*/
footer{margin-top: 60px;background: #000;color:#fff;}
.footer-top{padding:26px 0 10px 0; display: flex;justify-content: space-around;font-weight: lighter;font-size: 14px;line-height: 1.6;}
.footer-top img{width:200px;height: 200px;border-radius: 5px; overflow: hidden}
.copyRight{color:rgba(75,75,75,1);font-size: 12px; display: flex;justify-content: space-around; line-height: 50px;}


.footer-c-two{display:flex;justify-content:space-between;}

#banner{padding-top: 68px;}

.fulid-container{width:100%;padding-left:0;padding-right:0;overflow: hidden;}


/*menu*/
#menu-body{width:100%;background:#fff; display: none;}
.slide-menu{display:none;transition:all .3s ease 0s;padding:0px 18px 0;position: absolute;top:68px;left:0px;width:100%;height: 100%;background:#fff;z-index:1000;}
.mobile-nav-body{}
.mobile-nav-body a{display:block; line-height: 3.6;border-bottom:1px solid #eee;}
.mobileNav{padding:10px 30px 10px;}
.bar{position: relative;display: block;width: 30px;height: 2px;margin-bottom: 6px;background-color: #888;border-radius: 10px;-webkit-transition: 0.3s;transition: 0.3s;}
.menu-button{position: absolute;left:26px;top:26px;width:30px;}

.open .bar:nth-child(1){transform:translateX(0px) rotate(-45deg);}
.open .bar:nth-child(2){opacity:0;}
.open .bar:nth-child(3){transform:translateY(-16px) rotate(45deg);}
.mobile-logo{width:100%; text-align: center; line-height: 68px}
.mobile-logo img{width: 186px;}
#menu-body{}
.mobile-header{position: absolute;left:0;top:0;right: 0; bottom:0;height: 68px; line-height: 68px;z-index:1000;}
/*menu end*/
/*图片弹窗*/
/*#mask{width:100%;height: 100%; position: absolute;left:0;top:0;background: rgba(0,0,0,.9);z-index:999999;display:none;}*/

/*.mask-content{width:70%;position: fixed;transform: translate(-50%,-50%);left:50%;top:50%;z-index:1001;height:80%; text-align:center;overflow:hidden;  }*/
/*.mask-content img{max-width:100%;max-height:100%;object-fit:contain;}*/
/*.mask-content button{float: right;margin-bottom: 6px;background:none;border:1px solid #fff;border-radius:50%;width:30px;height:30px;color:#fff;}*/
.mobile-er img{width:130px; height:130px;}

/*弹窗视频*/
#mask-video{width:100%;height: 100%; position: absolute;left:0;top:0;background: rgba(0,0,0,.9);z-index:999999;display:none;}

.mask-content-video{width:95%;position: fixed;transform: translate(-50%,-50%);left:50%;top:50%;z-index:1001;height:100%; text-align:center;overflow:hidden; display:flex;flex-direction:column;justify-content:center;align-items:center;}
.mask-content-video video{max-width:100%;max-height:100%;object-fit:contain;}
.mask-content-video button{float: right;margin-bottom: 6px;background:none;border:1px solid #fff;border-radius:50%;width:30px;height:30px;color:#fff;}

/*search*/
.form-data{display: flex;justify-content: space-between;padding-left:18px;}
.search{padding:30px 0;}
.search-main{border:1px solid #ccc;border-radius: 30px;width:360px;margin:0 auto;height: 50px; line-height: 50px;}
.search-main .keywords{width:80%;font-size:16px;color:#666;border:none;outline: none;padding-left:30px; line-height: 46px; height: 46px;}
.search-btn{width:50px; height: 50px; background: url("../images/searchbtn.png") no-repeat center center / 30px 30px; text-indent:-9999em;border:none;}

@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1300px;
	}

}
@media (min-width: 1200px) {
	.news-item .media-left img{width:300px;}
	.mask-content-video{width:70%;}
}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
	.footer-top{display: block;padding-left:20px;}
	#footer{padding:20px;}
	.footer-item{margin-bottom: 20px; line-height: 2;}
	.news-item .media-left img{width:125px; height:auto;}
	.news-item h4{height:18px; overflow:hidden}
	.news-item p{height:60px; overflow:hidden}
	

}
/*以上是小于768的时候*/

@media(min-width:768px) and (max-width:995px){
		.news-item .media-left img{width:185px;}
}
@media(min-width:995px) and (max-width:1200px){
    	.news-item .media-left img{width:185px;}
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (max-width: 995px) {
	#menu-body{display: block;}
}