.banner {
    position: relative;
    left: 0%; 
    margin-left: 0px; 
}
.page-quanan .banner {
	height: 680px;
	background: url(/Public/home/images/banner_0001.png) no-repeat center
}

.page-quanan .section-head {
	padding: 80px 0 50px;
	text-align: center;
	font-size: 20px;
	color: #666
}

.page-quanan .section-title {
	font-size: 40px;
	color: #333
}

.page-quanan .section .img-block {
	display: block;
	width: 100%;
	height: auto
}

.page-quanan .section-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 180px;
	background: url(/Public/home/images/section-1.png) no-repeat center
}

.page-quanan .section-1 .form-title {
	margin-right: 30px
}

.page-quanan .section-1 .form-inline .form-control {
	float: left;
	width: 280px;
	height: 50px;
	padding: 0 10px;
	margin-right: 30px;
	border: 1px solid #e5e5e5;
	background-color: #fff
}

.page-quanan .section-1 .form-inline .btn {
	float: left;
	width: 160px;
	height: 50px;
	border: none;
	background: linear-gradient(45deg, #fc397e, #fb4771);
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff
}

.page-quanan .section-2 .img-block {
	display: block;
	margin: 0 auto
}

.page-quanan .section-3 .list-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-quanan .section-3 .list-block .item {
	width: 25%;
	margin-right: 30px
}
.page-quanan .section-3 .list-block .item:hover {
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3)
}

.page-quanan .section-3 .list-block .item:last-child {
	margin-right: 0
}

.page-quanan .section-3 .list-block .item  {
	display: block;
	width: 100%;
	height: auto
}
.page-quanan .section-3 .list-block .item .block-img{
	width: 458px;
	height: 268px;
	overflow: hidden;
}
.page-quanan .section-3 .list-block .item .block-img img{
	display: block;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}
.page-quanan .section-3 .list-block .item .block-img img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.page-quanan .section-3 .list-block .item .tit {
	width: 458px;
	background-color: #ececec;
	font-size: 20px;
	line-height: 60px;
	text-align: center
}

.page-quanan .section-3 .list-block .item.active,
.page-quanan .section-3 .list-block .item:hover {
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.02)
}

.page-quanan .section-4 .list-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.page-quanan .section-4 .list-block .item {
	width: 346px
}

.page-quanan .section-4 .list-block .item .thumb {
	display: block;
	margin: 0 auto 18px
}

.page-quanan .section-4 .list-block .item .tit {
	margin-bottom: 10px;
	font-size: 30px;
	text-align: center
}

.page-quanan .section-4 .list-block .item .desc {
	font-size: 16px;
	color: #666
}

.page-quanan .section-5 {
	height: 759px;
	background: url(/Public/home/images/section-5.png) no-repeat center;
	margin-top: 50px;
}

.page-quanan .section-5 .list-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.page-quanan .section-5 .list-block .item{
	overflow: hidden;
	position: relative;
}
.page-quanan .section-5 .list-block .item img{
	width: 100%;
	cursor:pointer;
	-webkit-transform: scale(1.00); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-5 .list-block .item span{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 36px;
	background-color: rgba(0,0,0,0.8);
}
.page-quanan .section-5 .list-block .item img:hover{
	-webkit-transform: scale(1.10); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-6 {
	height: 770px
}

.page-quanan .section-6 .wrapper {
	position: relative
}

.page-quanan .section-6 .big-img {
	display: block;
	margin: 0 auto
}

.page-quanan .section-6 .list-block {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.page-quanan .section-6 .list-block .item {
	position: absolute
}

.page-quanan .section-6 .list-block .item .circle {
	position: absolute;
	width: 30px;
	height: 30px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%
}

.page-quanan .section-6 .list-block .item .circle i {
	display: block;
	padding: 5px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5)
}

.page-quanan .section-6 .list-block .item .circle i::after {
	display: block;
	content: '';
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background-color: #f61967
}

.page-quanan .section-6 .list-block .item dl {
	width: 215px;
	padding: 30px 15px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05)
}

.page-quanan .section-6 .list-block .item dl dt {
	margin-bottom: 10px;
	font-size: 30px
}

.page-quanan .section-6 .list-block .item dl dt .circle {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-quanan .section-6 .list-block .item dl dt .circle i {
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-quanan .section-6 .list-block .item dl dd {
	padding-left: 6px;
	font-size: 12px;
	color: #666;
	line-height: 26px
}

.page-quanan .section-6 .list-block .item dl dd::before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	content: '';
	background-color: #f61967;
	border-radius: 50%
}

.page-quanan .section-6 .list-block .item::after {
	position: absolute;
	border: 1px dashed #333;
	content: ''
}

.page-quanan .section-6 .list-block .item:nth-of-type(1) {
	width: 582px;
	height: 208px;
	top: 60px;
	left: 0
}

.page-quanan .section-6 .list-block .item:nth-of-type(1)>.circle {
	right: 0;
	bottom: 30px
}
.page-quanan .section-6 .list-block .item:nth-of-type(2)>.circle {
	right: 0;
	bottom: 60px
}

.page-quanan .section-6 .list-block .item:nth-of-type(1)::after {
	width: 397px;
	height: 107px;
	bottom: 50px;
	right: 15px;
	border-width: 1px 1px 0 0
}

.page-quanan .section-7 {
	height: 520px;
	background: url(/Public/home/images/section-7_0000.png) no-repeat center;
	margin-top: 60px;
}

.page-quanan .section-8 {
	height: 783px
}

.page-quanan .section-8 .wrapper {
	position: relative;
	height: 517px
}

.page-quanan .section-8 .item {
	position: absolute;
	overflow: hidden;
}
.page-quanan .section-8 .item  img{
	position: relative;
}
.page-quanan .section-8 .item  span{
    position: absolute;
    left: 0;
    bottom: 30px;
    background-color: rgba(0,0,0,0.8);
    display: block;
    color: #fff;
    display: flex;
    align-items: center
}
.page-quanan .section-8 .item:nth-of-type(1)  span{
   width: 260px;
   height: 52px;
   text-align:center;
   line-height: 52px;
   padding-left: 10px
}
.page-quanan .section-8 .item:nth-of-type(3)  span{
   width: 240px;
   height: 52px;
   text-align:center;
   line-height: 52px;
   padding-left: 20px
}
.page-quanan .section-8 .item:nth-of-type(2)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-8 .item:nth-of-type(4)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-8 .item:nth-of-type(5)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-8 .item:nth-of-type(6)  span{
   width: 260px;
   height: 52px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-8 .item:nth-of-type(1) {
	top: 0;
	left: 0
}

.page-quanan .section-8 .item:nth-of-type(2) {
	left: 485px;
	top: 0
}

.page-quanan .section-8 .item:nth-of-type(3) {
	bottom: 0;
	left: 0
}

.page-quanan .section-8 .item:nth-of-type(4) {
	bottom: 0;
	left: 355px
}

.page-quanan .section-8 .item:nth-of-type(5) {
	bottom: 0;
	left: 530px
}

.page-quanan .section-8 .item:nth-of-type(6) {
	right: 0;
	top: 0
}

.page-quanan .section-8 .pic {
	display: block;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.page-quanan .section-8 .pic:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.page-quanan .section-9 {
	height: 447px;
	background: url(/Public/home/images/section-9.png) no-repeat center
}

.page-quanan .section-9 .tab-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 64px;
	font-size: 40px;
	color: #fff
}

.page-quanan .section-9 .tab-nav li {
	margin: 0 15px;
	cursor: pointer
}

.page-quanan .section-9 .tab-nav li.active {
	color: #f1376b
}

.page-quanan .section-9 p.sub-tit {
	margin-top: 10px;
	margin-bottom: 40px;
	color: #fff;
	text-align: center;
	font-size: 20px
}

.page-quanan .section-10 {
	height: 795px
}

.page-quanan .section-10 .list-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.page-quanan .section-10 .list-block .block-img{
	width: 336px;
	overflow: hidden;
	position: relative;
}
.page-quanan .section-10 .list-block .block-img img{
	width: 100%;
	cursor:pointer;
	-webkit-transform: scale(1.00); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-10 .list-block .block-img img:hover{
	-webkit-transform: scale(1.10); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-10 .list-block .block-img .content{
	width: 256px;
	height: 268px;
	background-color: rgba(0,0,0,.4);
	top:50%;
	left: 50%;
	margin-left: -128px;
	margin-top: -134px;
	position: absolute;
}
.page-quanan .section-10 .list-block .block-img .content .content-con{
	width: 236px;
	height: 248px;
	border:1px solid #fff;
	margin-left: 10px;
	margin-top: 10px;
}
.page-quanan .section-10 .list-block .block-img .content .content-con h4{
	width: 236px;
	height: 48px;
	line-height: 48px;
	font-size: 28px;
	text-align: center;
	color:  #fff;
	font-weight: 600;
	margin:20px 0;
}
.page-quanan .section-10 .list-block .block-img .content .content-con ul{
	width: 236px;
}
.page-quanan .section-10 .list-block .block-img .content .content-con ul li{
	width: 236px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #eee;
}
.page-quanan .section-11 {
	height: 530px;
	background-color: #f9f9f9
}

.page-quanan .section-12 {
	height: 720px
}

.page-quanan .section-12 .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.page-quanan .section-12 .thumb {
	margin-right: 84px
}

.page-quanan .section-12 .form-area {
	width: 300px;
	padding-top: 30px;
	text-align: center
}

.page-quanan .section-12 .form-area .p1 {
	font-size: 30px
}

.page-quanan .section-12 .form-area .p2 {
	margin-bottom: 20px;
	font-size: 16px
}

.page-quanan .section-12 .form-area .p2 em {
	color: #fc3680;
	font-size: 20px;
	font-style: normal
}

.page-quanan .section-12 .form .form-control {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 10px;
	margin-bottom: 25px;
	border: 1px solid #ddd
}

.page-quanan .section-12 .form .btn {
	width: 100%;
	height: 50px;
	border: none;
	background: linear-gradient(45deg, #fc397e, #fb4771);
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff
}

.page-quanan .section-12 .form .btn:hover {
	opacity: .9
}
.page-section-2 .content {
	position: relative;
	height: 610px
}

.page-section-2 .content .big-img {
	position: absolute;
	left: 50%;
	bottom: 68px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 747px;
	height: 519px;
	background: url(/Public/home/images/pic_12_0000.png) no-repeat 0 0
}

.page-section-2 .content .list-items .item {
	position: absolute
}

.page-section-2 .content .list-items .item::before {
	display: none;
	position: absolute;
	content: '';
	border: dashed #000
}

.page-section-2 .content .list-items .item span {
	position: absolute;
    padding: 5px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer
}
.page-section-2 .content .list-items .item span:hover{
	-webkit-transform: scale(1.30); 
	transition:all 1s ease-out 0s;
}
.page-section-2 .content .list-items .item span>i {
	display: block;
	padding: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5)
}

.page-section-2 .content .list-items .item span>i::after {
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background-color: #e74c3c;
	border-radius: 50%
}
.page-quanan .section-6 .list-block .item dl {
	width: 215px;
	padding: 30px 15px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05)
}

.page-quanan .section-6 .list-block .item dl dt {
	margin-bottom: 10px;
	font-size: 30px
}

.page-quanan .section-6 .list-block .item dl dt .circle {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-quanan .section-6 .list-block .item dl dt .circle i {
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-quanan .section-6 .list-block .item dl dd {
	padding-left: 6px;
	font-size: 12px;
	color: #666;
	line-height: 26px
}

.page-quanan .section-6 .list-block .item dl dd::before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	content: '';
	background-color: #f61967;
	border-radius: 50%
}
.page-section-2 .content .list-items .item dl {
	display: none;
	position: absolute;
	width: 220px;
	/*height: 96px;*/
	padding: 20px 0 0 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05)
}

.page-section-2 .content .list-items .item dl dt {
	margin-bottom: 5px;
	color: #000;
	font-size: 20px
}

.page-section-2 .content .list-items .item:nth-of-type(1) {
	width: 572px;
    height: 141px;
    top: 166px;
    left: 22px;
}

.page-section-2 .content .list-items .item:nth-of-type(1) dl {
	top: 0;
	left: 0
}

.page-section-2 .content .list-items .item:nth-of-type(1) span {
	right: 0;
	bottom: 0
}

.page-section-2 .content .list-items .item:nth-of-type(1)::before {
	width: 325px;
	height: 66px;
	bottom: 48px;
	right: 24px;
	border-width: 1px 1px 0 0
}

.page-section-2 .content .list-items .item:nth-of-type(2) {
	width: 390px;
	height: 122px;
    top: 71px;
    right: 396px;
}

.page-section-2 .content .list-items .item:nth-of-type(2) span {
	right: 0;
	bottom: 0
}

.page-section-2 .content .list-items .item:nth-of-type(2) dl {
	top: 0;
    right: -400px;
}

.page-section-2 .content .list-items .item:nth-of-type(2)::before {
    width: 226px;
    height: 40px;
    bottom: 48px;
    right: -200px;
    border-width: 1px 0px 0 1px;
}

.page-section-2 .content .list-items .item:nth-of-type(3) {
	width: 390px;
	height: 116px;
	top: 392px;
    left: 112px;
}

.page-section-2 .content .list-items .item:nth-of-type(3) span {
	right: 0;
	top: 0
}

.page-section-2 .content .list-items .item:nth-of-type(3) dl {
	top: 10px;
	left: 0
}

.page-section-2 .content .list-items .item:nth-of-type(3)::before {
	width: 140px;
	height: 20px;
	top: 48px;
	right: 24px;
	border-width: 0 1px 1px 0
}

.page-section-2 .content .list-items .item:nth-of-type(4) {
	width: 450px;
	height: 195px;
    top: 58px;
    right: -57px;
	z-index: 2
}

.page-section-2 .content .list-items .item:nth-of-type(4) span {
	left: 0;
	bottom: 0
}

.page-section-2 .content .list-items .item:nth-of-type(4) dl {
	top: 0;
	right: 0
}

.page-section-2 .content .list-items .item:nth-of-type(4)::before {
	width: 200px;
	height: 121px;
	bottom: 48px;
	left: 24px;
	border-width: 1px 0 0 1px
}

.page-section-2 .content .list-items .item:nth-of-type(5) {
	width: 458px;
	height: 154px;
    top: 243px;
	right: 128px
}

.page-section-2 .content .list-items .item:nth-of-type(5) dl {
	top: 0;
	right: -78px;
}

.page-section-2 .content .list-items .item:nth-of-type(5) span {
	bottom: 0;
	left: 0
}

.page-section-2 .content .list-items .item:nth-of-type(5)::before {
    width: 294px;
	height: 54px;
	bottom: 48px;
	left: 24px;
	border-width: 1px 0 0 1px
}

.page-section-2 .content .list-items .item:nth-of-type(6) {
	width: 470px;
	height: 136px;
	top: 290px;
	right: 98px
}

.page-section-2 .content .list-items .item:nth-of-type(6) dl {
	top: 0;
	right: 0
}

.page-section-2 .content .list-items .item:nth-of-type(6) span {
	bottom: 0;
	left: 0
}

.page-section-2 .content .list-items .item:nth-of-type(6)::before {
	width: 215px;
	height: 64px;
	bottom: 48px;
	left: 24px;
	border-width: 1px 0 0 1px
}

.page-section-2 .content .list-items .item.active::before,
.page-section-2 .content .list-items .item.active::after {
	display: block
}

.page-section-2 .content .list-items .item.active>dl {
	display: block
}

.page-section-2 .content .list-items .item.active>span {
	-webkit-animation: sizeChange .8s infinite;
	animation: sizeChange .8s infinite
}

.page-section-2 .content .list-items .item .circle i {
	display: block;
	padding: 5px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5)
}

.page-section-2 .content .list-items .item .circle i::after {
	display: block;
	content: '';
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background-color: #f61967
}

.page-section-2 .content .list-items .item dl {
	width: 215px;
	padding: 30px 15px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05)
}

.page-section-2 .content .list-items .item dl dt {
	margin-bottom: 10px;
	font-size: 30px
}

.page-section-2 .content .list-items .item dl dt .circle {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-section-2 .content .list-items .item dl dt .circle i {
	padding: 3px;
	background-color: rgba(246, 25, 103, 0.2)
}

.page-section-2 .content .list-items .item dl dd {
	padding-left: 6px;
	font-size: 12px;
	color: #666;
	line-height: 26px
}

.page-section-2 .content .list-items .item dl dd::before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	content: '';
	background-color: #f61967;
	border-radius: 50%
}