.wrapper {

	width: 100%;

	height: 100%;

	max-width: calc(75vw + 160px);

	margin-left: auto;

	margin-right: auto;

}

.shoulder-nav.follow-scroll {

	position: relative;

	z-index: 750;

}

.shoulder-nav-inner {

	width: 100%;

	height: 4.8rem;

}

.shoulder-nav-inner {

	background-color: #f7f7f7;

}

.shoulder-nav .wrapper {

	position: relative;

}

.shoulder-nav .mainmenu {

	display: flex;

	align-items: stretch;

	justify-content: flex-start;

	height: 100%;

}



.shoulder-nav .mainmenu a {

	display: flex;

	align-items: center;

	height: 100%;

	padding: 0 1.68rem;

	font-size:14px;

}

.shoulder-nav .mainmenu a:hover{

	color: #fff;

    background: var(--style-color);

}

.scroll-active {

	color: #fff;

    background: var(--style-color);

}

.shoulder-nav .breadcrumbs {

	position: absolute;

	right: 0;

	display: flex;

	top: 22%;

	color: #999;

	transition: .2s;

	font-size:14px;

}

.shoulder-nav .breadcrumbs .sep {

	margin-left: .5em;

	margin-right: .5em;

}

section.intro {

}

section.intro .wrapper {

	padding-top:4.2rem;

}

.section-title {

	color: #000;

	font-size:2.4vw;

	line-height: 3rem;

	font-weight:bold;

	margin-bottom: 1.5rem;

}

.section-title.jjbt1{ width:30%; float: left; padding-top: 1.8vw;}

.intro-ctn.jjnr1{ width:70%;}

.intro-ctn {

	position: relative;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

}

.intro-box {

	width: 57.5%;



	margin-top: 5rem;



	margin-bottom: 4.5rem;



	position: relative;



	z-index: 240;



	background-color:rgba(247,247,247,.9);



	padding: 3.375rem 3.5rem;

}

.intro-box .layout-area {

	display: flex;

	flex-direction: column;

}

.layout-area {

	max-width: 100%;

}

.intro-box h3 {

	font-size: 1.875rem;

	line-height: 3rem;

	margin-bottom:1rem;

	color: #333;

}

.intro-box h5 {

	font-size: 1.2rem;

	line-height: 3rem;

	margin-bottom: 1.2rem;

	color: var(--style-color);

}

.intro-box p {

    line-height: 1.68;

    color: #333;

    font-size:0.9vw;

    text-align: justify;

}

.intro-cover {

	position: absolute;

	width: 50%;

	height: 100%;

	right: 0;

	top: 0;

	z-index: 215;

}

.intro-cover::after {

    content: "";

    position: absolute;

    width: 25%;

    height: 50%;

    bottom: 0;

    right: 100%;

    background-color: #008cd6;

}

.intro-cover img {

	position: absolute;

	width: 100%;

	height:100%;

	top: 0;

	left: 0;

	object-fit: cover;

}

.menu-level-3::after {

	    content: "";

    position: absolute;

    width: 1px;

    height: 14px;

    top: 40%;

    background-color: #999;

}

.intro-data {

	padding: 3rem;

}

.intro-data-list {

	display: flex;

	margin-right: 0rem;

	margin-bottom: 3rem;

	margin-top: 1rem;

}

.intro-data-list li {

	flex: 0 0 25%;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

}

.intro-data-list li {

	padding-left: 1rem;

	padding-right: 1rem;

	align-items: center;

	text-align: center;

}

.intro-data-list .logo_l {

	width: 3rem;

	height: 3rem;

	object-fit: contain;

	margin-bottom: 1.75rem;

}

.intro-data-list .logo_l img {

	max-width: 100%;

	min-height: 100%;

}

.intro-data-list .val {

	font-weight: bold;

	font-size: 3.125rem;

	line-height: 3.5rem;

	margin-bottom: .375rem;

	color: #333;

	font-family: 'MontserratRegular';

}

section.bring-to-world h2 {

	font-size: 1.875rem;

	line-height: 1.8em;

	padding: .8em 0;

}

.btw-list {

	background-color: #f7f7f7;

}

.btw-list li {

	height: 22.5rem;

	position: relative;

	display: flex;

	align-items: center;

}

.btw-list li .wrapper {

	padding-top: 2rem;

	padding-bottom: 2rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;

	position: static;

	height: 100%;

}

.btw-list li img {

	position: absolute;

	width: 50%;

	height: 100%;

	top: 0;

	left: 50%;

	object-fit: cover;

}

.btw-list li:nth-of-type(2n) .wrapper {

	align-items: flex-end;

}

.btw-list li:nth-of-type(2n) img {

	left: 0;

}

.btw-list .info {

	width: calc(50% - 5rem);

	display: flex;

	flex-direction: column;

	padding-left: 2.5rem;

	position: relative;

}

.btw-list .info::before {

	content: "";

	position: absolute;

	width: .125rem;

	height: 3.75rem;

	top: 0;

	left: 0;

	background: var(--style-color);

}

.btw-list .info h3 {

	font-size: 1.5rem;

	line-height: 2em;

	margin-top: -.5em;

	margin-bottom: 0;

	color: var(--style-color);

	    font-weight: bolder;

}

.btw-list .info p {

	line-height:1.68;

}

section.insist {

	padding: 5.5rem 0;

}

section.insist .intro-ctn {

	align-items: flex-end;

}

section.insist .intro-cover {

	right: 50%;

}

section.organizations {

	background: url(../img/org_back.svg) center calc(100% + 1.5rem)/85% auto no-repeat;height: auto;

}

section.organizations .wrapper {

	padding-top: 3.75rem;

	padding-bottom: 3.75rem;

	position: relative;

}

section.organizations .structure-img {

	height: calc(100% - 5rem);

	width: auto;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

}

.content-ctn {

	display: flex;

	margin-top: 2.25rem;

	    background: #f6f6f7;

}

.content-ctn > * {

	flex: 0 0 auto;

	width: 50%;

}

.location.active {

	cursor: default;

}

.location {

	padding: 3.5rem 2.5rem 3.5rem 4.5rem;

	position: relative;

	display: flex;

	flex-direction: column;

	align-items: stretch;

	color: #333;

	cursor: pointer;

}

.location::before {

	content: "";

	position: absolute;

 width: .125rem;

	height: 5rem;

	top: 5rem;

	left: 2.5rem;

	background: var(--style-color);

}

.location .title {

	font-size: 1.125em;

	color: var(--style-color);

 margin-top: -.375rem;

	margin-bottom: 1rem;

}

.location .content {

	display: flex;

	flex-direction: column;

	align-items: stretch;

}

.location p {

 margin-top: .25rem;

 margin-bottom: .25rem;

}

.location.active::after {

	content: "→";

	width: 1.5rem;

	height: 1.5rem;

	line-height: 1.5rem;

	text-align: center;

	position: absolute;

	top: 0px;

	bottom: 0px;

	right: 1.75rem;

	color: var(--style-color);

	font-size: 1.375rem;

	margin: auto;

}

.inwall20 {

	margin: 0 -20px;

}

.form02 li {

	margin-bottom: 40px;

}

.inwall20 li {

	padding: 0 20px;

}

input.words, select.words {

	display: block;

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 17px;

	border: solid #ddd 1px;

	border-top: solid #ccc 1px;

	border-left: solid #ccc 1px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-rim-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	vertical-align: middle;

}

.rooms2 li {

	width: 50%;

	float: left;

}

textarea {

	display: block;

	width: 100%;

	min-height: 150px;

	padding: 12px 17px;

	border: solid #ddd 1px;

	border-top: solid #ccc 1px;

	border-left: solid #ccc 1px;

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-rim-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	vertical-align: middle;

}

.btnbox {

	line-height: 1.0em;

	text-align: center;

	padding: 40px 0;

}

input.btn {

	display: inline-block;

	height: 50px;

	line-height: 50px;

	padding: 0 40px;

	color: #fff;

	background: var(--style-color);

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-rim-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all 0.3s linear;

	-khtml-transition: all 0.3s linear;

	-rim-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-ms-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	transition: all 0.3s linear;

	border: none;

}

.progress-container {

	padding-top: 20px;

	padding-bottom: 35px;

}

.progress-yearscon {

	padding-bottom: 20px;

}

.progress-years {

	width: 100%;

	position: relative;

	padding-right: 70px;

}

.years-swiper {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.years-swiper ul li {

	height: auto;

	width: auto;

	line-height: 32px;

}

.years-swiper ul li a {

	display: block;

	width: 100%;

	padding-left: 10px;

	padding-right: 10px;

	color: #333;

	font-size: 16px;

	text-align: center;

}

.years-swiper ul li.cur a {

	background-color: var(--style-color);

	color: #fff;

}

.progress-bundle {

	position: absolute;

	top: 0;

	right: 0;

	width: 60px;

	z-index: 22;

}

.progress-handle {

	width: 100%;

	font-size: 0;

	border: solid 1px #dddddd;

	white-space: nowrap;

	border-right: none;

}

.progress-handle .icon {

	display: inline-block;

	vertical-align: top;

	width: 30px;

	height: 30px;

	border-right: solid 1px #ddd;

	color: #a7afb3;

	background-repeat: no-repeat;

	background-position: center center;

}

.progress-handle .col-icon {

	background-image: url(../img/colicon.png);

}

.progress-handle .col-icon.cur {

	background-image: url(../img/colicons.png);

}

.progress-handle .row-icon {

	background-image: url(../img/rowicon.png);

}

.progress-handle .row-icon.cur {

	background-image: url(../img/rowicons.png);

}

.progress-monthcon {

	width: 100%;

}

.progress-month {

	width: 100%;

	padding-left: 40px;

	padding-right: 40px;

	position: relative;

}

.month-swiper {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.month-swiper ul li {

	display: inline-block;

	vertical-align: top;

	width: auto;

	height: auto;

}

.month-swiper ul li a {

	display: block;

	width: 100%;

	padding: 0 15px;

	font-size: 12px;

	color: #444;

}

.month-swiper ul li a .mask {

	display: block;

	width: 100%;position: inherit;background: none;

}

.month-swiper ul li a i {

	width: 12px;

	height: 12px;

	display: block;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	border: solid 1px #cbcbcb;

	margin: 0 auto;

	position: relative;

	z-index: 9;

	background-color: #fff;

}

.month-swiper ul li.cur a {

	color: var(--style-color);

}

.month-swiper ul li.cur a i {

	border-color: var(--style-color);

	background-color: var(--style-color);

}

.month-swiper-line {

	border-bottom: solid 1px #ddd;

	height: 0;

	position: absolute;

	left: 0;

	bottom: 5px;

	width: 100%;

}

.month-swiper-prev, .month-swiper-next {

	width: 33px;

	height: 33px;

	display: block;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	border: solid 1px #ddd;

	text-align: center;

	line-height: 29px;

	background-color: #fff;

	cursor: pointer;

	position: absolute;

	line-height: 33px;

	text-align: center;

	z-index: 11;

	top: 12px;

}

.month-swiper-prev:after, .month-swiper-next:after {

	content: '';

	display: inline-block;

	vertical-align: middle;

	width: 10px;

	height: 10px;

	border: 1px solid #666;

	border-top: none;

	border-right: none;

}

.month-swiper-prev {

	left: 0;

}

.month-swiper-prev:after {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	margin-top: -3px;

	margin-left: 3px;

}

.month-swiper-next {

	right: 0;

}

.month-swiper-next:after {

	-webkit-transform: rotate(-135deg);

	-moz-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	-o-transform: rotate(-135deg);

	transform: rotate(-135deg);

	margin-top: -3px;

	margin-left: -5px;

}

.exhib-contianer {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.exhib-contianer .exhib-content {

	width: 100%;

	display: none;

}

.exhib-contianer .exhib-content.cur {

	display: block;

}

.massive-news {

	margin-left: -13px;

	margin-right: -13px;

}

.massive-news li {

    padding-left: 13px;

    padding-right: 13px;

    margin-bottom: 26px;

    width: 24.87%;

    float: left;

}

.poker-module {

	width: 100%;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.poker-module:hover .vcover {

	z-index: 1;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}

.poker-module:hover .wcover {

	z-index: 2;

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	transform: rotateY(0deg);

}

.poker-module .vcover {

	width: 100%;

	position: relative;

	z-index: 2;

	background-color: #fff;

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	transform: rotateY(0deg);

}

.poker-module .vcover .image {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.poker-module .vcover .image::before {

	content: '';

	display: block;

	width: 100%;

	padding-bottom: 56.61376%;

}

.poker-module .vcover .image a {

	display: block;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}

.poker-module .vcover .image img {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 100%;

}

.poker-module .vcover .word {

	width: 100%;

	padding: 10px 15px 30px;

	border: 1px solid #ddd;

	border-top: none;

}

.poker-module .vcover .date {

	position: relative;

	padding-bottom: 6px;

}

.poker-module .vcover .desc {

	padding-top: 30px;

}

.poker-module .vcover .desc .title {

	color: #333;

}

.poker-module .vcover .desc .title a {

	color: #333;

}

.poker-module .wcover {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	padding: 0px 20px 50px;

	border: 1px solid #ddd;

	-webkit-transform: rotateY(-180deg);

	-moz-transform: rotateY(-180deg);

	transform: rotateY(-180deg);

}

.poker-module .wcover .date {

	margin-top: -1px;

	padding-bottom: 7px;

	position: relative;

}

.poker-module .wcover .title {

	margin-top: 40px;

}

.poker-module .wcover .website {

	display: block;

	width: 100%;

	display: -webkit-box;

	height: 72px;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	font-size: 14px;

	color: #666;

	margin-top: 20px;

	margin-bottom: 20px;

}

.poker-module .wcover .website a {

	color: #666;

}

.poker-module .wcover .master, .poker-module .wcover .methods {

	color: #333;

	font-size: 14px;

	line-height: 24px;

}

.poker-module .vfront, .poker-module .vback {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: .6s;

	-o-transition: .6s;

	-moz-transition: .6s;

	transition: .6s;

}

.poker-module .date {

	width: 100%;

	font-size: 0;

	line-height: normal;

}

.poker-module .date span {

	display: inline-block;

	background-color: var(--style-color);

	color: #fff;

	padding-left: 10px;

	padding-right: 10px;

	line-height: 34px;

	text-align: center;

	font-size: 14px;

	max-width: 100%;

	white-space: nowrap;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

}

.poker-module .date i {

	display: block;

	width: 0px;

	height: 0px;

	position: absolute;

	left: 0;

	bottom: 0px;

	border: 7px solid transparent;

	border-left-color: var(--style-color);

}

.poker-title {

	font-size: 15px;

	display: block;

	width: 100%;

	display: -webkit-box;

	height: 104px;

	line-height: 26px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

}

.poker-title a {

	display: block;

	width: 100%;

}

.tabulation-news {

	width: 100%;

	position: relative;

	padding-bottom: 26px;

}

.tabulation-news li {

	border-bottom: 1px dashed #C0C0C0;

	width: 100%;

	padding: 20px 0;

	overflow: hidden;

	display: block;

	cursor: pointer;

}

.list-module {

	width: 100%;

	position: relative;

}

.list-module .vcover {

	width: 100%;

	overflow: hidden;

}

.list-module .vcover .image {

	float: left;

	width: 120px;

	overflow: hidden;

	position: relative;

}

.list-module .vcover .image::before {

	content: '';

	display: block;

	width: 100%;

	padding-bottom: 56.61376%;

}

.list-module .vcover .image a {

	display: block;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}

.list-module .vcover .image img {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 100%;

}

.list-module .vcover .word {

	overflow: hidden;

	padding-left: 12px;

}

.list-module .vcover .word .date {

	width: 100%;

	color: var(--style-color);

	font-size: 12px;

	line-height: 20px;

}

.list-module .vcover .word .desc {

	padding-top: 4px;

}

.desc_time{position: absolute;

    right: 0;

    top: 10px;

    padding: 0 15px;}

.desc_time a{    display: block;

    background: var(--style-color);

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 50px;

    color: #fff;

    padding: 0 20px;

    margin-top: 12px;}

.list-module .vcover .list-title {

	font-size: 13px;

	display: block;

	width: 100%;

	display: -webkit-box;

	height: 44px;

	line-height: 22px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}

.list-module .vcover .list-title a {

	display: block;

	width: 100%;

}

.list-module .wcover {

	width: 100%;

	overflow: hidden;

	position: relative;

	display: none;

}

.list-module .wcover .image {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.list-module .wcover .image::before {

	content: '';

	display: block;

	width: 100%;

	padding-bottom: 56.61376%;

}

.list-module .wcover .image a {

	display: block;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}

.list-module .wcover .image img {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 100%;

}

.list-module .wcover .word {

	width: 100%;

	padding-top: 12px;

}

.list-module .wcover .date {

	color: var(--style-color);

	font-size: 12px;

	line-height: 20px;

}

.list-module .wcover .title {

	margin-bottom: 15px;

}

.list-module .wcover .list-title {

	color: #666;

	font-weight: bold;

	font-size: 16px;

	line-height: 26px;

}

.list-module .wcover .list-title a {

	display: block;

	width: 100%;

	color: #666;

}

.list-module .wcover .website {

	display: block;

	width: 100%;

	display: -webkit-box;

	line-height: 24px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	font-size: 14px;

	color: #666;

}

.list-module .wcover .website a {

	color: #666;

}

.list-module .wcover .master, .list-module .wcover .methods {

	color: #333;

	font-size: 12px;

	line-height: 22px;

}

.about .a_news ul {

    margin-top: 90px;

}

.about .a_news li {

    position: relative;

    z-index: 1;

    margin-top: -1px;

}

.about .a_news li a {

    display: block;

    overflow: hidden;

    padding: 30px 50px;

    border-bottom: 1px solid #e5e5e5;

    background: #fff;

    border-top: 1px solid #e5e5e5;

    background-position: right bottom;

}

.about .a_news li a .imgs {

    width: 272px;

    height: 187px;

    float: left;

    overflow: hidden;

}

.about .a_news li a .imgs img {

    display: block;

    width: 100%;

    height: 100%;

}

.about .a_news li a .text {

    float: right;

    width: calc(100% - 305px);

    box-sizing: border-box;

    padding-right: 260px;

    position: relative;

    height: 187px;

}

.about .a_news li h2 {

    padding-top: 20px;

    font-size: 20px;

    line-height: 30px;

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 20px;

	color: #111;

    font-weight: bolder;

}

.about .a_news li p {

    font-size: 14px;

    color: #808080;

    line-height: 32px;

    margin-bottom: 20px;

    height: 62px;

    overflow: hidden;

}

.about .a_news li h6 {

    font-size: 14px;

    color: #808080;

    line-height: 20px;

}

.about .a_news li a .text i {

    width: 64px;

    height: 64px;

    border-radius: 50%;

    box-sizing: border-box;

    padding: 6px;

    display: block;

    border: 1px dashed #c2d0e3;

    position: absolute;

    right: 95px;

    top: 50%;

    transform: translateY(-32px);

}

.about .a_news li a .text span {

    display: block;

    height: 100%;

    background: url(../img/g_ico1.png) no-repeat center #d2d2d2;

    border-radius: 50%;

    transition: all 0.3s;

}

.about .a_news li a:hover .text span{

	background: url(../img/g_ico1.png) no-repeat center var(--style-color);

}

.about .a_news li a:hover{

	box-shadow: 0 0 12px 0 #eeeeee;

	border-color: #fff;

	background: url(../img/g_ico2.jpg) no-repeat right bottom;

}

.newscont11 {

    padding: 55px 0;

}

.commonweb {

    margin: 0px auto;

    max-width: 1180px;

    padding: 0;

}

.detailtitle11 {

    text-align: center;

}

.detailtitle11 h4 {

    font-size: 36px;

    line-height: 42px;

    margin-bottom: 32px;color: #333;

}

.detaildate11 {

    font-size: 18px;

    color: #8e8e8e;

    font-family: Arial;

}

.detailtext11 {

    padding: 20px 0;

    border-bottom: 1px solid #d9d9d9;

    border-top: 1px solid #d9d9d9;

    margin-top: 20px;

    font-size: 14px;

    line-height: 24px;

    color: #333333;

}

.detailpage11 {

    padding-top: 24px;

    color: #666666;

    line-height: 28px;

}

.detailpage11 dd {

    float: left;

}

.detailpage11 dd p {

    height: 24px;

    line-height: 24px;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 6px;

}

.detailpage11 dd a {

    color: #666666;

}

.detailpage11 dt {

    float: right;

}

.detailback11 {

    display: block;

    margin-top: 10px;

    width: 110px;

    height: 40px;

    background-color: var(--style-color);

    color: #ffffff;

    text-align: center;

    line-height: 40px;

}

.case .box {

    width: 100%;

    overflow: hidden;

    position: relative;

    display: block;

}

.case .box img {

    width: 100%;

    display: block;

    -moz-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    transition: all 0.6s ease;

}

.case .box:hover img{transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05);}

.case .text {

    width: 100%;

    padding: 24px;

    background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.4));

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 5;

	transition: all 0.5s;

}

.case li.swiper-slide:hover .text{

    background-image:linear-gradient(to bottom, rgba(2,160,231,.6), rgba(2,160,231,.6));

	padding-bottom:48%;

    padding-top: 20%;

	transition: all 0.5s;

}

.case .text::before {

    content: "";

    width: 90px;

    height: 1px;

    background-color: #fff;

    display: block;

}

.case .h2 {

    font-size: 1.14vw;

    color: #fff;

    margin-top: 20px;

}

.case .pn {

    font-size: .92vw;

    color: #fff;

    margin-top: 10px;

    opacity: .7;

}

.case{ padding:55px 0;}

.case li{

    width:32.38%;

    display: inline-block;

    margin-bottom: 1%;

    margin-right:1%;

    margin-left:0;

    border: solid 1px #ddd;

    }

	.case li:nth-child(3n){

    margin-right:0;

    }

	

.team1{ padding:55px 0;}

.team1 li{

    width:44.8%;

    display: inline-block;

    margin-top:2%;

    margin-bottom:2%;

    margin-right:2.5%;

    margin-left:2.5%;

	color: #000;

}

.team1 li:hover .text{ color:#bf0000;}

.team1 li img{ width:48%; float:left;}

.team1 li .text{ width:48%; float:right;}

.team1 li .text h2.overflowtxt{font-size:1.28vw; padding-top:20px;}

.team1 li .text p.pn{font-size:1vw;}

.team1 li .overflowtxt2{ width:48%; float:right; color:#555; padding-top:20px; font-size:14px; text-align:justify;}





.team1 li:nth-child(1){ width:94.8%; margin-right:2.5%; margin-left:2.5%;border-bottom: solid 1px #ddd; padding-bottom: 44px;}

.team1 li:nth-child(1) img{ width:22.68%; float:right;}

.team1 li:nth-child(1) .text{ width:28%; float:left;}

.team1 li:nth-child(1) .text .h2.overflowtxt{ font-size:1.6vw;}

.team1 li:nth-child(1) span.overflowtxt2{ width:34%;float:left; line-height:28px; line-height: 2.2;

    font-size: 16px;

    text-align: justify;}

	

	

	

.header-cover img{    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;}

.proleft {

    width: 68%;

    margin-right: 50px;

    float: left;

}

.pro_xqb {

    width: 100%;

    margin: 0 auto;

    margin-top: 0;

    margin-bottom: 60px;

}

#nava {

    background: #f9f9f9;

    overflow: hidden;

    margin-bottom: 10px;

}

#nava li {

    float: left;

    width: auto;

    text-align: center;

    padding: 19px 20px;

}

.zhzb{ padding:3rem 0;    overflow: hidden;}

#nava li.on {

    background: var(--style-color);

    color: #fff;

    font-size: 19px;

	font-weight: bolder;

}

.pro_xqbb {

    border: solid 1px #eeeeee;

    padding: 40px;

    font-size: 15px;

    line-height: 1.8;

    color: #666;

}

.pro_xqbb li.active {

    display: block;

}

.proright {

    width: calc((32% - 50px)/1);

    float: left;

}



.xgcase {

    margin-top: 0;

    border: solid 1px #eee;

    overflow: hidden;

    padding-bottom: 20px;

}

.casexqa01{ padding:3%;}

.casexqa01 div, .casexqa01 p, .casexqa01 span{ font-size:15px;}

.xgcase .item {

    width: calc((100% - 40px)/1);

    margin: 10px 20px;

    float: left;

}

.xgcase .elp {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    text-align: center;

    color: #333;

    background: #f9f9f9;

    transition: all .3s;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    padding: 0 5px;

}

.xqwclj002 {

    display: block;

    line-height: 90px;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    color: #000;

}

.project_detail2 {

    width: 100%;

    margin-top: 20px;

}

.MainBg {

    width:50%;

    /* border: 1px solid #eee; */

    float: left;

}

.cpxx {

    width: calc((50% - 30px)/1);

    float: left;

    padding-left: 30px;

    margin-left: 30px;

    border-left: 1px solid #eee;

}

.fdj {

    width: 30px;

    height: 30px;

    right: 0;

    bottom: 20%;

    position: absolute;

    background: url(/iepro/images/tpfd.png);

    background-size: cover;

    z-index: 9;

    opacity: 0.5;

    pointer-events: none;

}

.gallery-top .swiper-slide {

    min-height:560px!important;

	max-height:560px!important;

    margin-left: 0px!important;

}

.gallery-top .swiper-slide {

    min-height: 400px;

    width: 100%!important;

    transform: scale(1);

}

.cpjg {

    font-size: 16px;

    margin-top: 25px;

    margin-bottom: 25px;

	display:none;

}

.ArticleTitle h1{

	font-size: 26px;

    font-weight: bolder;

    color: #111;

    padding-bottom: 14px;

    margin-bottom: 20px;

    border-bottom: solid 1px #ddd;

	}

	.ArticleTitle p{

	font-size: 15px;

    line-height: 27px;

    color: #666;

	}

.cpjg span {

    font-size: 24px;

    color: #333;

}

.cpgy {

    color: #666;

    line-height: 26px;

}

.gallery-thumbs {

    height: 20%!important;

    width: 80%!important;

    box-sizing: border-box;

    padding: 10px 10%;

    margin-top: -12%;

}

.gallery-thumbs .swiper-slide {

    height: 100%;

    min-height: 80px;

    opacity: 0.4;

    border: 2px solid #666;

}



.gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

.swiper-button-prev {

    background-image: url(../img/ccpl.png)!important;

    top: auto!important;

    bottom:4%!important;

    background-size: initial;

}

.swiper-button-next {

    background-image: url(../img/ccpr.png)!important;

    top: auto!important;

    bottom:4%!important;

    background-size: initial;

}

.cptop{

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

    padding: 0 0 30px;

}



.gallery-top .swiper-slide {

	  min-height: 400px;

}

	.gallery-top .swiper-slide {

	  min-height: 400px;

	  width: 100%!important;

	  transform: scale(1);

}

    .gallery-top {

      height: 100%!important;

      padding-bottom:15%!important;

      width: 100%;

}

    .gallery-thumbs {

      height: 20%!important;

      width: 80%!important;

      box-sizing: border-box;

      padding: 10px 10%;

      margin-top: -13%;

    }



    .gallery-thumbs .swiper-slide {

      height: 100%;

      min-height: 80px;

      opacity: 0.4;

      border: 2px solid #666;

    }



    .gallery-thumbs .swiper-slide-thumb-active {

      opacity: 1;

    }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{

    opacity:1;

}

.fdj {

    width: 30px;

    height: 30px;

    right: 0;

    bottom: 20%;

    position: absolute;

    background: url(../img/tpfd.png);

    background-size: cover;

    z-index: 9;

    opacity: 0.5;

    pointer-events: none;

}







.proflrow {

	width:100%;

	max-width: calc(75vw + 160px);

	margin: 0 auto;

	padding: 30px 0;

	font-size: 15px;

	display: flow-root;

}

.pro1aa p{ color:#fff; float:left; line-height:58px;}

.pro1aa span{ width:80px; float:left; text-align:center;}

.proflli {

	    border-bottom: 1px solid #eee;

    padding: 6px;

    overflow: hidden;

    margin-bottom: 8px;

	display: block;

	align-items: center;

	display: flex!important;

	width:50%;

	float:left;

}

.profl1 {

	float: none;

	max-width:160px;

	height:58px;

	width: 100%;

	text-align:center;

	background: #02a0e7;

    border-radius: 8px;

	margin-right: 20px;

	margin-bottom:6px;

	display: block;

	border-bottom: 1px solid #eee;

}

.profl1 span img {

	    width: auto;

    max-width: 54px;

	border: none;

	max-height: 56px;

        padding:10px 0 10px 0;

}

.profl1s {

	float: left;

	width: 100%;

}

.profl2 {

	float: left;

	width: auto;

	margin: 10px;

}

.profl3 {

	float: left;

	text-align: center;

	padding:0 0 10px 0;

	width: 100%;

}

.profl2.click{ display: block!important; width: calc((100% - 20px)/1);}

.profl2.click .profl3{ display:none;}

.profl2.click .profl4{ display:block; width:100%;}

.pro2a{background: #eee; padding: 10px; border-radius: 4px;}

.pro2a.ck{background:#02a0e7; color:#fff; color:#fff;}



.product.wrapper li.swiper-slide a{

display: block;

    padding: 25px;

    background-color: #f7f7f7;

    text-align: center;

}

.product.wrapper li {

    width:23.32%;

    display: inline-block;

    margin-bottom:2%;

    margin-right:2%;

    margin-left: 0;

}

.product.wrapper li:hover a{

background:#02a0e7;

}

.product.wrapper li:nth-child(4n) {

    margin-right: 0;

}

.product.wrapper .text{ padding-top:50px;}

.product.wrapper .h2{

  font-size: 18px;

  font-weight: bold;

  color: #333;

}

.product.wrapper .pn {

  font-size: 15px;

  color: #666;

}

.product.wrapper li:hover a .h2{

color:#fff;

}

.product.wrapper li:hover a .pn{

color:#eee;

}





 @media (min-width: 1024px) {

.inside-exhibition {

	padding-bottom: 80px;

}

.inside-full-nav {

	padding-top: 10px;

}

.inside-full-nav .full-bd {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	padding-top: 10px;

}

.breadcrumbs {

	line-height: 44px;

	position: relative;

	font-size: 0;

}

.breadcrumbs li {

	display: inline-block;

	vertical-align: top;

	position: relative;

	padding-right: 18px;

}

.breadcrumbs li a {

	display: block;

	width: 100%;

	color: #666;

	font-size: 14px;

}

.breadcrumbs li:after {

	content: '> ';

	position: absolute;

	right:6px;

	font-size:14px;

	top: 50%;

	line-height: 20px;

	margin-top: -11px;

	    font-family: 宋体;

}

.breadcrumbs li:last-child {

	padding-right: 0;

}

.breadcrumbs li:last-child:after {

	display: none;

}

.breadcrumbs li.cur a {

	color: #333;

}

.exhibition-title {

	font-size: 18px;

	line-height: 44px;

}

.progress-container {

	padding-top: 30px;

	padding-bottom: 45px;

}

.progress-yearscon {

	padding-bottom: 30px;

}

.progress-years {

	padding-right: 80px;

}

.years-swiper ul li {

	line-height: 38px;

}

.years-swiper ul li a {

	font-size: 18px;

}

.years-swiper ul li:hover a {

	color: var(--style-color);

}

.progress-bundle {

	width: 72px;

}

.progress-handle .icon {

	width: 36px;

	height: 36px;

}

.month-swiper ul li a {

	padding: 0 45px;

	font-size: 13px;

}

.month-swiper ul li:hover a {

	color: var(--style-color);

}

.month-swiper ul li:hover a i {

	border-color: var(--style-color);

}

.poker-module .vcover .word {

	padding: 20px 15px 40px;

}

.poker-module .vcover .desc {

	padding-top: 20px;

}

.list-module .vcover .image {

	width: 200px;

}

.list-module .vcover .word {

	padding-left: 30px;    display: inline-block; overflow:inherit;

}

.list-module .vcover .word .date {

    font-size: 18px;

    line-height: 30px;

    font-weight: bold;

    color: #000;

    margin-top: 10px;

}

.list-module .vcover .list-title {

	font-size: 15px;

	    height: auto;

	line-height: 28px;

}

.list-module .wcover .image {

	width: 420px;

	float: right;

}

.list-module .wcover .word {

	width: auto;

	padding-top: 0px;

	overflow: hidden;

	padding-right: 50px;

}

.list-module .wcover .date {

	font-size: 14px;

	line-height: 24px;

}

.list-module .wcover .list-title {

	display: block;

	width: 100%;

	display: -webkit-box;

	max-height: 78px;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}

.list-module .wcover .website {

	max-height: 78px;

	-webkit-line-clamp: 3;

}

.list-module .wcover .master, .list-module .wcover .methods {

	font-size: 14px;

	line-height: 24px;

}

}

 @media screen and (max-width: 767px) and (min-width: 320px) {



html {

	font-size: calc(0.42vw + 9px);

}

.wrapper {

	max-width: calc(100% - 2rem);

}

.intro-cover {

	width: 100%;

	flex: 1 0 auto;

	position: relative;

}

.intro-cover img {

	position: relative;

	height: auto;

}

.intro-box {

	padding:.6rem 1.5rem;

	margin: 0;

	width: 100%;

}

.intro-data {

	padding: 3rem 0;

}

.intro-data-list li {

	flex: 0 0 50%;

	margin-bottom: 2rem;

}

.intro-data-list {

	flex-wrap: wrap;

	margin-right: 0;

}

.btw-list .info {

	width: 100%;

	padding-left: 1.5rem;

	display: block;

	margin-bottom: 20px;

}

.btw-list li {

	height: auto;

	padding: 0;

	display: inherit;

}

.btw-list li img {

	position: relative;

	width: 100%;

	height: auto;

	top: auto;

	left: auto;

	object-fit: cover;

}

.location-list, .content-ctn > * {

	width: 100%;

}

.content-ctn {

	display: inherit;

}

.case li{width:100%; margin-right:0; margin-bottom:2.5%;}



.case li:nth-child(3n){margin-right:2%;}

.case li:nth-child(2n){margin-right:0;}



section.insist .intro-cover{ right:0}

section.organizations .structure-img{ position:inherit; height:auto}

.about .a_news li a .text {

    float: none;

    width: auto;

    height: auto;

    padding-right: 0;

}

.about .a_news li a {

    padding: 0px;

}

.about .a_news li a .imgs {

    height: auto;

    width: 100%;

    float: none;

}

.about .a_news li h2{ margin-bottom:10px; color:#333}

.about .a_news li p{ line-height:24px;height: AUTO;}

.about .a_news li a .text i {

    right: auto;

    position: static;

    float: right;

    width: 40px;

    height: 40px;

}

.about .a_news ul {

    margin-top: 40px;

}

.about .a_news li a .text span{    background-size: 30%;}

.n_1{ display:block}

.n_n{ width:100%!important;margin-bottom: 5%;}

.massive-news li{ width:100%;}

.shoulder-nav .breadcrumbs{ display:none}

.header-cover{height: 24rem;}

.shoulder-nav .mainmenu{display: inherit;}

.shoulder-nav .mainmenu li{ display:inline-block}

.shoulder-nav-inner{height: 45px;}

.shoulder-nav .mainmenu a{

    padding: 0;

    margin-right: 18px;

    margin-left: 18px;

    line-height: 46px;

    }

	.shoulder-nav .mainmenu a span{font-size: 3.4vw;}

	.proleft{ width:100%; margin-right:0}

	.proright{width:100%; }

	.xgcase .elp,.pro_xqbb{ padding:0}

	.MainBg,.cpxx{ width:100%}

	.cptop{ padding:0}

	.gallery-top .swiper-slide{min-height: 230px!important;}

	.gallery-thumbs .swiper-slide{    padding-bottom: 13%;    min-height: auto;}

	.cpxx{ margin-left:0; padding-left:0;border-left:0;    padding-top: 30px!important;}

	.ArticleTitle h1 {

    font-size: 24px; color:#000;

}

.cpgy {

    color: #666;

    line-height: 26px; font-size:14px;

}

.team1 li {width: 95%;}

.team1 li img {width: 38%;}

.team1 li .text { width:60%;}

.team1 li .overflowtxt2 {width: 60%; padding-top:12px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}

.team1 li .text h2.overflowtxt{padding-top: 0;}

.section-title.jjbt1.ttzs1{ width:100% !important;}

.intro-ctn.jjnr1.ttzs2{ width:100% !important;}

.team1 li:nth-child(1) img { width: 100%;}

.team1 li:nth-child(1) .text { width:100%;}

.team1 li:nth-child(1) span.overflowtxt2 { width: 100%;}



.section-title{ font-size:18px;}

.intro-box p , .team1 li .text h2.overflowtxt , .case .h2 {font-size:14px!important; font-weight: normal!important;}

.team1 li .text p.pn{ font-size:13px!important; font-weight: normal!important;}

.team1 li .overflowtxt2 , .case .pn{ font-size:12px!important; font-weight: normal!important;}





}

#ab_honor_swipe .swiper-slide {

    border: 8px #ddd solid;

    margin-bottom:.8%;

    margin-top: 0!important;

	    background: #fff;

}

#ab_honor_swipe .swiper-slide p{

	text-align: center;

    line-height: 40px;

}











.allItems {width:98%; max-width: calc(75vw + 160px); margin: 40px auto; display: flex; flex-direction: row; flex-wrap: wrap;}

.l-a{width: 100%;padding-bottom: 1rem;background-color: #f8f8f8;}

.l-cont{width: 94%; margin: 0 auto; overflow: hidden; margin-bottom:1rem; padding: 4% 0 4% 0%;}

.l-left{width: 47rem;float: left;overflow: hidden;}

.l-right{float: right;width: 40rem;margin-right: 0;padding-top: 0;}

.l-top{border-bottom: 1px solid #e2e2e2;padding-bottom: 1rem;margin-bottom: 1rem;padding-right: 1rem;}

.l-tit{color:#33bbce;line-height: 2;margin-bottom: 2rem;padding-left: 1rem;position: relative;font-size: 30px;}

.l-tit:after{content: "";display: inline-block;width: .41rem;height: 1em;background-color: #33bbce;position: absolute;left: 0;top: .52em;}

.l-type{color: #333;font-size: 15px;line-height:2;}

.l-h2{color: #333;margin-bottom: 2rem;font-size: 15px;}

.l-h2:before{content: "";display: inline-block;vertical-align: middle;width: 3rem;height: 3rem;background-image: url(../img/10.png);background-size: 100% 100%;margin-right:1em;}

.l-list{width: 100%;padding-right: 1rem;padding-bottom: 2rem;}

.l-item{color: #333;line-height:2;margin-bottom:1rem;position: relative;}

.l-item:before{/* content: "";display: inline-block;width: .25em;height: .25em;background-color: #737373;position: absolute;left: 0;top: 0.6875em; */}

.l-link{display: inline-block;vertical-align: top;background-color: #33bbce;color: #fff;line-height: 4em;padding-right: 2rem;padding-left: 1.8rem;cursor: pointer;font-size: 15px;}

.l-link:before{content: "";display: inline-block;vertical-align: middle;width: 1.4rem;height: 1.4rem;background-image: url(../img/11.png);background-size: 100% 100%;margin-right: 1.2rem;}

.l-o{width: 38.8rem;float: right;}

.l-p{position: relative;background-color: #fff;}

.l-q{width: 100%;padding-top: 100%;position: relative;border: 1px solid #eee;}

.l-r{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.l-u{float: left;width: 7rem;height: 39rem;padding-top:4rem;position: relative;user-select: none;}

.l-u .swiper-slide {width: 98% !important;}

.l-v{width: 100%;height:31rem;}

.l-w{position: relative;padding-top: .3rem;}

.l-x{width: 100%;padding-top:96%;position: relative;border: 1px solid #eee;cursor: pointer;}

.l-y{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.l-arrow{width: 5rem;height:2.8rem;background-color: #eee;position: absolute;left: 50%;margin-left: -2.8rem;cursor: pointer;background-size: 1.8rem .8rem;background-repeat: no-repeat;background-position: center center;background-image: url(../img/8.png);}

.l-prev{top: 0;}

.l-next{bottom:0!important;transform: rotate(180deg)!important;}

.l-arrow.swiper-button-disabled{opacity: 0.5;pointer-events: none;}

.l-w.active .l-x{border-color: #33bbce;}

@media(max-width: 750px){

    .l-a{padding-left: 10px;padding-right: 10px;padding-bottom: 30px;}

    .l-cont{width: 100%;max-width: 500px;padding: 20px 10px;}

    .l-u{width: 47px;}

    .l-left{width: 100%;float: none;}

    .l-o{width: calc(100% - 57px);}

    .l-q{padding-top: 304px;}

    .l-right{float: none;width: 100%;padding-top: 25px;}

    .l-top{padding-bottom: 15px;margin-bottom: 15px;}

}









.m-a{width: 94%;margin: 0 auto;display: flex;justify-content: space-between;overflow: hidden;}

.m-right{width: 20rem;float: right;background-color: #fff;}

.m-goods{width: 100%;padding: 2rem 2rem 2rem;}

.m-link{width: 100%;display: block;}

.m-box{width: 100%;padding-top: 100%;position: relative;border: 1px solid #eee;transition: all .3s;}

.m-img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .5s;}

.m-tit{color: #555;line-height: 1.5;padding-top: .13rem;padding-bottom: .27rem;text-align: center;transition: all .3s;}

.m-h2{color: #33bbce;border-bottom: 1px solid #ededed;position: relative;padding: 1rem 1rem;}

.m-h2:before{content: "";display: block;width: .4rem;height: 1.2em;background-color: #33bbce;position: absolute;left: 0;top: 50%;margin-top: -0.5em;}

.m-left{float: left;width: 72rem;background-color: #fff;}

.m-list{width: 100%;font-size: 0;padding: .69rem .29rem .1rem;border-bottom: 1px solid #ededed;}

.m-item{display: inline-block;vertical-align: top;width: 50%;font-size: 0;margin-bottom: .7rem;}

.m-icon{width: 18.9%;vertical-align: middle;margin-right: 4%;}

.m-text{display: inline-block;vertical-align: middle;width: 77.1%;}

.m-c{color: #000;line-height: 1.5;margin-bottom: .1rem;}

.m-d{color: #666;line-height: 1.71;}

.m-h{padding:.12rem .29rem .38rem .29rem;}

.m-k{color: #333;padding-left: .28rem;border-left: 0.05rem solid #33bbce;margin-bottom: .35rem;}

.m-i{width: 94.5%;padding-left:.08rem;}

.m-j{color: #666;line-height: 1.55;margin-bottom: .12rem;}

strong.xqbt1{width: 100%;float: left;color: #666;line-height: 1.55;margin:.28rem 0 .1rem 0;padding: 0.14rem 0 0.12rem 0.42rem;background: url(../image/xqbt1.png) no-repeat 0.14rem center #dedede;}

@media(min-width: 1201px){

    .m-link:hover .m-tit{color: #33bbce;}

    .m-link:hover .m-img{transform: translate(-50%,-50%) scale(1.05);}

}

@media(max-width: 750px){

    .m-a{width: 100%;display: block;max-width: 500px;}

    .m-left{float: none;width: 100%;}

    .m-right{float: none;width: 100%;}

    .m-goods{width: 100%;overflow: auto;white-space: nowrap;font-size: 0;padding: 20px;}

    .m-link{width: 180px;display: inline-block;vertical-align: top;margin-right: 20px;}

    .m-tit{padding-bottom: 0;}

}

@media(max-width: 500px){

    .m-item{width: 100%;}

    .m-icon{width: 50px;margin-right: 10px;}

    .m-text{width: calc(100% - 60px);}

    .m-list{padding: 20px 10px;}

    .m-item{margin-bottom: 20px;}

    .m-item:last-child{margin-bottom: 0;}

    .m-h{padding: 20px 10px;}

    .m-goods{padding: 20px 10px;}

    .m-link{width: 160px;margin-right: 10px;}

    .m-tit{font-size: 12px;}

}

.s24 {font-size: calc(24 * 100vw / 1920);}

.s30 {font-size: calc(26 * 100vw / 1920);}









.k-page{width: 100%;text-align: center;    margin-bottom: 30px;}

.k-page a {display: inline-block;vertical-align: top;cursor: pointer;border: 1px solid #eee;line-height: .46rem;text-align: center;min-width: .48rem;color: #666;margin: 0 0.05rem;padding: 0 .22rem;font-size: 13.2px;}

.k-num{padding: 0 .1rem;}

.k-page a.page-num-current{background-color: #35b8ca;color: #fff;border-color: #35b8ca;}

@media(min-width: 1201px){

    .k-page a:hover{color: #35b8ca;}

    .k-page a.page-num-current:hover{color: #fff;}

}

@media(max-width: 1200px){

    .k-page a{line-height: 30px;min-width: 32px;padding: 0 10px;margin: 0 3px 6px;}

    .k-num{padding: 0 5px;}

}









@media screen and (max-width: 780px){

.proflli{ width:100%;display: block!important;}

.profl1 {float: left;  max-width:100%;  width: 100%;}

.product.wrapper li:nth-child(2n) {margin-right: 0;}

.product.wrapper li {width: 48.4%;}

.product.wrapper li.swiper-slide a {padding: 14px;}

.product.wrapper .text { padding-top:20px;}

.product.wrapper .h2 {font-size: 14px;}

.menu-level-3::after{ display:none;}

.shoulder-nav .mainmenu li {width: 33.3%;  float: left;}







.idx-number .block {padding-left: 54px;}



.idx-number .num span {font-size: 36px;}

.idx-number .pn {font-size: 12px;}







}



.news-paginations {

    margin: 100px 0;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.news-paginations a {

    display: inline-block;

    margin: 0 10px;

    width: 60px;

    height: 30px;

    text-align: center;

    line-height: 28px;

    color: #02a0e7;

    border-radius: 0;

    border: 1px solid #02a0e7;

}

.news-dynamic1 {
  padding: 4vw 8.33vw;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-title {
    text-align: center;
}
.about-title1 strong {
    color: #3e3a39;
}
.about-title strong {
    display: block;
    line-height: 1;
    color: #fff;
    font-size: 2.5vw;
}.news-dynamic-list,.news-dynamic-list1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news-dynamic-list1 li {
   flex: 0 0 calc(50% - 30px); margin-bottom:20px; background:#f7f7f7;    padding: 20px;}
	
.news-dynamic-list1{ margin-top:3%;}
	
	
	
	
.news-dynamic-list1 li:nth-child(3n+3) {
  margin-right: 0;
}
.news-dynamic-list1 li a {
  display: block;
  padding: 1.2vw 1.2vw 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px; background:#fff;
}
.news-dynamic-list1 li a figure {
  position: relative;
  display: block;
  padding-bottom: 67%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 8px;
}
.news-dynamic-list1 li a figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-dynamic-list1 li a figure img {
  border-radius: 8px;
  transition: 0.68s;
}
.news-dynamic-list1 li a:hover figure img {
  transform: scale(1.06);
}
.news-dynamic-list1 li a:hover .news-dynamic-text strong {
  font-weight: bold;
}
.news-dynamic-text1 {
    padding-top: 0;
    text-align: left;
}
.news-dynamic-text1 strong {
  display: block;
  line-height: 1.1;
  color: #333;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  transition: 0.2s;
}
.news-dynamic-text1 p {
  color: #666;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-dynamic-text1 time {
  display: block;
  margin-top:1vw;
  padding: 1.25vw 0;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #999;
  font-family: "Gilroy";
  font-weight: bold;
  font-size: 14px;
}
.news-dynamic-text1 time i {
  display: inline-flex;
  margin-right: 6px;
  color: #999;
  font-style: normal;
  font-size: 15px;
  font-weight: normal;}
  .news-dynamic-text1 .fl{ width:76%; float:left;}
   .news-dynamic-text1 .fr{     width: 24%;
    float: left;}
   .news-dynamic-text1 .fr a{     padding: 5px 20px;
    border: 1px solid #eee;
    border-radius: 3px; float:left; margin:0 5px;}