/* Rest CSS */
html { background: #fff; overflow-y: scroll; -webkit-text-size-adjust: none; }
input, button, textarea, optgroup { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 auto; line-height: 15px; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
.cc { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.fr, #right { float: right; }
.fl, #left { float: left; }
.keep { word-break: keep-all; word-spacing: normal; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
a.noul { text-decoration: none; }
a.active { background: #0C5896; color: #fff; }
a.active:hover { color: #0C5896; background: none; }
#Page960 { width: 975px; margin: 0 auto; height: auto; overflow: hidden; }
* { margin: 0px; padding: 0px; }

/*Header*/
#header { }
.top { height: 115px; overflow: hidden; width: 960px; margin: 0 auto; }
.logo { margin: 0; padding: 18px 0 0 8px; }
.topr { width: 412px; overflow: hidden; text-align: right; }
.contact_search { width: 412px; padding-top: 12px; }
.top_contact { padding-top: 8px; }
.top_contact a { display: block; float: left; width: 16px; height: 16px; overflow: hidden; padding-right: 2px; }
.top_phone { margin: 0; padding: 16px 0 0; color: #d80308; font-size: 20px; }
.top_phone img { vertical-align: top; display: inline-block; }

/*Search*/
.txt_search { width: 247px; height: 28px; border: 1px solid #d4d4d6; border-right: none; padding: 0 5px 0 10px; color: #969696; font: 12px/28px Arial, Helvetica, sans-serif; outline: 0; }
.search_btn { width: 33px; height: 30px; background: url(../images/btn_search.gif) no-repeat 0 0; border: none; cursor: pointer; outline: 0; }

.top_nav { margin: 0; padding: 12px 0 0; font: 12px/15px Arial, Helvetica, sans-serif; color: #000; }
.top_nav span { padding: 0 8px; }
#mail { padding: 0; color: #025e9f; }
.top_nav a:hover, .top_nav a:hover #mail { color: #cb050b; text-decoration: underline; }

/*Nav*/
.nav { height: 53px; width: 976px; margin: 0 auto; background: url(../images/nav_bg.gif) repeat-x 0 0; }
.nav_list { width: 944px; background: url(../images/navl.gif) no-repeat 0 0; height: 53px; margin: 0; padding: 0 0 0 16px; float: left; }
.nav_r { display: block; float: right; width: 16px; height: 53px; background: url(../images/navr.gif) no-repeat right bottom; }
.nav_list li { list-style: none; float: left; height: 40px; background: url(../images/nav_icon.gif) no-repeat right top; font: bold 12px/40px Arial, Helvetica, sans-serif; padding-right: 7px; *+ padding-right:4px; }
.nav_list li:last-child{ background: none; padding-right: 0; }
.nav_list li a { color: #fff; padding: 0 16px; display: block; float: left; }

.navlist_position { position: relative; z-index: 9999999; }
.navlist_big { }
.navlist { position: absolute; left: 0px; top: 40px; z-index: 9999999; background: #fff; width: 150px; }
.nav ul li .navlist ul { margin: 0; padding: 0; }
.nav ul li .navlist ul li { padding: 0; margin: 0; background: #c5c5c5; height: 30px; border-bottom: 1px solid #aaaaaa; overflow: hidden; font: normal 12px/30px Arial, Helvetica, sans-serif; }
.nav ul li .navlist ul li a { color: #000; display: block; padding-left: 5px; float: left; height: 30px; width: 130px; margin: 0; background: #c5c5c5; overflow: hidden; }
.nav ul li .navlist ul li a:hover { background: #f2f2f2; }
.nav ul li .navlist ul li { height: 30px; overflow: hidden; font: normal 12px/30px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.nav ul li .navlist ul li a { height: 30px; overflow: hidden; }
#current_navlist { background: #c5c5c5 url(../images/icon01.gif) no-repeat 130px 12px; }
#current_navlist:hover { background: #f2f2f2 url(../images/icon01.gif) no-repeat 130px 12px; }
.navlist01 { position: absolute; left: 150px; top: 0; }

/*Banner*/
#banner { position: relative; margin: 0 auto; width: 952px; height: 376px; padding: 0 12px 4px; background: url(../images/banner_bg.jpg) no-repeat 0 0; }
#banner .slides { position: relative; width: 952px; height: 376px; overflow: hidden; }
#banner .slides .slides-list { margin: 0 auto; }
#banner .slides .slides-list .slides-item img { width: 100%; min-height: 376px; }
#banner .slides .slidesjs-previous { position: absolute; top: 50%; left: 3%; z-index: 88; display: none; margin-top: -24px; width: 47px; height: 48px; background: url(../images/banner-prev.png) no-repeat center; text-indent: -9999px; cursor: pointer; }
#banner .slides .slidesjs-next { position: absolute; top: 50%; right: 3%; z-index: 88; display: none; margin-top: -24px; width: 47px; height: 48px; background: url(../images/banner-next.png) no-repeat center; text-indent: -9999px; cursor: pointer; }
#banner .slides .slidesjs-previous:hover { background: url(../images/banner-prev-h.png) no-repeat center; }
#banner .slides .slidesjs-next:hover { background: url(../images/banner-next-h.png) no-repeat center; }
#banner .slides .slidesjs-pagination { display: none; }

/*Three Area*/
#three_area { width: 960px; padding: 0 8px; margin: 0 auto; }
.main_bg { background: url(../images/main_bg.gif) no-repeat 0 0; }
.area_list { width: 302px; overflow: hidden; padding-left: 8px; float: left; padding-right: 12px; text-align:center;}
.area_list_pic { width: 302px; height: 280px; overflow: hidden;line-height:280px;}
.area_list_tags { font: bold 13px/15px Arial, Helvetica, sans-serif; height: 15px; padding: 10px 0 8px 10px; margin: 0; }
.area_list_tags a { color: #000; }
.area_list_tags a:hover { color: #d7040a; text-decoration: underline; }
.area_list_con { padding: 0 0 10px 10px; margin: 0; font: 11px/12px Arial, Helvetica, sans-serif; color: #787878;text-align:center; }
#last { padding-right: 0; }

/*Hot Products*/
#hot_pro { width: 960px; margin: 10px auto 0; padding: 0 8px; }
#rec_pro { width: 960px; margin: 10px auto 0; padding: 0 8px; }
.hotpro_title { height: 35px; background: url(../images/title_bg.gif) no-repeat 0 0; font: bold 14px/35px Arial, Helvetica, sans-serif; color: #fff; padding-left: 16px; text-transform: uppercase; }
.more { font: 12px/35px Arial, Helvetica, sans-serif; color: #035f9e; padding-right: 10px; text-transform: none; }
.more:hover { color: #f60; }
.hot_prolist { padding:20px 0 0 3px;}

.hot_prolist_nav{ margin: 0; width: 957px;}
.hot_prolist_nav li { list-style: none; width: 162px; display:inline-block;  margin-right:33.5px;  }
.hot_prolist_nav li.last{ margin-right: 0; }

.hot_prolist_on_nav { padding-bottom: 20px; }
.hot_pro_pic { width: 160px; height: 160px; border: 1px solid #e5e6e8; }
.hot_pro_name { height: 60px; font-size: 12px; padding: 5px 0; margin: 0; text-align: center; overflow: hidden; }
.hot_pro_name a { color: #333; }
.hot_pro_name a:hover { color: #d7040a; text-decoration: underline; }

/*Friendly links*/
#friendlinks { height: 53px; background: url(../images/nav_bg.gif) repeat-x 0 0; width: 976px; margin: 0 auto; overflow: hidden; }
.friendlinks { background: url(../images/navl.gif) no-repeat 0 0; float: left; height: 53px; margin: 0; padding: 10px 0 0 16px; width: 944px; font: 12px/19px Arial, Helvetica, sans-serif; color: #fff; text-align: center; overflow: hidden; }
.friendlinks a { color: #fff; }
.friendlinks a:hover { text-decoration:underline;}
.friendlinks span { padding: 0 10px; }

/*Footer*/
.footer { width: 960px; margin: 0 auto; padding-bottom: 8px; color: #333; }
.footer_l { width: 686px; padding-left: 8px; overflow: hidden; }
.footer a { color: #333; }
.footer a:hover { color: #d7040a; text-decoration: underline; }
.footer_nav { font: 12px/18px Arial, Helvetica, sans-serif; color: #333; }
.footer_nav span { padding: 0 12px; }
.copy { padding: 5px 0; line-height: 15px; }
.footer_quick a { text-transform: lowercase; padding-right: 2px; }

/*Online*/
.online { width: 120px; overflow: hidden; background: url(../images/online_top.jpg) no-repeat 0 0; position: fixed; top: 258px; right: 38px; }
.online_top { height: 150px; overflow: hidden; }
.close { width: 13px; height: 12px; padding-left: 98px; padding-top: 10px; display: block; cursor: pointer; }
.onlinelist { background: url(../images/online_bg.jpg) no-repeat 0 0; height: 138px; overflow: hidden; }
.onlinelist ul { margin: 0; padding: 8px 12px 12px; }
.onlinelist ul li { list-style: none; margin-bottom: 4px; }
.onlinelist ul li a { width: 95px; height: 27px; background: #e8e8e8; display: block; overflow: hidden; }
.online_pic { width: 40px; text-align: center; display: block; float: left; }
.online_link { font: bold 12px/27px Arial, Helvetica, sans-serif; color: #02afda; }
#online_qq { padding-left: 5px; }

/*Main*/
#main { width: 960px; margin: 10px auto; }

/*Location*/
.location { height: 35px; background: url(../images/title_bg.gif) no-repeat 0 0; font: bold 14px/35px Arial, Helvetica, sans-serif; color: #fff; padding-left: 16px; text-transform: uppercase; }
.location_nav { font: 12px/35px Arial, Helvetica, sans-serif; padding-right: 10px; text-transform: none; color: #555; }
.location_nav a { color: #555; padding: 0 5px; }
.location_nav a:hover { color: #f60; }
.location_nav span { padding: 0 5px; color: #035f9e; }

/*ABOUT US WEB*/
.aboutus { font-size: 12px; color: #555; line-height: 24px; padding-bottom: 20px; }
.aboutus p { padding: 10px 5px 0; text-indent: 18px; margin: 0; }

/*CONTACT US WEB*/
.contactus { margin-top: 20px; }
.contactus_con { width: 455px; color: #555; padding:15px 0px;}
.contactus_con i { font-style:normal;line-height:15px;text-indent:10px;display:block;}
.contactus_con p{display:block;line-height:24px; }
.contactus_con .yellow span{ background-color:#ff9900;display:inline-block;margin:30px 0px;line-height:18px}
.contactus_con ul { font: 12px/25px Arial, Helvetica, sans-serif; padding: 10px 0 10px 15px; color: #626262; margin: 0; }
.contactus_con ul li { list-style: none; }
.contactus_item a { color: #787878; padding-right: 8px; text-decoration: underline; font-size: 12px; }
.contactus_item a:hover { color: #F11200; padding-bottom: 10px; }
.contactus_con ul li { clear: left; line-height: 25px; }
.message { font: 12px/24px Arial, Helvetica, sans-serif; color: #555; width: 470px; overflow: hidden; margin-left:10px;}
.message ul { margin: 0; padding: 10px 0 0; }
.message ul li label { margin: 8px 0; }
.message ul li { margin-bottom: 2px; list-style: none; }
.message ul li .refresh { line-height: 30px; padding-left: 5px; color: #4a59cc; text-decoration: underline; font-family: Verdana,Geneva,sans-serif; }
.message ul li .refresh:hover { font-weight:900;}
.message ul li .code_img_style { display:inline-block;vertical-align:middle;margin-bottom:2px;}
.txt_282 {outline:0; width: 300px; height: 24px; border: 1px solid salmon; display: block; line-height: 24px; padding: 0 5px; margin-top: 2px; color: #555; background: #fdf7f9; }
.enquiry_txt {outline:0; width: 450px; height: 160px; border: 1px solid salmon; font-weight: lighter; display: block; margin-top: 5px; color: #555; background: #fdf7f9; }
.btn_submit { width: 100px; height: 30px; display: block; cursor: pointer; background: url(../images/btn_submit.gif) no-repeat 0 0; border: 0; }
.btn_submit:hover { background: url(../images/btn_submit_hover.gif) no-repeat 0 0; }
.btn_reset { width: 100px; height: 30px; display: block; cursor: pointer; background: url(../images/btn_reset_hover.gif) no-repeat 0 0; border: 0; margin-left: 36px; }
.btn_reset:hover { background: url(../images/btn_reset.gif) no-repeat 0 0; }
.btn_contactus { padding-top: 15px; }
.contact_mt { padding-top: 10px; }
.enquiry { margin-top: 22px; }
.contactus_company01 { font: bold 13px/20px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 15px 5px 15px; color: #555; }
.contactus_item { margin: 0; padding: 5px 15px; }
.contactus_item a { color: #e60610; }

/*NEWS WEB*/
.news_nav { margin: 0; padding: 10px 10px 0; }
.news_nav li { background: url(../images/xx01.gif) repeat-x 0 bottom; padding: 10px 0 15px 5px; font-size: 12px; line-height: 18px; list-style: none; margin: 0; }
.news_nav li a { height: 18px; overflow: hidden; background: url(../images/icon01.gif) no-repeat 0 8px; padding-left: 15px; display: block; color: #58595D; }
.time { color: #9b9b9b; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; }
.news_nav li a:hover, .news_list_page a:hover { text-decoration: underline; color: #F60; }
   

/*NEWSLIST WEB*/
.news_area { font-size: 12px; color: #58595D; line-height: 20px; padding: 10px 0px 0px; }
.news_title { text-align: center; font: bold 15px/30px Verdana, Geneva, sans-serif; color: #555; padding-bottom: 10px; background: url(../images/xx.gif) repeat-x left bottom; margin: 0; }
.newslist_area { height: 33px; background: url(../images/xx.gif) repeat-x left bottom; font: 12px/33px Arial, Helvetica, sans-serif; text-align: center; }
.news_area p { padding: 10px 5px 0; margin: 0; }
.news_list_page { height: 49px; background: #f3f6f8; margin: 10px 0 0; padding: 0 5px; line-height: 24px; }
.news_pre { display: block; overflow: hidden; border-bottom: 1px solid #e2e8ec; width: 950px; }
.news_pre a { padding-left: 10px; font-size: 12px; color: #9C9384; text-decoration: underline; }
.news_next { display: block; overflow: hidden; text-align: right; width: 950px; border-top: 1px solid #fff; }
.news_next a { padding-right: 10px; font-size: 12px; color: #9C9384; text-decoration: underline; }
.news_pre a:hover, .news_next a:hover { color: #e60610; }
#case_footer {background: #f3f6f8;border-top: 1px solid #e2e8ec; padding: 10px 0;margin-bottom:-10px;font-family:'Microsoft YaHei'}
#case_footer .showother {height: 20px;line-height: 20px; position: relative;}
#case_footer .showother a {display: block;height: 20px;line-height: 20px;position: absolute;top: 0;color: #666;}
#case_footer .showother .previous {left: 0;}
#case_footer .showother .next {right: 0;}
#case_footer .showother a span {display: block;width: 20px;height: 20px;overflow: hidden;position: relative;}
#case_footer .showother .previous span {float: left;}
#case_footer .showother a span img {position: absolute;}
#case_footer .showother .backlist {left: 50%;margin-left: -20px;width: 20px;text-indent: -9999px;overflow: hidden;background: url(../images/sprite_arrows.png) 0 -40px no-repeat;}
#case_footer .showother .backlist:hover {background-position: -20px -40px;}
#case_footer .showother a:hover {text-decoration: none;color: #e60610;}


/*SITE MAP WEB*/
.sitemap { padding: 0 0 10px; }
.sitemap_area { height: auto; overflow: hidden; padding: 15px 0 0 5px; }
.sitemap_area a { padding-left: 20px; width: 160px; height: 24px; display: block; margin-bottom: 8px; float: left; font: 14px/24px Arial, Helvetica, sans-serif; background: url(../images/icon02.gif) no-repeat 5px center; color: #626262; margin-right: 10px; }
.sitemap_area a:hover { background: #f2f2f2 url(../images/icon02.gif) no-repeat 5px center; color: #e60610; }
.sitemap_hot_tags a:hover { background: #f2f2f2; color: #e60610; }
.height_space { margin-top: 25px; }
.sitemap_hot_tags a { color: #555555; display: block; float: left; padding: 0 13px 0 14px; text-transform: uppercase; }
.sitemap_hot_tags { height: 20px; padding: 5px 0 5px 5px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; color: #6e6e6e; font: 12px/20px Arial, Helvetica, sans-serif; margin: 0 10px; }
.hot_tags_content { width: 182px; font: 12px Arial, Helvetica, sans-serif; color: #787878; float: left; line-height: 30px; overflow: hidden; display: block; }
.hot_tags_content:hover { color: #e60610; text-decoration: underline; }
.sitemap .hottag { margin:20px 0px;}


/*PRODCUTS DETAIL WEB*/
.product_pic_area { width: 426px; padding-bottom: 8px; padding-left: 10px; text-align: center; }
.productslist { padding: 30px 0px; height: 100%; overflow: hidden; }
.productslist_img { width: 420px; height: 300px; border: 1px solid #e1e1e1; text-align: center; }
.productslist_img img { width: 300px; height: 300px; }
.detaitl_pro_img ul { margin: 0; padding: 0; width: 426px; }
.detaitl_pro_img ul li { float: left; margin-top: 8px; list-style: none; padding: 0; margin-right: 4px; }
.detaitl_pro_img ul li.last { margin-right: 0; }
.detaitl_pro_img ul li a { width: 65px; height: 65px; border: 1px solid #e1e1e1; display: block; }
.detaitl_pro_img ul li a:hover { border: 1px solid #ef8316; }
.pro_contact { padding-top: 15px; display: block; height: 25px; padding-left: 5px; }

.prodcutslist_con h1 { margin: 0; padding: 0; }
.prodcutslist_con { height: auto; overflow: hidden; width: 450px; float: right; margin-left: 10px; }
.prolist_name01 { color: #787878; font: bold 14px/24px Arial, Helvetica, sans-serif; padding-bottom: 10px; }
.prodcutslist_con p { font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #787878; line-height: 24px; margin: 0 25px 0 0; padding: 0; }
.prodcutslist_con ul { padding: 0; display: block; margin: 0; }
.prodcutslist_con ul li { font: 12px/28px Arial, Helvetica, sans-serif; _ *width:315px; color: #969696; clear: left; list-style: none; padding: 0; }
.prodcutslist_con ul li label { width: 140px; display: block; float: left; color: #787878; }
.prodcutslist_con ul li span { width: 175px; display: block; float: left; }
.prodcutslist_con ul li a { color: #695E4A; text-decoration: underline; }
.prodcutslist_con ul li a:hover { color: #f60; text-decoration: underline; }
.share { height: 32px; width: 228px; }
.m_bottom { margin-bottom: 7px; }
.pro_detail_content { margin: 10px 0 0; background: url(../images/xx04.gif) no-repeat 0 0; height: auto; overflow: hidden; padding-bottom: 10px; }
.pro_info { color: #565656; font: 12px/24px Arial, Helvetica, sans-serif; padding: 10px 0 0 5px; margin: 0; }

.Related_Pro { padding: 0; margin-top: 10px; }
.productsname { color: #565656; height: 30px; line-height: 15px; overflow: hidden; padding-top: 5px; display: block; }
.productsname:hover { color: #fe9b1a; text-decoration: underline; }
.same_title001 { font: bold 12px/25px Arial, Helvetica, sans-serif; color: #555; height: 25px; background: #eeeeee; padding-left: 5px; margin: 0; }

.related_tags { font: 12px/22px Arial, Helvetica, sans-serif; color: #555; background: url(../images/xx.gif) repeat-x 0 0; padding-top: 5px; padding-left: 5px; }
.related_tags span { font-weight: bold; color: #00264b; }
.related_tags a { color: #555; padding-left: 5px; }
.related_tags a:hover { color: #018cc3; text-decoration: underline; }

/*Scroll css*/
.infiniteCarousel .prev { height: 62px; width: 18px; background: url(../images/button.gif) no-repeat 0px 0; overflow: hidden; float: left; display: inline; cursor: pointer; position: absolute; left: 0px; top: 10px; z-index: 9999999; }
.infiniteCarousel .next { height: 62px; width: 18px; background: url(../images/button.gif) no-repeat -18px 0; overflow: hidden; float: left; display: inline; cursor: pointer; position: absolute; right: 0px; top: 10px; z-index: 9999999; }
.infiniteCarousel { width: 960px; position: relative; padding-top: 10px; height: 120px; }
.infiniteCarousel .wrapper { width: 910px; margin: 10px 25px; position: absolute; height: 120px; overflow: hidden; }
.infiniteCarousel .wrapper .list { margin: 0; padding: 0 0 0 10px; width: 9999px; }
.infiniteCarousel .wrapper .list li { width: 130px; height: 120px; float: left; text-align: center; list-style: none; }
.infiniteCarousel .wrapper .list li img { border: 1px solid #ccc; display: block; margin: 0 auto; width: 85px; height: 85px; overflow: hidden; }
.infiniteCarousel .wrapper .list li img:hover { border: 1px solid #F90; }
.cxscroll .box{overflow:hidden;width:910px;}