@charset "utf-8";
/* CSS Document */
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;}
a{color:#666;}
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　 
a:focus { -moz-outline-style: none; } /* IE不支持 */ 
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:top;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:80%; margin:0 auto; display:block;}


.head{ height:70px; overflow:hidden;}
.logo{float:left;}
.top_rt{ float:right; margin-top:16px; text-align:right;}
/*.top_rt .tel{ background:url(../images/tel1.jpg) 80px top no-repeat;}
.top_rt .tel span{ height:30px; line-height:30px; color:#ef1247; font-size:20px; display:block; text-align:right;}
.top_rt strong{ display:block; text-align:right; font-size:14px; height:24px ; line-height:24px; color:#008fd6;  }
.top_rt ul{ float:right; height:30px; line-height:30px;}
.top_rt ul li span{ margin:0px 10px; color:#666;}*/
.top_rt strong{ display:block; font-weight:normal;}
.top_rt strong i{ padding-left:24px; margin-left:10px;}
.top_rt strong i.tel{ font-style:normal; background:url(../images/tel.png) left center no-repeat;}
.top_rt strong i.email{ font-style:normal; background:url(../images/email.png) left center no-repeat;}
.top_rt span{ display:block; margin-top:10px;}
.top_rt span a{ margin-left:10px;}
.top_rt span a.w1{ background:url(../images/0000.png) left center no-repeat; padding-left:30px; width:25px; height:20px;}
.top_rt span a.w2{ background:url(../images/000.png) left center no-repeat; padding-left:30px; width:25px; height:20px;}
/*menu start*/
.menu_bg{z-index:999; position:relative; height:47px; background:url(../images/nav_bg.jpg) repeat-x;}
.menu{ height:46px;}
.menu ul{height:46px; line-height:46px;}
.menu ul li{ float:right; position:relative; background:url(../images/menu_biao.jpg) right center no-repeat; display:block; width:14%; height:46px; text-align:center;}
.menu ul li dl{ width:160px; position:absolute; left:24px; top:46px; border-top:0;display:none;  background:#0195dd;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding:5px 0px; }
.menu ul li dl dd{ line-height:24px; border-bottom:#0786c2 solid 1px; }
.menu ul li dl dd a{ font-size:12px; color:#fff; font-weight:normal; display:block; padding:0; text-align:left; width:140px; height:24px; line-height:28px; padding:3px 10px;}
.menu ul li dl dd a:hover{ color:#fff; text-decoration:none; background:#fdab01;}
.menu a{ font-size:13px;color:#fff; font-family:"";text-decoration:none; display:block; height:46px; text-align:center;}
.menu a:hover{color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) 90px center no-repeat;}
a.menu_hover{ background:url(../images/nav-hover-04.gif) center no-repeat; color:#fff;}

/*---------------------------轮换图片-------------------------------*/
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*---------------------------轮换图片 End-------------------------------*/

.content{ min-height:100px; padding-bottom:25px; margin-top:15px;}




.con_01 h2{ background:url(../images/h2_1.jpg) no-repeat #E2E6E7; height:30px; line-height:30px;}
.con_01 h2 span{ font-size:14px;  color:#fff; margin-left:10px; font-family:"";}





.m_p_cats{overflow:hidden; z-index:1}
/*cats
.clslist{margin:1px 0 0 0; overflow:hidden}
.clslist li{padding:10px 0 9px 16px; background:url(../images/li.jpg) no-repeat; margin:3px 0;}
.clslist li ul{ display:none; position:absolute; z-index:12; background-color:#FFF;width:200px; margin:-20px 0 0 207px; border-top:solid 1px #ddd}
.clslist li ul li{ background:url(../images/icon_3.gif) no-repeat 15px 10px;background-color:#F3F3F3;border:#ddd solid 1px; border-top:none; height:28px; line-height:28px;padding:0 0 0 28px;margin:0}
.clslist li ul li:hover{background:url(../images/icon_3.gif) no-repeat 15px 10px;background-color:#FFF;border:#ddd solid 1px; border-top:none; height:28px; line-height:28px;padding:0 0 0 28px;margin:0}
.clslist li a{font-size:14px;color:#026585; text-decoration:none; display:block}
.clslist li a:link{font-size:14px;color:#026585; text-decoration:none}
.clslist li a:hover{font-size:14px;color:#026585; text-decoration:none}
.clslist li a:visited{font-size:14px;color:#026585; text-decoration:none}
.clslist li ul li a:link{font-size:12px;color:#026585; text-decoration:none}
.clslist li ul li a:hover{font-size:12px;color:#026585; text-decoration:none}
.clslist li ul li a:visited{font-size:12px;color:#026585; text-decoration:none}*/

.cpfl ul li{ display:inline-block; margin-right:10px; padding:0px 10px; background:url(../images/li_1.jpg) repeat-x; height:33px; line-height:33px; border-radius:3px; border:1px solid #cdcdcd; margin-top:10px; float:left;}
.cpfl ul li a{ display:block; text-align:center; font-size:14px;}
.cpzs h2{ background:url(../images/h2_2.jpg) no-repeat #E2E6E7; height:30px; line-height:30px;}
.cpzs h2 span{ float:left; color:#fff; font-size:14px; margin-left:10px; font-family:"";}
.cpzs h2 a{ display:block; float:right; margin-top:10px; padding-right:10px;}
.cp_pic{ margin-top:10px;}
.cp_pic dl{ width:14.6%; float:left; margin:10px 1%;}
.cp_pic dl dt{ padding:1px; border:#ccc 1px solid; text-align:center;}
.cp_pic dl dt img{ width:100%} 
.cp_pic dl dd{ height:26px; line-height:26px; text-align:center;}

.con_02{/* height:290px;*/ margin-top:40px; }
.lxwm{ width:14%; height:278px; border:#dddddd 1px solid; float:left;}
.lxwm dl dd{ line-height:30px; color:#333; margin:0px 10px;}

.c2_right{ float:right; width:85%; }
.gsjj{ width:49%; height:278px; border:#dddddd 1px solid; float:left;}
.gsjj h2{ background:url(../images/h2_3.jpg) no-repeat #E2E6E7; height:30px; line-height:30px;}
.gsjj h2 span{ float:left; color:#fff; font-size:14px; margin-left:10px; font-family:"";}
.gsjj h2 a{ display:block; float:right; margin-top:10px; padding-right:10px;}
.gsjj p{ line-height:24px; color:#555; text-indent:2em; margin:3px 10px; }

.news{ width:49%; height:278px; border:#dddddd 1px solid; float:right;}
.news h2{ background:url(../images/h2_4.jpg) no-repeat #E2E6E7; height:30px; line-height:30px;}
.news h2 span{ float:left; color:#fff; font-size:14px; margin-left:10px; font-family:"";}
.news h2 a{ display:block; float:right; margin-top:10px; padding-right:10px;}
.news ul{ padding-top:5px;}
.news ul li{ line-height:26px; height:26px; overflow:hidden; background:url(../images/icon_3.jpg) left center no-repeat; padding-left:10px; margin:0px 10px;}

.con_03{ height:30px; border:#dddddd 1px solid; margin-top:15px;}
.con_03 p{ padding:0px; margin:0px;}
.con_03 p span{ width:72px; height:30px; float:left;}
.con_03 p a{ display:block; float:left; height:30px; line-height:30px; margin:0px 15px;}

.footer_bg{height:100px; background:url(../images/footer.jpg) repeat-x;}
.footer_01_bg{ height:38px; line-height:38px;}
.footer_01{ text-align:center;}
.footer_01 ul li{ line-height:38px;}
.footer_01 ul li span{ color:#666; padding:0px 10px;}
.footer_02{ text-align:center;}
.footer_02 dl{ padding-top:5px;}
.footer_02 dl dd{ line-height:24px; color:#666;}

/*----------------------------------------------------------------------------------------------------------------------*/

/*---------------------insed.html----------------------------------*/
.n_banner{ margin-top:0px;}

.n_cp h2{ background:url(../images/h2_1.jpg) #E2E6E7 no-repeat; height:30px; line-height:30px;}
.n_cp h2 span{ font-size:14px;  color:#fff; margin-left:10px; font-family:"";}
.n_cp ul li{ display:inline-block; margin-right:10px; padding:0px 10px; background:url(../images/li_1.jpg) repeat-x; height:33px; line-height:33px; border-radius:3px; border:1px solid #cdcdcd; margin-top:10px; float:left;}
.n_cp ul li a{ display:block; text-align:center; font-size:14px;}
.n_cp_list{overflow:hidden; z-index:1}

.n_lx{ width:222px; height:278px; border:#dddddd 1px solid; margin-top:10px;}
.n_lx dl dd{ line-height:24px; color:#333; margin:0px 10px;}


.insed_right{ margin-top:10px;}
.weizhi{ background:url(../images/h2_2.jpg) no-repeat #E2E6E7; height:30px; line-height:30px;}
.weizhi strong{ float:left; color:#fff; font-size:14px; margin-left:10px; font-family:"";}
.weizhi span{float:right;padding-right:10px; color:#333;}

.n_cp_pic{ width:778px; min-height:100px; border:#dddddd 1px solid; margin-top:3px;}
.n_cp_pic dl{ width:166px; height:174px; float:left; padding-left:22px; margin-top:13px;}
.n_cp_pic dl dt{ padding:1px; border:#ccc 1px solid; text-align:center;}
.n_cp_pic dl dd{ width:166px; height:26px; line-height:26px; text-align:center;}

.nr{ min-height:100px; border:#dddddd 1px solid; padding:3px 10px; color:#555;margin-top:5px;}
.nr p{ margin:3px 10px;}

/*proShow*/
.product_show h2{ line-height:28px; height:28px; border-bottom:#ddd solid 1px;font-weight:normal; margin-bottom:0px;}
.product_show h2 strong{ float:left;  background:url(../images/title_04.gif) no-repeat; width:97px; height:28px; line-height:28px; text-align:center;  font-size:14px; color:#fff;}
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}
/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; font-family:""; font-size:14px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}


/*product_list*/
.side_product { width:181px; }
.side_product h2{ height:30px; line-height:30px; font-family:""; font-size:14px; color:#666; padding-top:5px; padding-left:5px; background:url(../images/c_l_01_bg01.jpg) no-repeat;}
.side_product h2 span { font-weight:normal; margin-left:5px;}
.side_product ul{ padding-bottom:5px; background:url(../images/c_l_01_bg02.jpg) no-repeat;}
.side_product ul li{line-height:20px; border-bottom:#ddd dashed 1px;background: url(../images/biao.gif) 18px 10px no-repeat;padding-left:35px;  padding-top:5px; }

/*proShow*/
.product_show h2{ line-height:28px; height:28px; border-bottom:#ddd solid 1px;font-weight:normal; margin-bottom:0px;}
.product_show h2 strong{ float:left; background:url("../images/title_04.gif") no-repeat; width:97px; height:28px; line-height:28px;text-align:center;font-size:14px; color:#fff;}
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}

.product_zhanshi{ margin-top:20px;}
.product_zhanshi dl{ margin-left:15px;}
.product_zhanshi dl dt{ line-height:36px; font-size:14px;}
.product_zhanshi dl dd{ line-height:28px; border-bottom:#ddd dashed 1px;}
.product_zhanshi dl dd span{ color:#f90; font-size:14px; font-weight:bold; font-family: Verdana, Geneva, sans-serif;}
.xiangxi{ margin-top:20px;}
.xiangxi h2{ height:28px; font-size:12px; line-height:28px; color:#005895; border-bottom:#ddd solid 2px;}
.xiangxi h2 strong{ float:left; display:block; border-bottom:#005895 solid 2px; height:28px; padding:0 0px;}
.xiangxi_con{ padding:10px 0;}
.xiangxi_con p{ font-size:14px;}
.shangxia{ height:26px; padding-top:10px;}
.shangxia a{ display:block; background:url(../images/pre.gif) no-repeat; width:99px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#005895; font-weight:bold; float:right; margin-left:16px;_margin-left:8px;  }
.pro1 { width:115px; height:128px;}
.pro1 td img{max-width:115px; max-height:100px; width:expression(this.width >115 && this.height < this.width ? 115: true); height: expression(this.height > 100 ? 100: true);border:1px solid #ccc; padding:5px}
.pro2{max-width:288px; max-height:216px; width: expression(this.width >288 && this.height < this.width ? 288: true); height: expression(this.height > 216 ? 216: true);}
.pro3{max-width:64px; max-height: 48px; width: expression(this.width >64 && this.height < this.width ? 64: true); height: expression(this.height > 48 ? 48: true);}
ul#thumblist li a{display:block;border:1px solid #CCC; height:54px; line-height:54px;}
ul#thumblist li a.zoomThumbActive{border:1px solid #c00;}
.clearfix ul li{ float:left; width:70px; margin:0 2px;display:inline;}
.clearfix ul li img{ padding:0; margin:0; cursor:pointer;}
.zoomPad{position:relative;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}
.hover2{ background:#f4f4f4;}

/*contact*/
.contact{ margin-top:10px;}
.contact ul li{ line-height:30px; border-bottom:#e3d2c1 dashed 1px;}
    .header { background: url(../images/top_bg.jpg) repeat-x; }
    .h_top { height: 38px; line-height: 38px; }
    .h_top_lt { height: 30px; float: left; color: #333; }
    .h_top_rt { height: 30px; float: right; }
    .h_top_rt ul li span { margin: 0px 8px; color: #666; }
@media screen and (max-width:1600px) {
.wapper{ width:90%;}

}

@media screen and (max-width:1400px) {
.wapper{ width:90%;}
.lxwm{ width:19%;}
.c2_right{ width:79%;}



}

@media screen and (max-width:1200px) {
.wapper{ width:96%;}
.c2_right{ width:76%; float:right;}
}

@media screen and (max-width:1000px) {
.c2_right{ width:72%;}
.lxwm{ width:25%;}
}

@media screen and (max-width:860px) {
.c2_right{ width:68%;}
}

@media screen and (max-width:800px) {
.c2_right{ width:60%;}

}

@media screen and (max-width:720px) {
.wapper{ width:98%;}
.cp_pic dl{ width:23%; float:left; margin:10px 1%;}

/*.con_02{ height:auto;}
.lxwm{ float:none; width:99%; height:auto;}
.c2_right{ float:none; width:100%; height:auto;}
.gsjj{ float:none; width:99%; height:auto; margin-top:10px;}
.news{ float:none; width:99%; height:auto; margin-top:10px;}*/

.n_cp{ width:100%;}
.n_lx{ width:100%; margin-top:10px;}
}

@media screen and (max-width:420px) {
.header { background: url(../images/top_bg.jpg) repeat-x 20px; }
.h_top{ height:auto;}
.h_top_lt{ height:auto;}
.h_top_rt{ display:none;}
.cp_pic dl{ width:48%; float:left; margin:10px 1%;}
.logo{ float:none; width:100%;}
.logo img{ width:100%;}
.top_rt{ float:none; width:100%; text-align:left;}
.head{ height:auto; padding:10px 0px; position:relative;}
}

@media(max-width: 768px) {
.con_02{ height:auto; }
.lxwm{ width:99% !important; height:auto; float:none !important;}
.c2_right{ float:none !important; width:100% !important; }
.gsjj{ width:99% !important; height:auto; float:none !important; margin-top:10px;}
.news{ width:99% !important; height:auto; float:none !important; margin-top:10px;}
}