*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;}
@font-face {
font-family: 'youyuan';
  src: url('../images/font/sfont.eot');
  src:
   url('../images/font/sfont.woff2') format('woff'),
    url('../images/font/sfont.woff') format('woff'),
    url('../images/font/sfont.ttf') format('ttf'),
    url('../images/font/sfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*栏目名*/
.title { height: 84px; background: url(../images/line.png) no-repeat center 15px; margin: 80px auto 40px; }
.title h2{  font-size: 48px; font-weight: bolder; line-height: 45px; color: #e84f23; text-align:center; font-family: "youyuan";}
.title h3{  font-size: 24px; color: #666; text-align:center; font-family: "youyuan"; line-height: 52px;}
h4{ font-size: 30px; color: #e84f23; text-align: center; margin-bottom: 20px; background: url(../images/line3.png) no-repeat center top; line-height: 25px; height: 27px; font-family: "youyuan";}
.title1 { display: block;  margin:60px auto 28px;}
.more{ width: 150px; height: 43px; line-height: 43px; border-radius: 5px; font-size: 17.97px; color: #919191; display: block; margin:25px auto 0 ; border: solid 1px #999; text-align: center;}
.more:hover{ color: #333;} 
/*头部*/
.area1{background:url(../images/banner.jpg) no-repeat center top; height:720px; margin:0 auto;}


/*菜单*/
.area2{height: 70px;background: #262626;}
.area2 .nav-inner ul {height: 70px; position:relative;}
/*.area2 .nav-inner ul li:first-child{ width: 95px;}*/
.area2 .nav-inner ul li{ float: left; width: 157px;  height: 70px; line-height: 70px; text-align:center;}
.area2 .nav-inner ul li a.first { color:#fff;background: #e84f23;}
.area2 .nav-inner ul li a.selected { color:#ffc000;}
.area2 .nav-inner ul li a{display: block; color: #FFF;font-size: 20px; height: 70px; line-height: 70px; z-index:1;}
.area2 .nav-inner ul li a:hover{ text-decoration: none; color:#00a0ea;}
.area2 .nav-inner ul li a.first:hover { color:#fff;background: #ec3906;}




/*新闻简讯*/

.area3{ background: url(../images/bg2.jpg); padding-bottom: 80px; }
.area3 .title{ background: url(../images/line1.png) no-repeat center 15px;}
.area3 .jdt .img-box { width:480px; float:left;}
.area3 .jdt .img-box ul {width:480px; height:360px; position:relative;}
.area3 .jdt .img-box li {width:480px; height:360px; position:absolute;}
.area3 .jdt .img-box img { width:480px; height:360px;}
.area3 .jdt .jdt-tit { width:600px;  float:right;margin-top:-5px;}

.area3 .jdt .jdt-tit li {height:92px;  overflow:hidden; cursor:pointer;}
.area3 .jdt .jdt-tit li a { font-size:16px; border-bottom: dashed 1px #626262;  height:87px; overflow:hidden; display:block; margin-left:40px; }
.area3 .jdt .jdt-tit li h2 {font-size: 16px; font-weight: bolder; color: #333; margin-bottom: 10px; }
.area3 .jdt .jdt-tit li.hover { background-position:0 0; background:url(../images/xwjx_arrow.png) no-repeat left center; }
.area3 .jdt .jdt-tit li.hover h2{ color: #e84f23;}
.area3 .jdt .jdt-tit li:first-child a{ border-top:0 !important}
.area3 .jdt .jdt-tit p{ font-size: 14px; color: #666;}

.area4{background: url(../images/bg1.jpg) no-repeat center top; padding-bottom: 70px;}
.area4 p{  font-size: 14px; color: #666; text-align:center; line-height: 30px; padding: 385px 30px 0 30px; }
.area5{ padding-top: 80px;}
.area5 .inner{ position: relative; height: 420px;}
.area5 a{ display: block; position: absolute;}
.area5 .a1{ width: 230px; height: 35px; left:135px; bottom: -6px;}
.area5 .a2{ width: 437px; height: 35px; right:35px; bottom:-6px;}
.area5 .title{ margin-top: 0px;}
.area11{ background: url(../images/bg4.jpg) no-repeat center top; margin-top: 80px;}
.area11 .title{ background: url(../images/line1.png) no-repeat center 15px;}
.area12{ padding-bottom: 80px;}
.area12 p{  font-size: 14px; color: #666; text-align:center; line-height: 30px; padding:0px 30px 30px 30px; }
.area12 .title{ margin-bottom: 30px;}
.area7{ background:  url(../images/bg6.jpg) no-repeat center top; padding-bottom: 70px;}
.area7 .title{ background: url(../images/line1.png) no-repeat center 15px;}
.area7 .left { width: 240px; float: left;}
.area7 .left li{ width: 240px; font-size: 20px; cursor: pointer; color: #fff;  height: 50px; line-height: 50px; text-align: center; margin-bottom: 5px;}
.area7 .left li.o{ background: #cacaca;}
.area7 .left li.t{ background: #f6b506;}
.area7 .left li.three{ background: #f69906;}
.area7 .left li.f{ background: #f68806;}
.area7 .left li.four{ background: #f68806;}
.area7 .left li.five{ background: #e86d23;}
.area7 .left li.s{ background: #e85b23;}
.area7 .left li.seven{ background: #e84823;}
.area7 .left li.e{ background: #e83123;}
.area7 .right { width: 860px; float: left;}
.area7 .right li{ width: 860px; height: 435px;}
.area7 .right li img{ width: 860px; height: 435px;}
.area7 h5{ clear: both; font-size: 14px; color: #666; line-height: 35px;}
.area7 h5 span{ font-weight: bolder; font-size: 18px; color: #e84f23; }
.area8 h4, .area10 h4{ margin-top: 80px;}
.area6{ background:  url(../images/bg7.jpg) no-repeat center top; margin-top: 74px;  padding-bottom: 70px;}
.area6 h4{ margin-top: 80px;}
.area6 .top{ width: 420px; margin: 0 auto;}
.area6 .top li{ width: 100px; cursor: pointer; background: #fce8b2; margin: 0 20px; border-radius: 5px; font-size: 18px; float: left; color: #e84f23;  height: 30px; line-height: 30px; text-align: center; margin-bottom: 20px;}
.area6 .top li.active{color: #fff; background: #e84f23;}
.area6 .bottom li{ height: 703;}
.area6 .bottom li img{ height: 703; width: 1100px;}
.multipleColumn{ overflow:hidden; position:relative; padding-left: 80px; padding-bottom: 60px;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;  }
.multipleColumn .bd ul li{ width: 300px; cursor: pointer; margin: 0 20px 20px 0; position: relative;  height: 185px;  float:left;  }
.multipleColumn .bd ul li img{ width: 300px; height: 185px; }
.multipleColumn .bd ul li p{ position: absolute; display: none; left: 0; text-align: center; line-height: 185px; top:0; width: 300px; height: 185px; background:rgba(0,0,0,0.5);} 
.multipleColumn .bd ul li:hover p{ display: block;}
.multipleColumn .prev{cursor:pointer; width:41px; left: 0; top:154px; background: url(../images/prev.png) no-repeat center top;  height:82px; position:absolute; float:left; z-index:7}
.multipleColumn .next{cursor:pointer; width:41px; right: 0; top:154px; background: url(../images/next.png) no-repeat center top;  height:82px; position:absolute; float:left; z-index:7}
/*.multipleColumn .prev:hover{background: url(../../img/172/3.png) no-repeat center top; }
.multipleColumn .next:hover{background: url(../../img/172/4.png) no-repeat center top; }*/
.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;}

/*展馆全攻略*/


.ban{ width:1100px;  position:relative; overflow:hidden; }
.ban2{ width:1100px; height:218px; position:relative; overflow:hidden; margin-top:10px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1100px; height:500px; background: url(../images/bg2.jpg) no-repeat center top;}
.ban2 ul li legend{ font-size:20px; color:#959595; padding:0 10px; margin:0 135px;}
.ban2 ul li .left{ width:225px; float:left;}
.ban2 ul li .left .logo{ width:165px; height:85px; display:block; margin:45px 0 20px 40px;}
.ban2 ul li .left h3{ font-size:18px ; background: #00a0e9; color:#fff; text-align: center; overflow:hidden; line-height: 35px; width: 205px; height: 35px;  margin:15px 10px 40px 18px; }
.ban2 ul li .middle{ width:478px; float:left; margin-top: 38px; margin-left:20px;}
.ban2 ul li .right{ width:330px; height:160px; margin-top: 38px; float:right; margin-right:25px}
/*.ban2 ul li .middle h4{ width:70px; height:20px; font-size:15px ; color:#fff; overflow:hidden; background:#434343; text-align:center; line-height:18px; }*/
.ban2 ul li .middle p{  font-size:13px ; color:#333; overflow:hidden;line-height:24px; text-indent:2em; text-align:justify;}

.num{ height:120px;overflow:hidden; width:1000px; position:relative;float:left;}
.min_pic{  width:995px; overflow:hidden; margin:0 auto;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:120px; height:120px; margin-right:55px; border-radius:50%; background:#434343; color:#fff; font-size:20px; line-height:115px; text-align:center; cursor:pointer;}
.num ul li.on{ background:#00a0e9; color:#fff;}

.area11 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 .title{ margin-bottom: 18px;}
		.picScroll-left{ overflow:hidden; position:relative;  padding-left: 70px;  }
	

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 10px; position: relative; width: 218px;  height: 385px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picScroll-left .bd ul li img{ display: block;border-radius: 50%; left: 44px; position: absolute; z-index: 15; width: 130px; height: 130px; margin: 0 auto;} 
.picScroll-left .bd ul li .con{ background:  #f6f6f6; width: 218px;  position: absolute;  top:65px; height: 313px; border: solid 1px #eee;}
.picScroll-left .bd ul li h2{ font-size: 26px; color: #000; margin-top: 70px;}
.picScroll-left .bd ul li h3{ font-size: 14px; color: #333;}
.picScroll-left .bd ul li h4{ font-size: 16px; color: #333;}
.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: #ccc;}
.picScroll-left .bd ul li:hover h4{ color: #ccc;}
.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;}
.picScroll-left .bd ul li:hover { transform:translate(0px,-10px); }
.picScroll-left .next:hover{ position:absolute;top:175px;left:1034px;background-position: 0 0;  cursor:pointer;  }
.picScroll-left .prev:hover{ position:absolute; top:175px;left:0px;background-position: -58px 0;  cursor:pointer;  }
.picScroll-left .next{ position:absolute;top:175px;left:1034px;background-position: -174px 0;  cursor:pointer;  }
.picScroll-left .prev{ position:absolute; top:175px;left:0px;background-position: -116px 0;  cursor:pointer;  }

/*新品栏*/
.area8 .jcImgScroll #sPrev{ position:absolute; top:170px; left:5px;  cursor:pointer; background: url(../images/5.png) no-repeat top center;   }
.area8 .jcImgScroll #sNext{ position:absolute;top:170px;left:1063px;  cursor:pointer;  background: url(../images/6.png) no-repeat top center; }
.area8 .jcImgScroll { position:relative; height: 415px;  }
.area8 .jcImgScroll li.select 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 .product ul { height:500px; position:relative; }
.area7 .product li { width:350px; height:240px; display:inline; float:left; overflow:hidden; margin-right:30px; margin-bottom:20px; position:relative; }
.area7 .product li a { display: inline-block; width:350px; height:500px; position:relative; float:left; overflow:hidden; }
.area7 .product li img{ width:350px; height:240px;} 
.area7 .product .Icon_L, .area7 .product .Icon_R { display: block; width: 350px; height: 100%; position:absolute; top:0; }
.area7 .product .Icon_L { left:-350px; background:url(../images/pro-bg1.png) 0 0 repeat-y; );
}
.area7 .product .Icon_R { background:url(../images/pro-bg2.png) 0 0 repeat-y; );
left:350px; }
.area7 .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; }
.area7 .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"; }
.area7 .product li.first { position:absolute; right:0; width:340px; height:500px; margin-right:0; }
.area7 .product li.first a img { width:340px; height:500px; }


.area9{height: 370px; background:url(../images/bg9.jpg) no-repeat center top; margin-top: 80px; }


.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); }