body {
	margin: 0;
	background-color: #FFFFFF;
}
*{
	margin: 0;
	padding: 0;
	list-style: none;
    font-family:"微软雅黑";
}
img{ border:0;}

*, *:after, *:before { border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}












.catalog{
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
}
@media screen and (min-width:1200px)
{
	.catalog_title{
	height: auto;
	width: 90%;
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .catalog_t1{
	font-family: Arial;
	font-size: 2.2rem;
	font-weight: 500;
    }
}
@media screen and (min-width:720px) and (max-width:1200px)
{
	.catalog_title{
	height: auto;
	width: 80%;
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .catalog_t1{
	font-family: Arial;
	font-size: 1.8rem;
	font-weight: 500;
    }
}
@media screen and (max-width:720px)
{
	.catalog_title{
	height: auto;
	width: 90%;
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .catalog_t1{
	font-family: Arial;
	font-size: 1.5rem;
	font-weight: 500;
    }
}
.catalog_t2{
	font-weight: bold;
	color: rgba(255,153,0,1);
	font-size: 1rem;
}
.catalog_t3{
	font-size: 1rem;
	line-height: 1.5rem;
}
.pd_more{
	font-size: 1rem;
	line-height: 1.5rem;
	text-decoration: none;
	color: #363636;
	font-style: italic;
}











.fast_label100-2{
	height: auto;
	width: 100%;
	float: left;
	overflow: hidden;
	background-color: #FFFFFF;
}
.fast_label100{
	height: auto;
	width: 100%;
	float: left;
	margin-top: 3rem;
	overflow: hidden;
	background-color: #FFFFFF;
}
@media screen and (min-width:720px)
{
.fast_label{
	width: 25%;
	float: left;
	height: auto;
	overflow: hidden;
}
.fast_label_tx1{
	font-family: Arial;
	font-size: 1.2rem;
	font-weight: 500;
	padding-top: 9rem;
}
.fast_label_tx2{
	font-size: 1rem;
	line-height: 1rem;
	color: #808080;
}
}
@media screen and (max-width:720px)
{
.fast_label{
	width: 50%;
	float: left;
	height: auto;
	overflow: hidden;
}
.fast_label_tx1{
	font-family: Arial;
	font-size: 1rem;
	font-weight: 500;
	padding-top: 9rem;
}
.fast_label_tx2{
	font-size: 0.8rem;
	line-height: 1rem;
	color: #808080;
}
}
.fast_label_p2{
	font-weight: bold;
	color: rgba(255,153,0,1);
	font-size: 1rem;
	line-height: 1.5rem;
}
.fast_label_links{
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fast_label_a{
	height: 18rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/2-b.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
	position: relative;
	display: inline-block;
}
.fast_label_a:hover{
	background-image: url(../img/2-a.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
}
.fast_label_b{
	height: 18rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/support-ico-2a.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
	position: relative;
	display: inline-block;
}
.fast_label_b:hover{
	background-image: url(../img/support-ico-2b.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
}
.fast_label_c{
	height: 18rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/support-ico-1a.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
	position: relative;
	display: inline-block;
}
.fast_label_c:hover{
	background-image: url(../img/support-ico-1b.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
}
.fast_label_d{
	height: 18rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/3-b.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
	position: relative;
	display: inline-block;
}
.fast_label_d:hover{
	background-image: url(../img/3-a.png);
	background-repeat: no-repeat;
	background-position: center 4rem;
}















.biaoti100_kong{
	height: auto;
	width: 100%;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}


.biaoti100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #efefef;
	overflow: hidden;
}
@media screen and (min-width:1366px)
{
	.biaoti{
	height: auto;
	width: 90%;
	text-align: center;
	padding-top: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .biaoti-1{
	font-family: Arial;
	font-size: 2.2rem;
	font-weight: 500;
	color: #565656;
    }
}
@media screen and (min-width:960px) and (max-width:1366px)
{
	.biaoti{
	height: auto;
	width: 80%;
	text-align: center;
	padding-top: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .biaoti-1{
	font-family: Arial;
	font-size: 1.8rem;
	font-weight: 500;
	color: #565656;
    }
}
@media screen and (max-width:960px)
{
	.biaoti{
	height: auto;
	width: 90%;
	text-align: center;
	padding-top: 1.5rem;
	margin-right: auto;
	margin-left: auto;
    }
    .biaoti-1{
	font-family: Arial;
	font-size: 1.5rem;
	font-weight: 500;
	color: #565656;
    }
}
.biaoti-4{
	font-size: 1rem;
	line-height: 1.5rem;
	color: #565656;
}
.biaoti-bold{
	font-weight: bold;
	color: hsla(0,100%,50%,1);
    }
.biaoti-2{
	font-weight: bold;
	color: rgba(255,153,0,1);
	font-size: 1rem;
}






.advantage100{
	background-color: #efefef;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
@media screen and (min-width:1366px)
{
.advantage{
	background-color: #FFFFFF;
	width: 85%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}
.advantage-unit{
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 1rem;
}
.advantage-unit-l_r{
	width: 50%;
	height: auto;
	overflow: hidden;
	float: right;
	padding: 1rem;
}
.advantage100_kong{
	width: 100%;
	height: 3rem;
	overflow: hidden;
	float: left;
	background-color: #efefef;
}
}
@media screen and (min-width:960px) and (max-width:1366px)
{
.advantage{
	background-color: #FFFFFF;
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.advantage-unit{
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 1rem;
}
.advantage-unit-l_r{
	width: 50%;
	height: auto;
	overflow: hidden;
	float: right;
	padding: 1rem;
}
.advantage100_kong{
	width: 100%;
	height: 2rem;
	overflow: hidden;
	float: left;
	background-color: #efefef;
}
}
@media screen and (max-width:960px)
{
.advantage{
	background-color: #FFFFFF;
	width: 95%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}
.advantage-unit{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 0.5rem;
}
.advantage-unit-l_r{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 0.5rem;
}
.advantage100_kong{
	width: 100%;
	height: 1.5rem;
	overflow: hidden;
	float: left;
	background-color: #efefef;
}
}
.unit_details{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding: 1rem;
}
.unit_details img{
	float: left;
	height: auto;
	width: 100%;
}
.unit_title3{
	font-size: 1rem;
	line-height: 1.5rem;
	vertical-align: middle;
	color: #F00;
	text-align: left;
	background-color: hsla(0,0%,80%,0.2);
	text-indent: 1ex;
	font-weight: bold;
	float: left;
	height: auto;
	width: 100%;
}
.unit_title4{
	font-size: 1.5rem;
	line-height: 2rem;
	vertical-align: middle;
	color: #565656;
	text-align: center;
	margin-bottom: 1rem;
}
.unit_text1{
	font-size: 0.8rem;
	line-height: 2rem;
	vertical-align: middle;
	color: #999;
}
.unit_text2{
	font-size: 0.8rem;
	line-height: 1.2rem;
	text-decoration: none;
	float: left;
	color: #868686;
	margin-top: 0.5rem;
}
.unit_tx_out{
	float: left;
	height: auto;
	width: 100%;
}
.unit_tx_out a{
	font-size: 0.8rem;
	line-height: 1.2rem;
	text-decoration: none;
	float: left;
	color: #868686;
	margin-right: 1rem;
	margin-top: 0.5rem;
}
.unit_tx_out a:hover{
	color: #868686;
	text-decoration: underline;
}










/* hover-pictures axa */
.alone_pic_axa{
	border: 2px solid #112F59;
	width: 100%;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}

.alone_pic_axa:hover{
	border: 2px solid #016C93;
}
.alone_pic_axa img{
	float: left;
	height: auto;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.alone_pic_axa:hover img{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}








/* hover-pictures axb */
.alone_pic_axb{
	border: 2px solid #112F59;
	width: 100%;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
}
.alone_pic_axb:hover{
	border: 2px solid #016C93;
}
.alone_pic_axb img{
	float: left;
	height: auto;
	width: 100%;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.alone_pic_axb:hover img{
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}














.links100{
	float: left;
	height: auto;
	width: 100%;
	background-color: #ededee;
	padding-bottom: 0.5rem;
	overflow: hidden;
}
@media screen and (min-width:960px)
{
	.links{
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
    }
	.links p{
	font-size: 1.5rem;
	line-height: 3rem;
	text-align: left;
	}
	.links a{
	font-size: 0.8rem;
	line-height: 2rem;
	text-decoration: none;
	float: left;
	margin-right: 1rem;
	color: #868686;
    }
}
@media screen and (max-width:960px)
{
	.links{
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
    }
	.links p{
	font-size: 1.2rem;
	line-height: 2.5rem;
	text-align: left;
	}
	.links a{
	font-size: 0.8rem;
	line-height: 1.5rem;
	text-decoration: none;
	float: left;
	margin-right: 1rem;
	color: #868686
   }
}