﻿body { margin:0; padding:0; font:13px/21px Verdana, Arial, sans-serif; color:#333; text-align:justify;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none; }
.clear { clear:both;}
.details { width:1090px; padding:5px; margin:0 auto;}
img{ vertical-align:middle;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; list-style:none; font-weight:400;}

.DisRight { margin-right:10px;}
.DisLeft { margin-left:10px;}
.DisLeftIndex { margin-left:40px;}
.button { padding:5px 0;}
.button img { margin-right:20px;}
.leftfloat { float:left;}
/*************************/
a { color:#00d0f5; text-decoration:none;}
a:hover { color:#4f86eb; text-decoration:underline;}
/*************************/
.ReleaseButton { padding:5px 5px 5px 15px;  width:240px; height:23px;  line-height:23px;  cursor:pointer; font-size:15px; -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;     /* W3C syntax */  }
.Grayness { width:160px; padding:2px 10px; height:23px; margin:13px 0; cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */   }
.IndexPush {  cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ font-size:19px; font-weight:bold; }
/*************************/
.MainFoot { background:#1f222a; color:#767f86; text-align:center;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#767f86; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*************************/

.nav_bg{ background-color:#232426;color:#c8c9cd; font-size:13px;}
.nav_content{ width:1090px; height:52px; margin:0 auto;}
.nav_content .logo{ float:left; padding:5px 30px 0 0;}
.nav_content .nav_box{ float:left;position:relative;height:52px; }
.nav_box .nav_bar{ float:left; width:93px; margin-right:33px; }
.nav_bar > a{ color:#c8c9cd; font-size:14px; font-weight:bold; height:37px; display:block; padding:15px 0 0 0; text-align:center; cursor:pointer;}
.nav_bar:hover,.nav_bar > a.focus{ color:#20b7ff; text-decoration:none; background:url(../icon/s.png) no-repeat center top;}
.nav_bar:hover > a{color:#20b7ff;}
.nav_bar > a:hover{text-decoration:none; color:#20b7ff;}
.nav_bar:hover .menu_content{display:block;} 
.nav_bar .menu_content{ background-color:#232426; display:none; z-index:10000; position:absolute; left:0; top:52px; width:725px; padding:35px 46px 0 46px;}  /*      */

.menu02{ background:url(../icon/line.jpg) no-repeat center bottom; padding:20px 0;}
.menu02 > img{float:left; padding-right:15px;}
.menu02 .txt{ float:left; width:610px;}
.menu02 .txt a{ color:#08ceff; font-size:15px;}
.menu02 .txt p{ color:#8f9092; padding-top:6px; line-height:18px;}
.menu02 .btn{ float:right; padding-top:20px;}
.menu02 .btn span { color:#FFF; background:url(../icon/lreanmoreicon.png) 10px 10px no-repeat #0db6ff; padding:6px 0 8px 50px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:100px;  font-size:19px; font-weight:bold; font-size:15px; font-weight:400; display:block; font-weight:normal!important; }
.menu02 .btn span:hover { background:url(../icon/lreanmoreicon.png) 10px 10px no-repeat #31c1ff; font-weight:normal;}
.menu02_last{text-align:center; padding:35px 0 15px; font-size:15px; color:#fff;}
.menu02_last a{display: inline-block; padding:3px 20px; color:#20b9ff; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; border:1px solid #21b8ff;}
.menu02_last a:hover{ color:#fff; background-color:#21b8ff; text-decoration:none;}

.store_icon img{ margin:0 40px;}
.menu03{ background:url(../icon/line.jpg) no-repeat center bottom; padding:20px 0;}
.menu03 > img{float:left; padding-right:15px;}
.menu03 .txt{ float:left; width:610px;}
.menu03 .txt a{ color:#08ceff; font-size:15px;}
.menu03 .txt p{ color:#8f9092; padding-top:6px; line-height:18px;}
.menu03 .btn{ padding-top:20px;}
.menu03 .btn .price{ float:left; width:470px; font-size:15px; color:#e6e7e9;}
.menu03 .btn .price del{ color:#8f9092;}
.menu03 .btn .price i{ font-style:normal; display:inline-block; padding-left:20px;}
.menu03 .btn .price var{font-style:normal; color:#ff0100; font-size:19px;}
.menu03 .btn span { color:#FFF; background:url(../icon/buyicon.png) 10px 6px no-repeat #ffb70d; padding:6px 0 8px 50px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:90px;  font-size:19px; font-weight:bold; font-size:17px; font-weight:400; display:block; font-weight:normal!important; }
.menu03 .btn span:hover { background:url(../icon/buyicon.png) 10px 6px no-repeat #fdc84b; font-weight:normal;}

.menu_three{padding:35px 46px 40px!important; background:url(../icon/linecross.png) no-repeat center;}
.menu04{ float:left; width:345px;}
.menu042{ padding-left:30px;}

.menu04 > img{float:left; padding:60px 15px 0 0;}
.menu04 .txt{ float:left; width:235px; padding:36px 0 20px 0;}
.menu04 .txt a{ color:#08ceff; font-size:15px; }
.menu04 .txt p{ color:#8f9092; padding-top:6px; line-height:18px;}
.menu04 .btn { padding-top:20px;}
.menu04 .btn span { color:#FFF; background:url(../icon/lreanmoreicon.png) 14px 10px no-repeat #0db6ff; padding:6px 0 8px 50px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; width:100px;  font-size:19px; font-weight:bold; font-size:15px; font-weight:400; display:block; font-weight:normal!important; }
.menu04 .btn span:hover { background:url(../icon/lreanmoreicon.png) 14px 10px no-repeat #31c1ff; font-weight:normal;}

.nav_more{float:right;color:#c8c9cd;}
.nav_more a{color:#c8c9cd; display:inline-block; margin-top:15px;font-size:14px; font-weight:bold; height:18px; line-height:18px;}
.nav_more a:hover{ text-decoration:none; color:#20b7ff;}
.nav_more a.sup{ background:url(../icon/sicon.png) no-repeat 0 center; display:inline-block; padding-left:25px;}
.nav_more a.sup:hover{background:url(../icon/sicons.png) no-repeat 0 center;}
.nav_more a.com{ background:url(../icon/cicon.png) no-repeat 0 center; display:inline-block; padding-left:25px; margin-left:20px;}
.nav_more a.com:hover{background:url(../icon/cicons.png) no-repeat 0 center;}

/*************************/
  /*mobile*/
.MainSoft .mobileSoftRight,.MainSoft .mobileSoftMenu{display:none;}
.mobileNo{display:block;} 

@media (max-width: 979px) {
	.mobileNo{display:none;} /*不要删掉了*/
	.nav_bg{ display:none;}
	.MainSoft .mobileSoftRight,.MainSoft .mobileSoftMenu{display:block;}
	.mobileSoftMenu{ text-align:left;}
	/*menu 导航菜单*/
	.MainSoft { height:103px; background:#2f3033;}
	.MainSoft .SoftTab { height:100px; position:relative;}
	.mobileSoftRight{ width:90px;float:right; position:relative;}
	.mobileSoftRight .rightPic{ position:absolute; top:0; width:100%; z-index:999; cursor:pointer;}
	.mobileSoftRight .rightPic > img{ width:100%; max-width:114px;}
	/*---*/
	.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:#fff; font-size:24px;}
	.mobileMenuOne .mobileMenuText p{ color:#aab0c2; font-size:19px;}
	.mobileMenuOne .mobileFor{ padding:15px 0;}
	.mobileMenuOne .mobileFor a{ color:#08ceff; text-decoration:underline; font-size:21px;}
	.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:15px 0 15px 50px;}
	.mobileMenuBtn a{ color:#fff; font-size:33px; padding:15px 0 15px 100px; width:178px; line-height:35px; 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-images/index/mbook.png) no-repeat 33px 10px #31c1ff;}
	.mobileMenuBtn a.blo{ background:url(../mobile-images/index/mlog.png) no-repeat 60px 10px #31c1ff; padding-left:130px; width:148px; margin-left:88px;}
	/*menu 导航菜单*/
}

@media (max-width: 767px) {
	/*menu 导航菜单*/
	.MainSoft { height:92px;}
	.mobileSoftRight{ width:80px;}
	/*---*/
	.mobileSoftMenu{ width:460px; padding:10px 0 0; top:92px;}
	.mobileSoftMenu .mobileMenuOne{ margin:0 2%;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic{ float:left; width:17%; padding:10px 2% 0 1%;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic > img{ width:100%;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuText{ width:80%; float:left;}
	.mobileMenuOne .mobileMenuText .mobileT a{font-size:19px;}
	.mobileMenuOne .mobileMenuText p{font-size:17px; line-height:18px;}
	.mobileMenuOne .mobileFor{ padding:10px 0;}
	.mobileMenuOne .mobileFor a{ font-size:15px;}
	.mobileMenuOne .mobileFor img.mobile_fortwo{ padding-left:20px;}
	.mobileSoftMenu .mobileMenuBtn{ padding-left:20px;}
	.mobileMenuBtn a{ font-size:25px; padding:15px 0 15px 80px; width:120px; line-height:30px;}
	.mobileMenuBtn a:hover{ text-decoration:none;}
	.mobileMenuBtn a.re{ background:url(../mobile-images/index/mbook.png) no-repeat 20px 10px #31c1ff;background-size:23%;}
	.mobileMenuBtn a.blo{ background:url(../mobile-images/index/mlog.png) no-repeat 40px 10px #31c1ff;background-size:20%; padding-left:100px; width:100px; margin-left:15px;}
	/*menu 导航菜单*/
	 
}

@media  (max-width: 479px) {
	/*menu 导航菜单*/
	.MainSoft { height:58px;}
	.mobileSoftRight{ width:50px;}
    .MainSoft .SoftTab{ height: 70px;}
	/*---*/
	.mobileSoftMenu{ width:365px; padding:10px 0 0; top:57px;}
	.mobileSoftMenu .mobileMenuOne{ margin:0 2%;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic{ float:left; width:15%; padding:10px 2% 0 1%; margin:10px 0;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuPic > img{ width:100%;}
	.mobileSoftMenu .mobileMenuOne .mobileMenuText{ width:82%; float:left;}
	.mobileMenuOne .mobileMenuText .mobileT{ padding:5px 0;}
	.mobileMenuOne .mobileMenuText .mobileT a{font-size:15px;}
	.mobileMenuOne .mobileMenuText p{font-size:14px; line-height:16px;}
	.mobileMenuOne .mobileFor{ padding:5px 0;}
	.mobileMenuOne .mobileFor > img{ width:15px;}
	.mobileMenuOne .mobileFor a{ font-size:13px;}
	.mobileMenuOne .mobileFor img.mobile_fortwo{ padding-left:5px;}
	.mobileSoftMenu .mobileMenuBtn{ padding-left:25px;}
	.mobileMenuBtn a{ font-size:21px; padding:12px 0 12px 50px; width:100px; line-height:20px; }
	.mobileMenuBtn a:hover{ text-decoration:none;}
	.mobileMenuBtn a.re{ background:url(../mobile-images/index/mbook.png) no-repeat 10px 8px #31c1ff;background-size:22%;}
	.mobileMenuBtn a.blo{ background:url(../mobile-images/index/mlog.png) no-repeat 30px 8px #31c1ff;background-size:18%; padding-left:65px; width:85px; margin-left:15px;}
	/*menu 导航菜单*/
		
}