@charset "utf-8";

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,form,input,select,option,table,thead,tfoot,tbody,tr,th,td,em,span,sup,sub,b,i,u,big,small { margin:0; padding:0; }
input,label,select,option,textarea,button { font-size:100%; color:#666; border:0; border:none;}
input,button,select,textarea { outline:none; outline:0; }
ul,ol,li { list-style:none; }

img { border:none; max-width:100%; }
*img { -ms-interpolation-mode:bicubic; } /* IE img */

html { height:100%; overflow-y:scroll; }
*html{ background-image:url(about:blank); background-attachment:fixed;  }

body { height:100%; text-align:center; font-family:Arial; font-size:100%; font-style:normal; color:#666;background-color:#fff;}
p { line-height:1.5; margin-top:1em; }

dt { font-weight:bold;}
h1,h2,h3,h4,h5,h6 { font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:bold;}

h1 { font-size:1.5em; }
h2 { font-size:1.25em; }
h3 { font-size:1.125em; }
h4,h5,h6 { font-size:1em; }

a { text-decoration:none; outline:none; color:#666;}
a:hover { text-decoration:underline; color:#039; }

big { font-size:1.5em;}
small { font-size:.875em;}

sup,sub { display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:.875em; }
*sup,*sub { font-size:.875em; }

table { border-collapse:collapse; border-spacing:0; text-align:center; border:none; background-color:#fff; width:100%; overflow:scroll-x;  }
table th,table td { border:1px solid #ddd; font-size:1em; line-height:1.75; padding:10px; }
table th { background-color:#f6f6f6; }

.tablewrap { width:100%; overflow:hidden; margin-top:20px;}





.wrap { width:100%; height:100%;}


.clearfix:after { content:"\200B";display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

.box:after { content:"\200B";display:block; height:0; clear:both; }
.box { *zoom:1; max-width:1680px; width:80%; margin:0 auto; position:relative; text-align:left; transition:all 0.5s ease-in-out; }


.left { display:inline-block; float:left; *display:inline; *zoom:1; vertical-align:top; }
.right { display:inline-block; float:right; *display:inline; *zoom:1; vertical-align:top; }
.center { display:inline-block; float:left; *display:inline; *zoom:1; vertical-align:top; }





.anniu0 { display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; margin:0 1em 0 0; color:#fff; padding:10px 20px; font-size:1em; font-weight:normal; text-decoration:none; border-radius:3px; cursor:pointer; min-width:120px; width:auto !important; width:120px; }
.anniu0:hover { color:#fff; text-decoration:none; }

.anniu-y { border:1px solid #ff8000; background:#ff9224;  }
.anniu-y:hover { border:1px solid #d26900; background:#ea7500; }

.anniu-b { border:1px solid #0072e3; background:#0080ff;}
.anniu-b:hover { border:1px solid #005ab5; background:#06c; }



.anniu-box a { display:inline-block; *zoom:1; vertical-align:middle; white-space:nowrap; padding:5px 10px; margin:10px 5px 0 0; color:#999; background-color:#f6f6f6; border-radius:3px;}
.anniu-box a:hover{ color:#039; text-decoration:none; background-color:#d2e9ff; }




.lie2ul { width:100%;}
.lie2ul ul { margin-right:-1%; overflow:hidden; *zoom:1;}
.lie2ul ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:left; width:49%; margin:40px 1% 0 0; }

.lie2ul table { margin:0 !important; }








.banner { width:100%; overflow:hidden; *zoom:1; color:#fff; position:relative;}
.banner h2 { font-size:3em; }
.banner p { font-size:1em; }


.banner .bd { overflow:hidden; *zoom:1; }
.banner .bd ul { overflow:hidden; *zoom:1; }
.banner .bd ul li { float:left; width:100%; overflow:hidden; *zoom:1; position:relative; }

.banner-img { width:100%; overflow:hidden; *zoom:1; }
.banner-img img { width:100%; display:block; margin:0 auto; vertical-align:top; }
.banner-text { position:absolute; width:100%; left:0px; top:0px; text-align:left; }
.banner-text-box { width:40%; text-align:left; padding:5%; }



.banner .hd { position:absolute; left:0; bottom:20px; *top:30%; text-align:center; width:100%; }
.banner .hd b { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 5px; width:20px; height:20px; background-color:#fff; border-radius:20px; cursor:pointer; overflow:hidden; }
.banner .hd b.on { background-color:#06c; }

#homepage .banner-text-box { padding:5% 0; }

 

/*******************   topbar   ****************************************************/
#topbar { background:#f6f6f6; color:#999; text-shadow:1px 1px 1px #fff; }
#topbar .box { }
#topbar .left { width:49.5%; text-align:left;}
#topbar .right { width:49.5%; text-align:right; }


.welcome { height:40px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; }
.welcome h1 { font-size:1em; font-weight:normal; margin:0; padding:0; }

.topbarnav { line-height:40px; color:#ccc; }
.topbarnav a { white-space:nowrap; }



/*******************  header   ****************************************************/
#header { color:#999; background-color:#fff; }
#header .box { padding-top:20px; padding-bottom:20px;}
#header .left { width:25%; }
#header .center { width:58%; margin-left:1%;  }
#header .right { width:15%; text-align:right; }


.logo { overflow:hidden; text-align:left; }
.logo img { width:100%; display:block; max-width:300px; min-height:60px; }

.kouhao { height:60px; line-height:30px; overflow:hidden; }
.kouhao big { color:#039; }



.tel { height:60px; overflow:hidden; position:relative; background:url(../img/tel.jpg) right center no-repeat; }	
.tel span { display:block; width:100%; height:60px; float:left; line-height:30px; }
.tel span big { font-size:1.5em; color:#f90; }

.tel .bd { overflow:hidden; *zoom:1; }





/*******************  nav   ****************************************************/
.nav { background-color:#039; }
.nav .box { z-index:9600; }
.nav .left { width:25%; }
.nav .right { width:74%; }


.navicon { display:none; height:30px; line-height:30px; padding:10px 5%; color:#fff; text-align:left; background:url(../img/citya.gif) 95% center no-repeat; overflow:hidden; }
.navicon img { height:30px; display:block; overflow:hidden;}


.navbox {  width:100%; position:relative; z-index:9601; }
.navbox a { text-decoration:none; }
.navbox a:hover { text-decoration:none; }

.navlist { display:inline-block; *display:inline; *zoom:1; float:left; width:20%; *width:19.9777%; position:relative; z-index:9935; }
.navlist dt { background-color:#039; color:#fff; height:50px; text-align:center; overflow:hidden; position:relative; z-index:9937; }

.navlist dt a { display:block; position:absolute; left:0; top:0; width:90%; height:50px; line-height:50px; padding:0 5%;color:#fff; white-space:nowrap; text-overflow:ellipsis; }
.navlist dt a:hover { color:#fff; background-color:#06c; }
.navlist dt i { display:block; position:absolute; right:0; top:0; width:50px; height:50px; line-height:50px; text-align:center; overflow:hidden; background-image:url(../img/navlist-icon.gif); background-position:center center; background-repeat:no-repeat;}



.navlist dd { display:none; position:absolute; z-index:9936; left:0; top:50px; width:100%; background-color:#d2e9ff; border-bottom:5px solid #36c; overflow:hidden; }



.navbox .navlist-on dt { background-color:#06c; }
.navbox .navlist-on dt i { background:url(../img/navlist-icon-1.gif) center center no-repeat\9; transition:all 0.25s ease-in-out; transform:rotate(180deg);}
.navbox .navlist-on dd { }




.navlist li a { display:block; *zoom:1; padding:10px 5%; text-align:center; color:#666;}
.navlist li a:hover { background-color:#fff; color:#06c; box-shadow:0px 0px 3px #d2e9ff inset; }









.city { width:100%; height:50px;  font-weight:normal; position:relative; z-index:9955; }
.city a { text-decoration:none;}
.city a:hover { text-decoration:none; }

.citya { display:block; *zoom:1; height:50px; line-height:50px; padding:0 5% 0 5%; color:#fff; position:relative; z-index:9965; font-weight:bold;background-color:#f90; }
.citya:hover { color:#fff; background-color:#f90;}
.citya b { display:bock; width:50px; height:50px; line-height:50px; text-align:center; overflow:hidden; position:absolute; right:0; top:0; background:url(../img/citya.gif) center center no-repeat; overflow:hidden; transition:all 0.25s ease-in-out; }



.citybox { display:none; position:absolute; z-index:9964; left:0; top:0; width:100%; }
.city-on .citybox { display:block; }
.city-on .citya { color:#fff; background-color:#f90; }
.city-on .citya b { background:url(../img/cityaa.gif) center center no-repeat\9; transform:rotate(90deg); }



.citybox dl { width:100%; position:relative; z-index:9975; *zoom:1; }

.citybox dt { font-weight:normal; padding:20px 5%; position:relative; z-index:9976; background:url(../img/sanjiao_05.gif) 93% center no-repeat #fed; }

.citybox dt a { color:#666; }
.citybox dt a:hover { color:#f90; }
.citybox dd { display:none; position:absolute; z-index:9974; left:100%; top:0; background-color:#fff; width:100%; height:auto; }




.citybox .citylist-on dt { background:url(../img/sanjiao_03.gif) 93% center no-repeat #fff;}
.citybox .citylist-on dt a { color:#f90; }
.citybox .citylist-on dt a:hover { color:#f90; text-decoration:underline; }
.citybox .citylist-on dd { display:block;}

.citybox .citylistbox { padding-bottom:20px; background-color:#fff; box-shadow:0px 0px 3px #ccc; }
.citybox .citylistbox a { display:inline-block; *zoom:1; vertical-align:top; color:#666; padding:5px 10px; word-spacing:normal; margin:20px 0 0 5%; border-radius:3px;}
.citybox .citylistbox a:hover { color:#f90; background-color:#fed; }




 



.main { position:relative; z-index:8;}
.main .box { padding-bottom:40px; }
.main .left { width:25%; margin-top:20px; }
.main .right { width:74%; margin-top:20px; }


.imgbox11 { overflow:hidden; margin:20px auto; }
.imgbox11 img { width:100%; display:block; border-radius:5px; }

.location { color:#999; margin:20px auto;}
.location a { color:#999; }
.location a:hover { color:#666; }




.content h1 { margin-top:10px; color:#039; }
.content h2 {
  font-weight: normal;
  font-size: 1em;
  color: #039;
  margin-top: 30px;
  padding: 10px;
  border-left: 5px solid #039;
  background-color: #eee; /* 保留背景颜色 */
  border-radius: 5px;
}


#post { clear:both; }

.text table { margin-top:2.25em; width:100%; }
.text blockquote  { border-left:5px solid #d2e9ff; background:#ecf5ff; color:#888; padding:1px 10px 20px 10px; margin-top:1em;}



.content .text p { margin-top:2em; line-height:1.5;}

#news h1 { margin-top:10px; color:#666; }
#news h2 { font-weight:normal; font-size:.875em; color:#039; margin-top:30px; padding:10px; background-color:#eee; border-left:5px solid #039; border-radius:5px;}




.catalog h3,.single h3,.text h3 { margin:80px 0 40px 0; text-align:center; border-top:1px solid #ddd; clear:both; font-size:1.125em; clear:both; }
.catalog h3 b,.single h3 b,.text h3 b { display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; height:46px; line-height:46px; padding:0 40px; margin-top:-23px; color:#666; background-color:#f6f6f6; border:1px solid #ddd; white-space:nowrap; border-radius:23px; box-shadow:0 0 3px #ccc; }

.single h3,.text h3 { font-size:1em; text-align:left; margin-top:3em; padding-left:5px; clear:both; border-left:4px solid #09f; color:#333; }



.catalog h4,.single h4,.text h4 { font-size:1em; font-weight:bold; color:#666; margin-top:20px;  padding:10px 0 10px 20px; background:url(../img/p_901_2.png) 0 center no-repeat; }






.posttitle { text-align:left; clear:both; font-size:.875em; overflow:hidden; *zoom:1; }
.posttitle b { display:inline-block; *zoom:1; vertical-align:top; padding:0 7px 0 23px; height:22px; line-height:22px; font-weight:normal; color:#999; margin-top:10px; margin-right:10px; background-image:url(../img/icon.png); background-color:#fff; background-repeat:no-repeat; background-position:5px -52px;  border-radius:3px; border:1px solid #ddd; overflow:hidden; }
.posttitle .icon-1 { background-position:5px -74px; }
.posttitle .icon-2 { background-position:5px -115px;}
.posttitle .icon-3 { background-position:5px -15px; }
.posttitle .icon-4 { background-position:5px 3px; }








.biaoqian { clear:both; font-size:0.875em; }
.biaoqian a { display:inline-block; vertical-align:top; padding:2px 7px 2px 23px; font-weight:normal; color:#ff9224; margin-top:10px; margin-right:10px; background:url(../img/icon.png) 5px -51px no-repeat #fff; border-radius:3px; border:1px solid #ddd; overflow:hidden;}



.xiangguan { clear: both; margin-top: 40px; }
.xiangguan dl dt { 
    display: flex; /* 使用 flexbox 来处理布局 */
    justify-content: space-between; /* 使两个 <b> 元素在一行内分开 */
    padding: 10px 0; /* 设置上下的内边距 */
}
.xiangguan dl dt b { 
    flex: 1; /* 让每个 <b> 元素占据相等的空间 */
    text-align: center; /* 中间对齐 */
    background-color: #eee; 
    color: #039; 
    position: relative; 
    padding: 10px 0; /* 与之前相同的上下宽度 */
}
.xiangguan dl dt b.on { 
    background-color: #039; 
    color: #fff; 
}
.xiangguan dl dd { overflow: hidden; *zoom: 1; }
.xiangguan dl dd div { padding-top: 10px; }
.xiangguan dl dd img { float: left; display: block; width: 216px; height: 180px; overflow: hidden; margin: 0 10px 10px 0; }
.xiangguan dl dd ul { display: table-cell; width: 4000px; overflow: hidden; *display: block; *width: auto; *zoom: 1; }

@media (max-width: 768px) { /* 适配手机屏幕 */
    .xiangguan dl dt {
        flex-wrap: wrap; /* 允许换行 */
    }
}




.ul-30 { overflow:hidden; *zoom:1; height:180px; }
.ul-30 li { height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
 ul-30 li a { color:#666; }
.ul-30 li a:hover {  text-decoration:underline;}
.ul-30 li span { color:#ccc; float:right;}


.pagebar { margin-top:20px; clear:both; }
.pagebar a { display:inline-block; *zoom:1; padding:0 10px; margin:10px 10px 0 0; height:30px; line-height:30px; color:#666; background-color:#eee;}
.pagebar a:hover { background-color:#039; text-decoration:none; color:#fff; }
.pagebar a.now-page { background-color:#ff9224; color:#fff;}





 
 



.lie6 { overflow:hidden; *zoom:1; font-size:1.125em; margin-right:-1%; }
.lie6 a { width:15.6667%;}



.btn a { display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; margin:0 1% 10px 0; padding:10px 0; background-color:#06c; color:#fff; border-radius:5px; box-shadow:0 0 5px #039 inset; }

.btn big { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:20px; background-color:#fff; color:#06c; overflow:hidden; }
.btn span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:3.125%; word-break:break-all; word-wrap:break-word;}
.btn img { width:90%; display:none }

.btn a:hover { text-decoration:none; background-color:#ff9224; box-shadow:0 0 3px #ea7500 inset; }
.btn a:hover big { color:#ff9224; transition:all 0.25s ease; transform:scale(0.8,0.8);}




.countrycity { overflow:hidden; *zoom:1; }
.countrycity li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:5px; white-space:nowrap; }
.countrycity li a { display:inline-block; padding:3px 10px; color:#666; border-radius:3px; border:1px solid #ddd; box-shadow:0 0 3px #ccc inset; }
.countrycity li a:hover { color:#039; text-decoration:none; border:1px solid #039; box-shadow:0 0 3px #06c inset;  }




/** sidebar **/
.sidebar dl { margin-top:30px; overflow:hidden;}
.sidebar dt { padding:10px 5% 10px 5%; color:#039; background-color:#f6f6f6;  }
.sidebar dd { background-color:#f6f6f6; }
.sidebar dd img { display:block;}

.sidebar ul li { overflow:hidden; *zoom:1;border-top:1px solid #fff; }
.sidebar li a { display:block; color:#999; width:85%; padding:10px 10% 10px 5%; overflow:hidden; background:url(../img/sanjiao_06.gif) 95% center no-repeat; }
.sidebar li a:hover { color:#039; background:url(../img/sanjiao_02.gif) 95% center no-repeat #fff; text-decoration:none; box-shadow:0 0 3px #ccc inset; }
.sidebar li span { display:none;}
.sidebar li u { text-decoration:none;}

.sidebar dl.first { margin-top:10px;}




/* menu  */
.menu { clear:both; position:relative; z-index:2; background-color:#f6f6f6; color:#039;  width:100%; overflow:hidden;}
.menu .box { overflow:hidden;}

.menulist a { color:#039;}
.menulist li a { color:#999;}
.menulist li a:hover { color:#039;}


.menulist { overflow:hidden; *zoom:1; margin-right:-1%; padding-bottom:20px; }
.menulist dl { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:19%; *width:18.7777%; margin-top:20px; margin-right:1%; overflow:hidden; }
.menulist dt { padding:0 5% 0 32px; position:relative; height:50px; line-height:50px; overflow:hidden; background-position:0 center; background-repeat:no-repeat; }
.menulist dt i { display:block; position:absolute; right:0; top:0; width:50px; height:50px; line-height:50px; text-align:center; overflow:hidden; background-position:center center; background-repeat:no-repeat; display:none; }
.menulist dd { padding:10px 5% 10px 5%; }
.menulist li { padding:5px 0; }

.menulist .menulist1 dt { background-image:url(../img/p_201.png);}
.menulist .menulist2 dt { background-image:url(../img/p_202.png);}
.menulist .menulist3 dt { background-image:url(../img/p_203.png);}
.menulist .menulist4 dt { background-image:url(../img/p_204.png);}
.menulist .menulist5 dt { background-image:url(../img/p_205.png);}



.menulist .last { _width:19.88%; } /* ie6 */
.menulist .last ul { margin-right:-5%; overflow:hidden; *zoom:1; }
.menulist .last li { width:45%; *width:44%; float:left; margin-right:5%; text-align:center; }
.menulist .last li b { color:#ff9224; font-weight:normal; }
.menulist .last li img { display:block; margin:0 auto; width:100%;}









.link { background-color:#eee; font-size:.875em; clear:both; position:relative; z-index:3; }
.link .box { padding-top:10px; padding-bottom:10px; }
.link a { display:inline-block; *zoom:1; vertical-align:top; text-align:center; padding:3px 5px; border-radius:3px; color:#999; background-color:#fff; }

.link a.first { color:#039; }






/* footer ******************************************************************************  */
.footer { clear:both; color:#999; background-color:#fff; position:relative; z-index:4;}
.footer .box { padding-top:20px; padding-bottom:20px; }

.footer .left { width:10%;}
.footer .center { width:53%; margin-left:1%;}
.footer .right { width:35%; text-align:right; }

.footer h6 { font-weight:normal; margin:5px 0 0 0; }

.footer p { margin:5px 0 0 0; }
.footer span { white-space:nowrap; text-overflow:ellipsis; }

.footer .left img { box-shadow:0px 0px 3px #ccc;overflow:hidden;}





/*   */

.toolbar {}
.toolbar a {}

.backtotop { display:inline-block; *display:inline; *zoom:1; width:58px; height:58px; line-height:58px; background-image:url(../img/g11.gif); background-repeat:no-repeat; background-position:0 0; background-color:#ff9224; position:fixed; *position:absolute; z-index:10006; right:1%; bottom:10px; *margin-bottom:10px;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.backtotop:hover { background-color:#f60;}








.products-list { 
    width: 100%; 
    overflow: hidden; 
}

.products-list a { 
    color: #039; 
}

.products-list a:hover { 
    color: #f90; 
    text-decoration: underline; 
}

.products-list-box { 
    overflow: hidden; 
    margin-right: -1%; 
}

.products-list dl { 
    width: 32.3333%; 
    display: inline-block; 
    vertical-align: top; 
    float: left; 
    margin: 20px 1% 0 0; 
    overflow: hidden; 
}

.products-list dl dt { 
    overflow: hidden; 
    font-size: 0; 
}

.products-list dl dt img { 
    width: 100%; 
    height: auto; /* 保持纵横比 */
    display: block; 
}

.products-list dl dd { 
    padding: 10px 0; 
    overflow: hidden; 
    color: #999;  
}

.products-list dl dd h4 { 
    font-size: 1em; 
}

.products-list dl dd p { 
    margin: 10px 0 0 0; 
}

.products-list dl dd span { 
    display: none; 
}

.products-list dl dd .zhaiyao { 
    display: block; 
}

.products-list .on { }






.news-list { border-top:1px dotted #ccc; margin-top:10px;}
.news-list dl { clear:both; overflow:hidden; *zoom:1; padding:20px 0; border-bottom:1px dotted #ccc;  }
.news-list dt { float:left; width:180px; height:150px; line-height:150px; margin-right:1%; overflow:hidden; text-align:center; background-color:#eee; font-size:0; position:relative; }
.news-list dt img { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; *font-size:131px; margin:0 auto; }
.news-list dd { color:#999; position:relative; height:150px; display:table-cell; width:4000px; overflow:hidden; *display:block; *width:auto; *zoom:1;}


.news-list dd span { display:inline-block; *zoom:1; position:absolute; bottom:2px; background-image:url(../img/icon.png); background-repeat:no-repeat; }

.news-list h4 { white-space:nowrap; overflow:hidden; }
.news-list h4 a { color:#039;}
.news-list h4 a:hover { color:#06c; }

.news-list .zhaiyao { margin-top:10px; }
.news-list .liulan,.news-list .pinglun { display:none;}

.news-list .readmore { left:0; background-image:none;}
.news-list .readmore a { color:#039 }

.news-list .shijian { right:0; padding-left:16px; background-position:0px -116px;  }



















/*******************    tuzi     ************************************************************************************/
.tuzi { overflow:hidden; *zoom:1; }


.tu { width:25%; float:left; display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;}

.tu .bdwrap { width:100%; overflow:hidden; }
.tu .bd { width:100%; overflow:hidden; *zoom:1; }
.tu .bd b { display:block; width:100%; text-align:center; background-color:#f6f6f6; }
.tu .bd b img { width:100%; display:block; margin:0 auto; vertical-align:middle; }

.tu .hdwrap { width:100%; overflow:hidden; }
.tu .hd { overflow:hidden; *zoom:1; margin-right:-3%; }
.tu .hd b { display:block; width:30.3333%; *width:30.1111%; float:left; text-align:center; cursor:pointer; margin:10px 3% 0 0; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; text-align:center; font-weight:normal; background-color:#f6f6f6; }

.tu .hd b img { width:100%; display:block;  margin:0 auto; vertical-align:middle; }
.tu .hd b.on { filter:alpha(opacity=100); opacity:1; }

.zi { width:100%; float:right; display:inline-block; *display:inline; *zoom:1; vertical-align:top; background-image:url(../img/zhiding.gif); background-position:right top; background-repeat:no-repeat; background-color:#d2e9ff; padding-bottom:9999px; margin-bottom:-9999px; }

.zi h2 { padding:0; margin:0; font-size:1.5em; color:#039; font-weight:bold; }
.zi .zhaiyao { padding:0; margin:2em 0 0 0; font-weight:normal; font-size:1em;}
.zi p { padding:0; margin:0.8em 0 0 0;}

.zi .liulan,.zi .pinglun { vertical-align:middle; color:#999; }
.zi .liulan { }
.zi .pinglun { }
.zi .liulan big,.zi .pinglun big { color:#ff8000; font-size:1em; }

.zibox { padding:20px;}



.contentinfo {
  position: relative;
  margin-top: 0;
  padding: 1em 1em 1em 1em;
  font-size: .875em;
  background-color: #ecf5ff;
  border-bottom: 1px dashed #d2e9ff;
  background-image: url(../img/quote_right.gif); /* 添加背景图片 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-position: 98% center; /* 背景图片位置 */
  border-radius: 5px; /* 添加圆角 */
}

.contentinfo p {
  display: inline-block;
}




.guide { position:relative; width:100%; overflow:hidden; *zoom:1;}
.guide .guide-box {  }
.guide dl { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; overflow:hidden; float:left; width:25%; text-align:left; border-right:1px solid #fff; background-color:#eee; }
.guide dl dt { overflow:hidden; text-align:center; }
.guide dl dt img { display:block; margin:0 auto; width:100%; vertical-align:middle; overflow:hidden;}

.guide dl dd { overflow:hidden; padding:20px; line-height:2;}
.guide dl dd big { font-weight:normal; font-size:1em; color:#f90; }


.guide .bd { position:relative; overflow:hidden; *zoom:1; }
.guide a.prev,.guide a.next { display:block; overflow:hidden; width:58px; height:58px; line-height:58px; text-align:center; position:absolute; left:0; top:50%; margin-top:-29px; background-image:url(../img/g.gif); background-position:0 0; background-repeat:no-repeat; cursor:pointer; overflow:hidden; filter:Alpha(opacity=80); opacity:0.8; }
.guide a.next { left:auto; right:0; background-position:0 bottom; }
.guide a.prev:hover,.guide a.next:hover { background-color:#039;}

.guide dl a { text-decoration:none; }
.guide dl a:hover { color:#039; text-decoration:none; }




.heart { position:relative; width:100%; overflow:hidden; *zoom:1; }
.heart .heart-box { margin-right:-1%; }
.heart dl { position:relative; overflow:hidden; display:inline-block; *display:inline; *zoom:1; width:24%; margin:20px 1% 0 0; vertical-align:top; color:#999; text-align:center; }
.heart dl dt { position:relative; overflow:hidden; width:90%; padding:5%; font-weight:normal;  }
.heart dl dt img { display:block; margin:0 auto; width:80%; position:relative; }

.heart dl dd { width:90%; padding:5%;  }
.heart dl p b { font-weight:normal; color:#f90; }




 
 
.step { position:relative; width:100%; overflow:hidden; *zoom:1; }
.step .step-box { margin-right:-1%; }
.step dl { overflow:hidden; display:inline-block; *display:inline; *zoom:1; float:left; width:15.6666%; margin-right:1%; vertical-align:top; text-align:left;  background-color:#039; color:#ccc; position:relative; margin-top:5px;  }
.step dl dt { position:relative; overflow:hidden; text-align:center; width:100%;  margin-left:-100%;  }
.step dl dt img { display:block; margin:0 auto; width:100%; vertical-align:middle; overflow:hidden;  }

.step dl dd { position:absolute; left:0; top:0; overflow:hidden; width:90%; padding:5%; line-height:2; }
.step dl dd big {color:#f90; font-size:1em; }

.step dl a { color:#ccc; text-decoration:none; display:block; }
.step dl a:hover { color:#ccc; text-decoration:none;  }








/********************************* module22   *****************************************************************/
.module22 { position:relative; }
.module22box { margin-right:-1%; overflow:hidden; *zoom:1; }
.module22 dl { position:relative; overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:left; width:24%;  margin:20px 1% 0 0; background-color:#d2e9ff; border-radius:5px; }

.module22 dt { height:250px; line-height:250px; margin-top:60px; position:relative; overflow:hidden; font-size:0; text-align:center; background-color:#f6f6f6; }
.module22 dt img { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; *font-size:90px; margin:0 auto; }

.module22 dd { padding:20px; height:80px; overflow:hidden; }
.module22 h4 { padding:0 20px; height:60px; line-height:60px; font-size:18px; white-space:nowrap; overflow:hidden; color:#ff8000; position:absolute; left:0; top:0; }
.module22 h4 a { color:#039;}
.module22 p { margin:0; }
.module22 span { display:inline-block; *zoom:1;}
.module22 .shijian { display:none;}

.module22 .liulan,.module22 .pinglun { vertical-align:middle; color:#999; font-size:14px; position:absolute; bottom:20px;}
.module22 .liulan { left:20px;}
.module22 .pinglun { right:20px;}
.module22 .liulan big,.module22 .pinglun big { color:#ea0000; font-size:14px; }


.module22 .readmore { display:none; width:98px; height:38px; line-height:38px; text-align:center; border:1px solid #039; position:absolute; left:100px; top:165px; border-radius:5px;}
.module22 .readmore a { display:block; width:100%; height:100%; *zoom:1; color:#039; }

.module22 .dlon .readmore { display:inline-block; }
.module22 .dlon { background-color:#fed; }
.module22 .dlon h4 a { color:#f90; }
.module22 .dlon a:hover { text-decoration:none; }
.module22 .zhiding { background-image:url(../img/zhiding.gif); background-position:right top; background-repeat:no-repeat;}


.module22 .tempWrap { width:940px !important; }
.module22 .bd { overflow:hidden; *zoom:1;}

.module22 .prev,.module22 .next { display:block; width:58px; height:58px; position:absolute; top:50%; margin-top:-29px; cursor:pointer; background-color:#039; background-image:url(../img/g.gif); background-repeat:no-repeat;}
.module22 .prev { left:-78px; background-position:0 0; }
.module22 .next { right:-78px; background-position:0 -58px; }
.module22 .prevStop,.module22 .nextStop { background-color:#eee;}



/********* textarea input ********************************************************************************/
textarea { border:1px solid #ccc; font-size:1em; line-height:2em; color:#ccc; background-color:#fff; width:90%; padding:10px; min-height:100px; height:auto !important; height:100px; box-shadow:0px 1px 2px #ccc inset; border-radius:3px; transition: .3s ease-in-out; text-align:left; }
textarea.click-on { color:#039; border:1px solid #06c; box-shadow:0px 0px 3px #06f; }

.truck textarea { font-size:1.5em; line-height:1.5em; width:50%; font-weight:bold;}



input { border:1px solid #ccc; font-size:1em; line-height:1em; color:#ccc; background-color:#fff; width:40%; padding:10px; box-shadow:0px 1px 2px #ccc inset; border-radius:3px; transition: .3s ease-in-out; text-align:left; }
input.click-on { color:#c00; border:1px solid #06c; box-shadow:0px 0px 3px #06f; }

input[type='submit'],input[type='buttom'],input[type='checkbox'] { width:auto; box-shadow:none; }


.pricewrap { background-color:#f6f6f6; text-align:center; padding-bottom:20px; }

/* */

@media screen and (max-width: 599px) {
	
	.box { width:100%; }
	.main .box { width:98%; }   
	     #topbar .left { display:none; }
         #topbar .right { width:100%; }
		 .topbarnav { text-align:center; }
		 
		 #header { display:none;}
	     .banner h2 { font-size:2em; }
		 .banner p { display:none;}
		 #homepage .banner-text-box { padding:2%; }
		 
		 
		 .nav .left { display:none;}		 
		 .nav .right { width:100%; position:relative; margin:0; padding:0; }
		 .navicon { display:block;}
		 .navbox { display:none;}

		 .navlist { width:100%; border-top:1px solid #36c;  }
		 .navlist dt { text-align:left;}
		 .navlist dd { position:static; text-align:left; border-bottom:none; }
		 .navlist dd.line { display:none; border-bottom:none;}
		 .navlist dd a { text-align:left; }

		 
	     .main .left { display:none;}
         .main .right { width:100%; }
		 
		 .coloum dl { width:100%; }
		 .coloum2 .coloum dl { width:100%;}
		 
         .products-list dl { width:99%; }
		 .news-list dl dt { float:none; margin:0 auto 20px auto; }
		 
		 .heart dl { width:49%;}
		 .module22 dl { width:99%;}
		 
		 .guide dl { width:100%;}
		 .step dl { width:49%;}
		 
		 .tu { float:none; width:100%; margin:0 0 10px 0; padding:0;}
		 .zi { float:none; width:100%; margin:0; padding:0;}
		 

		 
		 .menulist { padding-bottom:0;}
		 .menulist dl { width:100%; margin:0; border-top:1px solid #fff; }
		 .menulist dl dt i { background-image:url(../img/jiahao_02.gif); display:block; }
		 .menulist dl dd { display:none; background-color:#fff;}
		 
		 .footer .left { width:100%; text-align:center;display:none; }
		 .footer .center { width:100%; margin-left:0; text-align:center; }
         .footer .right { display:none; }
		 
		 .footer .center h6 { display:none;}
		 .footer .center p { font-size:1.125em; color:#039;}
		 
		 .link,.backtotop { display:none;}
     }
 
@media screen and (min-width: 600px) and (max-width: 1023px) {
	
	
         #topbar .left { display:none; }
         #topbar .right { width:100%; }
		 #header .left { width:49.5%; }
         #header .center { display:none;}
         #header .right { width:49.5%; }
		 
		 
		 .nav .left { display:none;}
		 .nav .right { width:100%; }
		 
		 
		 .main .left { display:none;}
         .main .right { width:100%; }
		 
		 .coloum dl { width:49%; }
		 
		 .module22 dl { width:49%;}
		 
		 
		 .guide dl { width:50%;}
		 
		 .step dl { width:32.3333%;}
		 
		 .products-list dl { width:49%;}
		 .menulist dl { width:49%;}
		 
		 .footer .center { width:89%; text-align:right; }
         .footer .right { display:none; }
		 
		 
     }
 
@media screen and (min-width: 1024px) and (max-width: 1440px) {
         .box {}
     }
 
@media screen and (min-width: 1441px) {
         .box {}
     }