@charset "utf-8";

/* Public e*/
body{font-family: "微软雅黑"; margin:0px; padding:0px; background:#FFF;}

.autoHeight, .autoaddheight{font:0px/0px sans-serif;clear:both;display:block;height:0px}
img{border:none}
input{font-family: tahoma,\5FAE\8F6F\96C5\9ED1; outline：none;}
ul,li,dl,dt,dd,form,p,b,i,input,h1,h2,h3{margin:0px;padding:0px;list-style:none;font-style:normal;}
b{font-weight:normal;}
u{clear:both;display:block;_height:0px;_font:0px/0px sans-serif;}
/* H */
h1{ font:inherit; font-weight:bold;}
h2,h3,h4,h5{ font:inherit; }
.product_list h3{ font:inherit; display:inline;}
.menus_all_pup h2{font-size:14px;font-weight:normal;}
/* Fonts */
.txtindent{text-indent:2em}
.tit8{ font-size:0.8em;}
.tit11{ font-size:1em;}
.tit11b{-webkit-text-size-adjust:none;font-size:1em;font-weight:bold}
.tit12{font-size:1.2em;font-weight:normal}
.tit12b{font-size:1.2em;font-weight:bold}
.tit14{font-size:1.4em;font-weight:normal}
.tit14b{font-size:1.4em;font-weight:bold}
.tit15{ font-size:1.5em;}
.tit15b{ font-size:1.5em;-webkit-text-size-adjust:none;font-weight:bold}
.tit16{font-size:16px;font-weight:normal}
.tit16b{font-size:16px;font-weight:bold}
.tit18{font-size:18px;font-weight:normal}
.tit18b{font-size:18px;font-weight:bold}
.tit20{font-size:20px;font-weight:normal}
.tit20b{font-size:20px;font-weight:bold}
.tit22{font-size:22px;font-weight:normal}
.tit22b{font-size:22px;font-weight:bold}
.tit24{font-size:24px;font-weight:normal}
.tit24b{font-size:24px;font-weight:bold}
.tit28{font-size:24px;font-weight:normal}
.tit28b{font-size:24px;font-weight:bold}
.tit30{font-size:30px;font-weight:normal}
.tit30b{font-size:30px;font-weight:bold}
.tit34{font-size:34px;font-weight:normal}
.tit34b{font-size:34px;font-weight:bold}
.tit36{font-size:36px;font-weight:normal}
.tit36b{font-size:36px;font-weight:bold}

.line_H18 {line-height: 18px;}
.line_H20 {line-height: 20px;}
.line_H22 {line-height: 22px;}
.line_H24 {line-height: 24px;}
.line_H26 {line-height: 26px;}
.line_H28 {line-height: 28px;}
.line_H30 {line-height: 30px;}
.percent100 {width: 100%;}
.font_bold{font-weight:bold;}
/* Standard colors */
.red{color:#FF0000;}
.gray{color:#666666}
.gray_g {color: #a2a2a2;}
.blue{color:#0369dd;}
.blue1{color:#004098;}
.gray2{color:#dddddd;}
.yellow{color:#f99b03;}
.yellow2 {color:#ea5404;}
.green{ color:#009000}
.black{ color:#000000;}
.white{ color:#ffffff;}
.orange{ color:#ec6f1b;}
.dino{ color:#727272; }
.point{ color:#996600; font-style:italic;}
.blue1 a{color:#159ddc !important;}
/* Float */
.txtLeft{text-align:left}
.txtRight{text-align:right}
.txtCenter{text-align:center}
.f_L{float:left;}
.f_R{float:right}
.f_C{margin:0px auto;}
/* Link */
a{text-decoration:none;color:#333333;}
a:hover{
	text-decoration:none;
	color:#313131;
}
.posi_tion{position: relative;}
.cl_666{color:#666}
.DD_und_line a{text-decoration:underline;}
.under_line{text-decoration:underline;}
.smore{color:#e87912}
.smore a{text-decoration:underline}
.grayLink a{ color:#333333;}
.whiteLink a{ color:#FFFFFF;}
.whiteLink a:hover{ color:#FFFFFF;}
.black a{ color:#000;}
/* The initial framework */

.DD_beta{font-size:12px;margin:0px auto;color:#333;min-width:1100px;padding:0px ; }/*Widescreen*/
.DD_990px{font-size:14px;margin:0px auto;color:#333;min-width:1200px;width:1200px;}/*Narrow screen*/
.beta_main{clear:both; padding-bottom:30px; background:#FFF;position:relative;z-index:1;}
.bt_main_right{overflow:hidden;_float:left;_margin-right:15px;}
.pass_pri{ text-decoration:line-through;}/*Old price*/
.H_updown{ margin-bottom:10px;}/*Spacing*/
.H_tpdown5{ margin-top:5px;}
.H_tpdown{ margin-top:10px;}
.H_lfdown{ margin-left:10px;}
.H_lfdown5{ margin-left:5px;}
.H_rgdown{ margin-right:10px;}
.H_rgdown5{ margin-right:5px;}
.H_updown5{ margin-bottom:5px;}
.P_updown{ padding-bottom:10px;}
.P_tpdown{ padding-top:10px;}
.P_lfdown{ padding-left:10px;}
.P_lfdown20{ padding-left:20px;}
.P_rgdown{ padding-right:10px;}

/* padding margin*/
.pad_t5 { padding-top:5%;}
.pad_r5 { padding-right:5%;}
.pad_b5 { padding-bottom:5%;}
.pad_l5 { padding-left:5%;}

.pad_t10 { padding-top:10%;}
.pad_r10 { padding-right:10%;}
.pad_b10 { padding-bottom:10%;}
.pad_l10 { padding-left:10%;}

.pad_t15 { padding-top:15%;}
.pad_r15 { padding-right:15%;}
.pad_b15 { padding-bottom:15%;}
.pad_l15 { padding-left:15%;}

.pad_t20 { padding-top:20%;}
.pad_r20 { padding-right:20%;}
.pad_b20 { padding-bottom:20%;}
.pad_l20 { padding-left:20%;}
.mar_t3 { margin-top:3%;}
.mar_b5 { margin-bottom:5%;}
.mar_r5 { margin-right:5%;}
.mar_l5 { margin-left:5%;}
.mar_t5 { margin-top:5%;}

.mar_t10 { margin-top:10%;}
.mar_r10 { margin-right:10%;}
.mar_b10 { margin-bottom:10%;}
.mar_l10 { margin-left:10%;}

.mar_t15 { margin-top:15%;}
.mar_r15 { margin-right:15%;}
.mar_b15 { margin-bottom:15%;}
.mar_l15 { margin-left:15%;}

.mar_t20 { margin-top:20%;}
.mar_r20 { margin-right:20%;}
.mar_b20 { margin-bottom:20%;}
.mar_l20 { margin-left:20%;}


.mar_t25 { margin-top:25%;}
.mar_r25 { margin-right:25%;}
.mar_b25 { margin-bottom:25%;}
.mar_l25 { margin-left:25%;}

.mar_t30 { margin-top:30%;}
.mar_r30 { margin-right:30%;}
.mar_b30 { margin-bottom:30%;}
.mar_l30 { margin-left:30%;}

.mar_t40 { margin-top:40px;}
.mar_t60 { margin-top:60px;}
/* border */
.main_border{ border:1px #ccc solid;}
.main_content{ width:100%;}
/* Text */
.main_right_txt{ padding:0px 5px 0px 5px; line-height:150%em;}
.main_right_txt1{padding:0px 10% 15px 26px; line-height:150%em;}
/* Pages */
.about_pages{ text-align:right; padding:5px 0px;}
.about_pages a{ color:#333; border:1px #ccc solid; padding:2px 4px;}
.about_pages span{ color:#ddd; border:1px #ddd solid; padding:2px 4px;}
.about_pages a.about_pages2_active{ background:#dad500; color:#FFF}
/* Input border style */
.DD_input{border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}



/* Product List */
.DD_beta .product_list{}
.product_list_blog{ margin:8px; margin-bottom:0;}
.product_list_blog .blog_end{ margin-bottom:0; padding-bottom:0;}
.product_list_blogL{ float:left; width:32px; height:32px;}
.product_list_blogR{ margin-left:40px;}
.product_list li{ width:25%;*width:24.9%;text-align:left;float:left;}
.product_list1 li{ float:none; width:100%; padding-bottom:10px;}
.product_list3 li{ width:33.3%;*width:33.2%;}
.product_list5 li{ width:20%;*width:19.9%;}
.product_list6 li{ width:16.5%;}
.product_list7 li{ width:14.2%;*width:14%;}
.product_list p{ margin:5px 0 5px; padding-right:10%;}
.product_list p.p_l_info{ margin:2px 0 2px;}
.product_list del{ margin:3px 0; display:block; color:#666;}
.h45{ height:45px; overflow:hidden; }



header{ background:#036eb8; height:60px; text-align:center; position:relative; z-index:5;}
.logo{width: 45%; margin:3% 0; text-align: center;  }
.nav { background:url(../images/nav.png) 0 0 no-repeat; background-size:25px; float: left; width:33px; height:33px; position:absolute; z-index:20; left:0; top:17px; margin-left:2%; cursor:pointer;}
.nav_po{ position:absolute; z-index:30; color:#000000; font-size:1em;top: 60px;  left: 0; display: none; width:100%; }
.nav_po ul li{ border-bottom:1px dotted #000000; height:30px; line-height:30px; padding:3% 0; cursor:pointer; width:45%; background:#fff;}


.nav_pa{ width:45%; padding:3%; background:#fff; position:absolute; z-index:30; color:#000000; font-size:1em; top: 0;left: 44.5%; display: none;}
.nav_pa dd{ border-bottom:1px dotted #000000; height:30px; line-height:30px; padding:3% 0; cursor:pointer;}
.dpbk{ display:block;}
.aaa{ display:block;}
.bbb{ display:none;}

.nav_po_two{ width:45%; padding:3%; background:#fff; position:absolute; z-index:30; color:#000000; font-size:1em; top:60px; display: none; left:45%;}
.nav_po_two ul li{ border-bottom:1px dotted #000000; height:30px; line-height:30px; padding:3% 0; cursor:pointer;}
.nav_po_two ul{ display:none;}
#cp_one,#cp_two,#cp_three,#cp_for,#cp_fier,#cp_six{ display:none;}

.news_tab{ margin:6% auto}
.news_tab ul li{ width:46%; height:35px; line-height:35px; color:#010101; background:#fff; float:left; border:1px solid #bababa; cursor:pointer; text-align:center; margin-right:5%}
.news_tab ul li:nth-child(2){ margin-right:0;}
.news_tab ul li{ display:inline-block;}
.news_tab ul li.s{ background:#dedede;}

.ss{ background:url(../images/ss.png) 0 0 no-repeat; background-size:30px 24px; width:36px; height:30px;; position:absolute; z-index:20; right:12%; top:17px;cursor:pointer;}
.ssi{ background:url(../images/ss.png) 0 0 no-repeat; background-size:30px 24px; width:36px; height:36px;; position:absolute; z-index:20; right:2%; top:17px;cursor:pointer;}
.fh{ background:url(../images/fh.png) 0 0 no-repeat; background-size:30px 30px; width:30px; height:30px;; position:absolute; z-index:20; right:2%; top:14px;cursor:pointer;}
.ssk{ background:#ffffff; padding:3% 0; position:absolute; z-index:30; top:60px; left:0; width:100%; display:none;}
.w80{ width:81%; float:left; margin-left:3%;}
.w51{ width:51px; float:left; }
.ssk_put{ border:1px solid #9a9a9a; border-right:0; width:98%; height:49px; font-family:"微软雅黑"; font-size:1em; padding-left:2%; color:#646464;}
.ssk_but{ background:url(../images/ssbut.png) 0 0 no-repeat;  width:51px; height:51px; border:1px solid #9a9a9a; cursor:pointer;}


.mian{ width:90%; margin:5% auto;}
.i_cp{ margin-bottom:15%;}
.i_cp ul li{ margin:8% 0;}
.i_cp_txt{ color:#444343; font-size:1em; margin-top:2%;}
.i_cp_ck{ background:#036eb8; padding:3% 5%; color:#fff; display:block; font-size:1em; width:34%;     text-align: center;  width:38%;margin-top:5%; cursor:pointer;}
.i_cp_ck a{ color:#fff;}

.i_pp_b{ border:1px solid #d9d9d9; width:95%; padding:3% 0 3% 5%; color:#000; font-size:1.2em; margin:6% 0 4%;}
.i_pp_li ul li{ width:50%; float:left; margin-bottom:3%; font-size:1em; color:#444343;}
.i_pp_li ul li a{ color:#444343;}
.v3{ vertical-align:-3px; margin-right:2%;}

.i_news{ margin-top:5%;}
.i_news ul li{ border-bottom:1px dotted #444343; font-size:1em; color:#444343; margin-bottom:3%; line-height:24px; padding-bottom:3%;}
.i_news ul li a{color:#444343;}



footer{ background:#626262; padding:5% 0;}
.b_ico{ width:72%; margin:5% auto;}
.b_ico ul li{ float:left; width:18%;  text-align:center; margin-left:5%;}
.b_ico ul li img{ width:80%; text-align:center;}
.bop{ border-top:1px solid #8a8a8a; padding-top:3%; text-align:center; font-size:0.8em;  color:#dfdfdf;}
.w75{ width:75px; float:left; text-align:right; font-size:1em; color:#000;line-height:40px;}
.mal75{ margin-left:80px;}
.srk{ width:97%; border:1px solid #c2c2c2; background:#dcdcdc; height:40px; line-height:40px; padding-left:3%; text-align:left;}
.textarea{width:97%; border:1px solid #c2c2c2; background:#dcdcdc; height:100px;  padding-left:3%; text-align:left;}
.but{ background:#036eb8; height:40px; line-height:40px;  text-align:center; font-size:1em; border:0; border-radius: 10px; width:100%; margin:5% 0; color:#fff;}

.bub{ background:url(../images/but_bg.jpg) 0 0 repeat-x; width:70%; height:40px; border:1px solid #bfbfbf; margin:3% auto; border-radius:5px; font-size:1em; font-weight:bold; display:block; line-height:40px; text-align:left;}

.v6{ vertical-align: -6px;  margin: 0 15% 0 8%;}

.bg_m{ background:#e0e0e0; padding:5% ;}

.select{ width:100%; height:40px; }

.b_bg{ width:100%; background:#fff; position: relative; z-index:5; border:1px solid #cecece;}
.cp_list{ padding-bottom:5%; margin-bottom:5%; padding-top:5%; margin-top:10%;}
.cp_list ul li{ width:45%; margin-left:4%; float:left; margin-bottom:5%;}
.cp_list ul li img{ width:100%;}
.cp_list ul li .txt{ text-align:center; font-size:1em}
.j{ position:absolute; top:-15px; left:47%; z-index:999; width:19px; height:15px;}


/*选项卡1*/
#Tab1{
width:100%;;
margin:0px;
padding:0px;
margin:0 auto;}
/*选项卡2*/
#Tab2{
width:576px;
margin:0px;
padding:0px;
margin:0 auto;}
/*菜单class*/
.Menubox {
width:100%;

height:35px;
line-height:35x;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:30%;
 margin-right:4%;
text-align:center;
color:#00;
font-weight:bold;
height:35px;
border:1px solid #cccccc;
background:#e6e6e6;
border-radius: 8px 8px 1px 1px;
line-height:35px;
border-bottom:0px;
}
.Menubox li:nth-child(3){ margin-right:0 !important;}
.Menubox li.hover{
padding:0px;
background:#fff;
width:30%;
border:1px solid #cccccc;
border-bottom:0px;
color:#739242;
font-weight:bold;
height:35px;
line-height:35px;
}
.Contentbox{
clear:both;
margin-top:0px;
border:1px solid #cccccc;
margin-top:-1px;
 z-index:999;

padding:3% ;
}


#preview{ float:none; margin:auto; text-align:center; width:100%;}
.jqzoom{ width:100%;  position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:100%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#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:100px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; 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:90%; margin:0 2%;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.tx30{ color:#303030;}
.news_list{ margin-top:5%;}
.news_list ul li{ border-bottom:1px dashed #7f7f7f; padding-bottom:5%; margin-top:5%;}
.mar_t2{ margin-top:2%;}
.news_bg{background:url(../images/news_bg.png) 0 0 repeat-x; position:absolute; bottom:0; left:0; width:97%; height:35px; line-height:35px; padding-left:3%; color:#fff;  overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}
.pr{ position:relative;}
.news_txt{ font-size:1em; color:#303030;  line-height:26px;}
.news_txt img{ width:100%;}

.qt_news{ margin-top:5%;}
.qt_news ul li{ margin-bottom:4%;}
.qt_news ul li a{ color:#303030;}