@charset "utf-8";

/***************************窄屏样式(start)***************************/
#brand .w1000 .b_lft{ width:550px;}
#brand .w1000 .b_lft .pic{ text-align:center; width:150px; height:236px; margin-right:22px;}
#brand .w1000 .b_lft .pic img{ max-width:100%;}
#brand .w1000 .b_lft .p{ line-height:26px; font-size:14px; padding:10px 0;}


#about .w1000 .pic{width:527px;}
#about .w1000 .img_all{ width:527px;}
#about .w1000 .p{width:530px;}
#about .w1000 .p .c{ line-height:22px;}

#art .w1000 .cont{ width:300px; margin-right:32px;}
#art .w1000 .book{  width:650px;}
#art .w1000 .book .item{ width:312px;}
#art .w1000 .book .item .txt{ width:245px;}
#art .w1000 .book .item .txt input{ width:245px;}
#art .w1000 .book .content .txt textarea{ width:635px;}
#art .w1000 .book .content .sub{ margin-left:11px;}

/***************************窄屏样式(end)***************************/

#ban{ height:600px; position:relative; z-index:100;}
#ban .banList ul{ width:100%;}
#ban .banList li{ height:600px; width:100%; overflow:hidden;}
#ban .banList li a{ display:block; height:100%; width:100%;}

#ban .hd{ height:10px; overflow:hidden; position:absolute; left:0; bottom:10px; z-index:1; width:100%; } 
#ban .hd ul{ overflow:hidden; zoom:1; float:right;} 
#ban .hd ul li{ float:left; margin-left:5px; width:46px; height:3px;  background:#ffffff; cursor:pointer; } 
#ban .hd ul li.on{ background:#e8e05b;} 

#brand{ height:392px;}
#brand .brand_side{position:relative;}
#brand .b_lft{ width:705px;}
#brand .b_lft .pic{ text-align:center; width:203px; height:236px; margin-right:22px;}
#brand .b_lft .p{ line-height:26px; font-size:14px; padding:10px 0;}
#brand .b_lft .more{ color:#7e7e7e; padding-left:14px;  margin-top:10px; background:url(../style/index_more.jpg) no-repeat left center;}

#brand .ad_change{ width:446px; height:235px; position:absolute; top:75px; right:0; z-index:10;}
#brand .banList ul{ width:100%;}
#brand .banList li{ height:757px; width:100%; overflow:hidden;}
#brand .banList li a{ display:block; height:100%; width:100%;}

#brand .ad_page{ width:118px; height:36px; z-index:11; position:absolute; top:252px; right:392px; background:url(../style/ad_page.png) no-repeat;}
#brand .ad_page span{ width:50%; height:100%; cursor:pointer;}

#brand .name_all{ position:absolute; bottom:10px; right:10px; width:20%; height:25px; line-height:25px; background:url(../style/ad_about_bg.png); z-index:15; color:#fff;}
#brand .name_all .pre,#brand .name_all .next{ margin-top:6px; margin-right:6px;}

#brand .hd{ height:35px; float:left; width:50px;} 
#brand .hd ul{ overflow:hidden; zoom:1; padding-left:5px;} 
#brand .hd ul li{ float:left; margin-left:5px; line-height:25px; color:#fff; display:none; cursor:pointer; } 
#brand .hd ul li.on{ display:block;} 



#about{ height:391px; background:url(../style/about_bg_all.jpg) no-repeat center top;}
#about .pic{ height:297px; width:627px; margin-top:33px; position:relative; z-index:10;}
#about .img_all{ height:297px; width:627px; overflow:hidden; position:relative;}

#about .name_all{ position:absolute; bottom:0; left:0; width:100%; height:35px; line-height:35px; background:url(../style/ad_about_bg.png); z-index:15; color:#fff;font-size:14px;}
#about .name_all .pre,#about .name_all .next{ margin-top:12px; margin-right:12px;}

#about .banList ul{ width:100%; height:100%;}
#about .banList li{ height:297px; width:100%; overflow:hidden;}
#about .banList li a{ display:block; height:100%; width:100%;}

#about .hd{ height:35px; float:left; width:70px;} 
#about .hd ul{ overflow:hidden; zoom:1; padding-left:12px;} 
#about .hd ul li{ float:left; margin-left:5px; line-height:35px; color:#fff; display:none; cursor:pointer; } 
#about .hd ul li.on{ display:block;} 

#about .p{ height:290px; width:630px; margin-top:63px; position:relative; z-index:11; margin-left:-57px;}
#about .p .t{ font-size:24px; margin-top:34px; margin-left:50px; height:40px; font-weight:bold;background:url(../style/about_t.jpg) no-repeat left bottom; position:relative; z-index:12;}
#about .p .c{ margin:12px 50px; line-height:24px; font-size:14px; position:relative; z-index:12;}
#about .p .more{ color:#7e7e7e; margin-right:50px; padding-left:14px; background:url(../style/index_more.jpg) no-repeat left center; position:relative; z-index:12;}
#about .p .img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:11;}

#art{ /*height:535px;*/ overflow:hidden;}
#art .t{ height:36px; font-size:18px; font-weight:bold;font-family:'FugazOne-Regular' ; font-weight:100;}
#art .cont{ width:375px; margin-right:22px;}
#art .cont .item{ position:relative; line-height:28px; padding-left:28px; font-size:14px; margin-bottom:25px;}
#art .cont .item img{ position:absolute; top:3px; left:0;}

#art .book{ width:790px;}
#art .book .item{ height:27px; width:380px; margin-left:12px;}
#art .book .item .name{ width:65px; line-height:27px; font-size:14px; float:left;}
#art .book .item .txt{ width:312px; height:27px; float:left;}
#art .book .item .txt input{ width:312px; height:25px; border:1px solid #a19f9f;}

#art .book .content{ width:100%;margin-left:12px;}
#art .book .content .name{ width:65px; line-height:27px; font-size:14px; float:left;}
#art .book .content .txt{ width:710px; float:left;}
#art .book .content .txt textarea{ width:703px; height:112px; border:1px solid #a19f9f;}
#art .book  .sub{display:block;width:90px;height:30px; background:#d61607; text-align:center; line-height:30px; font-size:14px;color:#fff; margin-left:77px;}

#art .t_link{ border-bottom:1px solid #a9a9a4; position:relative;}
#art .t_link img.pre{ position:absolute; top:5px; right:25px; cursor:pointer;}
#art .t_link img.next{ position:absolute; top:5px; right:0; cursor:pointer;}

.link_obj{ height:70px;}
.link_obj .item{ float:left; width:140px; margin-right:62px;}

.cataiddiv{ background-color:#f4f4f4}
.cataid{ display:inline-block; width:1200px; margin:40px auto; text-align:center}
.cataid li{ float:left; margin-left:26px; width:280px; height:168px;}
.cataid li:first-child{ margin-left:0}
.cataid img{ opacity:0.9}
.cataid img:hover{ opacity:1}
.indexabout{ width:550px; height:120px; overflow:hidden}