@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:#ffffff;}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
/*****以上样式不可更改*****/
/*
 *  视频播放器
 * */
.video-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 99999999999;
}
.video-box button {
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.video-box .video-button {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.video-box .video-button i {
  font-size: 56px;
}
.video-box .video-button.video-btn-volume i {
  font-size: 20px;
}
.video-box .video-button.video-tooltip-toggle i {
  font-size: 20px;
}
.video-box .video-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-box .video-video video {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.video-box .video-container {
  width: 852px;
  min-height: 550px;
  max-height: 90vh;
  background: #000000;
  overflow: hidden;
  opacity: 0;
}
.video-box .video-container.video-ready {
  opacity: 1;
}
.video-box.quanping .video-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}
.video-box.video-playing .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box.heibian .video-container {
  padding: 40px 0;
}
.video-box.heibian .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.video-box.heibian.quanping .video-container {
  padding: 0;
}
.video-box.hideui .video-div .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box .i {
  font-family: none;
  height: 100%;
  width: 100%;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.video-box .i:before,
.video-box i:after {
  display: none !important;
}
.video-box .i-voice-on {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-voice-off {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-bofang {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-zhanting {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-quanping {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-suoxiao {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .9;
}
.video-div {
  background: #000;
  font-size: 0;
  letter-spacing: -1px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.video-ui {
  position: absolute;
  width: 100%;
  height: 41px;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
  z-index: 6;
  letter-spacing: .25px;
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.video-loading-pulse {
  position: absolute;
  width: 6px;
  height: 24px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.video-loading-pulse:before,
.video-loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}
.video-loading-pulse:before {
  left: -12px;
}
.video-loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
@keyframes pulse {
  50% {
    background: white;
  }
}
.video-loading {
  opacity: 1;
  color: #2c97f6;
  font-size: 0;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3600px #000;
  background: #000;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video-loading i {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  -webkit-animation: adeg 1s infinite linear;
  -o-animation: adeg 1s infinite linear;
  -ms-animation: adeg 1s infinite linear;
  -moz-animation: adeg 1s infinite linear;
  animation: adeg 1s infinite linear;
}
.video-loading .i-loading:before {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.video-loading.yihuanchun {
  opacity: 0;
}
@keyframes adeg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.video-close {
  position: absolute;
  top: calc(52px + 2%);
  right: 5%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.video-bofang.f-czspjuzhong {
  z-index: 2;
  font-size: 0;
}
.video-bofang.f-czspjuzhong i {
  display: block;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 60px;
  height: 60px;
  cursor: pointer;
  line-height: 62px;
  font-size: 66px;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
}
.video-hide {
  z-index: 0 !important;
}
.video-hide i {
  opacity: 0;
  -webkit-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  transform: scale(3);
  will-change: transform, opacity;
  z-index: 0;
}
.video-progress {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 36px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.video-progress:hover .video-progress-hover,
.video-progress:hover .video-tooltip-time {
  opacity: 1;
}
.video-tooltip-time {
  width: 46px;
  position: absolute;
  height: 20px;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.video-tooltip-time .video-tinytip-content {
  margin-left: -23px;
}
.video-tooltip-time .video-text {
  background: rgba(0, 0, 0, 0.5);
  padding: 2px;
  border-radius: 2px;
}
.video-tinytip .video-tooltip-content {
  display: inline-block;
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}
.video-progress-padding {
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0;
  z-index: 40;
  cursor: pointer;
}
.video-progress-list {
  position: relative;
  top: -1px;
  z-index: 39;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-play,
.video-progress-buffer,
.video-progress-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.video-progress-buffer {
  z-index: 33;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-progress-hover {
  z-index: 34;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.video-progress-play {
  z-index: 35;
  background-color: #2c97f6;
}
.video-progress-handle {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: -6.5px;
  margin-top: -6.5px;
  border-radius: 50%;
  background-color: #2c97f6;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-padding:hover + .video-progress-list {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.video-controls-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  z-index: 3;
}
.video-time-panel {
  font-size: 12px;
  color: #777;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 0 5px;
  line-height: 36px;
  letter-spacing: .25px;
}
.video-time-panel-current {
  color: #DEDEDF;
}
.video-fullscreen {
  float: right;
}
.video-definition {
  float: right;
  width: 55px;
  height: 36px;
  position: relative;
}
.video-definition .video-button {
  width: 100%;
}
.video-definition .video-button span {
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 5px;
}
.video-definition .video-tooltip-content {
  width: 80px;
  left: 50%;
  margin-left: -40px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.video-definition:hover .video-tooltip-content {
  position: absolute;
  bottom: 35px;
  color: #aaa;
  display: block;
  z-index: 6;
}
.video-menu .video-menu-item {
  display: block;
  width: 100%;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  height: 38px;
  background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;
  background-size: 80% 1px;
}
.video-menu .video-menu-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
.video-menu .video-menu-item.video-active {
  color: #FF8F00;
}
.video-volume {
  float: right;
  position: relative;
}
.video-popup .video-popup-content {
  transform: scaleY(0);
  bottom: 41px;
  position: absolute;
}
.video-popup .video-popup-content:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.video-popup:hover .video-popup-content {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.video-volume-slider {
  left: 0;
  width: 36px;
  height: 100px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.video-tinytip-tiao {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-volume-range {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 4px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-volume-range-current {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #2c97f6;
}
.video-volume-handle {
  position: absolute;
  top: 0;
  left: -4px;
  width: 12px;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 998px) {
  .video-box .video-container {
    width: 80vw;
    max-height: 80vh;
    min-height: 44.9vw;
  }
}
@media (max-width: 468px) {
  .video-box .video-container {
    width: 100vw;
    min-height: 54.9vw;
  }
  .video-loading i {
    font-size: 26px;
  }
  .video-definition {
    display: none;
  }
}
/*
 * 视频结尾
 * */
.f-czspjuzhong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.slider4 .slide{float: left; list-style: outside none none; position: relative; width:360px;margin-right:20px;}

.top{ background:#f8f8f8; width:100%;}
.top-fl{ float:left;   padding-left:3px; line-height:40px; height:40px; padding-left:4px; color:#909191; font-size:14px;}
.top-fl span{ color:rgba(48, 156, 193, 1);}
.top-fr{ float:right; line-height:40px;}
.top-fr a{ float:left; margin-left:15px;}
.top-fr .wx{ margin-left:15px; float:left; position:relative;}
.top-fr .wx:hover .wx-ma{ display:block;}
.top-fr .wx-ma{ position:absolute; left:-23px; top:40px; z-index:999; width:80px; display:none;}
.top-fr .wx-ma img{ width:100%;}
.navbar-default{ background:#fff; border:0;}
.navbar{ margin:0;}
.navbar-collapse{ padding:0;}
.navbar-nav > li > a{ padding:0; margin:0; height:78px; line-height:78px; width:90px; text-align:center;font-size:15px; color:rgba(48,156,193,1);}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#309cc1; background:0; border-bottom:3px solid #309cc1;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#309cc1; background:0; border-bottom:3px solid #309cc1;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#309cc1; background:0; border-bottom:3px solid #309cc1;}
.slider {position: relative; text-align:center; overflow:hidden;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding:0; margin:0;}
.rslides li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; left:0; top:0; }
.rslides li a{ display:block;}
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img{ display:block; height:auto; float:left; width:100%; border: 0;}
.callbacks_tabs.callbacks1_tabs{display:block; position:absolute; bottom:10px; z-index:99; display:inline-block; width:100%; left:0;}
.callbacks_tabs.callbacks1_tabs li{ display:inline-block;}
.callbacks_tabs.callbacks1_tabs li a{ font-size:0; width:15px; height:15px; background:#fff;border-radius:50%; margin:0px 5px; display:block;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{ background:#1c7dc7;}
.callbacks_nav { display:none;}
.boxa{ padding:0px 0px;}
.title{ text-align:center; background:url(../images/title.png) no-repeat center center; font-size:30px; color:rgba(51,51,51,1); line-height:40px;}
.boxa-lsit{ margin-top:20px;}
.boxa-lsit-hv{ max-height:265px; overflow:hidden;}
.more{width:298px; height:48px; border:1px solid rgba(223, 223, 223, 1); 
display:block; text-align:center;font-size:14px; color:rgba(51,51,51,1); line-height:48px; margin:0 auto; margin-top:20px;}
.more:hover{ background:#309cc1; border:1px solid #309cc1; color:#fff;}
.boxb{ background:#f8f8f8; padding:20px 0px;}
.boxb .txt-box{ padding-top:20px; margin-bottom:15px;}
.boxb .txt-box p{ text-align:center;font-size:16px; color:rgba(85,85,85,1); line-height:30px;}
.boxc { position:relative;}
.boxc img{ width:100%;}
.boxc .but{ position:absolute; left:50%; top:50%; margin-left:-53px; margin-top:-53px; width:106px; height:106px;}
.boxd{ padding:20px 0px;}
.slideBox{ width:100%; overflow:hidden; position:relative;max-height:450px;}
.slideBox .hd{ overflow:hidden; position:absolute; right:15px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left;width:19px; height:19px; margin:0 2px; border-radius:50%; cursor:pointer; text-align:center; line-height:19px; background:#fff;}
.slideBox .hd ul li.on{ background:#35abd3; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }
.boxd-huan-hidden{ height:505px; overflow:hidden;}
.boxd-huan{ margin-top:20px;}
.ind-boxc-fl{ max-width:530px; width:100%;}
.ind-boxc-fl .txt-box h3{font-size:18px; color:rgba(40, 39, 39, 1); line-height:25px; margin:15px 0px 10px 0px;}
.ind-boxc-fl .txt-box p{font-size:14px; color:rgba(120,120,120,1); line-height:25px;}
.ind-boxc-list li{ background:url(../images/boxc01.png) no-repeat center left; padding-left:10px;}
.ind-boxc-list li a{ display:block; width:80%; float:left;font-size:16px; color:rgba(40,39,39,1); line-height:35px; height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
.ind-boxc-list li span{font-size:14px; color:rgba(175,172,172,1); display:block;line-height:35px; height:35px; width:20%; text-align:right; float:left;}
.ind-boxc-list li a:hover{ color:#309cc1;}
.boxd-tab{ text-align:center; line-height:30px;}
.boxd-tab p{ display:inline-block; cursor:pointer; font-size:14px; color:rgba(85, 85, 85, 1);}
.boxd-tab p.on{ color:#309cc1;}
.boxd-tab span{ margin:0 10px; font-size:14px; color:rgba(85, 85, 85, 1);}
.boxd-tab a{font-size:14px; color:rgba(85, 85, 85, 1);}
.boxd-tab a:hover{ color:#309cc1;}
.boxe{ padding:20px 0px; background:#f8f8f8;}
.boxe-lsit{ margin-top:0px;}
.boxe-lsit ul{ padding-bottom:10px;}
.boxe-lsit li .item{ background:#fff; padding:12px 12px 12px 20px; margin-top:20px;}
.boxe-lsit li .item .txt-box{ width:75%; float:left; padding-right:15px;}
.boxe-lsit li .item .txt-box h4{font-size:18px; color:rgba(51,51,51,1); line-height:40px; margin:5px 0px;}
.boxe-lsit li .item .txt-box p{font-size:14px; color:rgba(177,177,177,1); line-height:25px;}
.boxe-lsit li .item .img-box{ width:25%; float:left;}
.boxe-lsit li .item .img-box img{ width:100%;}
.boxf{ padding:20px 0px;}
.boxf-list{ padding-top:20px; overflow:hidden;}
.boxf-list ul li{ margin-top:30px;}
.boxf-list ul li .item{ border:1px solid #eeeded;}
.boxf-list ul li .item img{ width:100%;}
.foot-lsit{ background:#333333; padding:15px 0px; text-align:center;}
.foot-con{ max-width:621px; width:100%; margin:0 auto;}
.foot-lsit .item{ background:url(../images/foot.png) no-repeat center right; display:inline-block; padding:0px 50px; float:left;s}
.foot-lsit .item p{font-size:14px; color:rgba(150,144,144,1); line-height:40px; text-align:left;}
.foot-lsit .item p .icon{ width:40px; line-height:40px; height:40px; display:inline-block; background:url(../images/fot.png) no-repeat; float:left;}
.foot-lsit .item p .icon-kf{ background-position:0px 0px;}
.foot-lsit .item p .icon-fw{ background-position:0px -40px;}
.foot-lsit .item p .icon-zx{ background-position:0px -80px;}
.foot-lsit .item p .icon-hz{ background-position:0px -120px;}
.foot-lsit .item p .icon-yx{ background-position:0px -160px;}
.foot-lsit .item p .icon-dz{ background-position:0px -200px;}
.foot-ma{ background:#fff;  display:inline-block; padding:2px; margin:0px 50px; float:left;}
.foot-ma img{width:114px; height:114px;}
.copyright{ background:#282727; padding:15px 0px;}
.copyright p{font-size:14px; color:rgba(119,119,119,1); line-height:25px; text-align:center;}
#header.active{ position:fixed; left:0; top:0; width:100%; z-index:999;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}
.black_overlay{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=88);}
.white_content{display:none;position:fixed;top:25%;left:50%; margin-left:-300px; width:600px; padding:10px;border:5px solid #309cc1;background-color:white;z-index:1002;}
.tan-gb{ position:absolute; right:-20px; top:-24px;}
.video{ width:100%;}

/******产品******/
.p-m30{ padding-bottom:30px;}
.page-banner{ position:relative;}
.page-banner img{ width:100%;}
.page-box{ position:absolute; left:0; top:0; width:100%; line-height:100%; height:100%;}
.page-title{ font-size:40px; color:#ffffff; padding-top:11%; line-height:100%;}
.page-title span{ color:#bcbcbc; font-size:36px; margin-left:30px;}
.mbx-box{ border-bottom:1px solid #ededed;}
.mbx-box p{ height:40px; line-height:40px; color:#666666; font-size:14px; background:url(../images/mbx.png) no-repeat center left; padding-left:30px;}
.mbx-box p a{ color:#666666;}
.mbx-box p a:hover{ color:#309cc1;}
.box-left {
    width: 20%;
    float: left;
margin-top: 20px;}
.box-right{ width:80%; float:left; margin-top:20px; padding-left:30px;}
.box-list span{ display:block;width:100%; height:48px; line-height:48px; background:#309CC1; font-size:20px; color:#fff; padding-left:25px;}
.box-ul{border:1px solid #EBEBEB; padding:10px;}
.box-ul li a{ color:#000000; font-size:14px; line-height:35px; display:block; padding-left:15px;}
.box-ul li:hover a{ color:#309cc1;}
.box-ul li.on a{ color:#309cc1;}
.box-title{ border-bottom:1px solid #ececec; line-height:48px; height:48px; background:url(../images/ti.png) no-repeat center left; padding-left:17px;color:#333333; font-size:18px;}
.cp-box-list{ margin-top:10px;}
.cp-box-list li{ padding:15px 0px; border-bottom:1px solid #ececec;}
.cp-box-list li .img-box{ display:block; float:left; width:25.5%; overflow:hidden;}
.cp-box-list li .img-box img{-webkit-transition: -webkit-transform .5s;transition: transform .5s;width: 100%;}
.cp-box-list li .img-box:hover img{-webkit-transform: scale(1.1);transform: scale(1.1)} 
.cp-box-list li .txt-box{ width:74.5%; padding-left:20px; float:left;}
.cp-box-list li .txt-box h4 a{ display:block; color:#333333; font-size:18px; line-height:35px; height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cp-box-list li .txt-box h4 a:hover{ color:#309CC1;}
.cp-box-list li .txt-box p{ color:#999999; font-size:14px; line-height:25px;}
.fan-ye{ text-align:center; margin-top:25px;}
.fan-ye ul{ display:inline-block;}
.fan-ye ul li{ float:left; margin:0px 6px;}
.fan-ye ul li a{ display:block; background:#f7f7f7; height:40px; width:40px; text-align:center; line-height:40px; color:#666668; font-size:14px;}
.fan-ye ul li.on a { background:#666666; color:#fff;}
.fan-ye ul li a.gt { background:#309cc2; color:#fff;}

/******关于******/
.gy-box{ margin-top:20px;}
.gy-box .img-box img{ width:100%;}
.gy-box .txt-box{ margin-top:20px;}
.gy-box .txt-box p{font-size:15px; line-height:35px;}
.gy-box .txt-box img{width:100%;}

/******解决方案******/
.fangan-ul{ border:1px solid #ececec; padding:15px; padding-top:0px;}
.fangan-ul li{ margin-top:15px;}
.fangan-ul li a{ display:block;}
.fangan-ul li p{ color:#666666; font-size:14px; line-height:22px; margin-top:5px;}
.fangan-ul li .img-box{ overflow:hidden;}
.fangan-ul li .img-box img{ -webkit-transition: -webkit-transform .5s;transition: transform .5s;width: 100%;}
.fangan-ul li:hover .img-box img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.fangan-ul li:hover p{ color:#309CC1;}
.fa-item{ margin-top:40px;}
.fa-item h3{ text-align:center; color:#333333; font-size:24px; margin-bottom:35px;}
.fa-item p{ background:url(../images/dot.png) no-repeat top 13px left; padding-left:15px; color:#666666; font-size:15px; line-height:28px;}
.fa-list{ margin-top:25px;}
.fa-title{ width:100%; background:url(../images/fa.png) repeat-x center left; width:100%; position:relative; height:25px;}
.fa-title h4{ color:#309cc1; font-size:18px; font-weight:bold; background:#fff url(../images/fa-title.png) no-repeat center right; display:inline-block; padding-right:40px; line-height:25px;}
.fa-list .txt-box{ margin-top:10px;}
.fa-list .txt-box .gaishu{ color:#666666; font-size:15px; line-height:28px; padding-left:15px;}
.fa-list .txt-box p{background:url(../images/dot.png) no-repeat top 13px left; padding-left:15px; color:#666666; font-size:15px; line-height:28px;}
.sjboxc{ display:none;}

/******客户******/
.kh-box{ margin-top:20px;}
.kh-ul{ border-bottom:1px solid #d4d2d2;}
.kh-ul li{ height:35px; line-height:35px; float:left; margin-right:10px; padding:0px 15px; color:#333333; font-size:16px; cursor:pointer;border-radius:5px 5px 0px 0px}
.kh-ul li.on{ background:#309cc1; color:#fff;}
.kh-switch-ul li{ margin-top:20px;}
.kh-switch-ul li .item{ border:1px solid #e7e6e6;}
.kh-switch-ul li .item .img{ padding:0 20px;}
.kh-switch-ul li .item .img .img-box{ border-bottom:0px solid #eae9e9; padding:0px 0px;}
.kh-switch-ul li .item .img .img-box img{ margin:0 auto;}
/*****客户文字隐藏*****/
.kh-switch-ul li .item .txt-box{ background:#fbfbfb; padding:10px 20px; color:#787878; font-size:14px; line-height:25px; height:116px; overflow:hidden; display:none;}

/******新闻******/
.xw-box-list{ margin-top:10px;}
.xw-box-list li{ padding:15px 0px; border-bottom:1px solid #ececec;}
.xw-box-list li .img-box{ display:block; float:left; width:25.5%; overflow:hidden;}
.xw-box-list li .img-box img{-webkit-transition: -webkit-transform .5s;transition: transform .5s;width: 100%;}
.xw-box-list li .txt-box{ width:74.5%; padding-left:20px; float:left;}
.xw-box-list li .txt-box h4{color:#333333; font-size:18px; line-height:30px; height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xw-box-list li .txt-box span{ color:#787878; font-size:12px; line-height:30px; margin:5px 0px; display:block;}
.xw-box-list li .txt-box p{ color:#999999; font-size:14px; line-height:25px;}
.xw-box-list li .txt-box a{ background:#d0d1d2; width:60px; line-height:25px; height:25px; text-align:center; display:block;border-radius:3px; margin-top:10px; color:#fff;}
.xw-box-list li .txt-box a:hover{ background:#309cc1;}

/******新闻——详情******/
.fangan-ul li h4{ font-size:16px;}
.xwxq-title{ background:url(../images/xq.png) no-repeat center bottom; padding-top:30px; padding-bottom:5px; text-align:center;}
.xwxq-title h4{ color:#333333; font-size:26px; line-height:30px;}
.xwxq-title span{ color:#787878; font-size:14px; line-height:40px; display:block;}
.xwxq-txt p{ color:#555555; font-size:15px; line-height:25px; padding:15px 0px;}
.xwxq-txt img{ margin:15px auto; }
.xwxq-txt span{ color:#333333; font-size:15px; line-height:25px; display:block; }
.fan-pian{ margin-top:75px; padding-top:20px; border-top:1px dashed #f0efef;}
.fan-pian a{ display:block; color:#787878; font-size:14px; line-height:30px;}
.fan-pian a:hover{ color:#309CC1;}
.app-lx{ display:none;}
.sjyc{display:none;}
.slider2 .slide img{ border:1px solid #eeeded; margin:10px 0px;}
#sjboxc{ display:none;}
.app-show{ display:none;}

.slider{ display:block;}
.addWrap{ display:none;}

@media ( max-width:1366px) {
	.page-title{padding-top: 8%;}
	.box-left{ width:25%;float:left;}
	.box-right{ width:75%;}
}

@media ( max-width:1024px) {
	.foot-ma{ margin-top:15px;}
	.page-title{ font-size:20px;}
	.page-title span{ font-size:20px; margin-left:10px;}
	.xw-box-list li .txt-box span{ margin:0;}
	.box-left{ width:25%;float:left;}
	.box-right{ width:75%;}
	.cp-box-list li .txt-box p{ line-height:20px;}
}


@media ( max-width:990px) {
	.navbar-nav > li > a{ width:80px;}
	.boxc .but{ width:30px; height:30px; margin-left:-15px; margin-top:-15px;}	
}

@media ( max-width:970px) {
	.boxa{ padding:15px 0px;}
	.boxb{ padding:15px 0px;}
	.boxd{ padding:15px 0px;}
	.boxe{ padding:15px 0px;}
	.boxf{ padding:15px 0px;}
	.boxf-list{ padding-top:0px;}	
	.boxf-list ul li{ margin-top:15px;}
	.boxe-lsit{ margin-top:0;}
	.boxe-lsit ul{ padding-bottom:0;}
	.boxd-tab{ margin-top:10px;}
	.boxd-huan{ margin-top:20px;}
	.ind-boxc-fl{ max-width:100%;}
	.title{ font-size:20px; line-height:30px;}
	.boxa-lsit{ margin-top:15px;}
	.boxb .txt-box{ margin:0; padding:15px 0px;}
	.boxb .txt-box p{ font-size:14px;}
	.more{ width:200px; margin-top:10px; height:35px; line-height:35px;}
	.boxd-huan-hidden{ height:970px;}
	.box-ul li a{ padding-left:0;}
	.box-list span{ padding-left:10px;}
	.box-right{ padding-left:10px;}
}

@media ( max-width:760px) {	
	.ind-boxc-fl{ max-width:100%; margin-left:0; margin-top:20px;}
	.navbar-brand{ padding:5px 10px; width:120px;}
	.navbar-nav > li > a{ width:100%; height:40px; line-height:40px;}
	.navbar-nav{ padding:0; width:100%; margin:0;}
	.top{ display:none;}
	.navbar-default{ position:fixed; left:0; top:0; width:100%; z-index:99999;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}
	.wrap{ margin-top:50px;}
	.callbacks_tabs.callbacks1_tabs li a{ width:10px; height:10px; font-size:0px;}
	.app-lx { display:none; width:50px; height:50px; padding:5px; background:#fff; position:fixed; right:10px; bottom:35px; border-radius:50%; -moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow: 0px 0px 5px #333333;   box-shadow:0px 0px 5px #333333; z-index:999;}
	.app-lx img{ width:100%;}	
	.box-left{ width:100%}
	.sjxs{display:none;}
	.box-right{ width:100%; padding-left:0;}
	.fangan-ul li{ width:100%;}	
	.kh-switch-ul li .item .txt-box{ height:auto; padding:10px;}	
	.foot-lsit .item p .icon{ width:37px;}
	.sjyc{display:block;}
	.pcyc{display:none;}


	/*********手机端轮播*********/
	.slider{ display:none;}
	.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0; display:block;}
	.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
	.addWrap .swipe-wrap{overflow:hidden;position:relative;}
	.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
	#position{ position:absolute; bottom:10px; right:0; margin:0; width:100%; filter: alpha(opacity=50);text-align:center;}
	#position li{width:12px;height:12px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#fff;}
	#position li.cur{background-color:#1c7dc7;}
	
	
	
}

@media ( max-width:640px) {	
	.boxd-huan-hidden{ height:795px;}
	.slider4 .slide .txt-box h4{ font-size:12px; line-height:30px;}
	.slider4 .slide .txt-box p{ font-size:14px; line-height:20px;}
	.boxe-lsit li .item .txt-box h4{ margin:0; font-size:15px; line-height:30px;}
	.boxe-lsit li .item .txt-box p{ font-size:12px; line-height:20px;}
	.boxe-lsit li .item{ padding:10px;}
	.ind-boxc-list li a{ font-size:14px; line-height:25px; height:25px;}
	.ind-boxc-list li span{ font-size:12px; line-height:25px; height:25px;}
	.ind-boxc-fl{ margin-top:0;}
	.ind-boxc-fl .txt-box h3{ font-size:14px; margin:10px 0px;}
	.ind-boxc-fl .txt-box p{ margin-bottom:15px;}	
	.page-title{ font-size:16px;}
	.page-title span{ font-size:16px;}
	.box-list span{ font-size:14px; line-height:35px; height:35px;}
	.box-ul{ padding:10px 0px;}
	.box-ul li{ width:50%; float:left;}
	.box-ul li a{ line-height:30px; font-size:12px; text-align:center;}
	.box-ul li.on a{ background:#309cc1; color:#fff;}
	
	.box-title{ line-height:35px; height:35px; font-size:16px; float:left;}
	.gy-box .txt-box p{ font-size:14px; line-height:22px;}
	.cp-box-list li .img-box{ width:100%;}
	.cp-box-list li .txt-box{ width:100%; padding-left:0;}
	.xw-box-list li .img-box{ width:100%;}
	.xw-box-list li .txt-box{ width:100%; padding-left:0;}
	.xwxq-title{ padding:10px 0px;}
	.xwxq-title h3{ font-size:18px; line-height:30px;}
	.xwxq-txt p{ font-size:14px; padding:5px 0px;}
	.xwxq-txt img{ margin:5px auto;}
	.fan-pian{ margin-top:20px;}
	.fa-item{ margin-top:20px;}
	.fa-item h3{ margin-bottom:15px; font-size:20px;}
	.fa-item p{ font-size:14px; line-height:22px; background: url(../images/dot.png) no-repeat top 9px left;}
	.fa-list{ margin-top:15px;}
	.fa-title h4{ font-size:16px;}
	.fa-list .txt-box .gaishu{ font-size:14px; line-height:22px;}
	.fa-list .txt-box p{ font-size:14px; line-height:22px; background: url(../images/dot.png) no-repeat top 9px left;}
	.kh-ul li{ padding:0px 10px; font-size:14px; text-align:center; margin-right:0; height:30px; line-height:30px;}
	.kh-switch-ul li{ margin-top:10px;}
	.cp-box-list li{ padding:10px 0px;}
	.cp-box-list li .txt-box h4 a{ font-size:16px;}
	.xw-box-list li .txt-box h4{ font-size:16px;}
	.xw-box-list li{ padding:10px 0px;}
	.xw-box-list{ margin-top:0;}
	.xw-box-list li .txt-box a{ width:100%;}
	.xwxq-title span{ line-height:30px;}
	#sjboxc{ display:block;}
	#boxc{ display:none;}
	.boxc .but {width:46px; height:46px; margin-top:-23px; margin-left:-23px;}
	.hidden{ display:none;}
	.app-show{ display:block;}
}

@media ( max-width:600px) {	
	.boxd-huan-hidden { height:769px;}
	.ind-boxc-list li a{ width:70%;}
	.ind-boxc-list li span{ width:30%;}	
	.boxe-lsit li .item .txt-box{ width:70%;}
	.boxe-lsit li .item .img-box{ width:30%;}
	.page-title{ font-size:14px; padding-top:6%;}
	.page-title span{ font-size:15px;}
	.foot-lsit .item{ width:100%; padding:0px 10px;}
	.foot-ma{ max-width:150px; margin:0 auto; float:none;}
}

@media ( max-width:550px) {	
	.boxd-huan-hidden { height:720px;}
	.slider4 .slide{ width:100%;}

}

@media ( max-width:500px) {	
	.boxd-huan-hidden { height:700px;}
}

@media ( max-width:410px) {	
	.boxd-huan-hidden { height:650px;}
}

@media ( max-width:380px) {	
	.boxd-huan-hidden { height:620px;}
}