@charset "utf-8";

/*=============首页================*/

#s_main_box { margin: 60px 0; background: url(bg_s_content.png) center 227px no-repeat;}

#s_main_box .floor{position:relative;   }

#s_main_box .main_box{ position:relative;}

.s_title{ display:block;  margin-bottom:50px; text-align:center;}

.s_title img{ display:block; margin:0 auto;}

.s_title h1{ font-size:19px; color:#fff; display:block; }

.s_title strong{ font-size:28px; color:#fff; display:block; text-transform:uppercase;}

.s_title p{ font-size:12px; line-height:24px; color:#c0c0c0; display:block;}



.s_more {position: relative; margin:0 auto; margin-top: 40px; text-align:center; width:170px; height: 45px; line-height: 45px;   color: #fff; font-size: 14px; display: block; background: #f48000;}

.s_more:hover { background: #2f699b; border-radius:3px; color:#fff; }

#s_main_box .f2 .s_more{ background:#ff6f4e;}

#s_main_box .f3 .s_more{ background:#004785;}

.j_parallax {background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;position: relative;}



/*===================新闻资讯================*/

#s_main_box .f2{ margin-top:80px; }

#s_news { position:relative;}

#s_news  ul{ margin:0 -50px; overflow:hidden; }

#s_news  li{ width:335px; position:relative; display:block; overflow:hidden;  float:left; margin:0 29px; }

#s_news  li a{ display:block;}

#s_news  li .pic_box{ position:relative; width:335px; height:230px; overflow:hidden; }

#s_news  li .pic_box span{ display:block; position:absolute; top:20px; left:0; text-align:center; font-weight:bold; font-size:22px; color:#fff; width:90px; height:40px; line-height:40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}

#s_news  li img{width:335px; height:230px; display:block;  }

#s_news  li .text_box{ position:relative; padding-top:28px; }

#s_news  li h2 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#3c3c3c; font-size:16px;  display:block; margin-bottom:20px;}

#s_news  li i{ position:relative; margin:20px 0; display:block; height:1px; width:55px; background:#dcdcdd;}

#s_news  li p{ font-size:14px; line-height:24px; color:#a0a0a2;}

#s_news  li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}

#s_news  li img:hover{  }

#s_news  li h1 a:hover{ color:#ff6f4e; }

/*===================产品系列================*/

#s_main_box .f3{ margin-top:80px; }

#s_main_box .f3 .s_more{  margin-top:55px; }

#s_pro_type .content{  }

#s_pro_type ul{margin-right: -6px ;}

#s_pro_type li{ display: block; margin-right: 6px; width: 295px; height: 550px; overflow:hidden; float: left; position: relative; }

#s_pro_type li a{ display:block; position:relative; height: 550px;}

#s_pro_type li .pic_box{ position:relative;    display: block;}

#s_pro_type li .pic_box img{ width: 295px;  height: 550px; display: block;}



#s_pro_type li .text_box{ position: absolute; left: 0; width: 100%; padding: 55px 0px; z-index:3;}

#s_pro_type li .text_box p,#s_pro_type li .text_box i{ position: relative; z-index:6;}

#s_pro_type li .text_box span{ position: absolute; left: 0; width: 100%; height:0; z-index:5;}

#s_pro_type li .text_box p{ font-size: 16px; color: #fff; display: block; text-align:center; }

#s_pro_type li .text_box i{ display: block; background:#fff;  height: 2px; margin:0 auto; margin-bottom:15px;  width: 30px;}

#s_pro_type li.li1 .text_box,#s_pro_type li.li1 .text_box span{ top: auto; bottom: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2004785', endColorstr='#B2004785');background:rgba(0,71,133,0.7);}

#s_pro_type li.li2 .text_box,#s_pro_type li.li2 .text_box span{ top: 0; bottom: auto; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F48000', endColorstr='#B2F48000');background:rgba(244,128,0,0.7);}

#s_pro_type li.li3 .text_box,#s_pro_type li.li3 .text_box span{ top: auto; bottom: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2004785', endColorstr='#B2004785');background:rgba(0,71,133,0.7);}

#s_pro_type li.li4 .text_box,#s_pro_type li.li4 .text_box span{  top: 0; bottom: auto; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F48000', endColorstr='#B2F48000');background:rgba(244,128,0,0.7);}

#s_pro_type li .text_box a.more:hover{ opacity: .8; filter:alpha(opacity=80);}

#s_pro_type li:hover .text_box span{ height:0px;}



/*=======================================内页========================================*/

.n_main_box{ }

.n_main_box .main_box{ position:relative;}

.n_banner { display:block; width:100%; height:380px; margin-top:-15px;}

.n_up_box{ position:relative; height:55px;  background:#fff; border-bottom:1px solid #d0d0d0;  }

.n_un_box{ background:url(bg_n_content.png) center 126px no-repeat; padding:50px 0; }



.position{ position:absolute; line-height: 56px; height:56px; right:0px; top:0px; color:#8a8c8e; background:url(icon_home.png) left center no-repeat; padding-left:22px;overflow: hidden;}

.position span, .position a, .position i{ font-size:12px; color:#8a8c8e;}

.position em{ font-size:12px; color:#10578e; font-style:normal;}

.position a:hover{ color:#10578e;}



.n_nav{ position:relative;  }

.n_nav a{ display:inline-block; position:relative; margin-right:25px; height:55px; line-height:55px; font-size:15px; float:left;  color:#555555; }

.n_nav i{ display:block; background:#f48000; position:absolute; left:0; bottom:0; text-align:center;  z-index:4; height:0px; width:100%;}

.n_nav a:hover  i{ height:2px;}

.n_nav a:hover{ color:#004785;}

.n_nav .on i{ height:2px;}

.n_nav a.on{color:#004785;}



.n_content{ min-height:400px;  }

.n_title{ position:relative; margin-bottom:30px;}

.n_title strong{display:block; color:#004785; text-align:center; margin-bottom:3px; font-size:22px; font-weight:bold;}

.n_title span{ display:block; color:#65696c; text-transform:uppercase; text-align:center; font-size:18px; font-weight:bold;}



/*=================二级导航==================*/

#n_sub_nav{ display:inherit; text-align:center; padding:20px 0 0 0; margin-bottom:40px;}

#n_sub_nav a{ display:inline-block; margin:0 10px; background:url(bg_sub_nav.png) center top no-repeat; color:#2d2d2d; font-size:18px; width:190px; height:55px; line-height:45px;  }

#n_sub_nav a.on{ background:url(bg_sub_nav_on.png) center top no-repeat; color:#fff;}

#n_sub_nav a:hover{ background:url(bg_sub_nav_on.png) center top no-repeat; color:#fff;}




/*==============产品中心=====================*/

#n_pro_type{}

#n_pro_type dl{ border-bottom:1px solid #f1f1f3; padding-bottom:50px; margin-bottom:50px;}

#n_pro_type dl.last{ padding-bottom:0px; margin-bottom:0px;  border-bottom:none; }

#n_pro_type dt{ display:block; margin-bottom:40px;}

#n_pro_type dt strong{color:#3b3c3d; font-size:20px;   display:block;}

#n_pro_type dt span{color:#a3a3a3; font-size:14px; text-transform:uppercase; display:block;}

#n_pro_type dt i{ display:block; height:2px; width:85px; background:#a3a3a3; margin-top:12px; }

#n_pro_type dd{ display:block;}

#n_pro_type dd .content{ margin:0 -15px;}

#n_pro_type dd .content a{ display:block; float:left; margin:0 15px;  width:585px; height:340px; overflow:hidden; position:relative; }

#n_pro_type dd .pic_box{ width:585px; height:340px; overflow:hidden;}

#n_pro_type dd .pic_box img{ width:585px; height:340px;}

#n_pro_type dd .text_box{opacity:0; filter:alpha(opacity=0);  display:block; position:absolute; left:0; top:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8C000000', endColorstr='#8C000000');background:rgba(0,0,0,0.55);}

#n_pro_type dd .text_box h1{ padding-top:160px; font-size:18px; color:#fff; display:block; text-align:center; text-align:center;}

#n_pro_type dd .text_box .logo_box{ display:block; height:42px; background:url(logo_pro.png) center no-repeat;}

#n_pro_type dd a:hover .text_box {opacity:1; filter:alpha(opacity=100);}

#n_pro_type dd a:hover .text_box h1{ padding-top:130px; display:block;  margin-bottom:15px; color:#fff;}

#n_pro_type dd a:hover .text_box h1:hover{ color:#f48000;}

#n_pro_type .more{position: relative; margin:0 auto; margin-top: 40px;  border-radius:3px; text-align:center; width:140px; height: 36px; line-height: 36px;   color: #fff; font-size: 14px; display: block; background: #757473;}

#n_pro_type .more:hover { background: #f48000; color:#fff; }



/*==============产品详情=====================*/

.n_product_show{  }

.n_product_show .up_box .title p{ display:block;   text-align:center; font-size:18px; color:#444444;}

.n_product_show .un_box{ padding-top:30px;}

.n_product_show .un_box .title{ height:40px;  line-height:40px; background:#e8e8e8; position: relative;}

.n_product_show .un_box .title .hd strong{ background:#777777; display:block; float:left; cursor:pointer; border-right:1px solid #e8e8e8; font-size:16px; color:#fff; width:125px; text-align:center;}

.n_product_show .un_box .title .hd strong.on{ background:#f48000;}

 

.n_product_show .un_box .pro_ar_box{ margin-bottom:60px;}

.n_product_show .un_box .pro_ar_box .content{   padding:30px 0; }



.j_photo{ width:790px;  position:relative; margin:25px auto 40px auto;}

.j_photo .big_box{ width:790px; height:465px; position:relative; overflow:hidden; text-align: center;}

.j_photo .big_box img {width:100%;height:100%;}

.j_photo .big_box ul{ position:absolute; left:0; top:0;}

.j_photo .big_box ul li{ width:790px; height:465px;}

.j_photo .big_box ul li img{width:790px; height:465px;}

.j_photo .prev{ float:left; cursor:pointer;}

.j_photo .small_box { position:relative; height:100px; width:100%; margin-top:30px;}

.j_photo .min_pic{ width: 745px; margin:0 auto; position:relative;  height:90px;  overflow: hidden;}

.j_photo .min_pic ul{  margin-right:-15px; }

.j_photo .min_pic ul li{width:142px; height:90px; position:relative;   margin-right:4px; display:inline-block; }

.j_photo .min_pic ul li img{ width:140px; height:82px; padding-top: 7px; }

.j_photo .small_box i{ display:none; height:104px; width: 143px; position:absolute; bottom:0; left:-1px; z-index:9; background:url(mark_j_photle.png) center bottom no-repeat;  }



.j_photo .min_pic ul li.on i{ display:block;}

.j_photo .min_prev{ position:absolute; top:0%; left:0px;   cursor:pointer; }

.j_photo .min_next{position:absolute; top:0%; right:0px;  cursor:pointer; }

.j_photo .small_box .tc_bnt{ height:82px; top:10px;  text-align:center; font-family: "SimSun"; display:block; font-size:24px; line-height:82px; color:#848687;}

.j_photo .small_box .tc_bnt:hover{ color:#f48000;}

.j_photo .big_prev{  position:absolute; top:165px; left:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}

.j_photo .big_next{ position:absolute; top:165px; right:-70px; width:28px; height:51px;z-index:9;cursor:pointer;}

.j_photo .big_box:hover .big_prev{ left:0px;}

.j_photo .big_box:hover .big_next{ right:0px;}



/*==============产品列表====================*/

#n_por_list{}

#n_por_list ul{ margin:-15px; }

#n_por_list li{ float:left; position:relative;  width:380px;    background: #959493;  display:block; margin:15px 14px; }

#n_por_list li a{ display:block;    overflow:hidden;}

#n_por_list li img{ width:380px; height:205px; display:block;}

#n_por_list li span{  width:320px; padding:0px 40px 0 20px;  display:block; line-height: 40px;  font-size:14px; color:#fff;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  background:url(icon_more_sd.png)  355px center no-repeat;}

#n_por_list li:hover span{   background:url(icon_more_sd.png)  355px center no-repeat; }

#n_por_list li:hover { background: #f48000; }




/*==================产品优势=====================*/

#n_ys{    margin: 0 auto; }

#n_ys ul{ margin:-15px -8px;}

#n_ys li{ width:290px; position:relative; display:block; overflow:hidden; background:#fff; border:1px solid #e5e5e5; float:left; margin:15px 8px;}

#n_ys li a{ display:block;}

#n_ys li .pic_box{ position:relative; width:290px; height:235px; overflow:hidden;  }

#n_ys li img{width:290px; height:235px; display:block;}

#n_ys li .text_box{ position:relative; padding: 19px 20px 20px;}

#n_ys li .mark{ position:absolute; right:20px; top:50%; margin-top:-6px; width:26px; height:26px; display:block; background:url(mark_jt.png) center no-repeat;}

#n_ys li h1 strong{overflow:hidden; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#323232; font-size:20px;  display:block; }

#n_ys li span{ margin-top:5px; display:block; font-size:12px; text-transform:uppercase; color:#bfbfbf;}

#n_ys li p{ margin:15px 0 10px 0; height:78px; overflow:hidden; color:#787878; font-size:16px; line-height:26px;}

#n_ys li:hover{ border:1px solid #f48000;}

#n_ys li:hover .mark{ right:15px}

#n_ys li:hover strong{ color:#323232;}



#n_ys .left li .text_box{ padding:25px 45px 20px 45px;}

#n_ys .left li{ width:590px; }

#n_ys .left li a{ display:block;}

#n_ys .left li .pic_box{ position:relative; width:590px; height:480px; overflow:hidden;  }

#n_ys .left li img{width:590px; height:480px; display:block;}

#n_ys .left li .mark{  top:37px; margin-top:0; right:50px; }

#n_ys .left li:hover .mark{ right:40px;}

#n_ys .right{ width:600px;}

#n_ys .right{  }



/*==============新闻中心=====================*/


.n_news  { overflow:hidden;}



.n_news  ul{ margin-right: -50px; margin-top:30px; height: 465px; overflow:hidden;}



.n_news  li{ display: block; height: 65px; padding:45px 30px; float: left; width: 514px; border-bottom: 1px solid #edecec;}



.n_news  li.odd{ border-left:1px solid #edecec;}



.n_news  li .box{padding: 0 0px 0px 70px; position: relative; margin-right: 25px; }



.n_news  li a{  display:block;  font-size:14px; color:#585757; margin-bottom: 13px;}



.n_news  li p{ line-height:20px; font-size:12px; color:#a2a4a6;}



.n_news  li a:hover{ color:#0c608f;}



.n_news  .date_box{ position:absolute; left:0px; top:-5px; text-align: center; width:45px;}



.n_news  .date_box strong{ padding-bottom: 6px; border-bottom: 1px solid #e4e2e2; display:block; font-size: 30px;  color:#a8a8a8;}



.n_news  .date_box span{ font-size: 15px; color: #a8a8a8; margin-top: 9px; display:block; text-transform: uppercase;}



.n_st_news .title{ position:relative; height:25px; line-height:25px; margin-bottom: 30px;}



.n_st_news .title h1{ font-size:22px; font-weight:bold; color:#666666;}



.n_st_news .title a.more{ position:absolute; right:0; top:0; width:60px; height:25px; line-height:25px; text-transform:uppercase; color:#fff; background:#676769; font-size: 12px;  text-align:center;}



/*==============新闻资讯=====================*/

#n_news { overflow:hidden;}

#n_news ul{ margin:-18px; }

#n_news li{ width:375px; position:relative; display:block; overflow:hidden; background:#f9f9fa; float:left; margin:18px; padding-bottom:40px;}

#n_news li a{ display:block;}

#n_news li .pic_box{ position:relative; background:#000; }

#n_news li img{width:375px; height:200px; display:block;  }

#n_news li .text_box{ position:relative; padding:25px; }

#n_news li h2 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; margin-bottom:20px;}

#n_news li p{ font-size:12px; line-height:24px; color:#777777;}

#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}

#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}

#n_news .fot_box span{color:#a1a1a1; font-size:12px; }

#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(icon_more_jt.png) right center no-repeat; padding-right:30px;}

#n_news li img:hover{ opacity:0.5;  alpha(opacity=50);}

#n_news li:hover{  box-shadow:0 0 5px #aaa;   }

#n_news li h2 a:hover{ color:#f48000; text-decoration:none; }

#n_news li .fot_box a:hover{ background:url(icon_more_jt_hover.png) right center no-repeat; }

#n_news li:hover .fot_box span{ }

 



 /*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 0px 0; position:relative; }

.n_article .ar_title p{ font-size:18px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; background:#eff0f4; height:40px; padding:0 20px; color:#999999; line-height:40px;}

.n_article .ar_title strong {margin-left: 1%;}

.n_article .ar_article{ padding-top:40px; padding-bottom:30px; min-height:400px;}

#ar_fot{ position:relative;   border-bottom:1px solid #ddd; height:30px;}

#ar_fot p{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold; max-width:45%;}

#ar_fot .fl { float:left;overflow: hidden; }

#ar_fot .fr { float:right;overflow: hidden; }

#ar_fot p a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot p a:hover{ color:#f48000;}

#ar_fot .bnt_box{  display:block; position:absolute; left:50%; bottom:-1px; margin-left:-90px; background:#fff; width:180px;}

#ar_fot .bnt_back{color:#fff; background:#f48000; margin:0 auto; width:100px; display:block; text-align:center; font-size:12px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ background:#004785;}

  

 

/*==============分享插件=====================*/

.shart_box{ position:absolute; right:10px; top:61px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart_s_24 .bds_qzone{ background:url(shart.png) center -224px no-repeat;}

#j_shart_s_24 .bds_tsina{ background: url(shart.png) center -311px no-repeat;}

#j_shart_s_24 .bds_tqq{background: url(shart.png) center -195px no-repeat;}

#j_shart_s_24 .bds_renren{background: url(shart.png) center -340px no-repeat;}

#j_shart_s_24 .bds_weixin{background: url(shart.png) center -253px no-repeat;}

#j_shart_s_24 .bds_count{ font-size:12px;}