@charset "utf-8";
@import url("../plugins/lightbox/lytebox.css");
/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}
body{font-size:12px;color:#505050;line-height:24px;font-family: Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input,img{vertical-align:middle;}
ul{list-style:none;line-height:24px;}
.clear{clear:both;height:0px;width:0px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.mm{ margin-left:auto; margin-right:auto; width:1003px;}
.m10{margin-top:10px;}
.m5{margin-top:5px;}
.x5{}
.w1003{width:1003px;margin-left:auto;margin-right:auto;}
a{color:#505050;text-decoration:none;}
a:hover{color:#f00;text-decoration:none;}
.flash{ text-align:center;}
.content{ margin-top:22px;}
.left{ width:231px;}
.right{ width:750px; overflow:hidden}
.fenlei{ background:url(../images/c1.jpg); height:54px; line-height:54px; color:#FFFFFF; text-align:center; font-family:微软雅黑; font-size:20px;}
.fenlei span{ font-family:Arial; font-size:18px; display:inline; padding-left:3px;}
.leibie{ background:url(../images/c2.jpg) repeat-y center top; padding:12px 10px 9px 11px;}
.leibie ul{ background-color:#FFFFFF; padding:5px 10px 9px 8px}
.leibie li{ padding-top:8px; background:url(../images/fen.jpg) no-repeat left bottom; height:24px; line-height:24px; padding-left:36px;}
.leibie li a{ color:#505050}
.leibie li a:hover{ color:#0167af; font-weight:bold}
.leibie li.active a{ color:#0167af; font-weight:bold}
.nav{ background:url(../images/dian2.jpg) no-repeat 6px center; padding-left:23px; height:33px; line-height:33px; border:1px solid #DCDCDC}
.nav span{ color:#0167af; font-weight:bold;}


.sfenlei{ background:url(../images/c1.jpg); height:54px; line-height:54px; color:#FFFFFF; text-align:center; font-family:微软雅黑; font-size:20px;}
.sfenlei span{ font-family:Arial; font-size:18px; display:inline; padding-left:3px;}
.sleibie{ background:url(../images/c2.jpg) repeat-y center top; padding:15px 10px 9px 11px;}
.sleibie ul{ background-color:#FFFFFF; padding:5px 10px 9px 8px}
.sleibie li{ padding-top:8px; background:url(../images/fen.jpg) no-repeat left bottom; height:24px; line-height:24px; padding-left:36px;}
.sleibie li a{ color:#505050}
.sleibie li a:hover{ color:#0167af; font-weight:bold}

.showbt{ text-align:center; font-size:15px; font-family:微软雅黑;}
.showzs{ font-size:11px; text-align:center; padding-bottom:5px;border-bottom:1px solid #CCCCCC; color:#999999; margin-bottom:10px;}

.fenxiang{ height:40px; overflow:hidden;}
.fenye{border:1px solid #CCCCCC; margin-top:10px; padding:8px;}

.fool{ background:#0161aa url(../images/fool.jpg) repeat-x center top; margin-top:30px; color:#FFFFFF}
.fool a{ color:#FFFFFF}
.foolnav{ text-align:center; line-height:34px; font-weight:bold}
.foolnav a{ display:inline-block; padding:0 20px;}

.fool1{padding: 20px 0; background:url(../images/foollogo.jpg) no-repeat 68px 21px;}
.link{ text-align:left}

.cppnews li{ height:25px; line-height:25px; overflow:hidden; background:url(../images/dian1.jpg) no-repeat left center; padding-left:12px;}

/* === 2 Class Menu === */
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9,#menu10,#menu11,#menu12,#menu13,#menu14,#menu15,#menu16,#menu17,#menu18,#menu19,#menu20{width:108px;margin:23px 0px 0px 0px;}
#menuz1,#menuz2,#menuz3,#menuz4,#menuz5,#menuz6,#menuz7,#menuz8,#menuz9,#menuz10,#menuz11,#menuz12,#menuz13,#menuz14,#menuz15,#menuz16,#menuz17,#menuz18,#menuz19,#menuz20{display:none;}


/* === Page CSS === */
.page{padding:10px;line-height:normal;text-decoration:none;text-indent:0px;}
.page a{display:block;padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;color:#000;}
.page a:hover{background:#999;color:#fff;}
.pagedefault{padding:2px 6px 0px;border:solid 1px #999;float:left;margin:3px;background:#999;color:#FFF;}
.pageno{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px 3px 3px 12px;}
.pageall{padding:2px 10px 0px;border:solid 1px #999;float:left;margin:3px;}
.left-cp li{cursor:pointer;}
.left-cp li li{cursor:auto;}
.error{width:800px; height:200px; margin:20px auto; text-align:center; font-weight:bold;}


.chanpin{ width:765px;}
.cp-show{float:left; width:236px; margin-right:10px; display:inline; text-align:center}



.show{padding:10px;border:1px solid #DCDCDC; margin-top:8px;}
.show_neirong{ padding:15px;border:1px solid #DCDCDC; margin-top:8px;}
.show h2{ font-size:13px; color:#999999; line-height:20px;}
.show h3{ font-size:12px; border-bottom:1px solid #CCCCCC; line-height:22px; padding-bottom:5px;}
.show dt{float:left; width:600px; line-height:28px; border-bottom:solid 1px #CCC; text-indent:10px;}
.show dd{float:left; width:80px; line-height:28px; text-align:center; border-bottom:solid 1px #CCC;}
.photo{padding:10px;text-align:center;}
#demox{width:200px;height:300px;overflow:hidden;text-align:center; border:#999999 dashed 1px;}
#demo{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }
#demoa{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }
#demob{overflow:hidden;height:140px;width:980px;margin:10px;text-align:center; }
.demo-left{width:154px;height:150px;}


.xin{ border-top:#CCCCCC solid 1px; padding-top:10px; margin-top:10px;margin-left:auto; margin-right:auto;}

.ee{ width:95px; float:left; background-image:url(../images/li_bg.png); background-repeat:no-repeat; text-align:center;}
.eee{ float:left; width:400px; }


#jiaodian {margin:0 auto;width: 100%;overflow: hidden;}
#slideshow {float: left;width: 100%;margin: 0px auto;position: relative;}
#slideshow a {float: left;width: 100%;display: inline;}
#slideshow .img {left:0;top:0;position: absolute;width: 100%;overflow: hidden;}
#slideshow .img a{float:left;width:100%;overflow:hidden;}
#slideshow .img img {float: left;width: 1px;height: 1px;}
#slideshow .img span {position: absolute;width: 99999px;display: block}
#slideshow .btns {margin:0 auto;position:absolute;width:100%; text-align:center; height:25px; bottom:0;}
#slideshow .btns b {position: absolute;width: 100px;display: block;height: 10px;overflow: hidden;bottom:15px;left: 50%;}
#slideshow .btns b i {width: 6px;background: #414140;float: left;height: 6px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;border: #414140 0px solid;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px}
#slideshow .btns b i: hover {background: #a7a7a6}
#slideshow .btns b i.on {background: #fff;cursor: default}
#slideshow .btns b i.on: hover{background: #3cd2f1;cursor: default}
#slideshow .btns s {position: absolute;width: 60px;height: 80px;overflow: hidden;top: 160px;cursor: pointer;display: none;}
#slideshow .btns s i {position: absolute;width: 60px;background: url(../images/btn_slideshow.png);height: 160px;}
#slideshow .btns s.prev {left: 0px;}
#slideshow .btns s.prev i{top: -80px}
#slideshow .btns s.next {right: 0px}
.slideshow-hover#slideshow .btns s {display: block}


.searchbj{ background:url(../images/searchbj1.jpg) repeat-x center center;}
.searchbj .search{ background:url(../images/searchbj.jpg) no-repeat center center; height:35px; line-height:35px;}
.searchbj .fl{ padding-left:20px;}
.searchbj .fr{ padding-right:20px;}
.inina{ background:url(../images/inina.jpg) no-repeat left top; width:270px; height:35px; line-height:35px; padding:0 0 0 10px; margin:0; border:0; color:#dcdcdc; outline:none}


.contactbt{ margin-top:15px; background:url(../images/c4.jpg); height:58px; line-height:58px; text-align:center; color:#FFFFFF; font-family:微软雅黑; font-size:20px;}
.contactbt span{ font-size:16px; display:inline; padding-left:3px; font-family:Arial;}
.contact,.contact a{ color:#FFFFFF}

.about{ border:3px solid #DCDCDC; padding:0 9px 0 13px}
.aboutbt{ height:42px; line-height:42px; background:url(../images/xian1.jpg) no-repeat left bottom; padding-bottom:2px; font-family:微软雅黑; font-size:18px; color:#0167af; padding-top:5px;}
.aboutbt span{ display:inline; padding-left:3px; color:#dd0c00; font-family:Arial;}
.aboutnr{ padding-top:23px;}
.cppbj{ background-color:#eff2f6; padding-top:15px; padding-bottom:5px;}
.cppbt{ height:39px; line-height:39px; text-align:center; font-size:24px; font-family:微软雅黑; color:#0167af}
.cppbt span{ display:inline; padding-left:3px; color:#dd0c00; font-size:20px; color:#dd0c00}
.cpplist{ margin-top:18px;}
.cpplist li{ float:left; width:236px; margin-right:15px; display:inline; text-align:center}
.cppic{ padding:3px; background-color:#FFFFFF; border:1px solid #DCDCDC; width:228px;}
.cppwz{ height:43px; line-height:43px;}
.newsbt{ background:url(../images/newsbj.jpg); height:40px; line-height:40px; border:1px solid #cbe1f1}
.newsbt dt{ float:left; padding-left:20px; font-size:20px; color:#0167af; font-family:微软雅黑}
.newsbt span{ font-family:Arial; font-size:16px; color:#dd0c00; display:inline; padding-left:3px;}
.newsbt dd{ float:right; padding-right:11px;}
.newsbt a{ color:#7a7a7a}
.newspic{ margin-top:17px;}
.newspic li{ float:left; width:363px;}
.newspic .pic{ float:left; width:195px; height:144px;}
.newspic .pic img{width:195px; height:144px;}
.newspic .wz{ float:left; padding-left:13px; width:150px;}
.newspic .wz h3{ font-weight:bold; line-height:22px; height:22px; overflow:hidden}
.newspic .wz h3 a{ color:#0167af}
.newspic .nr{ padding-top:8px; line-height:23px;}
.newspic .nr span{ display:inline; font-weight:bold}
.newspic .nr span a{ color:#e40b00}
.news{ margin-top:15px;}
.news li{ border-bottom:1px dashed #dcdcdc; float:left; width:358px;}
.news li a{ display:block; font-size:12px; height:30px; line-height:30px;}
.news span{ display:block}
.news .fl{ background:url(../images/dian1.jpg) no-repeat left center; padding-left:18px;}
.cjwa{ background-color:#FFFFFF; padding:8px;}
.cjwa ul{ height:195px; overflow:hidden}
.cjwa li{ padding-top:6px; border-bottom:1px dashed #E4E4E4; padding-bottom:6px;}
.cjwa .nbt{ background:url(../images/w.jpg) no-repeat left center; padding-left:28px; height:28px; font-weight:bold}
.cjwa .nbt a{ color:#0167af}
.cjwa .nhd{ background:url(../images/d.jpg) no-repeat left 6px; padding-left:28px; line-height:26px;}