@media (min-width: 980px) {
.MainNavigationipad { display:none;}
.MainNavigation { background:#2b2d33; border-bottom:1px solid #f2f2f2; color:#fff; font-size:13px;}
.MainNavigation a:hover { text-decoration:none;}
.MainNavigationipad { display:none;}
.MainNavigation .details { padding:0; height:65px; margin:0 auto; width:1080px;}
.MainNavigation .logo { width:143px; float:left; padding:8px 0 0;} 
.NavHome { width:110px; height:65px;  float:left;}
.NavHome ul {list-style:none; padding:0 0 0 10px; float:left; z-index:30;}
.NavHome ul li {  font-size:15px; text-align:center; background:url(../nav-style/homebg-fift.png); line-height:65px; color:#ccc; position:relative; }
.NavHome ul li a { color:#ffefbf; display:block; width:110px; cursor:pointer; text-decoration:none;}
.NavHome ul li a:hover { color:#fff; text-decoration:none;}

.Level { list-style:none; padding:0 0 0 10px; float:left; z-index:30;}
.Level li { float:left; display:block; width:115px; font-size:15px; text-align:center; line-height:65px;  position:relative; cursor:pointer; }
.Level li a:hover { color:#fc8509;}
.a1 { color:#ccc;  text-decoration:none; display:block; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s;}
.a5 { color:#fc8509;  text-decoration:none; display:block; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s;}
.a2 { color:#fff;  text-decoration:none; display:block; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s;}
/*.a1:hover { background:#91cd45; color:#FFF; cursor:pointer; display:block;}*/
.LevelBgM { background:url(../nav-style/3.png) 105px 30px no-repeat;}
.LevelBgM:hover { color:#fc8509;}
.LevelBgMOn { color:#fc8509; background:url(../nav-style/3.png) 105px 30px no-repeat;}
.LevelBgS { background:url(../nav-style/3.png) 95px 30px no-repeat;}
.LevelBgS:hover { color:#fc8509;}
.LevelBgSOn {background:url(../nav-style/3.png) 95px 30px no-repeat; color:#fc8509;}

/*************************/
.SmallNav { float:right; color:#fff; height:65px; width:105px; display:block; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s; background:url(../nav-style/suppor-fift.png) 4px 24px no-repeat, url(../nav-style/3.png) 80px 30px no-repeat; cursor:pointer; }
.SmallNav:hover { color:#fc8509;  float:right; height:65px; width:105px; display:block; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s; background:url(../nav-style/suppor-fift.png) 4px 24px no-repeat, url(../nav-style/3.png) 80px 30px no-repeat; cursor:pointer;}
.SmallNavOn {color:#fc8509;}

.SmallNavW,.SmallNavH { float:right; height:65px; width:105px; }
.SmallNav ol, .SmallNavW ol, .SmallNavH ol {  float:left; }
.SmallNav ol li, .SmallNavW ol li, .SmallNavH ol li { width:100px; display:block; height:65px; line-height:65px; text-align:center; position:relative; float:left;}
.SmallNav ol li a:hover { background:url(../nav-style/suppor-fift.png) 4px 24px no-repeat, url(../nav-style/3.png) 80px 30px no-repeat; color:#fc8509; cursor:pointer; display:block;}
/*************************/
.SmallNavW ol li a { display:block;  text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s; background:url(../nav-style/compan-fift.png) 4px 24px no-repeat;}
.SmallNavW ol li a:hover { background:url(../nav-style/compan-fift.png) 4px 24px no-repeat; color:#fc8509; cursor:pointer; display:block;}
.SmallNavH ol li a { display:block; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s; background:url(../nav-style/how-fift.png) 4px 24px no-repeat;}
.SmallNavH ol li a:hover { background:url(../nav-style/how-fift.png) 4px 24px no-repeat; color:#fc8509; cursor:pointer; display:block;}
.a3 { color:#ccc;}
.a4 { color:#fff;}
.a6 { color:#fc8509;}
/*************************/

/*************************/


.MultColor {
	 
    background: -webkit-linear-gradient(right, #1a7ac1, #1981c6, #178cd0, #189fdc, #17a3dd, #17a3dd, #189fdc, #178cd0, #1981c6, #1a7ac1) ; /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #1a7ac1, #1981c6, #178cd0, #189fdc, #17a3dd, #17a3dd, #189fdc, #178cd0, #1981c6, #1a7ac1); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #1a7ac1, #1981c6, #178cd0, #189fdc, #17a3dd, #17a3dd, #189fdc, #178cd0, #1981c6, #1a7ac1); /* Firefox 3.6 - 15 */
    background: linear-gradient( to right, #1a7ac1, #1981c6, #178cd0, #189fdc, #17a3dd, #17a3dd, #189fdc, #178cd0, #1981c6, #1a7ac1); /*  */
}
.MobileColor {
	
    background: -webkit-linear-gradient(right, #ed943d, #ed9e3d, #f1aa40, #f3b342, #f5b944, #f5b944, #f3b342, #f1aa40, #ed9e3d, #ed943d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right, #ed943d, #ed9e3d, #f1aa40, #f3b342, #f5b944, #f5b944, #f3b342, #f1aa40, #ed9e3d, #ed943d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right, #ed943d, #ed9e3d, #f1aa40, #f3b342, #f5b944, #f5b944, #f3b342, #f1aa40, #ed9e3d, #ed943d); /* Firefox 3.6 - 15 */
    background: linear-gradient( to right, #ed943d, #ed9e3d, #f1aa40, #f3b342, #f5b944, #f5b944, #f3b342, #f1aa40, #ed9e3d, #ed943d); /*  */
	
}

.MultNav {
	width:100%; z-index:100000; position:absolute; padding:20px 0 0; 
}
.MultNav h2 {  font-size:19px; padding:0 0 20px; text-align:center; }
.MultNav .details { margin:0 auto; width:1080px;}
.MultNav .Left { width:540px; text-align:center; float:left; padding-bottom:15px; text-align:center; font-size:13px;}
.MultNav .Left h3 { font-size:17px; font-weight:500; padding:10px 0 0;}
.MultNav .Left p { padding-bottom:20px;}
.MultNav .Left .Buy { width:200px; height:40px; background:none; text-align:center; margin:0 auto; line-height:39px; font-size:15px; cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */  background-clip:padding-box; border:1px solid #FFF; display:inline-block; }
.MultNav .Left a { color:#FFF; text-decoration:none; }
.MultNav .Left .Buy:hover {  color:#178cd0; text-decoration:none; background:rgba(250,250,250,1); border:1px solid rgba(250,250,250,0.6); background-clip:padding-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;  background-clip:padding-box;  }
.MultNav .Line-seven { background:url(../nav-style/line-seven.png) left no-repeat;}
.MultNav .Bot { background:url(../nav-style/navbg.png) bottom repeat-x; }
.MultNav .Bot p { font-size:15px; padding:5px 0 25px; text-align:center;}
.MultNav .Bot p a { color:#FFF; text-decoration:none;}

.MultNav .Mobile { width:540px; float:left; padding:20px 0 10px;}
.MultNav .Mobile h3 { font-size:17px; font-weight:600; padding:50px 0 15px;}
.MultNav .Mobile h3 span { display:block; width:54px; height:1px; background:#fadca2;}
.MultNav .Mobile p { font-size:15px; line-height:24px; padding-bottom:40px;}
.MultNav .Mobile .Buy { width:200px; height:40px; background:none; text-align:center;  line-height:39px; font-size:15px; cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */  background-clip:padding-box; border:1px solid #FFF; display:inline-block; }
.MultNav .Mobile a { color:#FFF; text-decoration:none; }
.MultNav .Mobile .Buy:hover {  color:#f5b944; text-decoration:none; background:rgba(250,250,250,1); border:1px solid rgba(250,250,250,0.6); background-clip:padding-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;  background-clip:padding-box; }
.MultNav .Mobilebot {  background:url(../nav-style/navbg.png) bottom repeat-x; }
.MultNav .Mobilebot p { font-size:15px; padding:5px 0 25px; text-align:center;}
.MultNav .Mobilebot p a { color:#FFF; text-decoration:none;}

.MultNav .Sup { width:870px; margin:0 auto; padding:10px 0 0;}
.MultNav .Sup .Left { width:200px; margin:0 45px; padding:15px 0 0; float:left; text-align:center;  -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ display:inline-block;}
.MultNav .Sup .Left:hover { background:rgba(250,250,250,0.15);}
.MultNav .Sup .Left p { padding:20px 0;}
.MultNav .Sup a { color:#333; text-decoration:none;}
.MultNav .Sup .Cent { background:url(../nav-style/line02-seven.png) top center no-repeat, url(../nav-style/sd.png) 100px 31px no-repeat; padding-bottom:23px; margin:10px 0 0; padding-top:10px;}
.MultNav .Sup .Cent p { padding:18px 0 0 160px; font-size:15px; font-weight:bold;}
.MultNav .Sup .Cent p i { font-size:13px; font-weight:400; display:block; font-style:normal;}
.MultNav .Sup .Cent p a { color:#FFF; text-decoration:none;}

/*************************/
.MainFoot { background:#1f222a; color:#6a7480; text-align:center; line-height:23px;font-size: 13px;}
.MainFoot img{vertical-align:middle;}
.MainFoot .details { padding:15px 0; }
.MainFoot p { padding:3px 0;  }
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
.MainFoot h6 { font-size:13px; padding:8px 100px 0; font-weight:400;}
/*************************/
.MobileNavoff, .MobileNavon { display:none;}
.mobileSoftMenu { display:none;}
.Pcno { display:none;}

	.mobileMenu_bf{ text-align:center; padding:25px 0 15px 0;}
	.mobileMenu_bf a{ display:inline-block; padding:15px 30px; color:#fff; font-size:23px; border-radius:5px; background-color:#ffba0d;}
	.mobileMenu_bf a{text-decoration:none;}
}


@media (min-width: 768px) and (max-width: 979px) {
	.details { width:100%; padding:5px;}
	.MainNavigation { display:none;}
	.MainNavigationipad { background:#2b2d33; width:100%;}
	.MainNavigationipad .details { padding:0; height:103px; position:relative;}
	.MainNavigationipad .classifyNav { position:absolute; z-index:200; width:600px; height:auto; left:5%; top:10px; font-size:15px;}
	.MainNavigationipad .classifyNav p { padding-bottom:5px;}
	.MainNavigationipad img { width:100%;}
	.MainNavigationipad .classifyNav .RipprNav { width:140px; color:#fff; position:absolute; left:0; top:0; z-index:2000; text-align:center; height:166px; color:#858689;}
	.MainNavigationipad .classifyNav .ConverNav { width:160px; color:#fff; position:absolute; left:160px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689; }
	
	.MainNavigationipad .classifyNav .YoutuNav { width:160px; color:#fff; position:absolute; left:340px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689;}
	.MainNavigationipad .classifyNav .pic { width:100px; margin:0 auto;}
	.MobileNavoff, .MobileNavon { width:90px; position:absolute; z-index:1000000; right:0; top:0;}
	.MobileNavon { z-index:100000;}
	.MobileNavoff img, .MobileNavon img { width:100%;}
	
	.mobileSoftMenu{ width:750px; padding:10px 0 0; z-index:999; background-color:#34363d;filter:alpha(opacity=97);-moz-opacity:0.97;-khtml-opacity: 0.97; opacity: 0.97; position:absolute; right:0; top:103px;}
	.mobileSoftMenu .mobileMenuOne{ margin:0 40px; background:url(../mobile-images/index/mlongline.png) no-repeat center bottom; }
	.mobileSoftMenu .mobileMenulast{ background:none;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic{ float:left; padding:20px 40px 0 10px;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuText{}
	.mobileMenuOne .mobileMenuText .mobileT{padding:10px 0;}
	.mobileMenuOne .mobileMenuText .mobileT a{ color:#96d224; font-size:19px;}
	.mobileMenuOne .mobileMenuText p{ color:#aab0c2; font-size:15px;}
	.mobileMenuOne .mobileFor{ padding:15px 0 0 130px;}
	.mobileMenuOne .mobileFor a{ color:#08ceff; text-decoration:underline; font-size:17px;}
	.mobileMenuOne .mobileFor img.mobile_fortwo{ display:inline-block; padding-left:50px;}
	.mobileSoftMenu .mobileMenuBtn{background:url(../mobile-images/index/mlongline.png) repeat-x left top,url(../mobile-images/index/mshotline.png) no-repeat center; padding:25px 0 15px 50px;}
	.mobileMenuBtn a{ color:#fff; font-size:23px; padding:15px 0 15px 100px; width:148px; line-height:28px; display:inline-block; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	.mobileMenuBtn a:hover{ text-decoration:none;}
	.mobileMenuBtn a.re{ background:url(../mobile-image/nav-style/2.png) no-repeat 23px 10px #90cb25;}
	.mobileMenuBtn a.blo{ background:url(../mobile-image/nav-style/1.png) no-repeat 30px 10px #90cb25; padding-left:120px; width:128px; margin-left:88px;}
	
	.mobileMenu_bf{ text-align:center; padding:25px 0 15px 0;}
	.mobileMenu_bf a{ display:inline-block; padding:15px 30px; color:#fff; font-size:23px; border-radius:5px; background-color:#ffba0d;}
	.mobileMenu_bf a{text-decoration:none;}
}


@media (max-width: 767px) {
	.details { width:100%; padding:0; }  
	.MainNavigation { display:none ;}
	.MainNavigationipad { background:#2b2d33; width:100%;}
	.MainNavigationipad .details { padding:0; height:91px; position:relative;}
	.MainNavigationipad .classifyNav { position:absolute; z-index:200; width:500px; height:auto; left:0; top:10px; font-size:12px;}
	.MainNavigationipad .classifyNav p { padding-bottom:5px;white-space: nowrap;}
	.MainNavigationipad img { width:100%;}
	.MainNavigationipad .classifyNav .RipprNav { width:100px; color:#fff; position:absolute; left:0; top:0; z-index:2000; text-align:center; height:166px; color:#858689;}
	.MainNavigationipad .classifyNav .ConverNav { width:120px; color:#fff; position:absolute; left:110px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689; }
	
	.MainNavigationipad .classifyNav .YoutuNav { width:130px; color:#fff; position:absolute; left:230px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689;}
	.MainNavigationipad .classifyNav .pic { width:100px; margin:0 auto;}
	
	.MobileNavoff, .MobileNavon { width:80px; position:absolute; z-index:1000000; right:0; top:0;}
	.MobileNavon { z-index:100000;}
	.MobileNavoff img, .MobileNavon img { width:100%;}
	
	.mobileSoftMenu{ width:100%; padding:10px 0 0; z-index:10000; background-color:#34363d;filter:alpha(opacity=97);-moz-opacity:0.97;-khtml-opacity: 0.97; opacity: 0.97; position:absolute; right:0; top:91px;}
	.mobileSoftMenu .mobileMenuOne{ margin:0 10px; background:url(../mobile-images/index/mlongline.png) no-repeat center bottom; }
	.mobileSoftMenu .mobileMenulast{ background:none;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic{ float:left; padding:10px 20px 0 10px;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuText{}
	.mobileMenuOne .mobileMenuText .mobileT{padding:10px 0;}
	.mobileMenuOne .mobileMenuText .mobileT a{ color:#96d224; font-size:17px;}
	.mobileMenuOne .mobileMenuText p{ color:#aab0c2; font-size:13px;}
	.mobileMenuOne .mobileFor{ padding:15px 0 0 110px;}
	.mobileMenuOne .mobileFor a{ color:#08ceff; text-decoration:underline; font-size:13px;}
	.mobileMenuOne .mobileFor img.mobile_fortwo{ display:inline-block; padding-left:50px;}
	.mobileSoftMenu .mobileMenuBtn{background:url(../mobile-images/index/mlongline.png) repeat-x left top,url(../mobile-images/index/mshotline.png) no-repeat center; padding:25px 0 15px 20%;}
	.mobileMenuBtn a{ color:#fff; font-size:17px; padding:10px 0 10px 30px; width:108px; line-height:24px; display:inline-block; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	.mobileMenuBtn a:hover{ text-decoration:none;}
	.mobileMenuBtn a.re{ background:#90cb25;}
	.mobileMenuBtn a.blo{ background:#90cb25; margin-left:58px; padding-left:45px; width:90px;}
	
	.mobileMenu_bf{ text-align:center; padding:25px 0 15px 0;}
	.mobileMenu_bf a{ display:inline-block; padding:10px 15px; color:#fff; font-size:17px; border-radius:5px; background-color:#ffba0d;}
	.mobileMenu_bf a{text-decoration:none;}
	
}

@media  (max-width: 479px) {
	.details { width:100%; padding:0; }	
	.MainNavigation { display:none;}
	.MainNavigationipad { background:#2b2d33; width:100%;}
	.MainNavigationipad .details { padding:0; height:61px; position:relative;}
	.MainNavigationipad .classifyNav { position:absolute; z-index:200; width:300px; height:auto; left:0; top:0px; font-size:11px;}
	.MainNavigationipad .classifyNav p { padding:0;}
	.MainNavigationipad img { width:100%;}
	.MainNavigationipad .classifyNav .RipprNav { width:80px; color:#fff; position:absolute; left:0; top:0; z-index:2000; text-align:center; height:166px; color:#858689;}
	.MainNavigationipad .classifyNav .ConverNav { width:100px; color:#fff; position:absolute; left:90px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689; }
	
	.MainNavigationipad .classifyNav .YoutuNav { width:120px; color:#fff; position:absolute; left:200px; top:0; z-index:2000; text-align:center; height:166px; float:left; color:#858689;}
	
	.MobileNavoff, .MobileNavon { width:53px; position:absolute; z-index:1000000; right:0; top:0;}
	.MobileNavon { z-index:100000;}
	.MobileNavoff img, .MobileNavon img { width:100%;}
	.mobileSoftMenu{ width:100%; padding:10px 0 0; top:57px; background:#2b2d33; position:absolute; top:60px; right:0; z-index:10000;}
	.mobileSoftMenu .mobileMenuOne{ margin:0 10px; background:url(../mobile-images/index/mlongline.png) no-repeat center bottom; }
	.mobileSoftMenu .mobileMenulast{ background:none;}
	.mobileMenuPic { width:60px; margin-bottom:50px;}
	.mobileMenuPic img { width:100%; }
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic { float:left; padding:10px 10px 0 10px;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuText{}
	.mobileMenuOne .mobileMenuText .mobileT{padding:10px 0;}
	.mobileMenuOne .mobileMenuText .mobileT a{ color:#96d224; font-size:15px;}
	.mobileMenuOne .mobileMenuText p{ color:#aab0c2; font-size:13px;}
	.mobileMenuOne .mobileFor{ padding:15px 0 0 10px; }
	.mobileMenuOne .mobileFor a{ color:#08ceff;  text-decoration:underline; font-size:13px;}
	.mobileMenuOne .mobileFor img.mobile_fortwo{ display:inline-block; padding-left:30px;}
	.mobileSoftMenu .mobileMenuBtn{background:url(../mobile-images/index/mlongline.png) repeat-x left top,url(../mobile-images/index/mshotline.png) no-repeat center; padding:25px 0 15px 50px;}
	.mobileMenuBtn a{ color:#fff; font-size:15px; padding:5px 0 5px 30px; width:88px; line-height:20px; display:inline-block; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	.mobileMenuBtn a:hover{ text-decoration:none;}
	.mobileMenuBtn a.re{ background:#90cb25;}
	.mobileMenuBtn a.blo{ background:#90cb25; margin-left:28px; padding-left:30px; width:88px;}
	
	.mobileMenu_bf{ padding:20px 0 10px 0;}
	.mobileMenu_bf a{ padding:8px 13px; font-size:15px;}
}