@charset "utf-8";
/*===== reset =====*/
html{overflow-y:scroll;}
body, button, input, select, textarea{font:14px/1.5 Microsoft yahei;color:#666;word-wrap:break-word;word-wrap:normal;}
body{min-width:1200px;}
button,input,select, textarea{font-size:100%;}
input, img, select {vertical-align:middle; border:none;}
iframe{display:block}
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight:normal;}
ul, ol, li{list-style:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
code, kbd, pre, samp{font-family:courier new,courier, monospace;}
legend{color:#000000;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
:focus{outline:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
em,i{font-weight:normal;font-style:normal}
input[type=text]{ box-sizing:content-box; -moz-box-sizing:content-box;}
a{text-decoration:none;color:#666;cursor:pointer;}
a:hover{text-decoration:none; color:#ed6e00;}

/*===== �ֺ� =====*/
.f12{font-size:12px}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f36{font-size:36px;}
/*===== ������� =====*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{ *zoom:1;/*IE/7/6*/}
.clear{clear:both;line-height:0;height:0px;overflow:hidden;}
/* ������ */
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear{zoom:1;line-height:0; /* for IE6 IE7 */}
/*===== margin =====*/
.m10{margin:10px}.m15{margin:15px}.m30{margin:30px}.mt5{margin-top:5px}.mt5{margin-top:5px;}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml100{margin-left:100px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mr100{margin-right:100px}.mr200{margin-right:200px}
/*===== padding =====*/
.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p30{padding:30px;}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt100{padding-top:100px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb100{padding-bottom:100px}.pl150{padding-left:150px}.pl200{padding-left:200px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl100{padding-left:100px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr30{padding-right:30px}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr100{padding-right:100px}
/*===== width =====*/
.ww0{ width:0%;}
.ww10{ width:10%;}
.ww20{ width:20%;}
.ww25{ width:25%;}
.ww30{ width:30%}
.ww33{ width:33.33333%}
.ww40{ width:40%;}
.ww50{ width:50%;}
.ww60{ width:60%;}
.ww66{ width:66.66666%;}
.ww70{ width:70%;}
.ww75{ width:75%;}
.ww80{ width:80%;}
.ww90{ width:90%;}
.ww100{ width:100%;}
/*===== left =====*/
.left-0{ left:0%;}
.left-10{ left:10%;}
.left-20{ left:20%;}
.left-25{ left:25%;}
.left-33{ left:33.33333%}
.left-40{ left:40%;}
.left-50{ left:50%;}
.left-60{ left:60%;}
.left-66{ left:66.66666%;}
.left-70{ left:70%;}
.left-75{ left:75%;}
.left-80{ left:80%;}
.left-90{ left:90%;}
.left-100{ left:100%;}
/*===== font color =====*/
.red{color:red!important;}
.blue{color:#0297e8!important;}
.orange {color:#ed6e00!important;}
.gray3{color:#333!important;}
.gray6{color:#666!important;}
.gray9{ color:#999!important;}
.grayb{ color:#bbb!important;}
.green{color:green!important;}
.white{color:#fff!important;}
.black{color:#000!important;}
/*===== ������ʽ =====*/
.fl{float:left!important;}
.fr{float:right!important;}
.bold{font-weight:bold;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.pr{position:relative;}
.noborder{border:none !important;}
.underline{text-decoration:underline;}
.border_b{border-bottom:1px solid #ddd;}
.border_r{border-right:1px solid #ddd;}
.border_l{border-left:1px solid #ddd;}
.border_t{border-top:1px solid #ddd;}
.border_t_d{border-top:1px dotted #ddd;}
.border_d_b{border-bottom:1px dotted #ddd;}
.border{border:1px solid #ddd;}
.arial{font-family:Arial;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh52{line-height:52px;}
.va_m{vertical-align:middle;}
.w100{ width:100px;}
.hide{ display:none;}
.d_ib{display:inline-block;}
.wrap{ width:1200px; margin:0 auto;}
.gray_bg{ background:#f8f8f8;}
/*����*/
.popup_bg{ width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:999991; _position:absolute; _height:2000px;background:#000; filter: alpha(opacity=30); -moz-opacity: .30; opacity: 0.3;}
/*����װ��-����*/
.decorate_dialog{border:1px solid #0297e8;background:#fff;position:fixed;left:50%;top:100px;_position: absolute; _top:expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');z-index:999992; width:600px; margin-left:-301px;}
.decorate_dialog .hd{ height:40px; line-height:40px; font-size:16px; color:#fff; background:#0297e8; padding:0 20px;}
.decorate_dialog .hd .text{ height:22px; line-height:22px; width:120px; padding:0 5px; vertical-align:middle; background:#fff;}
.decorate_dialog .hd .btn{ display:inline-block; height:22px; border:1px solid #94c6e1; line-height:22px; color:#fff; background:#ed6e00; font-size:12px; padding:0 15px; vertical-align:middle;}
.decorate_dialog .close{ float:right; width:18px; height:18px; background:url("../images/shop.png") -164px -105px; margin-top:11px;}
.decorate_dialog .bd{ padding:20px;}
.decorate_dialog td{ border:1px solid #ddd; padding:10px 0;}
.decorate_dialog .px{ width:40px; height:24px; line-height:24px; text-align:center; border:1px solid #ddd; background:#fff; padding:0 5px; margin:0 5px;}
.dialog{border:1px solid #ddd;background:#fff;position:fixed;left:50%;top:50%;_position: absolute; _top:expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');z-index:999999; width:500px; margin-left:-251px; margin-top:-190px;}
.dialog .hd{ height:40px; line-height:40px; font-size:16px; color:#333; background:#eee; padding:0 20px;}
.dialog .close{ float:right; width:18px; height:18px; background:url("../images/shop.png") -210px -105px; margin-top:11px;}
.dialog .form li:after {display: block; clear: both; height: 0; content:'\20';}
.dialog .form li{ zoom:1; margin-bottom:10px;}
.dialog .form li .til{ float:left; width:40%; line-height:30px; text-align:right; color:#333;}
.dialog .form li .info{ float:left; width:60%; text-align:left;}
.dialog .form li .text{ width:160px; height:24px; line-height:24px; padding:2px 10px; border:1px solid #ddd;}
.dialog .btn{ display:inline-block; width:110px; height:34px; line-height:34px; text-align:center; background:#ed6e00; color:#fff; font-size:16px;}
.dialog .btn:hover{ background:#f18b33;}
.dialog .gray_btn,.dialog .gray_btn:hover{ background:#5d5d5d;}
.contact_dialog .tel{ position:relative; border-bottom:1px solid #ddd; text-align:center; padding:20px 0; line-height:30px;}
.contact_dialog .tel i{ position:absolute; top:30px; left:85px; display:inline-block; width:56px; height:44px; background:url("../images/shop.png") 0 -198px;}
.contact_dialog .form{ text-align:center; padding:20px 0;}
/*��Ʒ��������ѯ�۵���*/
.enquiry_dialog{ width:800px; margin-left:-401px; margin-top:-310px;}
.enquiry_dialog .bd{ padding:20px 50px;}
.enquiry_dialog .porinfo{ margin:10px 0 20px 0;}
.enquiry_dialog .porinfo li{ float:left; width:140px; height:24px; line-height:24px;}
.enquiry_dialog .porinfo li input{ margin-right:10px; vertical-align:middle; }
.enquiry_dialog select{width:662px; border:1px solid #ddd; padding:5px 0;}
.enquiry_dialog textarea{ width:650px; border:1px solid #ddd; padding:5px;}
.tips_dialog{margin-top:-120px;z-index:999993;}
.tips_dialog .tips{ font-size:18px; padding:50px; text-align:center;}
.dialog .form_list li:after {display: block; clear: both; height: 0; content:'\20';}
.dialog .form_list li{ zoom:1; margin-bottom:20px;}
.dialog .form_list li .til{ float:left; width:15%; line-height:36px; text-align:right; color:#333; padding-right:10px;}
.dialog .form_list li .info{ float:left; width:80%; text-align:left;}
.dialog .form_list li .text{ width:400px; height:24px; line-height:24px; padding:5px 10px; border:1px solid #ddd;margin-right:10px;}
.dialog .form_list .textarea{ width:400px; border:1px solid #ddd; padding:5px 10px; margin-right:10px;}
.dialog .form_list .error_tips{ color:red; font-size:12px;}
.dialog .form_list .tips{ font-size:12px; color:#999; margin-top:5px;}