﻿/*!  Douglass.cn | (c) 2011, 2021 BC network technology co., LTD | QQ: 156890583  
*/


/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ins,a,address,code,del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;font-size:inherit;}
textarea{font-family:inherit;padding:0;margin:0;resize:none;outline:none;font-size:inherit;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:14px;background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5,h6{font-size:inherit;}
i,em,address,ins{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	
a:active{}	
a:visited{}
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	
.no_bor{ border:none!important;}
.no_bg{ background:none!important;}
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}
.center{margin:0 auto;width:1280px;}	

	.container1{width:1100px;height:auto;background: url(../images/icon34.png) no-repeat left top; background-size: 100%; padding:25px 30px; width: 1040px; height: 612px; position: relative; }
	.container1 .div_scroll{float:left;width:100%; height:600px; overflow:auto;}
	.container1 .scroll_container{position:relative;overflow:hidden;}
	.container1 .scroll_absolute{position:absolute;}
	.container1 .scroll_vertical_bar{width:22px;height:100%;position:absolute;top:0;right:0;margin:0;}
	.container1 .scroll_track{position:relative;border-radius:10px;background:url(../images/icon12.png) repeat-y center bottom; width: 22px;}
	.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background:url(../images/icon11.png) no-repeat center bottom; background-size: 22px 33px;}
	.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
	.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}

 	.btn_bg{ -webkit-animation: rotate 4s linear infinite;  animation: rotate 4s linear infinite; }
 	
	/*音乐*/
	#music{ position: absolute; }
	.music{ -webkit-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
	.music{width:50px;height:50px;position:fixed;background:url(../images/icon30.png) no-repeat left top;cursor:pointer;z-index:119999;animation-play-state:paused;right:24px;top:15px;}
	.music.ro{animation-play-state:running;background-image:url(../images/icon31.png);}

	.btn_Recharge  ._dot{ -webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}


	@-webkit-keyframes rotate {
	  0%,
	  100% {-webkit-transform: rotate(0deg);}
	  100% { -webkit-transform: rotate(360deg);}
	}
	@keyframes rotate {
	  0%,
	  100% {transform: rotate(0deg); }
	  100% {transform: rotate(360deg);}
	}
	#mouse{position:absolute;font-size:14px;top:750px;left:50%;z-index:11200;line-height:29px;color:#d59c4f;text-align:center;width:86px;margin-left:-44px;font-size:13px;-webkit-animation:press 2.5s ease-out infinite;animation:press 2.5s ease-out infinite;}
	#mouse .icon_mouse{display:block;background:url(../images/icon07.png) no-repeat left top;width:33px;height:28px;margin:0 auto;}
	
	
	@keyframes press{
		50%{ transform:translateY(12px);}
	}
	
	@-webkit-keyframes press{
		50%{ -webkit-transform:translateY(12px);}
	}

.sweep-to-top {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.23s;transition-duration:0.23s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:#b01600;box-shadow:0 8px 14px rgba(0,0,0,0.4) inset;}
.sweep-to-top:hover,sweep-to-top:focus,sweep-to-top:active {color:white;}
.sweep-to-top:hover:before,.sweep-to-top:focus:before,.sweep-to-top:active:before {-webkit-transform:scaleY(1);transform:scaleY(1);}

.kefu{
	width: 97px;
	height: 20px;
}
.hezi{
	width: 118px;
	height: 20px;
}
.liebiao{
	width: 127px;
	height: 20px;
}
#section{
	width: 100%;
	height: 590px;
	background-color: #5a5a5a;
	margin-top: 80px;
	position: relative;
}
.banner{
	margin: 0 auto; 
	display: block;
	width: 1300px;
	height: 590px;
}
.list{
	width:1300px;clear:both;
	margin: 0px auto;
	margin-bottom: 50px;
	
}
.list .list-ul{
	display: flex;

}	
.abc{
	display: block;
	width: 637px;
	height: 40px;
	margin: 30px auto;
}
.list .list-ul li{
	border: 1px solid #7a7a7a;
	width: 45%;
	height: 460px;
	flex: 1;
	padding: 10px 10px 20px 10px;
	position: relative
}
.box{
	background: url(../images/333.png);
	width: 350px;
	height: 140px;
	position: absolute;
	top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);	display: none;
}
.ewm{
	position: absolute;
	top: 200%;
  left: 50%;
  transform: translate(-50%, -50%);	display: none;
  display: block;
  width: 221px;
  height: 300px;
  display: none;
}
.txtxz{
	font-size: 24px;
	color: #fff;
	line-height: 30px;
	margin-top: 18px;
	text-align: center;
}
.wrapper{
	display: flex;margin-top: 30px;
}
.xzbox{
	flex: 1;
	margin-left: 12px;
	margin-right: 12px;
	color: #333;
	font-size: 12px;
	width: 100px;
	height: 36px;
	background-color: #fff;
	text-align: center;
	line-height: 36px;
	border-radius: 5px;
	cursor: pointer;

}
.list .list-ul li .b{
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.list .list-ul li .y{
	width: 36px;
	height: 36px;
	float: left;
}
.text{
	font-size: 26px;
    width: 1300px;
    margin: 0 auto;
    line-height: 130px;
	font-weight: 600;
}
.stext{
	float: left;line-height: 36px;margin-left: 15px;font-size: 16px;
}
.download{
	float: right;
	width:100px;
	height: 36px;
	font-size: 16px;
	background: #6b0202;
	color: #fff;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}
.download:hover{
	opacity: .8;
}
.txt{
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
	line-height: 26px;
	color: #333;
	cursor: pointer;
	padding-left: 5px;
}
footer{
	background-color: #242424;
	color: hsla(0, 0%, 100%, .44);
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 12px;

}
