@import url("https://at.alicdn.com/t/font_1812071_o3r3l5czlvf.css");
li{
	list-style: none;
}
a:hover{
	text-decoration: none!important;
}

.col-xs-12, .col-sm-4, .col-sm-8{
	padding: 0 15px!important;
}
.pc-slide {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.preview, .preview02{
	margin-left: -105px;
}
.preview,.preview01,.preview02, .preview03{
    width: 70px;
    height: 100%;
    overflow: hidden;
    z-index: 9;
    float: left;
}
.preview .arrow-left .iconfont, .preview01 .arrow-left01 .iconfont, .preview02 .arrow-left .iconfont, .preview03 .arrow-left .iconfont{
    display: block;
    font-size: 40px;
    text-align: center;
   color: #bebebe;
    padding-right: 10px;
}
.preview .swiper-container, .preview01 .swiper-container01, .preview02 .swiper-container, .preview03 .swiper-container{
    width: 100%;
    height: 230px;
}
.preview .swiper-slide, .preview01 .swiper-slide01, .preview02 .swiper-slide, .preview03 .swiper-slide{
    color: #777777;
    font-size: 18px;
    text-align: center;
    position: relative;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    line-height: 61px;
    border:1px solid #ececec;
    cursor: pointer;
    margin-bottom: 21px;
}
.preview .swiper-container-horizontal>.swiper-wrapper, .preview01 .swiper-container-horizontal>.swiper-wrapper01 , .preview02 .swiper-container-horizontal>.swiper-wrapper, .preview03 .swiper-container-horizontal>.swiper-wrapper{
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.preview .arrow-right .iconfont, .preview01 .arrow-right01 .iconfont, .preview02 .arrow-right .iconfont, .preview03 .arrow-right .iconfont{
    display: block;
    font-size: 40px;
    text-align: center;
    color: #bebebe;
    padding-right: 10px;
}
.view, .view01, .view02, .view03{
/* 	float: right; */
	position: relative;
	width:540px;
    height: 380px;
}
.uli12 li a:hover, .uli14 li a:hover{
	color: #1860cf!important;
}
.view, .view02{
	float: left;
}
.view01, .view03{
	float: right;
}
.view .swiper-container , .view01 .swiper-container01, .view02 .swiper-container, .view03 .swiper-container{
    width: 100%;
    height: 100%;
}
.preview01 .arrow-left01 .iconfont{
	padding-right: 0;
}
.preview .swiper-slide.active-nav, .preview01 .swiper-slide01.active-nav, .preview02 .swiper-slide.active-nav, .preview03 .swiper-slide.active-nav{
	background: url(../images/activer.png) no-repeat;
	border: none;
	width: 66px;
	color: #fff;
	padding-right: 4px;
}
.preview01, .preview03{
	margin-right: -105px;
}
.yusuan li a{
	font-size: 16px;
	color: #666666;
	width: 100%!important;
}
.yusuan li{
	padding: 18px 0 18px 30px!important;
	background: url(../images/dot.png) left center no-repeat!important;
	/* border-bottom: solid 1px #e5e5e5!important; */
}
.yusuan{
	margin-top: -10px;
	margin-bottom: 0;
}

.department h3{
	font-size: 20px;
	color: #222222;
	font-weight: bold;
	margin-bottom: 20px;
}
a:focus{
	outline: none!important;
	text-decoration: none!important;
}

.preview01 .swiper-slide01, .preview03 .swiper-slide{
	margin: 0 auto;
}
.gengd:hover{
	color: #cbb486;
}
.preview01 .arrow-right01 .iconfont, .preview03 .arrow-right .iconfont{
	padding-right: 0;
}
.view01, .view03{
	width: 540px;
}
.two02{
	margin-top: 26px;
	/* margin-bottom: 73px; */
}
.yusuan li:last-child{
	border-bottom: none!important;
}
.final-lt, .final-lt01{
	float: left;
	margin-left: 30px;
}
.final-rt, .final-rt01{
	float: right;
}
.final-rt .swiper-slide.active-nav, .final-rt01 .swiper-slide.active-nav{
	background: url(../images/redactive.png) no-repeat;
	padding-right: 0;
	padding-left: 4px;
}
.final-rt .arrow-left .iconfont, .final-rt01 .arrow-left .iconfont{
	padding-right: 0;
}

.accounts h3{
	margin-left: 30px;
}


@media (max-width: 1400px){
	.preview, .preview02 {
		margin-left: 0px;
	}
	.view, .view01, .view02, .view03{
		width: 470px;
	}
	.view01, .view03 {
		width: 470px;
	}
	.preview01, .preview03 {
		margin-right: 0px;
	}
}
@media (max-width: 1199px){

	.view, .view01, .view02, .view03{
		width: 370px;
	}

}
@media (max-width: 991px){

	.view, .view01, .view02, .view03{
		width: 280px;
		margin-left: 0;
	}

	.accounts h3 {
		margin-left: 0px;
	}

}

@media (max-width: 767px){
	.padding0 {
		padding: 0 15px!important;
	}
.view, .view01, .view02, .view03{
    width: 570px;
}
	.department{
		margin-bottom: 20px;
	}
	.two02{
		margin-bottom: 18px;
	}

	.rt-yus{
		margin-top: 20px;
	}
	.party .col-sm-8 , .party .col-sm-4{
		width:100%;
	}
	.view, .view01, .view02, .view03 {
		width: calc(100% - 80px);
	}

}

@media (max-width: 580px){
	.department h3 {font-size: 22px;}
}
@media (max-width: 480px){
	.two02 {margin-top: 5px;}
	.yusuan li, .detail-lister li{padding: 15px 0 15px 30px!important;}
	.view, .view01, .view02, .view03{height: 370px;}
	.yusuan li a{font-size: 14px;}
}