body { margin:0; padding:0;
}

.row:after {clear:both; content:"."; display:block; height:0; visibility:hidden; }
.row {  width:100%;}
.family {  background:url('../image/bg_site_B2C_feature.jpg') no-repeat; background-color:#f4f4f4;}
.container_border {  border-top:3px solid #0089A6; height:auto; margin:0 auto; padding:0 9px 9px 9px; width:972px;}
.nav_main { position:static; margin:0 9px 14px 9px; width:954px; clear:both;}
.mega_nav {  position:relative;  overflow:visible; z-index:99;  width:954px; min-height:56px;}
.mega_nav li {  position:relative; z-index:3; }
.nav_main ul li.first { border-left:0;  border-radius: 5px 0 0 5px; }

.nav_main ul { border:none;  background-color:#008DA9; border-radius:5px; display:table;  list-style:none; margin:0; padding:0;}
.nav_main ul li { display:table-cell; }
.nav_main ul li a { display:block; text-decoration:none; padding:0 0 15px;}
.nav_main ul li a span { display:block; color:#A4E2E9;  padding:0 15px 0 16px;  }
.nav_main ul li a span:first-child {  color:#ffffff;  font-family:Microsoft YaHei;  font-size:1.5em; padding:15px 15px 0;}
.mega_nav li .mega {  background-color:#ffffff; width:954px; border-radius:0 0 5px 5px;  border-top:10px solid #0088A7;  position:absolute; left:0; clear:both; }
.mega_nav li .mega div.pad { padding:10px;  }
.mega_nav li .mega div.pad > div.title {  font-weight:bold; }
.module_b { width: 20%; display: table-cell; float:left; }
.product_bg {  background-color:#F5F5F5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.product_bg img {  height:75px; width:135px; text-align:center; }
.product_conten {  width:100%; display:block; border-radius:0;}
.module_b .title {  font-size:1.1em; color:#ffffff; padding:6px 0 0 0;}
.mega div.but a {  line-height:26px; width:150px; padding:4px; }
.bg_btm {  background:url('../image/bg_site_B2C_feature.jpg') no-repeat;  background-position:left bottom; visibility:visible;}
.bg_b .container {  background-color:#ffffff; width:972px; margin:0 auto;  height:auto; padding:0 9px;}
.bg_b .bg_btm {  background:url('../image/bg_feature_btm.png') no-repeat; background-position:-18px bottom; padding-bottom:10px; width:972px;}

.content_box {  padding:9px;}
.content_box:after {clear:both; content:"."; display:block; height:0; visibility:hidden;  }

.modu { padding:0 0.8%;}
.module {  float:left; }
.m3.module {  /*width:33.3%;*/}
.column_b {  float:left; padding:9px; }
.pad9 {  padding:9px;}
.pad9:after {clear:both; content:"."; display:block; height:0; visibility:hidden;  }
.teaser a {  cursor:pointer; display:block; text-decoration:none;  font-size:0.9em;}
.teaser a img { height:165px; width:293px;}
.teaser span.bg_b {  background-color:#252E35; border-radius: 0 0 5px 5px; display:block; height:82px; width:253px; margin-top:-3px;}
.teaser span.bg_b:hover { background-color:#38444e; }
.teaser span.content {  display:block;  padding:10px 0 10px 20px;}
.teaser span.arrow {  display:block; height:100%; min-height:40px;}
.teaser span.text {  color:#A3B3C0; padding:12px 40px 12px 0; display:block;}
.teaser span.text:hover { color:#ffffff; }
.teaser span.title {  color:#ffffff; display:block; font-size:1.1em; font-weight:normal; line-height:1.2em; padding:0 0 2px;}
.richtext:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.bg_b {  width:972px; margin:0 auto; position:relative;} 
.bg_b_mask {  width:972px; margin:0 auto; position:relative; z-index:1;} 

.teaser span.textword{color:#A3B3C0;}
.bg_b.pad20{ padding: 20px 20px 15px;}


/*......................product_page.....................*/

.product_container { background-color:#ffffff; width:972px;  padding:0 9px 9px; margin:0 auto; height:auto;}
.breadcrumb {  width:954px; margin:0 auto; /*padding:9px 0;*/}
.breadcrumb span {  /*font-size:0.9em;*/  display:block;}
.breadcrumb span a,.Compare a {  color:#027D8C; }
.breadcrumb span a:hover {text-decoration:underline; color:#0095b3; }
.breadcrumb span img { vertical-align:middle; margin:0 4px; }
.breadcrumb > div.banner_a {  background:url('../image/banner4.png') no-repeat; height:350px;  border-radius:5px; box-shadow:2px 0 8px #000000;}
.produ_h1 {  font-weight:bold; padding:0 0 9px;  margin:0;}
.product_img {  padding:0 18px 9px 0;}
.product_img img {  max-width:160px; max-height:90px;}
.Compare a img {  border:none; vertical-align:middle; margin:0 5px 0 0; }
.Compare {  padding:60px 0 0 0;}
.Compare a:hover {  text-decoration:underline; }
.Compare_size { clear:both;  background-color:#252E35; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:9px 18px; color:#ffffff;}
.left_List {  width:225px;}
.list_top {  /*padding-bottom:18px;*/}
.list_top a {  background:url('../image/a_bg.png') no-repeat; color:#ffffff;  height:23px;  display:block;  line-height:23px; padding-left:35px;}
.list_top a:hover { background:url('../image/a_bg_hover.png') no-repeat;  }

ul.subnav {   border:solid 1px #dddddd; margin:0 0 18px;  font-family:Microsoft YaHei; font-size:1.1em; width:200px; padding:0;}
.pro_lione > a { background-color:#008da9; display:block;  color:white; font-size:1.1em; padding:15px 32px 15px 10px;  }
.pro_menu_b{  background-color:#eeeeee; color:#434348;}
.pro_menu_b ul li.one > a { font-size:0.9em; color:#434348; font-weight:bold; padding:8px 0 8px 10px; display:block;  /*background-color:#c1e7ed;*/  background-color:#dddddd; border-bottom:solid 1px #dddddd;}
.pro_menu_b ul li.two > a { font-size:0.9em;  color:#434348;  padding:6px 0 6px 20px;  display:block; border-bottom:solid 1px #dddddd; background-color:#ffffff;}
.list { width: 200px; }
.list > p > a { color:#027D8C; } 
.count {  color:red;}


.right_list { width:711px;  }
.Paging{text-align:center;  clear:both;}
.Paging span {  padding:0px 4px; }
.Paging span a { color:#434348;  }
.Paging span a:hover {  color:#fc6827; }
.left_paging a.toge, .right_paging a.toge, .left_paging a.toge:hover, .right_paging a.toge:hover {color:white;}
.left_paging,.right_paging{  background-color:#0088A7; padding:0 4px;  border-radius:2px;  -webkit-border-radius:2px; -moz-border-radius:2px; }
div.group div.module { padding:1px 6px 20px 6px;  border-bottom:dashed 1px #dddddd;  height:210px;}
div.group div.module .img { padding:5px 8px 5px 0; float:left; width:153px;  position:relative; }
div.group div.module .img > a > img {max-width:153px;  max-height:96px;vertical-align: middle;}
div.loadingbg { width:153px;  height:96px;  text-align:center; line-height:120px;   border:solid 1px #ddd; }
div.loadingbg > img { max-width:153px; max-height:96px; }
div.group div.module .img > a {  margin-bottom:10px;}
div.group div.module .mod_title {  font-size:1.2em;  color:#027D8C; font-weight:bold; text-align:left; }
div.group div.module .mod_title a {  color:#027D8C;  }

.pdtype_img{ height: 96px;width: 153px;line-height: 96px;text-align: center;display: block;}


.check {  padding:0 0 0 0; font-size:1.1em;  color:#027D8C;  text-align:left;}

.code {height: 60px;overflow: hidden;}
.group {  position:relative; bottom:10px;}
.top_pad {  padding-top:20px;}
.padB9 { padding-bottom:9px;}
.product_category .banner {  width:100%;}
.product_category .banner_bga { background-color:#027D8C;  min-height:382px;}



.content {  width:100%; height:100%; position:relative;}
.mask {  width:100%; height:100%; background-color:#333333; position:absolute; top:0; opacity:0.7;z-index: 1500;}
.content_b {  width:990px;   background-color:#ffffff; margin:0 auto; font-size:12px;  /*box-shadow:0 0 8px #878787;  -webkit-box-shadow:0 0 8px #878787; -moz-box-shadow:0 0 8px #878787;*/ }

.prodfiveLi {  width:954px; margin:0 auto;  clear:both;}
.prodfiveLi ul {  display:table; width:954px;}
.prodfiveLi ul li {  width:20%; float:left; margin-top:10px;}
.prodfiveLi ul li > a { display:block; color: #1695A4; font-weight:bold;}
.prodfiveLi ul li > a > div{ height: 96px;width: 156px; text-align:center;margin: 0 auto; }
.prodfiveLi ul li > a > h3 {  padding:10px 0 20px 0; font-weight:bold;text-align: center;}
.prodfiveLi ul li > a > div > img { max-width:156px; max-height:96px; vertical-align: middle;}

.bar {  background-color:#252E35; width:954px; margin:0 auto; color:#ffffff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.bar > div:after { clear:both; content:"."; display:block; height:0; visibility:hidden;}
.bar > div.padTblf > a { color:white;}
.bar > div.padTblf > a:hover { text-decoration:underline;}
.feature_titles { float: left; padding-top: 60px; width: 159px;}
.feature_width { width:954px; margin:0 auto;  clear:both; }


.list > ul {border-left:solid 1px #e2e2e2; border-right:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; width:220px; margin:15px 0 20px 0; }

.list > ul > li.li_one a:hover {  font-weight:bold; 
         background-color:#ffffff;  
          background: -o-linear-gradient(#ffffff,#d7d7d7);
          background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d7d7d7));
          background: -webkit-linear-gradient(#ffffff,#d7d7d7);
          background: -moz-linear-gradient(#ffffff,#d7d7d7);
          background: -ms-linear-gradient(#ffffff,#d7d7d7);
          background: linear-gradient(#ffffff,#d7d7d7);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7'); }
.list > ul > li.li_one a { color:#1695A4;   border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; width:200px; line-height:38px; display:block;  padding-left:20px;text-align: left;
          background: -o-linear-gradient(#f2f2f2,#e2e2e2);
          background: -webkit-gradient(linear,left top,left bottom,from( #f2f2f2 ),to( #e2e2e2));
          background: -webkit-linear-gradient(#f2f2f2,#e2e2e2);
          background: -moz-linear-gradient(#f2f2f2,#e2e2e2);
          background: -ms-linear-gradient(#f2f2f2,#e2e2e2 );
          background: linear-gradient(#f2f2f2,#e2e2e2);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e2e2e2');}

.list > ul > li.li_one a.active { color:#ffffff;   border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; font-weight:bold;    
          background: -o-linear-gradient(#0090ad,#008099);
          background: -webkit-gradient(linear,left top,left bottom,from( #0090ad),to(#008099));
          background: -webkit-linear-gradient(#0090ad,#008099);
          background: -moz-linear-gradient(#0090ad,#008099);
          background: -ms-linear-gradient(#0090ad,#008099 );
          background: linear-gradient(#0090ad,#008099);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0090ad', endColorstr='#008099');}



.list > ul > li.li_one> ul> li.li_two a {  border:solid 0px #e2e2e2; font-weight:bold; background-color:#ffffff;  color:#434348;   padding-left:30px;  width:190px;
          background: -o-linear-gradient(#ffffff,#ffffff);
          background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
          background: -webkit-linear-gradient(#ffffff,#ffffff);
          background: -moz-linear-gradient(#ffffff,#ffffff);
          background: -ms-linear-gradient(#ffffff,#ffffff);
          background: linear-gradient(#ffffff,#ffffff);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); }
.list > ul > li.li_one > ul > li.li_two a:hover {color:#434348;   background: -o-linear-gradient(#e9e9e9,#e9e9e9);
          background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#e9e9e9));
          background: -webkit-linear-gradient(#e9e9e9,#e9e9e9);
          background: -moz-linear-gradient(#e9e9e9,#e9e9e9);
          background: -ms-linear-gradient(#e9e9e9,#e9e9e9);
          background: linear-gradient(#e9e9e9,#e9e9e9);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e9e9e9') 
}

    .list > ul > li.li_one > ul > li.li_two a.active, .list > ul > li.li_one > ul > li.li_two > ul > li.li_three a.active,
    .list > ul > li.li_one > ul > li.li_two > ul > li.li_three > ul > li.li_four a.active {
         background: -o-linear-gradient(#dbdbdb,#dbdbdb);
          background: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#dbdbdb));
          background: -webkit-linear-gradient(#dbdbdb,#dbdbdb);
          background: -moz-linear-gradient(#dbdbdb,#dbdbdb);
          background: -ms-linear-gradient(#dbdbdb,#dbdbdb);
          background: linear-gradient(#dbdbdb,#dbdbdb);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#dbdbdb')
    }
.list > ul > li.li_one > ul > li.li_two > ul > li.li_three a {  font-weight:normal;  padding-left:40px;  width:180px; color:#434348;  background-color:#eeeeee;text-decoration:none;  /*font-weight:bold;*/
          background: -o-linear-gradient(#ffffff,#ffffff);
          background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
          background: -webkit-linear-gradient(#ffffff,#ffffff);
          background: -moz-linear-gradient(#ffffff,#ffffff);
          background: -ms-linear-gradient(#ffffff,#ffffff);
          background: linear-gradient(#ffffff,#ffffff);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff') }
.list > ul > li.li_one > ul > li.li_two > ul > li.li_three a:hover {color:#434348;   background: -o-linear-gradient(#e9e9e9,#e9e9e9);
          background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#e9e9e9));
          background: -webkit-linear-gradient(#e9e9e9,#e9e9e9);
          background: -moz-linear-gradient(#e9e9e9,#e9e9e9);
          background: -ms-linear-gradient(#e9e9e9,#e9e9e9);
          background: linear-gradient(#e9e9e9,#e9e9e9);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e9e9e9') 
}

.list > ul > li.li_one > ul > li.li_two > ul > li.li_three > ul > li.li_four a {font-weight:normal;  padding-left:50px;  width:170px;   color:#434348;  background-color:#fff;text-decoration:none;  /*font-weight:bold;*/
          background: -o-linear-gradient(#ffffff,#ffffff);
          background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
          background: -webkit-linear-gradient(#ffffff,#ffffff);
          background: -moz-linear-gradient(#ffffff,#ffffff);
          background: -ms-linear-gradient(#ffffff,#ffffff);
          background: linear-gradient(#ffffff,#ffffff);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff') }
.list > ul > li.li_one > ul > li.li_two > ul > li.li_three > ul > li.li_four a:hover {color:#434348;   background: -o-linear-gradient(#e9e9e9,#e9e9e9);
          background: -webkit-gradient(linear,left top,left bottom,from(#e9e9e9),to(#e9e9e9));
          background: -webkit-linear-gradient(#e9e9e9,#e9e9e9);
          background: -moz-linear-gradient(#e9e9e9,#e9e9e9);
          background: -ms-linear-gradient(#e9e9e9,#e9e9e9);
          background: linear-gradient(#e9e9e9,#e9e9e9);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e9e9e9') 
}




.Comparison { width:954px; display:block; margin:35px auto;  padding:0;  border:solid 1px #CDCDCD;   border-collapse:collapse;}
/*.Comparison {  width:954px; display:block; margin:0 auto; position:relative; border:solid 1px #dddddd;  height:400px;}*/
.startcompare{ float: right;}
.startcompare a{ color: white;background-color: #008da9;display: block;padding: 0 6px;font-size: 12px;border-radius: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;}
.startcompare a:hover{ background-color: #027d96;}
.compar_top { padding-right:19px;  }
.compar_top .mini-grid-table {  width:935px; table-layout:fixed;  /*width:100%;*/  z-index:100;  border-collapse:collapse; margin:0; padding:0;}
.compar_top .mini-grid-table tr th {  background: -o-linear-gradient(#f2f2f2,#e2e2e2);  
          background: -webkit-gradient(linear,left top,left bottom,from( #f2f2f2 ),to( #e2e2e2));
          background: -webkit-linear-gradient(#f2f2f2,#e2e2e2);
          background: -moz-linear-gradient(#f2f2f2,#e2e2e2);
          background: -ms-linear-gradient(#f2f2f2,#e2e2e2 );
          background: linear-gradient(#f2f2f2,#e2e2e2);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e2e2e2');   word-wrap:break-word;  text-align:center;  font-weight:normal;  padding:5px;   border-right:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD;  margin:0; }
.compar_top .mini-grid-table tr td {word-wrap:break-word;  text-align:center;  font-weight:normal;    border-right:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD; padding:6px; margin:0; background-color:white; }
.compar_top .mini-grid-table tr td img { max-width:80px; max-height:50px;  vertical-align:middle;}
.compar_top .mini-grid-table tr td > div.fontimage {  color:#9d9d9d;}
.compar_top .mini-grid-table tr td > div.fontimage > p { float:left;  padding-left:10px; }
.compar_top .mini-grid-table tr td > div.fontimage > img { float:right; padding-right:10px;  padding-top:5px; vertical-align:middle; }

.compar_table { /*padding-right:17px;*/   height:400px; overflow-Y:auto;  /*background-color:#E2E2E2;*/ }
.compar_table table tr td img { max-width:80px; max-height:50px; }
.compar_table table {    width:935px;  z-index:100; border-collapse:collapse; margin:0; padding:0; table-layout:fixed;  background-color:white;}
.compar_table table tr td {word-wrap:break-word;   text-align:center;   border-right:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD;  margin:0;  padding:5px; }
.compar_table table tr.Grayebg { background-color:#F2F2F2; padding:5px; border-bottom:solid 1px #CDCDCD; }
.compar_table table tr.Grayebg td { text-align:left; font-weight:bold;}
.compar_table table tr.Grayebg td.prop { text-align:center;}

.Compar_footer { background: -o-linear-gradient(#f2f2f2,#e2e2e2);  
          background: -webkit-gradient(linear,left top,left bottom,from( #f2f2f2 ),to( #e2e2e2));
          background: -webkit-linear-gradient(#f2f2f2,#e2e2e2);
          background: -moz-linear-gradient(#f2f2f2,#e2e2e2);
          background: -ms-linear-gradient(#f2f2f2,#e2e2e2 );
          background: linear-gradient(#f2f2f2,#e2e2e2);
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e2e2e2'); 
          height:30px; border-top:solid 1px #dddddd;  border-right:solid 1px #dddddd; width:935px;}



/*search*/
.SCResults h1 { font-weight:bold; margin:0; padding:0 0 9px; letter-spacing:-0.6px;  font-size:1.4em;  font-family:Microsoft YaHei; }
.SCResults h2 {  font-size:1.4em;}
.SCleft {  width:225px; padding:9px 18px; float:left;}
.SCleft h3,.SCright_one h3,.SCright_two h3 {  padding-bottom:9px !important; font-size:1.4em;}
.SCleftbox {  border:solid 1px #dddddd;   padding:0 0 0 8px;}

.SCright {  width:711px; padding:9px; float:left;}
.SCright_one {width:100%; float:left;  margin-right:20px; }
.SCright_one.conten { /*border-top:solid 1px #dddddd;*/  width:100%;}
.SRconten {  padding:18px; border-top:solid 1px #dddddd;}

.SCleftAlone img{ max-width:112px;  max-height:63px;vertical-align: middle;}
.SCleftAlone a {  color:#1695A4; font-size:1.1em; font-weight:bold;width:112px;  height:63px; text-align: center }
.SCleftAlone a:hover {  text-decoration:underline; }
.SCleftAlone b {font-size:1.1em; font-weight:bold; }
.SCleftAlone p { line-height:1.5em; padding:0 0 18px; }
.SRconten .richtext ul li { list-style-type:disc; margin-bottom:0.7em; line-height:1.5em;  font-size:1.1em;}
.SRconten .richtext {  margin-top:36px;}
.SCright_two {  float:left; width:30%; }

.SCrightAlone { border-top:solid 1px #dddddd; }
.scrtfont a {  color:#1695A4; font-size:1.1em;  }
.leftimg { width:64px;  display:block;  float:left;}
.leftimg img{  width:64px;  height:36px;}
.scrtfont a:hover {  text-decoration:underline; }
.scrtfont p { line-height:1.5em; padding:0 0 18px; }
.scrtfont { }