@charset "utf-8";
/* CSS Document */
/*重置样式*/
body,img,input,ul,li,h1,h2,h3,h4,h5,h6,p,textarea{
	margin:0;
	padding:0;
	display:block;
	font-weight:normal;
	text-decoration:none;
	list-style:none;
	box-sizing: border-box;
	font: 14px "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
    }

body{
	width: 100%;
	height: 100%;
	background: url(../img/bg.png);
}
.top_head{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 68px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	background-color: white;
}
.top_head img{
	width: 288px;
	height: 40px;
	margin-top: 12px;
	float: left;
	margin-left: 5%;
}
.top_head span{
	float: right;
	font-size: 16px;
	color: #999999;
	line-height: 68px;
	margin-right: 5%;
}


.mian{
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -325px 0 0 -450px;
	width: 1000px;
	height: 600px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
}
.mian_tit{
	height: 68px;
	border-bottom: 1px solid #e5e5e5;
}
.mian_h1{
	float: left;
	color: #303030;
	font-size: 26px;
	margin-left: 20px;
	line-height: 68px;
	font-weight: 400;
}
.mian_h1 span{
	color: #999999;
	font-size: 14px;
	margin-left: 10px;
}
.mian_login{
	float: right;
	color: #666666;
	font-size: 16px;
	line-height: 68px;
	margin-right: 20px;
}
.mian_login a{
	color:#2878FF;
	text-decoration: none;
	cursor: pointer;
}
.mian_box{
	overflow: hidden;
	clear: both;
}
.left_div{
	float: left;
	width: 400px;
	height: 495px;
	margin-left: 80px;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}
.product_box{ 
	width: 100%;
	height:440px; 
	position:relative; 
	overflow:hidden;
	margin-top: 20px;
}
.product_ul{ 
	height:300px; 
}
.product_ul li{
	float:left;
	height:440px; 
}
.product_ul li h2{
	color: #333333;
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}
.product_ul li p{
	color: #999999;
	font-size: 14px;
	text-align: center;
	margin-top: 6px;
}
.product_btn{ 
	display:none;
}
.product_btn:hover{ 
	cursor:pointer;
}
.product_btn a{ 
	position:absolute; 
	top:50%; 
	width:30px; 
	height:60px; 
	margin-top:-30px; 
	display:block;
}
.product_btn_prev{
	left:20px;
	background-image: url(../img/left_icon.png);
}
.product_btn_next{ 
	right:20px;
	background-image: url(../img/right_icon.png);
}
.product_nemu_round{ 
	position:absolute; 
	bottom:10px; 
	left:50%; 
	margin-left:-45px;
}
.product_nemu_round a{ 
	display:block; 
	width:20px; 
	height:2px; 
	border-radius:2px; 
	background-color:#CCCCCC; 
	float:left; 
	margin:0 5px;
	cursor: pointer;
}
.product_nemu_round .on{ 
	background-color:#2878FF;
}
.product_bak{
	display: block;
	width: 100%;
	height:100%; 
}
.right_div{
	float: right;
	width: 440px;
}
.r_list{
	width: 350px;
	margin: 20px auto 0;
	overflow: hidden;
}
.r_span{
	display: block;
	color: #666;
	font-size: 4px;
}
.r_input{
	height: 48px;
	position: relative;
}
.r_input2{
	width: 350px;
	height: 48px;
	line-height: 48px;
	color: #666;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #cccccc;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.r_yzmbtn{
	float: left;
	width: 120px;
	height: 48px;
	line-height: 48px;
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 10px;
	border: none;
	border-radius: 4px;
	background-color: #2878FF;
	cursor: pointer;
}
.r_yzmbtn:hover{
	opacity: 0.9;
}
.r_jicon{
	float: left;
	width: 18px;
	height: 18px;
	border: 1px solid #ccc;
	background-color: white;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
}
.r_jicon_cur{
	background: url(../img/icom.png) -28px 0px;
	border: none;
}
.r_xy{
	float: left;
	margin-left: 6px;
	font-size: 14px;
	color: #333333;
	line-height: 18px;
}
.r_xy a{
	color: #2878FF;
	cursor: pointer;
}
.r_icon_v{
	position: absolute;
	left: 0;
	top: 0;
	width: 58px;
	height: 48px;
	background-color: #2878FF;
}
.r_icon_v i{
	position: absolute;
	left: 17px;
	top: 17px;
	width: 24px;
	height: 14px;
	background: url(../img/icom.png) -28px -28px;
}
.r_inputbox{
	width: 350px;
	height: 48px;
	line-height: 48px;
	color: #666;
	font-size: 14px;
	border: none;
	outline: none;
	padding: 0 20px 0 48px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #cccccc;
}
.r_icon{
	position: absolute;
	left: 20px;
	top: 15px;
	width: 18px;
	height: 18px;
}
.r_icon_a{
	background: url(../img/icom.png) 0px 0px;
}
.r_icon_b{
	background: url(../img/icom.png) 0px -28px;
}
.r_icon_c{
	background: url(../img/icom.png) 0px -56px;
}
.r_icon_d{
	background: url(../img/icom.png) 0px -84px;
}
.select_icon{
	position: absolute;
	right: 0;
	top: 13px;
	width: 12px;
	height: 7px;
	background: url(../img/icom.png) -38px 0px;
}
.r_inputbox .span{
	
}
.r_ul{
	transform: scaleY(0);
	transition: transform .3s,opacity .3s,filter .3s;
	transform-origin: 0 0;
	color: #333333;
	position: absolute;
	top: 34px;
	left: 0;
	width: 350px;
	border: 1px solid #f2f2f2;
	background-color: white;
	box-sizing: border-box;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 6%);
	z-index: 1;
}
.r_ulcur{
    transform: scaleY(1);
    transition: transform .3s,opacity .3s,filter .3s;
    transform-origin: 0 0;
}
.r_ul li {
    padding: 0 20px;
    line-height: 48px;
}
.r_ul li:hover {
    color: #333333;
    background-color: #f2f2f2;
}
.r_btn{
	display: block;
	width: 350px;
	height: 48px;
	line-height: 48px;
	background-color: #2878ff;
	border-radius: 4px;
	color: white;
	text-align: center;
	font-size: 14px;
	border: none;
	margin: 20px auto 0;
}
.r_welcome{
	color: #9;
	font-size: 12px;
	text-align: center;
	margin-top: 20px;
}
.mian_Tips{
	width: 100%;
	font-size: 12px;
	color: #999999;
    position:fixed;
	bottom:40px;
    left:50%;
	transform: translate(-48%,0);
	text-align: center;
	margin-left:30px
}
.mian_qrt{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #333333;
	margin-top: 6px;
	display: none;
}
.qr_img{
	display: block;
	width: 140px;
	margin: 0px auto 0;
	display:none
}
.active{
	color: #fff;
	background-color: #2878FF;
}
.navbar{
		background-color: #F2F2F2;
}
.navbar span{
	background-color: #FEFEFE;
}
.navactiveblue{
	background-color: #2878FF;
}
.navactivecontent{
	color:#2878FF
}