@charset "UTF-8";

html { margin: 0; padding: 0; border: 0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,nav,section { margin: 0; padding: 0; border: 0;}
*{ margin:0; padding: 0;}

body { background: #E3E3E3; position: relative; font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline;  width: 100%; overflow-x: hidden;}
a {text-decoration: none; outline: none;}
a:link { color: #666;}
a:visited { color: #666;}
a:hover,a:active,a:focus { text-decoration: none; outline: none;}
input { padding: 0; margin: 0; font-family: 'Microsoft YaHei';}
img {  border: none;  background: none; vertical-align: middle;}
ul,ol,li { list-style-type: none;}
select,input,img,select { vertical-align: middle;}
table { border-collapse: collapse; border-spacing: 0}
table,th,td { vertical-align: middle}
.clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.clearfix {  zoom: 1}
.clear { clear: both;}
.clearboth {  height: 0px;  line-height: 0px;  overflow: hidden;  clear: both; font-size: 0px;}
h1,h2,h3,h4 { font-size: 14px;}
hr {  border: 0;  border-top: 1px solid #ccc; height: 0;}
.navbar{ background: none; border: none; margin-bottom: 0; }
.navbar-default .navbar-nav > .active > a{  background-color: #E3E3E3!important;}
.navbar-collapse{ padding: 0;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff!important;}
.nav-bg{  background: #5B693B;  padding: 0;}
@media(max-width:768px){
    .nav-bg{ padding-right: 15px;  padding-left: 15px; }
}
@media(max-width:991px){
    .navbar-collapse{ border: 0; width: 100%;  position: absolute;  background: #5B693B; z-index: 99999;  padding-left: 15px;  padding-right: 15px; }
}
.nav li a{ color:#fff!important; display: block; height: 44px; line-height: 44px; font-size: 16px; font-weight: bold; padding: 0 20px; transition: all .3s;}
.nav li a:visited{ background: #999966!important;}
.nav li a:hover{ background: #999966!important;}
.nav li ul.dropdown-menu{ background: #999966;}
.nav li ul.dropdown-menu li a{ height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px dotted #E3E3E3; padding: 0 15px 0 15px; font-weight: normal;}
.nav li ul.dropdown-menu li a:hover{
    background: #DEDEBA!important;
}
.cpbtn{ margin: 5px 15px 0 0;}
.input-group input{ width:160px!important;}
.pad0{ padding: 0;}
.pro{ margin-top: 20px;}
.phonefooternav { position: fixed; bottom: 0; width: 100%; z-index: 99999; min-height:80px; }
.phonefooternav ul li { width: 25%;  background: #494949; float: left;  padding: 10px 0; border-right: 1px solid #666; list-style: none; min-height: 80px;}
.phonefooternav ul li a { display: block; color: #fff; text-align: center;}
.phonefooternav ul li a:hover{text-decoration: initial;}
.phonefooternav ul li a i { display: block; font-size: 20px;  padding: 10px 0;}
  
@media (max-width: 480px) {
    .phonefooternav ul li { padding: 3px 0px; }
}
@media (max-width: 991px) {
    body { padding-bottom:100px !important; }
}
.newsabout{ margin-top: 30px;}
.nn{ border-left: 5px solid #5B693B; padding-left: 30px; font-size: 20px; margin-bottom: 20px;}
.xgnews{ line-height: 26px;}
.xgnews span{ float: right;}
.about-con{ color:#666666; text-indent: 2em;}
.footer-bor{
    border-top: 4px solid #5B693B; padding-top: 20px;
}
.footer{ margin: 20px auto 5px auto;  padding: 10px 0; clear: both; text-align: center; line-height: 170%;}
@media(max-width:768px){
    .iabout{ margin-top: 15px;  }
}

.sNav{ margin: 10px 0;}
.mintitel{ height: 50px; line-height: 50px;}
@media(max-width:768px){
    .mintitel{ white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; } 
}
.mintitel em{ font-style: normal; padding-left: 20px; font-size: 24px; font-weight: 500;}
.sNav p{ font-style: normal;  padding-left: 20px; font-size: 12px; font-weight: 500;}
@media(min-width:768px){
    .col-lg-five{ width: 32.33333333%; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 30px; }
}
@media(min-width:992px){
    .col-lg-five{ width: 24%;  margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 30px; }
}
@media(min-width:1200px){
    .col-lg-five{  width: 19%;  margin-left: 0.5%;  margin-right: 0.5%;  margin-bottom: 30px;  }
}
.i-pro{  margin-top: 45px;}
.pro-item{  background: #fff;  padding: 1% 0.5%;  cursor: pointer;}
.pro-item .pro-name a{  color: #575656;  font-size: 12px;  padding: 0 4px;}
.pro-img{ position: relative;  overflow: hidden;}
.pro-img img{ transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.i-pro .pro-item:hover .pro-img img{ transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);  -ms-transform: scale(1.2);}
.pages{ text-align: center;  margin: 0 0 60px;}
.pages ul li{ display: inline-block;}
.pages ul li a{ background: #fff; border: 1px solid #999999; font-size: 14px; padding: 5px 10px; margin: 20px 3px; display: inline-block; color: #999999;}
.pages ul li a:hover{ background: #999999; border: 1px solid #999999; font-size: 14px; padding: 5px 10px; display: inline-block; color: #fff;}
.main{  padding: 30px 200px;   margin:40px auto;  -moz-box-shadow: 4px 4px 8px #888; -webkit-box-shadow: 4px 4px 8px #888; box-shadow: 4px 4px 8px #888;
    background: #fff url(../images/bg.gif) repeat-y;  overflow: hidden;  position: relative;}
@media(max-width:768px){
    .main{ margin: 0 auto;  padding: 10px; }
}
.pro-art-title{  width:100%; }
.pro-art-title-img{  height: 70px; line-height: 70px;}
.pro-art-title h1{ background-color: #999;  color: #fff;  height: 70px;  line-height: 70px;  position: relative; font-size: 20px;}
@media(max-width:992px){
    .pro-art-title h1{ margin-left:10%; font-size:14px; white-space: nowrap; text-overflow: ellipsis;  overflow:hidden; }
}
.pro-art-title h1 img{ position: absolute; right:40px; cursor: pointer;}
.mian-left-bg{ position: absolute; top:0; left:0;}
.pro-con{  padding: 60px 0 0 160px;}
.pro-con table{ border:0; }
@media(max-width:992px){
    .pro-con{  padding: 11px 0 0 40px;  }
}
.listtit{  background: #5B693B; color: #fff;  padding: 10px 20px 10px;}
.listtit h3{ margin: 0; padding: 0; font-size: 22px; line-height: 30px; font-weight: bold;}
.listtit span{ margin: 0; padding: 0;}
.listli{ background: #eaeaea;}
.listli li{ display: block; margin: 0 20px; border-bottom: 1px solid #e0e0e0;}
.listli a{ display: inline-block; width: 100%; line-height: 60px; height: 60px; color: #888888;}
.actli{ color: #5B693B !important;}
.mnews{  margin: 30px 0;  padding-bottom: 30px;  border-bottom: 1px solid #e5e5e5;}
@media (min-width: 992px){
.newsimg {  width: 20%;}
}
@media (min-width: 992px){
.news_a {  width: 80%;  padding-left: 10px;}
}
.news_a_tit a{  color: #5B693B;  font-size: 20px;}
.news_a_cont{  padding-top: 10px;}
.news_a_cont a{ color: #939393;}
.mainc{  padding: 0 5% 40px 5%;}
.newsart h1{ text-align: center;}
.mainc h1{  font-size: 34px; font-weight: bold; padding: 20px 0;}
.mainc h2{ margin: 10px 0; background: #eaeaea; width: 100%; height: 30px; line-height: 30px; font-size: 12px; text-align: center;}
.articlenext{  margin: 10px 0; background: #eaeaea; width: 100%; line-height: 40px;}
@media (min-width: 992px){
.articlenext div:first-child { float: left; padding-left: 10px;}
}
@media (min-width: 992px){
.articlenext div:last-child {  float: right;  padding-right: 10px;}
}
.about-con{  background-color: #f0f0f0;  margin: 15px 0; padding: 20px; font-size: 14px; line-height: 170%;}
.copyright{  margin: 15px 0;}
.about-img{  display: block;  margin: 30px 0 10px 0; text-align: center;}
.downmain{  margin: 25px auto; padding: 20px;  min-height: 300px; font-size: 14px;  line-height: 170%;  background-color: #f0f0f0;  overflow: hidden;}
.downmain h2{ display: block; font-style: normal; font-size: 14px; font-weight: 600; margin: 0 0 10px 0;}
.pro-con img{   max-width: 100%!important;  height: auto!important;  display: block!important;}
@media(max-width: 768px){
    .pro-item{  padding-left:15px!important;  padding-right: 15px!important; background: none!important;  }
}
.pro-name{   white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}

/*-----------------------------分页 start--------------------------------*/
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}
.next1 a.on1,.next1 a:hover{background: #2991ea;color: #fff;border: 1px solid #2991ea;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}