@font-face {
  font-family: 'iconfont';
  src: url('/Public/Home/skin1/fonts/iconfont.eot');
  src: url('/Public/Home/skin1/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('/Public/Home/skin1/fonts/iconfont.woff2') format('woff2'),
      url('/Public/Home/skin1/fonts/iconfont.woff') format('woff'),
      url('/Public/Home/skin1/fonts/iconfont.ttf') format('truetype'),
      url('/Public/Home/skin1/fonts/iconfont.svg') format('svg');
}
.icof{
  font-size:inherit; font-family: 'iconfont' !important;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal;
}

/* ——— 干嘛用的,不知道,忘了!@ ———*/

*{box-sizing:border-box;}
html,body{width:100%;min-width:360px;max-width:720px;margin:0 auto;padding:0;font-size:12px;font-family:"Microsoft YaHei UI", "微软雅黑", "华文细黑";background:#ffffff;box-shadow:0 0 2px #909090;}
ul{list-style:none;margin:0 auto;padding:0;}
a{text-decoration:none;color:inherit;}

#i_top{height:50px;width:100%;box-shadow:0 0 2px #e0e0e0; position:relative;}
.top_logo{height:100%;width:100%;min-width:180px;max-width:50%;}
.top_logo img{display:block;width:100%;height:100%;margin:0 0 0 6%;}
.hamb{width:48px;height:48px; background:#0562be; margin:1px 1px 0 0;}
.hamb .stya{
  display:block;
  width:50%;height:2px;
  background:#ffffff;margin:49.5% auto 0 auto;position:relative;
}
.hamb .stya:after{
  content:"";
  display:block;
  height:2px;width:100%;
  margin:10px 0 0 0;
  background:#ffffff;
  position:absolute;
  transition:0.2s;
}
.hamb .stya:before{
  content:"";
  display:block;
  height:2px;width:100%;
  margin:-10px 0 0 0;
  background:#ffffff;
  position:absolute;
  transition:0.2s;
}
.hamb ul{
  position:absolute;
  display:block;
  width:100%;
  height:auto;
  top:99%;
  left:0;
  right:auto;
  z-index: 9;
}
.hamb ul li{
  font-size:14px;
  font-weight:200;
  text-align:center;
  line-height:100%;
  border:0px solid #fafafa;;
  height:auto;
  padding:0 10.5%;
  background:#ffffff;
  overflow:hidden;
}
.hamb ul li a{
  display:block;
  width:100%;height:0;
  padding:0em 0;
  overflow:hidden;
  transition:0.25s;
}
.hamb2 .stya{background: transparent;}
.hamb2 .stya:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-top:0 !important;}
.hamb2 .stya:after{transform:rotate(45deg);-webkit-transform:rotate(45deg); margin-top:0;}
.hamb2 ul li{border-bottom:1px solid #f0f0f0;}
.hamb2 ul li a{
  height:auto;
  padding:1em 0;
}
.hamb2 ul li a:hover{color:#0562be;font-weight:bold;}

.hamb2 ul li:first-child{border-top:1px solid #f0f0f0;}

#i_head{width:100%;height:auto;}
.banner, .banner img{width:100%;display:block;}
#fpswiper01 .swiper-pagination-bullet{width:10px; height:10px;background:#ffffff;opacity:0.4;}
#fpswiper01 .swiper-pagination-bullet-active{width:10px!important;height:10px!important;opacity:1;}

#i_productcenter{width:100%;border-top:1px solid transparent; position:relative;margin-top:30px;}
#fpswiper02{width:90%;margin:10px auto 0px auto;}
.tia{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.tib p span{
	font-size: 14px !important;
	line-height: 24px !important;
	text-align: justify;
}
.i-rec-ti{
  position:absolute;
  z-index: 2;
  width:14.8367%;
  top:0;
  left:0;
  background:#0562be;
  font-size:14px;
  color:#ffffff;
  padding:3.1%;
  line-height:110%;
}
#fpswiper02 .swiper-button-prev{left:0px;right:auto;}
#fpswiper02 .swiper-button-next{right:0px;left:auto}
#fpswiper02 .swiper-button-prev, #fpswiper02 .swiper-button-next{
  margin-top:calc(-1 * var(--swiper-navigation-size)/ 1) !important;
  background:rgba(100,100,100,0.7);
  color:#ffffff;
  font-weight:normal;
  width:calc(var(--swiper-navigation-size)/ 44 * 30)
}
#fpswiper02 .swiper-button-next:after, #fpswiper02 .swiper-button-prev:after {font-size:20px !important;}

.introduction{width:100%;height:auto;padding:10px 0 15px 0;margin:0;}
.introduction p{
  font-size:14px;
  color:#909090;
  line-height:150%;
  background:#ffffff;
  margin:0.3em 0;
  font-weight:normal;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.introduction .tia, .ab_intro .tia,  .new_intro .tia{
  color:#333333;
  width:80%;
  font-size:15px;
}
.introduction .tib, .ab_intro .tia{
  margin:0;
}

#i_aboutus, #i_newdynamic{width:100%;padding:0 5%; margin:30px auto 0px auto;}
.ab_pic, .ab_pic img{width:100%;height:auto;position:relative;}
.ab_pic img{}
.ab_intro{width:100%;height:auto;padding:5px 0;margin:0;}
.ab_intro p, .new_intro p, .new_intro p{
   font-size:14px;
  color:#909090;
  line-height:150%;
  background:#ffffff;
  margin:0.3em 0;
  font-weight:normal;
}
.ab_intro .tia{
  font-weight:bold;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ab_intro .tib{
  width:100%;
  font-size:14px;
  text-indent:2em;
/*  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  text-overflow:ellipsis; */
}
#i_aboutus .ab_intro .tib p{
  color:#909090 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  text-overflow:ellipsis;
}
#i_aboutus .ab_intro .tib p{display:none;}
#i_aboutus .ab_intro .tib p:first-child{display:inline;}
#i_aboutus .ab_intro .tib p span{color:#909090 !important;}
.ab_intro .tib .icof{font-size:22px;line-height:110%;vertical-align:middle;}
.ab_intro .tib>.fr{color:#0562be;}


#i_newdynamic{position:relative;}
#i_newdynamic .i-rec-ti{left:-1px;top:-1px;}
#i_newdynamic .new_pic{border:1px solid #ccc; width:100%;position:relative;padding:0;}
#i_newdynamic .new_pic img{width:94%; margin:12px auto; height:auto;display:block;}
.new_intro{width:94%;margin:1px auto 1em auto;}
.new_intro .tia{}
.new_intro .tib{
  width:100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.new-list{width:100%;}
.nwls{width:100%;}
.nwls li{
  padding:1.2em 0;
  margin:0;
  height:auto;
  font-weight:normal;
  border-bottom:1px solid #dedede;
}
.nwls li:after{content:"";clear:both;display:block;}
.nwls .ls-l{width:20%; min-width:68px;max-width:130px;text-align:center;padding:0 10px 0 1px;}
.nwls .ls-l p{margin:0;line-height:130%;color:#b3b3b3;}
.nwls .ls-l .d{font-size:22px;}
.nwls .ls-l .ym{font-size:13px;}
.nwls .ls-r{width:79%;text-align:left;}
.nwls .ls-r p{
  width:100%;
  margin:0;
  line-height:160%;
  font-size:13px;
  font-weight:normal;
  border-left:1px solid #eaeaea;
  padding:0 0 0 8%;
}
.nwls .ls-r .tia{color:#333333;padding-top:1px;padding-bottom:2px;width:100%;}
.nwls .ls-r .tib{color:#999999;padding-top:1px;padding-bottom:2px;width:100%;}

#i_footer{
  width:100%;
  margin:30px 0 0 0;
  background:#2b2e35;
  color:#C0C0C0;
  padding:10px 0;
  position:relative;
}
.ftr-intro{width:96%;margin:10px auto;text-align:center;font-size:14px;}
.ftr-intro p{margin:0.5em 0;}


#i_end{width:100%;height:auto;background:#0562BE;overflow:hidden;}
#i_end .Tel{
  height:auto;
  padding:1.2em 0;
  width:100%;
  max-width:720px;
  font-size:16px;
  color:#ffffff;
  line-height:100%;
  text-align:center;
  font-weight:normal;
  background:#0562BE;
}
.Tel span{font-size:26px;vertical-align:middle;}
.ftc{
  position:fixed;
  bottom:0px; left:auto; right:auto;
  z-index:5;
}
.Tel a{display:block;height:100%;width:70%;text-align:center;margin:0 auto;min-width:175px;max-width:360px;}


/* ——— 我係牛逼嘅分隔綫!@ ———*/
#goTop{
  position:fixed;
  top:auto; left:auto; right:10px; bottom:25%;
  background:#44AAFF;
  width:50px; height:50px; 
  border-radius:50%;
  overflow:hidden;
  text-align:center;
  padding:16px 0;
  font-size:16px;
  vertical-align:middle;
  line-height:100%;color:#ffffff;
  opacity:0;
  transition:.5s;
}
.mgo{bottom:100px !important;}
.goTop_view{opacity:0.89 !important;}
#goTop a{display:block;width:100%;height:100%;}

/* shares */
.slc{
  width:99%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.mlc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fl{float:left;}
.fr{float:right;}
.cls:after{
  content:"";
  clear:both;
  display:block;
}
.clear{clear:both;height:0;}
.clear5{clear:both;height:5px;}
.clear10{clear:both;height:10px;}
.clear20{clear:both;height:20px;}
.clear50{clear:both;height:50px;}
.clr{clear:both;height: 1px;width:100%;position:relative;display:block;margin:-1px 0 0 0;padding:0;}