#center .titleArea{
	width:100%;
	position:relative;
	left:50%;
	margin-left:-50%;
}

#center .titleArea .bg{
	width:100%;
	overflow:hidden;
}

#center .titleArea .bg img{
	width:200%;
}

#center .titleArea .cont{
	width:94%;
	position:absolute;
	left:50%;
	margin-left:-47%;
	text-align:center;
	top:22%;
}
 
#center .titleArea .cont .comNbox{
	width:180px;
	border:6px solid #222;
	text-align:center;
	font-family:'montserrat';
	padding:50px 0px;
	font-size:26px;
	letter-spacing:10px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}

#center .titleArea .cont .titleLine{
	display:Inline-block;
	vertical-align:middle;
	margin-left:20px;
}

#center .titleArea .cont .titleLine .subtitle{
	font-size:16px;
	color:#222;
	text-align:left;
	letter-spacing:-0.7px;
}

#center .titleArea .cont .titleLine .title{
	font-size:40px;
	color:#222;
	text-align:left;
	letter-spacing:-1px;
	font-weight:bold;
}

#center .titleArea .cont .titleLine .title span{
	color:#d50d0d;
}


@media screen and (max-width: 768px){
	
	#center .titleArea{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#center .titleArea .bg{
		width:100%;
		overflow:hidden;
	}
	
	#center .titleArea .bg img{
		width:120%;
	}
	
	#center .titleArea .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		text-align:center;
		top:22%;
	}
	
	#center .titleArea .cont .comNbox{
		display:none;
	}
	
	#center .titleArea .cont .titleLine{
		display:Inline-block;
		vertical-align:middle;
		margin-left:0px;
		width:100%;
	}
	
	#center .titleArea .cont .titleLine .subtitle{
		font-size:14px;
		color:#222;
		text-align:center;
		letter-spacing:-0.7px;
	}
	
	#center .titleArea .cont .titleLine .title{
		font-size:36px;
		color:#222;
		text-align:center;
		letter-spacing:-1px;
		font-weight:bold;
	}
	
	#center .titleArea .cont .titleLine .title span{
		color:#d50d0d;
	}

}




@media screen and (max-width: 568px){
	
	#center .titleArea{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
	}
	
	#center .titleArea .bg{
		width:100%;
		overflow:hidden;
	}
	
	#center .titleArea .bg img{
		width:180%;
	}
	
	#center .titleArea .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		text-align:center;
		top:22%;
	}
	
	#center .titleArea .cont .comNbox{
		display:none;
	}
	
	#center .titleArea .cont .titleLine{
		display:Inline-block;
		vertical-align:middle;
		margin-left:0px;
		width:100%;
	}
	
	#center .titleArea .cont .titleLine .subtitle{
		font-size:13px;
		color:#222;
		text-align:center;
		letter-spacing:-0.7px;
		word-break:keep-all;
	}
	
	#center .titleArea .cont .titleLine .title{
		font-size:26px;
		color:#222;
		text-align:center;
		letter-spacing:-1px;
		font-weight:bold;
	}
	
	#center .titleArea .cont .titleLine .title span{
		color:#d50d0d;
	}

}




#center .tab{
	width:100%;
	border-bottom:1px solid #e5e5e5;
}

#center .tab .inner{
	width:100%;
	display:flex;
	
}

#center .tab .inner div{
	width:100%;
	display:inline-block;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:Center;
	padding:15px 0px;
	font-size:15px;
}

#center .tab .inner div:first-child{
	border-left:1px solid #e5e5e5;
}


@media screen and (max-width: 568px){
	
	#center .tab{
		width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	
	#center .tab .inner{
		width:100%;
		display:flex;
		
	}
	
	#center .tab .inner div{
		width:100%;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
		text-align:Center;
		padding:15px 0px;
		font-size:13px;
	}
	
	#center .tab .inner div:first-child{
		border-left:1px solid #e5e5e5;
	}

	
}




#center .centerSort{
	width:94%;
	margin:4em auto 4em;
}

#center .centerSort li{
	width:31.3%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
}

#center .centerSort li:first-child{
	margin-left:0px;
}

#center .centerSort li .thum{
	width:100%;
}

#center .centerSort li .thum img{
	width:100%;
}

#center .centerSort li .subject{
	font-size:20px;
	margin-top:20px;
	letter-spacing:-0.7px;
}

#center .centerSort li .line{
	width:50px;
	height:1px;
	background:#d50d0d;
	margin:10px 0px;
}

#center .centerSort li .substance{
	font-size:15px;
	color:#777777;
	letter-spacing:-0.7px;
}


@media screen and (max-width: 768px){
	
	#center .centerSort{
		width:94%;
		margin:4em auto 4em;
	}
	
	#center .centerSort li{
		width:31.3%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
	}
	
	#center .centerSort li:first-child{
		margin-left:0px;
	}
	
	#center .centerSort li .thum{
		width:100%;
	}
	
	#center .centerSort li .thum img{
		width:100%;
	}
	
	#center .centerSort li .subject{
		font-size:16px;
		margin-top:20px;
		letter-spacing:-0.7px;
	}
	
	#center .centerSort li .line{
		width:50px;
		height:1px;
		background:#d50d0d;
		margin:10px 0px;
	}
	
	#center .centerSort li .substance{
		font-size:13px;
		color:#777777;
		letter-spacing:-0.7px;
	}


	
}




@media screen and (max-width: 667px){
	
	#center .centerSort{
		width:94%;
		margin:4em auto 4em;
	}
	
	#center .centerSort li{
		width:31.3%;
		display:inline-block;
		vertical-align:top;
		margin-left:2%;
	}
	
	#center .centerSort li:first-child{
		margin-left:0px;
	}
	
	#center .centerSort li .thum{
		width:100%;
	}
	
	#center .centerSort li .thum img{
		width:100%;
	}
	
	#center .centerSort li .subject{
		font-size:15px;
		margin-top:20px;
		letter-spacing:-0.7px;
	}
	
	#center .centerSort li .line{
		width:50px;
		height:1px;
		background:#d50d0d;
		margin:10px 0px;
	}
	
	#center .centerSort li .substance{
		font-size:13px;
		color:#777777;
		letter-spacing:-0.7px;
	}


	
}




@media screen and (max-width: 568px){
	
	#center .centerSort{
		width:94%;
		margin:4em auto 4em;
	}
	
	#center .centerSort li{
		width:100%;
		display:inline-block;
		vertical-align:top;
		margin-left:0%;
		margin-top:2em;
	}
	
	#center .centerSort li:first-child{
		margin-left:0px;
		margin-top:0px;
	}
	
	#center .centerSort li .thum{
		width:100%;
	}
	
	#center .centerSort li .thum img{
		width:100%;
	}
	
	#center .centerSort li .subject{
		font-size:15px;
		margin-top:20px;
		letter-spacing:-0.7px;
	}
	
	#center .centerSort li .line{
		width:50px;
		height:1px;
		background:#d50d0d;
		margin:10px 0px;
	}
	
	#center .centerSort li .substance{
		font-size:13px;
		color:#777777;
		letter-spacing:-0.7px;
	}


	
}



#center .title{
	font-size:40px;
	letter-spacing:-0.7px;
	font-weight:bold;
	text-align:center;
}

#center .title span{
	color:#d50d0d;
}


#center .subtitle{
	font-size:16px;
	letter-spacing:-0.7px;
	color:#444;
	margin-top:10px;
	text-align:center;
}

#center .subs{
	font-size:16px;
	letter-spacing:-0.7px;
	color:#777777;
	margin-top:20px;
	text-align:center;
}


@media screen and (max-width: 768px){
	
	#center .title{
		font-size:36px;
		letter-spacing:-0.7px;
		font-weight:bold;
		text-align:center;
	}
	
	#center .title span{
		color:#d50d0d;
	}
	
	
	#center .subtitle{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#444;
		text-align:center;
		width:94%;
		margin:10px auto 0;
	}
	
	#center .subs{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#777777;
		text-align:center;
		width:94%;
		margin:20px auto 0;
	}
	
}


@media screen and (max-width: 568px){
	
	#center .title{
		font-size:24px;
		letter-spacing:-0.7px;
		font-weight:bold;
		text-align:center;
	}
	
	#center .title span{
		color:#d50d0d;
	}
	
	
	#center .subtitle{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#444;
		text-align:center;
		width:94%;
		margin:10px auto 0;
	}
	
	#center .subs{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#777777;
		text-align:center;
		width:94%;
		margin:20px auto 0;
	}
	
}



@media screen and (max-width: 425px){
	
	#center .title{
		font-size:20px;
		letter-spacing:-0.7px;
		font-weight:bold;
		text-align:center;
	}
	
	#center .title span{
		color:#d50d0d;
	}
	
	
	#center .subtitle{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#444;
		text-align:center;
		width:94%;
		margin:10px auto 0;
	}
	
	#center .subs{
		font-size:14px;
		letter-spacing:-0.7px;
		color:#777777;
		text-align:center;
		width:94%;
		margin:20px auto 0;
	}
	
}



#center .benefit{
	background:url(../images/center/benefitBg.jpg) center center no-repeat;
	background-color:#f7f7f7;
	width:100%;
	padding:4em 0px;
}


#center .benefit .benefitList{
	width:94%;
	margin:1.5em auto 0px;
	display:block;
}

#center .benefit .benefitList dd{
	width:48%;
	display:inline-block;
	margin-left:1em;
	vertical-align:top;
	margin-top:1em;
}

#center .benefit .benefitList dd:nth-child(2n+1){
	margin-left:0px;
}

#center .benefit .benefitList dd .thum{
	width:100%;
	margin-bottom:30px;
}


#center .benefit .benefitList dd .thum img{
	width:100%;
}
#center .benefit .benefitList dd .textArea{
	width:100%;
}

#center .benefit .benefitList dd .textArea .benefitBox{
	display:inline-block;
	padding:5px 15px;
	background:#d50d0d;
	color:#fff;
	font-size:14px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	
}

#center .benefit .benefitList dd .textArea .subject{
	font-size:17px;
	letter-spacing:-0.7px;
	margin-top:5px;
}
#center .benefit .benefitList dd .textArea .list{
	width:100%;
	margin-top:5px;
	padding:0px 0px 0px 20px;
	box-sizing:border-box;
}

#center .benefit .benefitList dd .textArea .list li{
	width:100%;
	margin-top:5px;
	list-style:disc;
	color:#777;
	letter-spacing:-0.7px;
	font-size:14px;
	word-break:keep-all;
}




@media screen and (max-width: 425px){
	

	#center .benefit{
		background:url(../images/center/benefitBg.jpg) center center no-repeat;
		background-color:#f7f7f7;
		width:100%;
		padding:4em 0px;
	}
	
	
	#center .benefit .benefitList{
		width:94%;
		margin:1.5em auto 0px;
		display:block;
	}
	
	#center .benefit .benefitList dd{
		width:100%;
		display:inline-block;
		margin-left:0em;
		vertical-align:top;
		margin-top:2em;
	}
	
	#center .benefit .benefitList dd:nth-child(2n+1){
		margin-left:0px;
	}
	
	#center .benefit .benefitList dd .thum{
		width:100%;
		margin-bottom:1em;
	}
	
	
	#center .benefit .benefitList dd .thum img{
		width:100%;
	}
	#center .benefit .benefitList dd .textArea{
		width:100%;
	}
	
	#center .benefit .benefitList dd .textArea .benefitBox{
		display:inline-block;
		padding:5px 15px;
		background:#d50d0d;
		color:#fff;
		font-size:14px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		
	}
	
	#center .benefit .benefitList dd .textArea .subject{
		font-size:17px;
		letter-spacing:-0.7px;
		margin-top:5px;
	}
	#center .benefit .benefitList dd .textArea .list{
		width:100%;
		margin-top:5px;
		padding:0px 0px 0px 20px;
		box-sizing:border-box;
	}
	
	#center .benefit .benefitList dd .textArea .list li{
		width:100%;
		margin-top:5px;
		list-style:disc;
		color:#777;
		letter-spacing:-0.7px;
		font-size:14px;
		word-break:keep-all;
	}
	
}





#center .defaultSec{
	width:94%;
	margin:80px auto 0
	
}

#center .defaultSec .defaultList{
	width:100%;
	margin-top:1.5em;
}

#center .defaultSec .defaultList dd{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	padding:30px 0px;
}
#center .defaultSec .defaultList dd:first-child{
	border-top:1px solid #222;
}

#center .defaultSec .defaultList dd .subject{
	width:25%;
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	text-align:center;
	letter-spacing:-0.7px;
}

#center .defaultSec .defaultList dd .substance{
	width:74%;
	display:inline-block;
	vertical-align:middle;
	padding-left:20px;
	box-sizing:border-box;
}

#center .defaultSec .defaultList dd .substance li{
	width:100%;
	list-style:disc;
	font-size:16px;
	margin-top:5px;
	color:#777;
}

#center .defaultSec .defaultList dd .substance li:first-child{
	margin-top:0px;
}



@media screen and (max-width: 768px){
	
	#center .defaultSec{
		width:94%;
		margin:4em auto 0
		
	}
	
	#center .defaultSec .defaultList{
		width:100%;
		margin-top:1.5em;
	}
	
	#center .defaultSec .defaultList dd{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:1.5em 0px;
	}
	#center .defaultSec .defaultList dd:first-child{
		border-top:1px solid #222;
	}
	
	#center .defaultSec .defaultList dd .subject{
		width:29%;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		text-align:center;
		letter-spacing:-0.7px;
	}
	
	#center .defaultSec .defaultList dd .substance{
		width:70%;
		display:inline-block;
		vertical-align:middle;
		padding-left:30px;
		box-sizing:border-box;
	}
	
	#center .defaultSec .defaultList dd .substance li{
		width:100%;
		list-style:disc;
		font-size:14px;
		margin-top:5px;
		color:#777;
	}
	
	#center .defaultSec .defaultList dd .substance li:first-child{
		margin-top:0px;
	}
	
	
}





@media screen and (max-width: 425px){
	
	#center .defaultSec{
		width:94%;
		margin:4em auto 0
		
	}
	
	#center .defaultSec .defaultList{
		width:100%;
		margin-top:1.5em;
	}
	
	#center .defaultSec .defaultList dd{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding:1.5em 0px;
	}
	#center .defaultSec .defaultList dd:first-child{
		border-top:1px solid #222;
	}
	
	#center .defaultSec .defaultList dd .subject{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		text-align:left;
		letter-spacing:-0.7px;
	}
	
	#center .defaultSec .defaultList dd .substance{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding-left:20px;
		box-sizing:border-box;
		margin-top:1em;
	}
	
	#center .defaultSec .defaultList dd .substance li{
		width:100%;
		list-style:disc;
		font-size:13px;
		margin-top:3px;
		color:#777;
	}
	
	#center .defaultSec .defaultList dd .substance li:first-child{
		margin-top:0px;
	}
	
	
}










#center .offlineCenter{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
	margin-top:80px;
}

#center .offlineCenter .inner{
	width:94%;
	margin:0 auto;
}

#center .centerName{
	width:200px;
	padding:10px 0px;
	background:#d50d0d;
	text-align:Center;
	color:#fff;
	margin:0 auto;
	font-size:16px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

#center .offList{
	width:100%;
	margin-top:30px;
}
#center .offList dd{
	width:100%;
	border:1px solid #e5e5e5;
	background:#fff;
	margin-top:10px;
}

#center .offList dd:first-child{
	margin-top:0px;
}

#center .offList dd .subject{
	width:25%;
	display:Inline-block;
	vertical-align:middle;
	background:#222;
	color:#fff;
	text-align:center;
	padding:30px 0px;
	font-size:20px;
}


#center .offList dd .substance{
	width:74%;
	display:Inline-block;
	vertical-align:middle;
	padding-left:30px;
	box-sizing:border-box;
}

#center .offList dd .substance li{
	font-size:16px;
	list-style:disc;
	color:#777;
}



@media screen and (max-width: 768px){
	
	#center .offlineCenter{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
		margin-top:80px;
	}
	
	#center .offlineCenter .inner{
		width:94%;
		margin:0 auto;
	}
	
	#center .centerName{
		width:200px;
		padding:10px 0px;
		background:#d50d0d;
		text-align:Center;
		color:#fff;
		margin:0 auto;
		font-size:14px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	
	#center .offList{
		width:100%;
		margin-top:1.5em;
	}
	#center .offList dd{
		width:100%;
		border:1px solid #e5e5e5;
		background:#fff;
		margin-top:10px;
	}
	
	#center .offList dd:first-child{
		margin-top:0px;
	}
	
	#center .offList dd .subject{
		width:29%;
		display:Inline-block;
		vertical-align:middle;
		background:#222;
		color:#fff;
		text-align:center;
		padding:1.5em 0px;
		font-size:16px;
	}
	
	
	#center .offList dd .substance{
		width:70%;
		display:Inline-block;
		vertical-align:middle;
		padding-left:2em;
		box-sizing:border-box;
	}
	
	#center .offList dd .substance li{
		font-size:13px;
		list-style:disc;
		color:#777;
	}


	
}



@media screen and (max-width: 425px){
	
	#center .offlineCenter{
		width:100%;
		background:#f7f7f7;
		padding:4em 0px;
		margin-top:4em;
	}
	
	#center .offlineCenter .inner{
		width:94%;
		margin:0 auto;
	}
	
	#center .centerName{
		width:200px;
		padding:10px 0px;
		background:#d50d0d;
		text-align:Center;
		color:#fff;
		margin:0 auto;
		font-size:14px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}
	
	#center .offList{
		width:100%;
		margin-top:1.5em;
	}
	#center .offList dd{
		width:100%;
		border:1px solid #e5e5e5;
		background:#fff;
		margin-top:10px;
	}
	
	#center .offList dd:first-child{
		margin-top:0px;
	}
	
	#center .offList dd .subject{
		width:100%;
		display:Inline-block;
		vertical-align:middle;
		background:#222;
		color:#fff;
		text-align:center;
		padding:1em 0px;
		font-size:14px;
	}
	
	
	#center .offList dd .substance{
		width:100%;
		display:Inline-block;
		vertical-align:middle;
		padding:1.5em 1em 1.5em 3em;
		box-sizing:border-box;
		
	}
	
	#center .offList dd .substance li{
		font-size:13px;
		list-style:disc;
		color:#777;
	}


	
}





#center .onlineCenter{
	width:100%;
	position:relative;
	left:50%;
	margin-left:-50%;
	min-width:100%;
}


#center .onlineCenter .bg{
	width:100%;
	overflow:hidden;
}

#center .onlineCenter .bg img{
	width:200%;
	
}

#center .onlineCenter .cont{
	width:94%;
	position:absolute;
	left:50%;
	margin-left:-47%;
	top:30%;
}

#center .onlineCenter .cont .title{
	color:#fff;
	text-align:center;
	margin-top:20px;
}

#center .onlineCenter .cont .substance{
	color:#fff;
	text-align:center;
	font-size:16px;
}


@media screen and (max-width: 768px){
	
	

	#center .onlineCenter{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		min-width:100%;
	}
	
	
	#center .onlineCenter .bg{
		width:100%;
		overflow:hidden;
	}
	
	#center .onlineCenter .bg img{
		width:200%;
		
	}
	
	#center .onlineCenter .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:30%;
	}
	
	#center .onlineCenter .cont .title{
		color:#fff;
		text-align:center;
		margin-top:20px;
	}
	
	#center .onlineCenter .cont .substance{
		color:#fff;
		text-align:center;
		font-size:14px;
	}

}


@media screen and (max-width: 425px){
	
	

	#center .onlineCenter{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		min-width:100%;
	}
	
	
	#center .onlineCenter .bg{
		width:100%;
		overflow:hidden;
	}
	
	#center .onlineCenter .bg img{
		width:300%;
		
	}
	
	#center .onlineCenter .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:30%;
	}
	
	#center .onlineCenter .cont .title{
		color:#fff;
		text-align:center;
		margin-top:20px;
	}
	
	#center .onlineCenter .cont .substance{
		color:#fff;
		text-align:center;
		font-size:14px;
	}

}



@media screen and (max-width: 320px){
	
	

	#center .onlineCenter{
		width:100%;
		position:relative;
		left:50%;
		margin-left:-50%;
		min-width:100%;
	}
	
	
	#center .onlineCenter .bg{
		width:100%;
		overflow:hidden;
	}
	
	#center .onlineCenter .bg img{
		width:350%;
		
	}
	
	#center .onlineCenter .cont{
		width:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:20%;
	}
	
	#center .onlineCenter .cont .title{
		color:#fff;
		text-align:center;
		margin-top:20px;
	}
	
	#center .onlineCenter .cont .substance{
		color:#fff;
		text-align:center;
		font-size:14px;
	}

}