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

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

.page-quanan .section-head p {
	margin-top: 12px
}

.page-quanan .section-title {
	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 {
	height: 365px
}

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

.page-quanan .section-2 .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-2 .list-block .item {
	width: 165px;
	height: 200px;
	padding-top: 40px;
	background-color: #f7f7f7;
	border-radius: 10px
}

.page-quanan .section-2 .list-block .item .tit {
	font-size: 20px;
	text-align: center
}

.page-quanan .section-2 .list-block .item .icon {
	display: block;
	margin: 0 auto
}

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

.page-quanan .section-3 .item {
	float: left;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.page-quanan .section-3 .item .pic {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

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

.page-quanan .section-4 {
	height: 670px
}

.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;
	height: 405px
}

.page-quanan .section-4 .list-block img:nth-of-type(2n) {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.page-quanan .section-4 .list-block img:hover,
.page-quanan .section-4 .list-block img.active {
	-webkit-box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 5px 5px rgba(0, 0, 0, 0.05)
}

.page-quanan .section-5 {
	height: 550px
}

.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 {
	text-align: center
}

.page-quanan .section-5 .list-block .item img {
	display: block;
	margin: 0 auto 20px
}

.page-quanan .section-5 .list-block .item dt {
	margin-bottom: 10px;
	font-size: 20px
}

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

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

.page-quanan .section-6 .section-head {
	color: #fff
}

.page-quanan .section-6 .section-title {
	color: #fff
}

.page-quanan .section-6 .tab-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.page-quanan .section-6 .tab-nav li {
	font-size: 20px;
	margin: 0 40px;
	color: #fff;
	cursor: pointer
}

.page-quanan .section-6 .tab-nav li.active,
.page-quanan .section-6 .tab-nav li:hover {
	color: #f3376c
}

.page-quanan .section-7 {
	height: 820px
}

.page-quanan .section-7 .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-7 .list-block .block-img{
	width: 336px;
	overflow: hidden;
	position: relative;

}
.page-quanan .section-7 .list-block .block-img img{
	width: 100%;
	cursor:pointer;
	-webkit-transform: scale(1.00); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-7 .list-block .block-img img:hover{
	-webkit-transform: scale(1.10); 
	transition:all 1s ease-out 0s;
}
.page-quanan .section-7 .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-7 .list-block .block-img .content .content-con{
	width: 236px;
	height: 248px;
	border:1px solid #fff;
	margin-left: 10px;
	margin-top: 10px;
}
.page-quanan .section-7 .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-7 .list-block .block-img .content .content-con ul{
	width: 236px;
}
.page-quanan .section-7 .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-8 {
	height: 447px;
	background: url(/Public/home/images/pic_16_0000.png) no-repeat center
}

.page-quanan .section-8 .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-8 .tab-nav li {
	margin: 0 15px;
	cursor: pointer
}

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

.page-quanan .section-8 p.sub-tit {
	margin-top: 10px;
	margin-bottom: 40px;
	color: #fff;
	text-align: center;
	font-size: 20px
}
.page-quanan .section-9 .item  img{
	position: relative;
}
.page-quanan .section-9  .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-9  .item:nth-of-type(1)  span{
   width: 260px;
   height: 52px;
   text-align:center;
   line-height: 52px;
   padding-left: 10px
}
.page-quanan .section-9  .item:nth-of-type(3)  span{
   width: 240px;
   height: 52px;
   text-align:center;
   line-height: 52px;
   padding-left: 20px
}
.page-quanan .section-9  .item:nth-of-type(2)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-9  .item:nth-of-type(4)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-9  .item:nth-of-type(5)  span{
   width: 160px;
   height: 54px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-9  .item:nth-of-type(6)  span{
   width: 260px;
   height: 52px;
   text-align:left;
   padding-left: 10px
}
.page-quanan .section-9  .item:nth-of-type(1) {
	top: 0;
	left: 0
}

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

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

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

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

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

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

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

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

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

.page-quanan .section-9 .item {
	position: absolute;
	overflow: hidden
}

.page-quanan .section-9 .item:nth-of-type(1) {
	top: 0;
	left: 0
}

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

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

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

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

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

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

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

.page-quanan .section-10 {
	height: 720px;
	background-color: #f9f9f9
}

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

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

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

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

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

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

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

.page-quanan .section-10 .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-10 .form .btn:hover {
	opacity: .9
}

.page-quanan .section-11 {
	height: 550px
}