html,body{MARGIN:0px;font-size:14px;text-align:left; background:#fff; padding:0px; color:#404040;font-family: Verdana, sans-serif;-webkit-text-size-adjust:none; min-width:1200px}
body{ background:#fff;min-width:1200px}
div,ul,li,p,form,dd,dt,dl{ margin:0px; padding:0px; }
img{ border:0px;}
li{ list-style:none}
a{ font-size:14px; color:#404040; text-decoration:none;}
a:hover{ font-size:14px; color:#2493FA; text-decoration:none;}
p{ font-size:14px;}
.clearboth{ clear:both;}
.container{clear:both; width:1200px;text-align:left;word-break:break-all; margin:0 auto}
.fl{ float:left;}
.fr{ float:right;}

/* top */
.top{ height:30px; line-height:30px; background:#f5f5f5;}
.top b{color: #2493FA; font-size: 18px;}

/* header */
.header{}
.logo{ width:20%; height: 90px; padding: 10px 0px;}
.logo img{ height: 100%;}

.menu{ width:75%; height: 35px; margin-top:37px;}
.menu ul li{ float: left; width: 12.5%; text-align: center; line-height:35px;}
.menu ul li a{ font-size: 16px;}
.menu ul li.cur{ background: #2493FA; border-radius: 10px;}
.menu ul li.cur a{ color: #fff;}
/* .menu ul li:hover{ background: #2493FA; border-radius: 10px;}
.menu ul li:hover a{ color: #fff;} */

/*-----banner-----*/
.slideBox{ width:100%; height:540px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:540px; }
.slideBox .bd li a{ display:block; height:540px;}
.slideBox .bd img{ width:450px; height:540px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url( arrow_left.png) no-repeat; }
.slideBox .next{ left:auto; right:3%; background:url( arrow_right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* product */
.pro_box{ padding:30px 0px;}
.title{ text-align: center;}
.title h2{ color: #2493FA; letter-spacing: 2px; font-size: 24px;}
.title span{ text-transform: uppercase; color: #999;}

.pro_cla{ margin: 30px 0px; text-align: center;}
.pro_cla a{ display: inline-block;  width: 150px; text-align: center; padding: 10px 0px; background: #f5f5f5; margin: 0px 10px; font-size: 16px; border-radius: 30px;}
.pro_cla a:hover{ background: #2493FA;border-radius: 30px; color: #fff;}

/*.swiper-container {width: 100%; height: 100%; }
.swiper-slide {}

.swiper-slide a.p_pic{ display:block; display: flex; text-align: center; padding: 10px; height: 250px;  justify-content: center; align-items: center;background: #f5f5f5;}
.swiper-slide  a.p_pic img{ max-width: 100%; max-width:250px; max-height: 250px;}
.swiper-slide p{ text-align: center; line-height: 30px;}*/
.device {
  width: 1200px;

  padding: 30px 40px;

  position: relative;

}
.device .arrow-left {
  background: url(arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 300px;
  width: 1200px;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-slide{ text-align:center;}
.swiper-slide a.p_pic{  display:block; display: flex; text-align: center; padding: 10px; width:240px;height: 240px; min-height:240px; height:auto !important; margin:0px 15px; justify-content: center; align-items: center;-webkit-justify-content: center; -webkit-align-items: center;background: #f5f5f5;}
.swiper-slide  a.p_pic img{ max-width: 100%; max-width:240px; max-height: 240px;}
.swiper-slide p{ text-align: center; line-height: 40px;}

/* ¹«Ë¾¼ò½é */
.ab_box{ padding: 30px; background: #f5f5f5;}
.ab_txt{ width: 70%; margin-top: 30px;}

.ab_more{ display: block; margin: 20px auto 0px auto; width: 150px; height: 40px; line-height: 40px; background: #2493FA; text-align: center; color: #fff;}
.ab_more:hover{ color: #FFF;}

.ab_img{ width: 26%;margin-top: 30px; }
.ab_img img{ width:290px; height: 290px;border: #fff solid 5px;}

.ab_txt p{ line-height:2.0;}

/* news */
.news_box{ padding: 30px 0px;}
.news_box dl{ float: left; width:530px; margin:0px 25px 30px 25px ; padding: 10px; background: #f5f5f5;}
.news_box dl dt{ width:130px; height: 130px; background: #2493FA;}
.news_box dl dt img{ width: 100%; height: 100%;}
.news_box dl dd{ width: 385px;}
.news_box dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden; height:65px; line-height: 1.5;}

/* footer */
.footer{ padding: 30px 0px; background: #222;}
.ft_nav{ padding-bottom: 20px; border-bottom: #666 solid 1px; text-align: center;}
.ft_nav a{ color: #999; font-size: 16px; padding: 0px 15px;}
.ft_lx{ text-align: center; margin-top: 20px;}
.ft_lx p{color: #999;}
.ft_bq{ text-align: center;color: #999; line-height: 2.0;}
.ft_bq a{color: #999;}

/*ÄÚÒ³*/
.ny{ margin:40px 0px}

.ny_fl{ width:20%}
.mbt30{ margin-bottom:30px;}
.ny_list{}
.ny_tit{ padding:20px 0px; background:#2493FA; text-align:center; font-size:20px; color:#fff}
.ny_list ul{ padding:0px 10px 10px 10px; border:#ddd solid 1px;}
.ny_list ul li{ padding:10px 0px 10px 20px; background:url(ico01.gif) no-repeat 10px center #f5f5f5; margin-top:10px;}
.fllxwm_con{ padding:10px; /*border:#ddd solid 1px;*/ background:#f5f5f5;}
.fllxwm_con p{ line-height:2.0;}

.ny_fr{ width:78%}
.nyfr_tit{ height:35px; line-height:35px;  border-bottom:#ddd solid 1px; margin-bottom:10px;}
.nyfr_tit span{ float:right}
.nyfr_tit b{ font-size:16px; border-bottom:#2493FA solid 3px; padding:8px 0px}

.nyfr_con{}