/*global css cmsyou*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:13px/1.5 "Microsoft Yahei",\5b8b\4f53,Arial,"Lucida Grande",Verdana,sans-serif;;}
body{color:#666;background: #fff}
table{border-collapse:collapse;border-spacing:0;}
img{border:none}
pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a,a:link,a:visited,a:active{ color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
.text-center{ text-align:center;}
.white,.white a{color:#fff}
.blue,.blue a{color:#e74000;}
.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}
.tran:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.clear,.clearfix{ clear:both;}
.clear:bofore,clearfix:bofore,.clear:after,clearfix:after{ content:" "; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.mr0{ margin-right:0px!important;}
.pl0{ padding-left:0px!important;}
.pr0{ padding-right:0px!important;}

/*header*/
.inner{ width:1200px; margin:0 auto; padding:0px;}
.header{ width:100%; height:169px; padding:0px; clear:both;}
.header .inner{height:60px; padding-top:25px; clear:both;}
.header .logobar {float:left; width:750px;height:90px; text-align:center;*font-size:40px; overflow:hidden;}
.header .logobar .logo{float:left; width:285px;}
.header .logobar .logo a{width:285px; height:75px; text-indent:-999em; background:url(../images/logo.jpg) left center no-repeat; display:block;}
.logobar .info{ float:left; width:400px; height:60px; margin-left:12px; margin-top:10px; padding-top:5px; padding-left:16px; border-left:1px solid #ddd; text-align:left;}
.logobar .info p{ color:#787878; font-size:15px; line-height:20px;}
.logobar .info p.slogan{ color:#333; font-size:18px; line-height:35px;}
.topright{ float:right; width:450px; margin-right:0px; margin-top:3px; font-size:13px; line-height:18px; overflow:hidden;}
.topright .top_bar{float:right; color: #ccc; font-size:12px; margin-right:0px; margin-top:0px; padding-right:0px;}
.topright .top_bar .center{height:28px;line-height:28px;float:left;padding:0px 3px;}
.topright .top_bar a{color: #383838;font-size: 12px;text-decoration: none; margin-left:5px; margin-right:5px;}
.topright .top_bar a:hover{color: #e74000;}
.topright .contact{ text-align:right; clear:both;}
.topright .contact .icon_phone{ padding-left:35px; background:url(../images/icon_phone.png) left center no-repeat; color:#1986c7; font-size:24px; line-height:35px;}

/*top nav*/
.header .nav-bar{height:54px; margin-top:10px;background:#1986c7 url(../images/bg_nav.gif) center center repeat-x;clear:both;}
ul.dropmenu { width:1200px; margin:0 auto; padding:0px;}
ul.dropmenu a {font-family:"Microsoft Yahei",Arial,"Lucida Grande",Verdana,sans-serif; text-decoration:none !important; }
ul.dropmenu a:hover { text-decoration:none !important; }
ul.dropmenu li { zoom: 1; z-index:10000; float:left; }
ul.dropmenu li a.topmenu { display: block; width:116px; height:54px; color:#fff; font-size:16px; line-height:54px; font-weight:normal; font-family:"Microsoft Yahei",Arial,"Lucida Grande",Verdana,sans-serif; text-align:center; z-index:10000; border:none;}
ul.dropmenu li a.topmenu:hover, ul.dropmenu li.cur a.topmenu{ background-color:#e74000; color:#fff; }
ul.dropmenu li:hover a.topmenu,ul.dropmenu li a.topmenu:hover,ul.dropmenu li.cur a.topmenu:hover{ background-color:#e74000; color:#fff; }
ul.dropmenu li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropmenu li:hover { position: relative; }
ul.dropmenu ul { position: absolute; float:left; top:45px; left:-1px; z-index:10000; visibility: hidden;}
ul.dropmenu ul li { float: left; font-weight: normal; display:block; }
ul.dropmenu ul li a {}
ul.dropmenu ul li a:hover {}
ul.dropmenu li:hover > ul { visibility: visible;}
ul.dropmenu li ul.narnav{ width:118px; padding-bottom:15px; background:url(../images/bg_narnav.png) center bottom no-repeat; *background:url(../images/bg_narnav.gif) center bottom no-repeat;}
ul.dropmenu li ul.narnav li{ width:118px; text-align:center;}
.ennav ul.dropmenu li ul.narnav li{ width:118px; text-align:left; padding-left:10px;}
ul.dropmenu li ul.narnav li a{color:#e74000; font-size:13px; line-height:25px; padding-left:10px; background:url(../images/icon_line_hover.jpg) left center no-repeat; text-align:center; display:inline-block;}
ul.dropmenu li ul.narnav li a:hover{ color:#666;background:url(../images/icon_line.jpg) left center no-repeat;}
ul.dropmenu li ul.widnav { width:634px; padding:10px 10px 15px 10px; background:url(../images/bg_widnav.png) center bottom no-repeat; *background:url(../images/bg_widnav.gif) center bottom no-repeat; overflow:hidden;}
ul.dropmenu li ul.widnav li{ float:left; width:140px; margin-left:16px;}
ul.dropmenu li ul.widnav li .subbox{color:#666; font-size:13px; line-height:22px;}
ul.dropmenu li ul.widnav li .subbox p{ color:#666; font-size:13px; line-height:28px;}
ul.dropmenu li ul.widnav li .subbox p a{background:none;}
ul.dropmenu li ul.widnav li .subbox p span{width:140px; height:28px; line-height:28px; overflow:hidden;}
ul.dropmenu li ul.widnav li .subbox p span a{ color:#e74000; line-height:28px; background:none; display:block;}
ul.dropmenu li ul.widnav li .subbox p span a:hover{ color:#666;}
ul.dropmenu li ul.widnav li .subbox p a img{ width:135px; height:92px; border:1px solid #ccc;}
ul.dropmenu li ul.widnav li .subbox p a:hover img{border:1px solid #ddd;}
ul.dropmenu li ul.widnav li .subbox dt{font-size:12px; line-height:18px; padding-top:5px; padding-right:10px;background:url(../images/icon_rightarrow.png) right 9px no-repeat; *background:url(../images/icon_rightarrow.gif) right 9px no-repeat; display:inline-block;}
ul.dropmenu li ul.widnav li .subbox dd{color:#666; font-size:12px; line-height:18px;}
ul.dropmenu li ul.widnav li .subbox dd a{color:#999; font-size:12px; line-height:18px; background:none;}
ul.dropmenu li ul.widnav li .subbox dd a:hover{ color:#e74000;}

/*index*/
.main{}
.pro_center{position:relative;width:100%;height: 743px; padding-bottom:20px;background-color: transparent;background-image: url(../images/bg_tiltline.gif);}
.cat_title{position:relative;width:340px;height:60px;text-align:center;padding:40px 0 20px;margin:0 auto;}
.cat_title h3{font-size:20px;line-height:30px;padding-left:25px;}
.cat_title .ename{font-size:12px;line-height:20px;padding-left:25px;}
.cat_title .cat_letter{position:absolute;top:50%;left:100px;margin-top:-32px;color:#1986c7;font-size:58px;line-height:60px;font-weight:bold;}
.cat_title .cat_line{position:absolute;top:50%;left:0px;width:80px;height:1px;border-bottom:1px solid #333;margin-top:-1px;}
.cat_title .cat_line.fl{top:50%;left:0px;}
.cat_title .cat_line.fr{top:50%;left:auto;right:0px;}
.tab_menu{height: 50px;overflow: hidden;background-color: transparent;}
.tab_menu li{background-color: transparent;font-family: Microsoft YaHei;font-weight: normal;width: 150px;font-size: 15px;color: #5a5a5a;text-decoration: none;float: left;height: 50px;line-height: 50px;text-align: center;cursor: pointer;}
.tab_menu li.current{background-color: #1986c7;font-family: Microsoft YaHei;font-weight: normal;font-size: 15px;color: #fff;text-decoration: none;}
.tab_box{padding:0px;border-top: 2px solid #1986c7; clear:both;}
.tab_box .hide{display: none;}

/*prolist*/
.list_products{ float:left; width:1200px; min-height:500px; font-size:14px; padding:20px 0 10px 0; overflow:hidden;}
.list_pro{ width:1210px; margin-left:-6px; margin-right:-6px; overflow:hidden;}
.list_pro li{float:left;overflow:hidden;width:228px;height:250px;padding-bottom:15px;padding-left:7px;padding-right:7px;}
.list_pro li a{width:228px;height:250px;float:left;text-align:center;overflow:hidden;}
.list_pro li a img{width:220px;height:220px;padding:3px;margin-bottom:5px; border:1px solid #eee;}
.list_pro li a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7; border:1px solid #ccd;}
.list_pro li a span{width:100%; height:16px; color:#333; line-height:18px; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; clear:both;}
.list_pro li a:hover span{color:#e74000;}
.list_products.narrow{ width:920px;}
.narrow .list_pro{ width:928px;}
.narrow .list_pro li{width:220px;height:240px;padding-left:6px;padding-right:6px;}
.narrow .list_pro li a{width:220px;height:240px;}
.narrow .list_pro li a img{width:208px;height:208px;}

/*index_about*/
.index_about{ width:100%; height:372px; background:#1986c7; clear:both;}
.index_about .inner{ position:relative; padding-top:25px; padding-bottom:20px;}
.about_content{ float:left; width:880px; color:#fff; font-size:15px; line-height:27px;}
.about_content p{ text-indent:2em; margin-bottom:10px;}
.contact_content{ position:absolute; top:-35px; right:0px; width:255px; height:310px; color:#fff; padding:50px 20px 50px 50px; background:url(../images/bg_index_contact.png) center top no-repeat;}
.contact_content h3{ font-size:24px; line-height:40px; font-weight:normal;}
.contact_info{ font-size:15px; line-height:28px; margin-top:10px;}
.contact_info p{ margin-bottom:10px;}

/*news_center*/
.news_center{position:relative;width:100%;height:510px; padding-bottom:20px;background-color: transparent;background-image: url(../images/bg_tiltline.gif);}
.news_center .inner{ position:relative;}
.news_center .cat_title h3{ padding-left:55px;}
.news_center .cat_title .ename{ padding-left:13px;}
.news_center .cat_title .cat_letter{ margin-top:-27px;}
.news_container{ width:100%; clear:both;}
.news_container .news_pic{ width:515px; }
.news_container .news_list_index{ width:665px; margin-top:-10px;}

/*news list*/
.news_list{ width:100%;}
.news_list dl{ width:100%; height:105px; padding-bottom:16px; margin-bottom:11px; border-bottom:1px dashed #ddd; clear:both; overflow:hidden; _zoom:1;}
.news_list dt{ margin:10px 0px 6px 0px; line-height:25px; position:relative;}
.news_list dt img{float:left; margin-right:20px;}
.news_list dt a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.news_list dl.last{background:none;}
.news_list dt a,.news_list dt a:visited{ color:#000; font-size:15px; line-height:25px;}
.news_list dt a:hover{ color:#C00;}
.news_list dt span{ color:#a5a5a5; font-size:13px; float:right; margin-right:5px;}
.news_list dd.des{ margin:0px; list-style:none; height:65px; color:#333; font-size:13px; overflow:hidden;}
.news_list dd.des a{color:#666; font-size:13px; line-height:25px;}
.news_list dd.des a:hover{color:#C00;}
.news_list dd.des .more{ float:right; position:relative; _display:none; overflow:hidden; _zoom:1;}
.news_list dd.des .more a{ color:#999; font-size:13px; line-height:25px; padding-right:0px; float:right; }
.news_list dd.des .more a:hover{ color:#666;}
.btn_default{ color:#fff; font-size:16px; line-height: 50px; text-align: center; border:1px solid #000; background-color: transparent; cursor: pointer;display: inline-block;  -moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;-webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;box-shadow: rgba(0,0,0,0.6) 1px 1px 4px 0px;}
.btn_default:hover{ color:#fff; background-color: rgb(255,102,0);border-color: rgb(255,87,0);-moz-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-webkit-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;-o-transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; background-color: rgba(25,134,199,1);background-image: none;border-color: transparent;}
.news_center .view_more{ position:absolute; right:0px; top:42px;}
.news_list_index .btn_more{width:120px;height:37px;line-height:37px;font-size: 16px; padding-left: 30px; background: url(../images/icon_arr_right.png) left center no-repeat;}
.news_list_index .btn_more:hover{ color:#1986c7;}

/*pro_recommend*/
.pro_recommend{ width:100%; height:405px; clear:both;}
.pro_recommend .inner{ position:relative;}
.pro_recommend .cat_title{ width:350px;}
.pro_recommend .cat_title h3{ padding-left:40px;}
.pro_recommend .cat_title .ename{ padding-left:47px;}
.pro_recommend .cat_title .cat_letter{ margin-top:-27px;}
.pro_recommend .list_pro li{ padding-left:6px; padding-right:6px;}
.pro_recommend .list_products{ float:none; min-height:265px; clear:both;}
.pro_recommend .btn_control{}
.pro_recommend .btn_control a{ position:absolute; top:50%; margin-top:10px; width:32px; height:50px; background-position:center center; background-repeat:no-repeat; cursor:pointer; display:block;}
.pro_recommend .btn_control .prev{ left:-50px; background-image:url(../images/arrow_left.gif);}
.pro_recommend .btn_control .next{ right:-50px; background-image:url(../images/arrow_right.gif);}

/*footer*/
#footer{ width:100%; color: #fff; padding:40px 0; margin-top: 60px;background:#1986c7;overflow: hidden;}
#footer:before, #footer:after{content: ""; display: table;}
#footer:after{clear: both;}
#footer *{box-sizing: content-box;}
#footer.ft-fixed{position: absolute; bottom: 0; left: 0; right: 0;}
#footer a{color: #fff;}
#footer a:hover{color: #eee;}
#footer .foot-main{float: left; width: 880px; color:#fff; font-size: 14px; overflow:hidden;}
#footer .btnav{ margin-bottom:40px; clear:both;}
#footer .btnav a{ font-size:16px; line-height: 1em;  border-right: 1px solid #afbdcc; padding: 0 10px 0 6px; margin-bottom: 10px;display:inline-block;}
#footer .btnav a:first-child{padding-left: 0;}
#footer .btnav a:last-child{border-right: none;}
#footer .foot-main .sitemap{ margin-bottom:15px; display:block; clear:both;}
#footer .foot-main .sitemap a{ font-weight:bold;}
#footer .foot-main .copyright{ font-size:13px; line-height:20px; clear:both;}
#footer .foot-main .copyright p{ margin-bottom:10px;}
#footer .contact{float: right; width:300px; color: #fff; text-align:right; overflow:hidden;}
#footer .contact li{float: left; _width:100px; color: #fff; font-size: 12px; margin-left:20px; _margin-left:10px;}
#footer .contact img{width: 116px; height: 116px; margin-bottom:5px;}

/* pagenavi */
.pagenavi{clear:both; padding:15px 0; color:#333; font:normal 12px/24px Arial, Helvetica, sans-serif; text-align:center;}
.pagenavi.topline{border-top: 1px dashed #ddd; margin-top:25px; padding-top:25px;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#000; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
.pagenavi a:visited{color:#000!important;}
.pagenavi a:hover{height:24px; margin:0 3px; border:none; background:#e74000; color:#fff!important; line-height:24px; text-decoration:none;}
.pagenavi a.select{cursor:default;}

/*pageslide*/
.pageslide { position:relative; width: 100%; min-width:1200px; height: 300px; text-align:center; margin:0 auto; z-index:0;}
.pageslide .slidecontent{ position:absolute; *position:relative; min-width: 1200px; width: 100%; height: 300px; overflow:hidden;}
.pageslide ul.slidepic li img{position:absolute; width:1920px; height:300px; left:50%; margin-left:-960px;}
.pageslide .num {position: relative; width:980px; height: 300px; margin:0 auto; padding:0px; zoom:1; z-index:3;}
.pageslide .num ul{position: absolute; bottom:55px; *bottom:75px; left:50px;}

/* wrapper */
.wrapper{position: relative; width:1200px; margin:0 auto; padding: 0; background:#fff; *zoom: 1; clear:both;}
.wrapper:before,.wrapper:after {display: table;line-height: 0;content: "";}
.wide_wrapper{position: relative; width:1200px; margin:10px auto; padding: 0; z-index:77; overflow:hidden; clear:both;}
.full_wrapper{position: relative; width:100%; margin:0 auto;}

/* container */
.container{background: url(../images/bg_container.jpg) no-repeat 210px -60px;  border:1px solid #e4e0c8; clear:both;}
.container.inner{ width:1198px;}
.container:befor,e.container:after {display: table;line-height: 0;content: "";}
.breadcrumb{ height:35px; margin-bottom:10px; padding-left:15px; font-size:12px; line-height:35px; color:#333; font-family:Verdana; border-bottom:1px solid #E7E7E7; background: url(../images/bg_breadcrumb.png) repeat 0 0; _background: url(../images/bg_breadcrumb.gif) repeat left top;}
.breadcrumb span{ padding-left:20px; background: url(../images/icon_home.gif) left center no-repeat;}
.breadcrumb a:link, .breadcrumb a:visited{ color:#333; text-shadow:1px 1px 0 #ccc;}
.breadcrumb a:hover{ color:#000; text-shadow:1px 1px 0 #ccc;}
.content{ float:right; width:920px; min-height:250px; padding-right:15px; margin-bottom:20px; overflow:hidden;}
.post{ min-height:250px; padding:15px 10px; font-size:14px;overflow: hidden;}
.post h1{ font-size:24px; line-height:50px; text-align:center; font-weight:normal; font-family:"Microsoft Yahei"; color:#000; border-bottom: 1px solid #ddd; margin-top: 0px; margin-bottom:20px;}
.post p{ color:#535353; font-size:16px; line-height:2em; margin-bottom:15px;}
.page p{ font-size:15px; line-height:28px;}
.post img{ max-width:700px; _width:expression(this.scrollWidth > 700 ? "700px" : "auto");}
.post a:link, .post a:visited{ color:#1986c7;}
.post a:hover{ color:#313131;}
.post .postmeta{ margin:5px 0 20px; line-height:16px; font-size:12px; text-align:center; color:#666;}
.post .postmeta .metar{ float:right;}
.post .postmeta a:link, .post .postmeta a:visited{ color:#666;}
.post .postmeta a:hover{ color:#1986c7;}
.textcontent ul{margin-bottom:15px;padding-left: 0px;}
.textcontent li{ color:#333; margin:8px 0px;padding-left:10px;background:url(../images/icon.gif) no-repeat 1px 8px;}
.textcontent li:hover { color:#222; background:url(../images/icon.gif) no-repeat 0px -338px;}
.textcontent hr{ margin:10px auto; padding:0px; clear:both;}
.textcontent .diytable table { margin-left:4px;font-family: verdana,arial,sans-serif;font-size:11px;color:#000333;border-width: 1px;border-color:#ccc;border-collapse: collapse;}
.textcontent .diytable table th {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.textcontent .diytable table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.textcontent .diytable table tbody td:hover { background:#eee;} 
#tablecolor tbody td:hover { background:#fff;} 
.oddrowcolor{background-color:#f8f8f8;}
.evenrowcolor{background-color:#eee;}
.contactmessage table th,.contactmessage table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#efefef;}
.planbtn{ float:left; margin:0 auto; text-align:center; display:block;}
.btn_paln{ width:188px; height:51px; margin:0 auto; background:url(../images/btn_plan.png) no-repeat center center; *background:url(../images/btn_plan.gif) no-repeat center center; text-indent:-9999em; display:block;}
.btn_paln:hover{ background:url(../images/btn_plan_hover.png) no-repeat center center; *background:url(../images/btn_plan_hover.gif) no-repeat center center;}

/*about*/
.about_imgs{ width:900px; overflow:hidden;}
.about_imgs .about_imgs_content{ width:100%;}
.about_imgs_content ul li{ float:left; width:300px; height:260px; margin-right:20px; margin-bottom:10px;}
.about_imgs_content ul li img{width:300px; height:230px;}
.about_imgs_content ul li p{ color:#333; font-size:14px; line-height:25px; text-align:center;}

/* relative article */
.related{ overflow:hidden;}
.related h2{ margin:15px 0; padding:4px 0 5px; font-size:14px; border-bottom:1px solid #ddd; color:#C00;}
.list_text{float:left; width:700px;min-height:250px; font-size:14px; padding:15px 10px; margin-top:5px; overflow:hidden;display:inline;}
.postlist{ padding:0 5px; overflow:hidden;}
.postlist li{ margin-bottom:5px; padding:0 0 9px 12px; height:20px; border-bottom:1px solid #EEE; background:url(../images/icon.gif) no-repeat 0 9px; overflow:hidden;}
.postlist li a,.postlist li a:visited{ float:left; width:560px; color:#000; font-size:13px;}
.postlist li a:hover{color:#C00;}
.postlist li span{ float:right; width:78px; text-align:right; color:#666;}
.postlist li.nbd{ margin:0; border:none;}
ul.inner_content_text_page{width:100%;float:left;overflow:hidden;margin-top:10px;padding-top:5px;border-top:1px solid #CCC;}
ul.inner_content_text_page li{width:100%;font-size:13px;height:25px;line-height:25px;float:left;overflow:hidden;}

/* sidebar */
.page_sidebar {float:left; width:220px; margin-top:20px; margin-bottom:30px; margin-left:12px; _margin-left:6px; padding-left:0px; overflow:hidden;}
.page_sidebar h3.title { width:220px; height:32px;color:#fff;font-size:18px;font-weight:normal;vertical-align:middle;line-height:32px; background-color:#1986c7; margin:0px; margin-bottom:5px; padding-top:20px; padding-bottom:20px; overflow:hidden; display:block; clear:both;}
.page_sidebar h3 a{color:#fff; *color:#fff!important;padding-left:30px;*padding-left:30px;margin:0px; *margin-left:-10px!important;display:block;}
.page_sidebar h3 a:visited {color:#fff;}
.page_sidebar h3.cur a{color:#eee;margin:0px;*color:#eee!important;}
.page_sidebar h3.cur a:visited {color:#fff;}
.page_sidebar h3.cur>a:hover,.page_sidebar h3 a:hover{color:#eee;}
.page_sidebar .menu{ margin-bottom:10px;}
.page_sidebar .menu li { width:100%; line-height:38px; position:relative; overflow:hidden;}
.page_sidebar .menu li a {color:#000; font-size:14px;line-height:38px;vertical-align:middle;padding-left:30px;margin:2px 0px;background-color:#eee;display:block;}
.page_sidebar .menu>li>a {padding-left:30px;}
.page_sidebar .menu li.cur a,.page_sidebar .menu li a:hover{background-color:#e74000;color:#fff;}
.page_sidebar .menu li ul li { width:100%; height:25px; padding-left:15px; position:relative; overflow:hidden;}
.page_sidebar .menu li ul li a {color:#666!important; font-size:13px;line-height:25px;vertical-align:middle;padding-left:30px;margin:2px 0px; background:url(../images/icon.gif) no-repeat 20px 12px!important; _background:url(../images/icon.gif) no-repeat 20px 10px!important; display:block;}
.page_sidebar .menu li ul li.cur a,.page_sidebar .menu li ul li a:hover{color:#C00!important; background:url(../images/icon.gif) no-repeat 20px -334px!important;_background:url(../images/icon.gif) no-repeat 20px -336px!important;}
.btn_search{float:left;width:215px;height:33px; margin-top:10px; margin-right:5px; _margin-right:0px; padding: 0; text-align:right; display:inline-block; outline:none; overflow:hidden; clear:both;}
.searchinput{width: 176px;height:15px; color:#333; font-size:14px; line-height:15px; border-left-width: 0px;border-right-width: 0px;	border-top-width: 0px;border-bottom-width: 0px;vertical-align: middle;padding:9px 13px 9px 32px;background:url(../images/search-bg.png) 0px -3px no-repeat; _background:url(../images/search-bg.gif) 0px -3px no-repeat; outline:none!important;}
.searchinput:focus {background:url(../images/search-bg.png) 0px -43px no-repeat; _background:url(../images/search-bg.gif) 0px -43px no-repeat; outline:none!important;}
.side_contact{color:#333; border-top:1px solid #eee; padding-top:20px; margin-top:20px; clear:both;}
.side_contact h3{ font-size:18px; line-height:30px; font-weight:normal; padding:10px 30px; background-color:#eee;}
.side_contact .contact_info{ font-size:13px; line-height:25px; margin-top:10px;}

/*product detail*/
.prodcut_detail{float:left; width:900px;min-height:250px; font-size:14px; padding:20px 10px 15px 10px; overflow:hidden;}
.goods-info{ width:900px; position:relative; display:block; overflow:hidden;}
.goods-left { float: left; width:400px; height:420px; overflow:hidden;}
.goods-spce-ul h3{ font-weight:normal; padding:5px 0;}
.goods-left .jqzoom {position:relative;  width:400px; height:400px;z-index:1; text-align:center; overflow:hidden;}
.goods-left .jqzoom img{width:400px; height:auto;}
.zoomdiv{z-index:100;position:absolute; top:0px!important;left:401px!important;width:497px!important;height:398px!important;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:700px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);_background:none;cursor:move;}
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.goods-right { float: right; width: 480px; text-shadow:0px;}
.goods-intro { width: 480px; margin-top: 10px; margin-bottom:15px; padding-top: 10px; overflow:hidden;}
.goods-intro h3{ color:#C00; font-size:24px; line-height:45px; font-weight:normal; margin-bottom:10px;}
.goods-intro .keyfeature{width: 480px; height:258px; overflow:hidden;}
.goods-intro .keyfeature p span{ font-weight:bold;}
.goods-intro p{ font-size:13px; line-height:22px; margin-top:0px; margin-bottom:5px; padding-left:0px!important;}
.goods-intro p.desname{ color:#333; font-size:15px; line-height:25px; text-indent:0em; }
.goods-intro p.description{ height:180px; overflow:hidden;}
#spec-list{ width:415px; float:left; overflow:hidden; display:inline; }
#spec-list ul li{ float:left; display:inline; width:60px; margin-right:0px; padding-left:0px; background:none!important; list-style:none!important;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; width:45px; height:45px;}
.products_detail{ margin-top:20px; clear:both;}
.pro_tab { width:100%; clear:both;}
.pro_tab ul {height: 32px; padding-bottom: 15px; background: url("../images/tabs_bg.jpg") no-repeat scroll left 30px transparent; clear:both;}
.pro_tab ul li {float:left;height:32px;margin-right:4px;position:relative;background:none;}
.pro_tab ul a { cursor:pointer;color:#000;display:inline-block;height:32px;font-size:16px;font-weight: normal;line-height:20px;text-decoration:none;padding-left:22px;background: url("../images/tab_sprite.png") no-repeat left -111px;}
.pro_tab ul a span {display:inline-block;height:31px;padding:5px 20px 0 0;background: url("../images/tab_sprite.png") no-repeat right -223px;}
.pro_tab ul li a:hover{color: #fff; text-shadow: none; background: url("../images/tab_sprite.png") no-repeat left -36px;text-shadow:#000 0 1px 0;}
.pro_tab ul li a:hover span{background: url("../images/tab_sprite.png") no-repeat right -148px;}
.pro_tab ul li.home a{color: #fff; background: url("../images/tab_sprite.png") no-repeat left -74px;}
.pro_tab ul li.home a span{background: url("../images/tab_sprite.png") no-repeat right -186px;}
.c1{display:none;margin:0px;}
.c2{display:block;margin:0px;}
.c3{display:block;margin:0px;}
.product_content{ padding:0px; clear:both;}
.product_content p{ margin-bottom:5px;}
.product_content table { margin-left:4px;color:#000333;border-width: 1px;border-color:#ccc;border-collapse: collapse;}
.product_content table th {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.product_content table td {border-width: 1px;padding: 3px 8px;border-style: solid;border-color:#ccc;}
.product_content table tbody td:hover { background:#eee;} 
#tablecolor tbody td:hover { background:#fff;} 
.oddrowcolor{background-color:#f8f8f8;}
.evenrowcolor{background-color:#eee;}
.product_content img{ max-width:700px;}
.product_content ul{ margin-bottom:5px;}
.product_content li{ color:#333; font-weight:normal; padding-left:10px; background:url(../images/icon.gif) no-repeat 0px 10px; line-height:25px;}
.product_content li:hover{ color:#222; background:url(../images/icon.gif) no-repeat 0px -335px;}

/*accordion*/
.st-accordion{}
.st-accordion .panel-heading .sign{position: absolute;right: 0px;top: 2px; width:24px; height:24px; padding: 0 2px; background-image:url(../images/icon_plus.gif); background-position:center center; background-repeat:no-repeat; display:inline-block;}
.st-accordion .panel-heading .sign:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.st-accordion .panel-heading.active .sign{color:#95cd40; background-image:url(../images/icon_less.gif);}
.st-accordion .panel-title{margin-top: 0;margin-bottom: 0;font-size: 18px;color: inherit; font-weight:normal;position: relative;}
.st-accordion .panel{margin-bottom: 20px;background-color: #f7f8f3;border: 1px solid transparent;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;}
.st-accordion .panel-default{border-color: transparent;}
.st-accordion .panel-group .panel{margin-bottom: 30px;border-radius: 0px;}
.st-accordion .panel-default>.panel-heading{color: #323734;background-color: #f7f8f3;border-color: transparent;}
.st-accordion .panel-heading{padding: 15px 30px;border-bottom: 1px solid transparent;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, . .st-accordion .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 0px solid transparent;}
.st-accordion .panel-body{padding: 0px 30px 15px;}
.st-accordion .panel-body p:first-child{border-top: 1px solid #eee;padding-top: 15px;}
.st-accordion .panel-body p:last-child{margin-bottom:0px;}
.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 0px solid transparent;}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}

/*search*/
.list_p{padding:20px 0 0 0px}
.list_p li{width:685px;border-bottom:1px dotted #cecece;padding:10px 0 15px;position:relative;clear:both;overflow:hidden}
.list_p img{width:120px;height:160px;float:left;margin:5px 10px 0 0}
.list_p .p3{position:absolute;top:15px;left:0;width:120px;height:160px;display:block;cursor:pointer}
.list_p a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;}
.list_p h3{line-height:30px;color:#000;cursor:pointer;font-size:16px;font-weight:300}
.list_p a:hover h3{color:#333;}
.list_p a:hover{text-decoration:none}
.list_p h3 span{font-size:12px;color:#999;margin-left:10px;font-weight:300}
.list_p p{line-height:20px;margin-top:5px; color:#666;}
.list_p a.more{color:#666;display:block;width:42px;padding-left:5px;height:16px; font-size:12px; line-height:16px; overflow:hidden; position:absolute; top:150px; right:5px;}
.list_p a.more:hover{text-decoration:none; color: #333;}