﻿@charset "utf-8";
/* 全局 */
body {background: #FFF; font-family:"Arial","Microsoft YaHei","微软雅黑","宋体"; color: #333; font-size: 12px; min-width:1100px;}
body,h1,h2,h3,h4,h5,h6,hr,p,b,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea,select {margin:0;outline: none; font-size:100%; font-family:"Arial","宋体";}
ul,li,ol {list-style-type: none; margin:0; padding:0;}
em {font-style: normal;}
img {border:0;}
a{text-decoration:none;cursor:pointer; color:#333; }
a:hover{text-decoration: none;}

/* 清除浮动 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clrfix:before, .clrfix:after {content:""; display:table;}  
.clrfix:after {clear:both;}  
.clrfix {zoom:1;}
/* 清除浮动 适用100% */
.overflowfix {overflow:auto; zoom:1;}
.displayfix {display:inline-block; *display:inline; zoom:1; width:100%; _width: auto;}
/* 去掉A标签和按钮的虚线框 谷歌默认无虚线 */
a {blr:expression(this.onFocus=this.blur());} /* A标签：IE7 IE6  */
a:focus {outline:none;} /* A标签：FF IE8  */
input::-moz-focus-inner{border:0;} /* 按钮：FF */
/* 去掉谷歌两种文本框和下拉的阴影 */
input,textarea,select  {outline: none;}
/* IE6 提示升级 */
.ie6_bg { background: url(/images/ie6/ie6_bg.gif) repeat-x; height: 110px; }
.ie6 { background: url(/images/ie6/ie6.gif) no-repeat; width:924px; height: 110px; margin:0 auto; }
.ie6 ul { padding-left:310px; }
.ie6 li { float:left; padding-left:40px; }
.ie6 li a { width:61px; height: 110px; display:block; }
/* 版权 */
.bqxx { background:url(http://218.30.67.146:9999/0bqxx/bqxx.gif) no-repeat center 0; width:100%; height:252px; position: fixed; top:100px; left:0; z-index:9999; display:none; }
/* 特有 */
.clr{clear:both; font-size:0; height:0; line-height:0;}
.clr10{clear:both; font-size:0; height:10px; line-height:normal;}
.clr15{clear:both; font-size:0; height:15px; line-height:normal;}
.clr20{clear:both; font-size:0; height:20px; line-height:normal;}
.clr30{clear:both; font-size:0; height:30px; line-height:normal;}
.clr40{clear:both; font-size:0; height:40px; line-height:normal;}
.fl {float: left;}
.fr {float: right;}
/*内页- 通用 */
.block {  margin:0 auto;  width:1100px;  }
.block_bg {  padding:30px 0 20px;   }
.block .area_l {  float:left;  width:240px;  }
.block .area_r {  float: right;  width:830px;   }
/* 当前位置 */
.crumb {  padding: 5px 0 0;  border-bottom:2px solid #E5E5E5;  }
.crumb .title {  height:35px;  }
.crumb .title p {  font-size: 20px;  font-weight:normal;    color: #000;  }
.crumb .position {  float:right;  padding: 2px 0 0;  }
.crumb .position * {  vertical-align: middle;  }
.crumb .position .home {  display:inline-block; *display:inline; zoom:1;  background:url(/images/ls/ico_home2.gif) no-repeat 0 3px;  width:19px;  height:18px;  }
.crumb .position p {  display:inline-block; *display:inline; zoom:1;  height:18px;  line-height:18px;  color:#888;  padding-left:5px;  }
.crumb .position p a {  color:#888;  }
.crumb .position p a:hover {  color:#FF6600;  }
.crumb .position p span {   padding:0 12px;  }
.column_02 .column_t .column_title a:hover {  color: #FF6600;  }

.width{width: 1200px;margin: 0 auto;}
/*header*/
.header{height: 57px;margin: 10px;}
.header_l{float: left;width: 409px; height: 57px;}
.header_r{float: right;width: 332px;margin-top: 18px;}
.header_r ul li{float: left; width: 58px;line-height: 20px; font-size: 14px;font-weight: bold;text-align: center;}
.header_r ul li img{vertical-align: middle;}
.header_r ul li a{color: #3944a1;}
.header_r ul li a:hover{color: #f26532;}
/*nav*/
.nav_b{width: 100%; height: 66px;border-top: 2px solid #3944a1;}
/*title*/
.width_title{width: 1200px; height: 24px; margin: 40px auto;text-align: center; }

/*product*/
.product_box{ width:1200px ; height: 344px;margin: 0 auto;}
.product_l{float: left;width: 285px; height: 344px; margin-right: 8px;background: #5ac0f0;position: relative;}
.product_l img{width: 285px; height: 144px;}
.product_t{width: 262px; margin: 0 auto; font-size: 14px;height: 44px;overflow: hidden; color: #fff; border-bottom: 1px dashed #fff;padding-bottom:10px;line-height: 24px;
    background: #5ac0f0;}
.product_b{width: 262px;height: 126px;overflow: hidden; padding:9px 8px;background-color: #5ac0f0;font-size: 14px;}
.product_b ul li{background-image: url("/images/dian.png"); background-repeat: no-repeat; background-position: 0 5px;  color: #fff; line-height: 18px; padding-left: 10px;margin-bottom: 6px;}
.product_l .product_a{ display: block; width: 40px; height: 40px; position: absolute;right: 0; bottom: 0; background: url("/images/jia_1.png") ;background-repeat: no-repeat; background-position: 0 -70px;}
.product_l .product_a:hover{background: url("/images/jia_1.png");background-repeat: no-repeat; background-position: 0 0;}
.product_l .product_b_a{ display: block; width: 285px; height:198px; position: absolute;left: 0; top:146px; cursor:pointer;}
.product_t a,.product_b a{color:#FFF;}





.brands-list { width: 907px; height: 324px;  float: left;margin-top: 20px; }
.brands-list ul{float: left;width: 178px;height: 324px;margin-right: 4px;}
.brands-list li {  width: 176px;height: 156px; margin-bottom: 4px;border: 1px solid #d2d2d2;  }
.brands-list li:hover{border: 1px solid #fd8458;
    box-shadow:0 0 4px #f9b096;
    -webkit-box-shadow:0 0 4px #f9b096;
    -moz-box-shadow:0 0 4px #f9b096;}
.brands-list li img{width: 176px;height: 156px;}
.brands-list li.color{border: none;width: 178px;height: 130px;background: #fd8458;position: relative;font-size: 24px; color: #fff;text-align: center;line-height: 60px; padding-top: 30px;box-shadow: none;}
.brands-list li.color span.tiao{width:40px ; height: 2px;background: #fff;display: block; margin: 0 auto;}
.brands-list li.color_l{background: #5ac0f0;}
.brands-list li a { position: relative; height: 160px; display: block; overflow: hidden; cursor: pointer; }
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 180px; height: 160px; background: url("/images/shine_brands.png") no-repeat -180px 0; }
.brands-list li a .shine { _background: none; }
.brands-list li a.jia{display: block; width: 40px; height: 40px;position: absolute; top: 0; right: 0; background: url("/images/jia_o1.png");background-repeat: no-repeat; background-position: 0 0;}
.brands-list li a.jia:hover{background: url("/images/jia_o1.png");background-repeat: no-repeat; background-position: 0 -70px;}
/*solve*/
.solve{width: 1200px; height: 400px; background-image: url("../images/banner/banne1.jpg") ; background-repeat: no-repeat; margin: 40px auto;}
.solve_c{padding: 84px 0 0 64px; color: #fff;}
.solve_c h1{font-size: 36px; margin-bottom: 30px;}
.solve_c p{ font-size: 20px;}
.button{width: 140px; height: 42px; margin-top: 70px; text-align: center;background: #F89219;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;  }
.button:hover{background: #fd8459;}
.button a{color: #fff; font-size: 16px; line-height: 42px;}
.button a:hover{color: #fff;}
/*about*/
.about{height: 326px;width: 1200px;}
.about_l{width: 626px; height: 326px;float: left;}
.about_l img{width: 626px; height: 326px;}
.about_r{width: 534px;height: 326px;float: right; }
.about_p{width: 534px;text-indent: 20px; font-size: 16px;line-height: 34px;color: #666;height: 208px;overflow: hidden;padding-top: 40px;}
.about_a{width: 120px; height: 40px;background: #fd8459;text-align: center;font-size: 18px;font-family:"Arial"; line-height: 40px;float: right;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;}
.about_a:hover{background: #F89219;}
.about_a a{color: #fff; }
.about_a a:hover{color: #fff;}
/*cooperation*/
.cooperation{width: 1200px;height:92px ; margin-bottom: 50px;}
/*foot*/
.foot{width: 100%; height: 154px; background: #3a3a3a; border-top: 10px solid #fd8458;  }
.foot_b{padding-top: 10px;}
.foot_l{float: left;width: 473px; color: #fff; font-size: 14px; line-height: 30px;border-right: 1px solid #fff;padding-top: 10px;}
.foot_r{float: right;width: 580px; color: #fff; font-size: 14px; line-height: 30px;padding-top: 10px;}
.foot_r ul{width: 570px; height: 30px;}
.foot_r ul li{float: left; text-align: center;width: 94px;}
.foot_r ul li span{ margin: 0 10px;display: inline-block; }
.foot_r ul li a{color: #fff;}
.foot_r ul li a:hover{color: #fd8458;}
.foot_r .p{margin-top: 20px;}



















