body,button,caption,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover{text-decoration:none;}
a:hover{text-decoration:none}
a,button{cursor:pointer;text-align:center;color: #333;}
button{border:0;outline:0;background:0 0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
table{border-collapse:collapse;border-spacing:0}
td{text-align:center}

body,html{width:100%;min-width:1000px;height:auto;font:14px/30px "Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif;background: #f5f5f5;color: #333;}
.page,.home{width: 100%;height: 100vh;overflow: hidden;}
.part{background-repeat: no-repeat; background-position: center; box-sizing: border-box; overflow: hidden;display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center}
.head{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #1e1f21;
	font-size: 13px;
}
 
.head a{
	color: #a59c89;
	margin: 0 10px;
	display: inline-block;
}
.user,.login_btn{
    margin-left: 10px;
    color: #a59c89;
}
.user a,.login_btn a{
	background: #a59c89;
    display: inline-block;
    color: #fff;
	padding: 0 12px;
	border-radius: 3px;
}
.user{
    display: none;
}
.logo{ 
	margin: 5px 15px 5px 0;
}
.nav{
	text-align:right;
	margin-right: 10px;
}
.nav a{
	display: inline-block; 
	padding: 0 15px;
	font-size: 14px;
	margin: 0;
	color: #a59c89;
}
.nav a:hover, .nav .cur{
	color: #fff;
	font-weight:bold
}
.down{
	float: right;
	padding: 10px 40px;
	background: #6095b0;
	background-image: linear-gradient(top,#6095b0,#6095b0);
	background-image: -webkit-linear-gradient(top,#6095b0,#6095b0);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
	border-radius: 6px;
}
.hide{display:none!important;}
.fl{float:left}
.fr{float:right}
.y{color: #d9ab53;}
.ban{
	max-width:100%;
	display:block;
	margin:0 auto;
}
.cl:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cl {
    clear: both;
    zoom:1}
.wrap{
    width: 100%;
    overflow-x: hidden;
}
.cw{
    width: 1200px;
    margin: 0 auto;
    position: relative;    
}
.main{
	margin:40px auto;
	border:1px solid #eee;
	background: #fff;
	border-radius:6px;
	padding-bottom:20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 2%);
}
.aboute{
	padding:20px 30px;		
	border-bottom:1px solid #eee;
}
.content{
	padding:20px 30px;	
}
.ico{
	width:120px;
	margin-right:30px;
}
.ico img{
	display:block;
	width:100%;
	border-radius:8px;
	transition: all .2s linear;
}
.ico img:hover{
	transform: scale(1.05);	
}
.title{
	font-size:18px;
	padding:10px;	
	border-bottom:1px solid #eee;
}
.txt{
	color:#666;
}
.list{
	margin-top:20px;
	padding:0 5px;
}
.list .bd {
	padding:0 5px;
	transition: all .2s linear;
}
.list .bd:hover{
	 transform: translateY(-10px);
}
.list .bd img{
	display:block;
	width:100%;
}
.foot{
	background:#333;
	color:#fff;
	text-align:center;
	padding:30px 0;
	line-height:1.8;
	font-size:12px;
}
.foot p{
	display:flex;
	justify-content: center;
	align-items: center;
}
.foot a{
	color:#fff;
}
#webUrl{margin-right:10px;}

.area{
	padding: 15px;
}
.area h1{
	font-size: 14px;
}
.swiper-slide img{
	width:100%;
	display:block;
}
.cell{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.bd{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}

.line{
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 10px;
}
.btn_down{
	float: right;
	padding: 10px 40px;
	background: #6095b0;
	background-image: linear-gradient(top,#6095b0,#6095b0);
	background-image: -webkit-linear-gradient(top,#6095b0,#6095b0);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
	border-radius: 6px;
}
.banner{margin-top: 78px;}
.down{width: 730px; height: 156px; background: url('../imgs/down_bg.png') no-repeat; position: absolute; bottom:100px; left: 50%; margin-left: -365px;overflow: hidden; z-index: 1;}
.down .code{margin: 8px 0 0 139px; width: 118px; height: 118px; border-radius: 6px; overflow: hidden; float: left;}

.btn_and{float: left; width: 168px; height: 60px; background: url('../imgs/db.jpg') no-repeat; margin: 38px 16px 0 19px; border-radius: 10px;}

.age{margin-top: 15px; width: 98px; height: 125px; border-radius: 8px; overflow: hidden;}
.dm,.arrow{width: 209px;height: 64px; background: url('../imgs/down_more.png') no-repeat center bottom; z-index: 1; position: absolute; left: 50%; margin-left: -104px; bottom: 20px; -webkit-animation: arrowUpDown 1s infinite ease-in-out alternate;-moz-animation: arrowUpDown 1s infinite ease-in-out alternate;-o-animation: arrowUpDown 1s infinite ease-in-out alternate;animation: arrowUpDown 1s infinite ease-in-out alternate;}
.arrow{background-position: center top;}
@-webkit-keyframes arrowUpDown{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:.2}to{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.2}}
@-moz-keyframes arrowUpDown{from{-moz-transform:translateY(0);transform:translateY(0);opacity:.2}to{-moz-transform:translateY(10px);transform:translateY(10px);opacity:.2}}
@-o-keyframes arrowUpDown{from{-o-transform:translateY(0);transform:translateY(0);opacity:.2}to{-o-transform:translateY(10px);transform:translateY(10px);opacity:.2}}
@keyframes arrowUpDown{from{transform:translateY(0);transform:translateY(0);opacity:1}to{transform:translateY(10px);transform:translateY(10px);opacity:.5}}
.foot{height: 100px;text-align: center;background: #000; line-height: 2;}
.tx {
    width: 280px;
    height: 430px;
    margin: 0 10px;
	border: 3px solid #a59c89;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}
.st{width:588px;height:144px;margin:0 auto;background:url('../imgs/title.png?v=1') no-repeat -9999px; margin-bottom: 30px;}
.st2{background-position: 0 0;}
.st3{background-position: 0 -288px;}
.feature{margin: 10px auto; position: relative;}
.feature .swiper{height: 590px; width: 890px;}
.feature .swiper-slide{width: 326px; height: 580px; border: 5px solid #fff; border-radius: 20px; overflow: hidden;}
.feature .swiper-3d .swiper-slide-shadow-left,.feature .swiper-3d .swiper-slide-shadow-right{background: rgba(69, 156, 244, .5);}
.feature .swiper-pagination{position: inherit; bottom: 0; margin-top: 30px;}
.feature .swiper-pagination-bullet{width: 18px; height: 18px; border-radius: 20px; margin: 0 10px!important; opacity: 1; background: #6195f3; border: 3px solid #fff;}
.feature .swiper-pagination-bullet-active{background: #ffd86d; width: 64px;}
.prev,.next{position: absolute; width: 42px; height: 67px; top: 50%; margin-top: -33px; z-index: 10; cursor: pointer; background: url('../imgs/pn.png') no-repeat;}
.prev{left: -127px; background-position: 0 0;}
.prev:hover{background-position: 0 -67px;}
.next{right: -127px; background-position: -52px 0;}
.next:hover{background-position: -52px -67px;}

.swiper-slide .content{padding: 0;}