/* TAG STYLE & BOOTSTRAP STYLE */
*{
	margin:0;
	padding:0
}
*:focus{
	outline:none;
}
html{
	height:100%;
	overflow-y:scroll;
}
a{
	color:inherit;
	text-decoration:none;
}
a:visited,a:hover,a:active,a:focus{
	text-decoration:none;
}
body{
	background:#333;
	font:15px Microsoft YaHei;
	height:100%;
	margin:0 auto;
	max-width:720px;
}
h2,h3,h4,h5,h6{
	margin:0;
}
h2,h3{
	font-size:21px;
}
input{
	-webkit-appearance:none;
	border:none;
	border-radius:0;
	font-size:17px;
}
input:focus{
	outline:none;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#DDD;
font-size:15px;
line-height:22px;
}
li{
	list-style:none;
}
mark{
	background:#FFF;
	color:#F33;
	clear:both;
	display:block;
	font-size:13px;
	padding:7px 0 10px 15px;
}
textarea{
	-webkit-appearance:none;
	resize:none;
}
ul{
	margin-bottom:0;
}
video{
	margin:20px 1% 0;
	width:98%;
}
.btn{
	border-radius:0;
}
.row{
	margin:0;
}
@media (min-width:768px){
.container{
	width:720px;
}
}
/* INCLUDE DOCUMENT */
/* CLASS STYLE */
.Div_ProPicList{
	margin:15px 0 5px 0;
}
.Div_ProPicList a{
	color:#444;
}
.Div_ProPicList a:nth-of-type(2n-1){
	padding:0 5px 0 15px;
}
.Div_ProPicList a:nth-of-type(2n){
	padding:0 15px 0 5px;
}
.Div_ProPicList img{
	width:100%;
}
.Div_ProPicList h6{
	font-size:14px;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.Img_FocusPic{
	width:100%;
}
.Div_FillTopSpace{
	height:50px;
}
.Div_FillBottomSpace{
	height:60px;
}
.Div_norMask{
	background:rgba(0,0,0,.7);
	color:#666;
	height:100%;
	position:fixed;
	top:0;
	max-width:720px;
	width:100%;
	z-index:15;
}
.A_norButton{
	border:1px solid #E90314;
	border-radius:3px;
	color:#E90314;
	display:block;
	height:30px;
	line-height:28px;
	margin:5px 0 0;
}
.Foo_Icp{
	background:#F7F7F7;
	color:#888;
	text-align:center;
	width:100%;
	padding:12px 10px;
}
.Foo_Icp,
.Foo_Icp div,
.Foo_Icp li,
.Foo_Icp font,
.Foo_Icp a{
	font-size:12px;
}
.Div_Submitted{
	background:#555;
	color:#FFF;
	display:none;
	height:40px;
	line-height:40px;
	top:50%;
	left:50%;
	margin:-20px -75px;
	position:fixed;
	width:150px;
}
.TimeLineFlew{
	transition:transform 0.39s ease-in-out;
	-webkit-transition:-webkit-transform 0.39s ease-in-out;
}
/* ID STYLE */
#Div_Wrap{
	background:#FFF;
	margin:0 auto;
	min-height:100%;
	padding:0;
	overflow:hidden;
	position:relative;
	min-width:320px;
}
#Hea_FixTop{
	background:#F9F9F9;
	border-bottom:1px solid #DDD;
	color:#444;
	padding:0 50px;
	position:fixed;
	top:0;
	max-width:720px;
	width:100%;
	z-index:10;
}
#Hea_FixTop h2,#Hea_FixTop h3{
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#Hea_FixTop a{
	background-image:url("../images/public.png");
	background-size:430px;
	display:block;
	height:30px;
	position:absolute;
	top:10px;
	width:20px;
}
#Hea_FixTop a:nth-of-type(1){
	background-position:-9px -160px;
	left:17px;
}
#Hea_FixTop a:nth-of-type(2){
	right:16px;
	width:35px;
}
#A_SwiSlide{
	background-position:-153px -159px;
}
#A_DisFunction{
	background-position:-45px -161px;
}
/* ASIDE */
/* CLASS STYLE */
.Asi_ShowMenu{
	transform:translate(-100%,0);
	-webkit-transform:translate(-100%,0);
}
/* ID STYLE */
#Div_MenuMask{
	background:rgba(0,0,0,.7);
	display:none;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#Asi_AsideMenu{
	background:#FFF;
	position:fixed;
	right:-61.8%;
	top:51px;
	bottom:60px;
	width:61.8%;
	overflow:auto;
	transition:transform 0.39s ease-in-out;
	-webkit-transition:-webkit-transform 0.39s ease-in-out;
}
@media screen and (min-width:721px){
#Asi_AsideMenu{
	height:100%;
	position:absolute;
	top:0;
}
#Asi_AsideMenu ul{
	margin:50px 0 0;
}
#Asi_AsideMenu ul ul{
	margin:0;
}
}
#Asi_AsideMenu ul li{
	border-bottom:1px solid #EEE;
	box-sizing:border-box;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 15px;
}
#Asi_AsideMenu ul ul{
	display:none;
	padding:10px 0 0;
}
#Asi_AsideMenu ul ul li a{
	color:#777;
	font-size:14px;
	line-height:30px;
	padding:0 0 0 17px;
}
#Asi_AsideMenu a{
	color:#555;
	display:block;
}
/* INPUT GROUND */
.Art_norArticle{
	color:#666;
	line-height:24px;
}
.Art_norArticle img{
	max-width:100%;
}
.Div_PerInput{
	position:relative;
}
.Div_PerInput input{
	border-bottom:1px solid #DDD;
	color:#444;
	height:30px;
	overflow:hidden;
	padding:0 23px 0 15px;
	position:relative;
}
.Div_PerInput span{
	border:1px solid #DDD;
	border-bottom:none;
	border-top:none;
	display:block;
	height:5px;
	position:absolute;
	top:25px;
}
.Div_PerInput .Spa_ClearInput{
	background:url("../images/public.png") -430px -10px;
	background-size:500px;
	border:none;
	display:none;
	height:15px;
	right:15px;
	top:9px;
	width:15px;
}
/* TOP MENU */
#Ul_disFunction{
	background:#FFF;
	display:none;
	position:absolute;
	right:7px;
	top:50px;
}
#Ul_disFunction li{
	border:1px solid #DDD;
	border-bottom:none;
	height:50px;
	line-height:50px;
	padding:0 5px;
}
#Ul_disFunction li:last-of-type{
	border-bottom:1px solid #DDD;
}
#Ul_disFunction span{
	display:inline-block;
	vertical-align:middle;
}
#Ul_disFunction span:nth-of-type(1){
	background-image:url("../images/public.png");
	background-size:500px;
	height:20px;
	margin:0 3px 0 0;
	width:20px;
}
#Ul_disFunction li:nth-of-type(1) span:nth-of-type(1){
	background-position:-247px -188px;
}
#Ul_disFunction li:nth-of-type(2) span:nth-of-type(1){
	background-position:-306px -188px;
}
/* BOTTOM MENU */
#Foo_fooMenu{
	background:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#d7d7d7));
	background:-moz-linear-gradient(#f4f4f4,#d7d7d7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#d7d7d7');
	border-top:1px solid #D9D9D9;
	bottom:0;
	height:60px;
	font-size:13px;
	position:fixed;
	max-width:720px;
	width:100%;
	z-index:10;
}
#Foo_fooMenu a{
	color:#666;
	display:block;
	float:left;
	width:25%;
}
#Foo_fooMenu span{
	background-image:url("../images/public.png");
	background-size:500px;
	display:block;
	height:35px;
	margin:3px auto 0;
	width:33px;
}
#Foo_fooMenu a:nth-child(1) span{
	background-position:-127px -187px;
}
#Foo_fooMenu a:nth-child(2) span{
	background-position:-65px -9px;
}
#Foo_fooMenu a:nth-child(3) span{
	background-position:-182px -8px;
}
#Foo_fooMenu a:nth-child(4) span{
	background-position:-243px -7px;
}
#Foo_fooMenu a.msg span{
	background-position:-125px -6px;
}
/* ARTICLE MORE */
.DIV_PrevNext{
	color:#FFF;
	line-height:23px;
}
.DIV_PrevNext p{
	display:block;
	margin:0;
	line-height:40px;
}
.DIV_PrevNext a{
	color:#FFF;
	display:inline-block;
	height:40px;
	position:relative;
	max-width:49.9%;
}
.DIV_PrevNext a span{
	background:url("../images/public.png");
	background-size:300px;
	background-size:300px;
	display:block;
	float:left;
	height:16px;
	position:absolute;
	top:13px;
	width:8px;
}
.DIV_PrevNext a div{
	padding:0 20px;
}
.DIV_PrevNext div p:first-of-type{
	font-size:15px;
}
.DIV_PrevNext div p:last-of-type{
	font-size:15px;
}
.DIV_NewsMessage{
	margin:1px 0 0;
}
.DIV_NewsMessage a{
	color:#FFF;
	display:inline-block;
	height:45px;
	line-height:45px;
	max-width:49.9%;
}
.DIV_NewsMessage a:first-of-type,.DIV_PrevNext a:last-of-type{
	background:#F60;
}
.DIV_NewsMessage a:last-of-type,.DIV_PrevNext a:first-of-type{
	background:#F93;
}
.DIV_NewsMessage span{
	display:block;
	border:6px solid transparent;
	border-bottom:6px solid #FFF;
	height:0;
	margin:-12px auto 0;
	width:0;
}
#A_NextNews{
	text-align:right;
}
#A_PrevNews span{
	background-position:-186px -4px;
}
#A_NextNews span{
	background-position:-202px -4px;
	right:15px;
}
#Ul_MoreMessages{
	color:#666;
}
#Ul_MoreMessages li{
	border-bottom:1px solid #DBDBDB;
	line-height:20px;
	padding:10px;
}
#Ul_MoreMessages p{
	max-height:40px;
	margin:0;
	overflow:hidden;
}
#Ul_MoreMessages time{
	color:#AAA;
	display:block;
	font-size:13px;
	margin:3px 0 0;
}
/* MASK MENU */
.Div_TextSizeMenu{
	color:#666;
	display:-webkit-box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	font-size:17px;
	line-height:50px;
}
.Div_TextSizeMenu div{
	background:#FFF;
	border-radius:5px;
	padding:5px 15px;
	max-width:445px;
}
.Div_TextSizeMenu header{
	font-size:20px;
	height:30px;
	line-height:30px;
	margin:5px 0 0;
	text-align:center;
}
.Div_TextSizeMenu li{
	border-bottom:1px solid #EEE;
}
.Div_TextSizeMenu li:last-of-type{
	border:none;
}
.Div_TextSizeMenu li span{
	height:55px;
	display:none;
	float:right;
	width:25px;
}
.Div_TextSizeMenu .Act span{
	background:url("../images/public.png") -368px -170px;
	background-size:500px;
	display:block;
}
.Div_ShareMenu div{
	background:#FFF;
	bottom:0;
	box-sizing:content-box;
	height:260px;
	padding:0 0 100px;
	position:absolute;
	max-width:720px;
	width:100%;
	transform:translate(0,390px);
	-webkit-transform:translate(0,390px);
}
.Div_ShareMenu .Act{
	transform:translate(0,100px);
	-webkit-transform:translate(0,100px);
}
.Div_ShareMenu header{
	border-bottom:1px solid #EEE;
	color:#BABABA;
	font-size:17px;
	height:35px;
	line-height:35px;
}
.Div_ShareMenu li{
	margin:17px 0 0;
}
.Div_ShareMenu a{
	color:#666;
	display:block;
}
#Div_QrWrap{
	background:rgba(0,0,0,.7);
	color:#666;
	display:-webkit-box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	box-orient:vertical;
	-webkit-box-orient:vertical;
	position:fixed;
	top:0;
	max-width:720px;
	width:100%;
	z-index:15;
}
#Div_CodeCanvas{
	background:#FFF;
	height:330px;
	width:300px;
}
#Div_CodeCanvas p{
	border-bottom:1px solid #EEE;
	margin:0 0 15px;
	padding:10px 20px;
}
#Div_CodeCanvas canvas{
	margin:0 20px;
}
/* HOME DOCUMENT */
/* CLASS STYLE */
.Hea_HomeColName{
	border-bottom:1px solid #e4e4e4;
	color:#505050;
	height:18px;
	position:relative;
}
.Hea_HomeColName h3{
	font-size:16px;
	position:absolute;
	text-align:center;
	top:8px;
}
.Hea_HomeColName span{
	background:#FFF;
	display:inline-block;
	padding:0 10px;
}
.TriRightDown{
	border:5px solid transparent;
	border-left:5px solid #666;
	height:0;
	position:absolute;
	right:0;
	top:20px;
	width:0;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.TriLeft{
	border:6px solid transparent;
	border-right:6px solid #555;
	display:none;
	height:0;
	left:-12px;
	position:absolute;
	top:12px;
	width:0;
}
/* ID STYLE */
#Hea_IndexTop{
	background:#3b5998;
	height:60px;
	padding:0 10px 0 6px;
}
#Hea_IndexTop div{
	display:block;
	height:60px;
	width:170px;
}
#Hea_IndexTop img{
}
#Hea_IndexTop a{
	background:url("../images/public.png") -8px 1px;
	background-size:550px;
	display:block;
	height:60px;
	margin:0 10px 0 0;
	width:25px;
}
#Hea_IndexTop .logo{
	float:left;
}
#Hea_IndexTop .logo img{
	display:block;
	max-height:60px;
}
#Spa_SwiSearch{
	background:url("../images/public.png") -367px 10px;
	background-size:500px;
	display:block;
	height:60px;
	width:25px;
}
#Div_SearchMenu{
	color:#666;
	display:none;
}
#Div_SearchMenu > div{
	background:#FFF;
	height:60px;
	position:absolute;
	top:0;
	max-width:720px;
	width:100%;
	transform:translate(0,-50px);
	-webkit-transform:translate(0,-50px);
}
#Div_SearchMenu > .Act{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
#Div_SearchArea{
	padding:13px 15px 0;
}
#Div_SearchArea .Div_PerInput{
	padding:0;
}
#Div_SearchArea .Div_PerInput span:nth-of-type(1){
	border-right:none;
}
#Div_SearchArea .Div_PerInput span:nth-of-type(2){
	background:url("../images/public.png") -743px -5px;
	background-size:400px;
	height:17px;
	right:0;
	top:7px;
	width:20px;
}
#Div_SearchArea button{
	background:url("../images/public.png") -368px -5px;
	background-size:500px;
	border:none;
	height:30px;
	margin:0 0 0 5px;
	width:23px;
}
#Div_SearchArea input::-webkit-input-placeholder{
color:#DDD;
font-size:15px;
}
#Div_SearchType{
	border-bottom:1px solid #DDD;
	height:30px;
	line-height:30px;
	position:relative;
	width:80px;
}
#Div_SearchType span:nth-of-type(2){
	border-right:1px solid #DDD;
	bottom:0;
	display:block;
	height:5px;
	left:0;
	position:absolute;
	width:inherit;
}
#Div_SearchType span:nth-of-type(3){
	border-left:1px solid #DDD;
	bottom:5px;
	display:block;
	height:15px;
	left:3px;
	position:absolute;
	width:inherit;
}
#DIV_HomeColBlock{
	text-align:center;
}
#DIV_HomeColBlock ul{
}
#DIV_HomeColBlock li{
	display:inline-block;
	padding:0;
	width:30%;
	margin:2% 0 0 2.5%;
}
#DIV_HomeColBlock a{
	color:#FFF;
	border-radius:7px;
	display:inline-block;
	height:100px;
	padding:10px 0;
	width:100%;
	background:#3b5998;
}
#DIV_HomeColBlock span{
	background:url("../images/public.png");
	background-size:600px;
	display:inline-block;
	height:63px;
	width:63px;
}
/*
#DIV_HomeColBlock li:nth-child(1) a{
	background:#73B645;
}
#DIV_HomeColBlock li:nth-child(2) a{
	background:#386ECE;
}
#DIV_HomeColBlock li:nth-child(3) a{
	background:#00379a;
}
#DIV_HomeColBlock li:nth-child(4) a{
	background:#F95E1B;
}
#DIV_HomeColBlock li:nth-child(5) a{
	background:#bea349;
}
#DIV_HomeColBlock li:nth-child(6) a{
	background:#F1043C;
}
#DIV_HomeColBlock li:nth-child(7) a{
	background:#1FC3ED;
}
*/
#DIV_HomeColBlock li.menu_intr span{
	background:url(../images/m1.png) center center no-repeat;
	background-size:100%;
}
#DIV_HomeColBlock li:nth-child(4) span{
	background:url(../images/m4.png) center center no-repeat;
	background-size:100%;
}
#DIV_HomeColBlock li.menu_pro span{
	background:url(../images/m2.png) center center no-repeat;
	background-size:100%;
}
#DIV_HomeColBlock li.menu_msg span{
	background-position:-152px -81px;
}
#DIV_HomeColBlock li.menu_news span{
	background:url(../images/m3.png) center center no-repeat;
	background-size:100%;
}
#DIV_HomeColBlock li.menu_share span{
	background-position:-299px -72px;
}
#DIV_HomeColBlock li.menu_contact span{
	background:url(../images/m5.png) center center no-repeat;
	background-size:100%;
}
#DIV_HomeColBlock li.menu_tel span{
	background-position:-295px -143px;
}
#DIV_HomeColBlock h3{
	font-size:13px;
	line-height:20px;
}
#SEC_HomeProduct{
	margin:10px 0 20px;
}
#SEC_HomeProduct header{
	margin:0 10px 30px;
}
#DIV_ProductColPicture{
	height:135px;
	overflow:hidden;
	padding:0 10px;
}
#DIV_ProductColNav{
	color:#777;
}
#DIV_ProductColNav div{
	margin:0 0 13px;
	position:relative;
	cursor:pointer;
}
#DIV_ProductColNav div:last-of-type{
	margin:0;
}
#DIV_ProductColNav li{
	border:1px solid #CCC;
	border-radius:3px;
	box-sizing:border-box;
	height:36px;
	line-height:34px;
	padding:0 10px;
	overflow:hidden;
	text-align:center;
}
#DIV_ProductColNav .Act li{
	border:none;
	color:#FFF;
	line-height:36px;
	background:#555;
}
#DIV_ProductColNav .Act .TriLeft{
	display:block;
}
#SEC_HomeNews{
	font-size:14px;
	margin:0 0 15px;
}
#SEC_HomeNews header{
	margin:0 10px 25px;
}
#SEC_HomeNews ul{
	padding:0 10px;
}
#SEC_HomeNews li{
	position:relative;
}
#SEC_HomeNews li span{
	background:#777;
	border-radius:100%;
	display:block;
	height:5px;
	position:absolute;
	top:12px;
	width:5px;
}
#SEC_HomeNews a{
	color:#777;
	display:inline-block;
	padding:0 0 0 15px;
}
#SEC_HomeNews p{
	line-height:28px;
	margin:0;
}
#SEC_HomeNews time{
	color:#B7B7B7;
	display:block;
	font-size:12px;
	margin:0 0 5px;
}
#Div_DownLoadTips{
	background:rgba(34,34,34,.75);
	display:none;
	position:fixed;
	height:100%;
	top:0;
	max-width:720px;
	width:100%;
	z-index:10;
}
#Div_DownLoadTips div{
	background:url("../images/public.png") -860px -140px;
	margin:60px auto 0;
	height:165px;
	width:70px;
}
#Div_DownLoadTips a{
	background:#F90;
	color:#FFF;
	display:block;
	font-size:22px;
	height:55px;
	line-height:55px;
	margin:20px auto;
	width:250px;
}
#Div_DownLoadTips span{
	color:#FFF;
	font-size:18px;
}
/* ORDER DOCUMENT */
/* ID STYLE */
#For_Order{
	padding:10px 15px 50px;
}
#For_Order div{
	padding:23px 0 0;
}
#For_Order input{
	border:1px solid #DFDFDF;
	display:inline-block;
	height:35px;
	padding:0 5px;
}
#For_Order input::-webkit-input-placeholder{
font-size:15px;
}
#For_Order textarea{
	border:1px solid #DFDFDF;
	height:150px;
	padding:5px;
}
#For_Order img{
	float:left;
	margin:0 0 0 10px;
}
#For_Order span{
	color:#F50;
	display:inline-block;
	height:35px;
	line-height:35px;
	margin:0 0 0 10px;
	vertical-align:middle;
}
#A_Submit{
	background:#0C3;
	color:#FFF;
	display:block;
	font-size:17px;
	height:35px;
	line-height:35px;
	text-align:center;
}
/* INTRODUCE DOCUMENT */
/* ID STYLE */
#Div_intContainer span{
	font-size:16px;
	margin:7px 0 0;
}
#Art_intArticle{
	padding:10px 15px;
}
/* MESSAGE DOCUMENT */
/* CLASS STYLE */
.Div_MessageList{
	border-top:1px solid #E9E9E9;
	padding:20px 17px 0;
}
.Div_MessageList div{
	border-bottom:1px solid #E9E9E9;
	line-height:20px;
	margin:0 -17px 17px;
	padding:0 17px 13px;
}
.Div_MessageList div:last-of-type{
	border:none;
}
.Div_MessageList header{
	color:#666;
	padding:0 0 0 40px;
	position:relative;
}
.Div_MessageList header span{
	background:url("../images/public.png") -127px -233px;
	background-size:500px;
	display:block;
	height:17px;
	left:-5px;
	position:absolute;
	top:2px;
	width:20px;
}
.Div_MessageList div span{
	color:#BBB;
	display:inline-block;
	font-size:12px;
	margin:0 0 0 20px;
}
.Div_MessageList span span{
	margin:0 17px 0 0;
}
.Div_MessageList footer{
	border:1px solid #DDD;
	border-radius:10px;
	margin:3px 27px;
	padding:5px 13px;
	position:relative;
}
.Div_MessageList footer span{
	background:url("../images/public.png") -184px -241px;
	background-size:500px;
	display:block;
	height:10px;
	left:-10px;
	position:absolute;
	top:5px;
	width:10px;
}
.Div_MessageList div p{
	color:#F33;
	font-size:12px;
	margin:7px 0 0 20px;
}
.Div_MessageList footer p{
	color:#888;
	line-height:24px;
	font-size:13px;
	margin:0;
}
/* ID STYLE */
#A_GoMessage{
	color:#E90314;
	margin:23px auto 20px;
	width:85%;
}
#A_GoMessage span{
	background:url("../images/public.png") -430px -190px;
	background-size:500px;
	display:inline-block;
	height:20px;
	margin:0 10px 0 0;
	vertical-align:-4px;
	width:20px;
}
#Div_Feedback{
	display:-webkit-box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	font-size:16px;
}
#Div_Feedback form{
	background:#FFF;
	border-radius:5px;
	color:#666;
	padding:15px 17px;
	max-width:445px;
	width:95%;
}
#Div_Feedback p{
	margin:0 0 3px;
}
#Div_Feedback textarea{
	border:1px solid #CCC;
	border-radius:2px;
	height:50px;
	margin:0 0 10px;
	padding:3px 7px;
}
@media(min-height:360px){
#Div_Feedback textarea{
	height:90px;
}
}
#Div_Feedback textarea:focus{
	border:1px solid #18A7FE;
}
#Div_Feedback input{
	border-radius:3px;
	height:35px;
}
#Div_Feedback input[type="text"]{
	border:1px solid #CCC;
	margin:0 0 10px;
	padding:0 7px;
}
#Div_Feedback input:focus{
	border:1px solid #18A7FE;
}
#Div_Feedback input::-webkit-input-placeholder{
font-size:15px;
}
#Div_Feedback img{
	height:35px;
	display:inline-block;
	margin:0 0 0 10px;
	vertical-align:top;
	width:60px;
	background:#777;
}
#Inp_VerCode{
	width:70px;
}
#INP_Submit{
	background:#777;
	color:#FFF;
	display:block;
	margin:5px 0 0;
	width:100%;
}
/* DISPLAY PRODUCT DOCUMENT */
#Img_DisplayPic{
	width:100%;
}
#Art_proArticle{
	margin:10px 0 15px;
}
#DIV_ProductFunction{
	padding:17px 20px;
}
#DIV_ProductFunction a{
	color:#FFF;
	display:inline-block;
	height:35px;
	line-height:35px;
	padding:0 5px;
	width:49.5%;
}
#DIV_ProductFunction a:first-of-type{
	background:#3C0;
}
#DIV_ProductFunction a:last-of-type{
	background:#F33;
}
#DIV_ProductFunction span{
	background:url("../images/public.png");
	background-size:800px;
	display:inline-block;
	height:25px;
	margin:0 5px 0 0;
	vertical-align:middle;
	width:25px;
}
#DIV_ProductFunction a:first-of-type span{
	background-position:-111px -207px;
}
#DIV_ProductFunction a:last-of-type span{
	background-position:-16px -207px;
}
/* DISPLAY NEWS DOCUMENT */
/* CLASS STYLE */
.Div_disContainer header{
	border-bottom:1px solid #EAEAEA;
	padding:22px 15px;
}
.Div_disContainer h5{
	color:#555;
	font-size:20px;
	margin:0 0 7px;
}
.Div_disContainer time{
	color:#BBB;
	font-size:13px;
	font-style:italic;
}
.Div_disContainer span.span_text{
	border-bottom:1px solid #EAEAEA;
	color:#666;
	font-size:20px;
	display:block;
	height:40px;
	line-height:40px;
	padding:0 0 0 15px;
}
/* ID STYLE */
#Art_newArticle{
	margin:17px 0 15px;
}
/* PRODUCT DOCUMENT */
.Div_InsideSearch{
	margin:25px 20px 10px;
}
.Div_InsideSearch input{
	border:1px solid #DDD;
	border-right:none;
	border-radius:5px 0 0 5px;
	height:30px;
	padding:0 10px;
}
.Div_InsideSearch input::-webkit-input-placeholder{
font-size:14px;
}
.Div_InsideSearch button{
	background:#F7F7F7;
	border:1px solid #DDD;
	border-radius:0 5px 5px 0;
	color:#888;
	height:30px;
	line-height:28px;
	width:70px;
}
/* ACCORDION */
#Div_Accordion header{
	padding:0 0 0 20px;
}
#Div_Accordion .Act{
	color:#18A7FE;
}
#Div_Accordion a{
	color:inherit;
	display:inline-block;
	margin:0 0 0 17px;
}
#Div_Accordion h4{
	border:none;
	border-bottom:1px solid #EEE;
	overflow:hidden;
	position:relative;
	padding:4px 0;
}
#Div_Accordion h4 img{
	display:inline-block;
	margin:0 0 0 9px;
	width:70px;
}
#Div_Accordion h4 a{
	position:absolute;
	top:50%;
	left:75px;
	margin-top:-15px;
	line-height:24px;
	line-height:30px;
	font-size:0.9em;
	color:#888;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#Div_Accordion h4 span{
	background:url("../images/public.png");
	height:8px;
	width:14px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-4px;
}
#Div_Accordion h5{
	border-bottom:1px solid #DEDEDE;
	color:#777;
	height:40px;
	line-height:40px;
	margin:0 -5px;
	overflow:hidden;
	padding:0 13px 0 75px;
}
.Div_proColOpt{
	background:#ECECEC;
	display:none;
	padding:0 5px;
}
.Spa_Rotate{
	transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
}
/* NEWS DOCUMENT */
.HEA_ListHeader{
	border-bottom:1px solid #EEE;
	color:#F66;
	font-size:18px;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
#Div_NewsList{
	line-height:20px;
	margin:10px 0 0;
}
#Div_NewsList header{
	padding:0 15px;
}
#Div_NewsList section{
	border-bottom:1px solid #E5E5E5;
	padding:13px 15px 10px;
}
#Div_NewsList div{
	display:inline-block;
	width:90%;
}
#Div_NewsList h5{
	color:#666;
	font-size:15px;
	line-height:20px;
}
#Div_NewsList p{
	color:#AAA;
	font-size:12px;
	margin:5px 0 0;
}
#Div_NewsList span{
	background:url("../images/public.png") -10px -232px;
	background-size:500px;
	display:inline-block;
	float:right;
	height:16px;
	margin:3px 0 0;
	width:10px;
}
/* ALBUMCOLUMN DOCUMENT */
.Div_AlbumColumn{
	padding:10px 0 0;
}
.Div_AlbumColumn a{
	display:block;
}
.Div_AlbumColumn img{
	padding:0 15px;
	width:100%;
}
.Div_AlbumColumn p{
	padding:0 15px;
	font-size:17px;
	height:35px;
	line-height:40px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
.Div_AlbumColumn span{
	color:#AAA;
	display:block;
	font-size:12px;
}
/* MORE DOCUMENT */
.Div_MoreContainer{
	font-size:18px;
}
.Div_MoreContainer header{
	color:#666;
}
.Div_MoreContainer div{
	border-bottom:1px solid #EEE;
	height:70px;
	line-height:70px;
	padding:0 15px;
}
.Div_MoreContainer a{
	color:#777;
	display:block;
}
.Div_MoreContainer .Act{
	background:url("../images/public.png") -367px -175px;
	background-size:500px;
	display:inline-block;
	float:right;
	height:40px;
	margin:13px 0 0;
	width:30px;
}
.Div_ServiceContainer{
	color:#777;
}
.Div_ServiceContainer header{
	border-bottom:1px solid #A7A7A7;
	color:#555;
	font-size:19px;
	height:55px;
	line-height:55px;
	padding:0 15px;
}
.Div_ServiceContainer .col-xs-3,.Div_ServiceContainer .col-xs-9{
	padding:0;
}
/* PHONE DOCUMENT */
.Div_decLine{
	background:#EEE;
	height:100%;
	left:35px;
	position:absolute;
	width:1px;
}
#Div_PhoneArea{
	font-size:16px;
	position:relative;
	min-height:inherit;
}
#Div_PhoneArea a{
	color:#666;
}
#Div_PhoneArea ul{
	padding:20px 0 20px 60px;
}
#Div_PhoneArea li{
	line-height:30px;
	margin:0 0 20px;
	position:relative;
}
#Div_PhoneArea span{
	border-radius:100%;
	display:block;
	position:absolute;
}
#Div_PhoneArea li span{
	background:#FFF;
	border:2px solid #DADADA;
	height:15px;
	left:-32px;
	top:8px;
	width:15px;
}
#Div_PhoneArea span span{
	background:#DADADA;
	left:2px;
	height:7px;
	top:2px;
	width:7px;
}
/* DOWNLOAD DOCUMENT */
/* CLASS STYLE */
.Spa_VerSign{
	background:url("../images/public.png");
	background-size:500px;
	display:block;
	float:left;
	height:40px;
	margin:2px 5px 0 60px;
	vertical-align:middle;
	width:40px;
}
/* ID STYLE */
#Div_Download{
	padding:30px 0 100px;
}
#Div_Download h6{
	color:#555;
	font-size:20px;
	margin:13px 0 0;
}
#Div_Download section span{
	background:url("../images/public.png") 10px -313px;
	background-size:600px;
	display:block;
	height:100px;
	margin:0 auto;
	width:100px;
}
#Div_Download div{
	border-top:1px solid #DFDFDF;
	margin:37px 0 0;
}
#Div_Download a{
	border:1px solid #888;
	border-radius:4px;
	color:#444;
	display:block;
	font-size:17px;
	height:46px;
	line-height:46px;
	margin:45px auto 5px;
	width:250px;
}
#Div_Download p{
	font-size:12px;
	color:#999;
	text-align:center;
}
#Spa_Ios{
	background-position:-185px -128px;
}
#Spa_Android{
	background-position:-125px -127px;
}
/* SLIDE CHANGE */
.Div_clsRollArea div{
	display:block;
	float:left;
}
.Div_clsRollArea div img{
	width:100%;
}
.TimeLine{
	transition:all .72s linear;
	-moz-transition:all .72s linear;
	-webkit-transition:all .72s linear;
	-o-transition:all .72s linear;
}
#Div_RollWrap{
	overflow:hidden;
	position:relative;
	width:100%;
}
#Ul_TipsBtn{
	bottom:10px;
	position:absolute;
}
#Ul_TipsBtn li{
	background:#9CF;
	border-radius:100%;
	display:block;
	float:left;
	height:7px;
	margin:0 5px;
	text-align:center;
	width:7px;
}
#Ul_TipsBtn .active{
	background:#CFF;
	height:10px;
	margin:-2px 3px 0;
	width:10px;
}
/* TOUCH NAV */
.TimeLineNav{
	transition:all .24s cubic-bezier(0.7,0.15,0.15,0.7);
	-moz-transition:all .24s cubic-bezier(0.7,0.15,0.15,0.7);
	-webkit-transition:all .24s cubic-bezier(0.7,0.15,0.15,0.7);
	-o-transition:all .24s cubic-bezier(0.7,0.15,0.15,0.7);
}
#Div_TouchNav{
	position:relative;
}
#Div_TouchArea section{
	text-align:center;
}
#Div_TouchArea img{
	max-width:100%;
	max-height:100%;
}
#Div_TouchArea h6{
	border-bottom:1px solid #D7D7D7;
	color:#936;
	font-size:19px;
	line-height:26px;
	overflow:hidden;
	padding:13px 20px;
}
#Div_TouchArea article{
	color:#777;
	font-size:13px;
	line-height:20px;
	padding:17px 20px;
}
#SPA_CountTips{
	color:#9F9F9F;
	font-size:14px;
	display:inline-block;
	margin:0 0 0 10px;
}
/* MAP */
#dituContent{
	height:480px;
	width:100%;
}
/* SHARE STYLE */
.bds_weixin,.bds_tsina,.bds_tqq,.bds_more{
	color:#666 !important;
	float:none !important;
	height:85px !important;
	margin:3px auto !important;
	padding:60px 0 0;
	text-align:center;
	text-indent:0 !important;
	width:80px !important;
}
.bds_weixin{
	background-image:url("../images/public.png") !important;
	background-size:600px !important;
	background-position:-145px -365px !important;
}
.bds_tsina{
	background-image:url("../images/public.png") !important;
	background-size:600px !important;
	background-position:-220px -365px !important;
}
.bds_tqq{
	background-image:url("../images/public.png") !important;
	background-size:600px !important;
	background-position:-290px -365px !important;
}
.bds_more{
	background-image:url("../images/public.png") !important;
	background-size:600px !important;
	background-position:-360px -365px !important;
}
.bd_weixin_popup{
	height:auto !important;
}
.bdshare_popup_box{
	display:none !important;
}
a.home_protype{
	display:block;
	padding:12px 0px;
	clear:both;
	position:relative;
	padding-left:5px;
	font-size:16px;
	margin:0 10px;
	background:url(../images/news_tb1.png) 99% center no-repeat;
	border-bottom:solid 1px #ededed;
}
a.home_protype img{
	width:100px;
	display:block;
	margin-left:5px;
}
a.home_protype .r_con{
	position:absolute;
	left:130px;
	right:25px;
	top:50%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:-12px;
	color:#644c22;
}
a.home_protype:hover{
	background:url(../images/news_tb1.png) no-repeat 99% center #EFEFEF;
}