a { text-decoration: none; }
body { margin: 0px; padding: 0px; background-color:#fff;}
.left { float: left !important; }
.right { float: right; }
.clear { clear: both; }
i, em, b { font-style: normal; font-weight: normal; }
ul, li { list-style-image: none; list-style-type: none; }
ul { margin: 0px; padding: 0px; }
*{ box-sizing: border-box; }


/*-----*/
.wtop{ width: 100%; background-color:#dde1e4; }
.wtm{ width:1024px; height:520px; margin:0px auto; background-image: url(../images/1.png); background-repeat: no-repeat; background-size: 100% 100%; position:relative; }
.wtr{ position:absolute; left:0px; bottom:-45px;}
.wtr ul li{ float:left; width:155px; text-align:center; margin-right:45px;}
.wtr ul li h3{ margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; background-color: #47cee4; line-height: 33px; color: #fff; }
.bg{ background-color:#000 !important;}
.wtr ul li img{ width:155px; height:155px; margin-top:20px; box-shadow:0px 0px 7px #96F0FA;}
/*-----*/
.wi{ width:100%; height:440px; margin:90px auto 0px auto; background-image: url(../images/5.png); background-repeat: no-repeat; background-size: 100% 100%; position:relative;}
.wim{ width:1024px; height:100%; margin:0px auto; position:relative;}
.wie{ background-color:#fff; width:950px; height:300px; position:absolute; top:70px; left:0px;}
.si{ width:290px; height:300px; position:absolute; right:0px; top:0px;}
.si img{ width:100%; height:100%;}
.sim{ width:640px; padding:1rem;}
.sim h1{ margin:0px; padding:0px; font-size:20px; font-weight:bolder;}
.sim p{ line-height:25px; font-size:18px;}
/*-----*/
.wph{ margin-top:220px; height:440px; width:100%; position:relative;}
.wpm{ width:1024px; height:100%; margin:0px auto; position:relative;}
.wbg{ background-color:#47cee4; position:absolute; left:0px; top:0px; width:700px; height:100%;  z-index: 0;}
.wpn{ width:950px; height:100%; background-color:#47cee4; position:absolute; top:0px; left:0px; z-index: 1;}
.phone{ position:absolute; right:-5px; bottom:30px; background-image: url(../images/7.png); background-repeat: no-repeat; background-size: 100% 100%; width:300px; height:568px; z-index:10;}
.p1{ position:absolute; right:13px; bottom:43px; width:262px; height:536px; z-index:1;}
.p1 img{ width:100%; height:100%;}
.ni{ color:#fff; font-size:33px; font-weight:bolder; width: 260px; position:absolute; top:61px; left:38px;}
.ni i{ font-size:18px; font-weight:bolder;}
.ni b{ width:3.8rem; height:1px; border-bottom:2px solid #fff; display:block; margin-left:2px;}
.ni2{ color:#fff; font-size:24px; font-weight:bolder; width: 260px; position:absolute; top:125px; left:38px;}
.ni2 i{ font-size:16px; font-weight:bolder;}
.ni2 b{ width:2.8rem; height:1px; border-bottom:2px solid #fff; display:block; margin-left:2px;}
.ni3{ color:#fff; font-size:19px; font-weight:bolder; width: 260px; position:absolute; top:182px; left:38px;}
.ni3 i{ font-size:14px; font-weight:bolder;}
.ni3 b{ width:2.3rem; height:1px; border-bottom:2px solid #fff; display:block; margin-left:2px;}
/*-----*/
.map{ width:100%; height:484px; margin:90px auto; position:relative;}
.mx{ background-color:#dde1e4; width:1024px; height:530px; position:absolute; right:0px;}
.mf{ position:absolute; left:-220px; top:64px; width:350px; height:340px; background-color:#fff; }
.dwx i{ display:block; font-size:13px; line-height:35px; padding-left:5px;}
.dwx b{ font-size:25px; font-weight:bolder;}
.dwx em{ width:2.5rem; height:1px; border-bottom:2px solid #000; position:absolute; top:29px; left:3px;}
.dwx{ position:absolute; left:70px; top:120px;}
.mtu{ width:474px; height:373px; position:absolute; top:60px; left:252px;}
.mtu img{ width:100%; height:100%;}
.mtx{ width:100px; position:absolute; top:15px; right:115px;}
.mtx ul li{ display:block; margin-bottom:5px; font-size:12px;}
.mtx ul li b{ font-size:12px; color:#629fe0; font-weight:bolder; float:right;}
/*-----*/
.fck{ width:100%; height:440px; background-color:#303437; color:#fff;}
.fcm{ width:1024px; height:100%; margin:0px auto;}
.fh{ width:100%; text-align:center; padding-top:33px;}
.fh h2{ margin:0px; padding:0px; font-weight:bolder; font-size:24px; }
.fh em{ font-size:14px; line-height:36px;}
.fp{ width:100%; margin-top:40px;}
.fpl{ width:50%; float:left;}
.fpr{ width:50%; float:left;}
.fpl input{ display:block; width:70%; line-height:30px; font-size:14px; padding:0px 5px; margin-top:10px;}
.fpl ul li{ display:block; margin-bottom:20px;}
.fpr textarea{ display:block; margin-top:10px; padding:10px;  margin-bottom: 23px; font-size:14px;}
.fpr em{ color:#fff; background-color:#47cee4; text-align:center; padding:10px 60px; margin-top:15px;}
/*-----*/
.foot{ background: #282c2f; text-align:center; color: #7f8388; width:100%; height:107px; line-height:25px; font-size:16px; padding-top:27px;}
.foot a{ color: #7f8388; font-size:14px;}
.foot a:hover{ color: #F00;}


.swiper-slide{ position:relative;}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 310px;
  right:0px;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 8px;
  background: #ffc600;
  margin: 0 5px;
  opacity: .5;
  border: 1px solid #ffc600;
  cursor: pointer;
}
.swiper-active-switch {
  background: #00dbff;
  opacity: .9;
  border: 1px solid #00dbff;
}