body,html {
	font: 14px/2em microsoft yahei,arial,verdana,helvetica,sans-serif;
	background-color: #fff;
	color: #333
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}
li,ul {
	list-style: none
}
a{
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}
input:focus,textarea:focus,.contact_txtbox input:focus,.contact_txtbox textarea:focus{
	border:1px solid #0080d5;
}
.fl {
	float: left
}
.fr {
	float: right
}
.mid {
	width: 1190px;
	margin: 0 auto;
	overflow: hidden;
}
img {
	border: 0
}
.headbox{
	width: 1200px;
	margin:0 auto;
	padding: 15px 0px;
	overflow: hidden;
}
.head{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
.logo{
	width: 128px;
	height: 54px;
	float: left;
}
.logo img{
	width: 128px;
	height: 54px;
}
.l_box{
	border-left: 1px solid #e6e6e6;
	margin-left: 10px;
	padding-left: 15px;
	float: left;
}
.l_top{
	color: #0065b3;
	height: 30px;
	font-size:26px;
	font-weight: normal;
}
.l_bot{
	color: #999;
	font-size:14px;
	height: 20px;
	line-height: 20px;
}
.r_box{
	float: right;
}
.iphone{
	width:62px;
	height: 62px;
	float:left;
}
.dhuabox{
	padding-left: 10px;
	float: left;
}
.zxuntext{
	font-size:16px;
	color: #666;
	line-height:30px;
	height:30px;
}
.dhuatext{
	font-size:24px;
	font-weight: bold;
	color: #333;
	height: 32px;
	line-height: 32px;
}
.navbox{
	width: 100%;
	margin:0 auto;
	height: 48px;
	background: #0080d5;
}
ul.nav{
	width: 1200px;
	margin:0 auto;
	display: flex;
}
ul.nav li.navlist{ 
	text-align: center;
	padding: 0px 5px;
	height: 48px;
	line-height:48px;
	font-size: 16px;
	position: relative;
	width: 120px;
}
ul.nav li.navlist a,ul.nav li.navlist a:hover{
	display: inline-block;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
}
ul.nav li.current{
	background: #009dea;
}

ul.nav li a{
	color: #fff;
}
ul.nav li.navlist ul.twolist{
	width: 130px;
	background: #0080d5;
	position: absolute;
	left: 0;
	top:44px;
	z-index: 9999;
	display: none;
}
ul.nav li.navlist:hover ul.twolist{
	width: 130px;
	background: #0080d5;
	position: absolute;
	left: 0;
	top:44px;
	z-index: 9999;
	display: block;
}

ul.twolist li{
	text-align: center;
	height: 48px;
	line-height: 48px;
	width: 100%;
	font-size:14px;
}
ul.twolist li:hover{
	background: #009dea;
}
ul.twolist li a span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90px;
	display: block;
	height: 48px;
	line-height: 48px;
	float: left;
	padding-left: 5px;
}
i.arrow{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:4px;
    height:4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
}
.bannerbox{
	width: 100%;
	height: 480px;
}
ul.banner{
	height: 100%;
    position: relative;
    width: 100%;
}
ul.banner li{
	width: 100%;
	height:480px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	z-index: 10;
}
ul.banner li img{
	width: 100%;
	height: 480px;
}
.banner .d2 {
    width: 100%;
    height: 30px;
    clear: both;
    position: absolute;
    z-index: 100;
    left: 0px;
    bottom: 10px;
}
.banner .d2 ul {
    float: left;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -96px;
    display: inline;
}
.banner .d2 li {
    width: 16px;
	height: 16px;
	border-radius: 16px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin: 0 3px;
    display: inline;
}
.banner .d2 ul li.nuw {
    background: #0080d5;
}

.ibox{
	bottom: 50px;
	left: 50%;
	margin-left: -50px;
	text-align: center;
	position: absolute;
	z-index: 100;	
}
.ibox span{
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	cursor: pointer;
	background: #fff;
}
.ibox span.current{
	background: #0080d5;
}

.bg0{ 
	width: 100%; 
	margin:0 auto;
}
.bg1{ 
	width: 100%; 
	margin:0 auto;
	background: #f5f5f5;
}
.boxcommon{
	width: 1200px; 
	margin:0 auto;
	overflow: hidden;
}
.titlebox{
	text-align: center;
	padding:20px 0;
}
.chinese{
	font-size:36px;
	color: #0080d5;
	font-weight: normal;
}
.englis{
	font-size:22px;
	color: #cfe4f2;
}

.friendlink{
	margin:0 auto;
	overflow: hidden;
}
.linktitle{
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	font-size:28px;
	color: #0080d5;
}
.linktitle h2,.linktitle h3{
	font-size:28px;
	font-weight: normal;
	color: #0080d5;
	display: inline-block;
}
.linktitle span{
	color: #cfe4f2;
	font-size: 24px;
}
.linkcont{
	padding:15px 0;
	overflow: hidden;
}
.linkcont a{
	border:1px solid #e6e6e6;
	display: inline-block;
	padding:0 10px;
	height: 32px;
	line-height:32px;
	color: #666;
	margin-right: 20px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.linkcont a:hover{
	color: #1c8ed9;
	border:1px solid #1c8ed9;
}

.bgblack{
	width: 100%;
	margin: 0 auto;
	background: #000;
	overflow: hidden;
}
ul.botlist{
	width: 750px;
	float: left;
}
ul.botlist li{
	width: 200px;
	padding-right: 50px;
	float: left;
	color: #fff;
}
.botlisttitle{
	height: 60px; 
	line-height: 60px;
	border-bottom: 1px solid #999;
	font-size:16px;
	text-align: left;
	color: #ccc;
}
.botlistext{
	height: 40px;
	line-height: 40px;
	font-size:14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.botlistext a{
	color: #999;
}
.botlistext a:hover{
	color: #fff;
}
.b_rightbox{
	width: 250px;
	float: left;
	padding-top:20px;			
}
.b_dianhua,.b_youjian,.b_dizhi{
	padding:5px 0px;
	overflow: hidden;
	color: #ccc;	
	line-height: 40px;	
}
.b_dianhua i,.b_youjian i,.b_dizhi i{
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 5px;	
	background-size:100% 100%;
}
i.dianhua{
	background-image: url(../image/dianhua.png);
}
i.youjian{
	background-image: url(../image/youjian.png);
}
i.dizhi{
	background-image: url(../image/dizhi.png);
}
.ewmbox{
	width: 150px;
	float: right;
	padding-top: 20px;
}
.ewmbox img{
	width: 150px;
	height: 150px;
}
.ewmtext{
	font-size:14px;
	color: #ccc;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.spacing{
	padding:20px 0px;
}
.footer{
	height: 60px;
	line-height: 30px;
	width: 1200px;
	margin:0 auto;
	font-size:14px;
	color: #999;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
span.l_foot{
	display: inline-block;
}
.footer a{
	color: #999;
	padding:0 10px;
}

/*面包屑搜索*/
.breadbox{
	width: 1200px;
	margin:0 auto;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.breadbox a{
	color: #666;
	display: inline-block;
}
.breadbox h1,.breadbox a h1{
	font-size:14px;
	color: #666;
	display: inline-block;
	font-weight: normal;
}
/*page*/
.pagebox{
	margin:0 auto;
	overflow: hidden;
	text-align: center;
}
ul.pages{
	padding:30px 10px;
	overflow:hidden;
	text-align:center;
	display: inline-block;
	
}
ul.pages li{
	display: inline-block;
}
ul.pages li a{
	border:1px solid #e6e6e6;
	color:#666;
	display:inline-block;
	padding:2px 12px;
	margin:0 3px;
	font-size:14px;
}
ul.pages li .current{
	background:#0080d5;
	color:#fff;
	pointer-events:none;
}	
ul.pages li:hover{
	background:#f6f6f6;
	text-decoration:none;
}
.tishi{
	display: inline-block;
	font-size:14px;
	color: #999;
	position: relative;
	top: -40px;
}

/*热门推荐*/
.hot_recbox{
	margin:0 auto;
	overflow: hidden;
}
.hot_rectitle{
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #333;
	font-weight: bold;
}
.hot_rectitle h2,.hot_rectitle h3{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	display: inline-block;
}
.hot_rectitle i{
	width: 3px;
	height: 20px;
	float:left;
	background: #0080d5;
	position: relative;
	top:15px;
	margin-right: 10px;
}

/*zhankai*/
.open{
	width:78px;
	padding-left:10px;
	border:1px solid #e6e6e6;
	color: #666;
	text-align: center;
	float: right;
	cursor: pointer;
}
.open:hover{
	border:1px solid #0080d5;
	color: #0080d5;
}
.open i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 5px;
}
.open:hover i{
	display: inline-block;
    margin-bottom: 2px;
    border-top: 1px solid #0080d5;
    border-right: 1px solid #0080d5;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width:8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: 5px;
}
/*客服*/
	.float {position: fixed; top: 180px; right: 0px; _position: absolute; z-index: 9999;}
	.float a {color: #0080d5;  text-decoration:none;}
	.float a:hover {color: #0080d5; text-decoration:none;}
	.float .floatL {position: relative; width: 34px; float: left; z-index: -1;}
	.float .floatL a { text-indent:-9999px; display: block; font-size:0;}
	.float .cn { background:#0080d5; border-radius:3px;}
	.float .floatR { width: 130px; float: left; overflow:hidden;}
	.float .cn {}
	.float .cn ul.hying { padding:0 10px 10px 10px;margin: 0px;}
	.float .cn ul.hying li {  overflow:hidden; word-break: normal;}
	.float .titZx { height:36px; line-height: 36px; color:#fff; text-align:center; font-size:13px; margin: 0px;}
	ul.consultation{ padding:0 5px; background:#fff; border-radius:3px; font-size:12px;}
	ul.consultation li.online{ border-bottom:1px solid #95c7e9; height:22px; line-height:22px; padding-top: 10px; color:#888; padding-left: 5px;}
	i.on-line{ width:16px; height:16px; background-position:0px -125px; position:relative; top:3px; margin-right:5px;}
	ul.consultation li.txqq{line-height:40px;height:40px; border-bottom:1px dashed #eee; color:#ff6600; text-align: center; font-weight: bold;}
	i.on-qq{ width:20px; height:20px; background-position:-54px -125px; position:relative; top:5px; margin-right:5px;}
	i.on-iphone{ width:14px; height:18px; background-position:-28px -125px; position:relative; top:5px; margin-right:10px;}
	ul.consultation li.iphone-number{ font-size:13px; font-weight:bold; color:#0080d5; text-align:center; height:40px; line-height:40px;}
	.float .btnOpen {background:url(../image/iconkf.png) no-repeat;}
	.float .btnCtn {background:url(../image/iconkf.png) no-repeat;}
	.float .btnOpen {background-position: -50px 0px;}
	.float .btnCtn {background-position: 0px 0px;}
	.float .btnOpen {position: relative; width: 34px; height: 118px; top: 80px; left: 2px}
	.float .btnCtn {position: relative; width: 34px; height: 118px; top: 80px; left: 2px}
	.float .btnOpen {top:32px; left: 1px;}
	.float .btnCtn {top:32px; left: 2px;}	
	.iconkf{background:url(../image/iconkf.png) no-repeat; display: inline-block;}
	ul.consultation li.wxsm{ width: 100px; }
	ul.consultation li.wxsm div.ewmimg{ width: 100px; height: 100px; text-align: center; }
	ul.consultation li.wxsm div.ewmimg img{ width: 100px; height: 100px; }
	ul.consultation li.wxsm div.ewmtext{ height: 30px; line-height: 30px; font-size: 12px; color:#0080d5; text-align: center; font-weight: bold;}

	ul.hy88{
	list-style: none;
}
ul.hy88 li{ color: #666; font-size: 16px; }
ul.hy88_area,ul.hy88_brand,ul.hy88_productname,ul.hy88_phone,ul.hy88_mobile{
	
}
ul.hy88_area{ width: 100%; overflow: hidden; padding-bottom: 10px; }
ul.hy88_brand,ul.hy88_productname,ul.hy88_phone,ul.hy88_mobile{
	width: 450px;
	float: left;
}
ul.hy88_area li,ul.hy88_brand li,ul.hy88_productname li,ul.hy88_phone li,ul.hy88_mobile li{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-right:10px;
	color: #666;
}
ul.hy88_brand li,ul.hy88_productname li,ul.hy88_phone li,ul.hy88_mobile li{
	overflow: hidden;
	width: 340px;
}
ul.hy88_brand li:nth-of-type(1),ul.hy88_productname li:nth-of-type(1),ul.hy88_phone li:nth-of-type(1),ul.hy88_mobile li:nth-of-type(1){
	width: 90px;
	float: left;
	color: #999;
}
ul.hy88_attribute{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 20px;
}
ul.hy88_attribute li{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-right:10px;
}
ul.hy88_attribute li.t{
	width: 90px;
	float: left;
	color: #999;
}
ul.hy88_attribute li.c{
	width: 340px;
	float: left;
	color: #666;
}