@charset "utf-8";


.mainArea {
	font-family: "微软雅黑";
}

.mainArea .botton_register--top {
	width: 950px;
	height: 139px;
	background: url(../images/btn_register_bg.jpg?t=20150810) no-repeat 0 0;
	padding-top: 8px;
}

.mainArea .botton_register--top .btnRegist {
	display: block;
	margin-left: 296px;
	width: 338px;
	height: 85px;
	background: url(../images/button_regist02.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 20px;
}

.mainArea .note_con {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px 10px;
	border: 1px solid #6ca6dd;
	text-align: left;
	font-weight: 100;
	font-size: 12px;
}


.mainArea img {
	vertical-align: bottom;
}

.appendix {
	display: none;
}

.mainArea {}

.mainArea .keyVisual {
	position: relative;
}

.mainArea .keyVisual a.btn {
	position: absolute;
	left: 258px;
	/* 这里改成button01的X坐标 */
	top: 309px;
	/* 这里改成button01的Y坐标 */
}

.VN_alertBox {
	display: none;
}

.mainArea .VN_alertBox {
	display: block;
	width: 950px;
	margin: 20px 0 0 0;
}

.mainArea .VN_alertBox .attNotice {
	border-radius: 0;
}

.mainArea .VN_alertBox .attNotice span {
	color: #d90000;
	font-family: Simsun, Simhei;
}

.mainArea .navArea {
	width: 970px;
	text-align: center;
	margin-top:15px;
}

.mainArea .navArea li {
	float: left;
	padding: 0 9px 8px 0;
}

.mainArea .navArea li a {
	display: block;
	background: #D5FBFE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 100px center;
	//border-left:		4px solid #4BB3F0;
	//border-right:		4px solid #4BB3F0;
	//padding-bottom:		22px;
	width: 103px;
	/* 2段466，3段307.333，4段228，5段180.4，6段148.667 */
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #333;
	text-decoration: none;

}

.mainArea .navArea li a:hover {
	background: #7BE8FA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 100px center;
	color: #012b7f;
}


.mainArea .navArea li a.l4 {
	background-position: 210px center;
	width: 244px;
	text-align: center;
}

.mainArea .navArea li a.l4:hover {
	background-position: 210px center;
}

.mainArea .navArea li a.l5 {
	background-position: 44px center;
	width: 137px;
	text-align: center;
		background: #D5FBFE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 110px center;
}

.mainArea .navArea li a.l5:hover {
	background-position: 44px center;
		background: #7BE8FA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 110px center;
}
.right-child{
	padding-right:0px;
}
.mainArea .navArea li a.l6 {
	background-position: 93px center;
	width: 150px;
	text-align: center;
		background: #D5FBFE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 120px center;
}

.mainArea .navArea li a.l6:hover {
	background-position: 93px center;
		background: #7BE8FA url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAYklEQVQoz43LsQ2DQBBE0Q2ckEAzuKFDen25NHdAAwYSTjrBYggm+aMX6FEQD1bQBwb8HsCCBUOgw3wDK5jR1fjew5LAqQEjoj0zeAJHdISfDGSohWsGrlCF3wz8Q4HX1bcB00Kn2Q7e1kwAAAAASUVORK5CYII=
) no-repeat 120px center;
}

.mainArea .navArea li a span.text {
	background: #0982D3;
	padding: 2px 0;
	display: block;
	width: 100%;
}

.mainArea .navArea li a span.arrow {
	display: block;
	padding-top: 5px;
	font-family: Simsun, Simhei;
	font-size: 12px;
	color: #0982D3;
}

.mainArea .navArea li a:visited {
	//color:			#851f99;
}

.mainArea .navArea li a:hover span.text {
	color: #FFC324;
	background: #002294;
}

.mainArea .inner {
	padding: 0 0 20px 0;
	border: 0;
	//background:		#E9E8E8; /* 这里按产品区大背景色修改 */
}

.mainArea .inner .goods {
	display: none;
}

.mainArea .mro_office{ 
	padding:0; 
	margin:0 0 15px 0; 
	height:104px; 
	width:950px;
}

.mainArea h2 {
	margin: 10px 0 15px 0;
	padding: 5px 0 5px 15px;
	background: #88888a;
	font-size: 23px;
	line-height: 30px;
	color: #fff;
	border-left: 20px solid #0982D3;
	text-align: left;
}

.mainArea h2#a1 {
	//margin-top:20px;
}

.mainArea h2.sp {
	background: url(../images/bg_title.png) no-repeat center center;
	text-align: center;
	padding-left: 0;
	padding-top: 19px;
	padding-bottom: 19px;
	border-left: 0;
}

.mainArea h2.sp img {
	width: auto;
}

.mainArea h2 a {
	display: block;
	color: #fff;
}

.mainArea h2 a:hover {
	text-decoration: none;
}

.mainArea .itemArea {
	width: 960px;
}

.mainArea .itemArea li {
	height: 260px;
	float: left;
	margin: 0 10px 10px 0;
	width: 162px;
	padding: 9px;
	border: 1px solid #bfbfbf;
	background: #fff;
}

.mainArea .itemArea li:hover {
	//border-color:#e9e9e9;
	box-shadow: 0 0 2px 2px #f8f8f8;
}

.mainArea .itemArea li .bgwrap {
	position: relative;
	//padding-top:40px;
}

.mainArea .itemArea li .bgwrap .logo {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 1.3;
}

.mainArea .itemArea li .bgwrap .logo img {
	width: auto;
	height: 30px;
}

.mainArea .itemArea li .bgwrap .image {
	margin-bottom: 5px;
	text-align: center;
	padding: 0 20px;
}

.mainArea .itemArea li .bgwrap .image a img {
	width: 122px;
	height: 122px;
}

.mainArea .itemArea li .bgwrap .title {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height:42px;
}

.mainArea .itemArea li .bgwrap .model {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.mainArea .itemArea li .bgwrap .txt {
	margin-bottom: 15px;
}

.mainArea .itemArea li .bgwrap ul.txt {
	padding-left: 12px;
}

.mainArea .itemArea li .bgwrap ul.txt li {
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	list-style: disc;
}

.mainArea .itemArea li .bgwrap .txt li:hover {
	box-shadow: none;
}

.mainArea .itemArea li .bgwrap ul.txt {
	padding-left: 12px;
}

.mainArea .itemArea li .bgwrap ul.txt li {
	width: 150px;
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	list-style: disc;
}

.mainArea .itemArea li .bgwrap .txt li:hover {
	box-shadow: none;
}

.mainArea .itemArea li .bgwrap .price {
	margin-bottom: 15px;
	color: #D0280E;
}

.mainArea .itemArea li .bgwrap .price span {
	display: inline;
	line-height: 1;
}

.mainArea .itemArea li .bgwrap .price .number {
	font-size: 26px;
	font-weight: bold;
}

.mainArea .itemArea li .bgwrap .price .small {
	font-size: 12px;
	vertical-align: top;
}

.mainArea .itemArea li .bgwrap .btnArea {
	text-align: center;
	vertical-align: top;
}

.mainArea .itemArea li .bgwrap .button {
	display: inline-block;
	vertical-align: bottom;
	margin-top: 13px;
}

.mainArea .itemArea li .bgwrap .button a img {
	width: auto;
}

.mainArea .itemArea li .bgwrap .button a:hover {
	text-decoration: none;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.mainArea .itemArea li .bgwrap .deliver {
	display: inline-block;
	background: #666;
	border-radius: 7px;
	width: 40px;
	height: 47px;
	margin-left: 5px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.mainArea .multiCol {
	width: 740px;
}

.mainArea .multiCol .col2-2 {
	float: left;
	width: 370px;
}

.mainArea .multiCol .col2-2 h2 {
	width: 340px;
}

.mainArea .multiCol .col2-2 .itemArea {
	width: 370px;
}

.mainArea .brand {
	padding: 40px 20px;
	background: #F4F4F2;
}

.mainArea .brand .image {
	float: left;
	width: 208px;
	border: 1px solid #E1E1DF;
	background: #fff;
	padding: 70px 40px;
	/* 根据实际情况调整 */
}

.mainArea .brand .txt {
	float: left;
	width: 600px;
	padding-left: 20px;
	text-indent: 2em;
	font-size: 16px;
	/* 根据实际情况调整 */
	line-height: 1.67;
	/* 根据实际情况调整 */
}

.mainArea .more {
	margin-bottom: 20px;
	text-align: center;
}

.mainArea .more a img {
	width: auto;
}

.mainArea .more a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.mainArea .foot {
	margin: 20px 0 20px 0;
	text-align: center;
}

.mainArea .foot img {
	width: 909px;
}

.mainArea .note {
	text-align: right;
}

p.backtop {
	text-align: right;
}

p.backtop a.backtop-a {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAEElEQVQI12MQYNBgcGFoAgACjgD/5b/zoAAAAABJRU5ErkJggg==") no-repeat scroll 0 4px transparent;
	line-height: 36px;
	padding-left: 15px;
	text-decoration: none;
}


/*add2016-11-17*/

.mainArea .tequanArea02 {
	margin-top: 10px;
}

.mainArea .tequanArea02__title {
	position: relative;
	height: 60px;
}

.mainArea .tequanArea02__title>img {
	position: absolute;
	top: -5px;
}

.mainArea .tequanArea02__content {
	padding: 18px 20px 28px;
	background-color: #eeeeee;
}

.mainArea .btnRegist2 {
	display: block;
	margin: 10px auto 0;
	width: 378px;
	height: 85px;
	background: url(../images/button_regist02.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}