@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
a{ text-decoration:none; font-family:Arial, Verdana, '宋体'; font-size:12px; color:#5d5d5d;}
li{ list-style-type:none;}
img{ border:none;}

body{
	position:relative;
	font-family:Arial, Verdana, '宋体';
	font-size:12px;
	color:#5d5d5d;
	background:url(/images2014/index4_topbg.png) top center no-repeat #95c6e7;}
	
#container{
	width:1002px;
	margin:0 auto;}

.header{
	height:362px;
	background:url(/images2014/index4_logo.png) 0 0 no-repeat;
	overflow:hidden;
	position:relative;}
	
.menu{
	margin:89px 0 0 75px;}

.menu li{
	float:left;
	margin-right:25px;
	width:98px;
	height:120px;}
	
.menu li a{
	display:block;
	width:100%;
	height:100%;
	background:url(/images2014/index4_menuOff.png) 0 0 no-repeat;
	overflow:hidden;}
	
.menu li a.home{
	background:url(/images2014/index4_menuHome.png) left bottom no-repeat;}
	
.menu li a.home span{
	margin-top:10px;
	display:block;
	width:100%;
	height:43px;
	background:url(/images2014/index4_menuHome1.gif) top center no-repeat;}
	
.menu li a.monthly{	background-position:-19px 0;}
.menu li a.suica{	background-position:-153px 0;}
.menu li a.section{	background-position:-275px 0;}
.menu li a.cvs{		background-position:-400px 0;}
.menu li a.star{	background-position:-520px 0;}
.menu li a.about{	background-position:-650px 0;}

.menu li a.monthly:hover, .menu li.mu a.monthly{background:url(/images2014/index4_menuOn.png) -19px 0 no-repeat;}
.menu li a.suica:hover, .menu li.mu a.suica{background:url(/images2014/index4_menuOn.png) -153px 0 no-repeat;}
.menu li a.section:hover, .menu li.mu a.section{background:url(/images2014/index4_menuOn.png) -275px 0 no-repeat;}
.menu li a.cvs:hover, .menu li.mu a.cvs{background:url(/images2014/index4_menuOn.png) -400px 0 no-repeat;}
.menu li a.star:hover, .menu li.mu a.star{background:url(/images2014/index4_menuOn.png) -520px 0 no-repeat;}
.menu li a.about:hover, .menu li.mu a.about{background:url(/images2014/index4_menuOn.png) -650px 0 no-repeat;}
	
.content{
	overflow:hidden;
	min-height:657px;
	padding:0 48px;
	position:relative;
	background:url(/images2014/index4_logo2.png) bottom left no-repeat #fff;}
	
.news{
	width:484px;
	float:left;}	
	
.news h3{
	height:36px;
	background:url(/images2014/index4_news.png) 0 0 no-repeat;}
	
.news h3 a{
	line-height:45px;
	color:#0b63af;
	margin-left:190px;
	font-weight:normal;}
	
.slide{
	width:387px;
	float:right;}
	
.weather span{
	line-height:25px;
	color:#000;
	float:left;}

.weatherFloat{
	float:right;}
	
.news ul, .left ul.csp{
	margin-top:10px;}

#slides{
	margin-top:20px;}
	
.cvss h3, .left h3.csp, .left h3.gift, .right h3.down, .right h3.service{
	background:url(/images2014/index4_shop.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:30px;}
	
.cvss h3 a, .promotion h3 a, .left h3.csp a, .right h3.pro a, .left h3.gift a, .right h3.down a, .right h3.service a{
	line-height:53px;
	color:#0b63af;
	margin-left:300px;
	font-weight:normal;}
	
.cvss .box .img{
	width:320px;
	height:186px;
	float:left;}
	
.cvss .box .img img{
	width:320px;
	height:186px;}
	
.cvss .box .text{
	width:554px;
	float:right;}
	
.promotion h3, .right h3.pro{
	background:url(/images2014/index4_product.png) 0 0 no-repeat;
	height:40px;
	margin-bottom:30px;}
	
.promotion .box{
	width:100%;
	height:147px;}
	
.gift h3, .left h3.gift{
	background:url(/images2014/index4_lp.png) 0 0 no-repeat;}
	
.down h3, .right h3.down{
	background:url(/images2014/index4_down.png) 0 0 no-repeat;}
	
.service h3, .right h3.service{
	background:url(/images2014/index4_about.png) 0 0 no-repeat;}
	
.gift h3 a, .down h3 a, .service h3 a, .left h3.gift a, .right h3.down a .right h3.service a{
	line-height:45px;
	margin-left:350px;}
	
#footer{
	height:96px;
	background:#3366cc;}
	
#footer a{
	color:#fff;}	
	
#footer .box{
	width:945px;
	margin:0 auto;
	overflow:hidden;
	height:100%;}
	
#footer .box .l{
	float:left;
	width:640px;
	height:100%;}
	
#footer .box .l span{
	vertical-align:middle;
	display:inline-block;
	height:100%;
	width:1px;
	margin-left:-1px;}
	
#footer .box .l p{
	display:inline-block;
	color:#fff;
	line-height:26px;
	vertical-align:middle;
	*display:inline;
	*zoom:1;}
	
#footer .box .r{
	float:right;
	width:276px;
	height:20px;
	text-align:right;
	background:url(/images2014/index4_links.png) right center no-repeat;
	margin-top:22px;}
	
#footer .box .r .overflow{
	overflow:hidden;
	height:20px;}
	
#footer .box .r .overflow select{
	border:none;
	background-color:transparent;
	margin-right:-20px;
	width:221px;
	outline:none;
	-webkit-appearance: none;}
	
.pagebg{
	background:url(/images2014/cvs4_01.png) top center no-repeat #95c6e7;}
	
	
.left{
	width:396px;
	float:left;
	position:relative;
	z-index:51;}
	
.left ul.csp{
	margin-bottom:35px;}
	
.right{
	width:474px;
	float:right;
	overflow:hidden;
	position:relative;
	z-index:51;}
	
.right ul.pro{
	overflow:hidden;
	width:106%;
	margin-bottom:10px;}
	
.right ul.pro li{
	width:219px;
	border:1px solid #cccccc;
	padding:3px;
	float:left;
	margin:0 20px 20px 0;}
	
.right ul.pro li div{
	background:#f1f1f1;
	height:184px;
	text-align:center;}
	
.right ul.pro li div img{
	width:213px;
	height:154px;}
	
.right ul.pro li div span{
	line-height:30px;}

.midcourtLine{
	position:absolute;
	top:0px;
	left:445px;
	width:1px;
	border-left:1px solid #fce1e3;
	height:100%;
	z-index:51;}
	
.midcourtLine img{
	margin-left:-1px;}
	
.left ul{
	width:363px;}
	
.left ul li{
	border-bottom:1px dashed #dddddd !important;}
	
.right ul.down li{
	border-bottom:1px dashed #dddddd;
	margin-bottom:25px;
	padding-bottom:25px;}
	
.right ul.down li .img{
	float:left;}
	
.right ul.down li .text{
	float:right;
	width:282px;}
	
.right ul.down li .text h4 a{
	font-size:14px;
	color:#000;
	line-height:26px;}
	
.right ul.down li .text p{
	line-height:22px;
	margin-top:10px;}
	
.submenu{
	float:left;
	width:178px;
	min-height:515px;
	position:relative;
	z-index:51;}
	
.submenu ul li{
	line-height:26px;
	height:26px;
	margin-top:9px;
	background:url(/images2014/page4_20.png) left center no-repeat;}
	
.submenu ul li:hover, .submenu ul li.su{
	background:url(/images2014/page4_17.png) left center no-repeat;}
	
.submenu ul li:hover a, .submenu ul li.su a{
	color:#fff;}	
	
.submenu ul li a{
	font-size:14px;
	color:#000;
	margin-left:24px;}
	
.main{
	width:680px;
	float:right;
	position:relative;
	z-index:51;}
	
.main .title{
	height:38px;
	border-bottom:1px solid #fce1e3;
	background:url(/images2014/page4_05.png) left center no-repeat;}
	
.main .title h3{
	float:left;
	line-height:38px;
	margin-left:15px;}
	
.main .title .t_div{
	float:right;
	line-height:38px;
	padding-left:21px;
	background:url(/images2014/page4_08.png) left center no-repeat;}
	
.main .title .t_div span{
	font-weight:bold;
	color:#000;}
	
.main .page{
	padding-top:20px;}
	
.main .page p{
	line-height:24px;
	font-size:14px;}
	
.m_page{
	left:238px;}
	
.list ul{
	border-bottom:3px solid #dddddd;
	padding-bottom:1px;}
	
.list ul li{
	line-height:34px;
	border-bottom:1px dashed #dddddd;
	padding-left:25px;
	background:url(/images2014/index4_li2.png) left center no-repeat;}
	
.list ul li a{
	float:left;}
	
.list ul li span{
	color:#bbbbbb;
	float:right;}
	
.d_titleImg{
	height:36px;
	border-bottom:1px solid #fce1e3;
	position:relative;
	z-index:51;}
	
.d_title{
	height:60px;
	background:url(/images2014/detail4_06.png) left bottom no-repeat;
	line-height:60px;}
	
.d_title h3{
	font-size:14px;
	color:#000;}
	
.infoShare{
	color:#000;
	line-height:38px;
	border-bottom:1px dotted #c5c5c5;
	overflow:hidden;
	padding-bottom:10px;}
	
.infoShare span{
	color:#5d5d5d;}

.detailContent{
	margin-top:20px;}

.detailContent p{
	font-size:14px;
	line-height:26px;
	color:#525252;}

.detailPhoto{
	margin-top:20px;}
	
.detailPhoto ul{
	overflow:hidden;
	width:1017px;}

.detailPhoto li{
	float:left;
	margin:12px 10px 0 0;}
	
.pageCode, .pcode{
	font-size:14px; 
	line-height:35px;
	text-align:center;}
	
.pageCode a{
	font-size:14px;}
	
.d_down{
	margin-top:20px;}	
	
.d_down .d_top{
	height:70px;
	background:url(/images2014/detail4_06.png) left bottom no-repeat;}
	
.d_down .d_bot table{
	border-right:1px solid #fce1e3;
	border-bottom:1px solid #fce1e3;
	margin-top:15px;}
	
.d_down .d_bot table tr td{
	border-left:1px solid #fce1e3;
	border-top:1px solid #fce1e3;
	line-height:34px;}
	
.d_down .d_bot table tr td span{
	font-size:14px;
	padding-left:15px;
	float:left;}
	
.d_down .d_bot table tr td a{
	float:right;
	font-size:14px;
	color:#000;
	padding-right:15px;}
	
.infoMore, .cvsMore{
	width:100%;
	padding-top:20px;}
	
.infoMore ul.down li .text{
	width:480px;}
	
.cvsMore ul.pro li{
	width:205px;}
	
.cvsMore ul.pro li div{
	height:176px;}
	
.cvsMore ul.pro li div img{
	width:205px;
	height:146px;}
	
#login{
	width:356px;
	height:258px;
	margin:100px auto 200px;
	overflow:hidden;}
	
#login table{
	margin:73px 0 0 0;}
	
#login table .ri{
	color:#000;
	width:114px;
	text-align:right;}
	
#login table td{
	vertical-align:middle;
	height:54px;}
	
#login table .le{
	padding-left:10px;}
	
#login table td, #login table input{
	font-size:14px;}
	
#login table input.name, #login table input.psw{
	width:172px;
	border:none;
	background:none;
	outline:none;}	
	
#login table input.sub, #login table input.res{
	float:left;
	width:58px;
	height:26px;
	line-height:26px;
	border:none;
	background:url(/images2014/login4_04.png) top left no-repeat;}
	
#login table input.sub:hover, #login table input.res:hover{
	background-position:top right;}	
	
#login table input.res{
	margin-left:60px;}
	
#login.monthly{
	background:url(/images2014/login4_03_1.png) 0 0 no-repeat;}	
	
#login.suica{
	background:url(/images2014/login4_03_2.png) 0 0 no-repeat;}


/***Redo***/
.row, .weather, .cvss, .cvss .box, .right ul.down, .right ul.down li, .main .title, .list, .list ul, .list ul li{ overflow:hidden;}

.cvss .box .text ul li, .news ul li, .left ul.csp li{
	overflow:hidden;
	border-bottom:1px dotted #b6b6b6;
	line-height:36px;
	height:36px;
	padding-left:15px;
	background:url(/images2014/index4_li.png) left center no-repeat;}
	
.cvss .box .text ul li a, .news ul li a, .left ul.csp li a, .list ul li a{
	font-size:14px;
	float:left;}
	
.cvss .box .text ul li img, .news ul li img, .left ul.csp li img, .list ul li img{
	float: left;
	margin: 15px 0 0 10px;}
	
.cvss .box .text ul li a:hover, .news ul li a:hover, .left ul.csp li a:hover, .list ul li a:hover{
	font-weight:bold;	}

.row, .cvss, .promotion{
	margin-bottom:33px;
	position:relative;
	z-index:51;}
	
.logo1{
	width:100%;
	height:50px;
	background:url(/images2014/index4_logo1.png) top center no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;}
	
.service h3 a{
	line-height: 60px;
	margin-left: 355px;}
	
.qps h3 a{
	margin-left:355px;}

.right h3.down a{
	margin-left:355px;
	line-height:45px;}


/***heak***/

.tmenu{
	width:200px;
	position:absolute;
	top:38px;
	left:280px;
}
#container .tmenu a{
	display:block;
	height:28px;
	line-height:28px;
	float:left;
	padding:0 5px;
	text-indent:-9999px;

}
#container .tmenu a.ih1{
	background:url(/images2014/iww.png) no-repeat;
	width:28px;
}
#container .tmenu a.ih2{
	background:url(/images2014/wap.png)no-repeat;
	width:22px;
}