*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.nav-inner{width:1100px; clear: both; margin:0 auto; overflow: hidden;}

/*栏目名*/
.title { display: block;  margin:60px auto 13px;}
.title1 { display: block;  margin:60px auto 13px;}
.more{ width: 178px; height: 43px; line-height: 43px; font-size: 18px; color: #666; display: block; margin:35px auto 0 ; border: solid 1px #ddd; text-align: center;}
.more:hover{ color:#00a0e9 ;}
/*头部*/
.area1{background:url(../images/banner.jpg) no-repeat center top; height:560px; margin:0 auto;}
.area1 img{ display: block; margin: 550px 0 0 0;}

/*菜单*/
.area2{height: 65px;background: #181818;}
.area2 .nav-inner ul {height: 65px; position:relative;}
.area2 .nav-inner ul li:first-child{ width: 121px;}
.area2 .nav-inner ul li{ float: left; width: 122px;  height: 65px; line-height: 65px; text-align:center;}
.area2 .nav-inner ul li a.first { color:#FFFFFF;background: #00a0e9;}
.area2 .nav-inner ul li a.selected { color:#ffc000;}
.area2 .nav-inner ul li a{display: block; color: #FFF;font-size: 18px; height: 65px; line-height: 65px; z-index:1;}
.area2 .nav-inner ul li a:hover{ text-decoration: none; color:#00a0e9;}
.area2 .nav-inner ul li a.first:hover { color:#FFFFFF;background: #ffc000;}




/*新闻简讯*/

.area3 .title3{ width:412px;background:url(../images/xwjx_t.jpg) no-repeat center right}

.area3 .jdt .img-box { width:750px; float:left;}
.area3 .jdt .img-box ul {width:750px; height:400px; position:relative;z-index:-1;}
.area3 .jdt .img-box li {width:750px; height:400px; position:absolute;}
.area3 .jdt .img-box img { width:750px; height:400px;z-index:-1;}
.area3 .jdt .jdt-tit { width:333px; float:right;}
.area3 .jdt .jdt-tit li { height: 56.1px; color: #333; width: 333px; float: right; border-bottom: solid 1px #e6e6e6; overflow:hidden; line-height:56px; transition:all .3s; cursor:pointer;}
.area3 .jdt .jdt-tit li a { font-size:15px;  color: #181818;  overflow:hidden; display:block; padding-left:30px;  }
/*.area3 .jdt .jdt-tit li p { height:40px; overflow:hidden;margin-left:50px; padding:10px 0 15px 0; border-bottom:1px #333333 dotted;  }*/
.area3 .jdt .jdt-tit li.hover { background-position:0 0; border-top:0 ;background:url(../images/xwjx_arrow.png) no-repeat left center; }
.area3 .jdt .jdt-tit li.hover a{ color: #00a0e9; height: 54px ; line-height: 54px; background: url(../images/jt.png) no-repeat 8px center;  border: solid 1px #00a0e9;}
.area4 img{ display: block; margin: 60px auto 0;} 


.area13 .newslist{margin:10px auto; overflow:hidden;}
.area13 .newslist li{background:url(../images/icon_li.gif) no-repeat 10px 14px; border-bottom:1px dashed #ccc; height:40px; line-height:40px; overflow:hidden; padding-left:20px;}
.area13 .newslist li a{font-size:13px;color:#333; 1}

/*品牌推介内页*/
.area15{ height:400px;  padding:20px 0 45px 0;}
.area15 .title4{ width:350px;}
.area15 .pptjbox{ height:350px; overflow:hidden; padding-top:5px; margin-top:15px;}
.area15 .pptjbox li { width:122px; float:left;margin: 0 10px 10px 10px; line-height:18px; text-align:center; _display:inline;}
.area15 .pptjbox li img { width:120px; height:120px; border:1px solid #e6e9ed; margin-bottom:5px;}
.area15 .pptjbox li p { color:#37b8fc; height:18px; overflow:hidden;}
.area15 .pptjbox li h3 {height:18px; overflow:hidden;}

/*展馆全攻略*/

.area4 .title5{ width:530px; background:url(../images/zhgl_t.jpg) no-repeat center right;}
.area4 .zgglbox div{ float:left; width:536px; height:348px;  }
.area4 .zgglbox div img{  width:536px; height:348px }
.area4 .zgglbox ul { width:540px; float:right; margin-top:-10px;}
.area4 .zgglbox li { float:left; margin-left:10px;margin-top:9px; display:inline;}
.area4 .zgglbox li a { display:block; text-align:center; height:60px; width:78px; color:#333333; font:23.97px/60px "microsoft yahei"; background:#f6f6f6; border:1px solid #eaeaea; border-radius:5px; overflow:hidden; line-height:60px;}
.area4 .zgglbox li a:hover { background:#417aed; color:#fff; border-color:#417aed;}
.area5 img{ display: block;}

/*闲话栏*/


.prev,.next, .aprev,.anext { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:58px; height:120px; position:absolute; float:left; z-index:5}
.area6 .more{ margin-top: 25px;}
.area6 .title{ margin-bottom: 18px;}
		.picScroll-left{ overflow:hidden; position:relative;  padding-left: 80px;  }
	

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:20px; background: #333; position: relative; width: 220px;  height: 350px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li img{ display: block;  width: 220px; height: 220px; margin: 0 auto;} 
/*.picScroll-left .bd ul li .con{ background:  #f6f6f6;  position: absolute;  top:65px; height: 313px; border: solid 1px #eee;}
*/
.area5 ul li img{ width: 350px; height: 238px;}
.picScroll-left .bd ul li h2{ font-size: 28px; color: #fff; margin: 3px auto 3px; }
.picScroll-left .bd ul li h3{ font-size: 14px; color: #bbb;}
.picScroll-left .bd ul li h4{ font-size: 20px; color: #bbb; margin-top: 5px;}
/*.picScroll-left .bd ul li p{ font-size: 13px; line-height: 20px;  text-align: justify; padding: 10px 10px 0 10px; color: #999; margin: 7px 10px 0 10px ;  height: 100px; border-top: solid 1px #ececec;}*/
.picScroll-left .bd ul li span{ padding-left:10px;}
.picScroll-left .bd ul li:hover .con{ background: #333;}
.picScroll-left .bd ul li:hover h2{ color: #fff;}
.picScroll-left .bd ul li:hover h3{ color: #fff;}
.picScroll-left .bd ul li:hover h4{ color: #ddeefb;}
.picScroll-left .bd ul li:hover p{ border-top: solid 1px #444;}
.picScroll-left .bd ul li{transition:all ease-in-out .3s; margin-top: 10px; margin-bottom: 10px;}
.picScroll-left .bd ul li:hover { transform:translate(0px,-10px); background: #00a0e9; }
.picScroll-left .next:hover{ position:absolute;z-index: 10; background: url(../images/4.jpg) no-repeat center top;  cursor:pointer;  }
.picScroll-left .prev:hover{ position:absolute;  background: url(../images/3.jpg) no-repeat center top;  cursor:pointer;  }
.picScroll-left .next{z-index: 10; width: 58px; height: 120px; position:absolute;top:115px;left:0; background: url(../images/1.jpg) no-repeat center top;   cursor:pointer;  }
.picScroll-left .prev{z-index: 10;width: 58px; height: 120px; position:absolute; top:115px;right:0px; background: url(../images/2.jpg) no-repeat center top;   cursor:pointer;  }

.product ul { height:501px; position:relative; }
.product li { width:350px; height:238px; display:inline; float:left; overflow:hidden; margin-right:30px; margin-bottom:25px; position:relative; }
.productli a { display: inline-block; width:320px; height:213px; position:relative; float:left; overflow:hidden; }
.product .Icon_L, .product .Icon_R { display: block; width: 350px; height: 100%; position:absolute; top:0; }
.product .Icon_L { left:-350px; background:url(../images/bg_left.png) 0 0 repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../images/bg_left.png');
}
.product .Icon_R { background:url(../images/bg_right.png) 0 0 repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../images/bg_right.png');
left:350px; }
.product .tit-s { display: block; width:100%; height:35px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);
background:rgba(0, 0, 0, 0.7); font:16px/35px "Microsoft YaHei"; color:#fff; text-align:center; position:absolute; bottom:0px; left:0px; }
.product .txt-p { position:absolute; top: 35%; left: 8%; margin-top:-10%; color:#fff; display:none; overflow:hidden; width: 85%; height:118px; font:16px/28px "Microsoft YaHei"; }
.product li.first { position:absolute; right:0; width:340px; height:500px; margin-right:0; }
.product li.first a img { width:340px; height:500px; }
/*新品栏*/
.area8 .jcImgScroll #sPrev{ position:absolute; top:170px; left:5px; width: 32px; height: 63px;  cursor:pointer; background: url(../images/left.png) no-repeat top center;   }
.area8 .jcImgScroll #sNext{ position:absolute;top:170px;left:1063px;  width: 32px; height: 63px; cursor:pointer;  background: url(../images/right.png) no-repeat top center; }
.area8 .jcImgScroll { position:relative; height: 415px;  }
.area8 .jcImgScroll li img{display:block; width: 610px; height: 415px;  margin: 0 auto;}
.area8 .jcImgScroll p{ font-size: 16.01px; display: none; width: 100%; color: #fff; text-align: center; line-height: 40px; height: 40px; background: rgba(0,0,0,0.4); position: absolute; bottom: 0; text-align: center;}
.area8 .jcImgScroll li:hover p{ display: block;}
/*花絮栏*/

.area7 .hxlbox .sPic{float:left;width:760px; height:500px; overflow:hidden;}
.area7 .hxlbox .sPic img {width:350px; height:238px;}
.area7 .hxlbox .sPic li{ float:left;width:350px; position: relative; height:238px; margin-bottom:30px; margin-right:30px;}
.area7 .hxlbox .bPic {float:left;width:340px; height:500px;}
.area7 .hxlbox .bPic img { width:340px; height:500px;}
.area7 .hxlbox p{ font-size: 16.01px; width: 100%; color: #fff; background: rgba(0,0,0,0.4); display: none; bottom:0px; position: absolute; text-align: center; height: 40px; line-height: 32px;  }
.area7 .hxlbox ul li:hover p{ display: block;}
.area7 .hxlbox .bPic li{ position: relative;}


.area9 img{ display: block; margin: 0 auto;} 
.area10{ height: 250px; margin-top: 120px; background: #222222 url(../images/bottom.jpg) no-repeat center center;}

.area11 .picScroll-left{ margin-top: 25px;}
.page A{ border-radius: 5px;}
/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); }