www.gusucode.com > 【T91】高端大气婚纱影楼网站源码程序 > 【T91】高端大气婚纱影楼网站源码/skins/css/css.css

    *{margin:0; padding:0;-webkit-text-size-adjust: none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*IE6*/
body{ color:#6b6b6b; font-family: "Microsoft YaHei", Tahoma,"宋体"; font-size:12px; line-height:24px;}
ul,li{list-style:none;}
.w{width:1100px; margin:0 auto;}
.cl{clear:both; height:10px;}
.x{background: url(../images/zzweb/title.png) no-repeat 0px -318px; height:5px;}
img{border:0px;}
a{text-decoration:none;}

.both{ clear:both; margin:30px auto; height:10px;}
.headerBox{background:url(../images/zzweb/mian_02.png) repeat-x;*_background:url(../images/zzweb/mian_02.gif) repeat-x; position:fixed; left:0px; top:0px; width:100%; height:33px; z-index:100;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
.header_box{ max-width:1240px; line-height:30px; color:#9697a0;}
.header_tel{font-family:Georgia; text-indent:20px; width:400px; background:#fff; float:left}
.header_nav{text-align:right; float:right; }
.header_nav a{color:#9697a0; padding:0px 10px;}

.bodyArea{background:url(../images/zzweb/mian_left.jpg) repeat-y; height:100% }
.leftNavBox{ width:200px;background:url(../images/zzweb/mian_left.jpg) repeat-y;  position: fixed; top:30px; left:0px; height:100%; _position:absolute;_bottom:auto;z-index:3000; }
.logo{background:url(../images/zzweb/logo.gif) no-repeat 50px 15px;  width:200px; height:210px;   display:block; line-height:800px; overflow:hidden;}
.butx{ line-height:35px; font-family: Georgia; font-size:14px;}
.butx a{color:#9697a0; }

.leftNav ul{height:300px; }
.leftNav li{width:200px;height:50px;float:left}
.leftNav li a{display:block;height:50px; line-height:50px; font-size:14px; color:#94efff; position:relative; overflow:hidden; text-align:center;cursor:pointer;}
.leftNav li em{ display:none; text-transform:uppercase;}
.leftNav li.hover{background:#f15300 url(../images/zzweb/mian_08.jpg) 0px -182px!important;}
.leftNav li.hover a span{color:#fff; position:absolute; top:-50px;}
.leftNav li.hover em{ font-size:14px; color:#fff; font-style:normal; display:inline-block}
.navhover{background:#f15300 url(../images/zzweb/mian_08.jpg) 0px -182px!important;}
.navhover span{color:#fff; position:absolute; top:-50px;}
.navhover em{ font-size:14px; color:#fff !important; font-style:normal; display:inline-block !important}
.leftNav ul ul{display:none}
.leftNav ul li.hover ul{ left:200px;margin-top:-50px;width:500px;position:absolute;height:auto;overflow:hidden;}
.leftNav ul li.hover ul li{height:50px;padding:0; float:left; width:100px;background:#2691a3; border-right:solid 1px #2da4b7;border-bottom:solid 1px #2da4b7;}
.leftNav ul li.hover ul{display:block}
.leftNav ul li.hover ul li a{height:50px;line-height:50px; font-size:12px;border-top:0;border-bottom:0;color:#fff; background:#2691a3}
.leftNav ul li.hover ul li a:hover{background:#f15300;  border-right:solid 1px #f15300;border-bottom:solid 1px #f15300;}

.c_nav{padding-left:25px; padding-top:20px;height:80px; clear:both}
.c_nav a ,.fx a{width:30px; text-indent:100px; line-height:80px; height:30px; display:block; overflow:hidden; float:left; margin-left:15px; -webkit-transition-property: color, background;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in, ease-in;
}
.c_nav a:hover,.fx a:hover{color:#000;}
.xl{background: url(../images/zzweb/ico.png) -44px 0px no-repeat;}
.xl:hover{background: url(../images/zzweb/ico.png) no-repeat;}

.qq{background: url(../images/zzweb/ico.png) -44px -42px no-repeat;}
.qq:hover{background: url(../images/zzweb/ico.png) 0 -42px no-repeat;}

.wx{background: url(../images/zzweb/ico.png) -44px -84px no-repeat;}
.wx:hover{background: url(../images/zzweb/ico.png) 0px -84px no-repeat;}

.widthIndex ,.contentBox{ width:1000px;}
.rightBox{ padding-left:230px; height:100%; padding-top:30px;}
.contentBox{ position:relative}
.contentBox p{ margin:20px 0px; line-height:30px;}
.titleh2{background: url(../images/zzweb/title.png) no-repeat; height:78px; margin:20px 0px 30px 0px;}
.titleh2 a{display:block; float:right; width:60px; height:40px; text-align:center; color:#333; line-height:40px; text-transform:uppercase; font-size:11px; margin-top:14px; font-weight:normal;}
.titleh2 .h2More{background:#d6d6d4}
.titleh2 .h2Top{background:#f1f1f1}
.titleh2 .h2More:hover{background:#33b5cc; color:#fff}
.titleh2 .h2Top:hover{background:#f68e51; color:#fff}

.h2B{ background-position:0px -104px;}
.h2C{ background-position:0px -210px;}
.h2D{background-position:0px -315px; height:138px;}
.h2D a{ margin-top:50px;}
.boxes{
	height:100%; overflow:hidden; z-index:100
}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; overflow: hidden; text-align:center;}
.sbox{	height:450px;	width:20%;	float:left;	overflow: hidden;	position: relative; text-align:center;}
.indexJiudian li{ width:23%; margin-right:1%; *_margin-right:0.5%; float:left; overflow:hidden; position:relative; height:300px;}
.indexJiudian li img{position:absolute; left:0px; top:0px;}
.indexJiudian li img:hover{
filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* Moz + FF */
opacity: 0.5;}
.indexTips{ height:100%; overflow:hidden}
.indexTips dl{ float:left; width:45%; padding-right:5%}
.indexTips dl dt{ font-size:24px; color:#249aaf;}
.indexTips dl dt span{font-size:11px; color:#b5b5b5; font-weight:normal; display:block}
.indexTips dl dt span a{font-size:11px; color:#b5b5b5; font-weight:normal;}
.indexTips dl dd a{ display:block; height:100px; padding-bottom:60px; margin:15px 0px; background:url(../images/zzweb/more.png)  -60px 86px no-repeat; color:#5d5d5d}
.indexTips dl dd a:hover{ background-position: -60px -260px; font-weight:normal; }

.titleh3{ font-size:30px; color:#000000;}
.new_box .xx strong{font-weight:normal; margin-right:20px; display:block; float:left}
.new_box .xx {margin:10px auto; height:30px; color:#000000; font-size:11px; border-bottom: 1px dashed #E5E5E5; padding:10px 0px 15px;}
.new_content{font-size:14px; line-height:30px; color:#000000; padding-top:30px; height:100%; overflow:hidden}
.sx{ text-align:right; font-size:20px; margin-top:100px;}
.sx a{ padding:15px; color:#000000}
.sx a:hover{ color:#f15300}
.bdshare_b{ float:left;filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* Moz + FF */
opacity: 0.5;}
.caseNav a{ width:122px; height:68px; float:left; padding:0px 18px; display:block; background:url(../images/zzweb/title.png); line-height:3000px; overflow:hidden; border-bottom: solid 1px #e8e8e8}
.caseNav a:hover{border-bottom: solid 1px #f15300}
.caseNav .caseA{background-position: 0px -1255px !important;}
.caseNav .caseA:hover{background-position: 0px -1346px !important;}
.caseNav .caseB{background-position:-170px -1255px!important;}
.caseNav .caseB:hover{background-position: -170px -1346px !important;}
.caseNav .caseC{background-position:-347px -1255px!important;}
.caseNav .caseC:hover{background-position: -347px -1346px !important;}
.caseNav .caseD{background-position:-525px -1255px!important;}
.caseNav .caseD:hover{background-position: -525px -1346px !important;}
.caseNav .caseE{background-position: -705px -1255px !important;}
.caseNav .caseE:hover{background-position: -705px -1346px !important;}
.caseNav .caseF{background-position: -885px -1255px !important;}
.caseNav .caseF:hover{background-position: -885px -1346px !important;}

.caseNavs a{ width:90px; height:50px; float:left; padding:0px 15px; display:block; background:url(../images/zzweb/title.png); line-height:3000px; overflow:hidden; border-bottom: solid 1px #e8e8e8}
.caseNavs a:hover{border-bottom: solid 1px #f15300}
.caseNavs .caseA{background-position: -10px -1446px !important;}
.caseNavs .caseA:hover{background-position: -10px -1515px !important;}
.caseNavs .caseB{background-position:-139px -1446px!important;}
.caseNavs .caseB:hover{background-position: -139px -1515px !important;}
.caseNavs .caseC{background-position:-277px -1446px!important;}
.caseNavs .caseC:hover{background-position: -277px -1515px !important;}
.caseNavs .caseD{background-position:-400px -1446px!important;}
.caseNavs .caseD:hover{background-position: -400px -1515px !important;}
.caseNavs .caseE{background-position: -535px -1446px !important;}
.caseNavs .caseE:hover{background-position: -535px -1515px !important;}
.caseNavs .caseF{background-position: -670px -1446px !important;}
.caseNavs .caseF:hover{background-position: -670px -1515px !important;}
.caseImg {width:104%;}
.caseImg img{ margin-bottom:10px}
.caseImg .mr0{float:left; width:46%; height:570px; margin-right:4%;margin-bottom:20px}
.caseImg .mr0 .title{float:left; width:320px; height:20px;overflow:hidden}
.caseImg .mr0 .time{float:right;}
.caseImg .mr0 .more {clear:both; padding:10px 0px;}
.caseImg .mr0 .more a{display:block; background:#f4f4f4 url(../images/zzweb/moreimg.png) no-repeat 15px 8px; color:#8d8d8d; text-align:right; height:38px; line-height:38px; padding-right:15px;}
.caseImg .mr0 .more a:hover{background:#249aaf url(../images/zzweb/moreimgs.png) no-repeat 15px 8px;color:#fff;}
.caseImg .mr0 img:hover{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 
.photoimg{margin-top:50px; height:100%; overflow:hidden;}
.photoimg h2{ font-size:18px; height:80px; line-height:80px; text-transform:uppercase}
.photoimg img {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); margin-right:5px;} 
.photoimg img:hover{filter: grayscale(1%); -webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter:none; }

/*footerBox*/
.footerBox{ background:#f5f5f5; padding-left:200px; height:100%; padding-top:30px;}
.footerBoxA{ padding-left:30px;}
.newBox{ line-height:25px; margin-top:25px;}
.newBox a{
	color:#000000; margin-right:30px;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: 0.3s, 0.3s;
	-webkit-transition-timing-function: ease-in, ease-in;
}
.newBox a:hover{opacity:none;
	color:#000000;

}
.bottonA ,.bottonB{margin:20px 0px; clear:both; height:100%; overflow:hidden}
.bottonA a ,.bottonB a{float:left; display:block; float:left;background:url(../images/zzweb/title.png)  no-repeat}
.bottonA .bottonAl{width:740px; height:88px;background-position:0px -675px;}
.bottonA .bottonAr{width:260px; height:88px; background-position:-740px -675px;}
.bottonA .bottonAl:hover{background-position:0px -585px;}
.bottonA .bottonAr:hover{background-position:-740px -585px;}


.bottonB .bottonAl{width:565px; height:70px;background-position:0px -783px;}
.bottonB .bottonAr{width:175px; height:70px; background-position:-565px -783px;}
.bottonB .bottonAl:hover{background-position:0px -861px;}
.bottonB .bottonAr:hover{background-position:-565px -861px}

.footerNav {
	margin:0 auto;
    height: 210px;
	overflow: hidden;
	position: relative;
}
.footerNavBox {
    float: left;
    text-align: right;
    width: 16%;
	margin-right:0.6%;
}
.footerNavBox dt {
    background:#fff;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin-bottom:10px;
    padding-right: 8px;
	text-transform: uppercase;
}
.footerNavBox dd {
    font-family: Arial;
    line-height: 22px;
}
.footerNavBox dd li{height:22px; overflow:hidden; position:relative;}
.footerNavBox dd li a{display:block; height:40px; color:#777777}
.footerNavBox dd li a span{display:block}
.footerNavBox dd li a:hover{ color:#C30; position:absolute; top:-22px; right:0px;}
.footerBoxBtext{position:relative}
.footerBoxB{border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; padding:20px 40px;}
.footertext{ padding:20px 0px; background:url(../images/zzweb/title.png)  0px -1043px no-repeat; height:60px; padding-left:130px; line-height:20px;}
.footertext .call{font-family:Georgia; color:#d00202}
.footertext li{float:left; width:30%; margin-right:5%;}
.Address{font-family:Georgia;width:32%!important; font-style:italic;color:#909090}
.footertext .fx{width:25%; float:right; margin-right:0px;}
.footertext .fx a{float:right;}
.fx .xl{background: url(../images/zzweb/ico2.png) no-repeat;}
.fx .xl:hover{background: url(../images/zzweb/ico2.png) -44px 0px no-repeat;}

.fx .qq{background: url(../images/zzweb/ico2.png) 0px -42px no-repeat;}
.fx .qq:hover{background: url(../images/zzweb/ico2.png) -44px -42px no-repeat;}

.fx .wx{background: url(../images/zzweb/ico2.png) 0px -84px no-repeat;}
.fx .wx:hover{background: url(../images/zzweb/ico2.png) -44px -84px no-repeat;}

.jszc{ background:#e8e8e8; color:#fff; line-height:20px !important; height:20px!important; text-indent:10px!important;border-radius: 30px; width:120px !important;}

.footerBq{  text-align:right; padding:20px 0px;}
.footerLink{ background:#000; padding:40px;color:#656565}
.linkBox a{color:#656565;margin-right: 15px;

-webkit-transition-property: color, background;
-webkit-transition-duration: 0.3s, 0.3s;
-webkit-transition-timing-function: ease-in, ease-in;}

/*topdown*/
.topDown-box{
	position: absolute;
	top:-10px;
	right: -60px;
	z-index: 1000;
}
.iconSmall-tel{ width:20px; height:20px; line-height:20px; background:#0F0000 }
.topDown-box span { display:block;	background:url(../images/zzweb/ico2.png) 0px -182px no-repeat; cursor: pointer;}
.iconSmall-top{width:39px; height:60px;}
.iconSmall-top:hover{background-position:-39px -182px}
.iconSmall-down{width:39px; height:68px; background-position:0px -242px !important; }
.iconSmall-down:hover{ background-position:-39px -242px!important; }

.iconSmall-topA{width:16px; height:60px; background:url(../images/zzweb/ico2.png) 0px -310px no-repeat!important;}
.iconSmall-topA:hover{background-position:-16px -310px!important}
.iconSmall-downA{width:16px; height:68px; background-position:0px -372px !important; }
.iconSmall-downA:hover{ background-position:-16px -372px!important; }

/*page*/
.crumbs {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 50px;
padding: 25px 0px;
margin-top:50px;
color:#7e7e7e;
text-align:right
}
.crumbs a { color:#249aaf;}
.crumbs strong{float:left; font-size:24px; font-weight:normal;}
.news dl {border-bottom: 1px solid #e5e5e5; margin-bottom:40px;}
.entext{ font-size:11px; line-height:18px!important; color:#bcbcbc; font-family:Georgia}
.serviceImg{height:100%; padding:30px 10px; overflow:hidden}
.serviceImg img{margin-right:20px auto;}
.serviceImg h3{ background:url(../images/zzweb/titles.png) no-repeat 50% 0px; height:140px; margin:30px auto}
.serviceImg .Prepare{ background-position:50% -190px;}
.serviceImg .Humanistic{ background-position:50% -414px;}
.zpTitle{ font-size:18px; text-transform:uppercase; line-height:30px;}
.zpTitle font{font-size:45px; color:#f15307}
.zpText{ font-size:14px; padding:20px; line-height:30px; color:#333;}
.barndText{text-align:center;}
.barndText h3{ font-size:30px; color:#249aaf; font-weight:normal;}
/* 分页 */
#pages { font-family:宋体; width:1000px; font-family:Georgia,  "Times New Roman", Times, serif;padding:10px 0px 0px 0px;  font-size:16px; height:50px; clear:both; position:relative;}
#pages a { padding:5px 8px;display:inline-block;  height:15px; margin-right:15px; line-height:15px; text-align:left; color:#fff;  color:#333; }
#pages a.a1 { margin:0px 5px; }
.a1,.a2{color:#c7c7c7!important;}
#pages .a2{ position:absolute; right:0px; top:18px;}
#pages .as{font-size:12px;}
#pages a:hover {color:#e10000; text-decoration:none; border-bottom:solid 1px #f15300}
#pages span { display:inline-block;color:#e10000; border-bottom:solid 1px #f15300 text-align:center;margin-right:15px;padding:5px 8px}
.page .noPage { display:inline-block; width:55px; height:45px; line-height:45px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; text-align:center; color:#a4a4a4; }
#pagel,#pager{; font-size:40px !important;}
.mintop{ background:#2e99ab; line-height:50px; height:50px;color:#fff; }
.mintop a{ color:#fff; padding:0px 10px;}
.bodymin{background-repeat: no-repeat;background-position: center 50px;
}
.imgHongd{ text-align:center;}
.imgHongd img{display:block;margin: 0 auto;}

.contenttext{ font-family:Felix Titling MT Std;font-style:oblique; margin:40px 0px;}
.contenttext li {border-bottom: 1px dashed #D4D4D4; padding:27px 0px}
.contenttext li strong{font-size:36px;  font-weight:normal; padding-right:20px; text-transform:uppercase;}
.contenttext small{ font-size:12px; font-family:Georgia;  height:40px; display:block;font-style:oblique; color:#444444;}
.contenttext .call{ font-size:30px; color:#d30403; }
.contenttext .call b{font-size:16px; font-weight:normal;}
.contenttext li a{margin:0px 10px;}
.addr{ font-size:14px; font-style:normal; padding-left:210px !important; position:relative;}
.addr strong{left:0px;  position:absolute;}
.addr small{ font-size:12px; font-family:Georgia; height:20px; display:block;font-style:oblique; color:#818181;}

#caseNavid {border-bottom:solid 1px #e8e8e8; height:60px; overflow:hidden; margin-top:20px; padding-bottom:20px;}
#caseNavid a{ float:left; display:inline-table; font-size:22px; color:#000; margin:0px 5px; padding:0px 6px; height:60px; }
#caseNavid a span{ font-size:12px; text-transform:uppercase; color:#a4a4a4; display:block;}
#caseNavid a:hover{border-bottom:solid 1px #f15300;color:#f15300;}
#caseNavid a:hover span{color:#f15300;}
.navshover{color:#f15300!important;}

#focus { width: 1000px; height:600px; clear: both; overflow: hidden; position: relative; float: left; }
    #focus ul { width: 1000px; height: 600px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
        #focus ul li { float: left; width: 1000px; height: 600px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
    #focus .preNext { width: 150px; height: 600px; position: absolute; top: 0px; cursor: pointer; }
    #focus .pre { left: 0; background: url(../images/zzweb/sprite.png) no-repeat left center; }
    #focus .next { right: 0; background: url(../images/zzweb/sprite1.png) no-repeat right center; }