/* CSS Document */

html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
        *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline: none !important;}
        html,body{min-height:100%}
        body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;position:relative}
        h1,h2,h3,h4,h5,h6{font-weight:normal}
        ul,ol{list-style:none}
        img{border:none;vertical-align:middle}
        a{color:#0a0a0a;text-decoration: underline;}
        
        table{border-collapse:collapse;table-layout:fixed}
        input,textarea{outline:none;border:none}
        textarea{resize:none;overflow:auto}
        .clearfix{zoom:1}
        .clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
li a{display: block;}
/* 公共部分 */

.pubcon{ width:100%; max-width: 1440px; margin: 0 auto;}
.pubcon h2{ font-size: 35px; font-weight: bold; text-align: center;}
.pubcon h4{ font-size: 35px; font-weight: bold; text-align: center; color: #000000;}
.anniu{ border: #d1d1d1 1px solid;   padding: 8px 10px; font-size: 12px;  display: block; width:13%; background-color:#ff7e02; text-align: center; margin:2% auto; border-radius: 50px; color:#FFFFFF;}
.anniu a{ color:#FFFFFF;}
.anniu:hover{background-color: #000000;color: #d1d1d1; border: #0c244e 1px solid;transition: all .3s ease; }
.anniu:hover a{color: #FFFFFF; display: block;transition: all .3s ease;  }
.anniu1{ border: #d1d1d1 1px solid;   padding: 8px 10px; font-size: 12px;  display: block; width:50%; text-align: center; margin:2% auto; border-radius: 50px;}
.anniu1:hover{background-color: #e64600;color: #d1d1d1; border:none;border: #e64600 1px solid;transition: all .3s ease; }
.anniu1:hover a{color: #FFFFFF; display: block;transition: all .3s ease;  }
.mbx{}
.mbxcon{padding:0; margin:0 auto;}
.mbx .box{ width:100%;  display: flex;justify-content: space-between; background:url(../images/wz1.jpg) left repeat-x; line-height:69px; border:#CCCCCC 1px solid; margin-top:5px; margin-bottom:5px;}
.mbx .box .left{ width:14%; background:url(../images/wz.jpg) left center no-repeat;background-size: 100% auto; text-align:center; color:#FFFFFF;}
.mbx .box .right{ width:60%; text-align: right; padding-right:20px;}

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}




/* 头部  */

.head{position: relative;width:100%;z-index: 9999; display: flex;justify-content: space-between; margin:0 auto; border-bottom:#ff5a00 5px solid;}
.head .logo{ margin:0 auto;width:20%; padding-top:0.5%;}
.head .logo .m_logo{ width:100%; text-align:center;}
.head .logo .wz{ width:100%;  text-align:center;}
.head .logo .wz h1{ font-size:23px; font-weight: bold;}
.head .logo .wz h2{ font-size:8px; font-weight: bold;} 
.head .navbox{width:60%;margin: 0 auto;}
.head .nav{display: block; float: left;width:calc(100% - 100px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{}
.head .nav ul li .f_a{line-height:84px;display:block;text-align:center;font-size:16px;color: #000000; font-weight:bold; }
.head .nav ul li.this .f_a,
.head .nav ul li:hover .f_a{background-color:#ff5a00;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#ff5a00;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #FFFFFF;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#ff5a00;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.head .yyxz1{  width:5%;margin-right:1%; }
.head .yyxz1 a{ font-size:14px; color: #FFFFFF; transition: 0.5s;}
.head .yyxz1 a:hover{ color:#000033; text-decoration:underline; transition: 0.5s;}
.head .yyxz1 .kuang{ background-color:#FF9900; width:100%;border-radius:30px; line-height:30px; margin-top:25%;   text-align:center; color:#FFFFFF;}
.head .yyxz2{  width:5%;margin-right:10%; }
.head .yyxz2 a{ font-size:14px; color:#FFFFFF; transition: 0.5s;}
.head .yyxz2 a:hover{ color:#000033; text-decoration:underline;transition: 0.5s;}
.head .yyxz2 .kuang{ background-color:#FF9900; width:100%;border-radius:30px; line-height:30px; margin-top:25%; text-align:center; color:#FFFFFF;}

.m_img .yyxz1{ display:none; }
.m_img .yyxz2{ display:none; }



.sidenav{ font-size:30px; font-weight:bold; color:#04205a; width:20%; }
.sidenav1{ display:none}
.sidenav .dhwz{ font-size:16px; color:#000033; background:url(../images/dianhua.png) left center no-repeat; padding-left:40px;  }




/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 20px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 10px;height: 10px;text-align: center;background: #e1e1e1;border-radius: 50%}
.slideBox .hd ul .on {background: #ff5200;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

/* 搜索 */
.index-ss{ width: 100%;  }
.index-sscon{ padding:0; margin:0 auto;  }
.index-sscon .box{ width:100%;display: flex;justify-content: flex-start; flex-wrap: wrap; padding:0.8%; margin:0 auto; border-radius:33px; background-color:#fbf1d4;}
.index-sscon .box .left{ width:8%; color:#000000; font-size:16px; font-weight:bold;line-height:30px;   }
.index-sscon .box .left span{ background-color:#ffa90d; border-radius: 22px; padding:5px; color: #000000;}
.index-sscon .box .contact{ width:77%;line-height:30px;}
.index-sscon .box .right{ width:15%; }
.index-sscon .box .right .suosuo{ background-color: #FFFFFF; line-height:30px; border-radius:18px;}
.index-sscon .box .right .suosuo .kuang{background-color:#FFFFFF; margin-left:5%;}
.index-sscon .box .right .suosuo img{ width:100%; max-width:20px;}






/*首页产品中心*/
.index-pro{ width: 100%; }
.index-procon{ padding:0;  }
.index-procon .box{ width:100%; margin:5% auto 1% auto;}
.index-procon .box .bt{ width:100%; background:url(../images/pro1_03.jpg) left center no-repeat;  }
.index-procon .box .bt h2{ font-size:14px; padding-left:20px;text-align:left; font-weight:normal;line-height:50px; }
.index-procon .box .neirong{display: flex;justify-content: space-between; flex-wrap: wrap; }
.index-procon .box .neirong .left{ width:22%}
.index-procon .box .neirong .left .top{ background-color:#04205a; line-height:60px; text-align:center; font-size:28px; font-weight:900; color:#FFFFFF;}
.index-procon .box .neirong .left .tu{ max-width:320px;}
.index-procon .box .neirong .left .tu img{ width:100%;}
.index-procon .box .neirong .left .bt{}
.index-procon .box .neirong .right{ width:100%;}



.index-procon .box .neirong .right  .contact1{ width:100%;}
.index-procon .box .neirong .right  .contact1 ul{ width:100%;}
.index-procon .box .neirong .right  .contact1 ul li{ width:100%; margin:10px auto; padding:1%; border-bottom:#CCCCCC 1px solid; display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-procon .box .neirong .right  .contact1 ul li:hover{box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;}
.index-procon .box .neirong .right  .contact1 ul li .left{ width:20%;}
.index-procon .box .neirong .right  .contact1 ul li .left .tu{ max-width:279px;}
.index-procon .box .neirong .right  .contact1 ul li .left .tu img{ width:100%;}
.index-procon .box .neirong .right  .contact1 ul li .right{ width:79%;}
.index-procon .box .neirong .right  .contact1 ul li .right h1{ font-size:18px;font-weight:900; padding:1.5% 0;}
.index-procon .box .neirong .right  .contact1 ul li .right h2{ font-size:12px; text-align:left; font-weight:normal;}
.index-procon .box .neirong .right  .contact1 ul li .right p{ line-height:24px; color:#9b9b9b;padding-top:2%;}
.index-procon .box .neirong .right  .contact1 ul li .right p:hover{ color: #333333; }




.index-procon .box .neirong .right .contact{ width:100%;}
.index-procon .box .neirong .right .contact h4{ font-size:48px; font-weight:bold; text-align:center; color:#050505; }
.index-procon .box .neirong .right .contact h2 {font-size: 14px; font-weight: normal; color: #7d7d7d; margin-top: 1%;}
.index-procon .box .neirong .right .contact .hx{ width:3%; margin:2% auto; border-bottom:#ff7e02  solid 5px;}
.index-procon .box .neirong .right .contact .daohang{ background-color:#e7ddbf; border:#f1c56d 1px solid;border-radius: 32px; padding:0; margin:0 auto 2% auto; width:50%;}
.index-procon .box .neirong .right .contact .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0}
.index-procon .box .neirong .right .contact .daohang ul li{ width:18%; padding:1%; margin:1%; text-align:center;}
.index-procon .box .neirong .right .contact .daohang ul li.wz{ background-color:#eed68e; font-weight:bold;}
.index-procon .box .neirong .right .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-procon .box .neirong .right .contact ul li{ width:32.3%;transition: all .4s;  margin: 0 0 2% 0 ; border:#e3e3e3 1px solid;border-radius:60px;background-color: #f3f3f3; transition: all .4s; }
.index-procon .box .neirong .right .contact ul li:hover{ background-color:#eed68e; transition: all .4s;}
.index-procon .box .neirong .right .contact ul li .btt{ margin:5%;}
.index-procon .box .neirong .right .contact ul li .btt h1{ font-size:16px; padding:3% 0; font-weight:bold;}
.index-procon .box .neirong .right .contact ul li .btt h2{ font-size:12px; text-align:left; border:#e3e3e3 1px solid; border-width: 1px 0 0 0; padding:3% 0;}
.index-procon .box .neirong .right .contact ul li .btt h2:hover { color: #000000; border:#000000 1px solid; border-width: 1px 0 0 0; text-decoration:none; }
.index-procon .box .neirong .right .contact ul li .btt h3{ font-size:16px; font-weight:bold; float:right; background-color:#e7ddbf; color: #000000; padding:3%; width:40px; height:40px; margin:0 0 5% 0; border-radius: 50%; }
.index-procon .box .neirong .right .contact ul li .btt h3:hover { color:#000000;  text-decoration:none; background-color:#e7ddbf; }
.index-procon .box .neirong .right .contact ul li .btt h1:hover { color:#000000; text-decoration: none;}
.index-procon .box .neirong .right .contact ul li .btt h4{ font-size:14px; background-color:#e7ddbf; color:#000000; width:30%; padding:2%;border-radius: 22px; font-weight:normal;}

.index-procon .box .neirong .right .contact ul li .img-box img{ width:100%; }


.index-procon .box .contact ul li .img-box {
  width: 93%;
  height:auto;
  overflow: hidden;
  cursor: pointer;
  margin:3% auto 3% auto;
  border-radius:40px;
}

.index-procon .box .contact ul li .zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-procon .box .contact ul li .img-box:hover .zoom-img {
  transform: scale(1.3);
}


.index-procon .box .neirong .right .contact22{ width:100%;}
.index-procon .box .neirong .right .contact22 h4{ font-size:48px; font-weight:bold; text-align:center; color:#050505; }
.index-procon .box .neirong .right .contact22 h2 {font-size: 14px; font-weight: normal; color: #7d7d7d; margin-top: 1%;}
.index-procon .box .neirong .right .contact22 .hx{ width:3%; margin:2% auto; border-bottom:#ff7e02  solid 5px;}
.index-procon .box .neirong .right .contact22 .daohang{ background-color:#e7ddbf; border:#f1c56d 1px solid;border-radius: 32px; padding:0; margin:0 auto 2% auto; width:50%;}
.index-procon .box .neirong .right .contact22 .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0}
.index-procon .box .neirong .right .contact22 .daohang ul li{ width:18%; padding:1%; margin:1%; text-align:center;}
.index-procon .box .neirong .right .contact22 .daohang ul li.wz{ background-color:#eed68e; font-weight:bold;}
.index-procon .box .neirong .right .contact22 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-procon .box .neirong .right .contact22 ul li{ width:90%;transition: all .4s;  margin: 0 auto 2%  auto; border:#e3e3e3 1px solid;border-radius:60px;background-color: #f3f3f3; transition: all .4s; }
.index-procon .box .neirong .right .contact22 ul li:hover{ background-color:#eed68e; transition: all .4s;}
.index-procon .box .neirong .right .contact22 ul li .btt{ margin:5%;}
.index-procon .box .neirong .right .contact22 ul li .btt h1{ font-size:30px; padding:1% 0; font-weight:bold;}
.index-procon .box .neirong .right .contact22 ul li .btt h6{ width:45%; font-size:16px; text-align:left; border:#000000 1px solid; border-width: 1px 0 ; margin:0; padding:0; color:#000000;}
.index-procon .box .neirong .right .contact22 ul li .btt h6:hover { color: #000000; border:#000000 1px solid; border-width: 1px 0 ; text-decoration:none; }
.index-procon .box .neirong .right .contact22 ul li .btt h5{ width:45%; font-size:16px; text-align:left; border:#000000 1px solid; border-width: 1px 0 ; padding:1%;}
.index-procon .box .neirong .right .contact22 ul li .btt h5:hover { color: #000000; border:#000000 1px solid; border-width: 1px 0 ; text-decoration:none; }
.index-procon .box .neirong .right .contact22 ul li .btt h3{ font-size:16px; font-weight:bold; float:right; background-color:#e7ddbf; color: #000000; padding:1%; width:40px; height:40px; margin:0 0 5% 0; border-radius: 50%; }
.index-procon .box .neirong .right .contact22 ul li .btt h3:hover { color:#000000;  text-decoration:none; background-color:#e7ddbf; }
.index-procon .box .neirong .right .contact22 ul li .btt h1:hover { color:#000000; text-decoration: none;}
.index-procon .box .neirong .right .contact22 ul li .btt h4{ font-size:16px; background-color:#e7ddbf; color:#000000; width:15%; padding:1%;border-radius: 22px; font-weight:normal;}
.index-procon .box .neirong .right .contact22 ul li .btt .h{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0}

.index-procon .box .neirong .right .contact22 ul li .img-box img{ width:100%; }

.index-procon .box .contact22 ul li .img-box {
  width: 93%;
  height:auto;
  overflow: hidden;
  cursor: pointer;
  margin:3% auto 3% auto;
  border-radius:40px;
}

.index-procon .box .contact22 ul li .zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-procon .box .contact22 ul li .img-box:hover .zoom-img {
  transform: scale(1.3);
}







/*供需平台*/
.index-gxpt{ width:100%;background:url(../images/about_03-1.jpg) top left repeat-x;padding-top:4%; }
.index-gxptcon{ padding:0;  }
.index-gxptcon .box{ width:100%; margin:0 auto;}
.index-gxptcon .box .neirong{display: flex;justify-content: space-between; flex-wrap: wrap; }
.index-gxptcon .box .neirong .right{ width:100%;}







.index-gxptcon .box .neirong .right .contact{ width:100%;}
.index-gxptcon .box .neirong .right .contact h3 {font-size: 14px;background-color: #FFCC66;text-align: center;padding: 0.5%;border-radius: 32px;width: 10%;margin: 0 auto 1% auto;}
.index-gxptcon .box .neirong .right .contact h4{ font-size:48px; font-weight:bold; text-align:center; color:#050505; }
.index-gxptcon .box .neirong .right .contact h2 {font-size: 14px; font-weight: normal; color: #7d7d7d; margin-top: 1%;}
.index-gxptcon .box .neirong .right .contact .hx{ width:3%; margin:2% auto; border-bottom:#ff7e02  solid 5px;}
.index-gxptcon .box .neirong .right .contact .daohang{ background-color:#e7ddbf; border:#f1c56d 1px solid;border-radius: 32px; padding:0; margin:0 auto; width:50%;}
.index-gxptcon .box .neirong .right .contact .daohang ul{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0}
.index-gxptcon .box .neirong .right .contact .daohang ul li{ width:23%; padding:1%; margin:1%; text-align:center;}
.index-gxptcon .box .neirong .right .contact .daohang ul li span{ font-size:18px;}
.index-gxptcon .box .neirong .right .contact .daohang ul li.wz{ background-color:#eed68e; font-weight:bold;}

.index-gxptcon .box .neirong .right .contact .daohang1{  padding:0; margin:0 auto 2% auto; width:50%;}
.index-gxptcon .box .neirong .right .contact .daohang1 ul{display:flex;justify-content:flex-start; flex-wrap: wrap; margin:0}
.index-gxptcon .box .neirong .right .contact .daohang1 ul li{ width:18%; padding:1%; margin:1%; text-align:center;}
.index-gxptcon .box .neirong .right .contact .daohang1 ul li.wz{ background-color:#eed68e; font-weight:bold;}
.index-gxptcon .box .neirong .right .contact .daohang1 .ss{ width:100%;}
.index-gxptcon .box .neirong .right .contact .daohang1 .ss .suosuo{ background-color: #f3f3f3; line-height:30px; border-radius:18px; width:100%; margin:0 auto;}
.index-gxptcon .box .neirong .right .contact .daohang1 .ss .suosuo .kuang{background-color:#f3f3f3; margin-left:5%; width:90%; color:#999999;}
.index-gxptcon .box .neirong .right .contact .daohang1 .ss .suosuo img{ width:100%; max-width:20px;}

.index-gxptcon .box .neirong .right .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-gxptcon .box .neirong .right .contact ul li{ width:32.3%;transition: all .4s;  margin: 0 0 2% 0 ; border:#e3e3e3 1px solid;border-radius:40px;background-color: #f3f3f3; transition: all .4s; }
.index-gxptcon .box .neirong .right .contact ul li:hover{ background-color:#eed68e; transition: all .4s; color:#000000;}
.index-gxptcon .box .neirong .right .contact ul li .btt{ margin:5%;}
.index-gxptcon .box .neirong .right .contact ul li .btt h1{ font-size:16px; padding:3% 0; font-weight:bold; color:#000000;}
.index-gxptcon .box .neirong .right .contact ul li .btt h2{ font-size:14px; text-align:left; padding:1.5% 0;}
.index-gxptcon .box .neirong .right .contact ul li .btt h2:hover { color: #000000;  padding:1.5% 0; text-decoration:none; }
.index-gxptcon .box .neirong .right .contact ul li .btt h3{ font-size:12px; font-weight: normal; float:right; background-color:#f3f3f3; color: #000000; padding:1%; width:120px; margin:0 0 5% 0; border-radius: 22px; }
.index-gxptcon .box .neirong .right .contact ul li .btt h3:hover { color:#000000;  text-decoration:none; background-color:#eed68e; }
.index-gxptcon .box .neirong .right .contact ul li .btt h1:hover { color:#000000; text-decoration: none;}
.index-gxptcon .box .neirong .right .contact ul li .btt h4{ font-size:14px; background-color:#e7ddbf; color:#000000; width:23%; padding:2%;border-radius: 22px; font-weight:normal;}
.index-gxptcon .box .neirong .right .contact ul li .btt h5{ font-size:25px;  padding:2% 0; font-weight:bold; color:#dda704e3;}
hr.custom-hr {
  border: none;        /* 清除默认边框 */
  height: 1px;         /* 横线粗细 */
  background: #b7b7b7; /* 横线颜色 */
  margin: 5px 0;      /* 上下外边距 */
}

.index-gxptcon .box .neirong .right .contact ul li .img-box img{ width:100%; }


.index-gxptcon .box .contact ul li .img-box {
  width: 93%;
  height:auto;
  overflow: hidden;
  cursor: pointer;
  margin:3% auto 3% auto;
  border-radius:40px;
}

.index-gxptcon .box .contact ul li .zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-gxptcon .box .contact ul li .img-box:hover .zoom-img {
  transform: scale(1.3);
}




.index-gxptcon .box .neirong .right .contact11 ul{}
.index-gxptcon .box .neirong .right .contact11 ul li{ width:90%;transition: all .4s;  margin: 0 auto 2%  auto; border:#e3e3e3 1px solid;border-radius:60px;background-color: #f3f3f3; transition: all .4s; }
.index-gxptcon .box .neirong .right .contact11 ul li:hover{ background-color:#eed68e; transition: all .4s;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt{ margin:5%;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt h1{ font-size:30px; padding:1% 0; font-weight:bold;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt h6{ width:45%; font-size:16px; text-align:left; border:#000000 1px solid; border-width: 1px 0 ; margin:0; padding:0; color:#000000;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt h6:hover { color: #000000; border:#000000 1px solid; border-width: 1px 0 ; text-decoration:none; }
.index-gxptcon .box .neirong .right .contact11 ul li .btt h5{ width:45%; color: #000000; font-size:16px; text-align:left; border:#000000 1px solid; border-width: 1px 0 ; padding:1%;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt h3{ font-size:16px; font-weight:bold; float:right; background-color:#e7ddbf; color: #000000; padding:1%; width:40px; height:40px; margin:0 0 5% 0; border-radius: 50%; }
.index-gxptcon .box .neirong .right .contact11 ul li .btt h3:hover { color:#000000;  text-decoration:none; background-color:#e7ddbf; }
.index-gxptcon .box .neirong .right .contact11 ul li .btt h1:hover { color:#000000; text-decoration: none;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt h4{ font-size:16px; background-color:#e7ddbf; color:#000000; width:15%; padding:1%;border-radius: 22px; font-weight:normal;}
.index-gxptcon .box .neirong .right .contact11 ul li .btt .h{display: flex;justify-content: space-between; flex-wrap: wrap; margin:0}

.index-gxptcon .box .neirong .right .contact11 ul li img{ width:100%; }





/* 产业链服务*/


.index-service{ width: 100%; background:url(../images/about_03-1.jpg) top left repeat-x;  padding-top:2%; }
.index-servicecon{ padding:0; margin:0 auto;  }
.index-servicecon .box{ width:100%;}
.index-servicecon .box h1{font-size: 48px;font-weight: bold;text-align: center;color: #050505; text-align:center;}
.index-servicecon .box p{font-size: 14px;font-weight: normal;color: #7d7d7d;margin-top:0.5%; text-align:center;}
.index-servicecon .box h2{ font-size:14px; background-color:#FFCC66; text-align:center; padding:0.5%;border-radius: 32px; width:10%; margin:0 auto 1% auto;}

        /* 容器：流式自适应 */
       .index-servicecon .box .container {
            width: 100%;
            margin: 40px auto;
            overflow: hidden;
            
        }

        /* 按钮组 */
       .index-servicecon .box .tab-btns {
            display: flex;
            background: #f5f5f5;
            border-bottom: 1px solid #e0e0e0;
			border-radius: 28px;
        }

       .index-servicecon .box .tab-btn {
            flex: 1;
            padding: 14px 8px;
            border: none;
            background: none;
            cursor: pointer;
            font-size: 18px;
            color: #666;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

       .index-servicecon .box .tab-btn.active {
            background: #e2c870;
            color: #000000;
            border-bottom: 2px solid #999999;
			border-radius: 28px;
        }

        /* 内容层容器 */
       .index-servicecon .box .tab-panels {
            position: relative;
            min-height: 605px;
			margin-top:1%;
			
        }

        /* 每个内容层：绝对定位叠加，实现同位置切换 */
       .index-servicecon .box .tab-panel {
	   border-radius: 28px;
	   background-color:#efeee6;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding: 28px;
            line-height: 1.8;
            color: #333;
            font-size: 15px;
            /* 初始隐藏状态 */
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);
            /* 隐藏时：先播淡出动画，再隐藏visibility */
            transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
        }

        /* 激活显示状态 */
       .index-servicecon .box .tab-panel.active {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
            /* 显示时：立即显示visibility，再播入动画 */
            transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
        }

.index-servicecon .box .tab-panel .nr{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-servicecon .box .tab-panel .nr .left{width:45%;}
.index-servicecon .box .tab-panel .nr .left img{ width:100%; max-width:569px;}
.index-servicecon .box .tab-panel .nr .right{ width:52%;}
.index-servicecon .box .tab-panel .nr .right span{ font-size:28px; font-weight:bold; background-color:#FFFFFF; padding:1%;border-radius:15px;}
.index-servicecon .box .tab-panel .nr .right h1{ font-size:28px; font-weight:bold; text-align:left; margin:12% 0 3% 0;}
.index-servicecon .box .tab-panel .nr .right h3{ font-size:18px; margin:5% 0 2% 0; }
.index-servicecon .box .tab-panel .nr .right p{ text-align:left;}
.index-servicecon .box .tab-panel .nr .right .nr1{}
.index-servicecon .box .tab-panel .nr .right .nr1 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-servicecon .box .tab-panel .nr .right .nr1 ul li{ width:50%; margin:0.5% 0; padding:0;}
.index-servicecon .box .tab-panel .nr .right .nr1 ul li span{ color:#e2c870; font-weight:normal; background-color:#efeee6;}
.index-servicecon .box .tab-panel .nr .right .nr2{ background-color:#ebe4cd;border-radius:10px; padding:2%; width:70%;}
.index-servicecon .box .tab-panel .nr .right .nr2 span{background-color:#ebe4cd;}
.index-servicecon .box .tab-panel .nr .right .nr2 h2{ font-size:18px; text-align:left; background-color: #ebe4cd; margin:0; padding:0; width:100%;}
.index-servicecon .box .tab-panel .nr .right .nr2 h3{ font-size:14px; margin:2% 0 0 0; padding:0; font-weight:normal; color:#666666;}





/* 首页关于我们*/


.index-about{ width: 100%; background:url(../images/index-about-bj.jpg) center no-repeat; background-color:##e9b753;background-size:cover; }
.index-aboutcon{ padding:0; margin:0;  }
.index-aboutcon .box{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-aboutcon .box .left{ width: 100%;  }
.index-aboutcon .box .left .box1{  margin:5% auto 5% auto;  width:80%;}
.index-aboutcon .box .left .box1 .title{}
.index-aboutcon .box .left .box1 .title h1{ font-size:35px; color:#04205a; font-weight:bold;}
.index-aboutcon .box .left .box1 .title h2{font-size:48px; color: #FFFFFF; font-weight:bold; text-align:center; width:100%; margin:0 0 1% 0;}
.index-aboutcon .box .left .box1 .title h3{ font-size:14px; font-weight:normal; color:#7d7d7d; margin-top:1%; text-align:center; color:#FFFFFF;}
.index-aboutcon .box .left .box1 .nr{ line-height:24px; color:#FFFFFF;}
.index-aboutcon .box .left .box1 .more{ padding:0  5px 0 18px;height:5px; display:block;  background-color:#ff7e02; width:3%; margin:10px auto 20px auto;}

.index-aboutcon .box .left .box1 .sz{ width:80%; margin:0 auto; }
.index-aboutcon .box .right{ width: 50%; text-align: left; background: url(../images/index-about_03.jpg) left top no-repeat; height:839px; background-size:cover; }


/* 首页技术创新*/

.index-jscx{ width: 100%; background:url(../images/jscx-bj.jpg) top center no-repeat;background-size:cover; }
.index-jscxcon{ padding:0;  }
.index-jscxcon .box{ width:100%; color:#FFFFFF;}
.index-jscxcon .box .bt{ margin:0 auto; padding-top:82px;display: flex;justify-content: space-between; flex-wrap: wrap; width:30%;}
.index-jscxcon .box .bt h1{ font-size:48px; font-weight:800;}
.index-jscxcon .box .bt span{ font-weight:normal; }
.index-jscxcon .box .bt1{ width:50%; margin:0 auto;}
.index-jscxcon .box .bt1 span{ display:block; border-bottom:#FFFFFF 5px solid; height:5px;width:5%; margin:2% auto;}
.index-jscxcon .box .bt1 p{ line-height:24px; font-size:18px; text-align:center; padding-bottom:3%}
.index-jscxcon .box .nr{ position:relative;margin:0 auto; background:url(../images/shouji.png) top center no-repeat;  }
.index-jscxcon .box .nr .nr1{display: flex;justify-content: space-between; flex-wrap: wrap;position: relative; padding-bottom:55px;}
.index-jscxcon .box .nr .nr1 .left{ width:40%; text-align:right;}
.index-jscxcon .box .nr .nr1 .left .top{ width:100%; }
.index-jscxcon .box .nr .nr1 .left .top h1{ font-size:25px; font-weight:800;}
.index-jscxcon .box .nr .nr1 .left .top span{ display:block; padding:0; margin:0; height:7px; background:url(../images/xian.png) right center no-repeat;}
.index-jscxcon .box .nr .nr1 .left .top p{  line-height:24px;}
.index-jscxcon .box .nr .nr1 .left .bottom{ width:100%; margin-top:184px;}
.index-jscxcon .box .nr .nr1 .left .bottom h1{ font-size:25px; font-weight:800;}
.index-jscxcon .box .nr .nr1 .left .bottom span{ display:block; padding:0; margin:0; height:7px; background:url(../images/xian.png) right center no-repeat;}
.index-jscxcon .box .nr .nr1 .left .bottom p{  line-height:24px;}
.index-jscxcon .box .nr .nr1 .right{ width:40%;}
.index-jscxcon .box .nr .nr1 .right .top{ width:100%;  }
.index-jscxcon .box .nr .nr1 .right .top h1{ font-size:25px; font-weight:800;}
.index-jscxcon .box .nr .nr1 .right .top span{ display:block; padding:0; margin:0; height:7px; background:url(../images/xian1.png) left center no-repeat;}
.index-jscxcon .box .nr .nr1 .right .top p{  line-height:24px;}
.index-jscxcon .box .nr .nr1 .right .bottom{ width:100%; margin-top:184px;}
.index-jscxcon .box .nr .nr1 .right .bottom h1{ font-size:25px; font-weight:800;}
.index-jscxcon .box .nr .nr1 .right .bottom span{ display:block; padding:0; margin:0; height:7px; background:url(../images/xian1.png) left center no-repeat;}
.index-jscxcon .box .nr .nr1 .right .bottom p{  line-height:24px;}













/*数据统计滚动*/
.product-number-info {
	position: relative;
	
}
.product-number-info .product-number-inner {
	width: 100%;
	margin: 0 auto;
}
.product-number-info ul {
     display: flex;justify-content: space-between; flex-wrap: wrap;
	padding: 0;
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	
	width:23%;
	margin:1%;
	padding:2%;
	color: #535353;
	text-align:center;
	background: rgba(225,225,225,0.9);
	border-radius:15px;
	
	
}
.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight: 800;
	font-size: 50px;
	
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
	color:#ff7e02;
}
.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	
	font-weight:400;
	top: 7px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -17px;
}
.product-number-info li p {
	font-size: 14px;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 0;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 0;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 0;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 0;
}


/* 蟹博会报名 */

.xbhbm{ width: 100%; border-bottom:#d49663 5px solid;border-top:#d49663 5px solid; position: fixed;left: 0;bottom: 0;box-sizing: border-box;background: rgba(247, 242, 239, 0.95);
        display: flex;align-items: center;justify-content: center;/* 保证固定栏在最上层，不被其他元素遮挡 */z-index: 999;}
.xbhbmcon{ margin:0 auto; padding:1%;   }
.xbhbmcon .box{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.xbhbmcon .box .left{ width:50%; }
.xbhbmcon .box .left h1{font-size:48px; text-align:left; color:#000000; font-weight:bold;  }
.xbhbmcon .box .left h2{font-size:30px; text-align:left; color:#d17939;font-weight:normal;}
.xbhbmcon .box .left h3{ font-size:48px; color:#d49663; font-weight:bold;}
.xbhbmcon .box .left p{ color:#999999; font-size:16px;}
.xbhbmcon .box .right{ width:45%;  }
.xbhbmcon .box .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.xbhbmcon .box .right ul li{ width:31.3%; background-color:#FFFFFF; margin:1%; padding:1%;border-radius:20px; text-align:center;}
.xbhbmcon .box .right ul li h1{ font-size:30px; font-weight:bold;}
.xbhbmcon .box .right ul li span{ font-size:28px;}
.xbhbmcon .box .right .bm{display: flex;justify-content: space-between; flex-wrap: wrap; width:50%;}
.xbhbmcon .box .right .bm .anniu{ border: #d1d1d1 1px solid;   padding: 8px 10px; font-size: 12px;  display: block; width:46%; background-color:#ff7e02; text-align: center; margin:2% auto; border-radius: 50px; color:#FFFFFF;}
.xbhbmcon .box .right .bm .anniu a{ color:#FFFFFF;}
.xbhbmcon .box .right .bm .anniu:hover{background-color: #000000;color: #d1d1d1; border: #0c244e 1px solid;transition: all .3s ease; }
.xbhbmcon .box .right .bm .anniu:hover a{color: #FFFFFF; display: block;transition: all .3s ease;  }



/* 蟹博会 */
.xbhbm1{ width: 100%; background:url(../images/xbh1.jpg) left top repeat-x; padding:2% 0;}
.xbhbm1con{ margin:0 auto; padding:1%; background:url(../images/xbh.jpg) right top no-repeat; padding:3% 0;  }
.xbhbm1con .box{ width:100%;}
.xbhbm1con .box .left{ width:100%; }
.xbhbm1con .box .left h1{font-size:48px; text-align:left; color:#000000; font-weight:bold;  }
.xbhbm1con .box .left h2{    font-size: 37px;text-align: left;color: #ff9001;font-weight: normal;}
.xbhbm1con .box .left h3{ font-size:48px; color:#d49663; font-weight:bold;}
.xbhbm1con .box .left .wenzi{ font-size:48px; color:#d49663; font-weight:bold;}
.xbhbm1con .box .left p{ color:#999999; font-size:16px;}
.xbhbm1con .box .right{ width:60%;  }
.xbhbm1con .box .right ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.xbhbm1con .box .right ul li{ width:22.3%; background: rgba(253, 253, 253, 0.95); border:#ffe4cf 1px solid; margin:1%; padding:1%;border-radius:20px; text-align:center;}
.xbhbm1con .box .right ul li h1{ font-size:24px; font-weight:bold;}
.xbhbm1con .box .right ul li span{ font-size:28px;}
.xbhbm1con .box .right .bm{display: flex;justify-content: space-between; flex-wrap: wrap; width:50%;}
.xbhbm1con .box .right .bm .anniu{ border: #d1d1d1 1px solid;   padding: 8px 10px; font-size: 12px;  display: block; width:46%; background-color:#ff7e02; text-align: center; margin:2% auto; border-radius: 50px; color:#FFFFFF;}
.xbhbm1con .box .right .bm .anniu a{ color:#FFFFFF;}
.xbhbm1con .box .right .bm .anniu:hover{background-color: #000000;color: #d1d1d1; border: #0c244e 1px solid;transition: all .3s ease; }
.xbhbm1con .box .right .bm .anniu:hover a{color: #FFFFFF; display: block;transition: all .3s ease;  }



/* 蟹博会核心亮点*/

.ny-hxld{ width: 100%;    }
.ny-hxldcon{ padding:0;  }
.ny-hxldcon .box{ width:100%; margin:0 auto; padding:6% 0 0 0;}
.ny-hxldcon .box .title{ text-align:center;  }
.ny-hxldcon .box .title h1{ font-size: 48px;font-weight: bold;text-align: center;color: #050505; }
.ny-hxldcon .box .title h4 {font-size: 14px;background-color: #FFCC66;text-align: center;padding: 0.5%;border-radius:32px;width: 10%;margin: 0 auto 1% auto;}
.ny-hxldcon .box .title span{font-size:35px; color:#04205a; font-weight:bold; }
.ny-hxldcon .box .title .hx{ width:3%; border-bottom:#ff7e02 5px solid; margin:1% auto;}
.ny-hxldcon .box .contact{ width:100%;}
.ny-hxldcon .box .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.ny-hxldcon .box .contact ul li{ width:49%; padding:3%; margin:1% 0;border-radius: 32px; border:#ffd9aa 1px solid;transition: all .3s ease;background-color: #fcf6f2;}
.ny-hxldcon .box .contact ul li:hover{ background-color:#ffd9aa;transition: all .3s ease;}
.ny-hxldcon .box .contact ul li .top{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.ny-hxldcon .box .contact ul li .top .left{ width:20%;}
.ny-hxldcon .box .contact ul li .top .left span{font-size:40px; background-color:#fba64f;border-radius:15px; padding:8%; color:#FFFFFF; }
.ny-hxldcon .box .contact ul li .top .right{ width:30%; text-align:right; font-size:40px; font-weight:bold; color:#fba64f;}
.ny-hxldcon .box .contact ul li h1{ font-size:25px; font-weight:bold; margin:1% 0;}
.ny-hxldcon .box .contact ul li p{}



/* 蟹博会八大展区*/

.ny-zq{ width: 100%;    }
.ny-zqcon{ padding:0;  }
.ny-zqcon .box{ width:80%; margin:0 auto; padding:6% 0 0 0;}
.ny-zqcon .box .title{ text-align:center;  }
.ny-zqcon .box .title h1{ font-size: 48px;font-weight: bold;text-align: center;color: #050505; }
.ny-zqcon .box .title h4 {font-size: 14px;background-color: #FFCC66;text-align: center;padding: 0.5%;border-radius:32px;width: 10%;margin: 0 auto 1% auto;}
.ny-zqcon .box .title span{font-size:35px; color:#04205a; font-weight:bold; }
.ny-zqcon .box .title .hx{ width:3%; border-bottom:#ff7e02 5px solid; margin:1% auto;}
.ny-zqcon .box .contact{ width:100%;}
.ny-zqcon .box .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.ny-zqcon .box .contact ul li{ width:24.3%;  padding:1% 1% 1% 3%; margin:0 0 2% 0;border-radius: 32px; border:#ffd9aa 1px solid; background:url(../images/xbhtubiao_03.png) 2% center no-repeat;background-color:#fcf6f2;transition: all .3s ease;}
.ny-zqcon .box .contact ul li:hover{background-color:#ffd9aa;transition: all .3s ease;}






/* 蟹博会历界展会*/

.ny-honor{ width: 100%;    }
.ny-honorcon{ padding:0;  }
.ny-honorcon .box{ width:100%; margin:0 auto; padding:6% 0 0 0;}
.ny-honorcon .box .title{ text-align:center;  }
.ny-honorcon .box .title h1{ font-size: 48px;font-weight: bold;text-align: center;color: #050505; }
.ny-honorcon .box .title h4 {font-size: 14px;background-color: #FFCC66;text-align: center;padding: 0.5%;border-radius:32px;width: 10%;margin: 0 auto 1% auto;}
.ny-honorcon .box .title span{font-size:35px; color:#04205a; font-weight:bold; }
.ny-honorcon .box .title .hx{ width:3%; border-bottom:#ff7e02 5px solid; margin:1% auto;}
.ny-honorcon .box .title p{ font-size:18px;}
.ny-honorcon .box .nr1{  margin:3% auto; max-width:1036px;}
.ny-honorcon .box .nr1 img{ width:100%;}

/* Carousel */
	.carousel-example {
		padding: 20px 0 50px 0;
	}
	
	#complicated-content-carousel .carousel-control {
		position: absolute;
		top: -20px;
		right: 0;
		left: auto;
		bottom: auto;
		width: 14px;
		font-size: 25px;
		color: #3c3c3c !important;
		opacity: 1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background-image: none;
	}
	
	#complicated-content-carousel .carousel-control.left {
		right: 35px;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}
	
	#complicated-content-carousel .flex-item {
		position: relative;
		display: inline-block;
		width: 894px;
		height: 380px;
		padding: 16px 13px;
		background-color: #f5f6f7;
		border: 6px solid #f5f6f7;
			}
	
	#complicated-content-carousel .flex-item:hover,
	#complicated-content-carousel .flex-item:focus {
		border: 6px solid #d2d4d5;
		border-radius: 3px;
	}
	
	.good-top {
		height: 21px;
	}
	
	.good-top-left {
		font-size: 16px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-right {
		height: 21px;
		text-align: right;
	}
	
	.choose-color div {
		display: inline-block;
		width: 21px;
		height: 21px;
		border-radius: 50%;
		letter-spacing: 5px;
		cursor: pointer;
	}
	
	.choose-color .blue {
		background-color: #165eb9;
	}
	
	.choose-color .yellow {
		background-color: #ffe637;
	}
	
	.choose-color .black {
		background-color: #535253;
	}
	
	.choose-color .grey {
		background-color: #d3a7ac;
	}
	
	.choose-color .dark-blue {
		background-color: #35374c;
	}
	
	.choose-color .dark-blue-women {
		background-color: #192b5e;
	}
	
	.choose-color .light-blue-women {
		background-color: #1682c4;
	}
	
	.good-top-left .fa {
		position: relative;
		top: 2px;
		font-size: 21px;
	}
	
	.good-bottom {
		height: 21px;
	}
	
	.good-bottom * {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.good-bottom-left a h4 {
		font-size: 18px;
		color: #3c3c3c;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-bottom-right {
		position: relative;
		top: -1px;
		font-size: 22px;
		color: #424242;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.good-top-left,
	.good-bottom-left {
		float: left;
		text-align: left;
	}
	
	.good-top-right,
	.good-bottom-right {
		float: right;
		text-align: right;
	}
	
	.good-image {
		height: 294px;
		text-align: center;
	}
	
	.good-image:before {
	    content: "";
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	
	.good-image img {
		max-height: 240px;
		vertical-align: middle;
	}
	
	.size {
		position: absolute;
		padding: 0;
		cursor: pointer;
		transition: all .35s;
	}
	
	.size.shown {
		padding: 0 ;
		background-color: #fff;
		border-radius: 2px;
	}
	
	.size.shown .option:hover {
		background-color: #f5f6f7;
	}
	
	.carousel-control {
		width:50px;
		height:50px;
		
		transform: translateY(-50%);
		bottom: auto;
		font-size: 30px;
		text-align: center;
		opacity: 1;
	}
	
	a.carousel-control.left,
	a.carousel-control.right {
		background-image: none;
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 1;
		text-align: center;
		border-radius:22%;
		margin:0 2%
		
	}
	
	.index-pro-wz{  line-height:24px; width:100%; border:#ffe4cf  1px solid; border-width:1px;background: rgba(255, 234, 193, 0.95);   display:block; text-align:center; margin-top:2%;transition:all .3s}
	.index-pro-wz p{ font-size:12px; font-weight:normal; padding:0; margin:0;}
	.index-pro-wz:hover{ background-color:#FFCC66;transition:all .3s }
	.index-pro-wz a{ font-size:18px; font-weight:bold; color: #333333;  line-height:24px; width:100%; padding:1.8%; display:block; text-align:center; transition:all .3s}
	.index-pro-wz a:hover{font-size:18px; font-weight:bold; color: #000000;transition:all .3s}








/*蟹博会数据统计滚动*/

.xbhbm2{ width: 100%; background-color:#f7ece3; }
.xbhbm2con{ margin:0 auto;   }
.xbhbm2con .box{ width:100%;}
.xbhbm2con .box .product-number-info {
	position: relative;
	
}
.xbhbm2con .box .product-number-info .product-number-inner {
	width: 100%;
	margin: 0 auto;
}
.xbhbm2con .box .product-number-info ul {
     display: flex;justify-content: space-between; flex-wrap: wrap;
	padding: 0;
}
.xbhbm2con .box .product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.xbhbm2con .box .product-number-info li {
	
	width:23%;
	margin:1%;
	padding:2%;
	color: #535353;
	text-align:center;
	background-color:#f7ece3;
	border-radius:15px;
	
	
}
.xbhbm2con .box .product-number-info li:first-child {
	border: none;
}
.xbhbm2con .box .product-number-info li b {
	font-weight: 800;
	font-size: 50px;
	
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.xbhbm2con .box .product-number-info li b i {
	font-style: normal;
	color:#ff7e02;
}
.xbhbm2con .box .product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	
	font-weight:400;
	top: 7px;
}
.xbhbm2con .box .product-number-info li b em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -17px;
}
.xbhbm2con .box .product-number-info li p {
	font-size: 14px;
}
.xbhbm2con .box .product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 0;
}
.xbhbm2con .box .product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 0;
}
.xbhbm2con .box .product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 0;
}
.xbhbm2con .box .product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 0;
}



/* 项目案例 */

.index-case{ width: 100%; }
.index-casecon{ padding:0; margin:0 auto;padding-bottom:2%;  }
.index-casecon .box{ width:100%; }
.index-casecon .box .biaoti{  text-align:center; margin:87px 0 0 0; }
.index-casecon .box .biaoti h1{ font-size:48px;}
.index-casecon .box .biaoti h2{ font-size:14px; font-weight:normal; color:#7d7d7d; margin-top:1%;}
.index-casecon .box .biaoti span{ font-weight:900; color: #333333;}
.index-casecon .box .biaoti .hx{ border-bottom:#ff7e02 5px solid; width:3%; margin:2% auto; }
.index-casecon .box .contact{ width:100%;}
.index-casecon .box .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-casecon .box .contact ul li{ width:23.3%;transition: all .4s;  margin:2% 0 0 0; background-color:#f3f3f3;border-radius:5%; padding:3% 2%; }
.index-casecon .box .contact ul li:hover{ background-color:#eed68e; transition: all .4s; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);}
.index-casecon .box .contact ul li h1{ font-size:24px; padding:3%; font-weight:bold; color: #333333;}
.index-casecon .box .contact ul li h2{ font-size:14px; text-align:left; border:#e3e3e3 1px solid; border-width: 1px 0; padding:3%; line-height:22px; font-weight:normal;}
.index-casecon .box .contact ul li:hover h2{  border: #000000 1px solid; border-width: 1px 0; text-decoration:none; }
.index-casecon .box .contact ul li:hover h1{ text-decoration: none; }
.index-casecon .box .contact ul li .img-box img{ width:100%; }
.index-casecon .box .contact ul li span{ font-size:25px; height:50px; width:50px;  text-align:center; background-color:#FFFFFF; padding:5%; border-radius:15px; margin:0; border:#e0e0e0 1px solid; }
.index-casecon .box .contact ul li .more{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap; margin-top:5%;}
.index-casecon .box .contact ul li .more:hover{  }
.index-casecon .box .contact ul li .more .left{ }
.index-casecon .box .contact ul li .more .left span{ background-color:none;  }
.index-casecon .box .contact ul li .more .right{ width:88%;}
.index-casecon .box .contact ul li .more .right h1{ font-size:16px; color:#333333; padding:1% 0;}
.index-casecon .box .contact ul li .more .right p{ color:#929292;}


.index-casecon .box .contact ul li .img-box {
  width: 93%;
  height:auto;
  overflow: hidden;
  cursor: pointer;
  margin:8% auto 8% auto;
  border-radius: 15px;
}

.index-casecon .box .contact ul li .zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-casecon .box .contact ul li .img-box:hover .zoom-img {
  transform: scale(1.3);
}




/* 关于我们 */

.index-ab{ width: 100%; background:url(../images/about_03-1.jpg) top repeat-x }
.index-abcon{ padding:0; margin:0 auto;padding-bottom:2%;  }
.index-abcon .box{ width:100%; }
.index-abcon .box .biaoti{  text-align:center; margin:0 auto; padding-top:6% }
.index-abcon .box .biaoti h1{ font-weight:bold; font-size:48px;}
.index-abcon .box .biaoti .hx{ border-bottom:#ff7e02 5px solid; width:3%; margin:2% auto; }
.index-abcon .box .contact{ width:100%;display: flex;justify-content: space-evenly; flex-wrap: wrap; }
.index-abcon .box .contact .left{ width:45%; text-align:right;}
.index-abcon .box .contact .left img{ width:100%; max-width:529px; }
.index-abcon .box .contact .c{ width:70%; margin:2% auto; line-height:24px;}

.index-abcon .box .contact .right{ width:40%; }
.index-abcon .box .contact .right h1{ font-size:18px; padding:2% 0 0 0; font-weight:bold;}
.index-abcon .box .contact .right p{ padding:2% 0; color:#7e7e7e; line-height:24px;}
.index-abcon .box .contact .right .sm{ background:url(../images/about2.jpg) left center; padding:1%;border-radius: 50px;display: flex; margin:2% auto;}
.index-abcon .box .contact .right .sm .left{ width:20%}
.index-abcon .box .contact .right .sm .left img{ width:100%; max-width:70px;}
.index-abcon .box .contact .right .sm .right{ width:75%;}
.index-abcon .box .contact .right .sm .right h2{ text-align:left; font-size:28px; margin-top:2%;}



.index-abcon .box .contact ul li .img-box {
  width: 93%;
  height:auto;
  overflow: hidden;
  cursor: pointer;
  margin:8% auto 8% auto;
  border-radius: 15px;
}

.index-abcon .box .contact ul li .zoom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-abcon .box .contact ul li .img-box:hover .zoom-img {
  transform: scale(1.3);
}




/* 部门体系 */
.index-bmtx{ width: 100%; background:url(../images/znbj.jpg) top repeat-x; background-color:#f6f4f0;}
.index-bmtxcon{ padding:0; margin:0 auto;padding-bottom:2%;  }
.index-bmtxcon .box{ width:100%; }
.index-bmtxcon .box .biaoti{  text-align:center; margin:0 auto; padding-top:6% }
.index-bmtxcon .box .biaoti h1{ font-weight:bold; font-size:48px;}
.index-bmtxcon .box .biaoti h2 {font-size: 14px;font-weight: normal;color: #7d7d7d;margin-top: 1%;}
.index-bmtxcon .box .biaoti .hx{ border-bottom:#ff7e02 5px solid; width:3%; margin:2% auto; }
.index-bmtxcon .box .contact1{ width:15%; margin:0 auto; padding:1% 0 2% 0; background-color:#efce87;border-radius:10px; text-align:center; }
.index-bmtxcon .box .contact1 h1{ font-size:25px; font-weight:bold;}
.index-bmtxcon .box .contact1 h2{ font-size:14px; font-weight:normal; color:#5a5a5a;}
.index-bmtxcon .box .contact1 span{ font-size:40px; color:#FF3300;}
.index-bmtxcon .box .contact2{ width:100%;}
.index-bmtxcon .box .contact2 ul{ display: flex;justify-content: space-evenly; flex-wrap: wrap; margin-top:2%; }
.index-bmtxcon .box .contact2 ul li{ width:23%;padding:1% 0 2% 0; background-color:#efce87;border-radius:10px; text-align:center;}
.index-bmtxcon .box .contact2 ul li h1{ font-size:20px; font-weight:bold;}
.index-bmtxcon .box .contact2 ul li h2{ font-size:14px; font-weight:normal;color:#5a5a5a;}
.index-bmtxcon .box .contact2 ul li span{ font-size:40px; color:#FF3300;background-image: none;}


  


/* 合作品牌 */
.index-hzpp{ width: 100%; background-color:#f1f1f1; }
.index-hzppcon{ padding:0; margin:0 auto;padding-bottom:4%;  }
.index-hzppcon .box{ width:100%; }
.index-hzppcon .box .biaoti{  text-align:center; padding:87px 0 0 0; }
.index-hzppcon .box .biaoti h1{ font-size:48px;}
.index-hzppcon .box .biaoti span{ font-weight:900; color:#040404;}
.index-hzppcon .box .biaoti .hx{ border-bottom:#ff7e02 5px solid; width:3%; margin:2% auto;  }
.index-hzppcon .box .biaoti h2 {font-size: 14px; font-weight: normal; color: #7d7d7d; margin-top: 1%;}
.index-hzppcon .box .contact{ width:100%;}
.index-hzppcon .box .contact ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-hzppcon .box .contact ul li{ width:48%;transition: all .4s; border:#f1f1f1 1px solid;  margin:1% 0 0 0; padding:1%; }
.index-hzppcon .box .contact ul li:hover{  transition: all .4s; border:#FFCC99 1px solid;}
.index-hzppcon .box .contact ul li .biaoti{ width:100%; padding:0; margin:0; text-align:left;display: flex; }
.index-hzppcon .box .contact ul li .biaoti span{font-size:30px; font-weight:normal; color:#ff7e02 ;}
.index-hzppcon .box .contact ul li .biaoti h1{ font-size:23px; font-weight:bold; line-height:46px; margin-left:1%; display:block;}
.index-hzppcon .box .contact ul li .neirong{ width:100%;}
.index-hzppcon .box .contact ul li .neirong ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-hzppcon .box .contact ul li .neirong ul li{ width:48%; border:#FFCC99 1px solid; padding:1% 2%;border-radius:22px;}

/* 新闻资讯 */
.index-news{ width: 100%;  }
.index-newscon{ padding:0; margin:1% auto;  }
.index-newscon .box{ width:100%; }
.index-newscon .box .biaoti{  text-align:center; padding:0; }
.index-newscon .box .biaoti ul{display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%; }
.index-newscon .box .biaoti ul li{ width: 14%; background-color:#f9f6f1; padding:1%; margin:1%; border:#eadfce 1px solid;border-radius: 22px;transition: all .4s;}
.index-newscon .box .biaoti ul li.wz{ background-color:#eed68e; font-weight:bold;}
.index-newscon .box .biaoti ul li:hover{background-color:#eed68e;transition: all .4s; }

.index-newscon .box .contact{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newscon .box .contact .left{ width:73%;}
.index-newscon .box .contact .left .tb:hover{transition: all .4s;   box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3); border:#e4e4e4 1px solid;}
.index-newscon .box .contact .left .tb{ width:100%; background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid;display: flex;justify-content: flex-start; flex-wrap: wrap;}
.index-newscon .box .contact .left .tb .left{ width:35%;}
.index-newscon .box .contact .left .tb .left .tu{ width:100%;}
.index-newscon .box .contact .left .tb .left .tu img{ width:100%; max-width:397px; padding:1%;}
.index-newscon .box .contact .left .tb .right{ width:60%; padding:5%; border:0;}
.index-newscon .box .contact .left .tb .right p{ line-height: 24px; color: #7d7d7d;}
.index-newscon .box .contact .left .tb .right h1{ font-size:25px; font-weight:bold; margin-bottom:5%;}
.index-newscon .box .contact .left .tb .right h2{ text-align:left; font-size:12px; font-weight:normal; color: #999999;margin-top:5%;}
.index-newscon .box .contact .left .tb .right h3 { background-color:#eed68e; border-radius: 22px; font-size:12px; text-align:center; padding:0.5%; width:15%; color:#FFFFFF; margin-bottom:1%;}
.index-newscon .box .contact .left .jb{ width:100%; }
.index-newscon .box .contact .left .jb ul{}
.index-newscon .box .contact .left .jb ul li{width:100%; background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid;margin-top:2%;padding:1%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newscon .box .contact .left .jb ul li:hover{transition: all .4s;   box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3); border:#e4e4e4 1px solid;}
.index-newscon .box .contact .left .jb ul li .left{ width:20%;}
.index-newscon .box .contact .left .jb ul li .left .tu{ width:100%;}
.index-newscon .box .contact .left .jb ul li .left .tu img{ width:100%; max-width:166px; padding:1%;}
.index-newscon .box .contact .left .jb ul li .right{ width:80%; padding:1%; border:0;}
.index-newscon .box .contact .left .jb ul li .right p{ line-height: 24px; color: #7d7d7d;}
.index-newscon .box .contact .left .jb ul li .right h1{ font-size:18px; font-weight:bold; margin-bottom:1%;}
.index-newscon .box .contact .left .jb ul li .right h2{ text-align:left; font-size:12px; font-weight:normal; color: #999999;margin-top:1%;}
.index-newscon .box .contact .left .jb ul li .right h3{ background-color:#eed68e; border-radius: 22px; font-size:12px; text-align:center; padding:0.5%; width:10%; color:#FFFFFF; margin-bottom:1%;}


.index-newscon .box .contact .right{ width:26%;background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid;}
.index-newscon .box .contact .right .bt{ font-size:18px; font-weight:bold; margin:5% 0 0 5%;}
.index-newscon .box .contact .right .bt span{ background-color:#FF9900; padding:2%;border-radius: 22px; font-size:16px; background-image:none;}
.index-newscon .box .contact .right ul{ width:100%;}
.index-newscon .box .contact .right ul li{width:90%; transition: all .4s;  margin: 3% auto 3% auto; padding:2%;border-bottom:#e3e3e3 1px solid;  }
.index-newscon .box .contact .right ul li:hover{  transition: all .4s; border-bottom: #000000 1px solid; }
.index-newscon .box .contact .right ul li img{ width:100%; max-width:463px;}

.index-newscon .box .contact .right ul li h2{ font-size:12px; text-align:left; font-weight:normal;color:#999999;}
.index-newscon .box .contact .right ul li span{ color:#CCCCCC;}
.index-newscon .box .contact .right ul li p{ line-height:24px; color:#9b9b9b}
.index-newscon .box .contact .right ul li p:hover{ color: #333333;}
.index-newscon .box .contact .right ul li .sz{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newscon .box .contact .right ul li .sz h1{ font-size:14px;font-weight:900; margin:2% 0;}
.index-newscon .box .contact .right ul li .sz .left{ background-color:#FF9900; text-align:center;border-radius:50%; font-size:16px; width:20px; height:20px; color:#FFFFFF;  }
.index-newscon .box .contact .right ul li .sz .right{ width:92%; border:0;}




/* 内页新闻资讯 */
.index-newsny{ width: 100%; background:url(../images/about_03-1.jpg) top left repeat-x; padding-top:4%; }
.index-newsnycon{ padding:0; margin:1% auto;  }
.index-newsnycon .box{ width:100%; }
.index-newsnycon .box h3{font-size: 48px;font-weight: bold;text-align: center;color: #050505; text-align:center; }
.index-newsnycon .box p{font-size: 14px;font-weight: normal; margin:0.5% 0 2% 0; text-align:center;}
.index-newsnycon .box h4{ font-size:14px; background-color:#FFCC66; text-align:center; padding:0.5%;border-radius: 32px; width:10%; margin:0 auto 1% auto;}
.index-newsnycon .box .contact{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newsnycon .box .contact .left{ width:78%;}
.index-newsnycon .box .contact .left .tb:hover{transition: all .4s;   box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3); border:#e4e4e4 1px solid;}
.index-newsnycon .box .contact .left .tb{ width:100%; background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid;display: flex;justify-content: flex-start; flex-wrap: wrap;}
.index-newsnycon .box .contact .left .tb .left{ width:35%;}
.index-newsnycon .box .contact .left .tb .left .tu{ width:100%;}
.index-newsnycon .box .contact .left .tb .left .tu img{ width:100%; max-width:397px; padding:1%;}
.index-newsnycon .box .contact .left .tb .right{ width:60%; padding:5%; border:0;}
.index-newsnycon .box .contact .left .tb .right p{ line-height: 24px; color: #7d7d7d;}
.index-newsnycon .box .contact .left .tb .right h1{ font-size:25px; font-weight:bold; margin-bottom:5%;}
.index-newsnycon .box .contact .left .tb .right h2{ text-align:left; font-size:12px; font-weight:normal; color: #999999;margin-top:5%;}
.index-newsnycon .box .contact .left .tb .right h3 { background-color:#eed68e; border-radius: 22px; font-size:12px; text-align:center; padding:0.5%; width:15%; color:#FFFFFF; margin-bottom:1%;}
.index-newsnycon .box .contact .left .jb{ width:100%; }
.index-newsnycon .box .contact .left .jb ul{}
.index-newsnycon .box .contact .left .jb ul li{width:100%; background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid; margin-bottom:2%;padding:1%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newsnycon .box .contact .left .jb ul li:hover{transition: all .4s;   box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3); border:#e4e4e4 1px solid;}
.index-newsnycon .box .contact .left .jb ul li .left{ width:20%;}
.index-newsnycon .box .contact .left .jb ul li .left .tu{ width:100%;}
.index-newsnycon .box .contact .left .jb ul li .left .tu img{ width:100%;  padding:1%;}
.index-newsnycon .box .contact .left .jb ul li .right{ width:80%; padding:1%; border:0;}
.index-newsnycon .box .contact .left .jb ul li .right p{ line-height: 24px; color: #7d7d7d; text-align:left;}
.index-newsnycon .box .contact .left .jb ul li .right h1{ font-size:18px; font-weight:bold; margin-bottom:1%;}
.index-newsnycon .box .contact .left .jb ul li .right h2{ text-align:left; font-size:12px; font-weight:normal; color: #999999;margin-top:1%;}
.index-newsnycon .box .contact .left .jb ul li .right h3{ background-color:#eed68e; border-radius: 22px; font-size:12px; text-align:center; padding:0.5%; width:10%; color:#FFFFFF; margin-bottom:1%;}
.index-newsnycon .box .contact .left .jb ul li .right1{ width:100%; padding:1%; border:0;}
.index-newsnycon .box .contact .left .jb ul li .right1 img{ width: auto;}
.index-newsnycon .box .contact .left .jb ul li .right1 p{ line-height: 24px;  text-align:left;}
.index-newsnycon .box .contact .left .jb ul li .right1 h1{ font-size:18px; font-weight:bold; margin-bottom:1%; text-align:center;}
.index-newsnycon .box .contact .left .jb ul li .right1 h2{ text-align: center; font-size:12px; font-weight:normal; color: #999999;margin:1% auto; padding:0.5% 0; border:#CCCCCC 1px solid; border-width: 1px 0;}
.index-newsnycon .box .contact .left .jb ul li .right1 h3{ background-color:#eed68e; border-radius: 22px; font-size:12px; text-align:center; padding:0.5%; width:10%; color:#FFFFFF; margin-bottom:1%;}

.index-newsnycon .box .contact .right{ width:20%;}
.index-newsnycon .box .contact .right2{ width:100%;background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid; margin-bottom:2%;}
.index-newsnycon .box .contact .right2 h1{ border-bottom:#CCCCCC 1px solid; font-size:18px; padding:6%;}
.index-newsnycon .box .contact .right2 .biaoti{  text-align:left; padding:0; }
.index-newsnycon .box .contact .right2 .biaoti ul{ width:95%; margin:3% auto; }
.index-newsnycon .box .contact .right2 .biaoti ul li{ width: 100%; background-color:#f9f6f1; padding:2% 8%; margin:1%; border-bottom:#eadfce 1px solid;border-radius: 22px;transition: all .4s;}
.index-newsnycon .box .contact .right2 .biaoti ul li.wz{ background-color:#eed68e; font-weight:bold;}
.index-newsnycon .box .contact .right2 .biaoti ul li:hover{background-color:#eed68e;transition: all .4s; }

.index-newsnycon .box .contact .right1{ width:100%;background-color:#f9f6f1;border-radius: 22px;border:#eadfce 1px solid;}
.index-newsnycon .box .contact .right1 .bt{ font-size:18px; font-weight:bold; margin:5% 0 0 5%;}
.index-newsnycon .box .contact .right1 .bt span{ background-color:#FF9900; padding:2%;border-radius: 22px; font-size:16px;}
.index-newsnycon .box .contact .right1 ul{ width:100%;}
.index-newsnycon .box .contact .right1 ul li{width:90%; transition: all .4s;  margin: 3% auto 3% auto; padding:2%;border-bottom:#e3e3e3 1px solid;  }
.index-newsnycon .box .contact .right1 ul li:hover{  transition: all .4s; border-bottom: #000000 1px solid; }
.index-newsnycon .box .contact .right1 ul li img{ width:100%; max-width:463px;}

.index-newsnycon .box .contact .right1 ul li h2{ font-size:12px; text-align:left; font-weight:normal;color:#999999;}
.index-newsnycon .box .contact .right1 ul li span{ color:#CCCCCC;}
.index-newsnycon .box .contact .right1 ul li p{ line-height:24px; color:#9b9b9b}
.index-newsnycon .box .contact .right1 ul li p:hover{ color: #333333;}
.index-newsnycon .box .contact .right1 ul li .sz{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-newsnycon .box .contact .right1 ul li .sz h1{ font-size:14px; margin:2% 0;}
.index-newsnycon .box .contact .right1 ul li .sz .left{ background-color:#FF9900; text-align:center;border-radius:50%; font-size:16px; width:20px; height:20px; color:#FFFFFF;  }
.index-newsnycon .box .contact .right1 ul li .sz .right{ width:90%; border:0;}





/* 内页联系我们*/
.ny-contact{ width: 100%; background:url(../images/about_03-1.jpg) top left repeat-x; padding-top:4%; padding-bottom:2%; }
.ny-contactcon{ padding:0; margin:0 auto;  }
.ny-contactcon .box{ width:100%; }
.ny-contactcon .box h3{font-size: 48px;font-weight: bold;text-align: center;color: #050505; text-align:center; }
.ny-contactcon .box p{font-size: 14px;font-weight: normal;color: #7d7d7d;margin:0.5% 0 2% 0; text-align:center;}
.ny-contactcon .box h4{ font-size:14px; background-color:#FFCC66; text-align:center; padding:0.5%;border-radius: 32px; width:10%; margin:0 auto 1% auto;}
.ny-contactcon .box .contact{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}
.ny-contactcon .box .contact .left{ width:30%; background-color: #FFFFFF;border-radius: 32px; padding:2%; border:#CC6600 1px solid;box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);}
.ny-contactcon .box .contact .left p{ text-align:left; line-height:35px; font-size:16px;}
.ny-contactcon .box .contact .left h1{ font-size:18px; font-weight:bold;border-bottom:#CC6600 1px solid; }
.ny-contactcon .box .contact .right{ width:68%; background-color: #FFFFFF;border-radius: 32px; padding:2%; border:#CC6600 1px solid;box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);}
.ny-contactcon .box .contact .right h1{ font-size:18px; font-weight:bold; border-bottom:#CC6600 1px solid; }
.ny-contactcon .box .contact .right .shousuo{ width:100%; line-height:30px; font-size:12px;border-radius: 12px; padding-left:2%; border: #CCCCCC 1px solid; color:#8b8b8b; background-color:#f7f6f4;}
.ny-contactcon .box .contact .right .shousuo1{ width:100%; line-height:30px; font-size:12px;border-radius:12px; padding:1% 2%; border: #CCCCCC 1px solid; color:#8b8b8b; background-color:#f7f6f4;}
.ny-contactcon .box .contact .right .shousuo2{ width:100%; line-height:30px; font-size:12px;border-radius:12px; padding:1% 2%; border: #CCCCCC 1px solid; color: #FFFFFF; background-color:#CC6600; font-size:18px;}
.ny-contactcon .box .contact .right .nr1{display: flex;justify-content: space-between; flex-wrap: wrap; margin-top:2%;}
.ny-contactcon .box .contact .right .nr1 .left-1{ width:45%;padding:0; margin:0;border-radius:0px; border:0;}
.ny-contactcon .box .contact .right .nr1 .right-1{ width:45%;padding:0; margin:0;border-radius:0px; border:0;}
.ny-contactcon .box .contact .right .nr2{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.ny-contactcon .box .contact .right .nr3{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.ny-contactcon .box .contact .right .nr4{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}


/* 蟹博会报名*/
.xbhbm-contact{ width: 100%; background:url(../images/about_03-1.jpg) top left repeat-x; padding-top:4%; padding-bottom:2%; }
.xbhbm-contactcon{ padding:0; margin:0 auto;  }
.xbhbm-contactcon .box{ width:100%; }
.xbhbm-contactcon .box h3{font-size: 48px;font-weight: bold;text-align: center;color: #050505; text-align:center; }
.xbhbm-contactcon .box p{font-size: 14px;font-weight: normal;color: #7d7d7d;margin:0.5% 0 2% 0; text-align:center;}
.xbhbm-contactcon .box h4{ font-size:14px; background-color:#FFCC66; text-align:center; padding:0.5%;border-radius: 32px; width:10%; margin:0 auto 1% auto;}
.xbhbm-contactcon .box .contact{ width:100%;display: flex;justify-content: space-between; flex-wrap: wrap;}

.xbhbm-contactcon .box .contact .right{ width:100%; background-color: #FFFFFF;border-radius: 32px; padding:2%; border:#CC6600 1px solid;box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);}
.xbhbm-contactcon .box .contact .right p{ text-align:left; margin:0; padding:0; border-bottom:#CC6600 1px solid;}
.xbhbm-contactcon .box .contact .right h1{ font-size:18px; font-weight:bold; }
.xbhbm-contactcon .box .contact .right .shousuo{ width:100%; line-height:30px; font-size:12px;border-radius: 12px; padding-left:2%; border: #CCCCCC 1px solid; color:#8b8b8b; background-color:#f7f6f4;}
.xbhbm-contactcon .box .contact .right .shousuo1{ width:100%; line-height:30px; font-size:12px;border-radius:12px; padding:1%; border: #CCCCCC 1px solid; color:#8b8b8b; background-color:#f7f6f4;}
.xbhbm-contactcon .box .contact .right .shousuo2{ width:100%; line-height:30px; font-size:12px;border-radius:12px; padding:1% ; border: #CCCCCC 1px solid; color: #FFFFFF; background-color:#CC6600; font-size:18px;}
.xbhbm-contactcon .box .contact .right .nr1{ margin-top:1%; width:100%;}
.xbhbm-contactcon .box .contact .right .nr1 .wenzi{ font-size:16px; font-weight:bold;}
.xbhbm-contactcon .box .contact .right .nr1 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.xbhbm-contactcon .box .contact .right .nr1 ul li{width:24%;padding:0; margin:1% 0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr1 .left-1{ width:45%;padding:0; margin:0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr1 .right-1{ width:45%;padding:0; margin:0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr2{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr3{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr4{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr5{width:100%;padding:0; margin:2% 0 0 0;border-radius:0px; border:0;}
.xbhbm-contactcon .box .contact .right .nr5 .wenzi{ font-size:16px; font-weight:bold;}
.xbhbm-contactcon .box .contact .right .nr5 ul{display:flex;justify-content: flex-start;}
.xbhbm-contactcon .box .contact .right .nr5 ul li{width:26%;padding:0 2% 0 0; margin:1% 0;border-radius:0px; border:0;}

.xbhbm-contactcon .box .contact .right .daohang{ width:100%;}
.xbhbm-contactcon .box .contact .right .daohang ul{display: flex;justify-content: space-between;  width:30%;}
.xbhbm-contactcon .box .contact .right .daohang ul li{ width:45%; padding:1%; margin:1%;  background-color:#000;border-radius: 32px;transition: all .4s; text-align:center;}
.xbhbm-contactcon .box .contact .right .daohang ul li.this,
.xbhbm-contactcon .box .contact .right .daohang ul li:hover{background-color: #CC6600;}
.xbhbm-contactcon .box .contact .right .daohang ul li:hover a{ color:#FFFFFF;transition: all .4s;}
.xbhbm-contactcon .box .contact .right .daohang ul li a{font-size:18px; font-weight:bold; color:#FFFFFF; transition: all .4s;}
.xbhbm-contactcon .box .contact .right .daohang ul li a:hover{font-size:18px; font-weight:bold; color: #FFFFFF;transition: all .4s; }





/* 尾部 */
.index-foot{ width: 100%; background:#eaeaea;    }
.index-footcon{ padding:0; margin:0 auto;  }
.index-footcon .box{ width:100%; padding-top:2%; }
.index-footcon .box a{ color: #000000;}
.index-footcon .box a:hover{ text-decoration:underline;}
.index-footcon .box .top{ border-bottom:#CCCCCC 1px solid;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-footcon .box .top .left{ width:50%; background:url(../images/index_14.jpg) left center no-repeat; padding-left:165px; font-size:18px; font-weight:900; color:#FFFFFF; height:80px;}
.index-footcon .box .top .right{ width:50%;  padding-left:23px; font-size:28px; font-weight:900; color:#FFFFFF; height:80px; text-align:right;}
.index-footcon .box .bootom{ margin:2% auto;display: flex;justify-content:space-around; flex-wrap: wrap;}
.index-footcon .box .bootom .nr1{ width:15%}
.index-footcon .box .bootom .nr1 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-footcon .box .bootom .nr1 ul li{ padding-bottom:20px; width:100%;}
.index-footcon .box .bootom .nr1 ul li a{color: #666666;}
.index-footcon .box .bootom .nr3 ul li a{color: #666666;}
.index-footcon .box .bootom .nr4 ul li a{color: #666666;}
.index-footcon .box .bootom .nr5 ul li a{color: #666666;}
.index-footcon .box .bootom .nr2{ width:20%; }
.index-footcon .box .bootom .nr3{ width:23%; display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start; margin-right:6%;}
.index-footcon .box .bootom .nr3 .top{ width:100%; background:url(../images/logo.png) left center no-repeat;  padding-left:40px; margin:0; border-bottom:0;}
.index-footcon .box .bootom .nr3 .top a{ font-size:25px; font-weight:bold; display:block;}
.index-footcon .box .bootom .nr3 .nr{ width:100%;line-height:normal!important; font-size:14px; line-height:21px; margin:6% 0; padding:0; color: #666666;}
.index-footcon .box .bootom .nr3 .bottom{ width:100%;line-height: normal;margin:0; padding:0;display: flex;}
.index-footcon .box .bootom .nr3 .bottom .ewm{ width:33.3%;}
.index-footcon .box .bootom .nr4{ width:15%}
.index-footcon .box .bootom .nr4 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-footcon .box .bootom .nr4 ul li{ padding-bottom:20px; width:100%;}
.index-footcon .box .bootom .nr5{ width:15%}
.index-footcon .box .bootom .nr5 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-footcon .box .bootom .nr5 ul li{ padding-bottom:20px; width:100%;}
.index-bq{ width: 100%; background:#dfdfdf; color:#6c808e;font-size:12px; text-align:center; padding:1%; /*margin-bottom:231px; */ }
.index-bqcon{ padding:0; margin:0 auto; display: flex;justify-content: space-between; flex-wrap: wrap;  }
.index-bq .left{ width:50%; text-align:left;}
.index-bq .right{ width:50%; text-align:right;}
.index-bq a{ color:#6c808e; font-size:12px;}
.index-bq a:hover{ text-decoration:underline;color: #000000;}


.index-bq1{ width: 100%; background:#dfdfdf; color:#6c808e;font-size:12px; text-align:center; padding:1%; }
.index-bq1con{ padding:0; margin:0 auto; display: flex;justify-content: space-between; flex-wrap: wrap;  }
.index-bq1 .left{ width:50%; text-align:left;}
.index-bq1 .right{ width:50%; text-align:right;}
.index-bq1 a{ color:#6c808e; font-size:12px;}
.index-bq1 a:hover{ text-decoration:underline;color: #000000;}



/* 尾部-蟹博会 */
.index-foot1{ width: 100%; background:#eaeaea;    }
.index-foot1con{ padding:0; margin:0 auto;  }
.index-foot1con .box{ width:100%; padding-top:2%; }
.index-foot1con .box a{ color: #000000;}
.index-foot1con .box a:hover{ text-decoration:underline;}
.index-foot1con .box .top{ border-bottom:#CCCCCC 1px solid;display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-foot1con .box .top .left{ width:50%; background:url(../images/index_14.jpg) left center no-repeat; padding-left:165px; font-size:18px; font-weight:900; color:#FFFFFF; height:80px;}
.index-foot1con .box .top .right{ width:50%;  padding-left:23px; font-size:28px; font-weight:900; color:#FFFFFF; height:80px; text-align:right;}
.index-foot1con .box .bootom{ margin:2% auto;display: flex;justify-content:space-around; flex-wrap: wrap;}
.index-foot1con .box .bootom .nr1{ width:15%}
.index-foot1con .box .bootom .nr1 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-foot1con .box .bootom .nr1 ul li{ padding-bottom:20px; width:100%;}
.index-foot1con .box .bootom .nr1 ul li a{color: #666666;}
.index-foot1con .box .bootom .nr3 ul li a{color: #666666;}
.index-foot1con .box .bootom .nr4 ul li a{color: #666666;}
.index-foot1con .box .bootom .nr5 ul li a{color: #666666;}
.index-foot1con .box .bootom .nr2{ width:20%; }
.index-foot1con .box .bootom .nr3{ width:23%; display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start; margin-right:6%;}
.index-foot1con .box .bootom .nr3 .top{ width:100%; background:url(../images/logo.png) left center no-repeat;  padding-left:40px; margin:0; border-bottom:0;}
.index-foot1con .box .bootom .nr3 .top a{ font-size:25px; font-weight:bold; display:block;}
.index-foot1con .box .bootom .nr3 .nr{ width:100%;line-height:normal!important; font-size:14px; line-height:21px; margin:6% 0; padding:0; color: #666666;}
.index-foot1con .box .bootom .nr3 .bottom{ width:100%;line-height: normal;margin:0; padding:0;display: flex;}
.index-foot1con .box .bootom .nr3 .bottom .ewm{ width:33.3%;}
.index-foot1con .box .bootom .nr4{ width:15%}
.index-foot1con .box .bootom .nr4 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-foot1con .box .bootom .nr4 ul li{ padding-bottom:20px; width:100%;}
.index-foot1con .box .bootom .nr5{ width:15%}
.index-foot1con .box .bootom .nr5 ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.index-foot1con .box .bootom .nr5 ul li{ padding-bottom:20px; width:100%;}










/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:15px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   .head .logo{ display:none}
   .sidenav1{ font-size:16px; font-weight:bold; color:#424242; width:20%; float:left; display:block; line-height:50px;}
   .m_nav .m_navList ul li.yyxz1{  background:url(../images/china.png) left center no-repeat; padding-left:40px; width:100%; }
   .m_nav .m_navList ul li.yyxz1 a{ font-size:14px; color:#666666; transition: 0.5s;}
   .m_nav .m_navList ul li.yyxz1 a:hover{ color:#999999; text-decoration:underline; transition: 0.5s;}
   .m_nav .m_navList ul li.yyxz2{  background:url(../images/English.png) left center no-repeat; padding-left:40px;width:100%; }
   .m_nav .m_navList ul li.yyxz2 a{ font-size:14px; color:#666666; transition: 0.5s;}
   .m_nav .m_navList ul li.yyxz2 a:hover{ color: #999999; text-decoration:underline;transition: 0.5s;}
   
   .m_img .yyxz1{  width:22%;margin-right:1%; float:left; display:block; }
   .m_img .yyxz1 a{ font-size:12px; color: #FFFFFF; transition: 0.5s;}
   .m_img .yyxz1 a:hover{ color:#000033; text-decoration:underline; transition: 0.5s;}
   .m_img .yyxz1 .kuang{ background-color:#bfbfbf;  width:100%;border-radius:30px; line-height:24px; margin-top:10%;   text-align:center; color:#FFFFFF;}
   .m_img .yyxz2{  width:22%;float:left; display:block; }
   .m_img .yyxz2 a{ font-size:12px; color:#FFFFFF; transition: 0.5s;}
   .m_img .yyxz2 a:hover{ color:#000033; text-decoration:underline;transition: 0.5s;}
   .m_img .yyxz2 .kuang{ background-color:#bfbfbf; width:100%;border-radius:30px; line-height:24px; margin-top:10%; text-align:center; color:#FFFFFF;}
   
   
}



.page{
	margin: 20px 0;
	text-align: center;
	width: 100%;
}
.page a{
	display: inline-block;
	padding: 6px 12px;
	margin: 0 2px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #eee;
	color: #333;
}
.page .thispage{
	background: #ff5a00;
	border: 1px solid #ff5a00;
	font-size: 12px;
	color: #fff;
}





@media screen and (max-width: 1700px) {
.pubcon{ width: 95%; max-width: 1600px; margin: 0 auto;}
}
@media screen and (max-width: 1600px) {
.pubcon{ width: 95%; max-width: 1440px; margin: 0 auto;}
}
@media screen and (max-width: 1550px) {
	.pubcon{ width: 95%; max-width: 1440px; margin: 0 auto;}
	.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}
}
@media screen and (max-width: 1500px) {
	.pubcon{ width: 95%; max-width: 1440px; margin: 0 auto;}
	.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}
}
@media screen and (max-width: 1440px) {
.pubcon{ width: 95%; max-width: 1440px; margin: 0 auto;}
.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}

.head .yyxz1 .kuang {
    
    margin-top: 30%;
   
}
.head .yyxz2 .kuang {
    
    margin-top: 30%;
   
}

.m_img .yyxz1 .kuang {
       
        margin-top: 10%;
       
    }
.m_img .yyxz2 .kuang {
       
        margin-top: 10%;
       
    }

}
@media screen and (max-width: 1366px) {
	.pubcon{ width: 95%; max-width: 1200px; margin: 0 auto;}
	.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}
	
}
@media screen and (max-width: 1280px) {
	.pubcon{ width:98%; max-width: 1200px; margin: 0 auto;}
	.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}
	
}
@media screen and (max-width: 1200px) {
.pubcon{ width: 98%; max-width: 1200px; margin: 0 auto;}
.index-aboutcon .box .left .box1 .title h2 {
    font-size: 27px;}
	
	.index-aboutcon .box .left .box1 .title h1 {
    font-size: 27px;}
	.index-aboutcon .box .left .box1 .more { width:100%}
	.product-number-info li b {
    font-weight: 800;
    font-size: 24px;}
	
	
	.product-number-info li b em {
   
    top: -10px;
}

.product-number-info li b em {
    
    font-size: 24px;}
	
.index-jjfacon .box .contact .trade-box-item {
   
    height: 354px;
	background-size:auto;
	
	}
	
	.anniu { width:90%;}
	.anniu1 { width:90%;}
	
	.index-footcon .box .top .left {
    width: 100%;}
	
	
	
.index-footcon .box .top .left {
   
    font-size: 12px;
    font-weight: normal;
	line-height:70px;
	margin-top:2%;
	text-align:right;
    
}

.index-footcon .box .top .right {
    width: 100%;
	font-size: 40px;
	text-align:center;
	padding-left:0;
	line-height:1px;
	margin-bottom:7%;
	}

.index-footcon .box .bootom .nr1 {
    width: 30%;
	display:none;
}

.index-footcon .box .bootom .nr1 ul li {
    padding-bottom: 5px;
}

.index-footcon .box .bootom .nr2 { width:100%;}


.index-footcon .box .bootom .nr3 {
    width: 63%; margin:5% auto ;}
.index-footcon .box .bootom .nr3 .left {
max-width:97px; width:50%;
}
.index-footcon .box .bootom .nr3 .right {
max-width:97px;width:50%;
}

.ny-hxnlcon .box .nr .left h1 {
    font-size: 20px;}
	
	
.ny-hxnlcon .box .nr1 .left h1 {
    font-size: 20px;}

.ny-hxnlcon .box .nr2 .left h1 {
    font-size: 20px;}

.head .yyxz2 {
    width: 8%;
    margin-right: 10%;
}
.head .yyxz1 {
    width: 8%;
    margin-right: 1%;
}
    
}
@media screen and (max-width: 1100px) {
	.pubcon{ width: 90%; max-width: 1000px; margin: 0 auto;}
	.index-sscon .box .right {
    width: 37%;
}
.index-sscon .box {
    width: 75%;}
.mbx .box .left {
    width: 28%;}
	
}
@media screen and (max-width: 1024px) {

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

.index-sscon .box .left{ display: block; width:50%;}
.index-sscon .box .contact {
    width: 100%;
    line-height: 30px;
}
.index-sscon .box .right{ width:100%;}
.index-sscon .box{ width:95%; padding:2%;border-radius:15px;}
.index-sscon .box .right .suosuo .kuang {
    margin-left:25%;
}

.index-sscon .box .right .suosuo {
width:90%; margin:0 auto;
}


.index-casecon .box .contact ul li {
    width: 49%;}
.index-aboutcon .box .left {
    width: 100%;}
.index-aboutcon .box .right {
    width: 100%;}
.index-aboutcon .box .left .box1 {
    margin: 10%;
    width: 80%;
}


element.style {
}
.index-aboutcon .box .left .box1 .more {
    
    width: 100%;
    
}

.product-number-info li {
    width:48%;
	
    
    
}

.index-aboutcon .box .right {
    width: 100%;
    height: 315px;
    background-size: 100%;
	background: url(../images/index-about_03.jpg) center no-repeat;
}

.index-jscxcon .box .bt {
   
    width: 57%;
}

.index-jscxcon .box .nr .nr1 .left .top h1 {font-size: 20px;}

.index-jscxcon .box .nr .nr1 .left .bottom h1 {font-size: 20px;}

.index-jscxcon .box .nr .nr1 .right .bottom h1 {font-size: 20px;}

.index-jscxcon .box .nr .nr1 .right .top h1 {font-size: 20px;}


.index-jscxcon .box .nr {
    background: url(../images/shouji.png) center no-repeat;
}

.index-jscxcon .box .nr .nr1 .left .top {
    
    padding-bottom: 2%;
}

.index-jscxcon .box .nr .nr1 .right .top {
    
    padding-bottom: 2%;
}
.index-jscxcon .box .nr .nr1 .left .bottom {
    width: 100%;
    padding-top: 200px;
	padding-bottom: 10px;
}

.index-jscxcon .box .nr .nr1 .right .bottom {
    width: 100%;
    padding-top: 200px;
	 padding-bottom: 10px;
}

.index-jscxcon .box .nr .nr1 {
   
     padding-bottom:1px; 
}

.index-jjfacon .box .contact .trade-box-item {
    flex:1;
    text-align: center;
    position: relative;
    height: 480px;
    background: no-repeat center;
    
    margin: 0 3px;
}

.index-jjfacon .box .contact .trade-content .bt {
    
    background-color: #465463;
	padding:8px 5px 5px 5px;
	line-height:24px;
    border-bottom: #FFFFFF 5px solid;
    color: #FFFFFF;
}

.anniu {
  
    width: 100%;
   
}

.index-hzppcon .box .contact ul li {
    width:100%;
   
}

.index-newscon .box .contact .left {
    width: 100%;
}

.index-newscon .box .contact .right {
    width: 100%;
}

.index-footcon .box .top .left {
    width: 100%;}
	
	
	
.index-footcon .box .top .left {
   
    font-size: 12px;
    font-weight: normal;
	line-height:70px;
	margin-top:2%;
	text-align:right;
    
}

.index-footcon .box .top .right {
    width: 100%;
	font-size: 40px;
	text-align:center;
	padding-left:0;
	line-height:1px;
	margin-bottom:7%;
	}

.index-footcon .box .bootom .nr1 {
    width: 30%;
	display:block;
	text-align:center;
}

.index-footcon .box .bootom .nr1 ul li {
    padding-bottom:10px;
}

.index-footcon .box .bootom .nr2 { width:80%; margin:0 auto;}


.index-footcon .box .bootom .nr3 {
    text-align:center;
    width:90%; margin:5% auto ;}
.index-footcon .box .bootom .nr3 .left {
max-width:97px; width:50%;
}
.index-footcon .box .bootom .nr3 .right {
max-width:97px;width:50%;
}

.index-footcon .box .bootom .nr3 .top { text-align:center; margin:0 auto; width:50%;}

.index-footcon .box .bootom .nr4 {
text-align:center;
    width: 31%;
}

.index-footcon .box .bootom .nr5 {
    width: 24%;
	text-align:center;
}


.index-hzppcon .box .biaoti {
   
    padding: 34px 0 2px 0;
}

.index-hzppcon .box .biaoti .hx {

    width: 15%;}

.index-newscon .box .biaoti {
    
    padding: 10px 0 12px 0;
}

.index-casecon .box .biaoti {
   
    margin: 34px 0 42px 0;
}

.index-jjfacon .box .biaoti {
   
    padding: 34px 0 42px 0;
}
.anniu1 { margin-bottom:10%;}

.index-newscon .box .contact .left img {
    width:100%;
    
}
.banner-nycon .box .tu {
   
    margin-top: 10%;
}

.ny-hxnlcon .box .nr .right p {
    font-size: 14px;}
	
.ny-hxnlcon .box .nr1 .right p {
    font-size: 14px;}

.ny-hxnlcon .box .nr2 .right p {
    font-size: 14px;}

.ny-hxnlcon .box .nr .left {
    width: 100%;}

.ny-hxnlcon .box .nr .right {
    width: 100%;}

.ny-hxnlcon .box .nr .left h1 {
text-align:center;
font-size: 27px;
}




.ny-hxnlcon .box .nr1 .left {
    width: 100%;}

.ny-hxnlcon .box .nr1 .right {
    width: 100%;}

.ny-hxnlcon .box .nr1 .left h1 {
text-align:center;
font-size: 27px;
}


.ny-hxnlcon .box .nr2 .left {
    width: 100%;}

.ny-hxnlcon .box .nr2 .right {
    width: 100%;}

.ny-hxnlcon .box .nr2 .left h1 {
text-align:center;
font-size: 27px;
}
.ny-aboutcon .box .left .box1 .sz {
    margin: 3% 0 2% 0; border:#CCCCCC 1px solid; border-width: 1px 0 0 0; width:100%;}
	
	
.ny-qywhcon .box .nr .left p {
    font-size: 14px;}
.ny-qywhcon .box .nr .right p {
    font-size: 14px;}
.ny-qywhcon .box .nr .left h1 {
    font-size: 20px;}
.ny-qywhcon .box .nr .right h1 {
    font-size: 20px;}
.ny-honorcon .box .title p {
    font-size: 14px;
}

.index-casecon .box .contact ul li h1 {
    font-size: 16px;}
	
.index-casecon .box .biaoti .hx {
    border-bottom: #ff7e02 5px solid;
    width: 15%;}



.index-procon .box .neirong .left {
    width: 100%;
}


.index-procon .box .neirong .right {
    width: 100%;
}

.index-procon .box .neirong .right .contact ul li {
    width:100%;}
	
.index-procon .box .neirong .right .contact ul li h1 {
    font-size: 12px;
    
}


.index-procon .box .neirong .right .contact ul li h2 {
    font-size: 12px; font-weight:normal; line-height:22px;}




.ny-cwywcon .box .neirong .left {
    width: 100%;
}


.ny-cwywcon .box .neirong .right {
    width: 100%;
}

.ny-cwywcon .box .neirong .right .contact ul li {
    width: 49%;}
	
.ny-cwywcon .box .neirong .right .contact ul li h1 {
    font-size: 12px;
    
}


.ny-cwywcon .box .neirong .right .contact ul li h2 {
    font-size: 12px;}
	
.ny-cwywcon .box .neirong .right .contact1 ul li h1 {
    font-size: 12px;}
	
.ny-cwywcon .box .neirong .right .contact1 ul li {
    width:100%;}
	
	
.ny-cwywcon .box .neirong .right .contact2 .ly .kuang11 {
    width: 100%;
}

.ny-cwywcon .box .neirong .right .contact2 .ly .kuang33 {
    width: 50%;
}

.ny-cwywcon .box .neirong .right .contact3 .wz {
    font-size: 14px;}
	
	
.ny-newscon .box .neirong .contact1 ul li .left {
    width: 100%;
}

.ny-newscon .box .neirong .contact1 ul li .right {
    width: 100%;
}

.ny-newscon .box .neirong .contact2 .ly .kuang11 {
    width: 100%;
}

.ny-newscon .box .neirong .contact2 .ly .kuang33 {
    width: 50%;
}

.ny-newscon .box .neirong .contact1 ul li .left .tu {
    max-width:352px;
	text-align:center;
}

.ny-newscon .box .neirong .contact1 ul li .right h1 {
    font-size: 16px;
	font-weight:normal;
}

.ny-newscon .box .neirong .contact1 ul li .right p {
font-size:12px;
}

.ny-contactcon .box .neirong .contact2 .ly .kuang11 {
    width: 100%;
}
.ny-contactcon .box .neirong .contact2 .ly .kuang33 {
    width: 50%;
}

.ny-contactcon .box .neirong .contact1 ul li {
    width: 49%;
   
}

.ny-contactcon .box .neirong .contact1 ul li h1 {
    font-size: 14px;
    font-weight: normal;
}


.index-procon .box .neirong .right .contact h4{ display:none;}
.index-procon .box .neirong .right .contact .hx{ display:none;}
.index-aboutcon .box .left .box1 .sz {
    width: 100%;
    margin: 0 auto;
}


.index-newscon .box .contact .right ul li {
    width: 90%;}
	
	
.mbx .box .left { display:none;}
.mbx .box .right { width:100%; text-align:center; padding-right:0;}
.mbx .box {line-height:38px;}


.ny-cwywcon .box .neirong .right .mbx1 .box .left{ width:38%; background:url(../images/wz.jpg) left center no-repeat;background-size: 100% auto; text-align:center; color:#FFFFFF;}
.ny-cwywcon .box .neirong .right .mbx1 .box {line-height:38px;}

.ny-cwywcon .box .neirong .right .contact3 .left {
    width: 100%;
    max-width: 425px;
}
.ny-cwywcon .box .neirong .right .contact3 .right {
    width: 100%;
   
}


.ny-cwywcon .box .neirong .right .contact3 .right h1 {
    font-size: 24px;
    margin: 2% auto;
}

.anniu:hover {
   background-color: #FFFFFF;}
   
  .ny-cwywcon .box .neirong .right .mbx1 .nr .wz {
    font-size: 16px;}
	
.ny-cwywcon .box .neirong .right .mbx1 .nr .xiangxi {
    
    padding: 5%;
}

.ny-contactcon .box .neirong .contact1 {
    width:100%;
}

.ny-contactcon .box .neirong .contact2 {
    width: 100%;
}


.ny-contactcon .box .neirong {
    width: 90%;
	margin:2% auto;
}

.ny-contactcon .box {
    width: 100%;
	padding-top:15%;
   
}


.ny-contactcon .box h4 { width:25%;}


.index-servicecon .box .container {
                width: 95%;
                margin: 20px auto;
            }
.index-servicecon .box .tab-btn {
                padding: 12px 4px;
                font-size: 14px;
            }
.index-servicecon .box .tab-panel {
                padding: 20px 16px;
                font-size: 14px;
            }
.index-servicecon .box .tab-btns{ display:block;}
a.carousel-control.left, a.carousel-control.right {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    text-align: center;
    border-radius: 10%;
    margin: 0 5%;
    width: 10%;
}

.xbhbmcon .box .left {
    display: flex;justify-content: space-evenly; flex-wrap: wrap;
    width: 100%;
	margin-bottom:1%;
}
.xbhbmcon .box .left h2 {
display:none;
}

.xbhbmcon .box .left h1 {
    font-size: 28px;}
.xbhbmcon .box .left h3 {
    font-size: 27px;}
.xbhbmcon .box .left p { display:none}
.xbhbmcon .box .right {
    width: 100%;
}

.xbhbmcon .box .right ul li h1 {
    font-size: 14px;}
	
.xbhbmcon .box .right .bm { width:100%;}
.index-bq .left {
    width: 100%;
    text-align: center;
	padding-top:2%;
}
.index-bq .right {
    width: 100%;
    text-align: center;
	padding-bottom:2%;
}

.index-foot1 {
    
    margin-bottom: 212px;
}

.index-procon .box .neirong .right .contact .hx{ display: block; width:15%;}
.index-casecon .box .biaoti h1 {
    font-size:36px;
}
.index-newscon .box .contact .left .tb .left, .index-newscon .box .contact .left .tb .right{
    width: 100%;
}

.index-newscon .box .contact .left .jb ul li .left, .index-newscon .box .contact .left .jb ul li .right {
    width: 95%; margin:2% auto;
}

.index-newscon .box .biaoti ul {
    width: 100%;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-newscon .box .biaoti ul li {
    width: 48%;}

.index-newscon .box .contact .left .jb ul li .right h3 { width:20%; margin-top:2%;}

.index-bmtxcon .box .biaoti h1 {
    
    font-size: 36px;
}

.index-bmtxcon .box .biaoti .hx {
    
    width: 15%;
   
}

.index-bmtxcon .box .contact1 {
    width: 40%;}
.index-bmtxcon .box .contact2 ul li {
    width: 45%; margin-bottom:3%;background-color: #efce87;}
	
	
.index-abcon .box .biaoti h1 {
    
    font-size: 40px;
    margin-top: 10%;
}

.index-abcon .box .biaoti .hx {
    
    width: 15%;
}

.index-abcon .box .contact .left,.index-abcon .box .contact .right {
    width: 95%;
    
}


.index-servicecon .box {
    
    margin-top:15%;
}

.index-servicecon .box h2 {
    
    width: 28%;}
	
.index-servicecon .box .tab-panel .nr .left, .index-servicecon .box .tab-panel .nr .right {
    width: 100%;
}

.index-servicecon .box .tab-panels {
    
    min-height: 697px;
    
}

.index-servicecon .box .tab-panel .nr .right .nr2 {
    
    width: 100%;
}

.index-procon .box .neirong .right .contact .daohang {
 
    width: 100%;
}


.index-procon .box .neirong .right .contact .daohang ul li {
    width: 48%;}
	
	
.index-procon .box .neirong .right .contact .daohang {
   
    border-radius: 18px;}

.index-newsnycon .box {
    
    margin-top: 15%;
}

.index-newsnycon .box h4 {
    
    width: 20%;}


.index-newsnycon .box .contact .right {
    width: 100%;
}

.index-newsnycon .box .contact .left {
    width: 100%; margin-top:2%;
}

.index-newsnycon .box .contact .left .jb ul li .left {
    width: 100%;
}



.index-newsnycon .box .contact .left .jb ul li .right {
    width: 95%;
	margin:0 auto;
}

.index-newsnycon .box .contact .left .jb ul li .right h3 {
    
    width: 30%;}

.index-gxptcon .box {
    width: 100%;
    margin: 15% auto 0 auto;
}

.index-gxptcon .box .neirong .right .contact h3 {
   
    width: 30%;}
.index-gxptcon .box .neirong .right .contact h2 {
    width:80%; padding:0; margin:0 auto;}
	
	
.index-gxptcon .box .neirong .right .contact .hx {
    width: 15%;
	margin-bottom:4%;
}


.index-gxptcon .box .neirong .right .contact .daohang {
    
    width: 95%;
}

.index-gxptcon .box .neirong .right .contact .daohang ul li {
    width: 48%;
 
}


.index-gxptcon .box .neirong .right .contact .daohang {
    
    border-radius: 15px;}
	
	
.index-gxptcon .box .neirong .right .contact .daohang1 {
    
    width: 97%;
}

.index-gxptcon .box .neirong .right .contact .daohang1 .ss .suosuo .kuang {

    margin-left: 5%;
    width: 84%;}
.index-gxptcon .box .neirong .right .contact ul li {
    width: 100%;}
	
	.xbhbm1con .box {
    
    margin-top: 10%;
}

.xbhbm1con{  background-image: none;   }

.xbhbm1con .box .right {
    width: 100%;
}

.xbhbm1con .box .right ul li {
    width: 47.3%;}
	
.xbhbm1con .box .right .bm {

    width: 100%;
}

.xbhbm2con .box .product-number-info li {
    width: 48%;}
	
	
.ny-hxldcon .box .title h4 {
   
    width: 30%;
    
}

.ny-hxldcon .box .contact ul li {
    width: 100%;}
	
	
.ny-hxldcon .box .title .hx {
    width: 15%;
    border-bottom: #ff7e02 5px solid;
    margin: 3% auto;
}

.ny-zqcon .box .title h4 {
    
    width: 30%;}
.ny-zqcon .box .contact ul li {
    width: 49.3%; font-size:12px; padding-left:10%;}
	
.ny-zqcon .box {
    width: 98%;
    
}

.ny-zqcon .box .title .hx {
    width: 13%;
    
    margin: 5% auto;
}

.ny-honorcon .box .title h4 {
    
    width: 30%;}
.ny-honorcon .box .title .hx {
    width: 13%;}
.index-bq1 .left {
    width: 100%;
    text-align: center;
	padding:2%;
}
.index-bq1 .right {
    width:100%;
    text-align: center;
	margin-bottom:2%;
}

.xbhbm-contactcon .box {
    
    margin-top: 15%;
}

.xbhbm-contactcon .box h4 {
    
    width: 50%;
  
}

.xbhbm-contactcon .box .contact .right .daohang ul {
   
    width: 100%;
}

.xbhbm-contactcon .box .contact .right .nr1 ul li {
    width: 49%;
   
}

.index-newscon .box .contact .left .jb ul li .left .tu img {
    width: 100% ;
	max-width:340px;
}

.ny-contactcon .box .contact .left, .ny-contactcon .box .contact .right{
    width: 100%; padding:10%; margin-bottom:2%;}
.ny-contactcon .box .contact .left img{
    width: 100%;}
	
.index-bq {
   
   /*  margin-bottom: 212px;*/
}

.xbhbm-contactcon .box .contact .right .nr5 ul li {
    width: 50%;}
	
	
.index-procon .box {
    
    margin: 15% auto 1% auto;
}

.index-procon .box .neirong .right .contact22 .daohang {
   
    width: 100%;
}


.index-procon .box .neirong .right .contact22 .daohang ul li {
    width: 48%;}
	
	
	
.index-procon .box .neirong .right .contact22 ul li {
    width: 100%;}
	
	
.index-procon .box .neirong .right .contact22 ul li .btt h4 {
    
    width: 30%;}
	
.index-procon .box .neirong .right .contact22 ul li .btt h1 {
    font-size: 24px;}
	
.index-procon .box .neirong .right .contact22 ul li .btt h5 {
    width: 100%;}
	
.index-procon .box .neirong .right .contact22 ul li .btt h3 {
    font-size: 30px;}
	
	
.index-newsnycon .box .contact .left .jb ul li .right1 img{ width:100%;}


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

.index-casecon .box .contact ul li {
    width: 100%;}
.index-procon .box .neirong .right .contact h4{display: block; }
.index-procon .box .neirong .right .contact .hx{ display: block; width:15%;}
.index-servicecon .box .container {
                width: 100%;
                margin: 20px auto;
            }
.index-servicecon .box .tab-btn {
                padding: 12px 24px;
                font-size: 14px;
            }
.index-servicecon .box .tab-panel {
                padding: 20px 16px;
                font-size: 14px;
				
            }
.index-servicecon .box .tab-btns{ display:block;}
a.carousel-control.left, a.carousel-control.right {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    text-align: center;
    border-radius: 10%;
    margin: 0 5%;
    width: 10%;
}

.xbhbmcon .box .left {
    width: 100%;
}
.xbhbmcon .box .left h2 {
display:none;
}

}
@media screen and (max-width: 460px) {
	
	
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
		.index-servicecon .box .container {
                width: 95%;
                margin: 20px auto;
            }
        .index-servicecon .box .tab-btns {
                padding: 12px 4px;
                font-size: 14px;display:block;
            }
          .index-servicecon .box .tab-panel {
                padding: 20px 16px;
                font-size: 14px;
				
            }
		.index-servicecon .box .tab-btns{ display:block;}
		a.carousel-control.left, a.carousel-control.right {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    text-align: center;
    border-radius: 10%;
    margin: 0 5%;
    width: 10%;
}

.xbhbmcon .box .left {width: 100%;}
.xbhbmcon .box .left h2 {
display:none;
}


	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}