* {
	margin: 0;
	padding: 0;
	/* css3盒子模型 */
    box-sizing: border-box;
	font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}
/* html5新增 的布局元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
/* em 和 i 斜体的文字不倾斜 */
em, i {
	font-style: normal
}
/* 去掉li 的小圆点 */
ul, ol, li {
	list-style: none
}
/* blockquote与q标签都是用来表示内容引用,去掉引号 */
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
textarea {
	overflow: auto;
}
small {
	font-size: 85%;
}
strong, th {
	font-weight: bold;
}
hr {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #E4E4E4;
	border-width:1px 0;
	clear:both;
	height:2px;
	margin:5px 0;
	overflow:hidden;
}
/* border-collapse:collapse; 表示边框合并在一起。 
    border-spacing 属性设置相邻单元格的边框间的距离（仅用于"边框分离"模式）。
    */
    table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	/* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
	/* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle;
	display: inline-block;
}
button {
	/* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer
}
a {
	color: var(--navBgc);
	text-decoration: none;
	vertical-align:baseline;
	background:transparent;
}
a:hover {
	color: #c81623
}
button, input {
	/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
	/* 默认有灰色边框我们需要手动去掉 */
    border: 0;
	outline: none;
}
/*文字就会和INPUT框对齐。 */
input, select {
	vertical-align:middle;
}
body {
 
    -webkit-font-smoothing: antialiased;
	background-color: #fff;
	font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
	color: #666;
	margin:0 auto
}
:root {
 --main-color: #309494;      /* 主色 */
 --more-arrow-01:url(/image/shop/template/132/more_arrow_main.png);   /* 查看更多主色箭头 */
 --more-arrow-02:url(/image/shop/template/132/more_arrow_white.png);   /* 查看更多白色箭头 */

    /* 服务流程 */
    --process-arrow:url(/image/shop/template/132/process_arrow.png);
}
/* 公共样式 */
body {
	background: #fff;
}
.index_content_box {
	box-shadow: none;
	overflow: visible;
	width: 100%;
	margin-bottom: 0;
	background-color: #fff;
	padding: 0;
}
.main_item_title_rt {
	display: block;
	background: #666;
	width: 182px;
	height: 50px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 70px;
}
.main_item_title_rt span {
	display: block;
	height: 50px;
	line-height: 50px;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	margin-left: 30px;
	position: relative;
	z-index: 9;
}
.main_item_title_rt i {
	width: 20px;
	height: 11px;
	position: absolute;
	top: 19px;
	right: 14px;
	background: var(--more-arrow-02);
	z-index: 9;
}
.main_item_title_rt::after {
position: absolute;
right: 0;
top: 0;
content: '';
height: 0;
width: 40px;
border-top: 50px solid var(--main-color);
border-left: 25px solid transparent;
transition: 0.8s;
}
.main_item_title_rt:hover::after {
width: 100%;
}
/* 服务项目 */
.main_item_product {
	width: 1200px;
	margin: 0 auto;
}
.product_list {
	width: 1200px;
	margin: 0 auto;
}
.product_list li {
	width: 360px;
	height: 270px;
	margin-right: 60px;
	position: relative;
	float: left;
	margin-top: 40px;
}
.product_list li:nth-of-type(1) {
margin-top: 0;
}
.product_list li:nth-of-type(2) {
margin-top: 0;
}
.product_list li:nth-of-type(3) {
margin-top: 0;
}
.product_list li:nth-of-type(3n) {
margin-right: 0;
}
.product_list li img {
	width: 360px;
	height: 270px;
	border: 1px solid #CCCCCC;
}
.product_list li p {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: rgba(239, 239, 239, 0.6);
	text-align: center;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 10px;
}
/* 服务优势 */
.main_item_advantage {
	width: 100%;
	background: #F2F2F3;
	padding-bottom: 70px;
}
.service_advantage_item {
	width: 765px;
	height: 123px;
	margin-top: 20px;
	line-height: 123px;
}
.service_advantage_item .service_advantage_item_index {
	display: block;
	width: 140px;
	height: 123px;
	line-height: 123px;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 1px 0px rgba(48, 148, 148, 0.48);
	text-align: center;
}
.service_advantage_item .service_advantage_item_info {
	display: inline-block;
	vertical-align: middle;
	width: 578px;
	margin-left: 23px;
}
.service_advantage_item .service_advantage_item_info .service_advantage_item_title {
	color: var(--main-color);
	font-size: 24px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	display: block;
}
.service_advantage_item .service_advantage_item_info p {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 10px;
}
.service_advantage_item:nth-of-type(2n+1) {
background: url(../images/zs07.png) center center no-repeat;
background-size: contain;
float: left;
margin-left: 145px;
}
.service_advantage_item:nth-of-type(2n) {
background: url(../images/zs08.png) center center no-repeat;
background-size: contain;
float: right;
margin-right: 145px;
}
.service_advantage_item:nth-of-type(2n+1) .service_advantage_item_index {
float: left;
}
.service_advantage_item:nth-of-type(2n) .service_advantage_item_index {
float: right;
}
.service_advantage_item:nth-of-type(2n+1) .service_advantage_item_info {
text-align: left;
}
.service_advantage_item:nth-of-type(2n) .service_advantage_item_info {
text-align: right;
}
.service_advantage_item:first-child {
	margin-top: 0;
}
/* 关于我们 */
.main_item_about {
	width: 100%;
	font-size: 0;
}
.main_item_about .main_item_title span {
	color: var(--main-color);
}
.main_item_about .main_item_title i:nth-of-type(1) {
background: var(--common-title-left-01);
}
.main_item_about .main_item_title i:nth-of-type(2) {
background: var(--common-title-right-01);
}
.main_item_content.about {
	font-size: 0px;
	line-height: 28px;
	text-indent: 2em;
	padding: 0 20px;
	padding-bottom: 0;
	margin-bottom: 70px;
}
.main_item_content.about span {
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
	width: 100%;
	font-size: 14px;
	text-indent: 2em;
}
.main_item_content.about .no_dianpu_logo {
	width: 1260px;
	margin-right: 0;
}
.main_item_content.about img {
	width: 400px;
	height: 300px;
}
.flag_ruzhu, .flag_qiye, .flag_geren, .flag_leixing {
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	width: 80px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border: 1px solid;
	border-radius: 5px;
	text-indent: 0;
	margin-top: 35px;
}
.flag_leixing {
	color: #f26f66;
	border-color: #f26f66;
}
.flag_ruzhu {
	color: #479DED;
	border-color: #479DED;
}
.flag_qiye, .flag_geren {
	color: #52a16a;
	border-color: #52a16a;
}
.flag_geren {
	cursor: auto;
}
.main_item_about .format p {
	color: #333;
}
/* 相册区块 */
.main_item_album {
	width: 100%;
	height: 598px;
	background: var(--main-color);
}
.main_item_album .index_main_item_title {
	color: #fff;
}
.album_item .album_img {
	width: 100%;
	height: 100%;
}
.album_item .album_img img {
	width: 100%;
	height: 100%;
}
.swiper-container {
	width: 1200px;
}
.swiper-slide {
	width: 220px !important;
!important;
	overflow: hidden;
	margin-right: 25px;
}
.swiper-slide img {
	width: 220px;
	line-height:300px
}
.swiper-slide .main_item_product_title {
	display: block;
	width: 220px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	background: #fff;
}
.album .main_item_title_rt {
	margin-top: 50px;
}
.album .main_item_title_rt i {
	background: var(--more-arrow-01);
}
.album .main_item_title_rt:hover span {
	color: var(--main-color);
	transition: 0.8s;
}
.album .main_item_title_rt::after {
border-top: 50px solid #fff;
}
/* 新闻中心 */
.main_item_article {
	width: 100%;
	background: #F2F2F3;
}
.main_item_article .main_item_content {
	width: 1200px;
}
.main_item_article .newslist_item {
	width: 590px;
	height: 126px;
	margin-top: 30px;
	float: left;
	margin-right: 20px;
	background: #fff;
	position: relative;
	box-shadow: 1px 1px 7px 0px rgba(167, 166, 167, 0.3100);
}
.main_item_article .newslist_item::after {
position: absolute;
left: 0;
top: 0;
content: '';
height: 0;
width: 90px;
border-bottom: 126px solid var(--main-color);
border-right: 84px solid transparent;
}
.main_item_article .newslist_item:hover {
	background: #666;
	transition: 0.5s;
}
.main_item_article .newslist_item:nth-of-type(2n) {
margin-right: 0;
}
.main_item_article .newslist_item:nth-of-type(1) {
margin-top: 0;
}
.main_item_article .newslist_item:nth-of-type(2) {
margin-top: 0;
}
.main_item_article .newslist_item .article_date {
	width: 90px;
	height: 126px;
	float: left;
	position: relative;
	z-index: 9;
}
.main_item_article .newslist_item .article_date span {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin-top: 30px;
	height: 16px;
	line-height: 16px;
}
.main_item_article .newslist_item .article_date span:nth-of-type(2) {
color: #fff;
font-size: 48px;
margin-top:-10px;
font-weight: 600;
height: 48px;
line-height: 48px;
}
.main_item_article .article_view {
	width: 410px;
	height: 126px;
	float: left;
	margin-left: 90px;
}
.main_item_article .article_view .article_title {
	width: 100%;
	height: 18px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 26px;
	padding-right: 15px;
}
.main_item_article .article_view .article_content {
	margin-top: 10px;
	width: 100%;
	color: #999;
	font-size: 14px;
	line-height: 24px;
	padding-right: 25px;
}
.main_item_article .newslist_item:hover .article_view .article_title {
	color: #fff;
}
.main_item_article .newslist_item:hover .article_view p {
	color: #fff;
}
/* 分类信息 */
.main_item_cateinfo {
	width: 100%;
}
.main_item_cateinfo .main_item_content {
	width: 1200px;
	margin: 0 auto;
}
.main_item_cateinfo .cateinfo_item {
	display: block;
	width: 100%;
	height: 106px;
	border-bottom: 1px dashed #ddd;
	padding: 0 20px;
	overflow: hidden;
}
.main_item_cateinfo .cateinfo_item:last-child {
	border-bottom: 0;
}
.main_item_cateinfo .cateinfo_item h3 {
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	margin-top: 30px;
}
.main_item_cateinfo .cateinfo_item p {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	margin-top: 22px;
	color: #999;
	margin-top: 14px;
}
.main_item_cateinfo .cateinfo_item:hover {
	background: var(--main-color);
}
.main_item_cateinfo .cateinfo_item:hover h3 {
	color: #fff;
}
.main_item_cateinfo .cateinfo_item:hover p {
	color: #fff;
}
/* 服务流程 */
.main_item_process {
	width: 100%;
	background: #3D3E3F;
}
.main_item_process .index_main_item_title span {
	color: #fff;
}
.main_item_process .main_item_content {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 70px;
	font-size: 0;
}
.main_item_process .process_box {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
.main_item_process .process_box img {
	width: 100px;
	height: 100px;
}
.main_item_process .process_box .process_text {
	display: block;
	margin-top: 28px;
	color: #fff;
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.main_item_process i {
	background: var(--process-arrow) center center no-repeat;
	width: 22px;
	height: 13px;
	display: inline-block;
	vertical-align: top;
	margin: 0 32px;
	margin-top: 41px;
}
.main_item_process i:last-child {
	display: none;
}
/* 公共颜色 */
:root {
 --templateCommenColor: #309494;
 --commonBg-01: #FAFAFA;
 --footer-bg-color: #309494;
 --footer-color: #fff;
}
.shenglve {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.shenglve2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.content_box {
	width: 1200px;
	margin: 0 auto;
	background: var(--commonBg-01);
}
.index_main_content {
	width: 100%;
	background-color: var(--commonBg-01);
}
.index_main_item {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.index_main_item_title {
	color: #333;
	font-weight: 600;
	font-size: 28px;
	height: 28px;
	text-align: center;
	margin: 70px 0 60px 0;
}
.index_main_item_title span {
	display: block;
	height: 28px;
	line-height: 28px;
}
/* 内页公共样式 */
.main_content {
	width: 890px;
	float: right;
}
.main_item {
	width: 100%;
	background: #fff;
	color: #333;
	overflow: hidden;
	position: relative;
}
.main_item .main_item_title {
	height: 40px;
	;
	line-height: 40px;
	background: var(--templateCommenColor);
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.main_item .main_item_content {
	border: 1px solid #DDDDDD;
	border-top: 0;
	padding: 20px 30px 30px;
}
.hover_cover_box {
	position: relative;
}
.hover_cover_box:hover .cover_box {
	transform: scale(1);
}
.cover_box {
	width: 100%;
	height: 100%;
	background: rgba(48, 48, 48, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
	transition: 0.5s;
}
.cover_box span {
	display: block;
	background: var(--templateCommenColor);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	width: 106px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-weight: 300;
	font-size: 15px;
	text-align: center;
}
/* 面包屑 */
.navigation_nav_box {
	position: relative;
	z-index: 1;
	background-color: #fff;
}
.navigation_nav {
	margin: 0 auto;
	width: 1200px;
	line-height: 50px;
	background: var(--commonBg-01);
	box-sizing: border-box;
}
.navigation_nav_item {
	float: left;
	font-size: 14px;
	color: #333;
	margin-right: 5px;
	font-weight: 400;
}
.hover_color:hover {
	cursor: pointer;
	color: var(--templateCommenColor);
}
/* 分页器 */
.pagination {
	text-align: center;
	padding-top: 50px;
	color: #b81900;
	margin-top: 0;
}
.pagination li {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
	margin-left: 8px;
	font-size: 14px;
	color: #fff;
	border: 1px solid var(--templateCommenColor);
}
.pagination .prev, .pagination .next {
	width: 67px;
}
.pagination li.active, .pagination li:hover {
	background-color: var(--templateCommenColor);
	color: #fff;
	border: 1px solid var(--templateCommenColor);
}
.pagination a {
	color: var(--templateCommenColor);
	display: inline-block;
	width: 100%;
	height: 100%;
}
.pagination li:hover a {
	color: #fff;
}
.pagination .disabled {
	color: #999 !important;
	background-color: #ccc !important;
	border: 1px solid #ccc !important;
}
/* 缺省页 */
.no_item {
	text-align: center;
	font-size: 14px;
	color: #333;
	margin-bottom: 40px;
}
/* 右边悬浮导航 */

/* 鼠标交互颜色 */
/* .hover_color:hover{color: red !important;} */


/**
 * Swiper 5.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2019
 */

@font-face {
font-family:swiper-icons;
src:url("../fonts/4e59b98274944526adf9dc5aee05aea1.woff") format("woff");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color:#007aff
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform:translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap:wrap;
	flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height:auto
}
.swiper-container-autoheight .swiper-wrapper {
	align-items:flex-start;
	transition-property:transform, height
}
.swiper-container-3d {
	perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:y mandatory
}
:root {
--swiper-navigation-size:44px
}
.swiper-button-next, .swiper-button-prev {
	position:absolute;
	top:50%;
width:calc(var(--swiper-navigation-size)/ 44 * 27);
	height:var(--swiper-navigation-size);
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	text-transform:none;
	font-variant:initial
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:10px;
	right:auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content:'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:10px;
	left:auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content:'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display:none
}
.swiper-pagination {
	position:absolute;
	text-align:center;
transition:.3s opacity;
	transform:translate3d(0, 0, 0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:10px;
	left:0;
	width:100%
}
.swiper-pagination-bullets-dynamic {
	overflow:hidden;
	font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform:scale(.33);
	position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform:scale(.33)
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:100%;
	background:#000;
	opacity:.2
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right:10px;
	top:50%;
	transform:translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:6px 0;
	display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top:50%;
	transform:translateY(-50%);
	width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display:inline-block;
transition:.2s transform, .2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform, .2s right
}
.swiper-pagination-progressbar {
	background:rgba(0, 0, 0, .25);
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:var(--swiper-pagination-color, var(--swiper-theme-color));
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:scale(0);
	transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width:100%;
	height:4px;
	left:0;
	top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width:4px;
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-white {
--swiper-pagination-color:#ffffff
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display:none
}
.swiper-scrollbar {
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}
.swiper-scrollbar-drag {
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0, 0, 0, .5);
	border-radius:10px;
	left:0;
	top:0
}
.swiper-scrollbar-cursor-drag {
	cursor:move
}
.swiper-scrollbar-lock {
	display:none
}
.swiper-zoom-container {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width:100%;
	max-height:100%;
	object-fit:contain
}
.swiper-slide-zoomed {
	cursor:move
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	animation:swiper-preloader-spin 1s infinite linear;
	box-sizing:border-box;
	border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius:50%;
	border-top-color:transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification {
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events:none;
	transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube {
	overflow:visible
}
.swiper-container-cube .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
	visibility:hidden;
	transform-origin:0 0;
	width:100%;
	height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events:auto;
	visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	-webkit-filter:blur(50px);
	filter:blur(50px);
	z-index:0
}
.swiper-container-flip {
	overflow:visible
}
.swiper-container-flip .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
:root {
    /* 导航背景色 */
    --navBgc: #309494;
    /* 导航字体色 */
    --navColor:#fff;
    /* 导航交互背景色 */
    --navActiveBgc: #333;
}
/*  */
.header_box {
	margin: 0 auto;
	position: relative;
	min-width: 1200px;
	background: #fff;
}
.header_box .scroll {
	background: #FAFAFA;
}
/* 店铺标题、电话 */
.header_title {
	width: 1200px;
	margin: 0 auto;
	height: 106px;
	padding: 8px 0;
}
.header_title_name, .header_title_phone {
	font-size: 30px;
	color: var(--navBgc);
}
.header_title_name {
	width: 620px;
	height:90px;
	line-height: 90px;
	position: relative;
	float: left;
	max-height: 90px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: 600;
}
.header_title_name img {
	max-height: 90px;
}
.header_title_phone {
	line-height: 90px;
	float: right;
	font-weight: 600;
}
.header_title_phone i {
	display: inline-block;
	width: 31px;
	height: 30px;
	background: url(../images/shop_header_phone.png) no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	background-size: contain;
	transform: translateY(-4px);
}
/* 店铺横幅 */
.scroll {
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	box-sizing: content-box;
	top: 0px;
}
.banner_edit {
	width: 100%;
	position: relative;
	margin-top: 0;
}
/* 店铺顶部横向导航 */
.nav_background {
	height: 47px;
	width: 100%;
	left: 0%;
	top: 130px;
	background: var(--navBgc);
}
.header_nav {
	width: 1200px;
	height: 47px;
	line-height: 47px;
	position: absolute;
	top: 106px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
}
.header_nav_item {
	display: inline-block;
	height: 100%;
	font-size: 16px;
	color: var(--navColor);
	text-align: center;
	font-size: 16px;
}
.header_nav_item:hover {
	cursor: pointer;
	background: var(--navActiveBgc);
	color: var(--navColor);
}
.header_nav_item_current, .header_nav_item:hover {
	background: var(--navActiveBgc);
	color: var(--navColor);
}
.scroll_pic {
	text-align: center;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.scroll_pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.float-contact-box {
	width: 60px;
	position:fixed;
	top: 50%;
	right:0;
	margin-top: -120px;
	z-index: 9;
}
.contact-box-item {
	width:50px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	box-shadow: 0px 0px 16px 5px rgba(191, 187, 187, 0.24);
	border-radius: 50%;
	margin-top: 20px;
	background-image: radial-gradient(#333 0 60%, #fff 60% 100%);
	cursor: pointer;
	font-size: 0;
}