@charset "utf-8";
/* CSS Document */
body,form,h1,h2,h3,h4,h5,h6,h7,div,p,ul,ol,li,a,img,input,select,textarea,table,tr,td{
	margin:0;padding:0;
	font-weight:normal;
	outline:none;
}
html * {max-height:1000000px;}/*去除 mobile chrome font boosting导致的文字自动缩放问题*/
body{
	width:100%;
	text-align:center;
	color:#fff;font-size:1em;
	-webkit-text-size-adjust:none;
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	background-color:#fff;
}
body.us{
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#fff; text-decoration:none;
	/*
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	*/
}
.desktop{
		display:none;
	}
.mobile{
	display:block;
}
	
.desktop #header{
	width: 100%;
    min-width: 1440px;
    background-image: url(/img/system/www/top.jpg);
    background-position: center;
    height: 200px;	
}
.desktop #header .header_inner{
	width: 1440px;
    margin: auto;
    height: 200px;	
}
.desktop #header .header_inner .header_inner_right{
	width: 335px;
    float: right;
    display: inline-block;	
}
.desktop #header .header_inner a.logo{
	width: 180px;
    height: 180px;
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 67px;
}
.desktop #header .header_inner .header_inner_right .media{
	width: 335px;
    height: 35px;
    float: right;
	margin-top: 5px;	
}
.desktop #header .header_inner .header_inner_right .media .facebook{
	background-image: url(/img/system/www/fb.png);
    width: 35px;
    height: 35px;
    display: block;
    float: left;	
}
.desktop #header .header_inner .header_inner_right .media .wathapp{
	background: url(/img/system/www/wa.png) no-repeat;
    width: 185px;
    height: 35px;
    display: block;
    float: left;
    margin-left: 16px;
    padding-left: 42px;
    line-height: 35px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-align: left;	
}
.desktop #header .top{
	float: right;
    width: 272px;
    height: 56px;
    margin-right: 62px;
    background: url(/img/system/www/top1.png);
    background-size: cover;
}
.desktop #header .menu{
	float: right;
    margin-top: 58px;
    margin-right: 72px;
}
.desktop #header .menu .menu_div{
	width: 948px;
    float: right;
}		  

ul li{list-style-type: none;}
.desktop #header .menu .menu_div ul li.m1{
	float: left;
    position: relative;
    margin-left: 30px;
	cursor:pointer;
	z-index: 2;
    	
}
.desktop #header .menu .menu_div ul li.m1:hover a{
	color:#9FA1A0;
}
.desktop #header .menu .menu_div ul li.m1:hover .sm li a{
	color:#000;	
}
.desktop #header .menu .menu_div ul li.m1:first-child{
	margin-left:0px;	
}
.desktop #header .menu .menu_div ul li.m1 a{
	width: 100%;
    vertical-align: middle;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    display: block;	
}
.desktop #header .menu .menu_div ul li.m1 .sm{
	position: absolute;
    left: -16px;
    top: 0px;
    z-index: 10;
    padding-top: 46px;
    display: none;	
}
.desktop #header .menu .menu_div ul li.m1 .sm.m2{
	width: 235px;	
}
.desktop #header .menu .menu_div ul li.m1 .sm.m3{
	width: 157px;	
}
.desktop #header .menu .menu_div ul li.m1 .sm li{
	height: 31px;
    line-height: 31px;
    background: #DDDDDD;
    padding: 0px 22px;
    margin-bottom: 3px;	
	text-align: left;	
}
.desktop #header .menu .menu_div ul li.m1 .sm li:hover{
	background:#ECECEC;
}


.desktop #bodyWrap{
	width:100%;height:100%;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	position:fixed;
	top:0;left:0;
	background:#000;
	z-index:100000;
}
.desktop #footer{
	width: 100%;
    height: 35px;
    position: relative;
}
.desktop #footer .footer_div{	
	width: 1440px;
    height: 100%;
    margin: auto;
    display: inline-block;
    text-align: right;
}

.desktop #footer .footer_div .copyright{
	height: 35px;
    font-size: 13px;
    color: #000;
    line-height: 35px;
    font-weight: bold;
    margin-right: 40px;	
}
@media only screen and (min-width: 1020px){
	.desktop{
		display:block;
	}
	.mobile{
		display:none;
	}
}


.mobile #header{
    width: 750px;
    margin: auto;
    background-image: url(/img/system/www/top.jpg);
    background-position: bottom center;
    height: 138px;
	background-size: cover;
}
.mobile #header .header_inner{
	width: 750px;
    margin: auto;
    height: 138px;	
	position: relative;
	z-index: 10;
}
.mobile #header .header_inner .header_inner_right{
	width: 220px;
    height: 104px;
    float: right;
    display: inline-block;
    margin-top: 17px;
}
.mobile #header .header_inner a.logo{
	width: 128px;
    height: 128px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 27px;
}
.mobile #header .header_inner a.logo img{
	width:128px;
	height:128px;
}	
.mobile #footer .media{
	width: 240px;
    height: 35px;
    margin: 25px auto 14px auto;	
}
.mobile #footer .facebook{
	background-image: url(/img/system/www/fb.png);
    width: 35px;
    height: 35px;
    display: block;
    float: left;	
}
.mobile #footer .media .wathapp{
	background: url(/img/system/www/wa.png) no-repeat;
    width: 145px;
    height: 35px;
    display: block;
    float: left;
    margin-left: 16px;
    padding-left: 42px;
    line-height: 35px;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-align: left;	
}
.mobile #header .top{
	float: left;
    height: 62px;
    padding: 21px 21px;
    color: #d20f35;
    font-size: 30px;
    width: 60px;
    line-height: 30px;
    font-weight: bold;
    border-left: #b4b4b4 3px solid;
    border-right: #b4b4b4 3px solid;
}
.mobile #header .menu{
	float: left;
    margin-top: 21px;
    margin-left: 21px;
}
.mobile #header .menu .menu-img{
	display: block;
    width: 60px;
    height: 60px;	
}
.mobile #header .menu .menu_div{
	position: absolute;
    width: 437px;
    float: right;
    top: 0px;
    right: 0px;
    display: inline-block;
	display:none;
}
.mobile #header .menu .menu_div .menu_inner{
	width: 343px;
    display: inline-block;
    float: right;
    background-color: #ac1c4d;
    background-image: url(/img/system/www/mobile/menu-bg.png);
    background-repeat: repeat-x;	
}
.mobile #header .menu .menu_div .menu_inner .menu-img2{
	width: 125px;
    height: 125px;
    display: block;
    margin: 15px auto 0px;	
}
.mobile #header .menu .menu_div .menu_inner ul.fm{
	width: 265px;
    display: inline-block;	
}
.mobile #header .menu .menu_div .menu-del{
	width: 101px;
    height: 138px;
    background: #820f30;
    display: block;	
	position: relative;
}
.mobile #header .menu .menu_div .menu-del img{
	margin:48px auto 0px auto;
}		  

ul li{list-style-type: none;}
.mobile #header .menu .menu_div ul li.m1{
	float: left;
    position: relative;
	cursor:pointer;
	z-index: 2;
	width: 240px;
    padding: 25px 0px 25px 25px;
    text-align: left;
	border-bottom: #fff 2px solid;  	
}
.mobile #header .menu .menu_div ul li.m1:last-child{
	border-bottom: none;  	
}
.mobile #header .menu .menu_div ul li.m1:first-child{
	margin-left:0px;	
}
.mobile #header .menu .menu_div ul li.m1 a{
	width: 100%;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    display: block;	
}
.mobile #header .menu .menu_div ul li.m1 .sm{
    display: none;	
}
.mobile #header .menu .menu_div ul li.m1 .sm.m2{
	width: 235px;	
}
.mobile #header .menu .menu_div ul li.m1 .sm.m3{
	width: 157px;	
}
.mobile #header .menu .menu_div ul li.m1 .sm li{
	height: 31px;
    line-height: 31px;
    padding-top: 10px;
    margin-bottom: 3px;
    text-align: left;	
}
.mobile #header .menu .menu_div ul li.m1 .sm li a{
	font-size:18px;	
}

.mobile #bodyWrap{
	width:100%;height:100%;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	position:fixed;
	top:0;left:0;
	background:#000;
	z-index:100000;
}
.mobile #footer{
	width: 750px;
	margin:auto;
    position: relative;
	display:inline-block;
	background:#e0e0e0;
	border-top: 1px solid #fff;
}
.mobile #footer .footer_div{	
	width: 595px;
    height: 50px;
    margin: auto;
    display: inline-block;
    text-align: center;
    border-top: #b3b3b3 3px solid;
}

.mobile #footer .footer_div .copyright{
	height: 50px;
    font-size: 14px;
    color: #000;
    line-height: 50px;
    font-weight: bold;	
}