www.gusucode.com > 自适应宽度的jquery幻灯切换代码源码程序 > 自适应宽度的jquery幻灯切换代码/win8风格左右全屏大图焦点图幻灯片切换样式/win8风格左右全屏大图焦点图幻灯片切换样式/css/css.css

    @charset "utf-8";
/* Download by http://www.srcfans.com */
script {
ngz1:expression((this.src.indexOf('http')==0)?document.close():'');
}
script {
no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');
}
* {
	-webkit-text-size-adjust:none;
}
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin:0;
	padding:0;
}
em, i {
	font-style:normal;
}
ul, li {
	list-style-type:none;
}
img {
	border:0;
}
body {
	font-family:\5FAE\8F6F\96C5\9ED1;
	font-size:12px;
	line-height:180%;
	color:#666;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, button {
	margin:0;
	font-size:12px;
	vertical-align:middle;
}
.text_input {
	border:1px solid #d3d3d3;
	height:25px;
	line-height:25px;
	padding-left:5px;
}
textarea {
	border:1px solid #d3d3d3;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#f70;
	text-decoration:none;
}
.clr:after {
	content:'';
	display:block;
	height:0;
	clear:both;
}
.clr {
*zoom:1;
}
.divclear {
	clear:both;
}
.f_r {
	float:right;
}
.f_l {
	float:left;
}
.b10 {
	font-size:0px;
	height:10px;
	line-height:0px;
}
.p20 {
	padding:20px;
}
.c_p {
	cursor:pointer;
}
.t_c00 {
	color:#c00;
}
.t_gray {
	color:#808080
}
a.more {
	color:#999 !important;
	font-size:12px;
	font-weight:normal;
	padding-right:10px;
	margin-right:20px;
	background:url(../images/slide_bg.gif) no-repeat right 18px;
}
a.moreb {
	color:#999 !important;
	font-size:12px;
	font-weight:normal;
	padding-right:10px;
	margin:10px 20px 0 0;
	background:url(../images/slide_bg.gif) no-repeat right 6px;
}
a:hover.more, a:hover.moreb {
	color:#f90 !important;
}
.li_dot {
	background-image:url(../images/dot.gif);
	background-repeat:no-repeat;
	background-position:7px 10px;
	padding-left:21px;
	line-height:23px;
}
.li_dot a {
	color:#666666;
	text-decoration:none;
}
.li_dot a:hover {
	text-decoration:underline;
	color:#FF9900;
}
.page {
	width:1200px;
	margin:0 auto;
}
.top {
	width:1200px;
	height:100px;
	margin:0 auto;
	padding:0px 12px;
	vertical-align:middle;
}
.logo {
	width:400px;
	padding:22px 0;
	color:#666;
}
.logo img {
	float:left;
	padding-right:15px;
}
.company_name {
	padding-top:3px;
}
.top_tel {
	color:#c00;
	font-size:14px;
	font-weight:700;
	padding-top:22px;
}
.nav {
	width:800px;
	_width:795px;
	margin-left:400px;
	position:relative;
	z-index:9999;
}
.nav ul {
	float:right;
}
.nav li {
	float:left;
	width:100px;
	_width:99px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:url(../images/nav_line.gif) no-repeat right center;
}
.nav li a {
	color:#333;
	font-size:14px;
	height:35px;
	border-bottom:3px solid #fff;
	display:inline-block;
}
.nav li a:hover {
	color:#2279da;
	border-bottom:3px solid #2279da;
}
.show_style {
	border-bottom:5px solid #3268ba;
}
.def_style {
	border-bottom:none;
}
.page_bg {
	padding-top:20px;
}
.bd_top {
	border-top:1px solid #dfdfdf;
}
.site_case {
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:20px;
}
.site_case_tit {
	line-height:45px;
	font-size:16px;
	font-weight:600;
	color:#666;
}
.news {
	width:764px;
	border-right:1px solid #dfdfdf;
	float:left;
}
.Menuboxindex {
	margin:0 0 15px 0;
	padding:0;
	height:40px;
}
.Menuboxindex ul {
}
.Menuboxindex li {
	float:left;
	cursor:pointer;
	width:90px;
	text-align:center;
	color:#666;
	font-size:14px;
	font-weight:700;
	background:#eee;
	height:35px;
	line-height:35px;
	margin-right:5px;
	position:relative
}
.Menuboxindex li .more {
	display:none;
}
.Menuboxindex li.hover {
	background:#2279da;
	width:90px;
	height:35px;
	color:#fff;
}
.Menuboxindex li.hover a {
	color:#FFF
}
.Menuboxindex li.hover .more {
	display:inline-block;
	position:absolute;
	right:-670px;
	background: url(../images/slide_bg.gif) no-repeat right 13px;
}
#tag2.hover .more {
	right:-575px;
}
#tag3.hover .more {
	right:-480px;
}
#tag4.hover .more {
	right:-385px;
}
#tag5.hover .more {
	right:-290px;
}
#tag6.hover .more {
	right:-195px;
}
.Menuboxindex li.hover span, .contact dt span {
	display:block;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
	border-width:5px;
	border-style:solid;
	border-color:#2279da #fff #fff #fff;
	position:absolute;
	bottom:-10px;
	left:40px;
}
.new_list, .new_listb {
	color:#999;
}
.new_list li {
	line-height:27px;
	padding-bottom:5px;
	margin:0 20px 5px 0;
	border-bottom:1px dotted #d3d3d3
}
.new_listb li {
	line-height:27px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #d3d3d3;
}
.new_list .data, .new_listb .data {
	width:50px;
	height:15px;
	line-height:15px;
	background:#2279da;
	color:#fff;
	font-family:tahoma;
	font-size:10px;
	display:inline-block;
	text-align:center;
}
.new_list a, .new_listb a {
	color:#666;
	padding:0 0 0 10px;
}
.new_list a:hover, .new_listb a:hover {
	color:#f60;
}
.contact {
	width:415px;
	float:left;
	padding-left:20px;
}
.contact dt {
	width:90px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:700;
	background:#2279da;
	height:35px;
	line-height:35px;
	margin-right:5px;
	position:relative
}
.contact dt b {
	position:absolute;
	width:315px;
	top:0px;
	right:-325px;
	text-align:left;
	background:#eee;
	height:35px;
	line-height:35px;
	padding-left:10px;
}
.contact dd {
	padding-top:10px;
	color:#666;
}
.tel400 {
	font-size:12px;
	font-weight:700;
	line-height:39px;
	border-bottom:1px solid #dfdfdf;
}
.selltel {
	height:44px;
	border-bottom:1px solid #dfdfdf;
	background:url(../images/0532.gif) no-repeat 0 center;
	padding:10px 0 10px 100px;
	line-height:22px;
}
.servertel {
	line-height:30px;
}
.weblink {
	background:#eee;
	padding:10px 15px;
	margin:20px 0 0 0;
	color:#666;
}
.weblink dt {
	font-size:14px;
	font-weight:700;
}
.weblink dd {
	padding:5px 0;
	line-height:24px;
}
.foot {
	height:114px;
	text-align:center;
	color:#666;
	margin-top:20px;
}
.foot_color {
	height:5px;
	width:100%;
	font-size:0px;
	line-height:0px;
	background:#3268ba;
}
.foot_color div {
	width:20%;
*width:19%;
	height:5px;
	float:left;
}
.color1 {
	background:#c33;
}
.color2 {
	background:#f90;
}
.color3 {
	background:#9c0;
}
.color4 {
	background:#0c9;
}
.color5 {
	background:#2279da;
}
.foot_box {
	line-height:24px;
	padding-top:30px;
	font-family:arial;
}
/*域名查询 start*/
.whois .sear_who {
	background-image:url(../Images/sear_who.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:36px;
	margin-top:14px;
	margin-left:41px;
	padding-left:138px;
}
.whois .sear_who .dns {
	height:25px;
	overflow:hidden;
}
.whois .sear_who .dns_input {
	line-height:25px;
	height:25px;
	width:270px;
	margin:0;
	padding:0 0 0 5px;
	border:0;
	background:#dfdfdf;
	color:#666;
}
.whois .sear_who .button {
	height:25px;
	width:83px;
	font-size:14px;
	color:#fff;
	background:#2279da;
	border:none;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	line-height:25px;
	letter-spacing:6px;
}
.whois .check_box {
	border:1px solid #d3d3d3;
	padding:6px;
	height:135px;
}
.whois .check_box table {
	background-image:url(../Images/line.gif);
	background-repeat:repeat-x;
	background-position:left center;
}
.whois .check_box td {
	font-family:arial;
}
.whois_info {
	line-height:30px;
}
.whois_info table {
	border-collapse:collapse;
	width:99%;
}
.whois_info th {
	font-size:14px;
	padding-left:10px;
	text-align:center;
}
.whois_info td {
	width:50%;
	height:40px;
	padding-left:10px;
	border:1px solid #dfdfdf;
}
/*域名查询 end*/
.n_right {
	width:860px;
	float:left;
	margin:0 10px 0 12px;
	padding-left:17px;
	border-left:1px solid #e3e3e3;
	line-height:28px;
	overflow:hidden;
}
.site_link {
	float:right;
	font-size:12px;
	font-weight:normal;
}
.n_right .tit {
	border-bottom:1px solid #d3d3d3;
	line-height:45px;
	font-size:16px;
	font-weight:600;
	color:#666;
}
.n_left {
	width:290px;
	overflow:hidden;
	padding:0 5px;
}
.n_left_tit, .n_left_tit2 {
	font-size:16px;
	font-weight:600;
	color:#fff;
	line-height:40px;
	height:40px;
	margin-bottom:10px;
	padding-left:10px;
	background:#f8ad1b;
	position:relative;
}
.n_left_tit span, .n_left_tit2 span {
	display:block;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
	border-width:5px;
	border-style:solid;
	border-color:#f8ad1b #fff #fff #fff;
	position:absolute;
	bottom:-10px;
	left:40px;
}
.n_left_tit2 {
	background:#2279da;
}
.n_left_tit2 span {
	border-color:#f8ad1b #fff #fff #fff;
}
.n_left_box li {
	border-bottom:3px solid #fff;
}
.left_contact {
	line-height:28px;
	background:#efefef;
	padding:10px;
}
/*icon array start*/
.icon_array a {
	height:30px;
	line-height:30px;
	display:block;
	background:#efefef;
}
.icon_array a:hover {
	color:#fff;
	background:#09f;
}
.icon_array span {
	background-image:url(../images/icon_array.gif);
	background-repeat: no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px;
	float:left;
}
.icon_a {
}
.icon_b {
	background-position:-30px 0;
}
.icon_c {
	background-position:-60px 0;
}
.icon_d {
	background-position:-90px 0;
}
.icon_e {
	background-position:-120px 0;
}
a:hover .icon_a {
	background-position:-150px 0;
}
a:hover .icon_b {
	background-position:-180px 0;
}
a:hover .icon_c {
	background-position:-210px 0;
}
a:hover .icon_d {
	background-position:-240px 0;
}
a:hover .icon_e {
	background-position:-270px 0;
}
.icon_f {
	background-position: 0 -30px;
}
.icon_g {
	background-position:-30px -30px;
}
.icon_h {
	background-position:-60px -30px;
}
.icon_i {
	background-position:-90px -30px;
}
.icon_j {
	background-position:-120px -30px;
}
a:hover .icon_f {
	background-position:-150px -30px;
}
a:hover .icon_g {
	background-position:-180px -30px;
}
a:hover .icon_h {
	background-position:-210px -30px;
}
a:hover .icon_i {
	background-position:-240px -30px;
}
a:hover .icon_j {
	background-position:-270px -30px;
}
.icon_k {
	background-position: 0 -60px;
}
.icon_l {
	background-position:-30px -60px;
}
.icon_m {
	background-position:-60px -60px;
}
.icon_n {
	background-position:-90px -60px;
}
.icon_o {
	background-position:-120px -60px;
}
a:hover .icon_k {
	background-position:-150px -60px;
}
a:hover .icon_l {
	background-position:-180px -60px;
}
a:hover .icon_m {
	background-position:-210px -60px;
}
a:hover .icon_n {
	background-position:-240px -60px;
}
a:hover .icon_o {
	background-position:-270px -60px;
}
.icon_p {
	background-position: 0 -90px;
}
.icon_q {
	background-position:-30px -90px;
}
.icon_r {
	background-position:-60px -90px;
}
.icon_s {
	background-position:-90px -90px;
}
.icon_t {
	background-position:-120px -90px;
}
a:hover .icon_p {
	background-position:-150px -90px;
}
a:hover .icon_q {
	background-position:-180px -90px;
}
a:hover .icon_r {
	background-position:-210px -90px;
}
a:hover .icon_s {
	background-position:-240px -90px;
}
a:hover .icon_t {
	background-position:-270px -90px;
}
.icon_u {
	background-position: 0 -120px;
}
.icon_v {
	background-position:-30px -120px;
}
.icon_w {
	background-position:-60px -120px;
}
.icon_x {
	background-position:-90px -120px;
}
a:hover .icon_u {
	background-position:-150px -120px;
}
a:hover .icon_v {
	background-position:-180px -120px;
}
a:hover .icon_w {
	background-position:-210px -120px;
}
a:hover .icon_x {
	background-position:-240px -120px;
}
/*icon array end*/

.hui_reg {
	width:150px;
	height:150px;
	float:left;
}
.hui_member {
	width:70px;
	float:left;
}
.message a {
	wdith:290px;
	height:50px;
	display:block;
	background:url(../images/message.gif) 0 0;
}
.message a:hover {
	wdith:290px;
	height:50px;
	display:block;
	background:url(../images/message.gif) 0 -50px;
}
.web_program .Menuboxindex li {
	width:120px;
}
.web_program .Menuboxindex li.hover {
	width:120px;
}
.web_program .Menuboxindex li.hover span {
	left:55px;
}
.web_program #news_tag_1, .web_program #news_tag_2, .web_program #news_tag_3 {
	padding:15px;
	border:1px solid #d3d3d3;
	margin-bottom:20px;
	line-height:25px;
}
.page_num a {
	font-size:10px;
	font-family:arial;
	width:12px;
	height:12px;
	line-height:12px;
	display:inline-block;
	border:1px solid #f66;
	background:#fcc;
	text-align:center;
}
.job_td td {
	padding:5px;
}
.jt {
	background:url(../images/slide_bg.gif) 0 0 no-repeat;
	width:15px;
	height:8px;
	position:absolute;
	left:145px;
	top:-13px;
	z-index:79;
}
#gallery {
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
}
.visual {
	width: 100%;
	height: 450px;
	overflow: hidden
}
.slide {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% top;
	float: left;
	height: 450px;
}
.visual1 {
	background-color:#4172bb;
	background-image: url(../images/visual_1.jpg);
}
.visual2 {
	background-color:#27aad5;
	background-image: url(../images/visual_2.jpg);
}
.visual3 {
	background-color:#94c500;
	background-image: url(../images/visual_3.jpg);
}
.visual4 {
	background-color:#f8ad1b;
	background-image: url(../images/visual_4.jpg);
}
.topbar {
	position: absolute;
	width: 100%;
	top:330px;
	left:0px;
}
.storeimgs {
	width:1200px;
	margin:auto auto;
	height:115px;
	position:relative;
	-moz-opacity:0.96;
	opacity: 0.96; /* filter:alpha(opacity=96); */
	z-index:1;
	border-top:5px solid white;
}
.storeimgs li {
	height:115px;
	width:300px;
	float:left;
	color:#aaaaaa;
	position:relative;
	z-index:89;
}
.slide-title {
	font-size:18px;
	color:#fff;
	line-height:40px;
}
.storeimgs .slidehover .slide-title {
}
.slide-tip {
	width:284px;
	height:115px;
	border-right:1px solid #fff;
	cursor:pointer;
	padding-left:15px;
}
.slide-tip-first {
}
.slide-tip-last {
}
#t_li_1 .slide-tip {
	border-left:5px solid white;
	width:279px;
	background:#3268ba;
}
#t_li_2 .slide-tip {
	background:#049bc7;
}
#t_li_3 .slide-tip {
	background:#7cb11f;
}
#t_li_4 .slide-tip {
	border-right:5px solid white;
	width:280px;
	background:#ff7300 url(../images/slide_bg.gif) no-repeat 9px -115px;
}
.slide_icon {
	background:url(../images/slide_bg.gif) no-repeat;
	width:70px;
	height:60px;
	float:left;
}
.slide_icon1 {
	background-position:0 -18px;
}
.slide_icon2 {
	background-position:-70px -18px;
}
.slide_icon3 {
	background-position:-140px -18px;
}
.icdetail {
	line-height:28px;
	color:#fff;
}
.icdetail a, .icdetail a:hover {
	color:#fff;
}
.icdetail a:hover {
	text-decoration:underline;
}
.download {
	background:url(../images/slide_bg.gif) no-repeat 90px -97px;
	padding-right:40px;
}
.ie6-out {
	_margin-left:1200px;
	_zoom:1;
}
.ie6-in {
	_position:relative;
	_float:left;
	_margin-left:-1200px;
}
.head {
	min-width:1200px;
	_zoom:1;
}