﻿@charset "utf-8";
body { color:#666; font-size:14px; font-family:"微软雅黑", "Arial";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.h_top p{ word-spacing:-1.5px;}
.vam { vertical-align:middle;}
.clear{clear: both; font-size: 0; height: 0;line-height: 0;overflow: hidden;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{ zoom:1;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}
.font14 { font-size:14px; font-weight:bold;}

h1,h2,h3,h4,h5,h6,p { display:block;}
a { color:#404040;}
a:hover {color: #f38800;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}h2 { font-size:26px;}h3 { font-size:20px;}h4 { font-size:14px;}h5 { font-size:12px;}h6 { font-size:10px;}

.pop .bottom{background:#fff; padding:0; margin:0;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:960px; margin:10px auto; }
/*验证码*/
#imgCmtVerCode{ vertical-align:middle;}


/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
/*表单提示*/
#form .ok{ background:url(../images/ico28.gif) no-repeat; width:18px;height:16px;display:block; float:right; margin-right:10px;}
#form .err{ background:url(../images/ico29.gif) no-repeat; width:18px;height:16px;display:block; float:right;margin-right:10px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*在线客服*/
#divOranIm{position:absolute;right:0px;z-index:10;display:block;}
#bodd{width:150px;}
#kefubtn{text-align:right;cursor:pointer;}
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;width:150px;}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(../images/im_01.gif)}
.ImRow1,.ImRow0{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;line-height:28px;height:28px;padding-left:5px; overflow:hidden; }
a.im,a:hover.im{text-decoration:none;height:28px;color:#fff; font-size:13px;}
.ImFooter{height:90px;background:url(../images/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:18px;font-weight:bold;  color:#ff993b;text-align:center;margin:10px 0;}
/*置顶*/
#roll_top{position: relative;cursor: pointer;height: 72px;width: 26px;background: url(../images/top.gif) no-repeat; z-index:99999;}
#roll{display: block;width: 15px;margin-right: -522px;position: fixed;right: 50%;bottom: 20px;position: absolute;margin-top: expression(eval(document.documentElement.clientHeight-92));top: expression(eval(document.documentElement.scrollTop));}
/*暂无数据*/
#nodata { background: url("../images/nodata.gif") no-repeat 20px 20px transparent;border: 1px solid #EEEEEE;margin: 10px 0;padding: 80px 80px 80px 150px;}

.b15 { cursor:pointer;border:none; background: url(../images/SkinsVIBtn.jpg) no-repeat -79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/* -- 页面整体布局 -- */
.contenter{ width:100%; float:left;}
.content{ width:1000px; margin:0 auto;}
.left { width:201px; float:left; overflow:hidden;margin-bottom:10px;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:784px; float:left; overflow:hidden; color:#666; margin-bottom:10px;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right { width:784px; float:left; display:inline; margin-left:15px; overflow:hidden; margin-bottom:10px;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666; margin-bottom:10px;}
.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:782px;background-color:#fff; min-height:458px; border:solid 1px #d5d5d5; border-top:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px;background-color:#fff; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:782px; background-color:#fff; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}

.right4 { width:784px; float:right; display:inline; overflow:hidden; margin-bottom:10px;}
.right44 { width:784px; float:right; display:inline; overflow:hidden; margin-bottom:10px;}

#commonHeaderUser a{ padding:0;}
#commonHeaderUser{ padding-right:10px;}
#commonHeaderUser a{ padding:0 2px;margin-left:0;}
#commonHeaderUser .h_logout{ padding-left:5px;}

.h_nav li a:-webkit-any-link{ display:block;}
body{background:#fff}
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*头部结束*/

.main1 { width:1000px; margin:0 auto; clear:both; }
.p_r12 { padding-right:12px;}
.f_l { float:left; display:inline; overflow: hidden;}
.f_r { float:right;}
.p_r { position:relative;}




/* 优势 */
.advantage_bg { width:100%; min-width:1000px; max-width:1920px; height:2690px; background:url(../images/ys_bg.png) center top no-repeat;}
.advantage { text-align:center; padding-top:76px; height:2500px;}
.advantage .common_ul { position:absolute;}
.advantage .common_ul li { display:block; position:relative; font-size:14px; text-align:left; padding-left:30px;}
.advantage .common_ul li i { position:absolute; width:16px; height:16px; left:0px; top:4px; background:url(../images/icon_arrow.png) no-repeat;}
.advantage .common_ul li b { color:#ff7f01;}
.advantage .common_ul li strong { color:#20aeff;}
.advantage .common_ul li span { color:#4ead2f; font-weight:bold;}
.advantage .a_01 { width:458px; left:28px; top:304px;}
.advantage .a_01 li { padding-bottom:30px;}
.advantage .a_02 { width:396px; right:54px; top:804px;}
.advantage .a_03 { width:396px; left:28px; top:1216px;}
.advantage .a_04 { width:396px; right:54px; top:1632px;}
.advantage .a_05 { width:396px; left:44px; top:2030px;}
.advantage .a_06 { width:396px; right:54px; top:2376px;}

.marquee{height:22px;overflow:hidden;line-height:22px}



.picMarquee-top{ margin:0 auto;  width:400px; overflow:hidden;  }
.picMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-top .bd{ padding:10px;   }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ text-align:center; zoom:1; margin-bottom:20px;}
.picMarquee-top .bd ul li .pic{ text-align:center; }
.picMarquee-top .bd ul li .pic img{ width:161px; height:64px; display:inline-block; margin-left:20px; }
.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-top .bd ul li .title{ line-height:24px;   }




.main1 { width:1000px; margin:0 auto; clear:both; overflow:hidden;}

.m_t10 { margin-bottom:10px;}
.p_r12 { padding-right:12px;}
.f_l { float:left; display:inline; overflow: hidden;}
.f_r { float:right;}
.p_r { position:relative;}



/* 头部 */
.top { width:100%;min-width:1000px; height:45px; line-height:45px; overflow:hidden;}
.top span { float:left; font-size:12px;}
.top p { float:right; color:#5e5e5e;}
.top p a { margin:0 10px; font-size:12px;}
.top p a:hover { text-decoration:underline;}
.top>div { height:40px;}
.head_out { width:100%; min-width:1000px; height: 142px;  background:#404040;}
.head { padding:40px 0 0 0;}
.head .logo { position:relative; float:left; height:127px; z-index:999999; top: 0px;}

.head .logo span { display:none;}
.head .head_tit { float:left; width:282px; height:59px; margin: 3px 0 0 15px; background:url(../images/head_tit.jpg) no-repeat;}
.head .head_tel { float:right; width:150px; overflow:hidden; color:#f7ab00; margin-top: 6px;}
.head .head_tel b { font-size:16px;}
.head .head_tel span { color:#717171; margin-left:5px;}
.head .head_tel strong { display:block; font-family: "微软雅黑"; font-size:32px; margin-top:5px;}


/* 导航 */
.menu_out { position:relative; width:100%; min-width:1000px; height:58px; line-height:58px; background:url(/img/menu_bg.png); z-index:9998;}
.menu { overflow: hidden; height: 58px; line-height: 58px; }
.menu li { float:left; height: 58px; }
.menu li a { display: block; height: 58px; font-size: 16px; font-weight:bold; color: #222; width:125px; text-align:center;}
.menu li a:hover , .menu li .current {border-bottom: 2px solid #222; height:56px; line-height:56px; color:#010101; background:#f38800; }

/* 搜索栏 */
.search_out { width:100%; min-width:1000px; height:64px; line-height:64px; border-bottom:0px solid #dfdfdf;}
.index_search ul { float: left; width: 680px; overflow: hidden;}
.index_search ul li { float:left; font-size:12px; color:#636363; margin-right:10px;}
.index_search ul li a { margin-right:10px;}
.index_search ul li a:hover { text-decoration:underline;}
.index_search .sch { float:right; width:285px; height:29px; line-height:29px; padding:1px 0 1px 33px; margin-top: 16px; background:url(../images/bg_serch.png) no-repeat;}
.index_search .sch input { float:left; border:0 none; width:230px; height:29px;line-height: 29px;}
.index_search .sch a { float:right; width:55px; height:29px; color:#f7ab00; text-align:center;}

/*首页联系*/
.contact_ind{width:100%; bottom:41px;}
.contact_ind .titname{background:#FAC72F;}
.contact_ind .titname img{margin:0 auto; width:100%; display:block;}
.contact_ind .contact_con{padding:10px; color:#fff; font-size:14px; line-height:30px; background: #333;}
.contact_ind .gs_name{color:#FAC72F; font-size:16px; font-weight:bold; line-height:40px;}

.clear {clear:both}
/* footer */
.footer_out { width:100%; min-width:1000px;overflow: hidden; background:#282828;}
.footer { width:100%; color:#9d9d9d; margin:0 auto; padding-top:10px;}
.footer h5 { font-size:16px; color:#fff; margin-bottom:10px; font-weight:normal;}
.footer .friend_link { overflow:hidden; padding-bottom:30px; margin-bottom: 34px; border-bottom:1px solid #383838;}
.footer .friend_link li { float:left; margin-right:25px;}
.footer .friend_link li a { color:#9d9d9d;}
.footer .friend_link li a:hover { text-decoration:underline;color: #f38800;}
.footer .company_msg { float: left; width: 450px; overflow: hidden; margin-right: 60px;}
.footer .company_msg h6 { font-size: 26px; height: 48px; padding: 22px 0 37px 110px; margin-bottom: 15px; border-bottom: 1px dashed #4f4f4f; color: #fff; background: url(../images/footer_logo.jpg) 0px 0px no-repeat;}
.footer .company_msg h6 span { display: block; font-size: 12px; font-weight: normal;}
.footer .company_msg ul { padding-bottom: 35px; overflow: hidden;}
.footer .company_msg ul li { float: left; min-width: 178px; height: 30px; line-height: 30px;}
.footer .company_msg ul li span , .footer .company_msg ul li a { color: #fbd700;}
.footer .cut_l { float: left; width: 1px; height: 220px; margin-top: 20px; margin-right: 40px; background: #383838;}
.footer>p { float: left; width: 294px; font-size: 16px; color: #fff; padding:28px 0 16px 127px; overflow: hidden; border-bottom: 1px dashed #505050; background: url(../images/ewm.jpg) 0px 0px no-repeat }
.footer>p span { display: block; font-size: 14px; color: #ababab; margin-top: 12px;}
.footer>p span b { font-weight: normal; color: #fbd700;}
.footer .ser_tel { float: left;padding: 20px 46px;}
.footer .copyright { clear: both; height: 60px; line-height: 60px; font-size: 12px; color: #767676; border-top: 1px solid #5a5a5a;}


.ser_tel { width:334px; height:30px; margin:30px auto 0 auto; padding:20px 60px; border:1px solid #424242; background:#222;}
.ser_tel strong { float:right; font-size:15px; color:#fdd800; text-align:right; line-height:14px; margin-right:5px;}
.ser_tel strong span { font-size:13px; color:#737373; font-weight:normal;}
.ser_tel b { float:right; font-size:30px; color:#fdd800;}



.pro_sorts .sorts_col_r { width:960px; overflow:hidden;margin-top:10px; background: #fff;}
.pro_sorts .sorts_col_r .pros li { float:left; width:232px; height: 280px; border:1px solid #404040; margin:0 0 5px 5px; }
.pro_sorts .sorts_col_r .pros li a { display:block; height: 254px; color:#333;}
.pro_sorts .sorts_col_r .pros li:hover { color:#222;background:#404040;}
.pro_sorts .sorts_col_r .pros li:hover a{color:#fff}
.pro_sorts .sorts_col_r .pros li a img { width:100%; height:230px;border-bottom: 1px solid #ccc;}
.pro_sorts .sorts_col_r .pros li a span { display:block; padding:5px 6px; line-height:20px;height: 50px; text-align: center;font-size: 13px;}


