html {-ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
body { color: #515151;font-family:"微软雅黑";}
a { color: #515151; text-decoration: none;}
.fd{clear:both;}
li{list-style-type:none;}
@font-face{
  font-family: impact;
  src: url('fonts/impact.ttf');
}
@font-face{
  font-family: regular;
  src: url('fonts/MISSYUAN-叶根友毛笔行书简体.TTF');
}

/*头部*/
.tops{width: 100%;margin: 0 auto;background-color: #fff;position: fixed;}
.logo{width: 56%;margin-top: 2.5%;margin-left: 2.5%;float: left;}
.logo img{width: 100%;}
.zy{float: left;width: 18%;margin-top: 4.5%;margin-left: 1.5%;}
.zy img{width: 100%;}
/*搜索*/
.search{float: right;margin: 3.5% 14% 3% 0;position: relative;width: 6%;}
.search img{width: 100%;}
.ss{width:0;height:35px;left:0;overflow:hidden;z-index:7;position: absolute;margin-top: 14%;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#0072ca;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}

/*导航*/
.Gps{width: 100%;padding-top: 14%;color: #fff;text-align: center;font-size: 0.8em;}
.Gps a{color: #fff;}
.Gps_list{width: 25%;float: left;height: 40px;line-height: 40px; background: url(../images/Gps_02.png) no-repeat center;background-size: 100% 100%;}
/*底部*/
#foot{margin: 0;height:60px; padding: 0; position: fixed; bottom: 0px; background-color: #484848;background-position:-2px 0;list-style-type: none; z-index: 9999;width: 100%;font-size: 12px;}
.bot{width:100%;margin: 0 auto;height: 45px;line-height: 51px;}
.footas{margin-top: 1.8%;float: left;width: 25%;}
.footas img{width: 30%;}
.footas p{margin-top: -38%;color:#fff;}
/*banner*/
/*.banner{padding-top: 20%;}*/
.swipe{width: 100%;}

/*关于我们*/
.about{width: 96%;padding: 3% 0 0 4%;}
.about_left{float: left;width: 50%;}
.about_left_tit{padding-bottom: 3%;border-bottom: 1px solid #c0c0c0;float: left;}
.about_left_con{font-size: 0.8em;padding: 5% 0 0 0;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}
.about_right{float: right;width: 50%;}
.about_right img{width: 100%;}

/*产品中心*/
.pro{width: 94%; background: url(../images/bj_02.png) no-repeat center;background-size: 100% 100%;color: #fff;padding: 5% 3% 8% 3%;}
.pro_tit_left{float: left;padding-bottom: 5%;border-bottom: 1px solid #fff;}
.pro_tit_right{float: right;font-size: 0.8em;margin-top: 3%;}
.pro_con{padding-top: 5%;}
.pro_con a{color: #fff;}
.pro_list{width: 40%;text-align: center;float: left;margin: 0 4% 0 4%;margin-top: 3%;}
.pro_list p{width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_list img{width: 100%;}

/*联系我们*/
.lx{width: 92%;background: url(../images/lx_02.png) no-repeat center;background-size: 100% 100%;color: #fff;padding: 5% 4% 0 4%;}
.lx_con{font-size: 0.7em;margin-top: 10%;line-height: 22px;padding-bottom: 20%;}

/*-----------------------------------二级页面-------------------------------------------*/
/*公共调用*/
.public_tit{color: #fff;background-color: rgba(0,0,0,0.3);width: 98%;text-align: right;margin-top: -9%;position: relative;z-index: 9;padding: 2% 2% 2% 0;font-size: 0.8em;}
.public{padding-top: 5%;width: 100%;text-align: center;}
.public_title{text-align: center;display: inline;padding-bottom: 3%;border-bottom: 1px solid #d1d1d1;font-size: 1.2em;}
.public_list{margin-top: 5%;}
.public_dis{float: left;padding: 1% 0% 1% 0%;border-radius: 5px;width: 25%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.public_dis:hover{background-color: #009cff;color: #fff;}

.public_disas{display: inline; padding: 1% 1% 1% 1%;border-radius: 5px;margin: 0 1.5% 0 1.5%;}
.public_disas:hover{background-color: #009cff;color: #fff;}

/*单页*/
.about_con{padding: 8% 5% 3% 5%;width: 90%;}
.about_con img{width: 100%;}

/*产品列表*/
.pro_list_con{padding-top: 5%;padding-bottom: 5%;}
.pro_list_con a{color: #333;}
.pro_lists{width: 40%;text-align: center;float: left;margin: 0 4% 0 4%;margin-top: 3%;}
.pro_lists p{width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_lists img{width: 100%;border: 1px solid #ebebeb;}
.gd{width: 50%;background-color: #009cff;color: #fff;text-align: center;margin: 0 auto;padding: 2% 0 2% 0;border-radius: 8px;margin-top: 10%;}

/*产品详情*/
.pro_show{width:90%;padding: 5% 5% 5% 5%;}
.pro_show_tit{text-align: center;font-weight: bold;font-size: 1.2em;}
.pro_show_img{text-align: center;margin-top: 5%;width: 100%;}
.pro_show_img img{width: 100%;}
.pro_show_xq{margin-top: 3%;}
.pro_show_con{margin-top: 5%;margin-bottom: 3%;}
.pro_show_con img{width: 100%;}
.double{margin-top: 3%;}
.double_left{float: left;padding: 2% 3% 2% 3%;background-color: #c0c0c0;color: #fff;border-radius: 5px;}
.double_right{float: right;padding: 2% 3% 2% 3%;background-color: #c0c0c0;color: #fff;border-radius: 5px;}
.double_left:hover{background-color: #009cff;}
.double_right:hover{background-color: #009cff;}

/*新闻*/
.News{width: 94%;padding: 5% 3% 3% 3%;}
.News_con{margin-bottom: 10%;}
.News_con_left{width: 110px;height: 110px;border-radius: 50%;overflow: hidden;float: left;}
.News_con_left img{margin-left: -20%;width: 140%;}
.News_con_right{float: left;width: 60%;margin-left: 6%;margin-top: 2%;}
.News_tit{color: #333;font-weight: bold;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.News_sj{color: #828282;font-size: 0.8em;margin-top: 3%;}
.News_content{width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;font-size: 0.8em;}

/*新闻详情*/
.News_show{width:90%;padding: 5% 5% 5% 5%;}
.News_show_tit{text-align: center;font-weight: bold;font-size: 1.2em;}
.News_show_sj{text-align: center;font-size: 0.8em;color: #828282;}
.News_show_con{margin-top: 5%;margin-bottom: 3%;}
.News_show_con img{width: 100%;}
.double{margin-top: 3%;}
.double_left{float: left;padding: 2% 3% 2% 3%;background-color: #c0c0c0;color: #fff;border-radius: 5px;}
.double_right{float: right;padding: 2% 3% 2% 3%;background-color: #c0c0c0;color: #fff;border-radius: 5px;}
.double_left:hover{background-color: #009cff;}
.double_right:hover{background-color: #009cff;}

/*在线留言*/
.gbook{margin-top: 10%;padding: 5% 5% 5% 5%;width: 90%;}
.gbook_list{margin-bottom:3%; width: 100%;text-align: center;}
.gbook_list input{width: 97%;padding: 2% 0 2% 3%;background-color: #eee;border: none;}
.gbook_list textarea{width: 97%;padding: 3% 0 20% 3%;background-color: #eee;border: none;}
.gbook_list button{display: inline;padding: 2% 5% 2% 5%;background-color: #595555;color: #fff;border: none;margin: 0 2% 0 2%;border-radius: 10px;}
.gbook_list button:hover{background-color: #009cff;}

/*搜索页*/
.list1{width: 94%;padding: 2% 3% 2% 3%;}
.list1 article{float: left;}
.list1 span{float: right;}




/*导航*/
.nav{width: 100%;background-color: rgba(0,0,0,0.3);padding-bottom: 0%;;
  position: fixed;z-index: 50;top: -8px;left: 0;
  animation:animation1_nav 1s ease 0s; 
  -webkit-animation:animation1_nav 1s ease 0s;
}
@keyframes animation1_nav {
  0% { left: -1000px; opacity:0.1;}
  100% { left:0; opacity:1; }
}
@-webkit-keyframes animation1_nav {
  0% { left: -1000px; opacity:0.1;}
  100% { left:0; opacity:1; }
}



nav a{ color:#fff;}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:0;
  right: 0;
  height: 40px;
  width: 35px;
  z-index: 995;
   /*image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin-top:1%;
  margin-left: 5%;
  margin-right:2%;
  position: fixed;

}
#pordAttr{z-index:99998;box-shadow:1px 1px 7px #999;position: fixed;}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #a4a4a4;/*导航横条的颜色*/
  z-index: 999;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #a4a4a4;/*导航横条的颜色*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #178ef0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger::after {
  background-color: #178ef0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0.2);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: #178ef0;/*小×的颜色*/
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/*黑色2*/
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 90%;
  padding: 50px 5%;
  z-index: 90;
  /*background-color:#f34a5b;*/
  background-color: rgba(0, 0, 0, 0.5);

  /*background-color:#000;*/
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.2s;
  -moz-transition: visibility 0s, opacity 0.2s;
  transition: visibility 0s, opacity 0.2s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s 0s, visibility 0s .2s;
  -moz-transition: opacity .2s 0s, visibility 0s .2s;
  transition: opacity .2s 0s, visibility 0s .2s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background:rgba(0,0,0,0.5);/*弹出的背景色*/
}
/*黑色结束*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
   background:#178ef0;/*弹出缩回的时候背景色*/
}