/* @font-face{
font-family: Source Han Sans;
src: url('/template/default/wap/css/{pboot:sitetplpath}/font/SourceHanSans-Regular.otf');
} */
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul {list-style: none outside none; margin:0;}
p{ margin:0;}
li {display: list-item;text-align: -webkit-match-parent;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.pt5 {padding-top: 5px;}
.fl {float: left;}
.page_header{background: url(/template/default/wap/image/overlay.png) repeat;margin-top: 0px!important; }
.page_header .header_phone{ margin-top: 10px;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb50{ margin-bottom: 50px;}
.lv{color:#016438}
.lv1:hover{color:#016438}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.backgroundf0{background: #f0f0f0}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Source Han Sans"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'CONTEXT';
	src:url(/template/default/wap/font/CONTEXT.TTF);
    font-weight: normal;
    font-style: normal;
}
.btn, button {
    padding: 7px 30px;
    border-radius: 0px;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline-block;
}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}


.headerBg{transition:all 0.3s ease-out 0s; background:#016438; /*background:rgba(1,100,56,.9); */margin-top:0; position: fixed; width: 100%;z-index: 9999;}
/*.headerBg.active{ border:none; background:rgba(1,100,56,0.9); margin-top:0; position: fixed;width: 100%;z-index: 1111;}
.headerBg.active .fixed-top{background:rgba(1,100,56,.9);}*/
.headerBg.noEffect{ transform:translateY(0) !important;}
.logo{ position:absolute; left:30px; top:5px;}
.logo a{ display:block;}
.hdRig{ position:absolute; right:30px; top:0; color:#FFFFFF;}
.hdRig a{ color:#FFFFFF; display:inline-block; vertical-align:middle;}
.hdRigList{ font-size:0;}
.hdRigList li{ display:inline-block; vertical-align:middle; font-size:18px; padding-left:8px; line-height:84px;}
.hdWx{ position:absolute; right:-30px; top:84px; width:140px; padding:10px; text-align:center; background:#FFFFFF; font-size:12px; color:#666666; line-height:26px; display:none;}
.hdWx img{ margin:0 auto;}
.hdRigList li:hover .hdWx{ display:block;}
.hdTel{ font-size:20px; margin-top:-2px; margin-right:5px;}
.hdShare{ margin-top:-10px; font-size:15px; width:32px; height:32px; border:1px solid rgba(255,255,255,0.25); border-radius:50%; text-align:center; line-height:30px;}

/*navList*/
.banner{ padding-top:55px;  height:auto; overflow:hidden;}
.navList{ display:table; margin:0 auto;}
.navLi{ float:left; height:84px; position:relative;}
.navLi h3{}
.navLi h3 a{ display:block; padding:24px 10px; font-size:15px; color:#FFFFFF;}
.navLi h3 a span{ display:block; height:40px; line-height:40px;padding:0 30px; transition:all 0.4s ease 0s;}
.navLi.on h3 a span,.navLi h3 a:hover span{ }
.navLi.active{ border-bottom: 2px solid #ffffff}
.navSub{ position:absolute; left:50%; margin-left:-100px; top:84px; width:200px; padding-top:23px; display:none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;
}


#box1{width: 100%;margin: 0 auto;}
#box1 img{width: 100%;}
#box2 img{width: 100%;}
#box2{width: 100%;margin: 0 auto ;margin-top: 74px;}
.swiper1{--swiper-theme-color:#FFFFFF;color:#FFFFFF;}
.swiper1 .swiper-pagination-bullet{width: 40px;height: 5px;border-radius: 0;background-color:#FFFFFF;opacity: 1;width: 25px;}
.swiper1 .swiper-pagination-bullet-active{background-color:red;}
.swiper1{--swiper-theme-color: #fff;--swiper-navigation-color: #ffff;--swiper-navigation-size:40px;cursor:pointer;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: '';}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '';}
.swiper-button-prev,.swiper-button-next{width:50px;height: 85px;position: absolute;top: 50%;transform: translateY(-50%);}
.swiper-wrapper{position: relative;}
#box1:hover .swiper-button-prev{left: 20px;}
#box1:hover .swiper-button-next{right: 20px;}
.swiper-button-prev,.swiper-button-next{margin-top:0;}
.swiper2 .swiper-pagination-bullet{width: 60px;}


.navSubList{ background:rgba(0,0,0,0.75); padding:15px 25px; border-radius:5px;}
.navSubLi{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubLi h4{  line-height:42px; color:#FFFFFF; font-size:14px;}
.navSubLi h4 a{ display:block; color:#FFFFFF; line-height:42px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navSubLi.has h4 a{ background-image:url(/template/default/wap/image/navLiBg.png);}
.navSubLi a:hover{ color:#f39800;}
.navSubLi div{ font-size:14px; line-height:24px; } 
.navSubLi div a{ color:#FFF; padding-right:10px; }
.navThrList{ padding-left:15px; display:none;}
.navThrLi h5{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navThrLi h5 a{ display:block; color:#FFFFFF; font-size:14px; line-height:46px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navThrLi.has h5 a{ background-image:url(/template/default/wap/image/navLiBg.png);}

.navFouList{ padding:15px 0 15px 15px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.navFouLi{ font-size:12px; color:#dddddd; line-height:24px;} 
.navFouLi a{ display:block; color:#dddddd;}

.navBoxm{ display:none;}
.navListm{ list-style:none; overflow:hidden;}
.header_phone{
	position: absolute;
    right: 30px; 
    top:15px;
    color: #FFFFFF;
	width: 220px;
}
.header_phone .phone{margin-left: 10px;}
.header_phone h4{font-size: 14px; margin-bottom: 5px;}
.header_phone h2{font-size: 24px; color: #FFD600}
/*banner*/
#carousel-area {
  overflow: hidden;
  background: #2c3e50;
}
#carousel-area .carousel-inner .carousel-item {
  opacity: 0.3;
  width: 100%;
  overflow: hidden;
  transition-property: opacity;
  transition-duration: 1s;
}
#carousel-area .carousel-inner .active {
  opacity: 1;
}
#carousel-area .carousel-inner .active.left,
#carousel-area .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#carousel-area .carousel-inner .next.left,
#carousel-area .carousel-inner .prev.right {
  opacity: 1;
}
#carousel-area .carousel-control {
  z-index: 2;
}
#carousel-area .carousel-item {
  background-size: 100%;
  background-size: cover;
}
#carousel-area .carousel-item .carousel-caption {  
  top: 30%;
  right: 10%;
  left: 10%;
  text-shadow: none;
}
#carousel-area .carousel-item .carousel-caption h2 {
  font-size: 70px;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
#carousel-area .carousel-item .carousel-caption h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 100;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
#carousel-area .carousel-item .carousel-caption .btn {
  margin: 30px 15px;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}
#carousel-area .active {
  opacity: 1;
}
#carousel-area .active.left,
#carousel-area .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#carousel-area .carousel-control {
  z-index: 10;
  width: 35px;
  height: 55px;
  top: 50%;
  padding: 10px 5px;
  box-shadow: none;
  background: url(https://www.hbjiuyao.com/skin/default/css/images/wap/skin.png);
  margin-top: -35px;
  text-shadow: none;
}
#carousel-area .carousel-control-prev-icon {
  left: 5%;
}
#carousel-area .carousel-control-next-icon {
  right: 5%;
  background-position: -150px 0px !important;
}
#carousel-area .carousel-indicators {
  bottom: 5px;
}
#carousel-area .carousel-indicators li {
  border-radius: 0px;
  width: 32px;
  height: 5px;
  margin: 0 5px;
  background: rgba(253, 254, 255, 0.80);
  cursor: pointer;
  border: none;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#carousel-area .carousel-indicators li:hover,
#carousel-area .carousel-indicators li.active { opacity: 1;}
#carousel-area:hover .carousel-control { display: block;}
#carousel-area i { margin-right: 10px;}
.back-to-top {
    display: none;
    position: fixed;
    bottom: 45px;
    right: 15px;
	background: rgba(0,0,0,0.46);
	color: #ffffff;
	    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.back-to-top i {
    display: block;
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 0px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.banner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.ban1Bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; overflow:hidden;}
.ban1Bg1{ background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/ban1Bg1.png) center center repeat; animation: star 1s infinite linear;}
.ban1Bg2{ background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/ban1Bg2.png) center center repeat; animation: star 3s infinite linear;}
@keyframes star {
  0% {
	  opacity:0;
  }
  50% {
	  opacity:1;
  }
  100% {
	  opacity:0;
  }
}
.banner .swiper-slide .container{ height:100%; justify-content:center; display:flex; align-items:center; position:relative; z-index:1;}
.ban1Con{ width:100%;}
.ban1Img{ width:60%; float:left; max-width:651px; height:379px; position:relative;}
.ban1Logo{ width:119px; height:57px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-49px; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir{ 
	width:379px;
	background-size: 250px;
	height:379px; 
	position:absolute; left:50%; top:0; margin-left:-190px; background-position:center center; background-repeat:no-repeat; opacity:0; transition:all 0.4s ease 0.3s;
}
.ban1Line_right{ min-width: 375px; height: 560px;left: 0;  position: absolute; top:90px;}
.ban1Line_right .ban1Line_title{ margin-top: 100px; background: url(https://www.hbjiuyao.com/skin/default/css/images/wap/abt_banner.png) no-repeat; width: 375px; height: 244px;padding: 35px; color: #ffffff; text-align: center}
.ban1Line_right .ban1Line_title h2{ margin-bottom: 15px; font-size: 32px;}
.ban1Line_right .ban1Line_title h3{ font-size:24px; text-align: left; line-height: 50px;}
.ban1Line_right .ban1Line_title h3.clients{text-align: center}
.ban1Line_right .ban1Line_title h3.clients b{text-align: center; font-size: 56px; font-weight: bold}
.ban1Line_right .title_name{width:375px; overflow: hidden; min-height: 50px; font-size: 26px; text-align: center; color: #ffffff; margin-top: 20px;}
.banner .swiper-slide .container {
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
.ban1Line{ width:509px; height:379px; position:absolute; left:50%; top:0; margin-left:-254px; background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/ban1Line.png) center center no-repeat;}
.ban1IcoItem li{ display:inline-block; position:absolute; text-align:center; font-size:14px; line-height:34px;}
.ban1IcoItem li a{ display:block; color:#FFFFFF;}
.ban1Ico{ width:71px; height:71px; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.ban1Ico i{ 
	display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/ban1IcoBg.png) center center no-repeat; animation:circle 150s infinite linear;
}
.ban1IcoLi1{ left:-40px; top:0;}
.ban1IcoLi2{ left:-40px; top:156px;}
.ban1IcoLi3{ left:-40px; bottom:-30px;}
.ban1IcoLi4{ right:-40px; top:0;}
.ban1IcoLi5{ right:-40px; top:156px;}
.ban1IcoLi6{ right:-40px; bottom:-30px;}
.ban1IcoItem li a:hover .ban1Ico img{ animation:pulse 0.3s linear 2;}
@keyframes circle{
  0% {
	  transform:rotate(0);
  }
  50% {
	  transform:rotate(360deg);
  }
  100% {
	  transform:rotate(0);
  }
}
@keyframes circleF{
  0% {
	  transform:rotate(360deg);
  }
  50% {
	  transform:rotate(0);
  }
  100% {
	  transform:rotate(360deg);
  }
}
.swiper-slide-active .ban1Logo{ opacity:0;}
.swiper-slide-active .ban1Cir{ opacity:1;}
.swiper-slide-active .ban1Cir1{ transition-delay:0.3s}
.swiper-slide-active .ban1Cir2{ transition-delay:0.7s}
.swiper-slide-active .ban1Cir3{ transition-delay:1.1s}

.ban1Text{ width:45%; float:right; max-width:442px; padding-top:10%;}
.banLink{ display:block; color:#FFFFFF; font-weight:bold; font-size:15px; text-align:center; width:144px; height:40px; line-height:38px; margin:25px 0 0; border:1px solid rgba(255,255,255,0.65); background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/banLinkBg.png) center center no-repeat; background-size:100% 100%;}
.banLink img{ margin-left:5px; transition:all 0.3s ease 0s;}
.banLink:hover{ color:#FFFFFF;}
.banLink:hover img{ margin-left:15px;}

.banPc{ display:block;}
.banMob{ display:none; position:relative; z-index:1;}
.banMob a{ display:block;}

.banBtn{ position:absolute; left:50%; margin-left:-12px; bottom:6%; display:block; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:12px; z-index:1; overflow:hidden;}
.banBtn:after{ display:block; content:""; position:absolute; left:50%; margin-left:-2px; top:21px; width:4px; height:4px; background:#FFFFFF; border-radius:50%; animation:bounce 2s infinite;}

.box1Bg{ padding:30px 0;}
.box1Num{ font-size:18px; color:#969696; line-height:200%;}
.box1Num h3{font-size:20px;}
.box1Num span{ color:#e80b11; font-family:'CONTEXT'; font-size:50px; padding:0 10px; line-height:200%;}
.title{ padding:20px 0; position:relative;}
.title h2{ font-size:36px; color:#222222; line-height:120%; padding:20px 0;}
.title h3{ font-size:14px; color:#222222; padding:10px 0; color: #818181; line-height:18px;}
.titleBrief{ max-width:980px; margin:0 auto; color:#a6a5a5; line-height:28px; padding:20px 0;}


/*===== about-us-area css =====*/
.about-us-area {
  padding-top: 76px;
  position: relative;
  z-index: 1;
}
.about-us-area:after {
  content: '';
  border-width: 0.5px;
  border-color: #f5f4f3;
  border-style: solid;
  box-shadow: 0px 0px 4.44px 1.56px rgba(0, 0, 0, 0.139);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}
.about-us-area .about-us {
  padding: 10px 15px;
}
.about-us-area .about-us p{ font-size:12px; text-indent:2em;}
.kzyy1boxr{ width:350px; float:right; position:relative; overflow:hidden; margin: 20px auto 0px;}
.kzyy1boxr img{ float:right; position:relative; z-index:1;}
.kzyy1brc{ width:140px; height:166px; position:absolute;  z-index:2; overflow:hidden}
.kzyy1brc span{ display:block; width:100%;letter-spacing:10px; font-size:24px; margin-bottom:5px; color:#000000; font-weight:bold; overflow:hidden}
.kzyy1brc i{ display:block; width:100%; font-size:15px; font-style:normal; overflow:hidden}

@media screen and (max-width: 740px) {
	
	 .kzyy1boxr{ width:300px;}
	 .kzyy1brc span{ font-size:15px;}
	 .kzyy1brc i{ font-size:12px;}
	
	}




/*===== appointment area css ======*/
#appointment-area {
  background:#fcfcfc;
  background-size: cover;
  position: relative;
  z-index: 1;
  color:#FFF;

}
#appointment-area:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  display: block;
  bottom: 0;
  z-index: -1;
}

#appointment-area .appointment-forms { width:600px; float:right; overflow:hidden;}
#appointment-area .appointment-forms p{ width:100%; font-size:16px; line-height:35px; overflow:hidden; padding:20px 0px; text-align:center;}
#appointment-area .appointment-forms p span{ width:93%; display:block; font-size:16px; background:#f39800; text-align:center; margin:5px auto; Border-radius:25px; }
.img-apppint{ padding:0px 15px 0px 15px;}
.zs li{float:left; }
.zs li img{ width:100%; height:auto;  }


@media screen and (max-width: 740px) {
	
#appointment-area .appointment-forms p span{ font-size:13px; }
	 
	
	}






/*代加工产品*/
.indexColumnOne{background:#fff;}
.indexColumnTitle{ text-align:center;}
.indexColumnTitle img{height:60px;}
.ColumnOneCon{padding-top:30px ;padding-bottom:20px;}
.indexColumnOne .ColumnOneCon{padding-bottom:0;}
.ColumnOnenav{ text-align:center;padding:15px 0 30px; cursor:pointer;}
.ColumnOnenav a{ display:inline-block;padding:3px 20px; border-radius:20px; border:1px solid #016438; margin:0 2px;  font-size:12px; color:#016438;}
.ColumnOnenav a:hover,.ColumnOnenav a.cur{ background:#016438;color:#fff;}
.indexColumnList{ position:relative;}
.indexColumnList ul{/*margin-right:-2.4%;*/}
.indexColumnList ul li{ float:left;  padding:0; margin-right:5px; text-align:center;/*background: url(/template/default/wap/images/wap/winco07.png) center bottom no-repeat;*/ padding-bottom:16px; overflow:hidden;}
.indexColumnList ul li>a{ display:block;width:100%;}
.indexColumnList ul li .indexPro{padding:10px 10px 15px; background:#f6f6f6; }
.indexColumnList ul li .indexproductCon{ border:1px #eeeeee solid; background:#fff;  }
.indexColumnList ul li  img{ display:block;width:100%; }
.indexColumnList ul li .wtitle{ font-size:15px; text-align:center;margin-bottom:8px; height:18px; overflow:hidden; cursor:pointer;}
.indexColumnList ul li .more{padding-top:10px;}
.indexColumnList ul li .more a{padding:5px 14px; display:inline-block; border:1px solid #E6E6E6;color:#6a6a6a; font-weight:normal;}
.indexColumnList ul li .more a:hover,.indexColumnList ul li:hover .title{color:#0055a5;}
#achieve .linkBtn{ width:300px;height:30px;line-height:30px;font-size:16px;border:1px solid #016438; color:#016438; text-align:center;  margin:30px auto 0px;}
#achieve  a:hover  .linkBtn{ color:#f39800; border:1px solid #f39800; }


@media screen and (max-width: 740px) {
	 .ColumnOnenav a{ padding:3px 10px; font-size:14px; font-weight:bold;}
	 .ColumnOneCon{padding-top:0px ;padding-bottom:20px;}
	 .indexColumnList ul li{ width:48%; float:left; margin-right:5px; font-size:14px; font-weight:bold; /*background: url(/template/default/wap/images/wap/winco07-2.png) center bottom no-repeat;*/ }
	 .indexColumnList ul li .wtitle{ font-size:14px; font-weight:bold;}
   .indexColumnList ul li .more{padding-top:0px;}
	#achieve  .linkBtn{ width:158px;font-size:12px;  margin:20px auto 0px; }
	
	}






/*产品系列检索*/
.xl_Bg{ width:100%; background:#f4f4f4;}
.js_ul { height:auto; overflow:hidden; padding-bottom:30px;}
.js_ul li{ width:184px; height:60px; float:left; text-align:center; line-height:60px; position: relative; margin:10px 10px 10px 5px; }
.js_ul li a{ width:184px; height:60px; display:block; background:url(/template/default/wap/image/js.png) no-repeat;  color:#FFF; font-size:16px;}
.js_ul li a:hover{ background:url(/template/default/wap/image/js1.png) no-repeat; }
.js_ul li span {
	position: absolute;
	top: -9px;
	right: 39px;
	width: 15px;
	height: 5px;
	color:#f39800;
	font-size:12px;
}

@media screen and (max-width: 740px) {
  .js_ul{ width:330px; margin:0 auto;}
 .js_ul li{ width:100px; height:33px; line-height:33px;  margin:4px 5px 4px 5px; }
 .js_ul li a{ width:100px; height:33px;  background:url(/template/default/wap/image/js_1.png) no-repeat;  font-size:14px;}
 .js_ul li a:hover{ background:url(/template/default/wap/image/js1_1.png) no-repeat; }
  

}


/*业务合作模式*/

#cooper ul{
margin:35px auto 0;
height:auto; overflow:hidden;
}

#cooper li{
float:left;
width:196px;
line-height:1.8;
margin-bottom:20px;
margin-left:44px;
}

#cooper li:first-child{ margin-left:0; }
#cooper .cr1{ position:relative; width:196px; height:196px;    
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
     border-radius:50%;     
	 overflow:hidden;}
#cooper .cr1:hover{opacity: 0.6; }
#cooper .cr1 span{
	position:absolute;
	left: 25px;
	top: 68px;
	color:#FFF;
	font-size:30px;
	width: 150px;
	line-height:36px;
	text-align:center;
}
#cooper .cr1 img{ transition: all 0.5s;}
#cooper .cr1:hover img{     transform: scale(1.1);
    transition: all 0.5s;}
#cooper .cr2{ width:146px; margin:10px auto; font-size:12px; line-height:22px; text-align:center; color:#4e4e4e;}
#cooper .cr3{ width:133px; margin:0px auto; background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/index_83.jpg) no-repeat; }
#cooper ul .on{ background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/index_80.jpg) no-repeat; }
#cooper .cr3 a{ color:#FFF; padding-left:20px;}
#cooper .cr3:hover{ background:url(https://www.hbjiuyao.com/skin/default/css/images/wap/index_80.jpg) no-repeat; }


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

  #cooper{
  margin:10px auto 0;
  }

  #cooper ul{ width:320px; margin:0px auto; }

  #cooper li{
	width: 146px;
	margin: 0px;
  }
  #cooper li:nth-child(odd){  margin-right:8px; margin-left:10px; clear: both;}
  #cooper .cr1{ width:120px; height:120px; margin:0 auto;}
  #cooper .cr1 img{ width:120px; height:120px;}    
  #cooper .cr1 span{
		    left: 1px;
    top: 35px;
    font-size: 22px;
	width: 120px;
	line-height:30px;
	font-weight:bold;
}
#cooper .cr2{ width:146px; margin:10px auto; font-size:15px; line-height:20px; text-align:center; color:#4e4e4e;}

}


/*选择球探体育*/
#choose{ background:#f4f4f4;}
.ce1{ background:#ededed; padding:24px; margin-bottom:10px;}
.ce1_1{ line-height:30px; margin-top:15px; }
.ce1_1 img{ padding-right:10px;}
.ce1_2{ color:#b0b0b0; line-height:18px; margin:10px 0px;}
.ce1_3{ line-height:24px; color:#383737;margin-top:20px; margin-bottom:20px; }
.ce1_4{ height:1px; border-bottom:1px #95b9a8 solid;}
.ce1_5{  overflow:hidden; margin-top:20px;}
.ce1_5 img{ transition: all 0.5s; }
.ce1_5:hover img{     transform: scale(1.1);
    transition: all 0.5s;}


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

.ce1{ width:330px; padding:15px; margin:10px auto;}
.ce1_1{ font-size:18px;}
.ce1_2{ font-size:12px;}
.ce1_3{ font-size:12px; margin:10px 0px; line-height:18px;}
} 

/*合作客户*/

#customer .contents{margin:10px auto 30px;height:auto;overflow:hidden;}
#customer .contents .contentss{}
#customer .contents .content{width:1161px;}
#customer .contents .content img{border:1px solid #dbdbdb;width:200px;height:200px; margin:0 5px 45px 5px; transition: all 0.5s;}
#customer .contents .content img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  }
#customer .contents .content img:hover{-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
 transform: scale(1.1);
    transition: all 0.5s;
}
#customer .linkBtn{ width:300px;height:30px;line-height:30px;font-size:16px;border:1px solid #016438; color:#016438; text-align:center;  margin:30px auto 0px;}
#customer  a:hover  .linkBtn{ color:#f39800; border:1px solid #f39800; }


@media screen and (max-width: 740px) { 
#customer{padding:20px 0px;}
#customer .contents{width:330px; margin:8px auto;}
#customer .contents .content{width:330px;}
#customer .contents .content img{width:74px;height:74px;margin:0 0px 5px 4px;}
#customer .linkBtn{ width:158px;font-size:12px;  margin:20px auto 0px; }

} 


/*新闻*/
#news{}
.wnewsNav{color:#c0c0c0;}
.wnewsNav a{ color:#016438;}
.wnewsNav a:hover,.wnewsNav a.cur{color:#f39800;}
.indexNewsList{padding-top:20px;}
.indexNewsList li{padding:20px 0 15px; }
.indexNewsList li .date{ background:none; background-size:100% auto;text-align:left; font-size:13px; font-weight:normal; margin-right:20px; padding-top:10px; line-height:25px;color:#333;}
.indexNewsList li .date span{ float:none;display:block; margin-top:-9px;}
.indexNewsList li .airtitle{ height:90px;margin:0px; padding-left:100px;width:100%;}
.indexNewsList li .airtitle h5{ line-height:25px;  font-size:18px;  margin-bottom:10px;}
.indexNewsList .linkBtn{ width:300px;height:30px;line-height:30px;font-size:16px;border:1px solid #016438; color:#016438; text-align:center;  margin:30px auto 0px;}
.indexNewsList  a:hover  .linkBtn{ color:#f39800; border:1px solid #f39800; }


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

.wnewsNav{text-align:center;}
.wnewsNav a{ width:100px; text-align:center; background:#016438; color:#FFF; padding:10px 22px;  font-size:14px; font-weight:bold;}
.wnewsNav a:hover,.wnewsNav a.cur{background:#f39800; color:#fff;}
.indexNewsList li{ position:relative;padding:10px 10px; border-bottom:1px solid #E6E6E6; background:#fcfcfc;}
.indexNewsList li .date span{display:inline-block;float:left; font-size:13px; font-weight:normal;margin-top:0;}
.indexNewsList li .date em{ display:inline-block; vertical-align:top;padding-left:4px;position:relative;}
.indexNewsList li .date em:before{content: ".";position: absolute;left: 0;color: #333; display: block;font-weight: bold;}
.indexNewsList li .airtitle{ height:auto; margin:0px; padding-left:0;width:100%;}
.indexNewsList li .airtitle h5{ overflow:hidden; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size:15px;  margin-bottom:5px; color:#000;}
.indexNewsList li .airtitle p.t{ height:38px; overflow:hidden;font-size:13px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#666;}
.indexNewsList li:hover h5{color:#f39800;}
.indexNewsList .linkBtn{ width:158px;font-size:12px;  margin:20px auto 0px; }
} 


/*到厂参观*/
#ty{ width:100%; height:221px;margin:40px 0px 0px;}
.ty1{ height:171px; position:relative; padding-top:50px; color:#FFF;}
.ty1 p{ height:50px; line-height:50px; font-size:30px; text-align:center; }
.ty1 span{ width:272px; height:52px; line-height:52px; display:block; text-align:center;  border:1px #FFF solid; margin:20px auto; }
.ty1 span a{ color:#FFF; font-size:16px;}

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

  #ty{ width:100%; height:auto;}
  .ty1{ width:300px; height:auto; position:relative; padding:20px 10px 10px; color:#FFF;}
  .ty1 p{ height:30px; line-height:30px; font-size:16px; font-weight:bold; text-align:center; }
  .ty1 span{ width:150px; height:25px; line-height:20px;  border:1px #FFF solid; margin:5px auto; }
  .ty1 span a{ font-size:12px;}
}



#footerBg{ background:#333333; font-size:12px; color:#777777; line-height:26px; border-top:4px #f39800 solid;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;}
.kefu{ display:block; float:right; width:126px; height:38px; line-height:38px; margin-bottom:20px; background:#df292e; color:#FFFFFF; border-radius:5px; text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:34px; color:#FFFFFF; line-height:150%;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top; float: left; font-size:12px; margin-right:60px; max-width:150px;}
.footLink li:last-child{ margin-right:0;}
.footLink h3 a{ font-size:16px; font-weight:bold; line-height:200%; color:#eeeeee;}
.footSub{ padding:20px 0 0;}
.footSub a{ font-size:12px; color:#777777; line-height:26px;}
.footSub a:hover{ color:#FFFFFF; transition:all 0.3s ease 0s;}
.footBot{ font-size:12px; color:#777777; padding:10px 0 30px; text-align: center; border-top:1px solid rgba(255,255,255,0.1);}
.footBot a{ color:#777777;}
.footLogo{ float:right; padding-left:10px;}
.footBot p{ line-height:24px; padding:9px 0;}





@media (max-width: 767px){
.hidden-xs {
    display: none!important;	} 
	#carousel-area .carousel-item .carousel-caption h2,
	.news_list .list_style .news_time h1{font-size: 2rem	}
	#carousel-area .carousel-item .carousel-caption h3,
	.news_list .list_style .news_time h3{font-size: 1rem}
	.carousel-item > img {height: 100% !important;width: 100%;}
	.news_list .list_style .news_time{width: 100px;}
	.news_list .list_style .news_contents{left: 100px;}
	.news_list .list_style .news_contents h3{font-size: 14px; margin-bottom: 10px}
	.news_list .list_style .news_contents h5,
	.news_list .list_style .news_contents .number,
	.news_list .list_style .news_contents .more_link{font-size: 12px;}
}
@media (min-width:1275px){
	.container{ width:1230px;}
	.parList li{ width:20%;}
}
@media (max-width:1600px){
	.logo{ top:20px; left:15px;}
	.navLi{ height:74px;}
	.navLi h3 a{ padding:19px 5px;}
	.hdRigList li{ line-height:74px;}
	.hdWx,.navSub{ top:74px;}
	
	.title h2{ font-size:32px; padding:15px 0;}
	
	.box3Bg{ padding:30px 0;}
	.box4Bg{ padding:30px 0;}
	
	.box1CenPrev{ left:-100px;}
	.box1CenNext{ right:-100px;}
	
	.bannerN{ height:400px;}
	.banH2{ font-size:30px;}
	.onepage{ padding:60px 0;}
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honour{ padding:50px 0;}
	
	.proTit{ font-size:32px; padding:30px 0;}
	.proBox2Item{ padding:80px 0;}
	.proBox2Text .proBox1H3{ font-size:32px;}
	
}
@media (max-width:1400px){	
	.box1Cen{ padding:0 30px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.bannerN{ height:350px;}
	
	.onepage{ padding:40px 0;}
	.hisTit{ font-size:24px; padding-bottom:10px;}
	.hisBg{ padding:45px 0 25px;}
	.history{ padding:0 35px;}
	.hisTextBg{ height:160px;}
	.hisIco{ height:70px;}
	.hisIco:after{ height:57px;}
	.hisYear{ font-size:20px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
	
	.caseTop{ padding:30px 0; margin:0 -3px;}
	.caseTop li{ padding:3px;}
	
}
@media (max-width:1200px){	
	.logo{ left:15px; width:143px;}
	.navList{ position:relative; left:-40px;}
	.navLi{ height:64px;}
	.navLi h3 a{ padding:14px 3px; font-size:14px;}
	.navLi h3 a span{ padding:0 15px;}
	.hdRigList li{ line-height:64px;}
	.hdWx,.navSub{ top:64px;}
	
	.ban1Img{ width:100%; transform:scale(0.8);}
	.ban1Text{ width:100%;}
	.banLink{     height: 34px;
    line-height: 32px;
    width: 120px;
    position: absolute;
    top: 8px;
    right: 0px;}
	
	.title h2{ font-size:28px; padding:10px 0;}
	.titleBrief{ padding:10px 0;}
	
	.box1Bg{ padding:30px 0;}
	.box1CenBg{ min-height:400px;}
	.wavesBg{ padding-bottom:100px;}
	.box1Cen{ margin:50px 0 0;}
	.box1CenH3{ font-size:24px;}
	.box1CenBrief{ font-size:14px; margin:5px 0;}
	.box1Bot{ margin:0 -22px; padding:20px 0;}
	.box1Bot li{ padding:10px 22px;}
	.box1Bot li:after{ width:100px; right:-50px;}
	.box1BotH3{ font-size:18px;}
	
	.box2Bg{ padding:30px 0;}
	.box2List{ margin:0 -15px;}
	.box2List li{ padding:0 15px 15px;}
	.box2Tit{ font-size:16px; line-height:24px;}
	.box2HovBg{ padding:25px 15px;}
	.box2Hov h4{ padding:10px 0;}
		
	.box3Bg{ padding:30px 0;}
	.box3List .swiper-slide{ padding:10px;}
		
	.box4Bg{ padding:30px 0;}
	.box4List .swiper-slide{ padding:10px;}
	.box4Num{ font-size:32px;}
	
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:30px;}
	.footLink h3 a{ font-size:14px;}
	.footSub{ padding:10px 0 0;}
	.fTel{ font-size:24px; color:#f39800; font-weight:bold;}
	.footBot{ padding:25px 0 0;}
	
	.bannerN{ height:300px;}
	
	.oneTop{ padding-bottom:15px;}
	.oneTop img{ max-width:50% !important;}
	.oneText{ padding-bottom:30px;}
	.oneBtn a{ width:170px; height:44px; line-height:40px;}
	.hisText p.text-center strong{ font-size:20px;}
	.hisPrev, .hisNext{ width:20px; height:39px;}
	
	
	.honour{ padding:30px 0;}
	.honList{ margin:0 -10px; padding:15px 0;}
	.honList li{ padding:10px;}
	.honList li a{ padding:5px;}
	.honImg{ margin-bottom:5px;}
	.honMore{ width:300px; height:46px; line-height:44px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:270px;}
	.arText{ margin-left:300px;}
	.arTit{ font-size:18px; padding:5px 0;}
	
	.arTop{ padding:40px 40px 20px 0;}
	.arTopTit{ font-size:24px;}
	
	.proTit{ font-size:28px;}
	.proBox1Item{ padding:50px 25px;}
	.proBox1Img{ width:35px;}
	.proBox1Text{ margin-left:45px;}
	.proBox1H3{ font-size:20px;}
	
	.proBox2Item{ padding:50px 0;}
	.proBox2Text{ padding:25px 25px 0;}
	.proBox2Text .proBox1H3{ font-size:20px; padding-bottom:0;}
	.proBox2Text .box1CenItem li a{ font-size:14px; line-height:26px;}
	
	.caseBot li a{ padding:20px 70px 20px 0;}
	.caseImg{ width:200px;}
	.caseIco{ right:20px; width:32px; height:32px; line-height:28px;}
	
	.contact{ padding:70px 0;}
	.contactWay{ padding-left:0;}
	.contactWay h3{ font-size:20px;}
	.contactShare{ width:430px; height:247px; padding-top:70px;}	
	.contact_map{ height:750px;}
	.conBotList{ padding:0;}
	.conBotList li{ padding:15px;}
	
	.proBg1,.proBg2,.proBg4{ padding:50px 0;}
	.proBg3{ padding:0 0 50px;}
	.pro3Top,.pro3{ padding:50px 0 0;}
	.proH3{ font-size:24px;}
	.proH3:before{ top:10px;}
	.proH3:after{ top:15px; height:18px;}
	.proText2 h4{ margin:5px 0; font-size:16px;}
	.proText2{ padding:0 15px;}
	
	.proTab3 li a{ line-height:38px; font-size:14px;}
	
	.pro4{ margin:0 -10px;}
	.pro4 li{ padding:0 10px 10px;}
	.pro4 li a{ font-size:14px;}
	
	.proNav{ padding:25px 0;}
	.proNavTit{ font-size:22px; max-width:320px; line-height:30px;}
	.proNavItem li a{ font-size:14px; padding:0 10px; line-height:30px;}
	
	.winBox{ padding:15px 30px; max-width:500px;}
	.winTit{ padding:15px 0; font-size:18px;}
	.winTit i{ font-size:20px;}
	.winList li{ margin-bottom:15px;}
	
	.soluBg3{ padding:50px 0;}
	.soluBg4{ padding:0 0 50px;}
	.soluBg5{ padding:50px 0;}
	.solu2 li{ padding:20px;}
	.solu2Text{ margin-left:90px;}
}
@media (max-width:740px){
	.headerBg{ background:rgba(1,100,56,.9); margin-top:0;}
	.logo{ float:left; position:static; padding:10px 0;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:54px; height:54px;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; min-height:700px; overflow-x:auto; display:none;}
	.navLi h3{ border-bottom:1px solid rgba(255,255,255,0.25);}
	.navLi h3 a{ padding:0;}
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;}
	.navLi.has h3 a span{ background-image:url(/template/default/wap/image/navLiBg.png);}
	
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
	
	.menuBtn{ float:right; width:40px; height:40px; margin-top:7px; z-index:3; cursor:pointer; overflow:hidden; BACKGROUND: #f39800;
    Border-radius: 5px; }
	.menuBtn span{ display:block; background:#FFFFFF; width:16px; height:1px; font-size:0; margin:14px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:4px;}
	.menuBtn span:first-child + span + span{ margin-top:4px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(4px,4px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	
	
	.banPc{ display:none;}
	.banMob{ display:block;}
	.about-us-area {
  padding-top: 0px;
  position: relative;
  z-index: 1;
} 
	.box1Bg{ padding:10px 0;}
	 
	
	.box1CenBg{ height:auto;}
	.box1CenText,.box1CenImgBg{ float:none; width:100%; max-width:none;}
	.box1CenText{ padding-bottom:20px;}
	
	.box1BotImgBg{ width:154px; height:154px;}
	.box1BotCir{ width:124px; height:124px; margin-left:-62px; margin-top:-62px;}
	.box1Bot li a:hover .box1BotImg{ width:100px; height:100px;}
	
	.box2List{ margin:0 -5px;}
	.box2List li{ padding:0 5px 10px;}
	.box2Tit{ font-size:14px; line-height:22px; padding:10px;}
	.box2HovBg{ padding:15px 10px;}
	.box2Hov h4{ font-size:16px; padding:5px 0;}
	
	.footTopR{ float:none; text-align:center; padding-bottom:15px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footLink li{ margin:0; width:15%;}
	.footLink li:nth-child(2){ width:20%;}
	.footLink li:nth-child(3){ width:20%;}
	.footBot{ padding:10px 0 40px; text-align:center;}
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0px 20px;}
	
	.ftm{ font-size:14px; color:#eee; font-weight:bold;}
	
	.online{ top:auto; bottom:3%; transform:translateY(0);}
	.online li{ display:none;}
	.online li.online_top{ display:block; opacity:0.7;}
	.onlineIco:hover{ color:#FFFFFF; background:#3351a8; width:35px;}
	.onlineIco:hover i{ text-align:center; width:35px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:200px;}
	.arText{ margin-left:220px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:0 0 10px;}
	
	.article{ padding-right:150px;}
	.arLef{ padding-bottom:35px;}
	.arCon{ padding:10px 20px 10px 0;}
	.arTop{ padding:30px 20px 15px 0;}
	.arTopTit{ font-size:20px;}
	
	.parTit{ padding-bottom:20px;}
	.parTit h3{ font-size:22px; padding-bottom:10px;}
	
	.proTit{ font-size:24px; padding:25px 0;}
	.proBox1:after{ display:none;}
	.proBox1Item{ width:100%; border-bottom:1px solid #d9d9d9; padding:25px 0;}
	.proBox1Item:last-child{ border:none;}
	
	.proBox2Item{ padding:25px 0;}
	.proBox2Img,.proBox2Text{ float:none !important; width:100%;}
	.proBox2Text{ padding:25px 0 0;}
	
	.case{ padding-bottom:40px;}
	.caseTop{ padding:20px 0;}
	.caseBot{ padding-bottom:15px;}
	.caseBot li a{ padding:15px 50px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ right:10px; width:28px; height:28px; line-height:24px; font-size:18px;}
	
	.contact{ padding:40px 0;}
	.contactWay{ padding-bottom:15px; font-size:14px;}
	.contactWay h3{ padding-bottom:10px;}
	.contactShare{ margin:0 auto;}
	
	.contactBot{ padding:40px 0;}
	.conBotTit{ font-size:22px;}
	.conBotList li{ padding:0 0 10px; width:100%;}
	.conBotList li .media{ padding:10px;}
	.conBotList .media-left{ padding-right:10px;}
	.conBotList .media-left img{ width:100px;}
	.conBotList .media-body h3{ font-size:16px;}
	
	.proNav{ padding:15px 0;}
	.proNavTit{ float:none; max-width:none; font-size:20px;}
	.proNavItem{ float:none; text-align:left; padding:10px 0 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proWinLinke,.reProlist{ margin-left:0;}
	
	.proText{ padding-bottom:25px;}
	.probrief{ margin:15px 0;}
	.proImg img{ float:none !important;}
	
	.pro2 li{ margin:0 0 20px; text-align:center;}
	.pro2 li:nth-child(2n){ border:none;}
	.pro2 li img{ margin:0 auto;}
	.proText2{ padding:15px !important;}
	
	.proTab3{ margin:0;}
	.proTab3 li{ padding:0;}
	.pro3 .proText{ padding:25px 0 0;}
}

@media (max-width:767px){
	.header_phone{display: none}
	.headerBg{ transform:translateY(0) !important;  background:#016438; background:rgba(1,100,56,.9);}
	.box1Num{ font-size:18px; margin-bottom: 1.5rem}
	.box1Num span{ font-size:30px; font-weight: bold}
	.cndns-right{display: none}
	.box1Bot{ margin:0 -15px;}
	.box1Bot li{ padding:10px 15px;}
	.box1Bot li:after{ display:none;}
	.box1BotBrief{ height:auto; max-height:52px;}
	
	.box2HovBg{ display:flex; justify-content:center; align-items:center;}
	.box2Item{ text-align:center;}
	
	.bannerN{ height:250px;}
	.banH2{ font-size:24px;}
	
	.hisTit{ font-size:20px;}
	.history{ padding:0 10px;}
	.history .swiper-slide{ height:100%;}
	.history .swiper-slide.odd{ padding:0;}
	.hisBox{ background-position:center 60px;}
	.hisYear{ padding:12px 0; font-size:18px;}
	.hisIco:before{ background:#FFFFFF; top:0 !important; bottom:auto !important;}
	.hisIco:after{ top:13px !important; bottom:auto !important;}
	.hisTextBg{ height:auto;}
	.hisText{ position:static; text-align:center; padding:10px !important;}
	.hisPrev,.hisNext{ top:40px; transform:translateY(0%);}
	.hisPrev{ left:-10px;}
	.hisNext{ right:-10px;}
	
	.honTab{ margin:0 -5px;}
	.honTab li{ padding:0 5px;}
	.honTab li a{ min-width:100px; height:34px; line-height:32px;}
	
	.article{ padding-right:0;}
	.arLef{ min-height:200px !important; border:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.arTop{ padding:20px 0 10px;}
	.arCon{ padding:10px;}
	.arCon p,.arCon img{ margin:10px 0;}
	.arRig{ position:static; width:100%; padding:0 0 20px;}
	.pager li{ padding-bottom:15px;}
	
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.pro2 li{ margin:0; padding:10px 0; border-bottom:1px solid #e8e8e8 !important; height:auto !important;}
	.pro2 li:last-child{ border:none !important;}
	
	.proTab3 li{ padding:4px 0 0;}
	.proH4{ font-size:20px;}
}
@media (max-width:640px){
	.logo{ width:230px; padding:9px 0;}
	.box1Cen{ padding:0 15px;}
	.box1CenH3{ font-size:20px;}
	.box1CenPrev,.box1CenNext{ width:20px; height:35px; top:50px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.cndns-right{display: none}
	.footLink li{ display:block; width:100% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0;}
	.footSub p{ float:left; padding:0 5px;}
	
	.honTab li a{ min-width:0;  padding:0 20px;}
	
	.artlist li{ padding-bottom:15px; margin-bottom:15px;}
	.arImg{ width:150px;}
	.arTime{ position:static; height:30px; line-height:30px; padding:0; width:100%; overflow:hidden;}
	.arTime p{ display:inline-block; vertical-align:middle;}
	.date{ font-size:16px;}
	.arText{ margin-left:160px;}
	.arTit{ font-size:16px; padding:0;}
	.arBrief{ height:52px; margin:0 0 5px;}
	
	.parTit h3{ font-size:18px;}
	
	.caseBot li{ padding:0 7px 10px;}
	.caseBot li a{ padding:15px 15px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ display:none;}
	
	.contact_map{ height:300px;}
	
	.winBox{ max-width:none; width:90%; margin:0 auto; padding:15px 20px 15px 10px;}
	.winClose{ background-size:15px; right:10px; top:10px;}
	.winTit{ font-size:16px; padding:10px 0;}
	.winTit i{ font-size:18px;}
	.winList li{ margin-bottom:10px;}
	.winList li input{ height:36px; padding:3px 5px 3px 25px; line-height:28px;}
	.winList li span{ line-height:36px;}
	.winList li i{ line-height:36px; left:5px; width:20px;}
	.winList li input[type="submit"]{ line-height:36px;}
	.winTip{ line-height:22px;}
	
	.solu5Text h4{ font-size:18px; padding:20px 0;}
}
@media (max-width:460px){	
	.hdRigList li span{ display:none;}
	.hdTel{ margin-top:0;}
	
	.banBtn{ width:18px; height:28px; border:1px solid #FFFFFF;}
	
	.box1Num{ font-size:14px;}
	.box1Num span{ font-size:24px;}
	
	.title h2{ font-size:24px; padding:5px 0;}
	.titleBrief{ padding:5px 0; line-height:24px;}
	
	.box3List .swiper-pagination-bullet,.box4List .swiper-pagination-bullet{ width:24px; margin:0 3px;}
	
	.box4List .swiper-container{ padding-bottom:10px;}
	.box4Num{ font-size:24px;}
	.box4Tit{ font-size:14px;}
	
	.bannerN{ height:220px;}
	.banH2{ font-size:22px;}
	
	.honList li{ width:100%;}
	.honMore{ width:100%;}
	
	.artlist li{ padding-bottom:10px; margin-bottom:10px;}
	.arImg{ width:100px;}
	.arText{ margin-left:110px;}
	.arBrief{ line-height:20px; height:40px;}
	.arBot .pull-right{ font-size:12px;}
	.arBot .pull-right i{ width:18px; height:18px; line-height:16px;}
	
	.reList{ height:36px; line-height:34px;}
	
	.proBox1H3{ font-size:16px;}
	.proBox1Brief{ margin:5px 0;}
	
	.proBox2Text .proBox1H3{ font-size:16px;}
	
	.caseBot li a{ padding:15px;}
	.caseImg{ float:none; width:100%; margin-bottom:10px;}
	.caseBrief{ height:auto; max-height:52px;}
	
	.contactShare{ width:290px; height:166px; padding-top:50px;}
	.contactShare li{ padding:0 5px; font-size:12px;}
	.conShIco i{ width:40px; height:40px; margin:0 auto; line-height:38px; font-size:18px;}
	.conWx{ bottom:75px;}
	.contact_map{ height:450px;}
	.contactBot{ padding:20px 0;}
	.conBotTit{ font-size:19px;}
	
	.proH4{ font-size:18px;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.title h2{ font-size:20px;}
	
	.box1Num span{ display:block; line-height:28px;}
	.box3List .swiper-slide{ padding:10px 0;}
	
	.bannerN{ height:180px;}
	.banH2{ font-size:18px;}
	.bannerN .box1Num{ top:0;}
	
	.parList li a{ padding:10px 0;}
	
	.contact_map{ height:200px;}
	.winBox{ width:100%;}
	.winList li input{ font-size:12px;}
	
}	
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}

/*底部固定*/


.aui-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 5px 10px 5px;
	color:#FFF;
    background: #f39800;
}

.aui-footer:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.aui-tabBar-item-text {
    display: inline-block;
    font-size: 0.65rem;
    padding-top: 2px;
		font-size:18px;
		font-weight:bold;
}

/*手机端禁止粘贴复制*/
*{
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}
/*手机端禁止粘贴复制end*/
input {      
     -webkit-user-select:auto; /*webkit浏览器*/
}
button, input, optgroup, select, textarea {      
     -webkit-user-select:auto; /*webkit浏览器*/
}