* {outline:none !important; font-family: "Microsoft YaHei"; margin: 0; padding: 0;}
html,body{height:100%; margin: 0; padding: 0;}
body {
	/*background:url('../img/09.png') #ddd;
	-webkit-user-select: none;不能复制页面中文字
	background-attachment:fixed;
	background-color:#f0f2f5;
	background-image:url('../images/img_bg_pattern.png');*/
}

/*默认连接*/

a {text-decoration:none; outline:none; color:#000;}
a:hover,  a:active {text-decoration:none; color:#0099cc;}
ul,ol {
    list-style: none;
}


/*mystyle*/

.zcont {width:100%; margin:0px auto; padding:0px auto; clear:both; overflow:hidden;}
.wcont {padding:0px; margin:0px auto; clear:both; overflow:hidden;}
.left   {float:left;}
.right  {float:right;}
.oclear {clear:both; overflow:hidden;}
.none   {display:none;}

.mohu{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}
.clearfix{display:block;clear:both;float:none;}

/*圆角*/
.yuan{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.upyuan{
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px 30px 0px 0px;
}

.user_img{
	-moz-border-radius:  50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-moz-box-shadow: 0 0 0 0px #fff;
	-webkit-box-shadow: 0 0 0 0px #fff;
	box-shadow: 0 0 0 0px #fff;
	width:  40px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	max-width: none;
}

.footlink a ,.footicon a{text-decoration:none;color:#ddd; }
.footlink a:hover,.footicon a:hover{color:#fff;}
.footicon a{width:16.6%; text-align:center;}

/*改造部分*/
.btn,.label,.panel,nav{border-radius:0px;}

/*首页*/

.banner {width:100%; height:500px; margin:0px auto; padding:0px auto; clear:both; overflow:hidden; background:url('../images/bgbanner.jpg') top center no-repeat;}

.foot{width:100%; height:50px; line-height:50px; font-size:12px; color:#ddd; background-color:#191919; border-top:1px #313131 solid;}

/*首页视觉*/
.track-area1 {background-image: url('../images/bg2.jpg');}
.track-area1  {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.track-area1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00b353;
  opacity: 0.7;
  z-index: -1;
}
/*首页产品*/
.productbox{
	width:100%;
	overflow:hidden;
}
.productbox .proimg{
	width:100%;
	height:300px;
	background-color:rgba(0,0,0,0.3);
	text-align:center;
	overflow:hidden;
	
}
.productbox .proimg img{
	width:100%;
	height:100%;
}
.productbox .protit{
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	color:#1f3571;
	padding:2% 5%;
	font-size:20px;
}

.product-bullet{
    display:inline-block;	
    margin: 0px 5px;
	height: 8px;
	width:  8px;
	border-radius: 5px;
	opacity: 0.5;
	background-color: #f60;
}

.product-bullet-active{
  background: #f60;
  opacity: 1;
  width: 18px;
  transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-moz-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}

.prolink a {
	display:inline-block; 
	text-decoration:none;
	outline:none;
	width:100%;
	height:99%;
	overflow:hidden;
	border:1px #ddd solid;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}

.prolink a:hover {
	background-color:rgba(59,250,148,0.5);
}
.prosidelink a {
	display:inline-block; 
	text-decoration:none;
	outline:none;
	width:100%;
	height:100%;
	color:#333;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
	border:1px #ddd solid;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}

.prosidelink a:hover {
	background-color:rgba(0,0,0,0.6);
}