/**
 * Swiper 3.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: April 25, 2015
 */
 html{height:100%;}
 body{font-size:16px;height:100%;}
 *{margin:0;padding:0;list-style:none;font-family:"黑体";color:#333333;}
 a{text-decoration:none;}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.logo_soin{ width:100%;}
.img_logo{ /*max-width:131px;*/ padding:10px 0 5px 10px;width:35%; float:left;}
/*.logo img{ width:35%; float:left;}*/
.input_bj{float:right; margin-right:10px;  -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px; border:1px solid #cccccc;background:#e6eaed;width:45%; /*padding:0 20px 0 15px;*/ padding-left:15px; margin-top:10px;}
.text{ height:30px; font-size:18px; line-height:30px; /*margin-top:10px;*/ width:60%;color:#999999; background:#e6eaed; border:none; float:left;}
.anniu{ background:url(../img/sosuo.jpg) no-repeat right; width:29px; height:28px;border:none; margin-right:10px; float:right;}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */

.banner{width:100%;padding-bottom:42.6%;height:0;}
.banner img{width:100%;}

.indexnav{padding:0 1% 0;overflow:hidden;}

.indexnav a:visited,.indexnav a:hover,.indexnav a:active{color:#fff;}
.indexnav .i_nav{position:relative;display:inline-block;color:#fff;background:#5694ff;border-radius:5px;margin:1%;width:48%;float:left;padding-bottom:40%;}
.indexnav .i_nav.i2{background:#00cfdc;}
.indexnav .i_nav.pb{padding-bottom:19%;}
.indexnav .i_nav.i3{background:#ff5c6f;}
.indexnav .i_nav.i4{width:30%;background:#ff9933;}
.indexnav .i_nav.i5{width:32%;background:#ff7d55;}
.indexnav .i_nav.i6{width:32%;background:#ff9047;}
.indexnav .i_nav.i7{width:32%;background:#5389e2;}
.indexnav .i_nav.i8{width:32%;background:#ff7d55;}
.indexnav .i_nav.i9{width:31%;padding-bottom:20%;background:#5d64ed;}
.indexnav .i_nav.i10{width:31%;padding-bottom:20%;background:#ffb238;}
.indexnav .i_nav.i11{width:31%;padding-bottom:20%;background:#00cfdc;}

/*.indexnav .n{width:60%;left:10%;padding:10%;top:33%;position:absolute;}*/
.indexnav .n{width:63%;left:10%;padding:10%;top:33%;position:absolute;}
.indexnav .n span{position:absolute;left:25%;top:14%;font-size:60%;color:#fff;font-size:20px;
    -webkit-transition:font-size 0.2s ease-out;}
@media only screen and (min-width: 1200px) { .indexnav .n span{ font-size: 60px; }}
@media only screen and (min-width: 900px) { .indexnav .n span{ font-size: 40px; }}
@media only screen and (max-width: 900px) { .indexnav .n span{ font-size: 38px; }}
@media only screen and (max-width: 810px) { .indexnav .n span{ font-size: 36px; }}
@media only screen and (max-width: 800px) { .indexnav .n span{ font-size: 33px; }}
@media only screen and (max-width: 710px) { .indexnav .n span{ font-size: 26px; }}
@media only screen and (max-width: 610px) { .indexnav .n span{ font-size: 23px; }}
@media only screen and (max-width: 500px) { .indexnav .n span{ font-size: 19px; }}
@media only screen and (max-width: 410px) { .indexnav .n span{ font-size: 16px; }}
@media only screen and (max-width: 350px) { .indexnav .n span{ font-size: 14px; }}
@media only screen and (max-width: 300px) { .indexnav .n span{ font-size: 12px; }}
.indexnav .n i{width:25%;height:0;padding-bottom:40%;display:block;position:absolute;left:0;top:0;}
.indexnav .n i img{width:100%;}
.indexnav .i_nav.i1 .n{top:40%;left:20%}
.indexnav .i_nav.i1 .n i{width:20%;}
.indexnav .i_nav.i2 .n,.indexnav .i_nav.i3 .n{top:30%;left:30%}
.indexnav .i_nav.i2 .n i,.indexnav .i_nav.i3 .n i{width:20%;}
.indexnav .i_nav.i4 .n{top:53%;left:35%}
.indexnav .i_nav.i4 .n i{width:30%;top:-120%;}
.indexnav .i_nav.i4 .n span{left:-3%}


.indexnav .i_nav.i5 .n{left:21%}

.overflow{overflow:hidden;}

.twlist{clear:both;}
.twlist dl{padding:10px;border-bottom:1px solid #e6e6e6;overflow:hidden;}
.twlist dl dt{width:23%;float:left;}
.twlist dl dt img{width:100%;}
.twlist dl dd{width:73%;float:right;}

.twlist dl dd h2{padding:1px 0 10px;line-height:1rem;font-weight:500;}
.twlist dl dd a{font-size:1rem;text-decoration:none;color:#333;line-height:0.8rem;font-weight:500;}
.twlist dl dd p{font-size:0.69rem;line-height:1rem;}

.content{padding:10px;}
.content h2{font-size:1.5rem;}
.content p img{width:100%;}
.content h3{color:#777;border-bottom:1px solid #ccc;font-weight:500;padding:5px 0;font-size:0.8rem;}
.content h3 span{padding:0 10%;color:#777;font-weight:500;}
.content p{padding:10px 0;font-size:0.9rem;line-height:1.2rem;}

.content div.erf{cleaR:both;overflow:hidden;}
.erf .fl{width:39%;float:left;}
.erf .fr{width:59%;float:right;}
.erf .fr img{width:100%;}
h5{font-size:1.1rem;padding:0 10px;}

.tabs {
  width: 100%;
  margin: 0 auto;
  overflow:auto;
  border-bottom:1px solid #e6e6e6;
}
.tabs div.w{width:2000px;}
.tabs a {
  display: block;
  float: left;
  width:auto;
  padding:0 5px;
  margin:3px 10px;
  color: #333;
  text-align: center;
  line-height: 30px;
  font-size: 1rem;
  text-decoration: none;

}
.tabs a.active {
	border-radius:3px;
  background: #e84847;
  color:#fff;

}
.swiper-container {
}
.swiper-slide {
  width: 96%;
}
.content-slide{
	height:-webkit-calc(100% - 200px);
	overflow:auto;
}

.pphdswiper{height:100%;width:100%;}