﻿@charset "utf-8";
/* CSS Document */

/* home */
.home { margin-bottom:30px; }
.banner{ width:100%; position:relative; }
.bg { background:url(../images/bj0.png) repeat; width:100%; height:100%; position:absolute;   }
.changeDiv{ position:absolute; top:0px;left:0px; display:none;}
.changeDiv img { width:100%; }
.ul_change_a2{ position:absolute; right:30px; top:46%; overflow:hidden; width:13px; padding:10px 0; }
.ul_change_a2 li{ height:13px; margin-top:16px;}
.ul_change_a2 span{ display: -moz-inline-stack; display:inline-block; *zoom:1; background:url(../images/icon02.png) left top no-repeat;width:13px; height:13px; cursor:pointer; }
.ul_change_a2 span.on{ background-position:left bottom; }

.home_last { border-top:1px solid #4d4d4d; text-align:center; position:relative; z-index:9999; padding-top:30px; margin-top:0px; }
.home_last ul { *width:980px; *margin:0 auto; }
.home_last ul li { display:inline-block; *display:inline; *float:left; border:1px solid #595959; margin:0 7px; position:relative; }
.home_last ul li span { position:absolute; left:0; top:0; width:229px; height:68px; display:block; text-align:center; vertical-align:middle; font-size:14px; color:#ffefca; line-height:20px; padding-top:48px; *cursor:pointer;}
.home_last ul li a:hover span { background:url(../images/bj03.png) no-repeat; }

.mustImg img{ max-width:100%; }

.brand { position:relative; height:680px; overflow:hidden;}
.brand_info { background:url(../images/bj05.png) no-repeat; width:985px; height:401px; margin:0 auto; margin-top:155px; }
.brand_con { position:relative; z-index:99; height:680px; overflow:hidden; background:url(../images/bj0.png) repeat;  }
.bg { position:absolute; top:0; left:0; }
.brand_info { position:relative;  }
.brand_info .changeDiv { position:absolute; top:2px;left:4px; display:none; width:978px; height:394px; overflow:hidden;}
.brand_info .changeDiv img { width:100%; }
.ul_change_a1{position:absolute;background:url(../images/line04.png) left repeat-y;right: -193px;top:0px;overflow:hidden;width: 180px;padding:2px 0;}
.ul_change_a1 li{ height:18px; margin-bottom:45px;}
.ul_change_a1 li:last-child{margin:0;}
.ul_change_a1 span{display: -moz-inline-stack;display:inline-block; *zoom:1;background:url(../images/icon04.png) left top no-repeat;height:18px;padding-left:22px;line-height:18px;width: 158px;cursor:pointer;}
.ul_change_a1 span a{ color:#FFF; cursor:pointer; }
.ul_change_a1 span a.on{color: #FFEFCA; cursor:pointer; }

.ul_change_a1 span.on{ background-position:left bottom; color:#ffefca; }

.brand_word { width:434px; float:left; height:320px; overflow:hidden; padding:50px 20px 0 24px; margin-left:1px; margin-top:2px; line-height:20px; }
.brand_word p { margin-top:15px; text-indent:2em; }

.brand_info .changeDiv .kinMaxShowAll img { width:auto; }
.kinMaxShowAll{ display:none;}
.kinMaxShowAll .sub_1_1{ display:block; position:absolute;left:-400px; top:32px;}
.kinMaxShowAll .sub_1_2{ display:block; position:absolute;right:-0px; top:395px;}
.kinMaxShowAll .sub_2_1{ display:block; position:absolute;left:-400px; top:32px;}
.kinMaxShowAll .sub_2_2{ display:block; position:absolute;right:-500px; top:0px;}
.kinMaxShowAll .sub_3_1{ display:block; position:absolute;left:-400px; top:32px;}
.kinMaxShowAll .sub_3_2{ display:block; position:absolute;right:-0px; top:395px;}
.kinMaxShowAll .sub_4_1{ display:block; position:absolute;left:-400px; top:32px;}
.kinMaxShowAll .sub_4_2{ display:block; position:absolute;right:-0px; top:395px;}

.KMSPrefix_kinMaxShow2_button,.KMSPrefix_kinMaxShow1_button,.KMSPrefix_kinMaxShow_button  { bottom:10px; right:15px;  }
.KMSPrefix_kinMaxShow2_button li,.KMSPrefix_kinMaxShow1_button li,.KMSPrefix_kinMaxShow_button li { background:url(../images/icon04.png) top no-repeat; width:10px; height:18px; float:left; margin-left:13px; }
.KMSPrefix_kinMaxShow2_button .KMSPrefix_kinMaxShow_focus,.KMSPrefix_kinMaxShow1_button .KMSPrefix_kinMaxShow_focus,.KMSPrefix_kinMaxShow_button .KMSPrefix_kinMaxShow_focus { background-position:bottom;  }

.series { position: relative; height: 680px; overflow: hidden;  }
.bg_down { width:100%; height:345px; background:url(../images/line05.png) repeat-x; position:absolute; bottom:0; left:0; }
.series_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }
.series_tit { position:absolute; width:100%; top:104px; left:0; text-align:center; }

.flipy { -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); filter:FlipV;}
.pp1 { position:absolute; left:0; top:186px; height:127px; overflow:hidden; }
.pp2 { position:absolute; left:0; top:186px; height:127px;  }

.series_list { width:960px; margin:0 auto; margin-top:285px; *margin-top:0px; *padding-top:285px; }
.series_list ul li { position:relative; float:left; margin:0 4px; }
.series_list ul li p { text-align:center; padding:20px 0; font-size:14px; color:#fff; }
.series_list ul li p a { color:#fff; }
.series_list ul li p a:hover { color:#ffefca; } 
.series_list ul li a:hover { filter:alpha(opacity=80); opacity:0.8; }

.store { position: relative; height: 680px; overflow: hidden;  }
.store_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }
/*__ maincontent _*/
#maincontent {background:#000;height:680px;overflow:hidden;position:relative;}
#maincontent div.pict {cursor: default !important; width:475px;}
#maincontent div.main {position: static;text-align: center;display: block;cursor: pointer !important; width:475px;}
#maincontent .navi {z-index: 9999999}
#maincontent .element {display: none;position: absolute !important;}
#maincontent .left {top :310px;left:10px;cursor: pointer;}

#maincontent .right {top: 310px;right:10px;cursor: pointer; }
#maincontent div.pict a { position:relative; display:inline-block; }
.right_line { background:url(../images/line07.png) repeat-y; width:12px; position:absolute; height:100%; right:0; top:0; }
#maincontent div.main .right_line{ display:none; }
.bottom_line { background:url(../images/line08.png) repeat-x; height:14px; position:absolute; top:0; left:0; width:100%; }
.pict_word { font-size:14px; padding:12px 60px; width:355px; background:url(../images/line06.png) repeat; text-align:left; position:absolute; bottom:0; left:0; color:#fff; }
.pict_word em { display:block; font-size:29px; font-family:"Times New Roman"; line-height:36px; }

#maincontent .main .guardian {display: none;height: 0;}

div#maincontent div.main{display:none;}div#maincontent div.element{position:absolute !important;}
.pict img { width:475px;}

.classic { position: relative; height: 680px; overflow: hidden;  }
.classic_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }



/*slider*/
.zq_homeView {  width: 100%; padding-bottom: 25px; padding-top:33px}
.zq_homeView .zq_pictureBox { height:502px; max-width:2560px; min-width: 960px; overflow: hidden; position: relative; margin: 0 auto 15px }
.zq_homeView .zq_pictureBox .zq_pictures { width:100000px; height: 502px; overflow: hidden; position: absolute }
.zq_homeView .zq_pictureBox .zq_pictures a { width: 876px; height: 494px; float: left; display: inline; margin:0 50px 0 44px; background:url(../images/line11.png) no-repeat; padding-left:6px; padding-bottom:8px; }
.zq_homeView .zq_pictureBox .zq_pictures a img { width: 876px; height: 494px; display: block }
.zq_homeView .zq_imgBox { margin: 0 auto; position: relative; margin-top:30px; }
.zq_homeView .zq_imgBox .zq_imgs { /*width:600px*/  }
.zq_homeView .zq_imgBox .zq_imgs a { width: 96px; height: 71px; border: 3px solid #fff; float: left; display: inline; margin: 0 8px; overflow:hidden; }
.zq_homeView .zq_imgBox .zq_imgs a:hover { border: 3px solid #969696 }
.zq_homeView .zq_imgBox .zq_imgs a.currentImg { border: 3px solid #969696 }
.zq_homeView .zq_imgBox .zq_imgs a img { height:110px; display: block; margin-top:-20px; }
.zq_homeView .zq_imgBox .zq_slides { }
.zq_homeView .zq_imgBox .zq_slides a { display: block; width: 58px; height: 58px; position:absolute; top:-315px;  }
.zq_homeView .zq_imgBox .zq_slides a em { display: block; width:58px; height: 58px; background:url(../images/but01.png) left top no-repeat;
} 
.zq_homeView .zq_imgBox .zq_slides a.zq_slideLeft { left: -210px }
.zq_homeView .zq_imgBox .zq_slides a.zq_slideLeft em:hover { background-position:left bottom; }
.zq_homeView .zq_imgBox .zq_slides a.zq_slideRight { right: -210px }
.zq_homeView .zq_imgBox .zq_slides a.zq_slideRight em { background-position: right top;}
.zq_homeView .zq_imgBox .zq_slides a.zq_slideRight em:hover { background-position: right bottom;}
.zq_homeView .zq_mask { width:876px; height: 494px; position: absolute; background-color: #000; opacity: .0; filter: alpha(opacity=0); top: 0 }
.zq_homeView .zq_maskLeft { left: 0 }
.zq_homeView .zq_maskRight { right: 0 }


/*news*/
.news { position: relative; overflow: hidden;  }
.news_c { position: relative; z-index: 99; background: url(../images/bj0.png) repeat;  }
.news .bg img{ vertical-align:bottom; position:absolute; bottom:0;}
.news_con { text-align:left; margin:0 auto; width:1000px; }
.news_con ul { margin-top:36px; overflow:hidden; }
.news_con ul li { background:url(../images/news-bj01.png) center center no-repeat; float:left; width:286px; height:249px; padding:15px; display:inline-block; margin:0 8px; margin-bottom:27px; }
.news_con ul li:hover { border:5px solid #9d8954; padding:10px; }
.news_con ul li .pic { height:160px;  }
.news_con ul li .pic img { border:1px solid #fff; }
.news_con ul li h3 { color:#414141; line-height:22px; text-align:center; font-size:19px; margin:0 15px; margin-top:11px; height:44px; overflow:hidden;}
.news_con ul li .p1 { text-align:center; margin-top:11px; }
.news_con ul li .but_more { background:url(../images/but02.png) top no-repeat; height:24px; width:90px; display:inline-block; text-align:center; line-height:24px; }
.news_con ul li .but_more:hover { background-position:bottom; }
 
/*job*/
.job { position: relative; height: 680px; overflow: hidden;  }
.job_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }
.job_con_all { background:url(../images/job-bj01.png) no-repeat; width:985px; height:454px; margin:0 auto; position:relative; z-index:11; margin-top:125px; }
.job_con_all .p1 { padding:21px 0 0 65px; }
.job_list { width:866px; margin-left:60px; }
.job_list_tit { height:25px; line-height:25px; padding:2px 0; background:url(../images/line10.png) repeat-x;  }
.job_list_tit span { display:inline-block; height:25px; line-height:25px; float:left; }
.job_list_tit .span_1 { width:228px; padding-left:11px;}
.job_list_tit .span_2 { padding:0 50px; }
.job_list_tit .span_3 { padding:0 50px; padding-left:146px; }
.job_list_tit .span_4 { padding:0 35px; padding-left:150px; }
.job_list td { padding:8px 11px; color:#c2bbaf; }
.job_list_con { margin-top:32px; }

.job_select { line-height:29px; margin:20px 0 21px 65px;}
.job_sel { float:left; margin-left:12px; }
.job_select .select_box{ width:251px;height:29px; background:url(../images/job-bj02.png) no-repeat;}
.job_select div.tag_select{display:block; color:#ffffff;width:228px;height:29px; padding-left:23px;line-height:29px;}
.job_select div.tag_select_hover{display:block;color:#ffffff;width:228px;height:29px; padding-left:23px;line-height:29px;}
.job_select div.tag_select_open{display:block;color:#ffffff;width:228px;height:29px; padding-left:23px;line-height:29px;}
.job_select ul.tag_options{position:absolute;margin:0; margin:0; width:214px; background:url(../images/icon06.png) repeat;filter:alpha(opacity=80); opacity:0.8; padding:5px 0;}
.job_select ul.tag_options li{ display:block;width:191px;padding-left:23px;height:22px;text-decoration:none;line-height:22px;color:#fff;}

.job_select ul.tag_options li.open_hover{ color:#f1f1f1}
.job_select ul.tag_options li.open_selected{ color:#f1f1f1}
.job_page { text-align:right; width:982px; margin:0 auto; margin-top:25px; }

/*job*/
.contact { position: relative; height: 680px; overflow: hidden;  }
.contact_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }
.contact_con_all { background:url(../images/contact-bj01.png) no-repeat; width:911px; padding-left:74px; height:424px; margin:0 auto; margin-top:125px; }
.contact_con_all h1 { font-size:24px; padding:24px 0;  }
.contact_table { line-height:24px;text-transform:uppercase; height:108px; }

.contact_down { line-height:24px; margin-top:22px; }
.contact_down .div_1{ width:114px; }
.contact_down .div_1 p { padding:12px 0;  }
.contact_down .div_2{ width:135px; }
.contact_down .div_2 p { padding:12px 0;  }
.contact_down .div_3{ width:120px; padding-top:12px; }
.contact_down .div_3 p { padding-bottom:6px;    }
.contact_down .div_3 a { background:url(../images/icon10.png) no-repeat; width:93px; height:27px; line-height:27px; display:inline-block; text-align:center; margin-top:8px; font-size:14px; color:#fff; }
.contact_down .div_3 a:hover { color:#ffefca; }
.contact_down .div_4 { width:180px; }
.contact_down .div_5 { width:70px; margin-right:28px; padding-top:88px;  margin-left: 90px;}
.contact_down .div_5 p { background:url(../images/icon12.png) top center no-repeat; padding-top:32px; }
.contact_down .div_5 a { background:#000; width:68px; height:27px; line-height:27px; display:inline-block; text-align:center; font-size:14px; color:#fff; }
.contact_down .div_5 a:hover { color:#ffefca; }
.contact_down .div_6 { padding-top:6px; }


.product  { position: relative; height: 680px; overflow: hidden;  }
.product_con { position: relative; z-index: 99; height: 680px; overflow: hidden; background: url(../images/bj0.png) repeat; }


.a_close { cursor:hand; cursor:pointer; position:absolute; top:-26px; right:-26px; z-index:99999999; background:url(../images/but04.png) no-repeat; width:33px; height:33px; display:block; text-indent:-999em; }
.a_close:hover { background-position:bottom; }
.module { position:absolute; left:0px; visibility:hidden; width:100%; height:614px; z-index:99999991; top:30px;}
.module_con { width:970px; height:614px; padding:5px; margin:0 auto; position:relative; background:url(../images/bj06.png) no-repeat;  }
.overlay { background:url(../images/icon14.png) repeat; height:680px; z-index:9999999; width:100%; display:none; position:absolute; left:0; top:0; }

/*case*/
.ad-gallery .ad-image-wrapper { width: 100%; height: 474px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: url(trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding:0 35px; font-size:14px; text-align: left; width: 100%; z-index: 2; background:url(../images/icon06.png) repeat; height:69px; line-height:69px; }

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; display:none;}
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; font-size:12px }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-size: 12px; color: #999; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; top:50px; left: 3px; width: 31px; height:31px; background:url(../images/but03.png) left top no-repeat}
.ad-gallery .ad-back:hover { background-position:left bottom; }
.ad-gallery .ad-forward { cursor: pointer; display: block; top:50px; right: 7px; width: 31px; height:31px; background:url(../images/but03.png) right top no-repeat;}
.ad-gallery .ad-forward:hover { background-position:right bottom; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
