@charset "utf-8";
/* CSS Document */
body {
	background-color: #FFF;
	color: #474747;
	font: 12px 微软雅黑, Tahoma;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}

.topbar{ background:url(../images/topbar.jpg) repeat-x;height:49px; line-height:49px;}
.content{ width:1000px; margin:0 auto}
.topbar_r{ float:right}
.topbar_l{ width:460px; float:left}
.topbar_l ul li,.topbar_r ul li{ background:url(../images/tl.png) no-repeat right center; padding-right:20px; margin-left:20px; float:left}
.topbar_l ul li a,.topbar_r ul li a{ color:#000}
.btn_search {background: url("../images/search_btn.jpg")  no-repeat;border: medium none;cursor: pointer;height: 30px;line-height: 30px;padding: 0;text-align: center;text-indent: -9999px;width: 40px;margin-top: 10px;}
.search_key, .btn_search {float: left;}
.search_key {
	font-family:微软雅黑;
	border: medium none;
	font-size: 12px;
	height: 29px;
	line-height: 28px;
	padding: 0 8px;
	width: 164px;
	margin-top: 10px;
}
.topbar_r .no_pr{ padding-right:0}
/********************* header *********************/
.banner{ background:url(../images/hh_banner.jpg) no-repeat center; height:586px;}
/* banner */
#banner{width:100%;height:588px;background:#000;overflow:hidden;position:relative;}
#banner .wrapper{width:1000px;margin:0 auto;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:630px;background-position:center;background-size:cover;display:none;}
#banner_img li.item1{background-image:url(../images/banner_bg1.jpg);display:block;}
#banner_img li.item2{background-image:url(../images/banner_bg2.jpg);}
#banner_img li.item3{background-image:url(../images/banner_bg3.jpg);}
#banner_img .ad_img{position:absolute;right:10px;top:0px;}
#banner_img .ad_txt{position:absolute;left:10px;top:0;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);}
/* banner */

#header {
}
.nav{ background:url(../images/menu.png) no-repeat center; height:122px; margin-top:-16px; position:relative; z-index:2 }
.nav_con{ width:700px; margin:0 auto;}
.nav_con ul li{ float:left; width:140px;text-align:center; height:100px;}
.nav_con ul li.n1{ background:url(../images/menu_ico.png) no-repeat 46px center;}
.nav_con ul li.n2{ background:url(../images/menu_ico.png) no-repeat -89px center;}
.nav_con ul li.n3{ background:url(../images/menu_ico.png) no-repeat -229px center;}
.nav_con ul li.n4{ background:url(../images/menu_ico.png) no-repeat -368px center;}
.nav_con ul li.n5{ background:url(../images/menu_ico.png) no-repeat -502px center;}
.nav_con ul li a{ color:#fff; font-size:14px; display: block;
    padding-top: 78px;}
.h_category{ background:url(../images/h_category_bg.jpg) no-repeat center; height:442px; z-index:1; margin-top:-18px; padding-top:64px}
.content .tit{ margin-bottom:15px; height:28px; line-height:28px; overflow:hidden}
.content .tit h2,.content .tit em,.content .title h2,.content .title em{ float:left}
.content .tit em,.content .title em{ background: url("../images/em.png") no-repeat scroll 0 0 transparent;height: 11px;margin: 6px 13px 0;text-indent: -9999px;width: 6px;}
.content .tit h2,.content .title h2{color:#fff;font-size:16px; font-weight:normal }
.content .tit h2.en,.content .title h2.en{ color:#fff; font-style:italic}
.content .title h2.c394264{color:#394264;}
.content .title .cda251d{color:#da251d;}

.h_category_scoll ul li{ float:left; margin-right:10px; margin-top:10px;}
/********************* header *********************/

/********************* content *********************/
#content {
}
.h_product{ height:790px; padding-top:55px;}
.h_product .content .tit h2,.h_cooperation .content .tit h2{color: #F0AB0A;}
.h_product .content .tit h2,.h_cooperation .content .tit h2.s2{color: #DE4962;}
.h_product .content .tit h2.en,.h_cooperation .content .tit h2.en{ color:#000;}
.more{ float:right;font-style:italic}
.more a{ color:#000;display:inline-block;width:60px;}
.h_product_tab{ border:1px solid #ddd; width:996px;}
 .tab_menu { clear:both;}
 .tab_menu li { color:#444; font-size:14px; line-height:40px; float:left; text-align:center; width:166px; cursor:pointer; list-style:none;border-bottom:2px solid #aaa; height:40px;}
 .tab_menu li.hover, .tab_menu li.selected { background:url(../images/h_pro_tabs.gif) no-repeat bottom; color:#e4393c;border-bottom:none; height:42px; line-height:42px; }
 .tab_box { clear:both;  height:681px;}
  .tab_box dl{ width:198px; float:left; border-right:1px dotted #e2e2e2; border-bottom:1px solid #f1dcbf;}
  .tab_box dl dd ul{ background-color:#f7f7f7; height:62px; padding-left:10px; padding-top:2px}
  .tab_box dl dd ul li b{color:#e33134; font-size:16px;}
  .tab_box dl dd a li{ color:#444;}
  .tab_box dl.nbr{ border-right:0}
 .hide{display:none}

.h_news{ background:url(../images/footer_bg.jpg) repeat center; height:635px;}
/* .h_news .content{ background:url(../images/h_news_bg.png) no-repeat top center; overflow:hidden; padding-top:82px} */
.h_news .content{overflow:hidden; padding-top:82px}
.h_news .content .tit h2{color:#fff;}
.h_news .content .tit h2.en{ color:#fff;}
.h_news .more a{color:#fff}
.h_news_con ul li{width:232px;float:left; overflow:hidden;margin-right:18px; }
.h_news_con ul li.nmr{ margin-right:0;}
.h_news_con .img{margin-bottom:20px;}
.h_news_con ul li em{ background:url(../images/h_news_yuan.png) no-repeat; width:230px; height:230px; position:absolute; display:block}
.h_news_con .summy{ overflow:hidden}
.h_news_con .summy p b{background: url("../images/news_tabs.png") no-repeat scroll right top transparent;color: #fff;display: block;font-size: 18px;font-weight: normal;height: 50px;line-height: 22px;overflow: hidden;padding: 22px 10px 2px;width: 210px;}
.h_news_con ul li a{ display:block}
.h_news_con ul li a:hover p b{background:url(../images/news_tabs.png) no-repeat left top;}
.h_news_con .summy p.h_news_txt{background-color:#FFF;color:#394264;height:80px;line-height:20px;padding:10px;overflow:hidden; width:210px}
.h_cooperation{height:275px;padding-top:85px;}
.c01 a{ background:url(../images/hh_001.jpg) no-repeat}
.c02 a{background:url(../images/hh_002.jpg) no-repeat}
.c03 a{background:url(../images/hh_003.jpg) no-repeat}
.c04 a{background:url(../images/hh_004.jpg) no-repeat}
.c05 a{background:url(../images/hh_005.jpg) no-repeat}
.c01 a:hover{ background:url(../images/hh_001h.jpg) no-repeat}
.c02 a:hover{background:url(../images/hh_002h.jpg) no-repeat}
.c03 a:hover{background:url(../images/hh_003h.jpg) no-repeat}
.c04 a:hover{background:url(../images/hh_004h.jpg) no-repeat}
.c05 a:hover{background:url(../images/hh_005h.jpg) no-repeat}

/*scoll*/
.scoll{ height:178px;}
#slideList{ height:180px; overflow:hidden; padding-top:16px;}
#slideList ul{ height:180px; overflow:hidden; float:left;}
#slideList ul li{ float:left; display:inline;}
#slideList ul li a{ display:block; text-indent:-9999px; width:180px; height:180px}
#slideList ul li a img { display:block;text-align:center; width: 180px; height: 180px;}
#slidePrev{ height:180px; float:left; display:inline; width:26px; background:url(../images/lr_btn.gif) left center no-repeat}
#slideNext{height:180px; float:right; display:inline; width:26px; background:url(../images/lr_btn.gif) right center no-repeat}

.h_catscoll{ height:320px;}
#slideList1{ height:320px; overflow:hidden;}
#slideList1 ul{ height:320px; overflow:hidden; float:left;}
#slideList1 ul li{ float:left; display:inline;}
#slideList1 ul li a{ display:block; text-align:center}
#slideList1 ul li a img { display:block;text-align:center}
#slidePrev1{ height:19px; float:left; display:inline; width:18px; background:url(../images/lr_btn0.png) left center no-repeat}
#slideNext1{height:19px; float:right; display:inline; width:18px; background:url(../images/lr_btn0.png) right center no-repeat}
span.slide_btn{ float: right;width: 43px; margin-right:10px;}

.leftside{ float:left; width:240px;}
.rightside{ float:right; width:745px;}
.column{ height:30px; margin-bottom:25px;line-height:30px; margin-top:41px;}
.column .title{ width:400px;}
.column .title em{ margin-top:11px;}
.breadcrumb{ float:right}
.breadcrumb{ color:#555}
.breadcrumb a,.breadcrumb span{ color:#aaa;}
.l_search{ padding:8px; background-color:#da251d; overflow:hidden; height:30px;}
.l_search .search_key,.l_search .btn_search{ margin-top:0}
.leftnav{ margin-bottom:10px;}
.leftnav ul li a{ background:url(../images/l_nav.jpg) no-repeat; display:block; color:#fff; margin-top:2px; height:45px; line-height:45px; text-indent:45px;}
.leftnav ul li a:hover,.leftnav ul li a.cur{ background-image:url(../images/l_nav_cur.jpg);}
.black_nav ul li a{ background:url(../images/l_bnav.jpg) no-repeat}
.l_block{ margin-bottom:10px; border:1px solid #ddd; overflow:hidden}
.l_core{ text-align:center; padding-top:15px; padding-bottom:15px;}
.l_core p{ font-size:14px;}
.l_links dt{ background:url(../images/line.jpg) no-repeat bottom; height:50px; line-height:50px; font-size:16px; color:#333; padding-left:20px;}
.l_links dd{ margin-left:9px; margin-right:9px; }
.l_links dd ul li{ background:url(../images/li_ico.gif) no-repeat 10px center; border-bottom:1px dotted #e2e2e2; height:38px; line-height:38px; text-indent:35px;}
.l_links dd ul li a{ color:#333}
.l_links dd ul li.nobd{ border:none}

.pages {
  border-top: 1px solid #ddd;
  width: 96%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
  line-height: 37px;
}
.pages_l,.pages_r{ float:left}
.pages_l{ margin-left:35px; width:500px;}
.pages a:link,
.pages a:visited,
.pages span
{
    no-repeat scroll left top;
    border: 1px solid #CCC;
    padding: 0 10px;
    color: #7F7F7F;
    display:block;
    font-size: 14px;
    font-weight: bold;
    font-family:Verdana, Geneva, sans-serif;
    height: 37px;
    line-height: 37px;
    margin: 0 5px;
    text-align: center;
    text-decoration: none;
    float:left;
  }
	.pages em,.pages span,.pages input{ float:left}
.pages a.pagePrev,.pages a.pageNext,.pages a.pagePrev:hover{ background:url(../images/bigPage.png) no-repeat left -185px; text-indent:-9999px}
.pages a.pageNext,.pages a.pageNext:hover{ background-position:left -222px;}

.pages span.current {
    border: 1px solid #ECA128;
    color: #FFF;
    cursor: default;
    background-color: #FFBA00;
}

.pages a:hover
{
  border: 1px solid #999;
}
.isTxtBig {
    background: url(../images/inputBg.png) repeat-x scroll left top #FBFBFB;
    border: 1px solid #C1C1C1;
    color: #333333;
    height: 35px;
    line-height: 35px;
    padding: 0 5px; width:30px;
}
.pg_txt{ color:#999; padding-left:30px;}
.r_con{
  width: 743px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: hidden
}
/******************** products****************************/
.is_banner{ background:#48494D url(../images/top_bar_background.jpg) no-repeat top center; height:267px; }
/* .is_banner .content{ background:url(../images/is_banner_bg.png) no-repeat top center; overflow:hidden; height:250px;} */
.is_banner .content{ overflow:hidden; height:250px;}
.is_b_r{ float:right}
.is_logo{ margin-top:32px; margin-left:20px;}
.is_nav{ margin-top:-32px;}

/*.pro_list{ overflow:hidden; height:1290px;}*/
.pro_list{
  width: 744px;
  overflow: hidden;
}
.pro_list dl{ width:247px; float:left; border-right:1px dotted #e2e2e2; border-bottom:1px solid #f1dcbf;}
.pro_list dl dt img{ width:247px; height:247px}
.pro_list dl dd ul{ background-color:#f7f7f7; height:62px; padding-left:10px; padding-top:2px}
.pro_list dl dd ul li b{color:#e33134; font-size:16px;}
.pro_list dl dd a li{ color:#444;}
.pro_list dl.nbr{ border-right:none}

.pro_d_top{ padding:16px; overflow:hidden; height:415px;}
.pro_detailed h2{ }
.pro_d_tit{ background:url(../images/rep_tit.jpg) repeat-x bottom center; height:36px;}
.pro_detailed_txt{ overflow:hidden}
.pro_detailed_txt h2{ background-color:#fff; border-top:2px solid #e4393c; border-right:1px solid #ddd; border-bottom:1px solid #fff; height:33px; line-height:33px;color:#e4393c;font-size:14px; font-weight:normal; width:80px; text-align:center;}
.pro_detailed_con {padding:25px; overflow:hidden; height:auto !important; min-height:355px;height:355px}
.pro_d_img{ float:left; width:352px;}
.pro_d_txt{ float:right; color:#8c8c8c;  width:345px}
.pro_d_txt h2{   border-bottom: 1px dotted #DFDFDF;color: #444;font-size: 24px;font-weight: normal;line-height: 30px;margin-bottom: 10px;padding-bottom: 10px;}
.pro_d_txt ul li{ font-size:14px; color:#666; height:30px;line-height:30px;}
.pro_d_txt ul li label{ float:left;width:80px;}
.pro_d_txt ul li a{color:#8c8c8c; }

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
/*scoll*/
#preview{ float:none; text-align:center; width:352px;}
.jqzoom{ width:350px; height:350px; position:relative; border:1px solid #ddd;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:17px; height:45px; float:left; cursor:pointer;}
#spec-right{background:url(images/right.gif) no-repeat; width:17px; height:45px; float:left;cursor:pointer;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:308px; margin-right:5px;}
#spec-list div{ margin-top:0; *margin-left:0;}


.show_pdf{ overflow:hidden; margin-bottom: 15px;margin-top: 45px;}
.show_pdf_l{ float:left; margin-right:5px}
.show_pdf_r,.show_pdf_r a{color:#1066a2;}
.tip_txt{color:#aaa}
/**************about******************/
.about_con
{
  line-height: 2em;
}
.about_con p
{
  margin-bottom: 1em;
}
.about,.news_det,.job_det{  height:auto !important;min-height:890px; height:890px; padding:27px;}
.about,.job_det{height:auto !important;min-height:833px; height:833px;}
.a_tit h2,.news_tit h2{ font-size:28px; color:#515151; text-align:center; height:50px; line-height:45px; border-bottom:1px solid #dfdfdf; overflow:hidden; margin-bottom:15px;}

/**************news******************/
.news_list,.job_list{ height: 905px;overflow: hidden;padding: 27px;}
.news_list ul li{ background:url(../images/news_li.jpg) no-repeat 6px center; height:60px; line-height:60px; border-bottom:1px dotted #dfdfdf; text-indent:2em; font-size:18px;}
.news_list ul li span{ float:right; font-size:14px; color:#aaa}
.news_list ul li a{color:#444; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 30em;}
.news_tit{border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
.news_tit h2{ border:none; margin-bottom:5px}
.news_tit .txt_exp { text-align:center ; height:28px; line-height:28px}
.news_tit .txt_exp span{ color:#999;}

/********************job********************/
.job_list ul li {background: url("../images/news_li.jpg") no-repeat scroll 6px center transparent;height:60px; line-height:60px; border-bottom:1px dotted #dfdfdf; text-indent:2em; font-size:18px;}
.job_list ul li span.view {color: #969696; float: right; text-indent:0}
.job_list ul li span.timer {color: #FF5A00;float: left;margin-right: 8px;}
.job_list ul li a {color: #3c3c3c;float: left;height: 60px;line-height: 60px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 28em;}
.job_list ul li span.view a{ width:6em;}
.job_list ul li em { color: #FF0000;font-style: normal;margin-left: 10px;}
.job{padding-bottom:15px;width:710px; border-bottom:1px dotted #ccc;}
.job_tit{color: #394264;font-size: 16px;line-height:25px;margin-bottom:8px;}
.job_timer{color: #999999;margin-bottom: 10px;}
.job_form{color:#333;margin-top:25px;}
.job_form li{float:left;margin-bottom:20px;height:25px;line-height:25px;width:250px;}
.job_form li b{color:red;margin-left:8px;}
.job_form label{float:left;}
.job_form input{ border: 1px solid #C1C1C1;height:25px;line-height:25px;width:175px;}
.job_form li.long{width:520px;}
.job_form li.long input{width:425px;}
.job_form li textarea{ border: 1px solid #C1C1C1;float: left;height: 200px;width: 425px;}
.job_form p input{border:none;float:left;width:20px;}
.job_form p span{float:left;margin-right:15px;}
.job_form .job_l_btn{clear:both;}
.job_form .job_l_btn input { background-color:#57a3e0;border: medium none;color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;height: 35px;margin-bottom: 25px;margin-left:35px;width: 98px;}


/********************* content *********************/



/********************* footer *********************/
/* #footer {background:url(../images/footer_bg.jpg) repeat;height: 308px;} */
#footer {background-color: #2d2d2d;height: 308px;}
#footer .content dt,#footer .content dd{float:left;}
#footer .content dt{padding-top:90px;}
#footer .content dd,#footer .content dd a{color:#fff;}
#footer .content dd{padding-left:20px;}
#footer .content dd em{ font-style:normal;color:#a47460;margin-left:15px;margin-right:15px;}
#footer .content dd ul li.sub{padding-top:45px;margin-bottom:30px;}
#footer .content dd ul li,#footer .content dd ul li a{color:#eee;}
.core{margin-top:90px;}
.core ul li{color:#eee;float:left;margin-left:35px; text-align:center;width:82px;}
.core ul li p{background:url(../images/red_ico.png) no-repeat left center;padding-left:10px;margin-top:8px;}
/********************* footer *********************/



ul li.n_m{margin:0}
ul li.n_bg{ background:none}

#show_3d{ display:none; padding:10px; background-color:#fff;}

/*******************/
.boxy-wrapper{position:absolute;}
.boxy-wrapper.fixed{position:fixed;}
.boxy-modal-blackout{position:absolute; background-color:black; left:0; top:0;}
.boxy-wrapper{empty-cells:show;}
.boxy-wrapper .top-left,.boxy-wrapper .top-right,.boxy-wrapper .bottom-right,.boxy-wrapper .bottom-left{width:10px; height:10px; padding:0}
.boxy-wrapper .top,.boxy-wrapper .bottom,.boxy-wrapper .top-left,.boxy-wrapper .top-right{height:10px; background-color:#72b2f0;  padding:0}
.boxy-wrapper .left,.boxy-wrapper .right,.boxy-wrapper .bottom-right,.boxy-wrapper .bottom-left{width:10px; background-color:#72b2f0; padding:0}
.close {background: url(../images/close.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 32px;position: absolute;right: -11px;text-indent: -9999px;top: -6px; width: 32px;z-index: 999;}


/***********index_scoll**********/
/*
.scoll17,
.scoll16,
.scoll15,
.scoll14,
.scoll13,
.scoll12,
.scoll11,
.scoll10,
.scoll9,
.scoll8,
.scoll7,
.scoll6,
.scoll5,
.scoll4,
.scoll3,
.scoll2
*/
.scoll_box
{
  height:681px;
}
/*
#slideList2,
#slideList3,
#slideList4,
#slideList5,
#slideList6
*/
.scoll_con_box
{
  height:681px;
  overflow:hidden;
  position:relative
}
/*
#slideList2 ul,
#slideList3 ul,
#slideList4 ul,
#slideList5 ul,
#slideList6 ul
*/
.scoll_con_box ul
{
  height:681px;
  overflow:hidden;
  float:left;
}
/*
#slideList2 ul li,
#slideList3 ul li,
#slideList4 ul li,
#slideList5 ul li,
#slideList6 ul li
*/
.scoll_con_box ul li
{
  float:left;
  display:inline;
}
/*
#slideList2 ul li a,
#slideList3 ul li a,
#slideList4 ul li a,
#slideList5 ul li a,
#slideList6 ul li a
*/
.scoll_con_box ul li a
{
  display:block;
  text-indent:-9999px;
  width:998px;
  height:681px
}
/*
#slideList2 ul li a img,
#slideList3 ul li a img,
#slideList4 ul li a img,
#slideList5 ul li a img,
#slideList6 ul li a img
*/
.scoll_con_box ul li a img
{
  display:block;
  text-align:center
}
/*
#slidePrev2,
#slidePrev3,
#slidePrev4,
#slidePrev5,
#slidePrev6
*/
.slide_p
{
  height:681px;
  float:left;
  display:inline;
  width:50px;
  background:url(../images/scoll_lbtn.png) left center no-repeat;
  position:absolute;
  z-index:9999;
  left:0
}
/*
#slideNext2,
#slideNext3,
#slideNext4,
#slideNext5,
#slideNext6
*/
.slide_n
{
  height:681px;
  float:right;
  display:inline;
  width:50px;
  background:url(../images/scoll_rbtn.png) right center no-repeat;
  position:absolute;
  z-index:9999;
  right:0
}
.down_btn{ background: url("../images/down_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 30px;color: #FFFFFF;height: 36px;left: 22px;line-height: 36px; padding-left: 52px;position: absolute;width: 124px;z-index: 9999;}


/*wrapper*/
.picSlideWrap{padding-bottom:30px;}


.imgnav{  position:relative; margin:0 auto; width:1000px;}
.scollimg{ z-index:10; width:998px; position:relative; text-align:center;}
.scollimg img{ height:680px; display:none  }
#front a{  position:absolute; left:0; top:224px;display:block; background:url(../images/scoll_lbtn.png) no-repeat; width:50px; height:60px; display:block;}
#next a{  position:absolute; right:0; top:224px; display:block; background:url(../images/scoll_rbtn.png) no-repeat; width:50px; height:60px; display:block;}

.cbtn{background:#000; position:relative; height:122px; }
.cbtn ul{position:relative; width:10000px; height:122px;}
.cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:116px; height:86px; cursor:pointer; text-align:center; margin-right:9px; position:relative;}
.cbtn ul li img{ width:116px; height:86px; display:block;}
.cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
.cbtn li.hov{ background:url(../images/imgHoverBg.gif) no-repeat;}
.ctrl div{ clear:both;}
.cSlideUl{width:918px; height:110px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{ background:url(../images/icon.gif) no-repeat right top; width:20px; height:63px;cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;}
.picSildeRight{background:url(../images/icon.gif) no-repeat; width:20px; height:63px;cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;}


/*********************zoom*************/
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none; border: 2px solid #CCC;background-color: white; padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:2px solid #ddd;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;}
.zoomWrapper{position:relative;border:2px solid #ddd;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6; filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}
ul#thumblist{display:block;}
ul#thumblist li{float:left;list-style:none;}
ul#thumblist li a{display:block;border:2px solid #cecfce;}
ul#thumblist li a.zoomThumbActive{border:2px solid #e4393c;}

.jqzoom{text-decoration:none;float:left;}
.zoom{ height:60px;}
#zoomList{ height:60px; overflow:hidden; padding-top:6px;}
#zoomList ul{ height:150px; overflow:hidden; float:left; margin-left:8px}
#zoomList ul li{ float:left; display:inline;}
#zoomList ul li a{ display:block; text-indent:-9999px; width:52px; height:52px}
#zoomList ul li a img { display:block;text-align:center; }
#zoomPrev{ height:54px; float:left; display:inline; width:17px; background:url(../images/left.gif) left center no-repeat}
#zoomNext{height:54px; float:right; display:inline; width:17px; background:url(../images/right.gif) right center no-repeat}


/****brand****/
.h_m{ margin:0 auto; width:1000px;}
.brand_list{ margin-bottom:25px;}
.brand_list,.brand_list ul{  overflow:hidden;position:relative}
.brand_list ul li{ border-radius: 10px; width:220px;float:left; margin-right:13px; margin-top:13px; overflow:hidden;background-color: #ececec; display:block;padding:10px; height:245px; cursor:pointer}
.brand_list ul li.nomr{margin-right:0}
.brand_list li p{ background-color: #ececec; color:#666; text-align:center; height:25px; line-height:25px;}
.brand_list li.cur{ background:url(../images/brand_cur.gif) no-repeat; height:246px }
.brand_list_con{ overflow:hidden}
.show_tip{  display: none;height: 500px;overflow: hidden;width: 500px;}
#show_brand_list{  background-color:#fff;height:500px; overflow:hidden; position:relative}
#show_brand_list ul{ height:500px; overflow:hidden; float:left;}
#show_brand_list ul li{ float:left; display:inline;}
#show_brand_list ul li img{ width:500px; height:500px;}
#brandPrev{ background: url("../images/icon.gif") no-repeat scroll right top rgba(0, 0, 0, 0);display: inline;float: left;height: 62px;left: 0;position: absolute;top: 220px;width: 20px; z-index: 9999;}
#brandNext{ top:220px;height:62px; float:right; display:inline; width:20px; background:url(../images/icon.gif) left top no-repeat; position:absolute; z-index:9999; right:0}
.brand_list .content
{
  width: 1013px;
}

#online_close {background: url("../images/close_kefu.png") no-repeat scroll right top rgba(0, 0, 0, 0);cursor: pointer;display: block;height: 197px;width: 55px;}
#online_f_c {background: url("../images/online_f.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);cursor: pointer;display: none;padding-bottom: 18px;width: 179px;}
.qq {background: url("../images/online_m.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);color: #00436E;font-size: 12px;padding-left: 10px;padding-right: 4px;text-align: left;text-indent: 6px;width: 165px;}
.qq img {display: inline;margin-left: 5px;vertical-align: middle;}
.qq dd {height: 35px;line-height: 26px;}
#onlinefloat {margin-top: 0;position: fixed;right: 0;top: 165px;z-index: 10000;}
.online_t {background: url("../images/online_t.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 81px;width: 179px;}