@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-NORMAL";
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	font-family:  "SOURCEHANSANSCN-NORMAL";
}
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；font: 14px "SOURCEHANSANSCN-NORMAL";
}
body, button, input, select, textarea {
	color: #1a1a1a;
	font: 14px "SOURCEHANSANSCN-NORMAL";
}
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: 85%;
	margin: 0 auto;
	max-width: 1400px
}
.wrap1 {
	width: 65%;
	margin: 0 auto;
	max-width: 1200px
}

.wrapa {
	width: 60%;
	margin: 0 auto;
	max-width: 1000px
}

.ovh {
	overflow: hidden;
}
.textH {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.bold {
	font-weight: bold;
}
.fontF {
	font-family: fontF, "SOURCEHANSANSCN-NORMAL";
}
.fontP {
	font-family: fontP, "SOURCEHANSANSCN-NORMAL";
}
.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 {
	overflow: hidden
}
.imgH img {
	-webkit-transition: all 1000ms;
	-moz-transition: all 1000ms;
	-ms-transition: all 1000ms;
	transition: all 1000ms;
}
.imgH:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.imgH1 {
	overflow: hidden
}
.imgH1 img {
	-webkit-transition: all 1000ms;
	-moz-transition: all 1000ms;
	-ms-transition: all 1000ms;
	transition: all 1000ms;
}
.imgH1: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: 106px;
	background: #878dbd;
}
.header .logo {
	display: block;
	
	height: 106px;
	
}
.header .logo img {
	width: auto;height: 106px;
}
.navbar_nav {
}
.navbar_nav li {
	display: inline-block;
	margin:35px 20px;
	line-height: 35px;
	transition: all ease 500ms;
	-webkit-transition: all ease 500ms; margin-top:35px
}
.navbar_nav li:hover {
	border-bottom:1px #000 solid
}
.navbar_nav li.ab:hover {
	border-bottom: none;
}

.navbar_nav li a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: normal
}
.navbar_nav li.slt a, .navbar_nav li:hover a {
	color: #000;
}
.navbar_nav li.dropdown .dropdown_menu {
	display: none;
	background: rgba(0,0,0);
	position: absolute;
	top: 35px;
	left:0px;
	width: 100%;
	z-index: 999; border-radius:5px
}
.navbar_nav li.dropdown .dropdown_menu a {
	width: 100%;
	color: #fff;
	line-height: inherit;
	padding: 8px 0;
	border: none;
	text-align: center; border-radius:5px
}
.navbar_nav li.dropdown .dropdown_menu a:hover {
	color: #33b0ae;
	background: rgba(0,0,0);
}
.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: 16px;
	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; border-radius:10px
}
/*============================ Footer ============================*/

/*============================ Index ============================*/
.ixSlide .slideImg {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.ixSlide .slideImg li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	height: 920px;
	left: 0;
	top: 0;
}
.ixSlide .slideImg li:first-child {
	position: relative;
	display: block;
	float: left;
}
.ixSlide .slideCon {
	position: relative;
	float: left;
	width: 100%;
}
.ixSlide .slideCon .slide {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.ixSlide .slideCon .slideImg li {
	font-size: 20px;
	position: absolute;
	display: flex;
	align-items: center;
	width: 100%;
	left: 0;
	top: 0;
}
.ixSlide .slideCon .slideImg li span {
	display: block;
	font-size: 70px;
	margin-bottom: 20px;
}
.ixSlide .slideCon .slideImg li .text1-1 {
	transition: all 1s;
	transform: translateX(200px);
	letter-spacing: 5px
}
.ixSlide .slideCon .slideImg li.slide1_on .text1-1 {
	transition: all 1s;
	transform: translateX(0);
}
.ixSlide .slideCon .slideImg li .text1-2 {
	transition: all 1.2s;
	transform: translateX(300px);
	font-size: 24px
}
.ixSlide .slideCon .slideImg li.slide1_on .text1-2 {
	transition: all 1.2s;
	transform: translateX(0);
}
.jg {
	margin-top: 50px
}
.ixSlide .slideCon .slideImg li .text1-31 {
	transition: all 1.2s;
	transform: translateX(300px);
}
.ixSlide .slideCon .slideImg li .text1-3 {
	background: #e01616;
	padding: 15px 40px;
	font-size: 18px;
	color: #FFF;
}
.ixSlide .slideCon .slideImg li.slide1_on .text1-31 {
	transition: all 1.2s;
	transform: translateX(0);
}
.ixSlide .slideCon .slide_nav {
	position: absolute;
	top: 50%;
	margin-top: -70px;
	width: 54px;
	height: 140px;
	font-size: 0;
	background-color: rgba(255,255,255,.2);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
	z-index: 99;
	opacity: 0;
}
.ixSlide .slideCon .slide_nav.prev {
	left: 10%;
	background-image: url(../image/slideJtL.png);
}
.ixSlide .slideCon .slide_nav.next {
	right: 10%;
	background-image: url(../image/slideJtR.png);
}
.ixSlide .slideCon .slide_nav:hover {
	background-color: #0166aa;
}
.ixSlide .slideCon:hover .slide_nav {
	opacity: 1;
}
.ixSlide .slideCon .slide_tabs {
	width: 100%;
	position: absolute;
	bottom: 25px;
	z-index: 5;
	text-align: center;
}
.ixSlide .slideCon .slide_tabs li {
	display: inline-block;
	margin: 0 6px;
	background: rgba(255,255,255,.7);
	border-radius: 50%;
}
.ixSlide .slideCon .slide_tabs li a {
	display: block;
	font-size: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.ixSlide .slideCon .slide_tabs .slide_here {
	background: #0166aa;
}
.ixTit {
	font-size: 30px;
	background: url(../image/titBg1.png) center bottom no-repeat;
	background-size: 385px;
	padding-bottom: 50px;
}
.fixed {
	position: fixed;
	top: 80px !important;
	z-index: 99;
}
/*============================ 媒体查询 ============================*/
.mobHide {
	display: block;
}
.mobShow {
	display: none;
}
.text-right {
	text-align: right
}
.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(../image/right1.png) no-repeat;
	width: 56px;
	height: 25px
}

.swiper-button-next{ border:none}
.k0 .swiper-button-prev {
	background: url(../image/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: #000
}
.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-active{ background:none}
.k0 .swiper-pagination-bullet{ background:none;}

.k0 .swiper-pagination-bullet p{ margin-top:20px; visibility:hidden;    font-size: 14px;} 
.k0 .swiper-pagination-bullet-active p{ visibility:visible}
.k0 .swiper-pagination-bullet{ width:33.333%; height:70px; color:#fff; font-size:42px;border-bottom:4px #fff solid; 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:65%; text-align:center; left:25%; width:50%; margin:0px auto;height:70px; border-bottom:2px #fff solid; }

.k1 {
	position: relative
}
.k1 .zi {
	position: absolute;
	width: 30%;
	top: 22%;
	right: 10%;
	text-align: center;
}
.k1 .zi .zi1 {
	font-size: 20px;
	text-align: center;
	color: #000;
	line-height: 30px;
	margin-bottom: 50px;
	font-family: 'POPPINS-EXTRALIGHT'
}
.k1 .zi .zi2 {
	font-size: 18px;
	color: #000;
	font-family: 'avantgardece-book';
	font-weight: lighter
}
.k1 .zi .zi3 {
	font-size: 20px;
	color: #000; padding-top:20px
	
}
.k1 .zi .zi4 {
	font-size: 28px;
	color: #000;
	margin-bottom: 20px
}

.k1 .zi .zi41{ margin-bottom:60px}

.footer .a1 {
	background: #878dbd;
	padding: 3% 0px;
	color: #fff
}
.footer .a1 .b1 {
	float: left;
	 border-right:1px #fff solid; margin-right:3%; padding-right:3%; margin-top:4%
}



.footer .a1 .b2 {
	float: left;
	width: 45%;
	margin:1% 6%
}
.footer .a1 .b3 {
	float: left;
	width: 28%; padding:4.3% 0px
}

.footer .a1 .b4{ float:right; text-align:right; width:45%}
.footer .a1 .b4 a{ display:inline-block; text-align:center; padding-left:5%; color:#fff}
.footer .a1 .b4 a p{ padding-top:10px}
.footer .a1 .b1 .zi1 {
	font-size: 24px;
}
.footer .a1 .b1 .zi1 span {
	font-size: 16px;
	padding-top: 5px; padding-left:10px
}
.footer .a1 .b2 dt {
	float: left;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 10px; font-size:16px
}
.footer .a1 .b2 dt span {
	padding-left: 10px;
	font-size: 22px;
	font-weight: lighter
}
.footer .a1 .b2 dd {
	float: left;
	padding-left: 2%;
	padding-right: 2%; padding-top:3px; position:relative
}

.footer .a1 .b2 dd .ewm{ position:absolute; top:40px; left:17px; display:none}
.footer .a1 .b2 dd:hover .ewm{display:block}


.footer .a1 .b3 dt span {
	padding-left: 10px;
	font-size: 22px;
	font-weight: lighter
}
.footer .a1 .b3 dt {
	float: left;
	line-height: 30px;
	font-weight: normal;font-size:16px
}
.footer .a1 .b3 dd {
	float: left;
	padding-left: 2%;
	padding-right: 2%;padding-top:3px
}




.footer .a2 {
	background: #edfcfe;
	line-height: 55px;
	text-align: center;
	color: #303030;
	font-size: 14px
}

.footer .a2 p{line-height: 55px;font-size: 14px}

/*联系我们*/

.contactcon {
	background: url(../image/ccbg1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 10% 0px
}
.contactcon .bg1 {
	background: rgb(255, 255, 255, 0.8);
	padding: 7%
}
.contactcon .a1 {
	margin-bottom: 15%
}
.contactcon .a1 dl dt {
	float: left;
	width: 60%;
	font-size: 90px;
	color: #000;
	font-weight: normal;
	font-family: 'POPPINS-EXTRALIGHT'
}
.contactcon .a1 dl dd {
	float: left;
	width: 40%;
	text-align: right;
	font-size: 35px;
	color: #1a1a1a;
	padding-top: 4%;
	font-family: 'SOURCEHANSANSCN-LIGHT'
}
.contactcon .a2 dl dt {
	float: left;
	margin-right: 7%; border-right:1px #999 solid; padding-right:7%;font-family: 'SOURCEHANSANSCN-LIGHT';    font-weight: normal;
}
.contactcon .a2 dl dd {
	float: left;
}
.contactcon .a2 dl dt .zi1 {
	font-size: 22px;
	color: #1a1a1a
}
.contactcon .a2 dl dt .zi2 {
	font-size: 27px;
	color: #1a1a1a;
	margin-top: 10px;
	font-family: 'SOURCEHANSANSCN-LIGHT'
}
.contactcon .a2 dl dd .zi1 {
	font-size: 22px;
	color: #1a1a1a;
}
.contactcon .a2 dl dd .zi2 {
	font-size: 27px;
	color: #1a1a1a;
	margin-top: 10px;
	font-family: 'SOURCEHANSANSCN-LIGHT'
}
/*产品中心*/
.cpcon .a1 {
	position: relative
}
.cpcon .a1 .zi {
	position: absolute;
	top: 5%;
	width: 95%;
	width: 100%
}
.cpcon .a1 .zi .b1 {
	margin-left: 58%
}
.cpcon .a1 .zi .b1 .zi1 {
	font-size: 22px;
	color: #1a1a1a;
	line-height: 45px;
	padding-top: 15%
}
.cpcon .a1 .zi .b1 .zi2 {
	padding-top: 20%
}
.cpcon .a1 .zi .b1 .zi2 .c1 {
	margin: 35px 0px;
	padding: 10px 0px;
	width: 160px;
	border-bottom: 2px #f5f3f4 solid
}
.cpcon .a1 .zi .b1 .zi2 .c1 a {
	font-size: 15px;
}
.cpcon .a1 .zi .b1 .zi2 .c1 .span1 {
	display: inline-block;
	padding-top: 20px
}
.cpcon .a1 .zi .b1 .zi2 .c1 .span2 {
	padding-left: 20px;
	float: right;
	display: none;
}
.cpcon .a1 .zi .b1 .zi2 .c1:hover {
	border-bottom: 2px #333 solid;
	transition: all ease 800ms;
	-webkit-transition: all ease 800ms;
}
.cpcon .a1 .zi .b1 .zi2 .c1:hover .span2 {
	display: block;
}
.bgaa1{
	position: relative;
    background: url(../image/cpbg2.jpg) no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;
    padding: 6% 0px; }

.cpcon .a2 {
	
}
.cpcon .a3 { margin-top:5%
	
}
.cpcon .swiper-pagination-bullet{ width:5px; height:5px}

.cpcon .a2 .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 50px
}
.cpcon .a2 .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;
}
.cpcon .a2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.cpcon .a2 .swiper-button-next, .cpcon .a2 .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;


}

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


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



.cpcon .a2 .swiper-button-next:after, .cpcon .a2 .swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}
.cpcon .a2 .swiper-button-prev:after, .cpcon .a2 .swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.cpcon .a2 .swiper-button-next, .cpcon .a2 .swiper-button-prev {
	top: 40%;
	right: 0%
}
.cpcon .a2 .swiper-pagination-bullet-active {
	background: #333
}
.cpcon .a2 .swiper-pagination {
	text-align: left
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:1}
.cpcon .a2 .swiper-button-prev, .cpcon .a2 .swiper-container-rtl .swiper-button-next {
	left: 0%
}
.cpcon .a3 .swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 50px
}
.cpcon .a3 .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;
}
.cpcon .a3 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.cpcon .a3 .swiper-button-next, .cpcon .a3 .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;


}

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


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




.cpcon .a3 .swiper-button-next:after, .cpcon .a3 .swiper-container-rtl .swiper-button-prev:after {
	content: 'next'
}
.cpcon .a3 .swiper-button-prev:after, .cpcon .a3 .swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.cpcon .a3 .swiper-button-next, .cpcon .a3 .swiper-button-prev {
	top: 40%;
	right: 00%
}
.cpcon .a3 .swiper-pagination-bullet-active {
	background: #333
}
.cpcon .a3 .swiper-pagination {
	text-align: left
}

.cpcon .a3 .swiper-button-prev, .cpcon .a3 .swiper-container-rtl .swiper-button-next {
	left: 0%
}
.gycon .a1 {
	position: relative
}
.gycon .a1 .zi {
	position: absolute;
	top: 38%;
	width: 100%
}
.gycon .a1 .zi .zi1 {
	font-size: 44px;
	margin-bottom: 4%
}
.gycon .a1 .zi .zi2 {
	line-height: 30px
}
.gycon .a2 {
	padding: 8% 0px;
	text-align: center
}
.gycon .a2 .zi1 {
	font-size: 35px;
	line-height: 60px;
	margin-bottom: 30px
}
.gycon .a2 .zi2 {
	line-height: 35px
}
.gycon .a3 {
	background: #edfcfe
}
.gycon .a3 .b1 {
	float: left;
	width: 19%
}
.gycon .a3 .b2 {
	float: left;
	width: 31%
}
.gycon .a3 .b3 {
	float: right;
	width: 50%;
	position: relative
}
.gycon .a3 .b2 .zi1 {
	padding-top: 15%;
	
}

.gycon .a3 .b2 .zi1 {
	font-size: 35px;
	margin-bottom: 4%
}
.gycon .a3 .b2 .zi2 {
	line-height: 30px
}



.gycon .a3 .b3 .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden; position:initial
}
.gycon .a3 .b3 .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;
}
.gycon .a3 .b3 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gycon .a3 .b3 .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
}
.gycon .a3 .b3 .swiper-pagination-bullet-active {
	color: #fff;
	background: #007aff;
}
.gycon .a3 .b3 .swiper-container-horizontal>.swiper-pagination-bullets, .gycon .a3 .b3 .swiper-pagination-custom, .gycon .a3 .b3 .swiper-pagination-fraction {
	left: -64%;
	bottom: 80px
}

.gycon .a3 .b3  .swiper-pagination{left: -64%;
	bottom: 80px; z-index:999}

.gycon .a3 .b3 .swiper-pagination-bullet {
	width: 250px;
	border-radius: 0px;
	margin-bottom: 30px;
	background: none;
	color: #000000;
	text-align: left;
	display: inherit;
	font-size: 14px;
	padding-bottom: 30px;
	border-bottom: 1px #edfcfe solid
}
.gycon .a3 .b3 .swiper-pagination-bullet:hover {
	border-bottom: 1px #000 solid;
	transition: all ease 800ms;
	-webkit-transition: all ease 800ms;
}
.gycon .a3 .b3 .swiper-pagination-bullet span {
	float: right;
	display: none
}
.gycon .a3 .b3 .swiper-pagination-bullet:hover span {
	float: right;
	display: block
}
.gycon .a3 .b3 .swiper-pagination-bullet-active span {
	display: block
}
.gycon .a3 .b3 .swiper-pagination-bullet-active {
	border-bottom: 1px #000 solid
}
.gycon .a4 {
	background: #edfcfe
}
.gycon .a4 .b1 {
	float: left;
	width: 50%;
}
.gycon .a4 .b2 {
	float: right;
	width: 43%;
	margin-left: 7%;
	margin-top: 11%
}
.gycon .a4 .b2 .zi1 {
	font-size: 35px;
	margin-bottom: 4%
}
.gycon .a4 .b2 .zi2 {
	line-height: 30px
}
.gycon .a5 {
	position: relative
}
.gycon .a5 .zi {
	position: absolute;
	top: 28%;
	width: 100%
}
.gycon .a5 .zi .zi1 {
	font-size: 35px;
	margin-bottom: 4%
}
.gycon .a5 .zi .zi2 {
	line-height: 30px
}
/*三级*/
.sanjicon .a1 {
	position: relative
}
.sanjicon .a1 .zi {
	position: absolute;
	top: 32%;
	width: 100%
}
.sanjicon .a1 .zi .zi1 {
	font-size: 44px;
	margin-bottom: 4%
}
.sanjicon .a1 .zi .zi2 {
	line-height: 30px
}
.sanjicon .a2 .b1 {
	float: left;
	width: 50%;
}
.sanjicon .a2 .b2 {
	float: right;
	width: 40%;
	margin-left: 10%;
	margin-top: 12%
}
.sanjicon .a2 .b2 .zi1 {
	font-size: 35px;
	margin-bottom: 4%
}
.sanjicon .a2 .b2 .zi2 {
	line-height: 30px
}
.sanjicon .a3 {
	position: relative
}
.sanjicon .a3 .zi {
	position: absolute;
	top: 28%;
	width: 100%
}
.sanjicon .a3 .zi .zi1 {
	font-size: 44px;
	margin-bottom: 4%;
	margin-left: 63%
}
.sanjicon .a3 .zi .zi2 {
	line-height: 30px;
	margin-left: 63%
}
p {
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
/*新风尚*/

.xinfengcon .a1 {
	position: relative
}
.xinfengcon .a1 .zi {
	position: absolute;
	top: 15%;
	width: 100%
}
.xinfengcon .a1 .zi .zi1 p {
	font-size: 44px;
	padding-top: 1%;
	font-family: 'POPPINS-EXTRALIGHT'; line-height:45px
}
.xinfengcon .a1 .zi .zi1 {
	margin-bottom: 15%
}
.xinfengcon .a1 .zi .zi2 {
	line-height: 30px;
	font-size: 20px;
	font-family: 'avantgardece-book';
	font-weight: lighter
}
.xinfengcon .a1 .zi .zi3 {
	line-height: 30px;
	font-size: 26px;
	padding: 15px 0px
}
.xinfengcon .a1 .zi .zi4 {
	line-height: 30px;
	font-size: 16px
}
.xinfengcon .a1 .zi .zi5{ margin-top:2%}

.xinfengcon .a2 {
	padding-top: 5%;
	padding-bottom: 3%; background:#f2f2f2
}
.xinfengcon .a2 p {
	text-align: center;
	font-size: 22px;
	line-height: 70px
}

.xinfengcon  .a3{ padding:5% 0px}
.xinfengcon  .a3 .gdli{ background:#f0f0f0}  
.xinfengcon  .a3 .gdli:hover{-moz-box-shadow:1px 1px 10px #A6A6A6; -webkit-box-shadow:1px 1px 10px #A6A6A6; box-shadow:1px 1px 10px #A6A6A6;}


.xinfengcon  .a3 .gdli img{ max-width:100%; height:auto}
.xinfengcon  .a3 .gdli .zi{ padding:25px}
.xinfengcon  .a3 .gdli .zi .zi1{ font-size:21px; margin-bottom:15px}
.xinfengcon  .a3 .gdli .zi .zi2{ font-size:14px; 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  .a3 .gdli .zi .zi3{color:#838181; margin-top:20px }
.xinfengcon  .a3 .gdli .zi .zi3 span{ float:right}



.xwcon{ padding:5% 0px}
.xwcon .zi1{ font-size:40px;font-family:'SOURCEHANSANSCN-REGULAR'; text-transform:uppercase}
.xwcon .zi2{ font-size:20px; color:#999; padding-top:3%}
.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:20px;color:#444; line-height:37px; margin-bottom:2%  }
.xwcon .zi4{ text-align:center; padding-top:2%; width:100%;}
.xwcon .zi4 a{font-size:20px;color:#444;}
.xwcon .zi3 strong{font-size:20px;color:#444;}

/*.xwcon .zia1{ font-size:40px;font-family:'POPPINS-EXTRALIGHT'; font-weight:bold}
.xwcon .zi5{ margin-top:10px; padding:3% 0px;text-align:justify}
.xwcon .zi5{ border-top:1px #ccc solid}
.xwcon .zi5{ border-bottom:1px #ccc solid}
.xwcon .zi5 p{ font-size:20px;color:#444; line-height:37px; margin-bottom:2%; font-family:'POPPINS-EXTRALIGHT'  }*/
.xwcon .zi3 strong{font-size:20px;color:#444;}

/*销售*/

.xscon {
	background: url(../image/xsbg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	padding: 9% 0px
}
.xscon .a1 .zi1 {
	font-size: 22px;
	margin-bottom: 10px;
	font-family: 'POPPINS-EXTRALIGHT';
	text-transform: uppercase; font-weight:bold
}
.xscon .a1 .zi2 {
	font-size: 22px;
}
.xscon .a2 {
	margin-top: 6%
}
.xscon .a2 .swiper-container {
	width: 100%;
	height: 100%;
	padding-bottom: 8%; 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;
}
.wrap2 {
	width: 63%; position:relative
}

.wrapb1 {
	width: 85%; position:relative; margin:0px auto
}
.xscon .a2 .swiper-button-next, .xscon .a2 .swiper-button-prev {
	background: url(../image/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(../image/jt2.png) no-repeat;
	width: 38px;
	height: 20px;
	display: none
}
.xscon .a2 .swiper-button-next:after, .xscon .a2 .swiper-button-prev:after {
	content: ''
}
/*评价*/	 
.pjcon .a1 {
	position: relative;
	background: url(../image/pjbg1.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	padding: 9% 0px
}
.pjcon .a1 .b1 {
	margin-bottom: 3%
}
.pjcon .a1 .b1 .c1 .d1 {
	float: left;
	width: 70%; padding-top:1.2%
}
.pjcon .a1 .b1 .c1 .d1 dl dt {
	float: left;
	margin-right: 2%;
	color: #545454;
	font-weight: normal;
	font-size: 26px;
	padding-right: 10px;
}

.pjcon .a1 .b1 .c1 .d1 dl dt img{ float:left; width:70px; margin-right:10px}
.pjcon .a1 .b3 .c1 .d1 dl dt img{ float:left; width:70px; margin-right:10px}
.pjcon .a1 .b2 .c1 .d1 dl dt img{ float:left; width:70px; margin-right:10px}

.pjcon .a1 .b1 .c1 .d1 dl dd {
	float: left;
	font-size: 14px;
	line-height: 25px;
	border-left: 1px #666 solid;
	padding-left: 30px;
	color: #545454
}
.pjcon .a1 .b1 .c1 .d2 {
	float: right;
	width: 30%
}
.pjcon .a1 .b1 .c1 .d2 .zi1 {
	font-size: 42px;
	color: #33b0ae; font-weight:bold
}
.pjcon .a1 .b1 .c1 .d2 .zi2 {
	font-size: 20px;
	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;
	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;
}

.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(../image/z1.png) no-repeat;
	width: 15px;
	height: 23px; left:0px
}
.pjcon .a1 .b1 .c2 .swiper-button-next {
	top: 20px;
	background: url(../image/r1.png) no-repeat;
	width: 15px;
	height: 23px;
	left: 100px
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: ''
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: ''
}
.swiper-button-zanting {
	position: absolute;
	top: 0px;
	left: 55px
}
.pjcon .a1 .b2 {
	margin-bottom: 3%;
	margin-top: 13%
}
.pjcon .a1 .b2 .c1 .d1 {
	float: left;
	width: 70%; padding-top:1.2%
}
.pjcon .a1 .b2 .c1 .d1 dl dt {
	float: left;
	margin-right: 2%;
	color: #545454;
	font-weight: normal;
	font-size: 26px;
	padding-right: 10px;
}
.pjcon .a1 .b2 .c1 .d1 dl dd {
	float: left;
	font-size: 14px;
	line-height: 25px;
	border-left: 1px #666 solid;
	padding-left: 30px;
	color: #545454
}
.pjcon .a1 .b2 .c1 .d2 {
	float: right;
	width: 30%
}
.pjcon .a1 .b2 .c1 .d2 .zi1 {
	font-size: 42px;
	color: #33b0ae; font-weight:bold
}
.pjcon .a1 .b2 .c1 .d2 .zi2 {
	font-size: 20px;
	color: #545454
}
.pjcon .a1 .b2 .c2 {
	margin-top: 5%
}
.pjcon .a1 .b2 .c2 .swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 80px
}
.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(../image/z1.png) no-repeat;
	width: 15px;
	height: 23px; left:0px
}
.pjcon .a1 .b2 .c2 .swiper-button-next {
	top: 20px;
	background: url(../image/r1.png) no-repeat;
	width: 15px;
	height:23px;
	left: 100px
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: ''
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: ''
}
.swiper-button-zanting {
	position: absolute;
	top: 0px;
	left: 50px
}
.pjcon .a1 .b3 {
	margin-top: 10%
}
.pjcon .a1 .b3 .c1 .d2 {
	margin-top: 30%
}
.pjcon .a1 .b3 .c1 .d2 .zi1 {
	font-size: 42px;
	color: #33b0ae; font-weight:bold
}
.pjcon .a1 .b3 .c1 .d2 .zi2 {
	font-size: 20px;
	color: #545454
}

.pjcon .a1 .b3 .c1 .d2 .zi3{ margin-top:5%; line-height:25px}

.pjcon .a1 .b3 .c1 .d1 {
	padding-top: 20%
}
.pjcon .a1 .b3 .c1 .d1 dl dt {
	float: left;
	
	color: #545454;
	font-weight: normal;
	font-size: 26px;
	padding-right: 10px; width:38%
}
.pjcon .a1 .b3 .c1 .d1 dl dd {
	float: left;
	font-size: 14px;
	line-height: 25px;
	border-left: 1px #666 solid;
	padding-left: 30px;
	color: #545454
}
.pjcon .a1 .b3 .c1 {
	float: left;
	width: 60%;
	margin-right: 10%
}
.pjcon .a1 .b3 .c2 {
	float: right;
	width: 30%
}
.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;
	border-radius: 60px
}
.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;
	border-radius: 20px
}
#c {
	width: 100%;
	overflow: hidden;
}
h5 {
	float: left;
	overflow: hidden
}
#on1 {
	width: 80%;
}
#on1 img {
	height: 935px
}
.kd {
	width: 10%;
}
.kd img {
	height: 935px
}
.kd {
	width: 10%
}
.fd1{ position:absolute; right:-40px; top:0px}
.fd2{ position:absolute; right:-40px; top:0px}



 @media (max-width: 2560px) {
	 #on1 img{height: 1245px;}
	 .kd img{ height:1245px;}
	 
}

 @media (max-width: 2048px) {
	 #on1 img{height: 1000px;}
	 .kd img{ height:1000px;}
	 
}

 @media (max-width: 1920px) {
	 #on1 img{height: 935px}
	 .kd img{ height: 935px}
	 
}

 @media (max-width: 1440px) {
	 .pjcon .a1 .b1 .c1 .d1{ width:80%}
	 .pjcon .a1 .b1 .c1 .d2{ width:20%}
	 .pjcon .a1 .b2 .c1 .d1{ width:80%}
	 .pjcon .a1 .b2 .c1 .d2{ width:20%}
	 .pjcon .a1 .b3 .c1 .d1 dl dt{ width:47%}
	 #on1 img{height: 703px;}
	 .kd img{ height:703px;}
	 .cpcon .a1 .zi .b1 .zi2{ padding-top:10%}
	 .cpcon .a1 .zi .b1 .zi2 .c1{ margin:3% 0px}
	 .xscon .a2 .swiper-slide img{ max-width:100%; height:auto}
	
	 
}
 @media (max-width: 1200px) {
.wrap {
	width: 100%;
	padding: 0 15px;
}
}
 @media (max-width: 1100px) {
.navbar_nav li {
	width: 90px;
}
}
 @media (max-width: 998px) {
	 
	.k0 .swiper-slide .zi1{ left:5%}
	.k0 .swiper-pagination-bullet{ display:none}
	.k0 .swiper-slide .zi1{ left:0px; text-align:center; }
	.k0 .swiper-slide .zi2{ left:0px; text-align:center; }
	.k0 .swiper-slide .zi3{ left:0px; text-align:center; }
	.k0 .swiper-button-next, .k0 .swiper-button-prev{ width:40px; height:40px; line-height:40px}
	
	 .cpcon .a1 .zi .b1 .zi1{ font-size:14px; line-height:25px}
	 .cpcon .a1 .zi .b1 .zi1{ padding-top:0%}
	 .cpcon .a1 .zi .b1 .zi2{ padding-top:0%}
	 .cpcon .a1 .zi .b1 .zi2 .c1{ margin:5px 0px;padding:5px 0px}
	 .cpcon .a1 .zi .b1 .zi2 .c1{ border-bottom:none}
	.cpcon .swiper-container-horizontal>.swiper-pagination-bullets,  .cpcon .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:-20px}
	 .cpcon .a1 .zi .b1{ margin-left:50%}
	 .cpcon .a1 .zi .b1 .zi2 .c1 a{ font-size:14px;  }
	 .wrap1{ width:96%}
	 .cpcon .a2 .swiper-button-next, .cpcon .a2 .swiper-button-prev{ top:15%}
	 .cpcon .a3 .swiper-button-next, .cpcon .a3 .swiper-button-prev{ top:15%}
	 .gycon .a1 .zi .zi1{ font-size:20px}
	 .gycon .a1 .zi{ position:relative; padding:5% 0px}
	  .gycon .a1 .zi .zi1{ margin-bottom:2%}
	 .gycon .a1 .zi .zi2{ font-size:14px; line-height:30px}
	 .gycon .a2{ text-align:left}
	 .gycon .a2 .zi1{ font-size:20px}
	 .gycon .a2 .zi1{ line-height:30px}
	 .gycon .a2 .zi2{ font-size:14px; line-height:30px}
	 .gycon .a3 .b1{ float:none; width:100%}
	 .gycon .a3 .b2{ float:none; width:94%; margin:0px auto}
	 .gycon .a3 .b3{ float:none; width:100%}
	 .gycon .a3 .b3 .swiper-container-horizontal>.swiper-pagination-bullets, .gycon .a3 .b3 .swiper-pagination-custom, .gycon .a3 .b3 .swiper-pagination-fraction{ left:0px; bottom:-20px}
	 .swiper-pagination{ position:relative}
	 .gycon .a3 .b3 .swiper-pagination-bullet{ margin-bottom:10px}
	 .gycon .a4{ padding-top:5%}
	 .gycon .a4 .b1{ float:none; width:100%;}
	 .gycon .a4 .b2{ float:none; width:94%; margin-left:2%; margin-right:2%; margin-top:6%; padding-bottom:6%}
	 .gycon .a5 .zi{ position:relative}
	 .gycon .a4 .b2 .zi1{ font-size:20px}
	 .gycon .a5 .zi .zi1{ font-size:20px;}
	 .gycon .a5 .zi .zi2{ font-size:14px; line-height:30px}
	 .gycon .a5 .zi{ top:7%; padding:5% 0px}
	 .gycon .a3 .b2 .zi1{ padding-top:5%; padding-bottom:5%}
	 .gycon .a2{ width:96%; margin:0px auto}
	 .sanjicon .a1 .zi .zi1{ font-size:22px }
	 .sanjicon .a1 .zi{ top:3%}
	 .sanjicon .a1 .zi .zi1{ margin-bottom:0%}
	 .sanjicon .a1 .zi .zi2{ font-size:14px;  }
	 .sanjicon .a1 .zi{ position:relative; padding:5% 0px}
	 .sanjicon .a2 .b1{ float:none; width:100%}
	 .sanjicon .a2 .b2{ float:none; width:96%; margin-left:2%; margin-right:2%; margin-bottom:5%; margin-top:5%}
	 .sanjicon .a2 .b2 .zi1{ font-size:20px}
	 .sanjicon .a2 .b2 .zi2{ font-size:14px; line-height:30px} 
	 .sanjicon .a3 .zi{ position:relative; margin-bottom:5%}
	 .sanjicon .a3 .zi .zi1{ margin-left:0px; margin-top:5%; }
	 .sanjicon .a3 .zi .zi2{margin-left:0px}
	 .sanjicon .a3 .zi .zi1{ font-size:22px}
	 
	 .wrap2{ width:100%; margin:0px auto}
	 .xscon .a1 .zi1{ font-size:18px;}
	 .xscon .a1 .zi2{ font-size:18px;}
	 .xinfengcon .a1 .zi .zi1 p{ font-size:22px}
	 .xinfengcon .a1 .zi{ position:relative; padding:20px 0px}
	 .xinfengcon .a1 .zi .zi2{ font-size:18px}
	 .xinfengcon .a1 .zi .zi3{ font-size:22px; padding:6px 0px}
	 .xinfengcon .a1 .zi .zi4{ font-size:14px}
	 .xinfengcon .a2 p{ font-size:18px; line-height:50px}
	 .contactcon .a1 dl dt{ float:none; width:100%; font-size:30px}
	 .contactcon .a1 dl dd{ float:none; width:100%; font-size:22px; text-align:left}
	 .contactcon .a2 dl dt .zi1{ font-size:18px}
	 .contactcon .a2 dl dt .zi2{ font-size:18px; margin-top:0px}
	 .contactcon .a2 dl dd .zi1{ font-size:18px; margin-top:3%}
	 .contactcon .a2 dl dd .zi2{ font-size:18px; margin-top:0px}
	 .cpcon .a1 .zi{ position:relative; padding:5% }
	 .cpcon .a1 .zi .b1{ margin-left:0px}
	 
	 .pjcon .a1 .b1 .c1 .d1{ float:none; width:100%}
	 .pjcon .a1 .b1 .c1 .d2{ float:none; width:100%}
	 .pjcon .a1 .b1 .c1 .d1 dl dt{ float:none; width:100%; margin-bottom:5%; font-size:18px}
	 .pjcon .a1 .b1 .c1 .d1 dl dd{ float:none; width:100%; margin-bottom:5%; padding-left:15px}
	 .pjcon .a1 .b1 .c1 .d2 .zi1{ font-size:22px}
	 .pjcon .a1 .b1 .c1 .d2 .zi2{ font-size:18px}
	 .pjcon .a1 .b1 .c2{ margin-top:10%}
	 
	 
	 .pjcon .a1 .b2 .c1 .d1{ float:none; width:100%}
	 .pjcon .a1 .b2 .c1 .d2{ float:none; width:100%}
	 .pjcon .a1 .b2 .c1 .d1 dl dt{ float:none; width:100%; margin-bottom:5%; font-size:18px}
	 .pjcon .a1 .b2 .c1 .d1 dl dd{ float:none; width:100%; margin-bottom:5%; padding-left:15px}
	 .pjcon .a1 .b2 .c1 .d2 .zi1{ font-size:22px}
	 .pjcon .a1 .b2 .c1 .d2 .zi2{ font-size:18px}
	 .pjcon .a1 .b2 .c2{ margin-top:10%}
	 
	 .pjcon .a1 .b2 .c2 .swiper{ padding-top:50px}
	 .pjcon .a1 .b1 .c2 .swiper{ padding-top:50px}
	 .pjcon .a1 .b3 .c1{ float:none; width:100%}
	  .pjcon .a1 .b3 .c2{ float:none; width:70%; margin:0px auto}
	  .pjcon .a1 .b3 .c1 .d1 dl dt{ float:none; width:100%; margin-bottom:5%} 
	  
	  .pjcon .a1 .b3 .c1 .d1{ padding-top:5%}
	  .pjcon .a1 .b3 .c1  .d1 dl dt{ float:none; width:100%; margin-bottom:5%; font-size:18px}
		  .pjcon .a1 .b3 .c1  .d1 dl dd{ float:none; width:100%; margin-bottom:5%; padding-left:15px}
		  .pjcon .a1 .b3 .c1  .d2 .zi1{ font-size:22px}
		  .pjcon .a1 .b3 .c1  .d2 .zi2{ font-size:18px}
		  .pjcon .a1 .b3 .c1 .d2{ margin-top:5%; margin-bottom:5%}
	 .cpcon .a2 .swiper{ padding-bottom:10px}
	 .cpcon .a3 .swiper{ padding-bottom:10px}
.k0 .swiper-slide .zi1 .z1 {
	font-size: 20px;
	padding-bottom: 10px
}
.k0 .swiper-slide .zi1 .z2 {
	font-size: 12px; line-height:22px
}
.k0 .swiper-slide .zi2 .z1 {
	font-size: 20px;
	padding-bottom: 10px
}
.k0 .swiper-slide .zi2 .z2 {
	font-size: 12px; line-height:22px
}
.k0 .swiper-slide .zi3 .z1 {
	font-size: 20px;
	padding-bottom: 10px
}
.k0 .swiper-slide .zi3 .z2 {
	font-size: 12px; line-height:22px
}
.k0 .swiper-slide .zi3 {
	text-align: center
}
.k0 .swiper-slide .zi3 .wrap {
	padding-left: 0px
}
.k0 .swiper-button-next, .k0 .swiper-button-prev {
	right: 3%;
	top:auto; bottom:10px
}
.k0 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 3%
}
.k0 .swiper-slide .zi1 {
	top: 30%
}
.k0 .swiper-slide .zi2 {
	top: 30%
}
.k0 .swiper-slide .zi3 {
	top: 30%
}




.k1 .zi {
	top: 8%
}
.k1 .zi .zi1 {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 6%
}
.k1 .zi .zi2 {
	font-size: 12px
}
.k1 .zi .zi3 {
	font-size: 14px;
	padding: 5px 0px
}
.k1 .zi .zi4 {
	font-size: 12px;
	margin-bottom: 10px
}
.k1 .zi .zi5 img {
	width: 30px;
	height: auto
}
.k1 .zi {
	width: 40%;
	right: 3%
}
.footer .a1 {
	padding: 20px 0px
}
.footer .a1 .b1 {
	margin-bottom: 10px
}
.footer .a1 .b1 .zi1 {
	font-size: 16px;
}
.footer .a1 .b2 {
	margin-bottom: 10px
}
.footer .a1 .b2 dt span {
	font-size: 16px
}
.footer .a1 .b2 dd img {
	width: 25px;
	height: auto
}

.footer .a1 .b2 dd .ewm{ position:absolute; top:0px; left:0px; display:none}
.footer .a1 .b2 dd:hover .ewm{display:block}

.footer .a1 .b2 dd {
	font-size: 14px;
	margin-bottom: 10px; position:relative
}
.footer .a1 .b3 dt span {
	font-size: 16px
}
.footer .a1 .b3 dt {
	float: none;
	width: 100%;
	margin-bottom: 10px
}
.footer .a1 .b3 dd {
	margin-bottom: 10px
}
.footer .a1 .b3 dd img {
	width: 25px;
	height: auto
}
.footer .a2 {
	font-size: 12px
}
#on1 img {
	height: 200px
}
.kd img {
	height: 200px
}
.navbar_nav {
	display: none;
}
.header {
	height: 60px;
}
.header .logo {
	width: 125px;
	height: auto;
	margin: 8px 0 0 10px;
}
#navToggle {
	height: 100%;
	display: inline-block;
	float: right;
}
#navToggle span {
	display: block;
	position: relative;
	width: 35px;
	height: 35px;
	background: url(../image/menu.png) no-repeat;
	background-size: contain;
	top: 13px;
	right: 15px;
}
.main {
	margin-top: 60px;
}
.footer .a1 .b1 {
	float: none;
	width: 100%
}
.footer .a1 .b2 {
	float: none;
	width: 100%
}
.footer .a1 .b3 {
	float: none;
	width: 100%
}
.footer .a1 .b2 dt {
	float: none;
	width: 100%
}
.wrap {
	width: 96%;
	margin: 0px auto
}
}
 @media (max-width:890px) {
}
 @media (max-width:767px) {
.mobHide {
	display: none;
}
.mobShow {
	display: block;
}
.wrap {
	padding: 0;
}
}
 @media (max-width:680px) {
}
 @media (max-width:580px) {
}