/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font:normal 12px/22px Arial;margin:0 auto;  }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ color:#FF8400;  }
.clearfloat{ zoom:1; }
.clearfloat{display:block;clear:both;content:"";visibility:hidden;height:0;}
/* 头部css */
.head{width: 100%;height: 86px;border-bottom: 2px solid #000000;position: fixed;z-index: 100;background-color: #fff; }
.hcont{ height: 86px; margin: 0 180px; }
.logo{width: 15%;height: 86px;  float: left; }
.logo img{margin: 10px 0px;  width: auto; max-width: 100%;}
.ulNav{display: none;}
.topNav{width: 85%; height: 22px;  float: right; font-family:"Microsoft YaHei,SimSun";font-size: 14px; }
.topNav h3{ font-weight:normal; font-size:14px;font-family:"Microsoft YaHei";margin: 28px auto; }
.topNav dd{ float:left; }
.topNav dd b{font-weight:normal;}
.topNav dd h3{ float:left;  }
.topNav dd h3 a{ display:inline-block; *display:inline; zoom:1; height:14px; line-height:14px; padding:13px 20px;  }
.topNav dd h3 a i{ display:inline-block; width:8px; height:5px; margin:0 0 0 5px; overflow:hidden; vertical-align:middle; font-size:12px; line-height:13px; background: url(../images/icon.png) 0 -61px no-repeat;   }
.topNav dd h3 a:hover,
.topNav dd.on h3 a{ background:#f5f5f5; color:#ff0000;    }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute;min-height: 400px; width:100%; left:0%; top:68px;   border-top:0; background-color: #f5f5f5; z-index: 3;
      -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); 
    }
.topNav dd ul .left1{width: 50%;min-height: 300px;background-color: #f5f5f5;padding: 50px ;float: left;margin-left:6%; }
.topNav dd ul .left1 li{ line-height: 60px; font-family:"Microsoft YaHei";display: inline-block; width: 30%; text-align: left; float: left; }
.topNav dd ul .left1 li i{line-height: 28px;display: inline-block; margin-right: 10px;}
.topNav dd ul .left1 li span{line-height: 60px;display: inline-block;float: right; }
.topNav dd ul .left1 li a{ display: block; color: #333; padding: 0 15px;  }
.topNav dd ul .left1 li a:hover{ background:#ff0000; color:#ffffff;    }
.topNav dd ul .left1 li a span{color:#f5f5f5; margin-left:5px;   }


.topNav dd ul .right1{ width:30%;min-height: 300px;background-color: #fff;padding: 50px;float: right;}
.topNav dd ul .right1 img{display: block; margin: 10px 0px;max-width: 100%;}
.topNav dd ul .right1 span{display: block;margin:20px 0px;color:#666;font-size: 16px;}
.topNav dd ul .right1 a{display: inline-block; background-color: #da2418;width: 120px;height:40px;line-height: 40px; color: #fff;text-align: left;text-indent: 10px;}

.indexsou{height: 36px; width: 18%; margin-top: 0.3%;margin-right: 4%; float: right; }
.indexsou form input:first-child{height: 36px; width: 82%;border:1px solid #f3eeee;border-radius: 18px; font-family: "微软雅黑";font-weight: lighter; color:#cecdcd; font-size: 14px;padding-left: 10px;line-height: 36px; float: left;}
.indexsou form input:last-child{height: 36px; width: 11%;border:none;background:url(../images/product/sou-ico.png) no-repeat center;float:right;}
.indexsou form input:focus{ outline: none;box-shadow: 0 0 10px #9ecaed;}

/*手机导航*/

.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  



  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  


@keyframes clickfirst {
  0% {
    transform: translateY(4px) rotate(0deg);
    
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
} 



@keyframes clicksecond {
  0% {
    transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 

.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
} 



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 40px;
  left: 0px;
  padding-top: 0px;
  padding-bottom: 80px;
  display: none;
  z-index: 9999;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
  font-size: 16px;
}

.mobile-inner-nav dd ul{display: none;width: 60%;position: relative;left: 100px;}
.mobile-inner-nav dd ul li{height: 30px;}
.mobile-inner-nav dd ul li a{line-height: 30px;font-size: 14px;}

.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}

.mobile-inner-nav a{
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: returnToNormal;
  animation-name: returnToNormal;
}
  
    
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}




/*底部css */
@font-face{ font-family: "FZXH";src:url(FZXH1JW.TTF); }
.foot{height: 386px;width: 100%;background-color: #212121;}
.foot-con{width: 90%;height: 286px;margin:0px auto;position: relative;top:40px;  }
.foot-nav{width: 16%;height: 266px;float: left; border-right:2px solid #3e3e3e;}
.foot-nav h2 a{font-family: "FZXH";font-size: 18px;font-weight: lighter; line-height: 48px; color: #fff; padding-left: 35%;}
.foot-nav li a{font-family: "Microsoft YaHei";font-size: 13px;line-height: 30px;color:#696969;padding-left: 35%;}
.foot-nav h2 a:hover{color:red;}
.foot-nav li a:hover{color:red;}
.foot-weixin{width: 20%;height: 280px;float: left;padding-left:5%; }
.foot-weixin img{width: 320px;height: 280px;}

.foot-bottom{width: 100%;height: 40px;border-top: 2px solid #3e3e3e;margin-top: 60px;}
.foot-bottom span{display: block;text-align: center; margin:0px auto;font: 13px/40px "Microsoft YaHei";color:#5d5d5d;}

/*分页css*/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;font-size: 14px; line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {
.head{height: 66px;}
.hcont{ height: 66px; margin: 0 30px;}
.logo{width: 10%;height: 66px; }
.logo img{margin: 20px 35px 20px 15px;}
.ulNav{display: none;}
.topNav{width: 90%;}
.topNav h3{font-size:80%;margin: 15px 0px 15px 20px; }
.topNav dd h3{ font-size: 14px; }
.topNav dd h3 a{padding:13px 10px;  }
.topNav dd ul .left1{margin-left:1%;}

.indexsou{height: 32px; width: 18%; margin-top: -0.2%;margin-right: 4%; float: right; }
.indexsou form input:first-child{height: 32px; width: 80%;border:1px solid #f3eeee;border-radius: 12px; font-family: "微软雅黑";font-weight: lighter; color:#cecdcd; font-size: 14px;padding-left: 10px;line-height: 24px; float: left;}
.indexsou form input:last-child{height: 32px; width: 13%;border:none;background:url(../images/product/sou-ico.png) no-repeat center;float:right;}

}


/* 媒体查询768-1024px css */
@media (min-width: 768px)and (max-width: 1024px) {
.head{height: 50px;border-bottom: 1px solid #000000;}
.hcont{ height: 50px; margin: 0 10px;}
.logo{width: 10%;height: 66px;  }
.logo img{margin: 15px 25px 5px 5px;  }
.ulNav{display: none;}
.topNav{width: 90%;height: 18px;  font-size: 12px;}
.topNav h3{ font-weight:normal; font-size:40%;margin: 5px 0 5px 15px; }
.topNav dd h3{ font-size: 12px; }
.topNav dd h3 a{  padding:14px 5px;  }
.topNav dd h3 a i{line-height:12px; background: url(../images/icon.png) 0 -61px no-repeat;   }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute;height: 300px; width:100%; left:0%; top:48px; margin-left:0%;  }
.topNav dd ul .left1{width: 40%;height: 280px;padding: 10px 40px;}
.topNav dd ul .left1 li{ line-height: 30px;  width: 50%; }
.topNav dd ul .left1 li i{line-height: 28px; margin-right: 10px;}
.topNav dd ul .left1 li span{line-height: 30px; }
.topNav dd ul .left1 li a{  padding: 0 5px;  }
.topNav dd ul .left1 li a span{color:#f5f5f5; margin-left:5px;   }
.topNav dd ul .right1{ width:40%;height: 280px;padding: 10px;}
.topNav dd ul .right1 span{margin:10px 0px;}
.topNav dd ul .right1 a{width: 120px;height:40px;line-height: 40px; text-indent: 10px;}

.foot-nav h2 a{ padding-left: 0 !important;;}
.foot-nav li a{padding-left: 0 !important;}
.foot-weixin{padding-left:30px; }
.foot-weixin img{width: 180px;height: 160px;}

.indexsou{display: none;}
}



/* 媒体查询461-767px css */
@media (min-width: 461px)and (max-width: 767px) {
.head{height: 50px;border-bottom: 1px solid #000000;}
.hcont{ height: 50px; margin: 0 10px;}
.logo{ display: none;}
.logo img{display: none;}
.ulNav{display: none;}
.topNav{width: 90%;height: 18px;  }
.topNav h3{  font-size:40%;margin: 5px 0px; }
.topNav dd b{display: none;}
.topNav dd h3{font-size: 12px; }
.topNav dd h3 a{height:14px; line-height:14px; padding:14px 5px;  }
.topNav dd h3 a i{line-height:12px; }

.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute;height: 300px; width:100%; left:0%; top:48px;  overflow: hidden; }
.topNav dd ul .left1{width: 40%;height: 280px;padding: 10px 40px;margin-left:2%;}
.topNav dd ul .left1 li{ line-height: 30px;  width: 100%;font-size: 12px; }
.topNav dd ul .left1 li i{line-height: 28px; margin-right: 10px;}
.topNav dd ul .left1 li span{line-height: 30px; }
.topNav dd ul .left1 li a{  padding: 0 5px;  }
.topNav dd ul .left1 li a span{color:#f5f5f5; margin-left:5px;   }
.topNav dd ul .right1{ width:40%;height: 280px;padding: 10px; }
.topNav dd ul .right1 span{margin:10px 0px;font-size: 14px;}
.topNav dd ul .right1 a{width: 120px;height:40px;line-height: 40px; text-indent: 10px;}

.indexsou{display: none;}

.foot-con{width: 96%;  }
.foot-nav h2 a{font-size: 16px; padding-left: 0 !important;}
.foot-nav li a{font-size: 11px;line-height: 20px;padding-left: 0 !important;}
.foot-weixin{padding-left:0; }
.foot-weixin img{width: 160px;height: 140px;}
.foot-bottom{margin-top: 20px;}
.foot-bottom span{font: 8px/40px "Microsoft YaHei";}

}



/* 媒体查询339-460px css */
@media (min-width: 341px)and (max-width: 460px) {
.head{height: 40px;border-bottom: 1px solid #000000;}
.hcont{ height: 40px; margin: 0 0px; }
.logo{width: 30%;height: 40px; }
.logo img{display: block; margin:  5px 0; float: left; width: auto; max-width: 100%;}
.ulNav{display: block; width:100%;height: 15px;}
.ulNav li{display: block; float: left; font-size: 14px;font-family:"Microsoft YaHei";margin:10px 6px;position: relative;left: 15px;}
.nav-ico{display: none; width: 10%;height: 40px; float: right;  z-index: 3;  }
.nav-ico span{position: relative;top: 30%;left: 2%;display: block;background-color: #000;width: 2.0em;height: .25em;border-radius: 1px;margin-bottom: .2em;}
.topNav{ width: 100%;height: 10px;   display: none; }
.topNav dd{display: inline-block; position:relative; top: 10px; height: 35px; width: 100%;  z-index: -333;}
.topNav dd b{display: none;}
.topNav dd h3{ z-index: 3;font-size: 14px; margin: 10px 0 10px 2px; font-family:"Microsoft YaHei";}
.topNav dd h3 a{ height:12px; line-height:12px; padding:8px 1px;color: #FF8400; background-color: rgba(0,0,0,.5);border-bottom: 1px solid #fff; }
.topNav dd h3 a i{ line-height:12px; background: url(../images/icon.png) 0 -61px no-repeat; transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg); }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:200px; height: 200px; top:-15px; left: 50px; z-index:13 ;overflow-y: scroll;}

.topNav dd ul .left1{width: 100%;height: 200px; padding:0; }
.topNav dd ul .left1 li{ line-height: 30px;  width: 100%;}
.topNav dd ul .left1 li span{line-height: 30px;}
.topNav dd ul .right1{display: none; }



.indexsou{display: none;}

.foot-con{width: 96%;height: 246px;position: relative;top:20px;  }
.foot-nav{width: 24.5%;height: 246px;}
.foot-nav:nth-child(4){border-right: none;}
.foot-nav h2 a{font-size: 14px; line-height: 32px;  padding-left: 0;}
.foot-nav li a{font-size: 8px;line-height: 12px;padding-left: 0 !important;}
.foot-nav h2 a:nth-child(1){padding-left: 15px !important;}
.foot-nav .pad{padding-left: 15px;}
.foot-weixin{display: none; }
.foot-bottom{height: 80px;}
.foot-bottom span{font: 8px/40px "Microsoft YaHei";}

}



/* 媒体查询小于339px css */
@media (max-width: 340px) {
.head{height: 40px;border-bottom: 1px solid #000000;}
.hcont{ height: 40px; margin: 0 10px; }
.logo{width: 30%;height: 40px; }
.logo img{display: block; margin:  5px 0; float: left; width: auto; max-width: 100%;}
.ulNav{display: block; width:100%;height: 15px;}
.ulNav li{display: block; float: left; font-size: 14px;font-family:Microsoft YaHei;margin:10px 6px;position: relative;left: 10px;}
.nav-ico{display: block; width: 10%;height: 40px; float: right;  z-index: 3;  }
.nav-ico span{position: relative;top: 30%;left: 2%;display: block;background-color: #000;width: 2.0em;height: .25em;border-radius: 1px;margin-bottom: .2em;}
.topNav{ width: 100%;height: 10px;   z-index: 13; display: none; }
.topNav dd{ position:relative; top: 10px;height: 35px; width: 100%;  z-index: 13; }
.topNav dd b{display: none;}
.topNav dd h3{ z-index: 3;font-size: 14px; margin: 10px 0 10px 2px; font-family:"Microsoft YaHei";}
.topNav dd h3 a{ height:12px; line-height:12px; padding:8px 1px;color: #FF8400; background-color: rgba(0,0,0,.5);border-bottom: 1px solid #fff; }
.topNav dd h3 a i{ line-height:12px; background: url(../images/icon.png) 0 -61px no-repeat; transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg); }
.topNav dd ul{ display:none; /*默认隐藏*/ position:absolute; width:200px; height: 200px; top:-15px; left: 50px; z-index:13 ;overflow-y: scroll;}

.topNav dd ul .left1{width: 100%;height: 200px; padding:0; }
.topNav dd ul .left1 li{ line-height: 30px;  width: 100%;  }
.topNav dd ul .left1 li span{line-height: 30px;}
.topNav dd ul .right1{display: none; } 


.mobile-inner-nav{top: 40px;}
.indexsou{display: none;}

.foot-con{width: 96%;height: 246px;position: relative;top:20px;  }
.foot-nav{width: 24.5%;height: 246px;}
.foot-nav:nth-child(4){border-right: none;}
.foot-nav h2 a{font-size: 14px; line-height: 32px;  padding-left: 0 !important;;}
.foot-nav li a{font-size: 8px;line-height: 12px;padding-left: 0 !important;}
.foot-nav h2 a:nth-child(1){padding-left: 10px;}
.foot-nav .pad{padding-left: 0px !important;}
.foot-weixin{display: none; }
.foot-bottom{height: 80px;}
.foot-bottom span{font: 8px/40px "Microsoft YaHei";}


}