@charset "utf-8";
/* CSS Document */

body{color:#666; }
a{color:#666}
a:hover{color:#6abf4e}
.centerB{width:1024px; margin:0 auto; position:relative}

.index-H{width:100%;margin:0 auto;height:105px; position:fixed;left:0px;top:0px; background:#fff;z-index:999}
.header{width:100%;margin:0 auto; height:105px}
.logo{float:left;width:195px;padding-top:35px;}
.nav{float:left;padding-top:35px;margin-left:100px}
.nav a{display:inline-block; height:67px; line-height:67px;padding:0 15px 0px; border-bottom:3px solid #fff;font-size:1.25em;color:#474c45;margin-right:1px }
.nav a:hover{border-color:#8bc56d;color:#8bc56d;}
.nav a.cur{border-color:#8bc56d;color:#8bc56d;font-weight:700}
.head-R{float:right;padding-top:15px;}
.head-R .lan{text-align:right}
.head-R .lan a{margin-left:10px; font-size:0.9em;color:#929990}
.head-R .lan a.cur, .head-R .lan a:hover{color:#8bc56d;}
.head-R .h-tel{margin-top:21px;padding-left:25px; background:url("../images/ic-tel.png") no-repeat left center;color:#474c45;font-size:1.25em; font-family:Tahoma}

.phone-nav{display:none}

.footer{width:100%; background:#292f27;height:145px !important;margin:0 auto}
.footer .down-btn{ position:absolute;left:0px; top:0px;width:140px;height:145px; background:url("../images/ic-down.jpg") no-repeat}
.footer .down-btn:hover{opacity:0.85;filter:alpha(opacity=85)}
.footer .footer-r{padding-left:175px;}
.footer-r{ }
.footer-nav{border-bottom:1px solid #3f443d;position:relative;padding:25px 0 15px}
.footer-nav a{display:inline-block;margin-right:20px;font-size:0.75em;color:#fff}
.footer-nav a:hover{ text-decoration:underline;color:#818481;}
.footer-nav .attention{ position:absolute;right:0px;top:20px;font-size:0.75em;color:#fff}
.footer-nav .attention a{width:32px;height:32px; vertical-align:middle;margin-left:8px;margin-right:0px}
.footer-nav .attention a.wx{ background:url("../images/ic-wx.png") no-repeat}
.footer-nav .attention a.sina{ background:url("../images/ic-sina.png") no-repeat}
.footer-nav .attention a:hover{opacity:0.70;filter:alpha(opacity=70)}
.footer-r .copy{color:#818481; font-size:0.75em;margin-top:15px}
.footer-r .copy em{margin:0 5px;}
.footer-r .copy span{margin-left:20px}

/*·ÖÏí*/
.f-share{ position:absolute;right:160px;top:20px;font-size:0.75em;color:#fff}
.f-share .bdsharebuttonbox{display:inline-block;height:20px;padding-left:50px;}
.f-share .s-tit{ position:absolute;left:0px;top:8px }
.f-share .bdsharebuttonbox a{margin-top:8px}
.f-share .bdsharebuttonbox .bds_more{ background:url("../images/gd.png") no-repeat center; background-size:100%;}
.f-share .bdsharebuttonbox .bds_weixin{ background:url("../images/wx.png") no-repeat center; background-size:100%;}
.f-share .bdsharebuttonbox .bds_sqq{ background:url("../images/qq.png") no-repeat center; background-size:100%;}
.f-share .bdsharebuttonbox .bds_tsina{ background:url("../images/xlwb.png") no-repeat center; background-size:100%;}
.f-share .bdsharebuttonbox .bds_tqq{ background:url("../images/txwb.png") no-repeat center; background-size:100%;}
.f-share .bdsharebuttonbox .bds_renren{ background:url("../images/rr.png") no-repeat center; background-size:100%;}
/*ÓÑÇéÁ´½Ó*/
.f-links{margin:15px 0 0;}
.f-links ul{height:22px; overflow:hidden}
.f-links li{float:left;margin-right:15px;line-height:22px;font-size:0.75em;color:#818481; }
.f-links li a{color:#818481;  }
.f-links li a:hover{color:#fff}

/**/
.pro-nav{}
.pro-nav li{float:left;width:90px;margin-left:26px}
.pro-nav li:first-child{margin-left:0px}
.pro-nav li a{display:block}
.pro-nav li .nav-i{ border-radius:50%; text-align:center; overflow:hidden;width:90px;height:90px; overflow:hidden; line-height:90px;}
.pro-nav li h4{font-size:1em;margin-top:10px; text-align:center}

.pro-b-nav{ background:#f7f7f7;padding:40px 0}
.pro-b-nav .pro-nav{}
.pro-b-nav .pro-nav li .nav-i{border:1px solid #ccc;}
.pro-b-nav .pro-nav li .nav-i .imgb{display:none}
.pro-b-nav .pro-nav li h4{color:#777;}
.pro-b-nav .pro-nav li a:hover .nav-i{border-color:#79ac5e; background:#79ac5e;}
.pro-b-nav .pro-nav li a:hover .nav-i .imgb{ display:inline-block; position:relative;z-index:1}
.pro-b-nav .pro-nav li a:hover .nav-i .imgh{display:none}

.pro-p-nav .pro-nav{padding:30px 0 30px}
.pro-p-nav{ background:#79ac5e;display:none; position:absolute;top:105px;left:0px;width:100%;z-index:99}
.pro-p-nav .pro-nav li .nav-i{border:1px solid #9fc48d;}
.pro-p-nav .pro-nav li .nav-i .imgh{display:none}
.pro-p-nav .pro-nav li h4{color:#fff;}
.pro-p-nav .pro-nav li a:hover .nav-i{border-color:#476c3c; background:#476c3c;}

.pop-Box{display:none; position:absolute;width:82px;height:82px; top:40px; background:#fff; border-top:3px solid #ffd200;  }
.pop-weixin{right:16px;}
.pop-weibo{right:0px}
.icon-topj1{width:0; height:0; border-bottom:6px solid #ffd200;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:-8px;left:50%;margin-left:-6px}
.pop-weibo .icon-topj1{left:80%}
.pop-Box img{max-width:100%}

.right-bar{ z-index:101;position:fixed;top:55%;width:64px;right:0px;height:120px; background:url("../images/ic-contact.png") no-repeat}
.right-bar a{display:block;color:#fff;font-size:0.875em;padding:25px 0 0 20px;}
.right-bar a i{display:block; background:url("../images/ic-contact2.png") no-repeat center;width:28px; height:15px;margin-top:12px}
.contact-pop{ position:fixed;top:50%;left:50%;width:784px;height:320px;margin:-160px 0 0 -392px; background:#4a4845; filter:alpha(opacity=20);opacity:0.2;display:none;z-index:101;}
.contact-pop-m{ position:fixed;top:50%;left:50%;width:704px;height:270px;margin:-150px 0 0 -382px; background:#4a4845;padding:30px 30px 0 ;display:none;z-index:101;}
.contact-pop-m h4{font-size:1em;padding-left:20px;color:#fff; position:relative; border-bottom:1px solid #9f9e9d;padding-bottom:8px; background:url("../images/ic-edit.png") no-repeat left 4px; }
.contact-pop-m .contact-close{ position:absolute;right:0px;top:50%;width:30px; height:30px;margin-top:-10px; background:url("../images/ic-c-close.png") no-repeat}
.contact-pop-m .contact-close:hover{ opacity:0.8}
.contact-pop-m .contact-pop-c{padding-top:20px}
.contact-pop-m .form-fl{float:left;width:48%}
.contact-pop-m .form-fr{float:right;width:48%}
.contact-pop-m .form-it{ background:#ededed; height:26px;margin-bottom:15px;border-radius:3px; position:relative }
.contact-pop-m .form-it input[type="text"]{width:98%;padding-left:2%; border:none; height:26px; line-height:26px;border-radius:3px;background:#ededed; }
.contact-pop-m .form-it>label{ position:absolute;left:10px;top:0px; height:26px;font-size:0.875em; line-height:26px;color:#aaaaaa}
.contact-pop-m .form-it dl{ position:relative}
.contact-pop-m .form-it dl dt{ position:relative}
.contact-pop-m .form-it dl dt p{ height:26px;font-size:0.875em; line-height:26px;color:#aaa;padding-left:10px; cursor:pointer}
.contact-pop-m .form-it dl dt .dl-arrow{ position:absolute;right:15px; top:50%;border-top:10px solid #ccc;border-left:10px solid transparent;border-right:10px solid transparent;margin-top:-5px}
.contact-pop-m .form-it dl dd { position:absolute;top:23px;left:-1px; max-height:250px;padding:10px 0px 50px; overflow:auto;width:100%; border:1px solid #ccc; background:#fff;z-index:2;border-radius:0 0 6px 6px;display:none}
.contact-pop-m .form-it dl dd label{cursor:pointer;margin:10px;display:inline-block}
.contact-pop-m .form-it dl dd input{margin-right:5px}
.contact-pop-m .form-it dl dd .check-btn{ position:absolute;left:10px;bottom:10px; line-height:30px; height:30px;padding:0 20px; color:#fff;background:#71a754; cursor:pointer}
.contact-pop-m .form-area{height:66px}
.contact-pop-m .form-area textarea{border:none;padding:10px 1%;width:98%; height:45px;border-radius: 3px;font-size:1em; color:#666;background:#ededed;}
.contact-pop-m .form-btn{margin-top:20px; text-align:right}
.contact-pop-m .form-btn a{display:inline-block; height:40px; line-height:40px; color:#fff; font-size:1em; padding:0 25px; background:#71a754; border-radius:3px;transition: all 0.3s ease 0s;} 
.contact-pop-m .form-it input:focus{ background:#fff}
.contact-pop-m .form-btn a:hover{background:#418b27;}

.contact-pop-m .form-tel .tel-i{display:inline-block;margin-right:3%;width:30%; position:relative }
.contact-pop-m .form-tel .tel-i label{font-size:0.875em;color:#aaa;display:inline-block;height:26px; line-height:26px; position:absolute;left:5px;top:0px}
.contact-pop-m .form-tel input[type="text"]{width:90%;padding-left:8%;border:none;}

/*goTop*/
.goTop{ position:fixed;bottom:20px;right:0px;width:40px;height:40px; text-indent:-9999em; background:url("../images/gotop.png") no-repeat center top;z-index:99;}
.goTop:hover{background-position:center bottom}


@media screen and (min-width:1300px) 
{
.index-H{height:150px; }
.header{height:150px}
.logo{padding-top:58px;}
.nav{padding-top:30px;}
.nav a{ height:120px; line-height:120px;border:none;}
.head-R{padding-top:32px;}
.pro-p-nav{top:150px;}
}


@media screen and (max-width:980px) 
{

 .centerB{width:100%;} 
  
 .no-scroll{ height: 100%; overflow-y: hidden;}
 .wrap-cover{ display:none}
 .no-scroll .wrap-cover{ position:fixed;top:0px;width:100%; height:100%; background:rgba(0,0,0,0.5);z-index:80;display:block}
 
 .index-H{height:50px;}
 .header{height:50px; position:fixed;z-index:99;top:0px;width:100%; box-shadow:0 2px 2px rgba(0,0,0,0.4); background:#fff} 
 .logo{padding:6px 0 0 10px;width:150px; height:auto}
 .logo img{max-width:100%}
 .head-R{display:none}
 .nav{display:none}
 .phone-nav{display:block; position:absolute;right:0px; top:0px;}  
 .phone-nav .ph-menu{display:block;width:42px;height:42px; background:url("../images/phone-icon.png") no-repeat center;margin:5px 10px 0 0; background-size:cover}
 .phone-nav .p-menu-c{display:block;width:42px;height:42px; line-height:46px; background:url("../images/phone-icon-c.png") no-repeat center; background-size:cover}
 .pnav-L{ position:absolute;top:50px;right:0px; width:200px; background:#fafafa;padding:10px 0 20px;display:none;box-shadow:4px 0 6px #ccc inset}
 .no-scroll .pnav-L{display:block}
 .pnav-L li{border-bottom:1px solid #ccc; position:relative}
 .pnav-L a{height:40px; line-height:40px;color:#000;padding:0 10px 0 20px;display:block; font-size:0.875em; position:relative} 
 .pnav-L a  .ic-secend{ position:absolute;right:10px;top:50%;margin-top:-10px;width:22px;height:20px; background:url("../images/ic-secend.png") no-repeat center}
 .pnav-L .secend-menu{display:none; background:#fff;padding:5px 0 5px 10px}
 .pnav-L .secend-menu a{display:inline-block;margin:5px 10px;padding:0; height:18px; line-height:18px;}
 .pnav-L li.ph-lan{ text-align:center;padding-top:10px;border-bottom:none}
 .pnav-L li.ph-lan a{display:inline-block;font-size:0.75em}  
 .pnav-L li.ph-lan em{margin:0 5px;}
  
  
.footer{height:60px !important;margin:0 auto}
.footer .down-btn{width:60px;height:60px; background:url("../images/ic-down.jpg") no-repeat; background-size:100%;display:none}
.footer .down-btn:hover{opacity:0.85;filter:alpha(opacity=85)}
.footer .footer-r{padding-left:0px;}
.footer-nav{display:none}
.footer-nav .attention{display:none}
.footer-r .copy{margin-top:0px;padding:0px; text-align:center;font-size:0.625em}
.footer-r .copy em{margin:0px;}
.footer-r .copy span{margin-left:10px}
.f-links{margin:0px;padding:5px 0 5px 5px}
.right-bar{display:none}

.pro-b-nav{ display:none}

.goTop{ bottom:10px;width:40px;height:40px; background:url("../images/gotop.png") no-repeat center top; background-size:100%; display:none}
}

@media screen and (max-width:320px) 
{
   
}