﻿@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,li,hr,table,form,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
html,body,img,ad{border:0;}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
textarea{overflow:auto;resize:none;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{
	font: 12px/1.14 "微软雅黑",\5b8b\4f53;
	color: #333;
	outline: 0;
	height: auto;
}
body{
	background: #fff;
	text-align: left;
}


input[type="radio"],input[type="checkbox"]{margin-right:3px;padding:0;vertical-align:-2px}
a{color:#333;}
a:hover{color:##1a89c8;}
.fl {float:left;}
.fr {float:right;}

#search_module {z-index:1000;position:absolute;width:75px;overflow:hidden;font-size:12px;line-height:20px;color:#666666;background:#FFFFFF;border:#CCCCCC 1px solid;border-top:none;}
#search_module a {display:block;height:20px;padding:1px 10px 1px 10px;color:#333333;}
#search_module a:hover {background:#E4F1F7;font-weight:bold;}

.h_city {background:url('../image/ico_arrow_d.gif') no-repeat right center;padding:0 10px 0 0;}
.h_fav {padding:0 6px 0 2px;}
.h_mobile {background:url('../image/ico_mobile.gif') no-repeat 0 center;padding:0 2px 0 12px;}
.h_cart {background:url('../image/ico_cart.gif') no-repeat 0 center;padding:0 6px 0 14px;}
.h_qrcode {background:url('../image/ico_qrcode.gif') no-repeat 0 center;padding:0 6px 0 14px;}

/*header*/
.InHead{
	width: 1260px;
	margin-top: 5px;
	box-shadow: 0 0 7px #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
}
.InHead .InTop{height: 50px;line-height: 50px;background: #f4f4f4;border-bottom: 1px solid #fff;}
.InHead .InTop img{margin-bottom:6px; float:left;margin-left:10px;margin-top: 8px;}
.InHead .InTop .topLeft{ float:right;width:610px;height:50px;}
.InHead .InTop .topLeft ul{float:left;width:145px;height:50px;margin-left:15px;}
.InHead .InTop .topLeft ul li{float:left; width:auto;}
.InHead .InTop .topLeft ul li a{text-align:center;}
.InHead .InTop .topRight{
	float: left;
	width: 700px;
	height: 40px;
}
.InHead .InTop .topRight .Bansearch{float:right;line-height:50px;margin-left:45px;width:360px;}
.InHead .InTop .topRight .t{float:left;line-height:30px; margin-right:30px; margin-top:20px; font-size:16px; font:"微软雅黑";width:auto;}
/*topbox*/
.InHead .topbox{height:75px;width:1260px;margin-top:5px;}
.InHead .topbox .logo{width:245px; height:75px; float:left; margin-right:6px;background: #003b68;}
.InHead .topbox .f_l{float:left; width:73px; margin-right:6px;box-shadow: 3px 3px 7px #ccc;}
.InHead .topbox .f_r{float:right; width:325px;box-shadow: 3px 3px 7px #ccc;}
/*.InHead .topbox .f_l_ny {float:left; width:698px;box-shadow: 3px 3px 7px #ccc;margin-right:6px;}
.InHead .topbox .f_r_ny img{float:right; width:350px; border:none;box-shadow: 3px 3px 7px #ccc;}*/
/*topnav*/
.InHead .topnav{
	height: 55px;
	width: 1260px;
	margin-top: 5px;
	background: #003b68;
}
.InHead .topnav .menu_r{float:left; border:none; width:100px; height:55px;}
.InHead .topnav .menu{
	float: left;
	width: 1260px;
	height: 50px;
	line-height: 50px;
}
.InHead .topnav .menu ul{
	width: 1252px;
	height: 50px;
	float: left;
	font-size: 15px;
	margin-left: 8px;
}
.InHead .topnav .menu ul a{color:#fff; font-weight:bold;display: block;padding: 0 10px 0 10px;color: #fff;text-align:center;}
.InHead .topnav .menu ul li{width:90px;float:left;display: inline-block;padding-top:6px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;}
.InHead .topnav .menu ul li a:hover {
	color:#003b68;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	background-color: #fff;
} 
/*chip__user*/
.user{background:url('../images/user_bg.gif') no-repeat;width:300px;font-size:12px;line-height:normal}
.user_login{padding:15px 0 10px 25px}
.user_input{border:#8DB2E3 1px solid;padding:3px 0 4px 3px;width:90px;color:#666666}
.user_tip{margin:0 20px 0 20px;padding:0 0 5px 5px;border-bottom:#EEEEEE 1px solid;font-weight:bold;color:#333333}
.user_reg{padding:5px 0 0 20px}
.user_reg_c{padding:5px 0 10px 10px}
.user_can{padding:10px 10px 0 10px;text-align:center;color:#1B4C7A}
.user_can td{padding:6px 0 10px 0;background:url('../images/user_can.gif') no-repeat center 0}
.user_wel{padding:18px 0 10px 45px;font-weight:bold;font-size:14px;background:url('../images/user_wel.gif') no-repeat 26px 18px}
.user_do{padding:0 10px 0 10px;text-align:center}
.user_do td{padding:6px 0 11px 0;background:url('../images/user_can.gif') no-repeat center 0}
.user_foot{height:10px;line-height:10px;font-size:1px;background:url('../images/user_bg.gif') no-repeat 0 bottom}
.user_warn{padding:5px;margin:0 10px 0 10px;border:#FFC600 1px solid;background:#FFFEBF;text-align:center;font-weight:bold}

/*table属性*/
.t_l{text-align:left;padding-bottom:3px}
.t_r{text-align:right;padding-bottom:1px}
.t_c{text-align:left;padding-bottom:3px}
.f_l{float:left}
.f_r{float:right}
.f_b{font-weight:bold}
.f_n{font-weight:normal}
.f_white{color:white}
.f_gray{color:#666666}
.f_orange{color:#FF6600}
.f_red{color:red}
.f_green{color:green}
.f_blue{color:blue}
.f_dblue{color:#225588}
.f_price{font-weight:bold;font-family:Arial;color:#FF0000}
.px10{font-size:10px}
.px11{font-size:11px}
.px12{font-size:12px}
.px13{font-size:13px}
.px14{font-size:14px}
.px15{font-size:15px}
.px16{font-size:16px}
.b5{height:5px;font-size:1px}
.b6{height:6px;font-size:1px}
.b8{height:8px;font-size:1px}
.b10{height:5px;font-size:1px}
.b15{height:15px;font-size:1px}
.pd3{padding:3px}
.pd5{padding:5px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.lh18{line-height:180%}
.ls1{letter-spacing:1px}
.c_p{cursor:pointer}
.c_b{clear:both}
.dsn{display:none}
.absm{vertical-align:middle}
a.b:link,a.b:visited,a.b:active{color:#225588;text-decoration:none}
a.b:hover{color:#FF6600}
/*box属性*/
.box_head{border:#DDDDDD 1px solid;border-bottom:none;height:39px;line-height:39px;overflow:hidden;padding:0 10px 0 10px; background:url(../images/box-tt.gif) repeat-x; margin-top:5px;}
.box_head strong{font-size:14px}
.box_body{border:#DDDDDD 1px solid;padding:6px 4px 6px 4px;*width:695px;}
.box_body li{height:30px;line-height:30px;overflow:hidden;}
/*btn属性*/
.btn{background:url('../images/btn.gif') no-repeat;height:24px;line-height:22px;width:50px;border:none;cursor:pointer;letter-spacing:3px}
.btn_1{background:url('../images/btn_1.gif') no-repeat;height:21px;line-height:21px;width:69px;padding-left:9px;border:none;cursor:pointer}
.btn_2{background:url('../images/btn_2.gif') no-repeat;height:21px;line-height:21px;width:69px;padding-left:9px;border:none;cursor:pointer}
/*返回顶部*/
.back2top{width:58px;height:58px;position:fixed;_position:absolute;left:50%;margin-left:500px;bottom:100px;_bottom:auto;cursor:pointer;display:none}
.back2top a{display:block;width:100%;height:100%;background:url('../images/back2top.png') no-repeat}
.back2top a:hover{background:url('../images/back2top.png') no-repeat -58px 0}
/*footer*/
.foot{
	width: 1260px;
	height:250px;
	box-shadow: 0 0 7px #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	clear:both;
}
.foot .foot_db{margin:0 auto;	text-align:center;	color:#666;	width:1260px;height:37px; line-height:37px; background-color:#003b68; color:#fff	padding:10px 0; float:left;}
.foot .foot_db ul{float:left;width:700px;height:37px; line-height:37px;font-size:14px;margin-left:375px;text-align:center;}
.foot .foot_db ul li{float:left; width:85px;color:#fff;height:37px;}
.foot .foot_db ul li a{text-align:center;color:#fff;}
.foot .foot_db ul li a:hover{color: #1a89c8;}
.foot .foot_fw{
	width: 1260px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	float: left;
}
.foot .foot_bq{
	width: 700px;
	margin-top: 10px;
	float: left;
	height: 90px;
	line-height: 30px;
	text-align: center;
}
.foot .foot_ewm{height:100px; float:right; margin-right:150px;}
.foot .foot_ewm1{height:100px; float:left; margin-left:200px;}
.foot .foot_powered{
	margin-left: 380px;
	height: 52px;
	width: 500px;
	margin-top: 10px;
	float: left;
}
.foot .foot_gw{
	width: 230px;
	margin-left:550px;
	padding: 5px 0;
	height: 30px;
	float: left;
}
.foot .foot_gw p{height:20px;line-height:20px;margin: 10px 0px 0px 5px; color:#939393;}
.foot .foot_gw img{float:left; border:none;}
.foot .foot_db p { background-color:#003b68;height:37px; line-height:37px;}
.foot .foot_db p a{color:#fff;}
/*返回顶部*/
#elevator_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/icon_top.png) center center no-repeat;
	background-color: #d3d3d3;
	border-radius: 5px;
	box-shadow: 0 1px 3px #ccc;
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color:#d3d3d3;
}
#elevator_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	background: url(../images/icon_code.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#elevator_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	background: url(../images/code_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -6px;
	bottom: 14px
}