@font-face {
	font-family: 'POPPINS-EXTRALIGHT';
	src: url('../fonts/POPPINS-EXTRALIGHT.otf');
	src: url('../fonts/POPPINS-EXTRALIGHT.woff') format('woff'), url('../fonts/POPPINS-EXTRALIGHT.ttf') format('truetype');
}
@font-face {
	font-family: 'avantgardece-book';
	src: url('../fonts/avantgardece-book.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-BOLD';
	src: url('../fonts/SOURCEHANSANSCN-BOLD.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
	src: url('../fonts/SOURCEHANSANSCN-EXTRALIGHT.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-HEAVY';
	src: url('../fonts/SOURCEHANSANSCN-HEAVY.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-LIGHT';
	src: url('../fonts/SOURCEHANSANSCN-LIGHT.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-MEDIUM';
	src: url('../fonts/SOURCEHANSANSCN-MEDIUM.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-NORMAL';
	src: url('../fonts/SOURCEHANSANSCN-NORMAL.otf');
}
@font-face {
	font-family: 'SOURCEHANSANSCN-REGULAR';
	src: url('../fonts/SOURCEHANSANSCN-REGULAR.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIF-REGULAR';
	src: url('../fonts/SOURCEHANSERIF-REGULAR.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-BOLD';
	src: url('../fonts/SOURCEHANSERIFSC-BOLD.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-EXTRALIGHT';
	src: url('../fonts/SOURCEHANSERIFSC-EXTRALIGHT.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-HEAVY';
	src: url('../fonts/SOURCEHANSERIFSC-HEAVY.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-LIGHT';
	src: url('../fonts/SOURCEHANSERIFSC-LIGHT.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-MEDIUM';
	src: url('../fonts/SOURCEHANSERIFSC-MEDIUM.otf');
}
@font-face {
	font-family: 'SOURCEHANSERIFSC-SEMIBOLD';
	src: url('../fonts/SOURCEHANSERIFSC-SEMIBOLD.otf');
}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: auto;
	font: 14px "SOURCEHANSANSCN-REGULAR";
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	font: 14px "SOURCEHANSANSCN-REGULAR";
}
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	margin: 0;
	padding: 0;
	list-style: none
}
body, button, input, select, textarea {
	color: #000000;
	font: 14px "SOURCEHANSANSCN-REGULAR";
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
em, i {
	font-style: normal;
}
ul li {
	padding: 0px;
	margin: 0px;
	list-style: none
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:focus, button:focus, textarea:focus, select:focus, video {
	outline: none;
}
/*===================Link Style============================*/
a, a:hover, a:active, a:visited, a:link, a:focus {
	color: #333;
	outline: none;
	text-decoration: none;
	transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}
/*===================Common Style============================*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.wrap {
	width: 100%;
	margin: 0 auto;
}
.ovh {
	overflow: hidden;
}
.textH {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bold {
	font-weight: bold;
}
.fontF {
	font-family: fontF, "微软雅黑";
}
.fontP {
	font-family: fontP, "微软雅黑";
}
.color-3 {
	color: #333 !important;
}
.color-6 {
	color: #666 !important;
}
.color-9 {
	color: #999 !important;
}
.color-f {
	color: #fff !important;
}
.bg-f {
	background-color: #fff;
}
.bg-f7 {
	background-color: #f7f7f7;
}
.dong {
	transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
}
.imgH img {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	transition: all 500ms;
}
.imgH:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 0;
	padding-left: 0;
}
/*============================ Header ============================*/
.header {
	    width: 100%;
    height: 71px;
    background: #878dbd;
    
    z-index: 999;
}

.header .logo {
	display: block;
}
.header .logo img {
	width: 100%;
}
.navbar_nav {
	width: 73%
}
.navbar_nav li {
	float: left;
	width: 12%;
	height: 100px;
	padding-top: 35px;
	transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
}
.navbar_nav li a {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: normal
}
.navbar_nav li.slt a, .navbar_nav li:hover a {
	color: #0166aa;
	border-color: #fff;
}
.navbar_nav li.dropdown .dropdown_menu {
	display: none;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
}
.navbar_nav li.dropdown .dropdown_menu a {
	width: 100%;
	color: #fff;
	line-height: inherit;
	padding: 10px 0;
	border: none;
}
.navbar_nav li.dropdown .dropdown_menu a:hover {
	color: #e01616;
	background: rgba(0,0,0,.2);
}
.navbar_nav li.dropdown:hover .dropdown_menu {
	display: block;
}
#navToggle {
	display: none;
}
.m_nav {
	position: fixed;
	top: 0px;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%);
}
.m_nav.open {
	transform: translateX(0);
}
.m_nav .top {
	height: 60px;
	padding: 30px;
	box-sizing: border-box;
}
.m_nav .top .closed {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	float: right;
	cursor: pointer;
}
.m_nav .ul {
	margin-top: 20px;
}
.m_nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu {
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu {
	display: block;
}
.m_nav .ul li .dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child {
	border: none;
}
.is-fixed {
	height: 80px;
	background: #000;
}
.is-fixed .logo {
	margin-top: 7px;
}
.is-fixed .navbar_nav li {
	height: 80px;
	padding-top: 22px;
}
.is-fixed .navbar_nav li.dropdown .dropdown_menu {
	top: 80px;
	background: #000;
}
.navbar_nav {
	display: none;
}
.header .logo {
	width: 150px;
	height: auto;
}
#navToggle {
	height: 100%;
	display: inline-block;
	float: right;
}
#navToggle span {
	display: block;
	position: relative;
	width: 100px;
	height: 44px;
	background: url(../mobileimage/menu.png) no-repeat;
	background-size: contain;
	top: 14px;
	right: 15px;
}
body {
	-webkit-text-size-adjust: none;
}



html, body {
	width: 100%;
	height: 100%;
	
}
.section-wrap {
	width: 100%;
	height: 100%;
	overflow: visible;
	transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}
.section-wrap .section {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat; overflow:hidden
}
.section-wrap .section .title {
    width: 100%;
    position: absolute;
    
    color: #fff;
    font-size: 2.4em;
    text-align: center;
}
.section-wrap .section .title p {
	padding: 0 4%;
	opacity: 0
}
.section-wrap .section .title.active .tit {
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
	-webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
}

.put-section-0 {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.put-section-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.put-section-2 {
	transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
}
.put-section-3 {
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
}

.section-btn {
	width: 14px;
	position: fixed;
	right: 4%;
	top: 50%;
}
.section-btn li {
	width: 14px;
	height: 14px;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 12px;
	background: #BD362F;
	text-align: center;
	color: #fff;
	onsor: pointer;
}
.section-btn li.on {
	background: #fff
}
.arrow {
	opacity: 1;
	animation: arrow 3s cubic-bezier(1, 0, 0.1, 1) infinite;
	-webkit-animation: arrow 3s cubic-bezier(1, 0, 0.1, 1) infinite;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	
	line-height: 50px;
	text-align: center;
	font-size: 0px;
	color: #fff;
	
	cursor: pointer;
	overflow: hidden; background:url(../mobileimages/jt.png) no-repeat; z-index:999
}
.arrow:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
 @keyframes arrow {
%0, %100 {
bottom:10px;
opacity:1;
}
50% {
bottom:20px;
opacity:.5
}
}
 @-webkit-keyframes arrow {
%0, %100 {
bottom:10px;
opacity:1;
}
50% {
bottom:20px;
opacity:.5
}
}


.k0 {
	position: relative;
	height: 100%;
}
.k0 .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.k0 .swiper-slide {
	background-position: center;
	background-size: cover;
	position: relative
}
.k0 .swiper-slide img {
	display: block;
	width: 100%;
}
.k0 .swiper-button-next, .k0 .swiper-button-prev {
	background: url(../mobileimages/right1.png) no-repeat;
	width: 56px;
	height: 25px
}

.swiper-button-next{ border:none}
.k0 .swiper-button-prev {
	background: url(../mobileimages/left1.png) no-repeat;
	width: 56px;
	height: 25px
}
.k0 .swiper-button-next:after, .k0 .swiper-container-rtl .k0 .swiper-button-prev:after {
	content: 'next'
}
.k0 .swiper-button-prev:after, .k0 .swiper-container-rtl .k0 .swiper-button-next:after {
	content: 'prev'
}
.k0 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0%
}


.k0  .swiper-button-next, .k0  .swiper-button-prev {

    color: #fff;
    width: 80px;
    height: 80px;
    background: #333;
    
    display: none;
    line-height: 84px;
    text-align: center;
    
transition: all ease 400ms;
-webkit-transition: all ease 400ms;


}

.k0  :hover .swiper-button-next, .k0:hover .swiper-button-prev{display:block;}


.k0   .swiper-button-next:after, .k0   .swiper-button-prev:after {
	font-size: 20px
}



.k0 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 0%
}
.k0 .swiper-slide .zi1 {
	position: absolute;
	top: 33%;
	left: 0px;
	text-align: center;
	width: 100%
}
.k0 .swiper-slide .zi1 .z1 {
	color: #fff;
	font-size: 42px;
	padding-bottom: 30px
}
.k0 .swiper-slide .zi1 .z2 {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}
.k0 .swiper-slide .zi2 {
	position: absolute;
	top: 33%;
	left: 0px;
	text-align: center;
	width: 100%
}
.k0 .swiper-slide .zi2 .z1 {
	color: #fff;
	font-size: 42px;
	padding-bottom: 30px
}
.k0 .swiper-slide .zi2 .z2 {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}
.k0 .swiper-slide .zi3 {
	position: absolute;
	top: 33%;
	left: 0px;
	text-align: center;
	width: 100%
}
.k0 .swiper-slide .zi3 .z1 {
	color: #fff;
	font-size: 42px;
	padding-bottom: 30px
}
.k0 .swiper-slide .zi3 .z2 {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}
.k0 .swiper-slide .zi3 .wrap {
	padding-left: 10%
}




.k0 .swiper-pagination-bullet{ background:none; opacity:0; position:absolute; top:10px; width:100%; left:0px}
.k0 .swiper-pagination-bullet-active{ background:none;opacity:1}
.k0 .swiper-pagination-bullet p{ margin-top:20px; visibility:hidden} 
.k0 .swiper-pagination-bullet-active p{ visibility:visible; line-height:26px; font-size:13px}
.k0 .swiper-pagination-bullet{ width:100%; height:290px; color:#fff; font-size:42px; border-radius:0px; margin:0px; padding:0px}
.k0 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.k0 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px}



.k0 .swiper-pagination{ top:35%; text-align:center; left:5%; width:90%; margin:0px auto; height:300px; border-bottom:2px #fff solid }

.k0 .swiper-pagination-bullet-active .xx1{ position:absolute; bottom:0px; left:-4px; width:33.333333%; border-top:3px #fff solid}
.k0 .swiper-pagination-bullet-active .xx2{ position:absolute; bottom:0px; left:33%; width:33.333333%; border-top:3px #fff solid}
.k0 .swiper-pagination-bullet-active .xx3{ position:absolute; bottom:0px; left:66%; width:33.333333%; border-top:3px #fff solid}

.wk1 {
	position: relative;
	height: 100%;
}
.wk1 .swiper-container {
	width: 100%;
	height: 100%;
}
.wk1 .swiper-slide {
	text-align: center;
	position: relative;
	font-size: 18px;
	background: #fff;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.wk1 .swiper-slide .xian1 {
	position: absolute;
	top: 80%
}
.wk1 .swiper-slide .zi1 {
	position: absolute;
	top: 40%
}
.wk1 .swiper-slide .zi1 .z1 {
	font-size: 22px;
	margin-bottom: 20px; color:#fff
}
.wk1 .swiper-slide .zi1 .z2 {
	font-size: 14px;
	width: 90%;
	margin: 0px auto;
	line-height: 28px;color:#fff
}







.wk2 {
	position: relative
}
.wk2 .zi {
	position: absolute;
	top: 10%;
	text-align: center;
	width: 100%
}
.wk2 .zi .zi1 {
	font-family: 'POPPINS-EXTRALIGHT';
	color: #000;
	font-weight: bolder;
	font-size: 13px
}
.wk2 .zi .zi2 {
	font-size: 14px;
	color: #333;
	font-weight: lighter;
	margin-bottom: 4%
}
.wk2 .zi .zi3 {
	font-size: 15px;
	color: #000;
	margin-bottom: 1%
}
.wk2 .zi .zi4 {
	font-size: 28px;
	color: #000;
}
.wk2 .zi5 {
	text-align: center;
	position: absolute;
	bottom: 10%;
	width: 100%
}
.wk2 .zi5 a {
	border: 1px #000 solid;
	padding: 8px 0px;
	border-radius: 20px;
	font-size: 14px; display:inline-block; width:86%; margin:0px auto
}
p {
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.wk3 .swiper-container {
	height: 100%
}
.wk3 .swiper-container .swiper-slide {
	height: 100%
}
.wk3 .a1 {
	background: #d4bee8;
	height: 100%
}
.wk3 .a1 .b1 {
	font-size: 28px;
	padding: 10% 6%;
	color: #63497c;
	font-weight: bold
}
.wk3 .a1 .b1 span {
	float: right;
	text-transform: uppercase; font-size:13px; font-weight:lighter
}
.wk3 .a1 .b3 {
	padding: 10% 6%;
	color: #63497c;
	padding-bottom: 14%
}
.wk3 .a1 .b3 .zi1 {
	font-size: 28px;
	margin-bottom:3%
}
.wk3 .a1 .b3 .zi2 {
	font-size: 14px;
	line-height: 30px;
	min-height: 122px
}
.wk3 .a1 .b3 .zi3 {
	text-align: center;
	margin-top: 9%; 
}
.wk3 .a1 .b3 .zi3 a {
	border: 1px #000 solid;
	
	border-radius: 20px;
	font-size: 13px; display:inline-block; width:100%; padding:8px 0px;
}
.wk3 .a2 {
	background: #c1e6fe;
	height: 100%
}
.wk3 .a2 .b1 {
	font-size: 28px;
	padding: 10% 6%;
	color: #244381;
	font-weight: bold
}
.wk3 .a2 .b1 span {
	float: right;
	text-transform: uppercase; font-size:13px
}
.wk3 .a2 .b3 {
	padding:10% 6%;
	color: #244381;
	padding-bottom: 14%
}
.wk3 .a2 .b3 .zi1 {
	font-size: 28px;
	margin-bottom: 4%
}
.wk3 .a2 .b3 .zi2 {
	font-size: 14px;
	line-height: 30px;
	min-height: 120px
}
.wk3 .a2 .b3 .zi3 {
	text-align: center;
	margin-top: 9%; 
}
.wk3 .a2 .b3 .zi3 a {
	border: 1px #000 solid;
	display:inline-block; width:100%; padding:8px 0px;
	border-radius: 20px;
	font-size: 13px
}
.wk3 .a3 {
	background: #e8d1bb;
	height: 100%
}
.wk3 .a3 .b1 {
	font-size: 28px;
	padding: 10% 6%;
	color: #9f7052;
	font-weight: bold
}
.wk3 .a3 .b1 span {
	float: right;
	text-transform: uppercase; font-size:13px; font-weight:lighter
}
.wk3 .a3 .b3 {
	padding: 10% 6%;
	color: #9f7052;
	padding-bottom: 14%
}
.wk3 .a3 .b3 .zi1 {
	font-size: 28px;
	margin-bottom: 4%
}
.wk3 .a3 .b3 .zi2 {
	font-size: 14px;
	line-height: 30px;
	min-height: 120px
}
.wk3 .a3 .b3 .zi3 {
	text-align: center;
	margin-top: 9%; 
}
.wk3 .a3 .b3 .zi3 a {
	border: 1px #000 solid;
	
	border-radius: 20px;
	font-size: 13px; display:inline-block; width:100%;padding: 8px 0px;
}

.wk4{ padding:8% 0px}

.wk4 .a1 {
	padding: 5%;
	padding-top:9%;
}
.wk4 .a1 .b1 {
	font-size: 28px;
	color: #1a1a1a;
	font-weight: bold;
	padding-bottom:12%
}
.wk4 .a1 .b1 span {
	float: right;
	text-transform: uppercase; font-size:13px; font-weight:lighter
}
.wk4 .a1 .b2 .zi1 {
	font-size: 14px;
	padding-bottom:6%
}
.wk4 .a1 .b2 .zi3 {
	font-size: 14px;
	padding-top:6%;
	line-height: 28px;
	padding-bottom:10%
}
.wk4 .a1 .b2 .zi4 {
	text-align: center;
	margin-bottom: 5%;
}
.wk4 .a1 .b2 .zi4 a {
	border: 1px #000 solid;
	
	border-radius: 20px;
	font-size: 14px; display:inline-block; width:100%;padding: 8px 0px;
}
.footer .a1 {
	background: #878dbd;
	padding: 8% 2%;
	color: #1a1a1a
}
.footer .a1 span {
	float: right;
}
.footer .a2 {
	background: #1a1a1a;
	font-size: 10px;
	text-align: center;
	color: #fff;
	padding: 2% 0px
}

.footer .a2 p{ font-size:12px;}
.footer .a2 p a{font-size:12px; color:#fff}

.cpcon .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.cpcon .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; position:relative
}

.cpcon .a1 .zi{ position:absolute; top:12%; left:6%; text-align:left; width:90%; margin:0px auto}
.cpcon .a1 .zi .zi1{ font-size:16px;}
.cpcon .a1 .zi .zi2{ font-size:24px;}
.cpcon .a1 .zi .zi3{ font-size:13px; line-height:22px; margin-top:6%}
.cpcon .a1 .zi .zia{ margin:2% 0px}


.cpcon .a1 .swiper-pagination-bullet{ width:4px; height:4px}
.cpcon .a1  .swiper-pagination-bullet-active{ background:#333}



.cpcon .a2 .zi{ position:absolute; top:12%; left:6%; text-align:left; width:90%; margin:0px auto}
.cpcon .a2 .zi .zi1{ font-size:16px;}
.cpcon .a2 .zi .zi2{ font-size:24px;}
.cpcon .a2 .zi .zi3{ font-size:13px; line-height:22px; margin-top:6%}
.cpcon .a2 .zi .zia{ margin:2% 0px}


.cpcon .a2 .swiper-pagination-bullet{ width:4px; height:4px}
.cpcon .a2  .swiper-pagination-bullet-active{ background:#333}
.contactcon { position:relative}
.contactcon .a1{ left:10%; width:80%; top:10%; margin:0px auto; background:rgb(255,255,255,0.7); position:absolute; padding:20% 0px}
.contactcon .a1 .b1{ padding:10% 5%; margin-bottom:25%; text-align:center; }
.contactcon .a1 .b1 .zi1{ font-size:22px; font-family: 'POPPINS-EXTRALIGHT';} 
.contactcon .a1 .b1 .zi2{ font-size:22px; font-family: 'SOURCEHANSANSCN-NORMAL';} 
.contactcon .a1 .b2{ padding:10% 5%; text-align:center }
.contactcon .a1 .b2 p{line-height:30px; color:#1a1a1a;}
.ppcon .a1{ position:relative} 
.ppcon .a1 .zi{ position:absolute; top:10%; left:6%; width:88%; margin:0px auto; }
.ppcon .a1 .zi .zi1{ font-size:27px}
.ppcon .a1 .zi .zi2{ font-size:12.5px; line-height:23px; margin-top:20px}
.ppcon .a2 { padding:10% 0px}
.ppcon .a2 .zi{ width:98%; margin:0px auto; text-align:center}
.ppcon .a2 .zi .zi1{ font-size:27px; margin-bottom:30px}
.ppcon .a2 .zi .zi2{ font-size:12.5px; line-height:23px}


.ppcon .a3{ position:relative} 
.ppcon .a3 .zi{ position:absolute; top:10%; left:6%; width:88%; margin:0px auto; }
.ppcon .a3 .zi .zi1{ font-size:27px; color:#000}
.ppcon .a3 .zi .zi2{ font-size:12.5px; line-height:23px; margin-top:20px; color:#000}
.ppcon .a3 .zi .zi3{ color:#000; margin-top:5%}

.ppcon .a4{ position:relative} 
.ppcon .a4 .zi{ position:absolute; top:10%; left:6%; width:88%; margin:0px auto; text-align:center }
.ppcon .a4 .zi .zi1{ font-size:27px; color:#fff}
.ppcon .a4 .zi .zi2{ font-size:12.5px; line-height:23px; margin-top:20px;color:#fff}


.ppcon .a5{ position:relative} 
.ppcon .a5 .zi{ position:absolute; top:6%; left:6%; width:88%; margin:0px auto; }
.ppcon .a5 .zi .zi1{ font-size:27px; color:#000}
.ppcon .a5 .zi .zi2{ font-size:12.5px; line-height:23px; margin-top:20px;color:#000}
.ppcon .a5 .zia1{position:absolute; bottom:6%;  width:88%; left:6%; margin:0px auto; text-align:center}
.ppcon .a5 .zia1 a{ display:inline-block; width:100%; height:40px; border:1px #666 solid; line-height:40px; border-radius:20px}
.sanjicon .a1{ position:relative}
.sanjicon .a1 .zi{ position:absolute; top:8%;left:6%; width:88%; margin:0px auto; }
.sanjicon .a1 .zi .zi1{ font-size:27px;}
.sanjicon .a1 .zi .zi2{ font-size:13px;line-height:25px; margin-top:20px;}



.sanjicon .a2{ position:relative}
.sanjicon .a2 .zi{ position:absolute; top:8%;left:6%; width:88%; margin:0px auto; }
.sanjicon .a2 .zi .zi1{ font-size:27px;}
.sanjicon .a2 .zi .zi2{ font-size:13px;line-height:25px; margin-top:20px;}



/*销售*/

.xscon { position:relative
	
	
}


.xscon .k1{ position:absolute; top:6%;
	
	
}


.xscon .a1 .zi1 {
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'POPPINS-EXTRALIGHT';
	text-transform: uppercase; 
}
.xscon .a1 .zi2 {
	font-size: 27px;
}
.xscon .a2 {
	margin-top: 6%
}
.xscon .a2 .swiper-container {
	width: 100%;
	height: 100%;
	padding-bottom: 15%; overflow:hidden
}
.xscon .a2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.xscon .a2 .swiper-button-next, .xscon .a2 .swiper-button-prev {
	background: url(../mobileimages/jt1.png) no-repeat;
	width: 38px;
	height: 20px;
	top: 100%;
	left: 10px
}
.xscon .a2 .swiper-button-next:after, .xscon .a2 .swiper-container-rtl .swiper-button-prev:after {
	content: ''
}
.xscon .a2 .swiper-button-prev, .xscon .a2 .swiper-container-rtl .swiper-button-next {
	background: url(../mobileimages/jt2.png) no-repeat;
	width: 38px;
	height: 20px;
	display: none
}
.xscon .a2 .swiper-button-next:after, .xscon .a2 .swiper-button-prev:after {
	content: ''
}
.xscon .k1{ margin:0px auto; width:94%; left:6%; width:88%;}
.xscon .k1 .a1{ margin-bottom:50px}

.xinfengcon  .a2{ width:90%; margin:5% auto; margin-top:8%}
.xinfengcon  .a2 .list1 ul li{ background:#f0f0f0; margin-bottom:8%}  
.xinfengcon  .a2 .list1 ul li:hover{-moz-box-shadow:1px 1px 10px #A6A6A6; -webkit-box-shadow:1px 1px 10px #A6A6A6; box-shadow:1px 1px 10px #A6A6A6;}


.xinfengcon  .a2 .list1 ul li img{ max-width:100%; height:auto}
.xinfengcon  .a2 .list1 ul li .zi{ padding:25px}
.xinfengcon  .a2 .list1 ul li .zi .zi1{ font-size:16px; margin-bottom:15px}
.xinfengcon  .a2 .list1 ul li .zi .zi2{ font-size:13px; color:#838181; line-height:30px; border-bottom:1px #ccc solid; padding-bottom:7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.xinfengcon  .a2 .list1 ul li .zi .zi3{color:#838181; margin-top:20px }
.xinfengcon  .a2 .list1 ul li .zi .zi3 span{ float:right}




/*评价*/	 
.pjcon .a1 {
	position: relative;
	/*background: url(../mobileimages/pjbg1.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;*/ padding-bottom:10%;
	
}
.pjcon .a1 .b1 {
	 padding-top:20%
}
.pjcon .a1 .b1 .c1 .d1 {

	width: 100%
}
.pjcon .a1 .b1 .c1 .d1 dl dt {
	
	color: #545454;
	font-weight: normal;
	font-size: 18px;
	padding-right: 10px;
}
.pjcon .a1 .b1 .c1 .d1 dl dd {
	
	font-size: 14px;
	line-height: 25px;
	
	
	color: #545454; margin-top:7%; margin-bottom:10%
}
.pjcon .a1 .b1 .c1 .d2 { margin-bottom:8%
	
}
.pjcon .a1 .b1 .c1 .d2 .zi1 {
	font-size: 38px;
	color: #33b0ae
}
.pjcon .a1 .b1 .c1 .d2 .zi2 {
	font-size: 18px;
	color: #545454
}
.pjcon .a1 .b1 .c2 {
	margin-top: 5%
}
.pjcon .a1 .b1 .c2 .swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 80px
}
.pjcon .a1 .b1 .c2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pjcon .a1 .b1 .c2  .swiper .swiper-wrapper{ 
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}

.pjcon .a1 .b1 .c2  .swiper  .swiper-free-mode>.swiper-wrapper{  -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}


.pjcon .a1 .b1 .c2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pjcon .a1 .b1 .c2 .swiper-button-prev {
	top: 20px;
	background: url(../mobileimages/z1.png) no-repeat;
	width: 20px;
	height: 30px
}
.pjcon .a1 .b1 .c2 .swiper-button-next {
	top: 20px;
	background: url(../mobileimages/r1.png) no-repeat;
	width: 20px;
	height: 30px;
	left: 100px
}
 .pjcon .a1 .b1 .c2 .swiper-button-prev:after, .pjcon .a1 .b1 .c2 .swiper-container-rtl .swiper-button-next:after {
	content: ''
}
.pjcon .a1 .b1 .c2 .swiper-button-next:after, .pjcon .a1 .b1 .c2 .swiper-container-rtl .swiper-button-prev:after {
	content: ''
}
.swiper-button-zanting {
	position: absolute;
	top: 0px;
	left: 55px
}
.pjcon .a1 .b2 {
	margin-bottom: 3%;
	padding-top: 20%
}
.pjcon .a1 .b2 .c1 .d1 {
	float: left;
	width: 100%
}
.pjcon .a1 .b2 .c1 .d1 dl dt {
	float: left;
	margin-right: 2%;
	color: #545454;
	font-weight: normal;
	font-size: 18px;
	padding-right: 10px;
}
.pjcon .a1 .b2 .c1 .d1 dl dd {
	float: left;
	font-size: 14px;
	line-height: 25px;
	
	
	color: #545454; margin-top:7%; margin-bottom:10%
}
.pjcon .a1 .b2 .c1 .d2 {
	
}
.pjcon .a1 .b2 .c1 .d2 .zi1 {
	font-size: 38px;
	color: #33b0ae
}
.pjcon .a1 .b2 .c1 .d2 .zi2 {
	font-size: 18px;
	color: #545454
}
.pjcon .a1 .b2 .c2 {
	margin-top: 5%
}
.pjcon .a1 .b2 .c2 .swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding-top:10%
}
.pjcon .a1 .b2 .c2  .swiper .swiper-wrapper{ 
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}

.pjcon .a1 .b2 .c2  .swiper  .swiper-free-mode>.swiper-wrapper{  -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;}




.pjcon .a1 .b2 .c2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.pjcon .a1 .b2 .c2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pjcon .a1 .b2 .c2 .swiper-button-prev {
	top: 20px;
	background: url(../mobileimages/z1.png) no-repeat;
	width: 20px;
	height: 30px
}
.pjcon .a1 .b2 .c2 .swiper-button-next {
	top: 20px;
	background: url(../mobileimages/r1.png) no-repeat;
	width: 20px;
	height: 30px;
	left: 100px
}
.pjcon .a1 .b2 .c2 .swiper-button-prev:after, .pjcon .a1 .b2 .c2 .swiper-container-rtl .swiper-button-next:after {
	content: ''
}
.pjcon .a1 .b2 .c2 .swiper-button-next:after,  .pjcon .a1 .b2 .c2 .swiper-container-rtl .swiper-button-prev:after {
	content: ''
}

.pjcon .a1 .b3 {
	margin-top: 10%
}
.pjcon .a1 .b3 .c1 .d2 { margin-bottom:7%
}
.pjcon .a1 .b3 .c1 .d2 .zi1 {
	font-size: 38px;
	color: #33b0ae
}
.pjcon .a1 .b3 .c1 .d2 .zi2 {
	font-size: 22px;
	color: #545454
}
.pjcon .a1 .b3 .c1 .d1 {
	padding-top: 15%
}
.pjcon .a1 .b3 .c1 .d1 dl dt {
	
	margin-right: 2%;
	color: #545454;
	font-weight: normal;
	font-size: 22px;
	padding-right: 10px; width:100%
}
.pjcon .a1 .b3 .c1 .d1 dl dd {
	
	font-size: 14px;
	line-height: 25px;
	
	
	color: #545454; margin-top:7%; margin-bottom:10%
}
.pjcon .a1 .b3 .c1 {
	
	width: 100%;
	
}
.pjcon .a1 .b3 .c2 {
	
	width: 100%
}
.pjcon .a1 .b3 .c2 {
	position: relative
}
.pjcon .a1 .b3 .c2 .bg11 {
	position: absolute;
	z-index: 999;
	max-width: 100%
}
.pjcon .a1 .b3 .c2 .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	
}
.pjcon .a1 .b3 .c2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}
.pjcon .a1 .b3 .c2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;

}
#c {
	width: 100%;
	overflow: hidden;
}
h5 {
	float: left;
	overflow: hidden
}
#on1 {
	width: 80%;
}
#on1 img {
	height: 930px
}
.kd {
	width: 10%;
}
.kd img {
	height: 930px
}
.kd {
	width: 10%
}

.wrap1{ width:90%; margin:0px auto}
.pjcon .a1 .b1 .c1 .d1 dl dt img{ float:left; width:50px; margin-right:10px}
.pjcon .a1 .b3 .c1 .d1 dl dt img{ float:left; width:50px; margin-right:10px}
.pjcon .a1 .b2 .c1 .d1 dl dt img{ float:left; width:50px; margin-right:10px}



.xwcon{ padding:5%}
.xwcon .zi1{ font-size:18px;font-family:'SOURCEHANSANSCN-REGULAR'; text-transform:uppercase; text-align:center}
.xwcon .zi2{ font-size:14px; color:#999; padding-top:3%;text-align:center}
.xwcon .zi3{ margin-top:10px; padding:3% 0px;text-align:justify}
.xwcon .zi3{ border-top:1px #ccc solid}
.xwcon .zi3{ border-bottom:1px #ccc solid}
.xwcon .zi3 p{ font-size:13px;color:#444; line-height:30px; margin-bottom:2%  }
.xwcon .zi4{ text-align:center; padding-top:2%; width:100%;}
.xwcon .zi4 a{font-size:13px;color:#444;}
.xwcon .zi3 strong{font-size:13px;color:#444;}
.xiangxia{ position:fixed; left:50%; margin-left:-25px; bottom:2%; z-index:99999999999999; width:50px}

.zia4 {
	text-align: center;
	margin:7% 0px 13% 0px;
}
.zia4 a {
	border: 1px #000 solid;
	padding: 8px 0px;
	border-radius: 20px;
	font-size: 13px; display:inline-block; width:100%;
}
.button_holder_st1{position:absolute; bottom:6%; z-index:9999999999999999999999; text-align:center; width:100%}
.button_holder_st2{position:absolute; bottom:3%; z-index:9999999999999999999999; text-align:center; width:100%}
.button_holder_st3{position:absolute; bottom:3%; z-index:9999999999999999999999; text-align:center; width:100%}

#a1{ position:relative; overflow:hidden}