@charset "utf-8";
 
 
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:100;
}

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}
.cent img{ max-width:100%}
li {
/*
  For IE6 + IE7.
*/
  display: list-item; list-style:none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top; 
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}

body{ margin:0; padding:0; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#333;}
a{ font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}
a:hover{ text-decoration:underline; color:red;}
.clear{ clear:both;}


.cpfl ul li .xwz,.sidebar ul li .xwz{ background:#eee; border-bottom:1px dashed #fff; width:100%; float:left}
.sidebar ul li:hover a.wz{ background:#d0e4f8}
.l_dh{}
.l_dh .epdh{ width:100%; overflow:hidden}
.l_dh .epdh .clwz3{ width:100%; font:12px/40px "微软雅黑"; color:#999; float:left;}
.l_dh .epdh .clwz3:hover{ background:#none; color:#1d63ab}


@media(max-width:480px)
{
.fleft{ float:none;}
.fright{ float:none;}
.top10{ margin-top:10px;}
.bot10{ margin-bottom:10px;}
.left10{ margin-left:0px;}
.right10{ margin-right:0px;}
.bot05{ margin-bottom:5px;}
/* CSS Document */
.wdiv{ width:100%; margin:0px auto; padding:0px auto;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:140px; background-color:#FFF; position:relative; overflow:hidden;}
.top{ display:none;}
 
 
.logo{ width:100%; height:90px; padding-top:5px;}
.logo h1{ float:left; height:100%; margin:0 auto;}
.logo h1 img{ max-width:98%; margin:0px auto; margin-top:8px;}
.logo h2 img{ max-width:98%; margin:0px auto; margin-top:2px;}
.rexian{  display:none;}
.rexian img{  display:none;}


.menu{ width:100%; height:60px; background-color:#1d61a9; overflow:hidden; position:absolute; bottom:0px;}
.menu ul{ height:100%; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0; width:25%; height:50%; text-align:center; }
.menu ul li a{ line-height:30px;font-family:"微软雅黑"; font-size:14px; color:#fff; display:block; width:100%; height:99.9%; float:right; border-right:solid 1px #2174cb; border-bottom:solid 1px #2174cb;}
.menu ul li:hover{ text-decoration:none;  background:url(/images/menubk-set.jpg); text-align:center;}
.menu ul .on{ background:url(/images/menubk-set.jpg);} 

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ background-image:url(zhengwenDiv.jpg); background-position:top center; background-repeat:no-repeat; margin:0 auto; height:auto; padding-bottom:10px;}
.oneDiv{ padding-top:19px; }
.neiyeDiv{ padding-top:10px;}
.index-ctitle{ background-image:url(index-ctitle.jpg); background-repeat:repeat-x; width:98%; height:40px; margin:0px auto; position:relative;}
.index-ctitle span{ height:100%; display:block;margin:0px auto;  position:relative; z-index:0; text-align:center; }
.index-ctitle span img{  max-height:100%; margin:0px auto;}
.index-ctitle p{ display:none;}


.cpfl,.khal{ width:98%; margin:0px auto; background-color:#fff; overflow:hidden;}
.cpfl h3{ display:none;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul{ margin:0px auto;   margin-top:8px; margin-bottom:8px;}

.cpfl ul li{ margin-right:8px; margin-bottom:8px; min-width:18.5%;  height:25px; line-height:25px; float:left; border:solid 1px #dddddd; border-radius:3px; text-align:center; }
.cpfl ul li:hover{ }
.cpfl ul li a{ height:25px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.cpfl ul li a.on,.cpfl ul li a:hover{ color:red; text-decoration:none;}
.cpfl ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}

.sidebar ul,.sidebara ul{ padding:13px 5px 5px; border:solid 1px #dddddd;background-color:#fff;}
.sidebar ul li{ line-height:52px; margin-bottom:5px;  height:52px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 20px;}
.sidebar ul li:hover{ }
.sidebar ul li a{ height:52px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.sidebar ul li a.on,.sidebar ul li a:hover{ background-color:#d0e4f8;color:red; text-decoration:none;}
.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}


.sidebar h3,.sidebara h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px; border-bottom:solid 3px #cc0000;}
.more{ float:right; margin:10px 10px 0 0 ;}
.sidebar ul li{ line-height:42px; margin-bottom:5px;  height:42px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 15px;}


.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp{ width:100%; overflow:hidden;margin-bottom:10px;}

.tjcp ul{ padding:0 0px; width:100%; height:100%;}
.tjcp ul li{ float:left; width:33.3%; height:140px; overflow:hidden; margin-bottom:5px;} 
.tjcp ul li .tjcp-div{ width:98%; height:99%; overflow:hidden; text-align:center; margin:0px auto; position:relative;} 
.tjcp ul li span{ width:98%; height:105px; display:block; overflow:hidden; vertical-align:middle; text-align:center; border:1px solid #dddddd;}
.tjcp ul li span img{width:100%; height:105px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center;}
.tjcp ul li p{ width:99%; height:30px; line-height:30px; text-align:center; background-color:#a7a7a8; overflow:hidden; border-top:solid 1px #fff;}
.tjcp ul li a{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
 

.aboutusDiv{ width:100%; height:285px; background-color:#eeeeee;padding-top:20px;}
.aboutusDiv-ctitle{ background:none;}
.aboutusDiv-ctitle span{ width:210px;}
.aboutusDiv-ctitle span img{ max-width:100%;max-height:50px;}
.aboutusDiv-ctext{ width:98%; height:auto; position:relative; margin:0px auto; margin-top:20px; line-height:30px;}

.chejianDiv{ width:100%; height:355px; background-color:#eeeeee; overflow:hidden; position:relative; padding-top:5px;}
.texie1{ width:100%; margin:0px auto; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top;}
.texie2{ width:100%; margin:0px auto; height:455px; background-image:url(texie-2.jpg); background-repeat:no-repeat; background-position:center top;}
.texie3{ width:100%; margin:0px auto; height:409px; background-image:url(texie-3.jpg); background-repeat:no-repeat; background-position:center top;}
.texie4{ width:100%; margin:0px auto; height:407px; background-image:url(texie-4.jpg); background-repeat:no-repeat; background-position:center top;}

.newsDiv{ width:100%; background-image:url(newsbk.jpg); background-repeat:repeat-x; background-position:left -75px!important; padding-top:25px;}
.newsDiv-ctitle{ background:none; height:128px;}
.newsDiv-ctitle img{ max-height:100px!important;}


.slzs{  margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:10px 10px 10px; height:260px; margin-top:25px;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:96%;  background-color:#fff; margin:0px auto; margin-bottom:10px; } 
.newsimg{max-width:100%;}
.newsDivBtBk{background-image:url(newsbkbt.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:24px; margin-top:10px;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top; text-indent:35px;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top; text-indent:35px;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top; text-indent:35px;}
 
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px; max-height:210px; overflow:hidden;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%; background-color:#2b2e35; margin-top:30px;} 
.footerdiv ul{ }
.footerdiv li{ float:left; width:33%; margin-top:10px; padding-bottom:20px;  overflow:hidden; border-left:solid 1px #48494a;}
.footerdiv li dl{ width:80%; margin:0px auto;}
.footerdiv li dl dt{ font-size:14px; font-weight:bold; color:#fff; height:30px;}
.footerdiv li dl dd{ text-indent:3px; height:25px; overflow:hidden;}
.footerdiv li dl dd a{ font-size:12px; line-height:25px; color:#fff;}
.footerdiv li dl dd a:hover{ color:#fff;}

.footerBorder{ border-top:solid 1px #5d5d5e;   line-height:40px; color:#fff; text-align:center;}

#lefta{ float:left; width:145px; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}

#left{ bottom:10px; right:10px;width:35px; height:35px; position:fixed; background-image:url(menu.png); background-size:100%; background-repeat:no-repeat; overflow:hidden; z-index:1000000}
#left .sidebar{ display:none;}

#left:hover{ bottom:10px; right:10px;  width:160px;height:auto; padding-top:35px;position:fixed; background-image:none; background-color:#1c62aa; }
#left:hover .sidebar{ width:160px; display:block; position:relative; bottom:40px;}

#right,#righta{  width:98%; background-color:#fff; padding:0px; margin:0px auto;}
#right{margin:0px auto; margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#000;border-bottom:solid 3px #cc0000; overflow:hidden;} 
#right img{ max-width:98%; margin:0px auto;}



#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding-top: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:200px;}
.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ width:50%; height:200px; float:left;}
#product_list ul li div{ width:98%; height:100%; margin:0px auto; overflow:hidden; float:left;}
#product_list ul li div .productImg{ width:98%; height:150px; margin:0px auto; display:block; vertical-align:middle; text-align:center;  overflow:hidden;}
#product_list ul li div .productImg img{ max-width:100%; max-height:100%; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center;}
#product_list ul li div p{ height:40px;width:100%; text-align:center; display:block; line-height:40px; }
#product_list ul li div .productImgShow{ display:none;}


#xg_pic,#xg_news,.content{ padding:4px 0 0 0;}
.content img{ max-width:98%; margin:0px auto;}
#xg_pic h2, #xg_news h2,.content h2{background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;font-size: 14px;font-family:"微软雅黑";  height: 39px;line-height: 39px;text-indent: 24px;border-bottom:1px dashed #d7d7d7; background-color:#eeeeee;}
#xg_news ul li {background: url("/images/news_arc.jpg") no-repeat scroll 10px center; border-bottom: 1px dashed #EEEEEE;float: left;height: 30px;    line-height: 30px; overflow: hidden; padding: 0 1% 0 3%; width: 46%;}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
    background: url("/images/arc.gif") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 25px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding:0px;
}
.probar_left {
    width: 98%;
	margin:0px auto;
}
.probar_right { 
    width: 98%;
	margin:0px auto;
	margin-top:10px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    max-height: 310px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 98%;
	margin-top:20px;
}
#show img{ max-width:100%!important; margin:0px auto!important;}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0px;
}
.probar_right ul li {
    padding:0px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.code {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden; 
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right; 
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.topindex-maxpic{width:100%; max-height:550px!important; border-top:solid 1px #fff;margin:0px auto; }
.fullSlide {
	width:100%;
	position:relative;
	height:185px; 
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:185px;
	overflow:hidden;
	text-align:center;
	background-size:auto  100%!important;
}
.fullSlide .bd li a {
	display:block;
	height:185px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:left;
	width:100%;
	margin:0px auto;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:10px;
	height:10px;
	margin:1px;
	border:solid 2px #fff;
	margin-right:5px;
	border-radius:11px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#fc9905;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{position:relative; } 
.leftLoop .hd{ display:none;}  
.leftLoop .bd{ padding:0px; height:100%; width:100%!important; position:absolute; top:0px; overflow:hidden;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:100%; margin:0px auto; padding:0px auto;  text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:251px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%; background-image:url(chejianbk.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:234px; height:180px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd; margin-top:5px;  }
.cproducts3 ul li .smallpic{width:234px; max-height:180px;display:table-cell; } 
.cproducts3 ul li  .ctitle{ line-height:30px; margin-top:10px; display:block; width:100%; height:30px; text-align:center;font-family:"微软雅黑"; font-size:14px;}

div.page {height:30px; line-height:30px; width:100%; text-align:left;color: #ff0000; padding-top:20px;}
div.page span {padding:3px 5px 3px 5px; background-color:#08a9c4; color:#fff; border:solid 1px #08a9c4;}
div.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd}
div.page a:hover {color:#fff; background-color:#08a9c4; }

.lxwmLi{ width:98%!important; margin-left:1%!important; border-left:0px!important; border-top:solid 1px #48494a; padding-top:18px; margin-top:8px;}
.lxwmLi dd{ margin-bottom:8px;}
.lxwmLi a{ float:left;}
.ico_address,.ico_telephone,.ico_email,.ico_siteurl{ display:block; width:25px; height:25px;background-repeat:no-repeat; background-image:url(bottomfb.jpg); overflow:hidden; float:left;}
.ico_address{ background-position:0px 0px;}
.ico_telephone{ background-position:0px -28px;}
.ico_email{ background-position:0px -56px; height:23px; }
.ico_siteurl{ background-position:0px -87px;} 



.adcls{width:100%; height:100px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top; background-size:200%; text-align:center; overflow:hidden;}
.adcls2{width:98%;margin:0px auto;  position:relative; overflow:hidden; }
.adcls2 .adtext i,.adcls3 .adtext i,.adcls4 .adtext i{ display:block; height:50px; width:50px; float:left; margin-right:10px; }
.adcls2 .adtext i img,.adcls3 .adtext i img,.adcls4 .adtext i img{ max-width:100%;}

.adcls2 .adtext{ float:left; width:100%; height:100%; text-align:left; padding-top:25px;}
.adcls2 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls2 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls2 ul{ width:100%; margin-top:15px;}
.adcls2 ul li{ width:100%; min-height:25px;  margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls2 ul li strong{ color:#cc0000;}

.adcls3{width:98%;margin:0px auto; position:relative; overflow:hidden;background-color:#f4f4f4;}
.adcls3 .adtext{ float:left; width:100%; height:100%; text-align:left;  padding-top:15px;}
.adcls3 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls3 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls3 ul{ width:100%; margin-top:15px;}
.adcls3 ul li{ width:100%; min-height:25px;  margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls3 ul li strong{ color:#cc0000;}


.adcls4{width:98%;margin:0px auto; position:relative; overflow:hidden;}

.adcls4 .adtext{ float:left; width:100%; height:100%; text-align:left;  padding-top:15px;}
.adcls4 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls4 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls4 ul{ width:100%; margin-top:15px;}
.adcls4 ul li{ width:100%; min-height:25px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls4 ul li strong{ color:#cc0000;}

}
  
@media(min-width:481px) and (max-width:767px)
{
.fleft{ float:none;}
.fright{ float:none;}
.top10{ margin-top:10px;}
.bot10{ margin-bottom:10px;}
.left10{ margin-left:0px;}
.right10{ margin-right:0px;}
.bot05{ margin-bottom:5px;}
/* CSS Document */
.wdiv{ width:100%; margin:0px auto; padding:0px auto;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:190px; background-color:#FFF; position:relative; overflow:hidden;}
.top{ display:none;}
 
 
.logo{ width:100%; height:90px; padding-top:5px;}
.logo h1{ float:left; height:100%; margin:0 auto;}
.logo h1 img{ max-width:98%; margin:0px auto; margin-top:8px;}
.logo h2 img{ max-width:98%; margin:0px auto; margin-top:2px;}
.rexian{  display:none;}
.rexian img{  display:none;}


.menu{ width:100%; height:80px; background-color:#1d61a9; overflow:hidden; position:absolute; bottom:0px;}
.menu ul{ height:100%; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0; width:25%; height:50%; text-align:center; }
.menu ul li a{ line-height:40px;font-family:"微软雅黑"; font-size:14px; color:#fff; display:block; width:100%; height:99.9%; float:right; border-right:solid 1px #2174cb; border-bottom:solid 1px #2174cb;}
.menu ul li:hover{ text-decoration:none;  background:url(/images/menubk-set.jpg); text-align:center;}
.menu ul .on{ background:url(/images/menubk-set.jpg);} 

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ background-image:url(zhengwenDiv.jpg); background-position:top center; background-repeat:no-repeat; margin:0 auto; height:auto; padding-bottom:10px;}
.oneDiv{ padding-top:19px; }
.neiyeDiv{ padding-top:10px;}
.index-ctitle{ background-image:url(index-ctitle.jpg); background-repeat:repeat-x; width:98%; height:40px; margin:0px auto; position:relative;}
.index-ctitle span{ height:100%; display:block;margin:0px auto;  position:relative; z-index:0; text-align:center; }
.index-ctitle span img{  max-height:100%; margin:0px auto;}
.index-ctitle p{ display:none;}


.cpfl,.khal{ width:98%; margin:0px auto; background-color:#fff; overflow:hidden;}
.cpfl h3{ display:none;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul{ margin:0px auto;   margin-top:8px; margin-bottom:8px;}

.cpfl ul li{ margin-right:8px; margin-bottom:8px; min-width:18.5%;  height:25px; line-height:25px; float:left; border:solid 1px #dddddd; border-radius:3px; text-align:center; }
.cpfl ul li:hover{}
.cpfl ul li a{ height:25px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.cpfl ul li a.on,.cpfl ul li a:hover{ background-color:#d0e4f8; color:red; text-decoration:none;}
.cpfl ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}

.sidebar ul,.sidebara ul{ padding:13px 5px 5px; border:solid 1px #dddddd;background-color:#fff;}
.sidebar ul li{ line-height:52px; margin-bottom:5px;  height:52px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 20px;}
.sidebar ul li:hover{}
.sidebar ul li a{ height:52px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.sidebar ul li a.on,.sidebar ul li a:hover{  background-color:#d0e4f8;color:red; text-decoration:none;}
.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}


.sidebar h3,.sidebara h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px; border-bottom:solid 3px #cc0000;}
.more{ float:right; margin:10px 10px 0 0 ;}
.sidebar ul li{ line-height:42px; margin-bottom:5px;  height:42px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 15px;}

.cent img{ max-width:100%}
.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp{ width:100%; overflow:hidden;margin-bottom:10px;}

.tjcp ul{ padding:0 0px; width:100%; height:100%;}
.tjcp ul li{ float:left; width:33.3%; min-height:190px; overflow:hidden; margin-bottom:5px;position:relative;} 
.tjcp ul li .tjcp-div{ width:98%; height:99%; overflow:hidden; text-align:center; margin:0px auto; position:relative;} 
.tjcp ul li span{ width:98%; height:190px; display:block; overflow:hidden; vertical-align:middle; text-align:center; border:1px solid #dddddd;}
.tjcp ul li span img{width:100%; height:190px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center;}
.tjcp ul li p{ width:99%; height:30px; line-height:30px; text-align:center; background-color:#a7a7a8; overflow:hidden; border-top:solid 1px #fff;}
.tjcp ul li a{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
 

.aboutusDiv{ width:100%; height:285px; background-color:#eeeeee;padding-top:20px;}
.aboutusDiv-ctitle{ background:none;}
.aboutusDiv-ctitle span{ width:210px;}
.aboutusDiv-ctitle span img{ max-width:100%;max-height:50px;}
.aboutusDiv-ctext{ width:98%; height:auto; position:relative; margin:0px auto; margin-top:20px; line-height:30px;}

.chejianDiv{ width:100%; height:355px; background-color:#eeeeee; overflow:hidden; position:relative; padding-top:5px;}
.texie1{ width:100%; margin:0px auto; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top;}
.texie2{ width:100%; margin:0px auto; height:455px; background-image:url(texie-2.jpg); background-repeat:no-repeat; background-position:center top;}
.texie3{ width:100%; margin:0px auto; height:409px; background-image:url(texie-3.jpg); background-repeat:no-repeat; background-position:center top;}
.texie4{ width:100%; margin:0px auto; height:407px; background-image:url(texie-4.jpg); background-repeat:no-repeat; background-position:center top;}

.newsDiv{ width:100%; background-image:url(newsbk.jpg); background-repeat:repeat-x; background-position:left -75px!important; padding-top:25px;}
.newsDiv-ctitle{ background:none; height:128px;}
.newsDiv-ctitle img{ max-height:100px!important;}


.slzs{  margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:10px 10px 10px; height:260px; margin-top:25px;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:48%;  background-color:#fff; margin:0px auto; margin-bottom:10px; float:left; margin-left:1%; margin-right:1%; } 
.newsimg{max-width:100%;}
.newsDivBtBk{background-image:url(newsbkbt.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:24px; margin-top:10px;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top; text-indent:35px;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top; text-indent:35px;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top; text-indent:35px;}
 
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px; max-height:210px; overflow:hidden;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%; background-color:#2b2e35; margin-top:30px;} 
.footerdiv ul{ }
.footerdiv li{ float:left; width:33%; margin-top:10px; padding-bottom:20px;  overflow:hidden; border-left:solid 1px #48494a;}
.footerdiv li dl{ width:80%; margin:0px auto;}
.footerdiv li dl dt{ font-size:14px; font-weight:bold; color:#fff; height:30px;}
.footerdiv li dl dd{ text-indent:3px; height:25px; overflow:hidden;}
.footerdiv li dl dd a{ font-size:12px; line-height:25px; color:#fff;}
.footerdiv li dl dd a:hover{ color:#fff;}

.footerBorder{ border-top:solid 1px #5d5d5e;   line-height:40px; color:#fff; text-align:center;}

#lefta{ float:left; width:145px; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}

#left{ bottom:10px; right:10px;width:35px; height:35px; position:fixed; background-image:url(menu.png); background-size:100%; background-repeat:no-repeat; overflow:hidden; z-index:1000000}
#left .sidebar{ display:none;}

#left:hover{ bottom:10px; right:10px;  width:160px;height:auto; padding-top:35px;position:fixed; background-image:none; background-color:#1c62aa; }
#left:hover .sidebar{ width:160px; display:block; position:relative; bottom:40px;}

#right,#righta{  width:98%; background-color:#fff; padding:0px; margin:0px auto;}
#right{margin:0px auto; margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#000;border-bottom:solid 3px #cc0000; overflow:hidden;} 
#right img{ max-width:98%; margin:0px auto;}



#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding-top: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:200px;}
.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ width:50%; height:200px; float:left;}
#product_list ul li div{ width:98%; height:100%; margin:0px auto; overflow:hidden; float:left;}
#product_list ul li div .productImg{ width:98%; height:150px; margin:0px auto; display:block; vertical-align:middle; text-align:center;  overflow:hidden;}
#product_list ul li div .productImg img{ max-width:100%; max-height:100%; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center;}
#product_list ul li div p{ height:40px;width:100%; text-align:center; display:block; line-height:40px; }
#product_list ul li div .productImgShow{ display:none;}


#xg_pic,#xg_news,.content{ padding:4px 0 0 0;}
.content img{ max-width:98%; margin:0px auto;}
#xg_pic h2, #xg_news h2,.content h2{background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;font-size: 14px;font-family:"微软雅黑";  height: 39px;line-height: 39px;text-indent: 24px;border-bottom:1px dashed #d7d7d7; background-color:#eeeeee;}
#xg_news ul li {background: url("/images/news_arc.jpg") no-repeat scroll 10px center; border-bottom: 1px dashed #EEEEEE;float: left;height: 30px;    line-height: 30px; overflow: hidden; padding: 0 1% 0 3%; width: 46%;}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
    background: url("/images/arc.gif") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 25px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding:0px;
}
.probar_left {
    width: 98%;
	margin:0px auto;
}
.probar_right { 
    width: 98%;
	margin:0px auto;
	margin-top:10px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    max-height: 310px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 98%;
	margin-top:20px;
}
#show img{ max-width:100%!important; margin:0px auto!important;}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0px;
}
.probar_right ul li {
    padding:0px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.code {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden; 
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right; 
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}

#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.topindex-maxpic{width:100%; max-height:550px!important; border-top:solid 1px #fff;margin:0px auto; }
.fullSlide {
	width:100%;
	position:relative;
	height:185px; 
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:185px;
	overflow:hidden;
	text-align:center;
	background-size:auto  100%!important;
}
.fullSlide .bd li a {
	display:block;
	height:185px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:left;
	width:100%;
	margin:0px auto;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:10px;
	height:10px;
	margin:1px;
	border:solid 2px #fff;
	margin-right:5px;
	border-radius:11px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#fc9905;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{position:relative; } 
.leftLoop .hd{ display:none;}  
.leftLoop .bd{ padding:0px; height:100%; width:100%!important; position:absolute; top:0px; overflow:hidden;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:100%; margin:0px auto; padding:0px auto;  text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:251px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%; background-image:url(chejianbk.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:234px; height:180px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd; margin-top:5px;  }
.cproducts3 ul li .smallpic{width:234px; max-height:180px;display:table-cell; } 
.cproducts3 ul li  .ctitle{ line-height:30px; margin-top:10px; display:block; width:100%; height:30px; text-align:center;font-family:"微软雅黑"; font-size:14px;}

div.page {height:30px; line-height:30px; width:100%; text-align:left;color: #ff0000; padding-top:20px;}
div.page span {padding:3px 5px 3px 5px; background-color:#08a9c4; color:#fff; border:solid 1px #08a9c4;}
div.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd}
div.page a:hover {color:#fff; background-color:#08a9c4; }

.lxwmLi{ width:98%!important; margin-left:1%!important; border-left:0px!important; border-top:solid 1px #48494a; padding-top:18px; margin-top:8px;}
.lxwmLi dd{ margin-bottom:8px;}
.lxwmLi a{ float:left;}
.ico_address,.ico_telephone,.ico_email,.ico_siteurl{ display:block; width:25px; height:25px;background-repeat:no-repeat; background-image:url(bottomfb.jpg); overflow:hidden; float:left;}
.ico_address{ background-position:0px 0px;}
.ico_telephone{ background-position:0px -28px;}
.ico_email{ background-position:0px -56px; height:23px; }
.ico_siteurl{ background-position:0px -87px;} 



.adcls{width:100%; height:100px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top; background-size:200%; text-align:center; overflow:hidden;}
.adcls2{width:98%;margin:0px auto;  position:relative; overflow:hidden; }
.adcls2 .adtext i,.adcls3 .adtext i,.adcls4 .adtext i{ display:block; height:50px; width:50px; float:left; margin-right:10px; }
.adcls2 .adtext i img,.adcls3 .adtext i img,.adcls4 .adtext i img{ max-width:100%;}

.adcls2 .adtext{ float:left; width:100%; height:100%; text-align:left; padding-top:25px;}
.adcls2 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls2 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls2 ul{ width:100%; margin-top:15px;}
.adcls2 ul li{ width:100%; min-height:25px;  margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls2 ul li strong{ color:#cc0000;}

.adcls3{width:98%;margin:0px auto; position:relative; overflow:hidden;background-color:#f4f4f4;}
.adcls3 .adtext{ float:left; width:100%; height:100%; text-align:left;  padding-top:15px;}
.adcls3 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls3 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls3 ul{ width:100%; margin-top:15px;}
.adcls3 ul li{ width:100%; min-height:25px;  margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls3 ul li strong{ color:#cc0000;}


.adcls4{width:98%;margin:0px auto; position:relative; overflow:hidden;}

.adcls4 .adtext{ float:left; width:100%; height:100%; text-align:left;  padding-top:15px;}
.adcls4 .adtext h4{ height:40px; color:#cc0000; font-size:22px; font-family:'微软雅黑'; font-weight:bold;}
.adcls4 .adtext .englishspan{font-size:14px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls4 ul{ width:100%; margin-top:15px;}
.adcls4 ul li{ width:100%; min-height:25px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:14px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls4 ul li strong{ color:#cc0000;}

}
 
 
 
 
 

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。竖放*/
@media(min-width:768px) and (max-width:991px) {
	
.fleft{ float:left;}
.fright{ float:right;}
.top10{ margin-top:10px;}
.bot10{ margin-bottom:10px;}
.left10{ margin-left:0px;}
.right10{ margin-right:0px;}
.bot05{ margin-bottom:5px;}
/* CSS Document */
.wdiv{ width:100%; margin:0px auto; padding:0px auto;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:240px; background-color:#FFF; position:relative;}
.top{ width:100%; height:35px; background-color:#eeeeee; border-bottom:solid 1px #dddddd;color:#333;}
.top ul{ margin:0 auto; height:35px; line-height:35px; }
.top .bar{ float:right;}
.top .bar a{ background:url(/images/topbar.png) no-repeat -5px top; color:#333; height:25px; line-height:25px; padding:0 4px 0 22px; display:inline-block;}
.top .bar a.txwb{ background-position:-3px top;}
.top .bar a.xlwb{ background-position:-3px -25px;}
.top .bar a.xlbk{ background-position:-5px -100px;}
.top .bar a.scbz{ background-position:-3px -50px;}
.top .bar a.wzdt{ background-position:-5px -75px;}
.top .bar a.englishpic{ background-image:url(home_09.jpg); background-repeat:no-repeat; background-position:left 5px; margin-left:5px; text-indent:10px;}
.top .bar a.chinapic{ background-image:url(home_07.jpg); background-repeat:no-repeat; background-position:left 5px; margin-left:5px; text-indent:10px;}
 
.logo{ float:left; height:100%; padding-top:25px; width:70%; overflow:hidden;}
.logo h1{ float:left; height:103px; margin:0 auto;width:70%;}
.logo h1 img{ max-height:90px;max-width:100%;}
.rexian{ float:right; height:100%; padding-top:25px;width:30%; overflow:hidden;}
.rexian img{ max-height:90px;max-width:100%;}


.menu{ width:100%; height:56px; background-image:url(menubk.jpg); background-repeat:repeat-x; overflow:hidden; position:absolute; bottom:0px;}
.menu ul{ height:100%; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0; width:12.5%; height:100%; text-align:center; }
.menu ul li a{ line-height:56px;font-family:"微软雅黑"; font-size:18px; color:#fff;}
.menu ul li:hover{ text-decoration:none;  background:url(/images/menubk-set.jpg); text-align:center;}
.menu ul .on{ background:url(/images/menubk-set.jpg);} 

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ background-image:url(zhengwenDiv.jpg); background-position:top center; background-repeat:no-repeat; margin:0 auto; height:auto; padding-bottom:10px;}
.oneDiv{ padding-top:39px; }
.neiyeDiv{ padding-top:10px;}
.index-ctitle{ background-image:url(index-ctitle.jpg); background-repeat:repeat-x; width:100%; height:57px; position:relative;}
.index-ctitle span{ width:382px; height:100%; display:block;margin:0px auto;  position:relative; z-index:0;}
.index-ctitle span img{ position:absolute; margin-top:-7px;}
.index-ctitle p{ float:right; padding-right:8px; display:block; margin-top:-50px; z-index:100; position:relative;}


.cpfl,.khal{ width:19.5%; height:auto; background-color:#fff; overflow:hidden; margin-bottom:10px;}
.cpfl h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul,.sidebar ul,.sidebara ul{ padding:13px 5px 5px; border:solid 1px #dddddd;}
.cpfl ul li,.sidebar ul li{ line-height:52px; margin-bottom:5px;  height:52px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 20px;}
.cpfl ul li:hover,.sidebar ul li:hover{ background-color:#d0e4f8;}
.cpfl ul li a,.sidebar ul li a{ height:52px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
.cpfl ul li a.on,.cpfl ul li a:hover,.sidebar ul li a.on,.sidebar ul li a:hover{ color:red; text-decoration:none;}
.cpfl ul li ul,.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a,.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}

.sidebar h3,.sidebara h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px; border-bottom:solid 3px #cc0000;}
.more{ float:right; margin:10px 10px 0 0 ;}
.sidebar ul li{ line-height:42px; margin-bottom:5px;  height:42px; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 15px;}


.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp{ width:80%; overflow:hidden;margin-bottom:20px; float:right; }

.tjcp ul{ padding:0 0px; width:100%; height:100%;}
.tjcp ul li{ float:left; width:33.3%; height:290px; overflow:hidden; margin-bottom:5px;position:relative;} 
.tjcp ul li .tjcp-div{ width:98%; height:99%; overflow:hidden; border:1px solid #dddddd; text-align:center; margin:0px auto; position:relative}
.tjcp ul li .tjcp-div:hover{ border:1px solid #ccc;}
.tjcp ul li span{ width:100%; height:250px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center;}
.tjcp ul li span img{ max-width:100%; height:250px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center;}
.tjcp ul li p{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#a7a7a8; overflow:hidden; border-top:solid 1px #fff;}
.tjcp ul li a{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.tjcp ul li .tjcp-div:hover p{ background-color:#c7cbd5;}
.tjcp ul li .tjcp-div:hover a{ color:red}

.tjcp ul li .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0; width:0px; height:0px; margin:0px auto;}
.tjcp ul li .media-hover .tjcp-left,.tjcp ul li .media-hover .tjcp-right{ margin-top:0px; width:0px; height:0px; position:relative;  }
.tjcp ul li:hover .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0;background: #000;background: rgba(14,30,51,.4); width:300px; height:300px; margin:0px auto;color: #fff;transition: width 1s, height 1s, transform 2s;  -webkit-border-radius: 5px 5px 0 0; text-align: center;z-index:10;}
.tjcp ul li:hover .media-hover .tjcp-left,.tjcp ul li:hover .media-hover .tjcp-right{ margin-top:40%;  width:50px; height:50px; -webkit-border-radius:3px;background: rgba(16,30,51,0.5);position:relative;transition: width 2s, height 2s, transform 4s;  }
.tjcp ul li:hover .media-hover .tjcp-left{ float:left; margin-left:20%; background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right{ float:right; margin-right:20%; background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;} 

.tjcp ul li:hover .media-hover .tjcp-left:hover{ background: rgba(16,30,51,1);background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right:hover{ background: rgba(16,30,51,1);background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;}




.aboutusDiv{ width:100%; height:482px; background-image:url(aboutusbk.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.aboutusDiv-ctitle{ background:none;margin-top:110px;}
.aboutusDiv-ctitle span{ width:210px;}
.aboutusDiv-ctext{ width:920px; height:235px; overflow:hidden; position:relative; margin:0px auto; margin-top:65px; line-height:30px;}

.chejianDiv{ width:100%; height:415px; background-color:#eeeeee; overflow:hidden; position:relative; padding-top:35px;}
.texie1{ width:100%; margin:0px auto; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top;}
.texie2{ width:100%; margin:0px auto; height:455px; background-image:url(texie-2.jpg); background-repeat:no-repeat; background-position:center top;}
.texie3{ width:100%; margin:0px auto; height:409px; background-image:url(texie-3.jpg); background-repeat:no-repeat; background-position:center top;}
.texie4{ width:100%; margin:0px auto; height:407px; background-image:url(texie-4.jpg); background-repeat:no-repeat; background-position:center top;}

.newsDiv{ width:100%; background-image:url(newsbk.jpg); background-repeat:repeat-x; background-position:top left; padding-top:45px;}
.newsDiv-ctitle{ background:none; height:178px;}

.slzs{  margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:0px; height:260px; margin-top:55px; overflow:hidden;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:33%; height:420px; background-color:#fff; } 
.newsimg{max-width:100%;}
.newsDivBtBk{background-image:url(newsbkbt.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:24px; margin-top:10px;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top; text-indent:35px;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top; text-indent:35px;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top; text-indent:35px;}
 
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%; background-color:#2b2e35; margin-top:30px;} 
.footerdiv ul{ }
.footerdiv li{ float:left; width:20%; height:195px; margin-top:30px; padding-bottom:20px;  overflow:hidden; border-left:solid 1px #48494a;}
.footerdiv li dl{ width:80%; margin:0px auto;}
.footerdiv li dl dt{ font-size:14px; font-weight:bold; color:#fff; height:30px;}
.footerdiv li dl dd{ text-indent:3px; height:25px; overflow:hidden;}
.footerdiv li dl dd a{ font-size:12px; line-height:25px; color:#fff;}
.footerdiv li dl dd a:hover{ color:#fff;}

.footerBorder{ border-top:solid 1px #5d5d5e; height:40px; line-height:40px; color:#fff; text-align:center;}

#left,#lefta{ float:left; width:18%; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}
#left .sidebar{ width:220px;}

#right,#righta{ float:right; width:80%; background-color:#fff; margin-top:10px;   padding:4px 0 0 0;}
#right{ margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#000;border-bottom:solid 3px #cc0000;} 

#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding-top: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:200px;}
.cent img{ max-width:100%}
.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ width:25%; height:270px; float:left;}
#product_list ul li div{ width:220px; height:100%; margin:0px auto; overflow:hidden; float:left; position:relative;}
#product_list ul li div img{width: 100%;transition: transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;	border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-transform: translateZ(0px);}

#product_list ul li div .productImg{ width:218px; height:218px; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center; border:solid 1px #dddddd; overflow:hidden; position:relative;}
#product_list ul li div .productImg img{ max-width:100%; max-height:100%; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}
#product_list ul li div p{ height:40px; width:100%; text-align:center; display:block; line-height:40px; background-color:#eeeeee; margin-top:1px;}

#product_list ul li div .productImgShow{ position:absolute; width:218px;height:218px; top:0px;left:0px; overflow:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;	opacity: 0;	transition: opacity 0.4s;	-webkit-transition: opacity 0.4s;	-moz-transition: opacity 0.4s;}
#product_list ul li div .productImgShow img{ transform:scale(2);-webkit-transform:scale(2) translateZ(0px);-moz-transform:scale(2);}

#product_list ul li:hover div p{ background-color:#d5e8fc;}
#product_list ul li:hover a{color:red;}
#product_list ul li:hover div .productImgShow{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;}
#product_list ul li:hover div .productImgShow img{transform:scale(1);-webkit-transform:scale(1) translateZ(0px);	-moz-transform: scale(1);vertical-align:middle }


#xg_pic,#xg_news,.content{ padding:4px 0 0 0;background: url("/images/rightbar.jpg") no-repeat scroll left top;}
#xg_pic h2, #xg_news h2,.content h2{
	background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;
    font-size: 16px;
	font-family:"微软雅黑";
    height: 39px;
    line-height: 39px;
    text-indent: 24px;
	border-bottom:1px dashed #d7d7d7;
}
#xg_news ul li {
    background: url("/images/news_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
    background: url("/images/arc.gif") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 25px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    height: 400px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 400px;
}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.code {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.topindex-maxpic{width:100%; max-height:550px!important; border-top:solid 1px #fff;margin:0px auto; }
.fullSlide {
	width:100%;
	position:relative;
	height:470px; 
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:470px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:470px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
	width:100%;
	margin:0px auto;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	height:15px;
	margin:1px;
	border:solid 2px #fff;
	margin-right:5px;
	border-radius:11px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#fc9905;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{position:relative; } 
.leftLoop .hd{  height:100%; display:none;} 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block; float:right;  overflow:hidden; height:100%; width:29px; cursor:pointer; position:absolute; padding-top:80px;}  
.leftLoop .hd .prev{ left:-20px;}
.leftLoop .hd .next{right:-20px;} 

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:10px; height:100%; position:absolute; top:0px;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:100%; margin:0px auto; padding:0px auto;  text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:251px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%; background-image:url(chejianbk.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:234px; height:180px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd; margin-top:5px;  }
.cproducts3 ul li .smallpic{width:234px; max-height:180px;display:table-cell; } 
.cproducts3 ul li  .ctitle{ line-height:30px; margin-top:10px; display:block; width:100%; height:30px; text-align:center;font-family:"微软雅黑"; font-size:14px;}

div.page {height:30px; line-height:30px; width:100%; text-align:left;color: #ff0000; padding-top:20px;}
div.page span {padding:3px 5px 3px 5px; background-color:#08a9c4; color:#fff; border:solid 1px #08a9c4;}
div.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd}
div.page a:hover {color:#fff; background-color:#08a9c4; }

.lxwmLi{ width:400px!important;}
.lxwmLi dd{ margin-bottom:8px;}
.lxwmLi a{ float:left;}
.ico_address,.ico_telephone,.ico_email,.ico_siteurl{ display:block; width:25px; height:25px;background-repeat:no-repeat; background-image:url(bottomfb.jpg); overflow:hidden; float:left;}
.ico_address{ background-position:0px 0px;}
.ico_telephone{ background-position:0px -28px;}
.ico_email{ background-position:0px -56px; height:23px; }
.ico_siteurl{ background-position:0px -87px;} 



.adcls{width:100%; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; overflow:hidden;}
.adcls2{width:100%; height:455px; background-image:url(texie-2.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls2 .adtext i,.adcls3 .adtext i,.adcls4 .adtext i{ display:block; height:83px; width:83px; float:left; margin-right:10px; }
.adcls2 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls2 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls2 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls2 ul{ width:100%; margin-top:15px;}
.adcls2 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls2 ul li strong{ color:#cc0000;}

.adcls3{width:100%; height:409px; background-image:url(texie-3.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls3 .adtext{ float:left; width:450px; height:100%; text-align:left; padding-top:75px; margin-left:10px;}
.adcls3 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls3 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls3 ul{ width:100%; margin-top:15px;}
.adcls3 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls3 ul li strong{ color:#cc0000;}


.adcls4{width:100%; height:407px; background-image:url(texie-4.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}

.adcls4 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls4 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls4 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls4 ul{ width:100%; margin-top:15px;}
.adcls4 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls4 ul li strong{ color:#cc0000;}


}




@media(min-width:992px){
	
	.fleft{ float:left;}
	.fright{ float:right;}
	.top10{ margin-top:10px;}
	.bot10{ margin-bottom:10px;}
	.left10{ margin-left:10px;}
	.right10{ margin-right:10px;}
	.bot05{ margin-bottom:5px;}
	/* CSS Document */
.wdiv{ width:1193px; margin:0px auto; padding:0px auto;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:250px; background-color:#FFF; position:relative;}
.top{ width:100%; height:35px; background-color:#eeeeee; border-bottom:solid 1px #dddddd;color:#333;}
.top ul{ margin:0 auto; height:35px; line-height:35px; }
.top .bar{ float:right;}
.top .bar a{ background:url(/images/topbar.png) no-repeat -5px top; color:#333; height:25px; line-height:25px; padding:0 4px 0 22px; display:inline-block;}
.top .bar a.txwb{ background-position:-3px top;}
.top .bar a.xlwb{ background-position:-3px -25px;}
.top .bar a.xlbk{ background-position:-5px -100px;}
.top .bar a.scbz{ background-position:-3px -50px;}
.top .bar a.wzdt{ background-position:-5px -75px;}
 
.logo{ float:left; height:100%; padding-top:25px;}
.logo h1{ float:left; height:103px; margin:0 auto;}

.rexian{ float:right; height:100%; padding-top:25px;}

.menu{ width:100%; height:56px; background-image:url(menubk.jpg); background-repeat:repeat-x; overflow:hidden; position:absolute; bottom:0px;}
.menu ul{ height:100%; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0; width:12.5%; height:100%; text-align:center; }
.menu ul li a{ line-height:56px;font-family:"微软雅黑"; font-size:18px; color:#fff;}
.menu ul li:hover{ text-decoration:none;  background:url(/images/menubk-set.jpg); text-align:center;}
.menu ul .on{ background:url(/images/menubk-set.jpg);} 

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ background-image:url(zhengwenDiv.jpg); background-position:top center; background-repeat:no-repeat; margin:0 auto; height:auto; padding-bottom:10px;}
.oneDiv{ padding-top:39px;}
.neiyeDiv{ padding-top:10px;}
.index-ctitle{ background-image:url(index-ctitle.jpg); background-repeat:repeat-x; width:100%; height:57px; position:relative;}
.index-ctitle span{ width:382px; height:100%; display:block;margin:0px auto;  position:relative;}
.index-ctitle span img{ position:absolute; margin-top:-7px;}
.index-ctitle p{ float:right; padding-right:8px; display:block; margin-top:-50px;}


.cpfl,.khal{ width:225px; height:auto; background-color:#fff; overflow:hidden; margin-bottom:10px;}
.cpfl h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul,.sidebar ul,.sidebara ul{ padding:13px 5px 5px; border:solid 1px #dddddd;}
.cpfl ul li,.sidebar ul li{ line-height:36px; margin-bottom:5px;  height: auto; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 15px;}
.cpfl ul li:hover,.sidebar ul li:hover{}
.cpfl ul li a,.sidebar ul li a{ height:40px; overflow:hidden; display:block; text-indent:10px; color:#000; font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif}
.cpfl ul li a.on,.cpfl ul li a.wz:hover,.sidebar ul li a.on,.sidebar ul li a.wz:hover{ background-color:#d0e4f8; color:red; text-decoration:none;}
.cpfl ul li ul,.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a,.sidebar ul li ul li a{ background:url(/images/sidebarlili.jpg) no-repeat left top;}

.sidebar h3,.sidebara h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#1d63ab; background-image:url(ico.png); background-repeat:no-repeat; background-position:8px 25px; border-bottom:solid 3px #cc0000;}
.more{ float:right; margin:10px 10px 0 0 ;}
.sidebar ul li{ line-height:42px; margin-bottom:5px;  height: auto; border-bottom:solid 1px #eeeeee; background-image:url(ico-1.png); background-repeat:no-repeat; background-position:195px 15px;}


.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp{ width:945px; float:right; }
.tjcp ul{ padding:0 0px;}
.tjcp ul li{ float:left; width:25%; height:300px; overflow:hidden;position:relative;} 
.tjcp ul li .tjcp-div{ width:235px; height:99%; overflow:hidden; text-align:center; margin:0px auto; position:relative; z-index:0} 
.tjcp ul li span{ width:99.9%; height:235px; display:block; overflow:hidden;text-align:center; border:1px solid #dddddd;}
.tjcp ul li span:hover{ border:1px solid #ccc;}
.tjcp ul li span img{max-width:100%;height:100%; vertical-align:middle; text-align:center;overflow:hidden;}
.tjcp ul li p{ width:100%; height:42px; line-height:42px; text-align:center; background-color:#a7a7a8; overflow:hidden; border-top:solid 1px #fff;}
.tjcp ul li a{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.tjcp ul li .tjcp-div:hover p{ background-color:#c7cbd5;}
.tjcp ul li .tjcp-div:hover a{ color:red}

.tjcp ul li .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0; width:0px; height:0px; margin:0px auto;}
.tjcp ul li .media-hover .tjcp-left,.tjcp ul li .media-hover .tjcp-right{ margin-top:0px; width:0px; height:0px; position:relative;  }
.tjcp ul li:hover .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0;background: #000;background: rgba(14,30,51,.4); width:235px; height:235px; margin:0px auto;color: #fff;transition: width 1s, height 1s, transform 2s;  -webkit-border-radius: 5px 5px 0 0; text-align: center;z-index:10;}
.tjcp ul li:hover .media-hover .tjcp-left,.tjcp ul li:hover .media-hover .tjcp-right{ margin-top:40%;  width:50px; height:50px; -webkit-border-radius:3px;background: rgba(16,30,51,0.5);position:relative;transition: width 2s, height 2s, transform 4s;  }
.tjcp ul li:hover .media-hover .tjcp-left{ float:left; margin-left:20%; background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right{ float:right; margin-right:20%; background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;} 

.tjcp ul li:hover .media-hover .tjcp-left:hover{ background: rgba(16,30,51,1);background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right:hover{ background: rgba(16,30,51,1);background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;}


.aboutusDiv{ width:100%; height:482px; background-image:url(aboutusbk.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.aboutusDiv-ctitle{ background:none;margin-top:110px;}
.aboutusDiv-ctitle span{ width:210px;}
.aboutusDiv-ctext{ width:920px; height:235px; overflow:hidden; position:relative; margin:0px auto; margin-top:65px; line-height:30px;}

.chejianDiv{ width:100%; height:415px; background-color:#eeeeee; overflow:hidden; position:relative; padding-top:35px;}
.texie1{ width:100%; margin:0px auto; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top;}
.texie2{ width:100%; margin:0px auto; height:455px; background-image:url(texie-2.jpg); background-repeat:no-repeat; background-position:center top;}
.texie3{ width:100%; margin:0px auto; height:409px; background-image:url(texie-3.jpg); background-repeat:no-repeat; background-position:center top;}
.texie4{ width:100%; margin:0px auto; height:407px; background-image:url(texie-4.jpg); background-repeat:no-repeat; background-position:center top;}

.newsDiv{ width:100%; background-image:url(newsbk.jpg); background-repeat:repeat-x; background-position:top left; padding-top:45px;}
.newsDiv-ctitle{ background:none; height:178px;}

.slzs{  margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:10px 10px 10px; height:260px; margin-top:55px;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:370px; height:420px; background-color:#fff; }
.newsDivBtBk{background-image:url(newsbkbt.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:24px; margin-top:10px;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top; text-indent:35px;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top; text-indent:35px;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top; text-indent:35px;}
 
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%; background-color:#2b2e35; margin-top:30px;} 
.footerdiv ul{ }
.footerdiv li{ float:left; width:210px; height:auto; margin-top:30px; padding-bottom:20px;  overflow:hidden; border-left:solid 1px #48494a;}
.footerdiv li dl{ width:80%; margin:0px auto;}
.footerdiv li dl dt{ font-size:14px; font-weight:bold; color:#fff; height:30px;}
.footerdiv li dl dd{ text-indent:3px; height:25px; overflow:hidden;}
.footerdiv li dl dd a{ font-size:12px; line-height:25px; color:#fff;}
.footerdiv li dl dd a:hover{ color:#fff;}

.footerBorder{ border-top:solid 1px #5d5d5e; height:40px; line-height:40px; color:#fff; text-align:center;}

#left,#lefta{ float:left; width:220px; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}
#left .sidebar{ width:220px;}

#right,#righta{ float:right; width:950px; background-color:#fff; margin-top:10px;   padding:4px 0 0 0;}
#right{ margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#000;border-bottom:solid 3px #cc0000;} 

#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding-top: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:200px;}
.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ width:24.9%; height:270px; float:left;}
#product_list ul li div{ width:220px; height:100%; margin:0px auto; overflow:hidden; float:left; position:relative;}
#product_list ul li div img{width: 100%;transition: transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;	border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-transform: translateZ(0px);}

#product_list ul li div .productImg{ width:218px; height:218px; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center; border:solid 1px #dddddd; overflow:hidden; position:relative;}
#product_list ul li div .productImg img{ max-width:100%; max-height:100%; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center;transition:transform 0.5s;-webkit-transform:-webkit-transform 0.5s}
#product_list ul li div p{ height:40px; width:100%; text-align:center; display:block; line-height:40px; background-color:#eeeeee; margin-top:1px;}

#product_list ul li div .productImgShow{ position:absolute; width:218px;height:218px; top:0px;left:0px; overflow:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;	opacity: 0;	transition: opacity 0.4s;	-webkit-transition: opacity 0.4s;	-moz-transition: opacity 0.4s;}
#product_list ul li div .productImgShow img{ transform:scale(2);-webkit-transform:scale(2) translateZ(0px);-moz-transform:scale(2);}

#product_list ul li:hover div p{ background-color:#d5e8fc;}
#product_list ul li:hover a{color:red;}
#product_list ul li:hover div .productImgShow{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;}
#product_list ul li:hover div .productImgShow img{transform:scale(1);-webkit-transform:scale(1) translateZ(0px);	-moz-transform: scale(1);vertical-align:middle }


 

#xg_pic,#xg_news,.content{ padding:4px 0 0 0;background: url("/images/rightbar.jpg") no-repeat scroll left top;}
#xg_pic h2, #xg_news h2,.content h2{
	background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;
    font-size: 16px;
	font-family:"微软雅黑";
    height: 39px;
    line-height: 39px;
    text-indent: 24px;
	border-bottom:1px dashed #d7d7d7;
}
#xg_news ul li {
    background: url("/images/news_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
    background: url("/images/arc.gif") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 25px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    height: 400px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 400px;
}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.code {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.topindex-maxpic{width:100%; max-height:550px!important; border-top:solid 1px #fff;margin:0px auto; }
.fullSlide {
	width:100%;
	position:relative;
	height:680px; 
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:680px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:680px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
	width:100%;
	margin:0px auto;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	height:15px;
	margin:1px;
	border:solid 2px #fff;
	margin-right:5px;
	border-radius:11px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#fc9905;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{position:relative; } 
.leftLoop .hd{  height:100%; } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block; float:right;  overflow:hidden; height:100%; width:29px; cursor:pointer; position:absolute; padding-top:80px;}  
.leftLoop .hd .prev{ left:-20px;}
.leftLoop .hd .next{right:-20px;} 

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:10px; height:100%; position:absolute; top:0px;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:100%; margin:0px auto; padding:0px auto;  text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:251px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%; background-image:url(chejianbk.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:234px; height:180px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd; margin-top:5px;  }
.cproducts3 ul li .smallpic{width:234px; max-height:180px;display:table-cell; } 
.cproducts3 ul li  .ctitle{ line-height:30px; margin-top:10px; display:block; width:100%; height:30px; text-align:center;font-family:"微软雅黑"; font-size:14px;}

div.page {height:30px; line-height:30px; width:100%; text-align:left;color: #ff0000; padding-top:20px;}
div.page span {padding:3px 5px 3px 5px; background-color:#08a9c4; color:#fff; border:solid 1px #08a9c4;}
div.page a{ color:#444444; border:1px solid #ccc;padding:3px 5px 3px 5px; margin:0 2px; text-decoration:none; background-color:#ddd}
div.page a:hover {color:#fff; background-color:#08a9c4; }

.lxwmLi{ width:400px!important;}
.lxwmLi dd{ margin-bottom:8px;}
.lxwmLi a{ float:left;}
.ico_address,.ico_telephone,.ico_email,.ico_siteurl{ display:block; width:25px; height:25px;background-repeat:no-repeat; background-image:url(bottomfb.jpg); overflow:hidden; float:left;}
.ico_address{ background-position:0px 0px;}
.ico_telephone{ background-position:0px -28px;}
.ico_email{ background-position:0px -56px; height:23px; }
.ico_siteurl{ background-position:0px -87px;} 


.adcls{width:100%; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; overflow:hidden;}
.adcls2 .adtext i,.adcls3 .adtext i,.adcls4 .adtext i{ display:block; height:83px; width:83px; float:left; margin-right:10px; }
.adcls2{width:100%; height:455px; background-image:url(texie-2.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls2 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls2 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls2 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls2 ul{ width:100%; margin-top:20px;}
.adcls2 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls2 ul li strong{ color:#cc0000;}

.adcls3{width:100%; height:409px; background-image:url(texie-3.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls3 .adtext{ float:left; width:450px; height:100%; text-align:left; padding-top:75px; margin-left:155px;}
.adcls3 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls3 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls3 ul{ width:100%; margin-top:15px;}
.adcls3 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls3 ul li strong{ color:#cc0000;}


.adcls4{width:100%; height:407px; background-image:url(texie-4.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}

.adcls4 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls4 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls4 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls4 ul{ width:100%; margin-top:20px;}
.adcls4 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls4 ul li strong{ color:#cc0000;} 
} 



/*
    Colorbox Core Style:----------------------------------------------------------------------------对话框  css
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#06C;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:40%; left:10; background:url(left.png) ; width:23px; height:43px; text-indent:-9999px;} 
        #cboxNext{position:absolute; top:40%; right:10px; background:url(right.png) ; width:23px; height:43px; text-indent:-9999px;} 
        #cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
