@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
:root{/*全局颜色更改*/
	--bg:#f2f3f6;
	--hs:#EA363B;
	--zs:#E9DC99;
	--db:#9B181A;
	--wz:rgba(255,255,255,0.5);
}
html{
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
	background-color:var(--bg);
	overflow-x:hidden;
	overflow-y: auto;
	font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif";
	
}
body{
	width: 100%;
	max-width: 100%;
	min-height: 960px;
	vertical-align: baseline;
    background-attachment:scroll;
    background-size: 100% 100%;
	position: relative;
	padding:0;
	margin: 0 auto;
}
h1{
	color: var(--bg);
	font-size: 36px;
	font-weight: bold;
	text-shadow: 2px 3px 3px #FF0000;
	letter-spacing:5px;
	position: relative;
	left: 4px;
	top:-8px;qy02
}
h2{
	color: var(--bg);
	font-size: 18px;
	font-weight:500;
}
h3{
	color: var(--hs);
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
p{
	color: var(--bg);
	font-size: 18px;
}
.top{
	width: 100%;
	height: 120px;
	position: relative;
	margin: 0;
}
.qy01{
	width: 100%;
	height: 480px;
	background: url(../images/banner.png)center 0 no-repeat;
	background-repeat: no-repeat;
	position: relative;
	top:-15px;
}
.qy02{
	width: 100%;
	height: 1200px;
	position: relative;
}
.qy03{
	width: 100%;
	height: 460px;
	position: relative;
	margin-top:3910px;
}
.qy04{
	width: 100%;
	height: 400px;
	background: url(../images/banner.png)center 0 no-repeat;
	background-repeat: no-repeat;
	position: relative;
	top:290px;
}
.qy05{
	width: 100%;
	height: 160px;
	position: relative;
	margin-top:300px;
}
.bt01{
	width: 100%;
	height: 180px;
	background: url(../images/bt_03.png)center 0 no-repeat;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}
.bt02{
	width: 100%;
	height: 160px;
	background: url(../images/bt_02.png)center 0 no-repeat;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}
.bt03{
	width: 100%;
	height: 160px;
	background: url(../images/bt_05.png)center 0 no-repeat;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
}
.logo_box{
	width: 900px;
	height: 120px;
	margin: 0 auto;
}
.logo{
	width: 354px;
	height: 89px;
	background: url(../images/logo.png);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	top:15px;
}
.zs{
	width: 354px;
	height: 89px;
	background: url(../images/fc.png);
	background-repeat: no-repeat;
	position: relative;
	left: 600px;
	top:40px;
}
.lx_01 {
	width: 956px;
	height: 320px;
	background: url(../images/lx_03.png) no-repeat;
	position: relative;
	margin: 0 auto;
	top:120px;
	margin-bottom: 50px;
}
.lx {
	width: 956px;
	height: 263px;
	background: url(../images/lx_03.png) no-repeat 0 -320px;
	position: relative;
	margin: 0 auto;
	top:100px;
	animation: lxdh 1s linear infinite;
}

@keyframes lxdh {
	0%,
	100%{
		transform: translateX(0);
	}
	50%{
		transform: translateY(-5px);
	}
}
/**logo扫光效果CSS**/
.logo:before{  /**根据logo外div样式名称修改before前名称**/
    content:"";
    position: absolute;
    left: -1865px; /**第一个数字参数控制扫光速度，数字越大越慢**/
    top: -460px;
    width: 400px;
    height: 20px; /**光标的宽度，可根据实际调整**/
    background-color: rgba(242,243,246,0.5);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 2.0s ease-in 1s infinite;/**第一个数字参数控制扫光速度，数字越大越慢**/
}
@-webkit-keyframes searchLights {
    0% { left: -200px; top: 0; }
    to { left: 120px; top: 100px; }
}
@-o-keyframes searchLights {
    0% { left: -200px; top: 0; }
    to { left: 120px; top: 100px; }
}
@-moz-keyframes searchLights {
    0% { left: -200px; top: 0; }
    to { left: 120px; top: 100px; }
}
@keyframes searchLights {
    0% { left: -200px; top: 0; }
    to { left: 120px; top: 100px; }
}
.dl{
	width: 100%;
	height: 350px;
	background: url(../images/dl.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 80px;
	top:-15px;
}
@media only screen and (max-width: 1080px) {
  	.dl{
		display:none;
		
	}
	.zs{
		display:none;
	}
	.xfc{
		display:none;
	}
	.logo_box{
		width: 354px;
		height: 300px;
		position: relative;
		margin: 0 auto;
	}
	.logo{
		position: absolute;
		margin: 0 auto;
	}
}
.pt_dbox{
	width: 842px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.pt_box{
	width: 421px;
	height: 556px;
	text-align: center;
	background: url(../images/pt_bg.png);
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
	float: left;
	margin-bottom: -50px;
}
.pt_logo{
	width: 183px;
	height: 183px;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 28px;
}
.lj_dbox{
	width: 360px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	z-index:10;	
}
.lj_dbox02{
	width: 360px;
	height: 80px;
	position: relative;
	margin: 0 auto;
	z-index:10;	
}
.lj_box01{
	width: 320px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	
}
.lj_box02{
	width: 320px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}
/* lj01是注册框框， margin-top是调整高度*/
.lj01{
	width: 155px;
	height: 61px;
	text-align: center;
	cursor: pointer;
	background: url(../images/pt_an01-1.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	float: left;
}
.lj02{
	width: 155px;
	height: 61px;
	text-align: center;
	cursor: pointer;
	background: url(../images/pt_an02-1.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	float: left;
}
.lj03{
	width: 310px;
	height: 61px;
	text-align: center;
	cursor: pointer;
	background: url(../images/pt_an03-1.html);
	background-repeat: no-repeat;
	margin-top: 20px;
	float: left;
}
.lj01:hover{
	background: url(../images/pt_an01-2.png);
	background-repeat: no-repeat;
}
.lj02:hover{
	background: url(../images/pt_an02-2.png);
	background-repeat:lj_ms no-repeat;
}
.lj03:hover{
	background: url(../images/pt_an03-2.html);
	background-repeat: no-repeat;
}
h2:active{
	font-size: 19px;
	color: var(--zs);
}

.an_txt{
	width: 100%;
	height: 100%;
	margin-top: 15px;
	display: inline-block;
}
.lj_ms{
	position: relative;
	top: -8%;
}
.cr_dbox{
	width: 842px;
	height: 560px;
	position: relative;
	margin: 0 auto;
	border:solid 1px var(--hs);
	border-radius: 30px;
}
.cr_dboc{
	width: 842px;
	height: 250px;
	position: relative;
	margin: 0 auto;
	border:solid 1px var(--hs);
	border-radius: 30px;
}
.cr_dh{
	width: 375px;
	height: 562px;
	background: url(../images/7.png);
	background-repeat: no-repeat;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	top:0px;
	margin-left: 20px;
}
.cr_db{
	width: 375px;
	height: 210px;
	background: url(../images/8.png);
	background-repeat: no-repeat;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	top:20px;
	margin-left: 20px;
}
.pd_dbox{
	width: 360px;
	height: 160px;
	position: absolute;
	margin: 0;
	margin-left: 430px;	
	top:20px;
}
.pd_bt{
	height: 55px;
	font-size: 30px;
	color: var(--hs);
	left: 70px;
	position: relative;
}
.pd_by{
	height: 55px;
	font-size: 25px;
	color: var(--hs);
	left: 28px;
	position: relative;
}
.pd_box01{
	width: 386px;
	height: 80px;
	margin: 0 auto;
}
.pd01{
	width: 193px;
	height: 68px;
	text-align: center;
	cursor: pointer;
	background: url(../images/gy_an02.png);
	background-repeat: no-repeat;
	float: left;
}
.pd_txt{
	width: 100%;
	height: 100%;
	margin-top: 18px;
	display: inline-block;
}
.pd01:hover{
	background: url(../images/gy_an01.png);
	background-repeat: no-repeat;
}
h2 .pd_txt:active{
	font-size: 19px;
	color: var(--hs);
}
.bq{
	width: 100%;
	height: 30px;
	background:var(--db);  
	text-align: center;
	font-size: 14px;
	color: var(--wz);
	line-height: 30px;
	margin-top:290px;
	position: relative;
}
.xfc{
	width: 251px;
	height: 287px;
	background: url(../images/xfc.png);
	background-repeat: no-repeat;
	position: fixed;
	right: 5px;
	top:630px;
	z-index: 9999;
	cursor: pointer;
}
.pt_box .zengjia_txt{
	color: #3E9176;
	line-height: 1px;
	position: relative;
	top: -4%;
}