@charset "utf-8";

/*header部分*/

.container #header-container{position: absolute;z-index: 2;width: 100%;top: 0; background:#fff;  box-shadow:0 0 5px 2px rgba(0,0,0,.2);}

.bg-white{background:#fff;}

.container #header-container .head-wrap{font-size: 14px;font-family: Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif;position: relative;}

.container #header-container .head-wrap a:hover{color: #31a5e7;}

.container #header-container .head-wrap .head{width: 100%;padding: 0 20px;position: relative;}

/*01_logo*/

.head .logo{

	display: inline;

	float: left;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 30px;

	padding-top: 20px;

}

.head .logo a{color: #515151;}

.head .logo .logo-img{width: 260px;height: 50px;display: block;background: url(../img/logo.png) center center no-repeat;}

/*02_user*/

.head .user{display: inline;float: right;padding: 32px 12px 0 30px;text-align: right;font-size: 12px;position: relative;z-index: 105;}

.head .user .user-img{position: relative;cursor: pointer;z-index: 3;}

.head .user:hover .user-box,.head .user:hover .user-dropdown{display: block;}

.head .user .user-img img{margin-right: 14px;margin-top: -1px;width: 22px;height: 22px;border-radius: 50%;}

.head .user .user-img .arrow-bg{z-index: 998; border-color: #999 transparent transparent;border-style: solid dashed dashed;border-width: 6px;left: 27px;}

.head .user .user-img span{position: absolute;overflow: hidden;display: inline-block;border-width: 5px;left: 28px;top: 7px;}

.head .user .user-box{display: none;border: solid 1px #ccc;border-bottom: 0;border-top: solid 3px #1395E4;position: absolute;height: 78px;width: 60px;top: 0;right: 0;background-color: #fff;z-index: 2;}

.user .user-trigger .user-dropdown{display: none;position: absolute;right: 0;z-index: 1;width: 155px;background-color: #fff;top: 80px;padding: 20px;border: solid 1px #ccc;box-sizing: border-box;}

.user-dropdown li:first-child{margin-top: 0px;}

.user-dropdown li{font-size: 12px;text-align: left;display: block;margin: 15px auto;}

.user-dropdown li .button.center{margin: auto;display: block;padding: 8px 30px;color: #fff;background-color: #3db1fa;}

.user-dropdown li .button:hover{background-color: #3da1fa;color: #fff!important;}

.user-dropdown li a{position: relative;z-index: 4;}

.user-dropdown .signup-help a{color: #21A9E7;}

/*03_links*/

.head .links{display: inline;float: right;overflow: hidden;white-space: nowrap;}

.head .links li{display: inline;float: left;}

.head .links li a{color: #333;display: block;padding: 31px 20px 30px;line-height: 21px;transition: color .1s linear;}

/*产品系列*/

.head-sub{display: none;}

.head-sub{z-index: 100;position: absolute;left: 0;top: 65px;background-color: #fff;min-width: 100%;overflow: hidden;}

.head-sub-wrap{width: 1280px;margin: 0 auto;}

.head-sub ul{overflow: hidden;padding: 5px 0 0 390px;margin: 0;list-style: none;}

.head-sub li{float: left;text-align: center;padding: 0;margin: 0;list-style: none;opacity: 1;}

.head-sub a{font-size: 12px;width: 125px;height: 120px;color: #666;white-space: nowrap;display: block;padding: 0 11px 11px;cursor: pointer;position: relative;z-index: 99;}

.head-sub a i{display: block;width: 100%;height: 85px;margin-bottom: 15px;background-repeat: no-repeat;background-position: center bottom;}

.head-sub a span{position: absolute;top: 0;left: 0;display: block;height: 127px;width: 147px;opacity: .01;background-color: #fff;}

/*导航栏样式*/

.bg-white {display: none;position: absolute;z-index: 998;width: 100%;height: 60px;background-color: #fff;}

.nav {

	float: right;

	margin-right: 200px;

	color: #000;

}

.nav-item {float: left;position: relative; }

.nav-item a {

	height: 90px;

	line-height: 90px;

	font-size: 16px;

	padding-top: 20px;

	padding-right: 35px;

	padding-bottom: 0;

	padding-left: 30px;

	font-weight: 500;

}

.nav form{

	display: block;

	float: right;

	margin: 30px 0 0 10px;

	font-family: "微软雅黑";

}

.nav form input{

  display: block;

  float: left;

  height: 32px;

}

.nav form input[type='text']{

	width: 180px;

	background: white;

	line-height: 30px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #e3e3e3;

	margin-left: 50px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

}

.nav form input[type='submit']{

  width: 32px;

  cursor: pointer;

  overflow: hidden;

  text-indent: -9999px;

  border: 0;

  background:#08a058 url(../img/s.png) center center no-repeat;

}

.nav-item a:hover {color: rgb(49, 165, 231); }

.sub-nav {

	overflow: hidden;

	position: absolute;

	left: 0;

	top: 90px;

	z-index: 999;

	width: 100%;

	background-color: rgba(0,0,0,.5);

}

.sub-nav_wrap {position: absolute;left: 0;top: 0;display: none;}

.sub-nav_wrap[data-link="nav_iphone"] {padding-left: 23%;}

.sub-nav_wrap[data-link="nav_subIphone"] {padding-left: 29%;}

.sub-nav_wrap[data-link="nav_voice"] {padding-left: 49%;}

.sub-nav_wrap[data-link="nav_parts"] {padding-left: 53%;}

.sub-nav a {float: left;width: 140px;padding-top: 14px;text-align: center;color: #fff;}

.sub-nav a:hover {color: #dedede;}

.sub-nav a img {display: inline-block;height: 80px;}

.sub-nav a span {display: block;padding-top: 18px;font-size: 12px;}/* CSS Document */