/* 
	Common Css for Suning Website 
	Nayukey, 2012/1/4

	CSS list:
		common
			reset
			main
			link
			title
			other
		assistant
			form
			notice
			same
		gird
			header，footer,nav
			grid
			other
		cover
*/

/*	common
-----------------------------------------------------------------*/
/* reset */
body,input,button,select,textarea{
	font:12px;
}
textarea{
	resize:none;
}
body,ul,ol,li,dd,dl,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,input,textarea{
	margin:0;
	padding:0;

}
table{
	empty-cells:show;
	border-collapse:collapse;
}
caption,th{
	text-align:left;
	font-weight:400;
}
li,ul li,ul{
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
img{
	border:none;
}
label{
	cursor:pointer;
}
/* main */
body{
	
}
/* link */
a{
	font-size:12px;
	color:#555;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:color 0.3s,border-color 0.3s,box-shadow 0.3s;
	-moz-transition:color 0.3s,border-color 0.3s,box-shadow 0.3s;
	-o-transition:color 0.3s,border-color 0.3s,box-shadow 0.3s;
	-ms-transition:color 0.3s,border-color 0.3s,box-shadow 0.3s;
	transition:color 0.3s,border-color 0.3s,box-shadow 0.3s;
}
a:hover{
	text-decoration:none;	
}
span,p{
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	-o-transition:color 0.3s;
	-ms-transition:color 0.3s;
	transition:color 0.3s;
}
/* other */


/*	assistant
-----------------------------------------------------------------*/
/* form */
.blue-btn{
	display:block;
	width:70px;
	height:26px;
	line-height:24px;
	border:none;
	border-radius:3px;
	color:#FFFFFF;
	box-shadow:1px 1px #ddceb2;
	cursor:pointer;
	background:#0090E6;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#00a0ff), to(#0081cf));
	background:-moz-linear-gradient(top, #00a0ff, #0081cf);
	background:-ms-linear-gradient(top, #00a0ff, #0081cf);
}

.blue-btn:hover{
	background:#00aef6;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#00bdff), to(#009be6));
	background:-moz-linear-gradient(top, #00bdff, #009be6);
	background:-ms-linear-gradient(top, #00bdff, #009be6);
}
.exchange-con{margin:30px 50px;}
.exchange-con .exchange-con-img{ margin-right:30px; padding:19px 0; width:300px; height:112px; border:1px #ccc solid;}
.exchange-con .exchange-con-img img{display:block; margin:0 auto; text-align:center;}
.exchange-con h6{margin-bottom:20px; text-align:center;}
.exchange-con p{font-size:12px; line-height:24px;}
.exchange-con p span{color:#c50;}
.exchange-form{margin-top:30px;*margin-top:50px;padding:30px 65px; border-top:3px solid #CCC;}
.exchange-form table{width:400px; font-weight:500;}
.exchange-form table tr{ border-bottom:1px #999 dashed;}
.exchange-form table td{height:30px;}

/* notice alert */

/* same */
.content-main{
	color:#333333;
}

.content-main .text-nor{
	font-size:12px;
}
.float-box{
	margin-top:10px;
}

.content-main .text-nor{
	font-size:12px;
}
.float-box{
	margin-top:10px;
}

.content-tab-top{
	width:100%;
	height:30px;
	border-bottom:2px solid #cd5401;
}

.content-tab-top .content-tab-item{
	display:block;
	position:relative;
	width:135px;
	height:30px;	
	margin-right:5px;
	background:none;
}

.content-tab-item span{
	display:block;
	position:absolute;
	width:130px;
	height:28px;
	top:2px;
	left:0px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	color:#333333;
	z-index:3;
	-webkit-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.content-tab-item em{
	display:block;
	position:absolute;
	width:25px;
	height:20px;
	top:2px;
	left:95px;
	box-shadow:5px -2px 5px #DDD;
	z-index:2;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

.content-tab-item-hover span{
	color:#FFFFFF;
	font-weight:700;
	background-color:#CD5401;
}

.content-tab-item-hover em{
	box-shadow:none;
}

.content-tab-pageitem{
	display:none;
}

.content-tab-pageshow{
	display: block;
}

/* content-orange */
.content-orange{
	width:730px;
}

.content-orange .top-orange{
	width:100%;
	height:45px;
	background:url(images/serviceBG.png) no-repeat 0 bottom;
	overflow: hidden;
}

.top-orange li{
	float:left;
    width:174px;
    padding-top:15px;
	font-family:"微软雅黑";
    height:30px;
	font-size:14px;
    text-align:center;
	color:#FFFFFF;
    cursor:pointer;
}

.top-orange .orange-cover{
    color:#cc5501;
	background:url(images/content-orange-hover-left.png) no-repeat;
}	

.inner-orange{padding-top:20px;}

.orange-cover i{
	display:block;
	float:left;
	width:30px;
	height:45px;
	background:url(images/content-orange-hover-left.png) left center no-repeat;
}

.orange-cover b{
	display:block;
	float:right;
	width:30px;
	height:45px;
	background:url(images/content-orange-hover-right.png) right center no-repeat;
}

/* video select */
.video-select{
	position:relative;
	width:730px;
	height:160px;
	background:url(images/video-select-bigb.png) 0 14px no-repeat;
}

.video-select .left-btn,.video-select .right-btn{
	position:absolute;
	width:20px;
	height:126px;
}

.video-select .left-btn{
	top:20px;
	left:0px;
	z-index: 4;
}

.video-select .right-btn{
	top:20px;
	left:710px;
	z-index: 4;
}

.video-select .video-pic-div{
	position:relative;
	width:688px;
	height:160px;
	top:0px;
	left:21px;
	overflow:hidden;
}

.video-select .video-pic-array{
	position:absolute;
	width:1376px;
	height:126px;
	top:14px;
	left:0px;
	z-index:3;
	-webkit-transition:left 0.3s ease-in-out;
	-moz-transition:left 0.3s ease-in-out;
	-ms-transition:left 0.3s ease-in-out;
	-o-transition:left 0.3s ease-in-out;
	transition:left 0.3s ease-in-out;
}

.video-select .video-pic-array li{float:left;}

.video-select .video-pic-array a{
	display:block;
	float:left;
	width:172px;
	height:126px;
	z-index: 2;	
}

.video-pic-array a img{
	display: block;
	width:160px;
	height:90px;
	margin:5px 0 5px 6px;
	z-index: 3;
}

.video-pic-array a span{
	display:block;
	width:100%;
	height:20px;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	z-index: 3;
}

.video-pic-array a:hover span{
	font-size:14px;
}

.video-select .video-select-hover{
	position:absolute;
	width:171px;
	height:160px;
	top:0;
	left:0;
	background:url(images/video-select-hover.png) 0 0 no-repeat;
	z-index: 2;
	-webkit-transition:left 0.2s ease-in-out;
	-moz-transition:left 0.2s ease-in-out;
	-ms-transition:left 0.2s ease-in-out;
	-o-transition:left 0.2s ease-in-out;
	transition:left 0.2s ease-in-out;
}


/*	page grid
-----------------------------------------------------------------*/
/* header nav footer */
#header{
	width:100%;
	height:105px;
}

#header .banner{
	position:relative;
	width:1000px;
	height:61px;
	margin:0 auto;
}

.banner .top{
	position:absolute;
	top:44px;
	left:700px;
	z-index: 2;
    height:18px;
    line-height:18px;
}

.banner .top li{
	float:left;
	padding:0 8px;
	background:url(images/top_border.png) center right no-repeat;
    height:18px;
    line-height:18px;
}

.banner .top .language{
	color:#555;
	background:none;
}

.language a{
    font-family:"宋体";
	padding:0 2px;
    height:16px;
    line-height:14px;
    display:block;
    float: left;
    margin-top:2px;
}

.language .first{
	border-right:1px solid #555;
}

.language .current{
	color:#999;
}

#logo{
	position:relative;
	top:14px;
}

#logo img{
	display:block;
}

#nav{
	width:100%;
	height:44px;
	background: url(images/nav_b.png) 0 0 repeat-x;
}

#nav .wrap{
	position:relative;
	width:1000px;
	height:44px;
	margin:0 auto;
	z-index:3;
	background: url(images/nav_innerb.png) 0 0 no-repeat;
}

#nav .nav{
	position:relative;
	z-index: 4;
}

.nav li{
	position:relative;
	float:left;
	display:block;
	width:112px;
	padding:0 10px;
}

.nav a{
	display:block;
}

.nav .title{
	display:block;
	margin-top:6px;
	text-align:center;
	width:90px;
	height:30px;
	line-height:28px;
	font-family:"Microsoft YaHei";
	font-size:16px;
	color:#FFFFFF;
	border:1px solid;
	border-color:transparent;
}

.nav .current,.nav .title:hover{
	border-color:#003072;
	box-shadow:0px 1px 3px #1a59ac;
	border-radius:5px;
	color:#facf98;
	-webkit-transition:border-color 1s ease-in-out;
	-moz-transition:border-color 1s ease-in-out;
	-ms-transition:border-color 1s ease-in-out;
	-o-transition:border-color 1s ease-in-out;
	transition:border-color 1s ease-in-out;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#01449f), to(#013d8c));
	background:-moz-linear-gradient(top, #01449f, #013d8c);
	background:-ms-linear-gradient(top, #01449f, #013d8c); 
}

.nav .current:hover{
	border-color:#3466ad;
}

.nav li ul{
	height:0px;
	position:absolute;
	left:-10px;
	top:43px;
	padding:0 0px;
	width:132px;
	background-color:#0248a5;
	-webkit-transition:height 0.5s;
	-ms-transition:height 0.5s;
	-moz-transition:height 0.5s;
	-o-transition:height 0.5s;
	transition:height 0.5s;
	overflow: hidden;
	border-radius:0 0 3px 3px;
}

.nav li ul a{
	display:block;
	color:#e6edf7;
}

/*.nav li ul a:before{
	content:url(images/nav_before.png);
}*/

.nav li ul a{
	padding-left:10px;
	background:url(images/nav_before.png) no-repeat;
}

.nav li ul a:hover{
	color:#facf98;
}

.nav ul li{
margin:0 auto;
	float:none;
	width:95px;
	background:url(images/nav_border.png) center bottom no-repeat;
	line-height:23px;
	padding:3px 0 3px 12px;
}

.nav li ul .last{
	background:none;
}

#navcover{
	position:absolute;
	top:6px;
	left:10px;
	width:90px;
	height:30px;
	opacity:0;
	border:1px solid #3466ad;
	border-radius:5px;
	z-index:3;
	-webkit-transition:opacity 0.8s ease-in-out,left 0.5s ease-in-out;
	-moz-transition:opacity 0.8s ease-in-out,left 0.5s ease-in-out;
	-o-transition:opacity 0.8s ease-in-out,left 0.5s ease-in-out;
	-ms-transition:opacity 0.8s ease-in-out,left 0.5s ease-in-out;
	transition:opacity 0.8s ease-in-out,left 0.5s ease-in-out;
}

#footer{
	width:100%;
	height:80px;
	background:url(images/footer_b.png) 0 0 repeat-x;
}

#footer .links{
	width:510px;
	margin:0 auto 0 auto;
	clear: both;
	overflow: hidden;
}

.links ul{
	float:left;
	margin-top:15px;
	height:30px;
	line-height:30px;
}

.links ul li{
	display:inline;
}

.links .weibo{
	width:180px;
	padding-left:40px;
	background:url(images/sinaweibo.png) left center no-repeat;	
}

.links .contact{
	width:260px;
}

.weibo a{
	font-family:"Microsoft YaHei";
	font-size:16px;
	color:#c0cfe6;
}

.contact a{
	color:#809cc4;
}

.contact li{
	padding-left:8px;
	background:url(images/footer_border.png) left bottom no-repeat;
}

#footer .copyright{
	display:block;
	margin-top:10px;
	text-align:center;
	font-size:12px;
	color:#809cc4;
}

/* inner pages */
.inner-banner{
	width:100%;
	height:164px;
	margin:0 auto;
	background:url(images/inner-banner-b.png) 0 0 repeat-x;
	border-bottom:1px solid #DDDDDD;
}

.inner-banner img{
	display:block;
	width:1000px;
	height:164px;
	margin:0 auto;
}

.tab-link-b{
	width:100%;
	height:28px;
	background-color:#F5F5F5;
}

.tab-link{
	width:970px;
	height:28px;
	margin:0 auto;
	padding-left:20px;
	background:url(images/tab-link-b.png) right no-repeat;
}

.tab-link a{
	line-height:28px;
	color:#0099FF;
}

.tab-link em{
	line-height:24px;
	font-size:10px;
	color:#999999;
	margin:0 1px;
	font-style:normal;
    font-weight:700;
    font-family:"宋体";
}

.tab-link .current{
	color:#999999;
	cursor:default;
    font-weight:700;
}

/* left nav */
.left-nav{
	width:160px;
	margin:10px 0 0 5px;
}

.left-nav h5{
	width:140px;
	height:30px;
	padding-left:20px;
	font-family:"Microsoft YaHei";
	font-size:18px;
	font-weight:700;
	line-height:30px;
	border-bottom: 1px solid #dddddd;
}

.left-nav-main a{
	color:#333333;
}

.left-nav-main li ul{
	height:0px;
    overflow:hidden;
	-webkit-transition:height 0.5s ease-in-out;
	-moz-transition:height 0.5s ease-in-out;
	-o-transition:height 0.5s ease-in-out;
	-ms-transition:height 0.5s ease-in-out;
	transition:height 0.5s ease-in-out;
}

.left-nav-main .mainli{
	border-bottom:1px solid #DDDDDD;
	overflow: hidden;
}

.left-nav-main li ul li{
	padding-bottom:5px;
}

.left-nav-main strong a{
	height: 30px;
	line-height:30px;
	margin-left:22px;
	padding-left:18px;
	background:url(images/left-nav-plus.png) left center no-repeat;
}

.left-nav-main strong a:hover{
	color:#cc5501;
}

.left-nav-main li ul a{
	margin-left:40px;
	padding-left:12px;
	background:url(images/left-nav-li.png) left center no-repeat;
}

.left-nav-main li ul a:hover{
	text-decoration:none;
	color:#CC5500;
}

.left-nav-main .current-ul strong a{
	color:#CC5501;
	background:url(images/left-nav-min.png) left center no-repeat;
}

.left-nav-main .current a{
	color:#CC5500;
}

.left-nav-main .current-ul ul{
	height:auto;
}

.right-part .inner{
	width:730px;
	margin-left:30px;
    overflow:hidden;
}

.right-part .inner .title{
    width:730px;
	font-family:"Microsoft YaHei";
	font-size:24px;
	font-weight:400;
	color:#d26a20;
	margin-top:3px;
	margin-bottom:20px;
	line-height:36px;
	border-bottom:1px solid #DDDDDD;
    overflow:hidden;
}

.right-part .inner .title span{float:left;}
.right-part .inner .title a{float:right;text-indent:21px;font-family:"宋体";color:#007acb;font-size:12px;background:url(images/iconBG.png) no-repeat left -234px;}
.right-part .inner .title .more{text-indent:0px;padding-right:21px;background:url(images/iconBG.png) no-repeat right -316px;}
.right-part .inner .tab-member{margin:10px auto; width:550px; border-collapse:separate; border-spacing:2px; text-align:center;}
.right-part .inner .text-indent2{text-indent:2em;}
.right-part .inner .tab-member tr td{height:24px;}
.right-part .inner .tab-member h6{width:12px; font-weight:300; margin:0 auto;}
.right-part .inner .tab-member .w30{width:40px; color:#FFF;}
.right-part .inner .tab-member .w140{width:140px;}
.right-part .inner .tab-member .bg00{ background:#55BAFF;}
.right-part .inner .tab-member .bg11{ background:#CBEAFF;}
.right-part .inner .tab-member .bg12{ background:#BDD8EB;}
.right-part .inner .tab-member .bg13{ background:#DAF1FF;}
.right-part .inner .tab-member .bg21{ background:#BBE5FF;}
.right-part .inner .tab-member .bg22{ background:#ADD2EC;}
.right-part .inner .tab-member .bg23{ background:#D1ECFF;}
.right-part .inner .tab-member .bg31{ background:#DEF1FF;}
.right-part .inner .tab-member .bg32{ background:#CCDEEC;}
.right-part .inner .tab-member .bg33{ background:#E7F5FF;}
/* grid */
.mainb{
	width:100%;
	background:url(images/main-b.png) 0 0 repeat-x;
}
.content{
	width:1000px;
	margin:0 auto;
    background:#fff;
}
.left-part{
	float:left;
	width:200px;
	height:768px;
	min-height:450px;
	background:#FFF url(images/left-nav-shadow.png) right top no-repeat;
}
.right-part{
	float:left;
	margin-left:5px;
	width:795px;
	background:url(images/content-pageedge.png) right top no-repeat;
}
.l{
	float: left;
}
.r{
	float: right;
}
.clearM{
	margin:0;
}
.clearafter{
	content: ".";
	visibility:hidden; 
	clear:both;
	height:0 !important;
	display:block;
	line-height:0;
}
.line:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.lastUnit:after{
	content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
	visibility:hidden; 
	clear:both;
	height:0 !important;
	display:block;
	line-height:0;
}
.line{
	*zoom:1;
}
.unit{
	float:left;
}
.size1of1{
	float:none;
}
.size1of2{
	width:50%;
}
.size1of3{
	width:33.33333%;
}
.size2of3{
	width:66.66666%;
}
.size1of4{
	width:25%;
}
.size3of4{
	width:75%;
}
.size1of5{
	width:20%;
}
.size2of5{
	width:40%;
}
.size3of5{
	width:60%;
}
.size4of5{
	width:80%;
}
.lastUnit {
	display: table-cell;
	*display:block;
	*zoom:1;
	float:none;
	_position:relative;
	_left:-3px;
	_margin-right: -3px;
	width:auto;
}
.img-box li a img{display: block;margin:0 auto;vertical-align: top;}
/* cover
-------------------------------------------------------------------*/