@charset "utf-8";
/*******开始首页头部*********/
 
/*.all{margin:0 auto; position:relative; background-color:#f8efe6; overflow:hidden; float:left;}*/
 
 
.head{ background:#333; height:35px; line-height:35px; color:#bdbdbd}
.head_l{ float:left;}
.head_r{ float:right;}
.head_r .cat{padding:0 10px;}
.head_r .cat a{ font-size:16px; font-family:"微软雅黑"; color:#e3c97f; padding:0 5px;} 
.language{ color:#5a5a5a}
.language a{ color:#999}
.language a:hover{ color:#0073ff}

.top{ height:95px; }

.logo{ float:left;padding: 15px 0 0;}
.ser{position:relative; padding-top:20px; float:left; padding-left:450px; }
.toplink a{ padding:0 5px;}
.serbox{ padding-top:10px;}
.ser span{color:#FFF; font-size:14px;line-height:31px;}
.ser_text{ border:none; width:310px; height:40px; line-height:40px; padding:0 10px; float:left; color:#666; border:solid 1px #e3e3e3;/*border-bottom-left-radius:5px;border-top-left-radius:5px;*/ }
.ser_btn{ border:none; float:left;cursor:pointer;}
.ser_btn a{width:50px; height:32px; display:block; padding-top:10px; background-color:#c7b278;} 
.ser_btn a:hover{ background-color:#d5c494;} 
 
.nav{ float:right;padding: 25px 0 0;}
.nav ul{}
.nav ul li{ float:left; position:relative; }
.navline{height:50px; width:1px; background-color:#e2d6b4}

.nav ul li a{ width:90px;height:50px;line-height:50px;display:block; text-align:center; font-size:14px; font-family:微软雅黑; color:#000; }
.nav ul li a:hover{ color:#0073ff; }
 
.subnav{position:absolute; top:50px; left:0px;/* padding-bottom:10px; border-bottom-left-radius:9px;border-bottom-right-radius:9px;*/display:none; z-index:23232323323}
.subnav ul{ padding:0;}
.navli_top{ width:140px;height:12px; display:block;background:url(../images/sub_nav_bg.png) no-repeat bottom;}
.subnav ul li{text-align:center; position:relative;}
.subnav ul li a{color:#4f4f4f;width:90px;height:35px; line-height:35px; display:block; font-size:12px; font-weight: 100;background:#e4e4e4; border-bottom: dotted 1px #fff;}
.subnav ul li a:hover{background-image:none; color:#fff; background-color: #aaaaaa;}

 

/*三级显示菜单*/
.threenav{left:140px; width:auto; top:0; position:absolute;display:none;}
.subnav ul li .threenav a{width:220px; text-align:center; overflow:hidden;}

/*三级显示菜单*/



/*.subnav ul li .three_box{position:absolute;left:-999em; top:0;width:150px;background: #333; border:solid 1px #e8e8e8;padding:10px;}



.subnav ul li .three_box li{width:130px; float:left; padding:0 10px;}
.subnav ul li .three_box a{width:100px; padding-left:35px; font-size:12px;line-height:35px; height:30px;background:url(../images/sml6.png) no-repeat 15px 16px; border-bottom: none;}
.subnav ul li a:hover .three_box{left:503px;top:0px;}*/
 




/*************结束首页头部**************/
 
 
/***********banner开始************/
/* flexslider */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:100;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;cursor:hand;cursor:pointer;}

.flex-control-nav{ height:23px; padding-top:12px; position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 8px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/next.png) center center no-repeat;}
 
.banner_bg{ width:100%;height:19px;background:url(../images/banner_top.png) repeat-x; position:absolute; top:0;z-index:3;}

/***********主体开始************/

 /*产品*/
 
.pro_index{ background:#f6f6f6; height:380px; padding-top:30px; position:relative;} 
.nav_index{ position:relative; padding-bottom:15px; float:left; width:1000px;}
.nav_title{ font-size:24px; line-height:24px; height:30px; color:#333;font-family:"微软雅黑"; float:left;}
 
.more{ float:right;  }
.more a{color:#0073ff; font-size:16px; padding-right:30px; background:url(../images/more_btn.png) no-repeat center right;}
.more a:hover{color:#2184fd; background:url(../images/more_btn_on.png) no-repeat center right;}

.pro_con{padding:0; }
 
.pro_con li{ float:left; margin-right:17px; margin-top:10px; margin-bottom:10px;}
.pro_con li a{ width:230px; height:265px;padding-bottom:10px;border:solid 1px #f0f0f0; display:block;filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2',Direction=135, Strength=5);/*for ie6,7,8*/  
    background-color: #fff;  
    -moz-box-shadow:2px 2px 5px #efefef;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #efefef;/*webkit*/  
    box-shadow:2px 2px 5px #efefef;/*opera或ie9*/  }

.pro_con li a:hover{ border:solid 1px #dedede; filter: progid:DXImageTransform.Microsoft.Shadow(color='#d5d5d5',Direction=135, Strength=5);/*for ie6,7,8*/  
    background-color: #fff;  
    -moz-box-shadow:2px 2px 5px #e2e2e2;/*firefox*/  
    -webkit-box-shadow:2px 2px 5px #e2e2e2;/*webkit*/  
    box-shadow:2px 2px 5px #e2e2e2;/*opera或ie9*/ color:#003399; }

.pro_con a img{ width:230px; height:200px;}
.pro_con a span{ width:230px; display:block; text-align:center;cursor:hand;cursor:pointer; height:30px;font-size: 20px;
font-family: "微软雅黑";
margin-top: 25px;}
.pro_con a span:hover { color:#003399;}
.pro_con .p_price_list{ font-size:20px; color:#ff5a00;  font-family:"微软雅黑"; line-height:35px; height:35px;}	

 

 /*关于我们*/
.about_pic  {width:1000px; height:320px; }
.about_text{ width:580px;float:right; font-size:14px; color:#333;line-height:200%;}
.about_com { color:#666; min-height:500px; margin-top:70px; font-size:14px;}


.p_left {
  float: left;
  width: 227px;
}
.p_sort {
  float: left;
  width: 100%;
  position: relative; top:100px;
}
.p_sort h1 {
  position: absolute;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-top: 15px;
  height: 106px;
  top: -65px;
  background: url(../images/sort_tbg.png) no-repeat;
}
.p_sort ul {
  width: 100%;
  float: left;
  margin-top: 73px;
  border-top: #cfcfd9 dotted 1px;
  padding-top: 10px;
}
.p_sort ul li {
  width: 100%;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-top: 4px;
}
.p_sort ul li a {
  display: block;
  color: #393939;
  font-size: 14px;
  background: #edf0f3;
}
.p_sort ul li a:hover,
.p_sort ul li a.active {
  background: url(../images/sort_libg.jpg) no-repeat;
  color: #fff;
  transition: none;
}
 .p_right {
  float: right;
  width: 828px;
  padding: 25px 0px 50px 22px;
  border-left: #cfcfd9 dotted 1px;
}
.location {
  width: 100%;
  float: left;
  line-height: 50px;
  height: 50px;
  border-bottom: #cfcfd9 dotted 1px;
}
.location dt {
  float: left;
  background: url(../images/icon/icon17.jpg) no-repeat left center;
  color: #0073ff;
  font-size: 18px;
  padding-left: 20px;
}
.location dd {
  float: right;
  background: url(../images/location.png) no-repeat left center;
  padding-left: 25px;
}
.location dd a {
  padding: 0px 5px;
  color: #888888;
}
.location dd a:hover {
  font-weight: bold;
  color: #0073ff;
}
  
 /*------------新闻列表-------------*/

.new_index{ padding-top:30px;background:#f6f6f6; height:290px;}
.new_index2{ padding-top:30px;background:#f6f6f6; height:220px;}
 
.new_con{border-top:solid 1px #e5e5e5; padding-top:10px; float:left;}
.new_con dl{ float:left;width:475px; height:75px;  margin:15px 10px;}
.new_con dl dt{ width:75px; height:75px; background-color:#0073ff; float:left; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#FFF; }
.nday{ font-size:30px; font-weight:bold; width:75px; height:45px; line-height:45px; display:inline-block;border-bottom:solid 1px #eae2ca;}
.nyear{ color:#fff9e9; line-height:29px;}

.new_con dl dd{ float:left; padding-left:10px; width:390px;}
.new_con dl .n_title{ height:30px; font-size:18px; font-family:"微软雅黑"; color:#333;}
.new_con dl .n_con{ height:45px; overflow:hidden; font-size:12px; color:#999;}

.new_con ul li a{ background-color:none; display:block; padding-left:20px; float:left;}
.new_con ul li a:hover{color:#003399; padding-top:1px; }  /*时间也变色*/
 
 
/***********开始首页底部************/
 
.foot{ height:150px; padding-top:30px;color:#8c8c8c; line-height:45px; background:#222;}
.foot_btn{background:url(../images/logo_btn.png) center top no-repeat; padding-top:65px; text-align:center; padding-left:370px;}
.foot_btn span{ float:left;}
.foot_btn a{ width:49px; height:49px; display:block; text-indent:-9999px; padding:0 10px;}

.share a{background:url(../images/btn1.png) no-repeat;}
.share a:hover{background:url(../images/btn1_on.png) no-repeat;}

.wx{ position:relative;}
.wx a{background:url(../images/btn2.png) no-repeat;}
.wx a:hover{background:url(../images/btn2_on.png) no-repeat;}

.qq a{background:url(../images/btn3.png) no-repeat;}
.qq a:hover{background:url(../images/btn3_on.png) no-repeat;}

.en a{background:url(../images/btn4.png) no-repeat;}
.en a:hover{background:url(../images/btn4_on.png) no-repeat;}

.wx_show{ position:absolute; top:-180px; left:-55px; background:url(../images/wx_bg.png) no-repeat center bottom; padding-bottom:8px; display:none; width:160px; height:160px;}
.wx_show img{ width:160px; height:160px;}

.foot_nav{border-top:#393939 solid 1px; border-bottom:#393939 solid 1px; height:50px;background:#222; text-align:center}
.foot_nav a{ color:#888; font-size:14px; padding:0 20px; line-height:50px;}
.foot_nav a:hover{ color:#fff}
.foot_3{ height:70px; padding-top:10px;background:#222; text-align:center; color:#888; }
.foot_3 a{ color:#888;}
.foot_3 a:hover{ color:#fff;}




/***********产品************/

.p_productlist {
  width: 100%;
  float: left;
  margin-top: 20px;
  border-left: #edf0f3 solid 1px;
}
.p_productlist dl {
  width: 265px;
  height: 280px;
  position: relative;
  float: left;
  border: #edf0f3 solid 1px;
  border-left: none;
}
.p_productlist dl dt {
  width: 100%;
  text-align: center;
  float: left;
  padding: 20px 0px 10px;
}
.p_productlist dl dt img{ width:217px; height:200px;}
.p_productlist dl dd.t1 {
  width: 255px;
  height: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 5px;
  background: #edf0f3;
}
.p_productlist dl dd.t2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p_productlist dl:hover dd.t2,
.p_productlist dl.active dd.t2 {
  background: rgba(0, 0, 0, 0.5);
  background-image: url(../images/more.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.p_productlist dl:hover dd.t2 a,
.p_productlist dl.active dd.t2 a {
  display: block;
  width: 100%;
  height: 100%;
}
.productinfo { margin-top:80px;}
.protime { line-height:22px; height:22px; color:#B2B2B2; text-align:center; background:#F5F5F5; margin-top:10px;}
.propic {  text-align:center; margin:20px 0;  }
.propic img { width:450px;}
.projs { border-bottom:1px solid #999999; font-size:14px; font-family:"微软雅黑";}
.pro_title { font-size:18px; font-family:"微软雅黑"; text-align:center;}



/***********新闻************/

.p_newslist {
  width: 100%;
  float: left;
}
.p_newslist dl {
  padding: 25px 0px;
  width: 100%;
  float: left;
  border-bottom: #cfcfd9 dotted 1px;
}
.p_newslist dl dt {
  float: left;
  width: 102px;
  height: 90px;
  text-align: center;
  background: #f2f2f2;
  border-radius: 9px;
}

.p_newslist dl dt em {
  font-size: 44px;
  color: #888;
  display: block;
  margin-top: 8px;
  line-height: 50px;
}
.p_newslist dl dt i {
  color: #888;
  font-size: 14px;
}
.p_newslist dl dd {
  float: right;
  width: 660px;
}
.p_newslist dl dd.t1 {
  line-height: 40px;
  height: 40px;
}
.p_newslist dl dd.t1 a {
  color: #313131;
  font-size: 16px;
}
.p_newslist dl dd.t2 {
  font-size: 14px;
  color: #888888;
  line-height: 22px;
  height: 45px;
  overflow: hidden;
}
.p_newslist dl dd.t1 a:hover{ color:#0073ff;}
.news_info { margin-top:20px;}


/*history*/
.history { background:url(../images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-family:微软雅黑; font-weight:normal; padding-left:45px; margin-bottom:74px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#1c6ccb; display:inline-block; *display:inline; zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul {}
.history-date ul li { background:url(../images/icon07.gif) no-repeat 180px 0; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:微软雅黑;}
.history-date ul li dl dt { font:20px/22px 微软雅黑; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1c6ccb;}
.history-date ul li.green h3 span { color:#1c6ccb; }
.history-date ul li.green dl {  }
.history-date ul li.green dl dt { font-size:20px; line-height:28px; }
.history-date ul li.green dl dt a { /*background:url(../images/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

*body .history-date ul li dl dt {_font-size:12px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;}