@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg'); }

/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
/*Base*/
html, body { font-size: 14px; font-family: "微软雅黑", Arial, sans-serif; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; position: relative; }
* { margin: 0; padding: 0; }
a { text-decoration: none; background: transparent; outline: none; blr:expression(this.onFocus=this.blur());
line-height: 200%; }
a:focus { outline: 0; }
a:hover { outline: 0; transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -webkit-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -o-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; -moz-transition: text-shadow 200ms ease-in 0ms, color 200ms ease-in 0ms; }
img { border: 0; -ms-interpolation-mode: bicubic }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline: none; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { width: 13px; height: 13px; float: left; display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; }
li { list-style: none; }
/*清除浮动*/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
p { line-height: 200%; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
/*字体*/
.ari { font-family: "Arial"; }
/*字号*/
.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; }
.bold { font-weight: bold; }
.por { position: relative; }
.poa { position: absolute; }
.poa-f { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.ovh { overflow: hidden; }
.noselect { user-select: none; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.dn { display: none; }
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
.t-f { transition: all 0.5s ease 0s; }
.t-c { transition: color 0.5s ease 0s; }
.t-bg { transition: background 0.5s ease 0s; }
/*-----------------------------------------------------footer-----------------------------------------------------*/
.footer {width:100%; padding-top:50px; background:#333;position:relative; z-index:9;}
.footer .f-info { width:1200px; margin:0 auto; padding-bottom:50px;}
.footer .f-left {width:710px; float:left; border-right:1px solid #424242;}
.footer .f-left .f-box { padding-right:36px; float:left;}
.footer .f-left .f-box h1 {font-size:14px; font-weight:normal; color:#fff; padding-bottom:10px;}
.footer .f-left .f-box  ul { }
.footer .f-left .f-box  ul li {font-size:12px; line-height:24px; }
.footer .f-left .f-box  ul li a {color:#999;}
.footer .f-left .f-box  ul li a:hover { color:#fff;}
.footer .f-right {width:440px; float:right;}
.footer .f-right .f-qrcolde { width:116px; float:left; }
.footer .f-right .f-qrcolde p{ text-align:center; color:#fff;}
.footer .f-right .f-contact {width:290px; float:right;}
.footer .f-right .f-contact h1 { font-size:26px; color:#fff; font-family:Arial; font-style:italic; padding-bottom:4px; margin-top:-4px;}
.footer .f-right .f-contact p { color:#999; font-size:12px;}
.footer .f-right .f-contact a { color:#999;}
.footer .f-right .f-contact a:hover { color:#fff}
.footer .f-cr-info {width:1200px; height:46px; line-height:46px;margin:0 auto; }
.footer .f-cr-info p { color:#666; font-size:12px; line-height:46px;}
.footer .f-cr-info p a  { color:#666; }
.footer .f-cr-info p a:hover { color:#fff;}
.footer .f-copyright {width:100%; height:auto;overflow:hidden; background:#262626;  }
.footer .f-friendlinks {width:1200px; min-height:46px; line-height:26px;margin:0 auto;padding:10px 0; border-bottom:1px solid #424242;font-size:12px;}
.footer .f-friendlinks a{ color:#666;font-size:12px;margin:0 5px;}
.footer .f-friendlinks a:hover { color:#fff;}
.side-bar .qq{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#333;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .qq:hover{ background:#222;}
.side-bar .qq i{ background:url(../images/side-04.png) no-repeat; width:24px; height:26px; display:block; margin:10px auto;}
.side-bar .qq .hide{  width:226px;  position:absolute; left:-226px; top:-36px;}
.side-bar .qq .hied_con{ width:210px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .qq:hover .hied_con{ display:block }
.side-bar .qq .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .qq .hide dl { width:180px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .qq .hide dl dt.title { margin-bottom:10px; font-size:14px;}
.side-bar .qq .hide dl dt.tel { position:relative;}
.side-bar .qq .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:16px;font-style:italic; font-family:"微软雅黑"; padding-left:12px; }
.side-bar .qq .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:12px; position: absolute; top:-4px;}

.product_summary{border:1px solid #ddd;color:#666;font-size:16px;margin-bottom:50px;position:relative;}
.product_summary .product_summary_title{background-color:#f5f5f5;height:50px;line-height:50px; padding-left:26px;}
.product_summary .product_summary_title h1{color:#1088d5;font-size:16px;font-weight:normal;float:left; font-weight:bold;}
.product_summary .product_summary_title span { color:#ccc; font-family: "Times New Roman"; font-size:13px;float:left; padding-left:10px; text-transform:uppercase; font-style:italic;}
.product_summary .product_summary_content{background-color:#fff;font-size:14px;padding:26px;}
.product_summary .product_summary_content p{line-height:24px;}
.pro_lk {position:absolute; right:10px; top:8px; z-index:99;}
.pro_lk a { color:#fff; font-size:14px; display:block; text-align:center;padding:2px 20px; background:#1088d5;float:left;border-radius:4px; -webkit-border-radius:4px; }
.pro_lk i {padding-right:10px;}
.pro_lk a.btn-need { margin-left:10px;}

.demand_box{ width:100%;  overflow:hidden;  margin-top:20px;} 
.demand  h1{ text-align:center; font-size:24px; line-height:35px; margin-bottom:12px; color:#333;}
.demand_table p {margin-top:6px;}
.demand_table p a {color:#666;}
.demand_table{ width:685px; margin:0px auto; overflow:hidden; padding-bottom:25px;}
.demand_table .row{ width:100%; clear:both;  margin:0 auto;}
.demand_table label{ position:relative;  float:left;  margin:20px 15px 0 15px; display:block; }
.demand_table label span{ position:absolute; left:10px; top:10px; font-size:14px; color:#999;}
.demand_table .txt{ border:1px solid #d9d9d9; padding:10px; background:#fff; box-shadow:none; -webkit-box-shadow:none; color:#666;}
.demand_table .txt:focus{ border:2px solid #1088d5; padding:9px; background:#fff;}
.demand_table .txt.w1{ width:290px; height:20px; line-height:20px; font-size:14px;}
.demand_table .txt.w2{ width:631px; height:116px; line-height:20px; font-size:14px;}
.demand_table .btn{ float:left; border:0; background:#1088d5; border-radius:2px; width:170px; padding:0 11px;  height:50px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin-left:15px; margin-top:20px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; }
.demand_table .row .btn:hover{ background:#005ca1;}
.demand_table .row p.xin{ color:#666; line-height:50px; font-size:14px; float:right;  margin-top:20px;  margin-right:15px;}
.demand_table .row p.xin a{ color:#1088d5;}
.demand_table .row p.xin a:hover{ text-decoration:underline;}
.demand_bottom{ width:655px; margin:70px auto; overflow:hidden; }
.demand_bottom h2{ font-size:20px; line-height:30px; color:#333;}
.demand_bottom .con{ width:100%; overflow:hidden; margin-top:10px;}
.demand_bottom .con ul{ float:left; font-size:14px; color:#333; line-height:32px;}
.demand_bottom .con .xinwe{ width:320px; float:right; margin-top:12px;}
.demand_bottom .con .xinwe dl{ text-align:center; font-size:14px; color:#333; float:left; margin-left:30px;}
.demand_bottom .con .xinwe dl dd{ margin-bottom:10px;}
.demand_bottom .con ul i{ background:url(../images/icon.png) no-repeat; width:19px; height:16px; display:inline-block; margin-right:15px; vertical-align:-4px;}
.demand_bottom .con ul i.j1{ background-position:0 -114px;}
.demand_bottom .con ul i.j2{ background-position:-27px -114px;}
.demand_bottom .con ul i.j3{ background-position:-51px -114px;}
.demand_bottom .con ul i.j4{ background-position:-85px -114px;}
.demand_bottom .con ul i.j5{ background-position:-112px -114px;}
.demand_bottom .con ul a{ color:#24b727; margin-left:10px;}
.demand_bottom .con ul a:hover{ text-decoration:underline;}