.tem59-banner,.tem59-banner .container {

	position: relative;

}



.tem59-banner.tem60-banner {

	background-color: #000

}



.tem59-banner.tem60-banner .container {

	position: absolute;

	top: 50%;

	left: 50%;

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

	z-index: 1

}



.tem59-banner.tem60-banner .image {

	height: 100vh;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover

}



.tem59-banner.tem60-banner .image img {

	display: none

}



.tem59-banner .image img {

	max-width: 100%

}



.tem59-banner .swiper {

	overflow: hidden;

}



.swiper .swiper-container-horizontal{



}



img.swiper-lazy .swiper-lazy-loaded{

	

}



.swiper-lazy .swiper-lazy-loaded{

	

}



.tem59-banner .nav {

	color: #fff

}



.tem59-banner .nav span {

	display: inline-block;

	position: absolute;

	top: 50%;

	width: 40px;

	height: 50px;

	font-size: 40px;

	line-height: 50px;

	margin-top: -25px;

	z-index: 9;

	text-align: center;

	cursor: pointer;

	opacity: .5;

	transition: .5s

}



.tem59-banner .nav span:hover {

	opacity: 1

}



.tem59-banner .nav span.prev {

	left: 40px

}



.tem59-banner .nav span.next {

	right: 40px

}



.tem59-banner .nav span.prev i,.tem59-banner .nav span i.icon-keyboard_backspace:before {

	display: inline-block;

	transform: scaleX(-1)

}



.tem59-banner .text {

	position: absolute;

	top: 50%;

	color: #fff;

	padding: 0 80px

}



.tem59-banner .title_t {

	font-size: 100px;

	line-height: 1

}



.tem59-banner .flexBox_ {

	display: flex;

	display: -webkit-flex;

	align-items: center

}



.tem59-banner .num_ {

	color: #4f2508;

	font-size: 80px;

	padding-right: 20px

}



.tem59-banner .em_ {

	flex-grow: 1;

	font-size: 40px;

	line-height: 1

}



.tem59-banner .text .box {

	color: #fff;

	border-color: #fff

}



.tem59-banner a.more {

	margin-top: 10px;

	display: inline-block;

	padding: .5em 2em;

	border: 2px solid;

	border-color: inherit;

	color: inherit;

	transition: .5s;

	font-size: 20px;

	border-radius: 6px

}



.tem59-banner ol {

	display: none;

	border-color: #fff;

	position: absolute;

	bottom: 20px!important;

	left: 50%!important;

	width: auto!important;

	transform: translateX(-50%);

	z-index: 1

}



.tem59-banner ol.show_ {

	display: block

}



.tem59-banner ol span.swiper-pagination-bullet-active {

	width: 50px

}



.tem59-banner ol span {

	width: 20px;

	height: 0;

	border: 2px solid;

	border-color: inherit;

	border-radius: 4px;

	display: inline-block;

	background-color: transparent!important;

	transition: .5s

}



.tem59-banner.content-left .text {

	left: 0;

	transform: translateY(-50%)

}



.tem59-banner.content-middle .text {

	left: 50%;

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

	text-align: center

}



.tem59-banner.content-right .text {

	right: 0;

	transform: translateY(-50%);

	text-align: right

}



.news_lang a {

	display: block

}



.news_lang .icon {

	display: flex

}

.sw_cer {overflow: hidden;}

@media(max-width:768px) {

	.news_lang a {

		display: none

	}



	.news_lang a:nth-child(1) {

		display: block

	}



	.tem59-banner .container {

		width: 100%;

		padding-left: 0!important;

		padding-right: 0!important

	}



	.tem59-banner.tem60-banner .image {

		height: 400px

	}



	.tem59-banner .title_t {

		font-size: 40px

	}



	.tem59-banner .num_ {

		font-size: 40px

	}



	.tem59-banner .em_ {

		font-size: 20px

	}



	.tem59-banner .nav span.prev {

		left: 10px

	}



	.tem59-banner .nav span.next {

		right: 10px

	}



	.tem59-banner .nav {

		display: none

	}



	.tem59-banner .text {

		padding: 0 30px

	}



	.tem59-banner a.more {

		font-size: 14px

	}



	.tem59-banner ol {

		bottom: 0!important

	}



	.tem59-banner ol span.swiper-pagination-bullet-active {

		width: 22px

	}



	.tem59-banner ol span {

		width: 12px;

		margin: 0 2px!important

	}



	.languageList {

		display: block

	}

}



@media(max-width:480px) {

	.tem59-banner .flexBox_ {

		flex-wrap: wrap

	}

}



.tem01-title {

	text-align: center;

	padding: 50px 0 0

}



.title h2 {

	font-weight: 600;

	font-size: 48px

}



.title h2 span {

	color: #439fe3;

	user-select: auto;

	padding-left: 10px

}



.tem01-title .title {

	padding: 0 15px

}



.tem01-title .subtitle {

	font-size: 13px;

	line-height: 30px;

	color: #888;

	padding: 0 15px

}



.tem01-title .more {

	display: none

}



@media(max-width:768px) {

	.title h2 {

		font-size: 20px!important;

		line-height: 22px!important

	}



	.tem01-title .title,.tem01-title .subtitle {

		padding-left: 2%!important;

		padding-right: 2%!important

	}



	.tem01-title.full-screen-spacing .full-screen .title,.tem01-title.full-screen-spacing .full-screen .subtitle {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.editorh1 {

		display: none

	}



	.img_box .box .img {

		display: none

	}



	.text_box {

		transform: translateY(50px)

	}

}



.mainlist .tem01-list-title,.maindetail .tem01-list-title {

	text-align: center;

	padding: 15px 0

}



.mainlist .tem01-list-title .subtitle,.maindetail .tem01-list-title .subtitle {

	line-height: 30px;

	color: #888

}



.mainlist .tem01-list-title .more,.maindetail .tem01-list-title .more {

	display: none

}



.tem113-pro .pro-li {

	width: 24%;

	float: left;

	margin-right: 10px;

}



.tem113-pro .pro-li:nth-child(4n) {

	margin-right: 0;

}



.tem113-pro .pro-li .images {

	position: relative

}



.tem113-pro .pro-li .images::before {

	border: 1px solid rgba(255,255,255,.53);

	left: 0;

	top: 0;

	margin: 4%;

	opacity: 0;

	width: calc(93% - 2px);

	height: calc(90% - 2px);

	content: "";

	position: absolute;

	z-index: 2;

	-moz-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-webkit-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s

}



.tem113-pro .pro-li:hover .images::before {

	opacity: 1

}



.tem113-pro .pro-li .images img {

	width: 100%

}



.tem113-pro .pro-li .text {

	padding: 15px 20px;

	position: relative;

	bottom: 20px;

	width: 92%;

	left: 4%;

	background: rgba(255,255,255,.95);

	box-shadow: 0 0 20px rgba(0,0,0,.1);

	text-align: center

}



.tem113-pro .pro-li .text .info {

	transition: all .3s ease-out 0s

}



.tem113-pro .pro-li:hover .text .info {

	-o-transform: translateY(11px);

	-moz-transform: translateY(11px);

	-ms-transform: translateY(11px);

	-webkit-transform: translateY(11px);

	transform: translateY(11px)

}



.tem113-pro .pro-li .text .title {

	font-size: 16px;

	color: #333;

	-moz-transition: all .3s ease-out 0s;

	-o-transition: all .3s ease-out 0s;

	-ms-transition: all .3s ease-out 0s;

	-webkit-transition: all .3s ease-out 0s;

	transition: all .3s ease-out 0s

}



.tem113-pro .pro-li .text .description {

	display: block;

	font-size: 13px;

	color: inherit;

	opacity: .4;

	width: 100%;

	line-height: 22px!important;

	-moz-transition: all .3s ease-out .1s;

	-o-transition: all .3s ease-out .1s;

	-ms-transition: all .3s ease-out .1s;

	-webkit-transition: all .3s ease-out .1s;

	transition: all .3s ease-out .1s

}



.tem113-pro .pro-li .text .pro_price {

	display: none

}



.tem113-pro .pro_price i {

	font-style: normal

}



.tem113-pro .price_origin {

	color: inherit

}



.tem113-pro .prev,.tem113-pro .next {

	position: absolute;

	top: 50%;

	background: rgba(0,0,0,.1);

	-webkit-transform: translateY(-140%);

	-moz-transform: translateY(-140%);

	-ms-transform: translateY(-140%);

	transform: translateY(-140%);

	font-size: 0;

	z-index: 1;

	cursor: pointer

}



.tem113-pro .next {

	right: 20px

}



.tem113-pro .prev {

	left: 20px;

	-webkit-transform: translateY(-140%) rotateY(180deg);

	-moz-transform: translateY(-140%) rotateY(180deg);

	-ms-transform: translateY(-140%) rotateY(180deg);

	transform: translateY(-140%) rotateY(180deg)

}



.tem113-pro .iconFont_class {

	font-size: 38px;

	color: #fff

}



.tem113-pro .swiper-pagination {

	width: 100%;

	height: 20px;

	bottom: 0;

	margin: 0 auto;

	text-align: center;

	background-color: #00a6ff;

}



.tem113-pro .swiper-pagination-bullet {

	width: 6px;

	height: 6px;

	position: relative;

	overflow: hidden;

	

	border-color: #00dada;

}



.tem113-pro .swiper-pagination-bullet::after {

	content: '';

	position: absolute;

	left: 0;

	top: -20px;

	

	visibility: visible;

	border: 5px solid;

	border-color: inherit;

	border-radius: 50%

}



@media(min-width:768px) {

	.tem113-pro .swiper-pagination.pc-none {

		display: none!important

	}



	.tem113-pro .prev.pc-none,.tem113-pro .next.pc-none {

		display: none!important

	}

}



@media(max-width:768px) {

	.tem113-pro .swiper-pagination.model-none {

		display: none!important

	}



	.tem113-pro .prev.model-none,.tem113-pro .next.model-none {

		display: none!important

	}



	.tem113-pro .pro-li {

		padding: 0 3px;

        width: 48%;

        

	}

	.tem113-pro .pro-li:nth-child(2n){

        margin-right:0;

    }

	.tem113-pro .pro-li .text {

		padding: 10px

	}



	.tem113-pro .pro-li:hover .text .info {

		-o-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}



	.tem113-pro .pro-li:hover .text .description {

		opacity: 1

	}



	.tem113-pro .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem113-pro.full-screen-spacing .container {

		padding-left: 0!important;

		padding-right: 0!important

	}

}



@media(max-width:480px) {

	.tem113-pro .pro-li .text {

		bottom: 40px

	}



	.tem113-pro .pro-li .text .title {

		font-size: 14px

	}



	.tem113-pro .pro-li .text .description {

		font-size: 12px

	}

}



.tem175-irregular .text {

	padding: 5% 0

}



@media(max-width:768px) {

	.tem174-irregular .text,.tem174-irregular .image {

		padding-left: 2%;

		padding-right: 2%

	}



	.tem174-irregular.full-screen-spacing .text {

		padding-left: 3%;

		padding-right: 3%

	}



	.tem174-irregular.full-screen-spacing .image {

		padding-left: 0;

		padding-right: 0

	}

}



.tem174-irregular {

	height: auto;

	overflow: hidden;

	background-size: cover;

	text-align: center;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto

}



.tem174-irregular .container {

	height: 100%;

	position: relative;

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-align-items: center;

	align-items: center

}



.tem174-irregular a,.tem174-irregular img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.tem174-irregular .text {

	width: 80%;

	margin: auto;

	padding: 3% 0

}



.tem174-irregular .text .title {

	color: #fff;

	font-size: 30px;

	padding: 10px 0;

	line-height: 1

}



.tem174-irregular .text .description {

	color: #999;

	padding: 10px 0;

	line-height: 175%

}



.tem174-irregular .text .subtitle .wow {

	display: inline-block;

	border-width: 1px;

	border-radius: 4px;

	border-style: solid;

	margin-top: 30px;

	transition: .5s

}



.tem174-irregular .text .subtitle .wow:hover {

	margin-top: 24px;

	box-shadow: 0 5px 10px rgba(0,0,0,.2)

}



.tem174-irregular .text .subtitle a {

	display: inline-block;

	color: inherit!important;

	text-decoration: none!important;

	padding: 8px 20px

}



.tem174-irregular.content-left {

	text-align: left

}



.tem174-irregular.content-middle {

	text-align: center

}



.tem174-irregular.content-right {

	text-align: right

}



@media(orientation:portrait) {

	.tem174-irregular {

		height: auto;

		padding: 10% 0

	}

}



.tem10-positioning-language {

	width: 100%;

	background-color: transparent;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto

}



.tem10-positioning-language .con {

	width: 100%;

	position: relative;

	overflow: hidden

}



.tem10-positioning-language .con .img_box {

	width: 100%;

	position: relative;

	top: 0;

	left: 0

}



.tem10-positioning-language .con .img_box .box {

	width: 100%;

	display: block;

	position: relative;

	top: 0;

	left: 0

}



.tem10-positioning-language .con .img_box .box:nth-child(2) {

	left: auto;

	right: 0

}



.tem10-positioning-language .con .img_box .box .img {

	width: 100%

}



.tem10-positioning-language .con .img_box .box .img img {

	object-fit: cover;

	width: 100%;

	height: 100%

}



.tem10-positioning-language .text_box {

	padding: 90px 20px;

	margin: 0 10%;

	margin-top: -126px;

	z-index: 2;

	position: relative;

	text-align: center

}



.tem10-positioning-language .text_box .text {

	text-align: center;

	overflow: hidden;

	position: relative;

	z-index: 2;

	margin: 60px 10%;

	margin-top: 0;

	display: inline-block

}



.tem10-positioning-language .text_box .text .txt {

	position: relative;

	transform: translateX(-100%)

}



.tem10-positioning-language .text_box.dong .text .txt {

	animation: tem10_positioning_language_lr .6s ease 0s both

}



.tem10-positioning-language .text_box.dong .text .txt:after {

	animation: tem10_positioning_language_lr02 .6s ease .6s both

}



.tem10-positioning-language .text_box .description {

	opacity: 0;

	transform: translateY(20px);

	transition: 0s

}



.tem10-positioning-language .text_box.dong .description {

	opacity: 1;

	transform: translateY(0px);

	transition: .5s .3s

}



.tem10-positioning-language .text_bg {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	z-index: -1

}



.text_box .text_bg {

	background-color: transparent;

	user-select: auto

}



.text_box .text .title p {

	font-size: 24px

}



@keyframes tem10_positioning_language_lr {

	0% {

		transform: translateX(-100%)

	}



	100% {

		transform: translateX(0)

	}

}



@keyframes tem10_positioning_language_lr02 {

	0% {

		transform: translateX(0)

	}



	100% {

		transform: translateX(101%)

	}

}



@media(max-width:768px) {

	.tem10-positioning-language .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem10-positioning-language.full-screen-spacing .container.full-screen {

		padding-left: 0!important;

		padding-right: 0!important

	}



	.tem10-positioning-language .text_box {

		padding: 50px 3%;

		margin: 0 6%;

		margin-top: -60px

	}



	.tem10-positioning-language .text_box .text {

		margin-bottom: 30px;

		margin-left: 20px;

		margin-right: 20px

	}



	.tem10-positioning-language .text_box.dong .description {

		text-align: left

	}



	.tem10-positioning-language .text_box .text .title span {

		font-size: 20px!important;

		font-weight: 700!important

	}



	.tem10-positioning-language .con .img_box .box .img img {

		min-height: 50vh

	}

}



.tem378-irregular {

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

	background-color: #ffffff;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%

}



.tem378-irregular .designer-noData {

	color: #fff;

	border-color: #fff

}



.tem10-guide-language {

	transition: all .8s ease;

	-o-transition: all .8s ease;

	-moz-transition: all .8s ease;

	-ms-transition: all .8s ease;

	-webkit-transition: all .8s ease;

	position: relative

}



.tem10-guide-language.STop {

	transform: scale(.9);

	-o-transform: scale(.9);

	-moz-transform: scale(.9);

	-ms-transform: scale(.9);

	-webkit-transform: scale(.9)

}



.tem10-guide-language.STop .move_bg {

	background-color: #fe9dbe;

	user-select: auto;

	opacity: 1;

	-o-transition: all .8s ease;

	-moz-transition: all .8s ease;

	-ms-transition: all .8s ease;

	transition: all .8s ease;

	-webkit-transition: all .8s ease

}



.tem10-guide-language .move_bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	-o-transition: all .8s ease;

	-moz-transition: all .8s ease;

	-ms-transition: all .8s ease;

	transition: all .8s ease;

	-webkit-transition: all .8s ease

}



.tem10-guide-language .text {

	width: 70%;

	color: #fff;

	text-align: center;

	margin: 0 auto

}



.tem10-guide-language .text .title {

	font-size: 34px;

	line-height: 45px;

	color: inherit;

	padding: 0 50px;

	margin-top: 20px

}



.tem10-guide-language .text .description {

	padding: 30px 0;

	font-size: 20px;

	color: rgba(255,255,255,.6)

}



.tem10-guide-language .text .more {

	text-align: center

}



.tem10-guide-language .text .more a {

	padding: 20px 45px;

	border-radius: 50px;

	font-weight: 600;

	background: rgb(29,91,168,.6);

	font-size: 14px;

	border: none

}



@media(max-width:768px) {

	.tem10-guide-language .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem10-guide-language.full-screen-spacing .container.full-screen {

		padding-left: 0!important;

		padding-right: 0!important

	}



	.tem10-guide-language .text {

		width: 90%

	}



	.tem10-guide-language .text .title {

		font-size: 24px;

		line-height: 36px;

		padding: 0 30px

	}



	.tem10-guide-language .text .more a {

		padding: 16px 32px;

		font-weight: 300

	}

}



@media(max-width:480px) {

	.tem10-guide-language {

		padding: 30px 0!important

	}



	.tem10-guide-language .text {

		width: 100%;

		padding: 0

	}



	.tem10-guide-language .text .title {

		font-size: 18px;

		line-height: 30px;

		padding: 0;

		margin: 0

	}



	.tem10-guide-language .text .description {

		font-size: 14px;

		padding: 10px 0 15px

	}



	.tem10-guide-language .text .more a {

		padding: 8px 16px;

		font-size: 12px

	}

}



.tem500-irregular {

	background-color: #439fe3;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto;

	background-image: url(../images/aboutbg.jpg)

}



.tem328-irregular a {

	color: inherit

}



.tem328-irregular img {

	max-width: 100%;

	display: inline-block

}



.tem328-irregular .flexBoxWrap {

	align-items: center;

	padding: 30px

}



.tem328-irregular .column {

	width: 100%!important;

	padding: 0!important

}



.tem328-irregular .image {

	width: 100%;

	text-align: center

}



.tem328-irregular .image a {

	display: block;

	position: relative

}



.tem328-irregular .image .title {

	font-size: 16px;

	font-weight: 700

}



.tem328-irregular .image .box {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 20px;

	color: #fff;

	width: 100%;

	text-align: left

}



.tem328-irregular .text {

	width: 100%;

	font-size: 18px;

	line-height: 1.2;

	padding: 5vw 5vw 5vw 2vw;

	position: relative;

	width: 100%;

	z-index: 1;

	transition: transform .5s;

	line-height: 180%

}



.tem328-irregular .text .more {

	font-size: 14px

}



.tem328-irregular .text a {

	text-decoration: underline;

	transition: 0s!important

}



.tem328-irregular .text .more i {

	transition: padding .5s;

	padding-left: 5px

}



.tem328-irregular .text .description {

	padding: 2vw 0

}



.tem328-irregular .text .border {

	position: absolute;

	top: 0;

	width: 100%;

	height: 85%;

	border: 1px solid rgba(0,0,0,.2);

	transition: .5s

}



.tem328-irregular .text .bg {

	position: absolute;

	top: 15px;

	width: 110%;

	height: 90%;

	background-color: #f1671a;

	transition: .5s;

	opacity: 0

}



.tem328-irregular .text .box {

	position: relative;

	z-index: 1

}



.tem328-irregular.content-left .text .bg,.tem328-irregular.content-left .text .border {

	right: 0

}



.tem328-irregular.content-right .image .box {

	text-align: right

}



.tem328-irregular.content-right .text .bg,.tem328-irregular.content-right .text .border {

	right: 0

}



.tem328-irregular.content-right .flexBoxWrap {

	flex-direction: row-reverse

}



.tpic {

	width: 40%

}



.tem328-irregular.content-left .text .bg,.tem328-irregular.content-left .text .border {

	right: 0

}



#p_5e9d0ad64b3c415 .text {

	color: rgb(255 255 255);

	user-select: auto;

	background: #3f9dc1;

	height: 50px;

	transform: translateY(-125%);

	line-height: 50px;

	text-align: center

}



@media(min-width:768px) {

	.tem328-irregular .text:hover,.tem328-irregular .text:hover span,.tem328-irregular .text:hover i,.tem328-irregular .text:hover a {

		color: #fff!important

	}



	.tem328-irregular .text:hover .more i {

		padding-left: 15px

	}



	.tem328-irregular .text:hover .border {

		opacity: 0

	}



	.tem328-irregular .text:hover .bg {

		opacity: 1

	}



	.tem328-irregular.content-left .text:hover {

		transform: translate(-5px,5px)

	}



	.tem328-irregular.content-left .text:hover .border {

		box-shadow: 10px 10px 20px rgba(0,0,0,.1)

	}



	.tem328-irregular.content-right .text:hover {

		transform: translate(5px,5px)

	}



	.tem328-irregular.content-right .text:hover .border {

		box-shadow: -10px 10px 20px rgba(0,0,0,.1)

	}

}



@media(max-width:767px) {

	.tem328-irregular .text {

		font-size: 12px

	}



	.tem328-irregular .column.col-xs-12 .text .border {

		width: 100%!important;

		border-color: transparent!important;

		background-color: transparent!important

	}



	.tem328-irregular .column.col-xs-12 .text .bg {

		width: 100%!important

	}



	.tem328-irregular .column.col-xs-6 .text {

		width: 49.932%

	}



	.tem328-irregular .column.col-xs-6 .image {

		width: 49.932%

	}



	.tem328-irregular .column.col-xs-4 .text {

		width: 33.289%

	}



	.tem328-irregular .column.col-xs-4 .image {

		width: 66.578%

	}



	.tem328-irregular .column.col-xs-3 .text {

		width: 24.959%

	}



	.tem328-irregular .column.col-xs-3 .image {

		width: 74.877%

	}



	.tem328-irregular .column.col-xs-2_4 .text {

		width: 20%

	}



	.tem328-irregular .column.col-xs-2_4 .image {

		width: 80%

	}



	.tem328-irregular .column.col-xs-2 .text {

		width: 16.645%

	}



	.tem328-irregular .column.col-xs-2 .image {

		width: 83.225%

	}

}



@media(min-width:768px) and (max-width:991px) {

	.tem328-irregular .column.col-sm-12 .text .border {

		width: 100%!important;

		border-color: transparent!important;

		background-color: transparent!important

	}



	.tem328-irregular .column.col-sm-12 .text .bg {

		width: 100%!important

	}



	.tem328-irregular .column.col-sm-6 .text {

		width: 49.932%

	}



	.tem328-irregular .column.col-sm-6 .image {

		width: 49.932%

	}



	.tem328-irregular .column.col-sm-4 .text {

		width: 33.289%

	}



	.tem328-irregular .column.col-sm-4 .image {

		width: 66.578%

	}



	.tem328-irregular .column.col-sm-3 .text {

		width: 24.959%

	}



	.tem328-irregular .column.col-sm-3 .image {

		width: 74.877%

	}



	.tem328-irregular .column.col-sm-2_4 .text {

		width: 20%

	}



	.tem328-irregular .column.col-sm-2_4 .image {

		width: 80%

	}



	.tem328-irregular .column.col-sm-2 .text {

		width: 16.645%

	}



	.tem328-irregular .column.col-sm-2 .image {

		width: 83.225%

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.tem328-irregular .column.col-md-12 .text .border {

		width: 100%!important;

		border-color: transparent!important;

		background-color: transparent!important

	}



	.tem328-irregular .column.col-md-12 .text .bg {

		width: 100%!important

	}



	.tem328-irregular .column.col-md-6 .text {

		width: 49.932%

	}



	.tem328-irregular .column.col-md-6 .image {

		width: 49.932%

	}



	.tem328-irregular .column.col-md-4 .text {

		width: 33.289%

	}



	.tem328-irregular .column.col-md-4 .image {

		width: 66.578%

	}



	.tem328-irregular .column.col-md-3 .text {

		width: 24.959%

	}



	.tem328-irregular .column.col-md-3 .image {

		width: 74.877%

	}



	.tem328-irregular .column.col-md-2_4 .text {

		width: 20%

	}



	.tem328-irregular .column.col-md-2_4 .image {

		width: 80%

	}



	.tem328-irregular .column.col-md-2 .text {

		width: 16.645%

	}



	.tem328-irregular .column.col-md-2 .image {

		width: 83.225%

	}

}



@media(min-width:1200px) {

	.tem328-irregular .column.col-lg-12 .text .border {

		width: 100%!important;

		border-color: transparent!important;

		background-color: transparent!important

	}



	.tem328-irregular .column.col-lg-12 .text .bg {

		width: 100%!important

	}



	.tem328-irregular .column.col-lg-6 .text {

		width: 49.932%

	}



	.tem328-irregular .column.col-lg-6 .image {

		width: 49.932%

	}



	.tem328-irregular .column.col-lg-4 .text {

		width: 33.289%

	}



	.tem328-irregular .column.col-lg-4 .image {

		width: 66.578%

	}



	.tem328-irregular .column.col-lg-3 .text {

		width: 24.959%

	}



	.tem328-irregular .column.col-lg-3 .image {

		width: 74.877%

	}



	.tem328-irregular .column.col-lg-2_4 .text {

		width: 20%

	}



	.tem328-irregular .column.col-lg-2_4 .image {

		width: 80%

	}



	.tem328-irregular .column.col-lg-2 .text {

		width: 16.645%

	}



	.tem328-irregular .column.col-lg-2 .image {

		width: 83.225%

	}

}



.tem256-irregular .scrollBox {

	overflow: hidden

}



.tem256-irregular ul {

	display: flex;

	display: -webkit-flex;

	position: relative

}



.tem256-irregular a {

	display: block;

	color: inherit;

	height: 100%;

	background-color: #f7f7f7

}



.tem256-irregular li {

	padding: 3px

}



.tem256-irregular img {

	width: 100%

}



.tem256-irregular .text {

	padding: 5%

}



.tem256-irregular .title {

	font-size: 16px

}



.tem256-irregular .description {

	font-size: 13px;

	line-height: 1.5;

	opacity: .6

}



.tem256-irregular.content-right {

	text-align: right

}



.tem256-irregular.content-middle {

	text-align: center;

	position: relative;

	top: -10px

}



.sw_about {

	border-color: rgba(0,0,0,.8);

	user-select: auto

}



.tem256-irregular li .box {

	background-color: #fff;

	color: #333;

	user-select: auto

}



.tem256-irregular li .box span {

	color: #fff;

	border-color: #333

}



@media(max-width:1299px) {

	.tem256-irregular li {

		padding: 2px

	}

}



@media(max-width:768px) {

	.tem256-irregular li {

		padding: 1px

	}



	.tem256-irregular .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem256-irregular.full-screen-spacing .container {

		padding-left: 0!important;

		padding-right: 0!important

	}

}



.tem327-irregular .box {

	background-color: #fff

}



.tem327-irregular .image {

	position: relative

}



.tem327-irregular .image:hover .icons {

	opacity: 1

}



.tem327-irregular .image:hover img {

	opacity: .3

}



.tem327-irregular .image img {

	transition: .5s

}



.tem327-irregular .icons {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	transition: .5s;

	z-index: 1

}



.tem327-irregular .icons span {

	position: absolute;

	top: 50%;

	left: 50%;

	display: block;

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

	display: flex;

	display: -webkit-flex

}



.tem327-irregular .icons a {

	width: 40px;

	height: 40px;

	font-size: 20px;

	border: 20px solid;

	border-color: inherit;

	border-radius: 50%;

	cursor: pointer;

	position: relative;

	margin: 5px;

	background-color: transparent

}



.tem327-irregular .icons a:before {

	position: absolute;

	display: block;

	top: 50%;

	left: 50%;

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

	transition: .3s

}



.tem327-irregular .icons a.icon-crop_free:hover:before {

	transform: translate(-50%,-50%) scale(1.1)

}



.tem327-irregular .icons a.icon-insert_link:hover:before {

	transform: translate(-50%,-50%) rotate(-45deg)

}



.tem327-irregular .swiper {

	border-color: rgba(0,0,0,.8)

}



.tem327-irregular .swiper-container {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: -1;

	visibility: hidden;

	opacity: 0;

	transition: .5s;

	border-color: inherit

}



.tem327-irregular .swiper-container:before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border-top: 100vh solid;

	border-color: inherit

}



.tem327-irregular .swiper-container img {

	max-width: 100%;

	width: auto

}



.tem327-irregular .swiper-slide {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	justify-content: center

}



.tem327-irregular .swiper-container.show {

	z-index: 99;

	opacity: 1;

	visibility: visible

}



.tem327-irregular .swiper span.close_ {

	position: absolute;

	top: 30px;

	right: 30px;

	font-size: 30px;

	opacity: .5;

	transition: .5s;

	z-index: 3;

	cursor: pointer

}



.tem327-irregular .swiper span.close_:hover {

	opacity: 1

}



@media(max-width:767px) {

	.tem327-irregular .swiper span.close_ {

		display: none

	}

}



.tem98-pro .item .images img {

	width: 100%

}



.tem98-pro .item .text {

	padding: 0 10px 0 5px;

	color: #333

}



.tem98-pro .title {

	margin-top: 24px;

	transition: .3s ease-out;

	-moz-transition: .3s ease-out;

	-webkit-transition: .3s ease-out

}



.tem98-pro .description {

	font-size: 12px;

	margin-bottom: 22px;

	width: 100%;

	opacity: .53

}



.tem98-pro .prev,.tem98-pro .next {

	width: 40px;

	height: 40px;

	background: 0 0;

	transition: .5s ease;

	cursor: pointer;

	display: block;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	opacity: 1;

	z-index: 2

}



.tem98-pro .prev {

	left: 0;

	transform: rotate(-180deg) translateY(20px);

	-moz-transform: rotate(-180deg) translateY(20px);

	-webkit-transform: rotate(-180deg) translateY(20px)

}



.tem98-pro .next {

	right: 0

}



.tem98-pro .prev span,.tem98-pro .next span {

	display: block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: rgba(0,0,0,.2);

	color: #fff;

	text-align: center;

	font-size: 22px

}



.tem98-pro .swiper-wrapper {

	margin-bottom: 30px

}



.tem98-pro .swiper-pagination {

	bottom: 0;

	text-align: center;

	border-color: #999;

	z-index: 4;

	width: 100%;

	height: 1px;

}



.tem98-pro .swiper-pagination span {

	background-color: transparent;

	margin: 0 6px!important;

	border: 4px solid;

	border-color: inherit

}



.tem98-pro .swiper-pagination span.swiper-pagination-bullet-active {

	opacity: 1;

	background-color: #3aafff;

	border-color:#3aafff ;

}



@media(max-width:767px) {

	.tem98-pro .container,.tem98-pro.full-screen-spacing .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem98-pro .item {

		width: 100%;

		padding: 0 5px

	}



	.tem98-pro .title {

		margin-top: 5px

	}



	.tem98-pro .description {

		margin-bottom: 5px

	}



	.tem98-pro .item .text {

		padding: 0 3%

	}



	.tem98-pro .swiper-pagination span {

		width: 6px;

		height: 6px;

		border-width: 3px

	}

}



@media(max-width:480px) {

	.tem98-pro .prev,.tem98-pro .next {

		display: none!important

	}

}



.tem32-title .title-header {

	width: 100%;

	position: relative;

	overflow: hidden

}



.tem32-title .title-header::after {

	position: absolute;

	content: "";

	height: 1px;

	border-top: 1px solid;

	top: 50%;

	display: inline-block;

	width: 100%;

	border-color: inherit

}



.tem32-title .title-header .title {

	font-size: 18px;

	color: #222;

	display: inline-block;

	margin-right: 20px

}



@media(max-width:480px) {

	.tem32-title .title-header .title {

		font-size: 16px;

		margin-right: 10px

	}

}



@media(max-width:768px) {

	.tem32-title .tem32-list-title {

		padding-left: 2%!important;

		padding-right: 2%!important

	}



	.tem32-title.full-screen-spacing .full-screen .tem32-list-title {

		padding-left: 3%!important;

		padding-right: 3%!important

	}

}



.mainlist .tem32-list-title .title-header {

	width: 100%;

	position: relative;

	overflow: hidden

}



.mainlist .tem32-list-title .title-header::after {

	position: absolute;

	content: "";

	height: 1px;

	border-top: 1px solid;

	top: 50%;

	display: inline-block;

	width: 100%;

	border-color: inherit

}



.mainlist .tem32-list-title .title-header .title {

	font-size: 18px;

	color: #222;

	display: inline-block;

	margin-right: 20px

}



@media(max-width:480px) {

	.mainlist .tem32-list-title .title-header .title {

		font-size: 16px;

		margin-right: 10px

	}

}



.tem09-case .column,.tem09-case .col-md-3 {

	padding: 0

}



.tem09-case .content-section {

	padding: 40px 0 0

}



.tem09-case .accomd-content .ac-page {

	position: relative;

	left: 0;

	top: 0;

	display: none

}



.tem09-case .accomd-room {

	position: relative;

	overflow: hidden;

	padding: 0 3px;

	margin-bottom: 20px

}



.tem09-case .full-screen {

	padding: 0

}



.content-left {

	clear: both

}



.conshow {

	box-shadow: 0 0 15px 5px #b3aeae;

	padding: 0 5px

}



.lower-content {

	text-align: center

}



.lower-content h3 a {

	color: #000

}



.lower-content h3 {

	margin-top: 20px;

	margin-bottom: 10px;

	font-size: 16px;

	height: 30px

}



.lower-content h3 a:hover {

	color: #439fe3

}



.tem09-case .accomd-room .img {

	width: 100%;

	padding-top: 80%;

	position: relative;

	overflow: hidden

}



.tem09-case .accomd-room .img a {

	display: block

}



.tem09-case .accomd-room .img a img {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}



.tem09-case .accomd-room .text {

	color: #fff;

	padding: 30% 20px 0;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(0,0,0,.7);

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: all .3s ease-out 0s

}



.tem09-case .accomd-room .text a {

	width: 100%;

	height: 100%;

	color: inherit

}



.tem09-case .accomd-room .text h3,.tem09-case .accomd-room .text .h3 {

	width: 100%;

	height: 30px;

	line-height: 30px!important;

	padding: 0;

	overflow: hidden;

	font-size: 16px;

	font-weight: 400;

	margin: 0;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.tem09-case .accomd-room .text .protext {

	opacity: .8;

	font-size: 12px;

	margin-top: 8px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	text-align: center;

	transform: translateY(30px);

	transition: all .3s ease-out 0s

}



.tem09-case .accomd-room:hover img {

	transform: scale(1.1)

}



.tem09-case .accomd-room:hover .text {

	opacity: 1

}



.tem09-case .accomd-room:hover .text .protext {

	transform: translateY(0)

}



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

	.tem09-case .column,.tem09-case .accomd-content .col-xs-4 {

		width: 50%

	}



	.tem09-case .accomd {

		padding: 0

	}



	.tem09-case .accomd:before {

		content: none

	}



	.tem09-case .accomd-content {

		margin-top: 0

	}

}



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

	.tem09-case .container {

		padding-left: 2%!important;

		padding-right: 2%!important

	}



	.tem09-case.full-screen-spacing .container.full-screen {

		padding-left: 0!important;

		padding-right: 0!important

	}



	.tem09-case .accomd .accomd-content .accomd-room .text {

		padding: 10px 15px

	}



	.tem09-case {

		width: 100%;

		height: auto

	}



	.tem09-case .content-section {

		padding: 20px 0 0

	}

}



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

	.tem09-case .column,.tem09-case .accomd .accomd-content [class*=col-] {

		width: 100%

	}

}



.sw_cer .prev,.sw_cer .next {

	color: #333;

	user-select: auto

}



.tem501-irregular {

	background-color: #439fe3;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto;

	background-image: url(../images/newbg.jpg)

}



.tem10-case #showimg .image {

	width: 94%;

	height: 96%;

	position: fixed;

	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%);

	text-align: center

}



.tem10-case #showimg .image img {

	max-width: 100%;

	max-height: 100%;

	display: block;

	vertical-align: middle

}



.tem10-case #showimg .close {

	font-size: 30px;

	color: #fff;

	opacity: 1

}



.tem10-case {

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto;

	margin-top: 40px

}



.flexBoxWrap .text .border {

	border-color: transparent;

	user-select: auto

}



.flexBoxWrap .text .bg {

	background-color: #439fe3;

	user-select: auto

}



.flexBoxWrap .text .description p span {

	font-size: 14px

}



.flexBoxWrap .text .more {

	color: #333;

	user-select: auto

}



.help-block {

	display: none;

	color: red

}



.style {

	color: #999;

	border-color: #d3d3d3;

	background-color: transparent;

	user-select: auto

}



.titlebar01 {

	background-color: rgb(246 246 246);

	background-size: cover;

	background-repeat: no-repeat;

	padding: 3% 0 1%;

	background-position: 50% 50%;

	user-select: auto

}



#contact_5dd5ece2125a7 {

	background-color: #439fe3;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 0;

	background-position: 50% 50%;

	user-select: auto;

	background-image: url(../images/bookbg.jpg)

}



.titlebar {

	background-color: #fff;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 3% 0 1%;

	background-position: 50% 50%;

	user-select: auto

}



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

	.tem10-case .container {

		padding-left: 2%!important;

		padding-right: 2%!important

	}



	.tem10-case.full-screen-spacing .container.full-screen {

		padding-left: 0!important;

		padding-right: 0!important

	}

}



.tem60-news {

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-position: top;

	background-attachment: fixed;

	position: relative

}



.tem60-news:before {

	content: "";

	display: block;

	width: 100%;

	height: 1px;

	background-color: rgba(133,133,133,.2);

	-webkit-transform: translateY(80px);

	-moz-transform: translateY(80px);

	transform: translateY(80px)

}



.tem60-news .con {

	color: #333;

	position: relative

}



.tem60-news .con .swiper-slide * {

	transition: all .3s ease-out 0s

}



.tem60-news .con a {

	color: inherit;

	padding: 30px 20px;

	display: block;

	opacity: .8;

	height: 300px;

	position: relative

}



.tem60-news .data {

	font-size: 24px;

	padding-bottom: 16px;

	margin-bottom: 20px;

	opacity: .7;

	position: relative

}



.tem60-news .data .round_box {

	position: absolute;

	width: 14px;

	height: 14px;

	border: 1px solid;

	border-color: inherit;

	border-radius: 50%;

	top: 100%;

	left: 4px;

	margin-top: -7.5px

}



.tem60-news .data .round_box:after {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	border-radius: 50%;

	width: 0;

	height: 0;

	border: 4px solid;

	border-color: inherit;

	transition: all .3s ease-out 0s

}



.tem60-news .txt {

	padding: 20px 0

}



.tem60-news .txt .title {

	font-size: 16px;

	margin-bottom: 15px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}



.tem60-news .txt .description {

	font-size: 13px;

	opacity: .6;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	line-height: 20px;

	max-height: 40px

}



.tem60-news .square {

	position: absolute;

	bottom: 0;

	width: 45%;

	height: 38px;

	border: 1px solid;

	border-color: inherit;

	opacity: 0

}



.tem60-news .square:after,.tem60-news .square:before {

	content: "";

	display: block;

	position: absolute;

	border-color: inherit

}



.tem60-news .square:after {

	width: 14px;

	height: 0;

	border-top: 1px solid;

	top: 50%;

	left: 50%;

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

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

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

	transition: all .3s ease-out .1s

}



.tem60-news .square:before {

	height: 14px;

	width: 0;

	border-left: 1px solid;

	top: 50%;

	left: 50%;

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

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

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

	transition: all .3s ease-out .1s

}



.tem60-news .swiper-button-next,.tem60-news .swiper-button-prev {

	background: 0 0;

	font-size: 40px;

	width: 50px;

	height: 50px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	display: block;

	font-weight: 400;

	margin: 0;

	border: 1px solid;

	border-color: rgba(133,133,133,.2);

	pointer-events: auto;

	right: -24px;

	left: auto;

	top: 80px

}



.tem60-news .swiper-button-next>span,.tem60-news .swiper-button-prev>span {

	line-height: 48px;

	font-size: 30px;

	width: 100%;

	height: 100%;

	text-align: center;

	display: block

}



.tem60-news .swiper-button-prev {

	margin-top: -50px

}



.tem60-news .swiper-button-next>span:hover,.tem60-news .swiper-button-prev>span:hover {

	color: #fff

}



@media(min-width:768px) {

	.tem60-news .container,.tem60-news.full-screen-spacing .container.full-screen {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem60-news .con a:hover {

		opacity: 1

	}



	.tem60-news .con a:hover .data {

		opacity: 1;

		margin-bottom: 10px

	}



	.tem60-news .con a:hover .data .round_box {

		border-width: 3px

	}



	.tem60-news .con a:hover .data .round_box:after {

		border-width: 2px

	}



	.tem60-news .con a:hover .txt .description {

		opacity: .8

	}



	.tem60-news .con a:hover .square {

		opacity: .6;

		bottom: 40px

	}



	.tem60-news .con a:hover .square:after,.tem60-news .con a:hover .square:before {

		top: 50%;

		left: 50%;

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

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

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

	}

}



@media(max-width:768px) {

	.tem60-news:before {

		display: none

	}



	.tem60-news .swiper-wrapper {

		display: block

	}



	.tem60-news .con a {

		height: auto;

		padding: 10px 0

	}



	.tem60-news .con a:after {

		content: "";

		display: block;

		border-bottom: 1px solid;

		width: 100%;

		height: 0;

		position: absolute;

		left: 0;

		bottom: 0;

		opacity: .2

	}



	.tem60-news .con .swiper-slide:last-child a:after {

		display: none

	}



	.tem60-news .square {

		display: none

	}



	.tem60-news .data .round_box {

		display: none

	}



	.tem60-news .data {

		padding: 0;

		opacity: 1;

		margin-bottom: 5px;

		font-family: helveticaneueltpro-thex,Arial

	}



	.tem60-news .txt {

		padding: 0

	}



	.tem60-news .txt .title {

		margin-bottom: 10px

	}



	.tem60-news .txt .description {

		opacity: .8

	}



	.tem60-news .swiper-button-next,.tem60-news .swiper-button-prev {

		display: none

	}



	.tem60-news .data {

		font-size: 20px

	}



	.tem60-news .txt .description {

		max-height: 500px

	}

}



.tem03-ai_contact .flexBox {

	display: flex;

	display: -webkit-flex

}



.tem03-ai_contact .flex-content {

	justify-content: center

}



.tem0-contact-sm {

	--x: 15px;

	--y: 15px;

	opacity: 0;

	flex-grow: 1

}



.tem0-contact-sm select {

	-webkit-appearance: none

}



.tem0-contact-sm .box {

	display: flex;

	font-weight: 700;

	position: relative

}



.tem0-contact-sm .box.full {

	align-items: flex-start!important

}



.tem0-contact-sm .box.submit .control-label {

	padding: 0

}



.tem0-contact-sm .item {

	padding: 8px;

	margin: 0

}



.tem0-contact-sm .form-control {

	padding: var(--y) var(--x);

	height: auto;

	font-weight: 400

}



.tem0-contact-sm .form-group {

	margin-bottom: 0

}



.tem0-contact-sm .control-label {

	padding-bottom: 5px;

	flex-shrink: 0;

	flex-grow: 0

}



.tem0-contact-sm [required]~.control-label:before {

	content: '*';

	padding-right: 5px;

	color: red;

	display: inline-block

}



.tem0-contact-sm .checkbox-group {

	width: 100%;

	padding-top: 0!important;

	padding-bottom: 0!important

}



.tem0-contact-sm .checkbox-inline {

	padding: var(--y) 20px;

	margin-left: 0

}



.tem0-contact-sm.title-top .box {

	flex-direction: column-reverse

}



.tem0-contact-sm.title-left .box {

	flex-direction: row-reverse;

	align-items: center

}



.tem0-contact-sm.title-left .flexBoxWrap {

	align-items: center

}



.tem0-contact-sm.title-left .control-label {

	text-align: right;

	padding: var(--y) 15px var(--y) 0

}



.tem0-contact-sm.title-box .control-label {

	font-weight: 400

}



.tem0-contact-sm.title-box .box {

	flex-flow: column

}



.tem0-contact-sm.title-box .form-control::-webkit-input-placeholder {

	color: transparent!important

}



.tem0-contact-sm.title-box .form-control:-ms-input-placeholder {

	color: transparent!important

}



.tem0-contact-sm.title-box .form-control::-ms-input-placeholder {

	color: transparent!important

}



.tem0-contact-sm.title-box .form-control::-moz-placeholder {

	color: transparent!important

}



.tem0-contact-sm.title-box .form-control::placeholder {

	color: transparent!important

}



.tem0-contact-sm.title-box .control-label {

	position: absolute;

	top: 0;

	left: 0;

	padding: var(--y) var(--x);

	transition: .1s ease-in-out

}



.tem0-contact-sm.title-box .checkbox-group {

	padding-top: calc(var(--y) + var(--y) * (2/3) - 1px)!important;

	padding-bottom: calc(var(--y)/3 - 2px)!important

}



.tem0-contact-sm.title-box .form-control:not(:placeholder-shown) {

	padding-top: calc(var(--y) + var(--y) * (2/3));

	padding-bottom: calc(var(--y)/3)

}



.tem0-contact-sm.title-box .checkbox-group~.control-label,.tem0-contact-sm.title-box .form-control:not(:placeholder-shown)~.control-label {

	padding-top: calc(var(--y)/3);

	padding-bottom: calc(var(--y)/3);

	font-size: 12px;

	opacity: .77

}



.tem0-contact-sm.title-box .checkbox-inline {

	padding: 0 10px 0 20px

}



.tem0-contact-sm.border-bottom .form-control {

}



.tem0-contact-sm .box.submit {

	justify-content: flex-end;

	flex-direction: row-reverse!important

}



.tem0-contact-sm.submit-center .box.submit {

	justify-content: center

}



.tem0-contact-sm.submit-center .box.submit .control-label {

	display: none

}



.tem0-contact-sm.submit-right .box.submit {

	justify-content: flex-start

}



.tem0-contact-sm [type=submit] {

	background-color: transparent;

	border: 1px solid var(--main-color);

	color: var(--main-color);

	padding: 12px 45px;

	transition: .5s

}



.tem0-contact-sm [type=submit]:hover {

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

	color: #fff

}



.tem0-contact-sm .help-block {

	position: relative;

	padding: 0 var(--x)

}



.tem0-contact-sm .checkbox-inline .form-control-feedback {

	right: -30px;

	top: 3px

}



.tem0-contact-sm .jy_verificationcode .box,.tem0-contact-sm .upload_attachments .box {

	align-items: initial!important

}



.tem0-contact-sm.title-box .jy_verificationcode .control-label {

	display: none

}



.tem0-contact-sm .jy_verificationcode .box .jy_yzm,.tem0-contact-sm .upload_attachments .upload_attach_con {

	flex-grow: 1;

	width: 100%

}



.tem0-contact-sm.title-box .upload_attachments .control-label {

	position: relative;

	padding: 0 0 8px;

	font-size: 14px!important;

	opacity: 1!important

}



.tem0-contact-sm.title-box .upload_attachments .box {

	flex-direction: column-reverse

}



.tem0-contact-sm .upload_attachments .form-control {

	border-bottom: none;

	padding: 0!important

}



.tem0-contact-sm .upload_attach_gray {

	font-size: 12px;

	opacity: .5;

	padding-top: 8px

}



.tem0-contact-sm .upload_box {

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	font-size: 24px;

	color: #000

}



.tem0-contact-sm .add_file_a {

	border: 1px dashed;

	border-color: inherit

}



@media screen and (min-width:0\0) {

	.tem0-contact-sm.title-box .control-label {

		display: none

	}



	.tem0-contact-sm.title-box .form-control:-ms-input-placeholder {

		color: #999!important

	}



	.tem0-contact-sm.title-box .form-control::-ms-input-placeholder {

		color: #999!important

	}

}



.tem0-contact-sm .title {

	font-size: 24px;

	color: #000

}



.tem0-contact-sm .description {

	font-size: 14px;

	color: #888

}



.tem05-ai_contact [layout-style=column] {

	padding: 0 3%

}



.leftlist .tem0-contact-sm .mt15 {

	margin: 0

}



.inner-page-main {

	width: 100%;

	overflow: hidden

}



.inner-page-middle {

	width: 90%;

	margin: 0 auto;

	max-width: 1470px;

	overflow: hidden

}



.bread-crumb {

	width: 100%;

	padding: 0 0;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center top;

	background-size: cover;

	position: relative

}



.bread-crumb:after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

}



.bread-crumb ul {

	width: 90%;

	max-width: 1200px;

	margin: auto;

	color: rgb(7, 6, 6);

	padding: 20px 0;

	position: relative;

	z-index: 1

}



#big{

	background: url(../images/banner.jpg) no-repeat;

	height: 590px;

	width: 100%;

	margin:auto 0;

	background-size: cover;

}



.bread-crumb ul li {

	font-size: 26px;

	line-height: 24px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 8px

}



.bread-crumb ul li a {

	color: rgb(5, 4, 4);

	font-size: 26px;

}



.bread-crumb ul li a:hover {

	color: #439ddf

}



.inner-page-content {

	width: 100%;

	margin: 40px 0;

	overflow: hidden

}



.pagination-bar {

	text-align: center;

	margin-bottom: 20px

}



.pagination-bar ul {

	display: block

}



.pagination-bar ul li {

	display: inline-block;

	margin: 2px;

	vertical-align: top

}



.pagination-bar a,.pagination-bar .PreSpan {

	padding:5px;

	display: inline-block;

	text-align: center;

	transition: ease all .4s;

	-webkit-transition: ease all .4s;

	-moz-transition: ease all .4s;

	-o-transition: ease all .4s;

	margin: 0 10px;

	border: 1px solid #ccc;

	color: #333;

}



.pagination-bar .Ahover {

	background: #f0f0f0;

	text-align: center;

}



.pagination-bar ul li.active {

	background: #439ddf;

	color: #fff;

	height: 35px;

	width: 35px;

	display: inline-block;

	line-height: 35px;

	text-align: center

}



.pagination-bar ul li a i {

	vertical-align: middle;

	font-weight: 700

}



.pagination-bar ul li a:hover {

	color: #fff;

	background: #439ddf

}



.inner-page-l {

	width: 26%;

	float: left;

	margin-bottom: 40px

}



.inner-page-r {

	width: 74%;

	float: right;

	margin-bottom: 40px

}



.sidebar-block {

	margin-right: 30px;

	overflow: hidden

}



.sidebar-box {

	overflow: hidden;

	margin-bottom: 30px;

	background-color: #fff

}



.sidebar-title {

	background: #439ddf;

	padding: 12px 20px;

	overflow: hidden;

	border-radius: 3px 3px 0 0

}



.sidebar-title span {

	color: #fff;

	font-size: 18px;

	line-height: 24px;

	text-transform: capitalize

}



.sidebar-contant {

	padding: 14px 20px;

	background-color: #fff;

	border: 1px solid #efefef;

	border-top: 0

}



.sidebar-featured ul {

	overflow: hidden

}



.sidebar-featured ul li {

	width: 100%;

	overflow: hidden;

	margin: 8px 0;

	float: left

}



.sidebar-featured ul li .item {

	overflow: hidden

}



.sidebar-featured ul li .item .pro-media {

	float: left;

	width: 45%

}



.sidebar-featured ul li .item .pro-media img {

	max-width: 100%;

	display: block

}



.sidebar-featured ul li .item .pro-detail-info {

	float: right;

	width: 55%

}



.sidebar-featured ul li .item .pro-detail-info .th {

	margin-left: 15px;

	font-size: 14px;

	line-height: 18px;

	margin-bottom: 12px;

	font-weight: 400;

	max-height: 54px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}



.sidebar-featured ul li .item .pro-detail-info .th a {

	display: block;

	color: #222

}



.sidebar-featured ul li .item .pro-detail-info .th a:hover {

	color: #439ddf

}



.sidebar-featured ul li .item .pro-detail-info span {

	margin-left: 15px;

	display: block

}



.sidebar-featured ul li .item .pro-detail-info span a {

	background-color: #333;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	padding: 0 15px;

	display: inline-block;

	transition: ease all .4s;

	-webkit-transition: ease all .4s;

	-moz-transition: ease all .4s;

	-o-transition: ease all .4s

}



.sidebar-featured ul li .item .pro-detail-info span a:hover {

	background-color: #439ddf;

	color: #fff

}



.tem02-irregular .description .about_us p {

	line-height: 2.5em

}



.sidebar-contact .mb-20 {

	font-size: 14px;

	line-height: 30px;

	margin-bottom: 15px;

	padding-left: 45px;

	position: relative

}



.sidebar-contact .mb-20:nth-last-child(1) {

	margin-bottom: 0

}



.sidebar-contact .inner-title {

	color: #fab702;

	font-weight: 700;

	position: absolute;

	left: 0;

	top: 0;

	background: #efefef;

	float: left;

	font-size: 20px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	width: 35px

}



.sidebar-contact .inner-title i {

	color: #439ddf;

	font-size: 25px;

}



.sidebar-contact ul li a {

	word-break: break-all;

	display: inline-block

}



.sidebar-contact ul li a:hover {

	color: #fab702

}



.sidebar-contact ul {

	overflow: hidden

}



.sidebar-contact ul li {

	font-size: 14px;

	line-height: 20px;

	margin: 8px 0;

	float: left

}



.product-key {

	margin-bottom: 20px;

	border: 1px solid #efefef

}



.product-key-box {

	padding: 14px 20px

}



.product-key h1 {

	font-size: 20px;

	line-height: 24px;

	display: block

}



.product-key p {

	font-size: 14px;

	line-height: 24px;

	margin-top: 10px

}



.product-listing {

	padding-bottom: 30px;

	overflow: hidden

}



.product-listing-t {

	position: relative;

	margin: 20px 0;

	overflow: hidden

}



.product-listing-t h2 {

	font-size: 18px;

	color: #404042;

	line-height: 30px;

	display: inline-block;

	padding-right: 30px;

	background-color: #fff;

	position: relative;

	text-transform: capitalize;

	z-index: 1

}



.product-listing-t span {

	font-size: 14px;

	color: #404042;

	display: inline-block;

	padding-left: 20px;

	background-color: #fff;

	z-index: 1;

	position: relative;

	float: right;

	margin-top: 5px

}



.product-listing-t span a {

	padding: 2px 8px;

	background-color: #f9f9f9;

	display: inline-block;

	color: #222

}



.product-listing-t span a:hover {

	color: #fff;

	background-color: #439ddf

}



.product-listing-t::after {

	background-color: #eee;

	bottom: 14px;

	content: "";

	height: 1px;

	left: 0;

	position: absolute;

	width: 100%

}



.product-listing ul {

	font-size: 0;

	overflow: hidden;

	margin: -10px;

	padding-left: 0;

}



.product-listing ul li {

	width: 33.33333%;

	font-size: 14px;

	display: inline-block;

	vertical-align: top

}



.product-listing ul li .product-image img {

	transition: .3s

}



.product-listing ul li .product-image :hover img {

	transform: scale(1.1)

}



.product-listing .product-item {

	margin: 10px;

	background-color: #fff;

	position: relative;

	transition: ease all .4s;

	-webkit-transition: ease all .4s;

	-moz-transition: ease all .4s;

	-o-transition: ease all .4s;

	border: 1px solid #efefef

}



.product-listing .product-item .sale-label {

	position: absolute;

	top: 10px;

	left: 0

}



.product-listing .product-item .sale-label span {

	font-size: 14px;

	color: #fff;

	background-color: #c30;

	display: inline-block;

	padding: 4px 10px

}



.product-listing .product-image {

	overflow: hidden

}



.product-listing .product-image img {

	max-width: 100%;

	margin: 0 auto;

	display: block

}



.product-listing .product-item-name {

	display: table;

	overflow: hidden;

	width: 100%;

	text-align: center

}



.product-listing .product-item-name a {

	display: table-cell;

	padding: 10px;

	height: 40px;

	vertical-align: middle

}



.product-listing .product-item-name h3 {

	font-size: 16px;

	font-weight: 400;

	width: 100%;

	line-height: 20px;

	overflow: hidden;

	color: #222

}



.product-listing .product-item-name h3:hover {

	color: #439ddf

}



.tem02-irregular {

	background-color: transparent;

	background-size: cover;

	background-repeat: no-repeat;

	padding: 3% 0 1%;

	background-position: 50% 50%;

	background-image: url(../images/aboutb.jpg)

}



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

	.inner-page-l {

		width: 32%

	}



	.inner-page-r {

		width: 68%

	}

}



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

	.footer-content .item,.footer-content .item.footer-contactus,.hot-products-box ul li,.index-case-box ul li,.index-news-box ul li {

		width: 50%

	}



	.bread-crumb {

		width: 100%;

		overflow: hidden;

		background-repeat: no-repeat;

		background-position: center top;

		background-size: auto 100%;

		position: relative

	}

}



.featured-products-box ul li,.product-listing ul li,.certificate-listing ul li,.subblock .category ul li {

	width: 33.3333%

}



.product-list ul li {

	width: 25%

}



.product-category li {

	width: 100%;

	margin-bottom: 30px

}



.product-categorz li {

	width: none;

	margin-bottom: 30px

}



.product-categorz .container li,.product-category .container li {

	width: none

}



.product-categorz .product-item,.product-category .product-item {

	text-align: left;

	font-size: 0;

	position: relative;

	padding: 20px;

	background-color: #fff;

	border: 1px solid #efefef

}



.product-categorz .product-item .sale-label,.product-category .product-item .sale-label {

	position: absolute;

	top: 10px;

	left: 0

}



.product-categorz .product-item .sale-label span,.product-category .product-item .sale-label span {

	font-size: 14px;

	color: #fff;

	background-color: #439ddf;

	display: inline-block;

	padding: 4px 10px

}



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

	.product-listing ul li {

		width: 33.333%

	}

}



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

	.featured-products-box ul li,.product-listing ul li,.certificate-listing ul li,.subblock .category ul li {

		width: 50%

	}

}



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

	.featured-products-box ul li,.product-listing ul li,.certificate-listing ul li,.subblock .category ul li {

		width: 100%

	}

}



.product-category li .product-image {

	width: 30%;

	display: inline-block;

	vertical-align: middle

}



.product-categorz li .product-image {

	width: 100%

}



.product-categorz li .product-image img,.product-category li .product-image img {

	width: 100%;

	max-width: 500px

}



.product-item-text {

	font-size: 14px;

	width: 70%;

	display: inline-block;

	vertical-align: middle

}



.product-categorz .product-item-text {

	display: block;

	width: 100%;

	text-align: center;

	padding-top: 20px;

	box-sizing: border-box;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}



.product-item-text-b {

	margin-left: 30px

}



.product-categorz .product-item-text-b {

	margin-left: 0

}



.product-item-text h2 {

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 12px

}



.product-item-text p {

	font-size: 14px;

	line-height: 24px

}



.product-item-text .tag {

	font-size: 12px;

	width: 100%;

	margin: 10px -5px

}



.product-item-text .tag a {

	padding: 4px 8px;

	background-color: #eef0f1;

	display: inline-block;

	margin: 5px

}



.product-item-text .tag a:hover {

	color: #fff;

	background-color: #439ddf

}



.product-item-text span a {

	line-height: 24px;

	color: #fff;

	background-color: #439ddf;

	padding: 8px 15px;

	display: inline-block;

	transition: ease all .4s;

	-webkit-transition: ease all .4s;

	-moz-transition: ease all .4s;

	-o-transition: ease all .4s

}



.product-item-text span a i {

	font-size: 20px;

	line-height: 18px;

	margin-right: 5px

}



.product-item-text span a.more {

	color: #242424;

	background-color: #f0f0f0;

	margin-left: 10px

}



.product-item-text span a:hover {

	color: #fff;

	background-color: #666

}



.nei-table {

	width: 100%;

	overflow: auto

}



.product-information-box table,.nei-table table {

	border-collapse: collapse;

	border-spacing: 0

}



.product-information-box table,.product-information-box table th,.product-information-box table td,.nei-table table,.nei-table table th,.nei-table table td {

	border: 1px solid #bbb

}



.product-information-box table th,.product-information-box table td,.nei-table table th,.nei-table table td {

	padding: 4px 10px

}



.product-tag {

	display: flex;

	margin-top: 20px;

	padding: 20px 0;

	border-top: 1px solid #ececec

}



.product-tag-title {

	display: inline-block

}



.product-tag span {

	font-size: 16px;

	padding: 5px 0;

	float: left;

	white-space: nowrap

}



.product-tag-item {

	vertical-align: top

}



.product-tag-item a {

	margin: 5px 12px;

	line-height: 20px;

	font-size: 14px;

	display: inline-block

}



.product-tag-item a:hover {

	color: #fab702

}



.product-annex {

	display: flex;

	margin-top: 20px;

	padding-bottom: 10px;

	border-bottom: 1px solid #ececec

}



.product-annex span {

	font-size: 16px;

	margin-bottom: 10px

}



.product-annex ul li {

	font-size: 14px;

	line-height: 20px;

	margin: 0 12px 10px

}



.product-annex ul li i {

	margin-right: 5px

}



.product-annex ul li a:hover {

	color: #fab702

}



.related-products {

	width: 100%;

	margin-top: 20px

}



.related-products-t {

	margin-bottom: 10px;

	position: relative;

	overflow: hidden

}



.related-products-t::after {

	background-color: #eee;

	bottom: 10px;

	content: "";

	height: 1px;

	left: 0;

	position: absolute;

	width: 100%

}



.related-products-t span,.related-products-t span {

	font-size: 18px;

	line-height: 30px;

	background-color: #fff;

	display: inline-block;

	padding-right: 30px;

	position: relative;

	z-index: 1

}



.related-products ul {

	font-size: 0

}



.related-products ul li {

	font-size: 14px;

	width: 25%;

	display: inline-block;

	vertical-align: top

}



.related-products ul li .item {

	padding: 15px

}



.related-products ul li .item img {

	width: 100%;

	max-width: 500px

}



.related-products ul li .item .text {

	font-size: 14px;

	line-height: 20px;

	margin-top: 5px

}



.sidebar-product dl {

	width: 100%;

	overflow: hidden;

	margin-bottom: 0

}



.sidebar-product dl dt {

	font-size: 14px;

	line-height: 18px;

	font-weight: 400;

	padding: 10px 15px 10px 0;

	border-bottom: 1px solid #efefef;

	position: relative;

	margin-bottom: 0

}



.sidebar-product dl:last-child dt {

	border-bottom: 0

}



.sidebar-product dl dt a {

	font-size: 14px;

	color: #222

}



.sidebar-product dl dt i {

	width: 0;

	height: 0;

	background-color: #6d6d6d;

	overflow: hidden;

	position: absolute;

	left: 5px;

	top: 15px

}



.sidebar-product dl dt a:hover {

	color: #439ddf

}



.sidebar-product dl span {

	overflow: hidden;

	font-size: 16px;

	font-weight: 700;

	color: #6d6d6d;

	height: 38px;

	display: block;

	line-height: 38px;

	float: right;

	cursor: pointer;

	padding: 0 5px;

	position: relative;

	z-index: 1

}



.sidebar-product dl span.clicker_active {

	font-size: 26px;

	font-weight: 400

}



.sidebar-product dl span:hover {

	background-position: 10px 20px;

	text-decoration: none;

	color: #439ddf

}



.sidebar-product dl dd {

	overflow: hidden;

	line-height: 18px;

	font-size: 14px;

	margin: 8px 0 8px 15px

}



.sidebar-product dl dd a {

	font-size: 12px;

	color: #6d6d6d;

	width: 100%;

	display: block;

	padding-bottom: 8px;

	border-bottom: 1px dashed #ebebeb

}



.sidebar-product dd a:hover {

	text-decoration: none;

	color: #439ddf

}



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

	.language {

		float: left

	}



	.social-link {

		width: 100%;

		overflow: hidden;

		margin-bottom: 10px

	}



	.social-link a {

		margin-right: 5px;

		margin-left: 0

	}



	.company-motto-p {

		display: block;

		height: auto

	}



	.header-search {

		float: none;

		display: inline-block

	}



	.index-about-l .th {

		font-size: 20px;

		margin-right: 0;

		line-height: 30px

	}



	.subblock .category ul li {

		width: 100%;

		max-width: 500px

	}



	.featured-products-t span,.hot-products-t span,.index-news-t span,.index-case-t span,.index-about-t span {

		font-size: 24px

	}



	.index-about-l,.index-about-r {

		width: 100%

	}



	.hot-products-box ul {

		margin: -5px

	}



	.hot-products-box ul li .item {

		margin: 5px

	}



	.hot-products-box ul li .item h3 {

		font-size: 14px

	}



	.footer-content .item,.footer-content .item.footer-contactus,.index-news-box ul li {

		width: 100%

	}



	.hot-products-box-t {

		margin: 10px

	}



	.featured-products-box ul,.index-case-box ul {

		margin: -5px

	}



	.featured-products-box .item,.index-case-box ul li .item {

		margin: 5px

	}



	.featured-products-box-t {

		overflow: hidden;

		padding: 10px

	}



	.featured-products-box-t h3 {

		font-size: 14px

	}



	.index-case {

		background-size: auto 100%

	}



	.index-case-box ul li .item p,.index-case-box ul li .item span {

		display: none

	}



	.index-case-box-text {

		margin: 10px

	}



	.index-case-box ul li .item .th {

		font-size: 14px;

		line-height: 18px

	}



	.contact-info {

		border: 8px solid #efefef

	}



	.contact-info tr th,.contact-info tr td {

		font-size: 12px

	}



	.scroll {

		width: 32px;

		height: 32px;

		line-height: 34px;

		right: 2px;

		bottom: 8px

	}



	.scroll i {

		font-size: 22px

	}



	.inner-page-content,.inner-page-l,.inner-page-r {

		width: 100%;

		margin-bottom: 0

	}



	.sidebar-block {

		margin-right: 0

	}



	.product-listing .product-item-name h3 {

		font-size: 14px

	}



	.sidebar-contact {

		display: none

	}



	.news-list-top-box-frame,.news-list-top-box-text {

		width: 100%;

		margin-bottom: 10px

	}



	.news-list-top-box .item h3,.news-list-top-box .item p,.news-list-top-box-text span {

		margin-left: 0

	}



	.product-categorz,.product-category li .product-image,.product-item-text,.product-item-text-b {

		margin: 0;

		width: 100%

	}



	.related-products ul li {

		width: 50%

	}



	.footer-secondary p {

		width: 100%;

		padding: 10px 0

	}

}



.sidebar-block-but,.footer-content-but {

	display: none

}



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

	.inner-message {

		margin-bottom: 0

	}



	.sidebar-block-but,.footer-content-but {

		position: relative;

		padding: 10px 40px 10px 20px;

		background-color: #eee;

		display: block;

		margin-bottom: 10px

	}



	.sidebar-block-but span,.footer-content-but span {

		text-transform: uppercase;

		color: #222;

		font-size: 16px;

		line-height: 20px

	}



	.sidebar-block-but button,.footer-content-but button {

		position: absolute;

		top: 9px;

		right: 5px;

		width: 30px;

		height: 24px;

		border: 0;

		color: #222;

		display: inline-block;

		border-radius: 0;

		line-height: 24px;

		background: 0 0

	}



	.sidebar-block-but button i,.footer-content-but button i {

		font-size: 20px;

		position: relative

	}



	.sidebar-block-but button i::after,.footer-content-but button i::after {

		content: "\e660";

		font-family: iconfont!important

	}



	.sidebar-block-but.expand button,.footer-content-but.expand button {

		transform: rotateZ(180deg)

	}



	.sidebar-box.expand,.footer-main.expand {

		display: block

	}

}



#i_5e9d0ad6540bf23 .form-control::-webkit-input-placeholder {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control:-ms-input-placeholder {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control:-ms-placeholder {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control::-moz-placeholder {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control::placeholder {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control {

	color: #999

}



#i_5e9d0ad6540bf23 .control-label {

	color: #999

}



#i_5e9d0ad6540bf23 .form-control {

	border-color: #d3d3d3

}



#i_5e9d0ad6540bf23 .form-control {

	background-color: transparent

}



#i_5e9d0ad6540bf23 .form-control {

	border-width: 1px

}



#i_5e9d0ad6540bf23 .form-control {

	border-radius: 0

}



#i_5e9d0ad6540bf23 [type=submit] {

	border-radius: 0;

	width: 100%

}



#i_5e9d0ad6540bf23.title-left .help-block {

	margin-left: 100px

}



#i_5e9d0ad6540bf23.title-left .control-label {

	width: 100px

}



#i_5e9d0ad6540bf23 {

	max-width: none

}



.album_wrap,.certificate_items {

	position: relative;

	padding: 60px 0 80px

}



.album_items,.certificate_items .album_items {

	position: relative;

	margin: 0 0 0 5px;

	padding: 0 5px

}



.certificate_items .album_item {

	width: 16.6666%

}



.album_item {

	position: relative;

	display: inline-block;

	vertical-align: top;

	width: 20%;

	margin: 0 0 0 -5px;

	padding: 10px

}



.album_item figure {

	position: relative;

	border: 1px solid #ccc;

}



.album_item figure .item_img {

	position: relative;

	overflow: hidden

}



.album_item figure .item_img img {

	position: relative;

	width: 100%;

	-moz-transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



.album_item figure:hover .item_img img {

	-moz-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1)

}



.album_item figure figcaption,.album_item figure figcaption a {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	text-align: center

}



.album_item figure figcaption a {

	z-index: 2

}



.certificate_items .album_item {

	width: 16.6666%

}



@media(max-width:980px) {

	.album_item {

		width: 33.3%

	}

}



@media(max-width:780px) {

	.album_item {

		width: 50%

	}

}



.advantage {

	padding: 50px

}



.cer .tem01-h2::after,.advantage .tem01-h2::after {

	display: block;

	content: "";

	width: 85px;

	height: 6px;

	background: #a3a3a3;

	text-align: center;

	margin: 15px auto 40px

}



.pac {

	text-align: center;

	margin-bottom: 20px

}



.single-service-inner:hover {

	border-color: #3a94e9;

	transition: all .4s ease 0s

}



.service-title-inner {

	padding: 10px 0

}



.service-icon {

	width: 55px;

	height: 55px;

	background: #3a94e9;

	text-align: center;

	line-height: 55px;

	border-radius: 100%

}



.service-title h2 {

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 5px;

	font-weight: 600

}



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

	.service-title h2 {

		font-weight: 400;

		font-size: 16px;

		font-weight: bold

	}

}



.service-title span {

	color: #696969;

	font-size: 16px;

	line-height: 26px;

	font-weight: 400

}



.tem02-irregular.content-right .flexBoxStem {

	-webkit-flex-direction: row-reverse;

	-moz-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}



.tem02-irregular .text {

	color: #666;

	margin-top: 20px;

	line-height: 170%;

	max-height: 100000px!important

}



.tem02-irregular .text p {

	margin-bottom: 0;

	line-height: 165%

}



.tem02-irregular .text ul {

	margin-top: 15px

}



.tem02-irregular .text ul li {

	line-height: 30px;

	color: #888;

	font-size: 12px

}



.tem02-irregular .text ul li:before {

	content: "\ea62";

	font-family: icomoon;

	margin-right: 10px;

	font-size: 16px

}



.tem02-irregular .text_btn {

	padding: 24px 0;

	text-transform: uppercase

}



.tem02-irregular .tem02-irregular-img img {

	display: block;

	width: 100%;

	height: 100%

}



@media(max-width:980px) {

	.tem02-irregular h1,.tem02-irregular .h1 {

		margin-top: 0

	}



	.tem02-irregular .col-md-7 {

		padding-left: 0;

		padding-right: 0

	}

}



@media(max-width:768px) {

	.tem02-irregular .col-xs-12 {

		padding-left: 2%!important;

		padding-right: 2%!important

	}



	.tem02-irregular.full-screen-spacing .full-screen .col-lg-7 {

		padding-left: 0!important;

		padding-right: 0!important

	}



	.tem02-irregular.full-screen-spacing .full-screen .col-lg-5 {

		padding-left: 3%!important;

		padding-right: 3%!important

	}

}



.tem02-irr {

	background-size: cover;

	background-repeat: no-repeat;

	padding: 3% 0 1%;

	background-position: 50% 50%

}



.tem01-beshare {

	position: fixed;

	z-index: 999;

	display: none

}



.show .tem01-beshare {

	display: block

}



.tem01-beshare li {

	margin-bottom: 1px;

	overflow: hidden;

	position: relative

}



.tem01-beshare li a {

	display: block;

	overflow: hidden;

	transition: .5s ease 0s;

	color: #fff

}



.tem01-beshare li a span {

	display: block

}



.show.right .tem01-beshare {

	right: 0!important;

	bottom: 275px

}



.show.left .tem01-beshare {

	left: 0!important;

	bottom: 275px

}



@media(max-width:767px) {

	.show.right .tem01-beshare {

		bottom: 65px;

		top: auto

	}



	#mqChat-small.add .font-color {

		color: #fff

	}

}



.tem01-beshare.addClass {

	z-index: 1059;

	display: none;

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	-ms-transform: scale(.8);

	-o-transform: scale(.8);

	transform: scale(.8);

	opacity: 0;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	transition: all .5s

}



.left .tem01-beshare.addClass {

	-webkit-transform-origin: bottom left;

	-moz-transform-origin: bottom left;

	-ms-transform-origin: bottom left;

	-o-transform-origin: bottom left;

	transform-origin: bottom left

}



.right .tem01-beshare.addClass {

	-webkit-transform-origin: bottom right;

	-moz-transform-origin: bottom right;

	-ms-transform-origin: bottom right;

	-o-transform-origin: bottom right;

	transform-origin: bottom right

}



.tem01-beshare.addClass.startAnimation {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	opacity: 1

}



.tem01-beshare.addClass {

	background-color: var(--main-color)

}



.tem01-beshare.addClass li a {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: flex;

	-webkit-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-align-items: center;

	-moz-align-items: center;

	-ms-align-items: center;

	align-items: center

}



.tem01-beshare.addClass li .text {

	width: auto;

	padding-right: 20px;

	text-transform: capitalize;

	font-size: 14px

}



.show.left .tem01-beshare.addClass {

	bottom: 65px

}



.tem240-irregular.content-right .flexBoxStem {

	-webkit-flex-direction: row-reverse;

	-moz-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}



.tem240-irregular.content-right .flexBoxStem.wrap .flexBoxFill.col-sm-8 {

	padding-left: 0

}



.tem240-irregular.content-right .flexBoxStem.wrap2 .flexBoxFill.col-sm-8 {

	padding-left: 15px

}



.tem240-irregular img {

	width: 100%

}



.tem240-irregular .wrap {

	position: relative;

	padding: 10px 0;

	border-bottom: 1px solid;

	border-color: #ddd

}



.tem240-irregular .wrap::after {

	border-bottom: 1px solid;

	border-color: inherit;

	content: "";

	position: absolute;

	width: 100%;

	height: 1px;

	left: 0;

	bottom: 0

}



.tem240-irregular .wrap .col-sm-4 {

	padding-left: 0

}



.tem240-irregular .wrap .col-sm-8 {

	padding-right: 0

}



.tem240-irregular .wrap2 .col-sm-4 {

	padding-right: 0

}



.tem240-irregular .wrap2 .col-sm-8 {

	padding-left: 0

}



.tem240-irregular .text {

	padding: 20px

}



.tem240-irregular .text .title {

	font-size: 20px;

	line-height: 30px;

	position: relative;

	margin: 10px 0;

	border-color: inherit

}



.tem240-irregular .text .title::after {

	position: absolute;

	left: -20px;

	top: -20px;

	content: "";

	border: 30px solid;

	border-color: inherit;

	border-radius: 50%;

	opacity: .2

}



.tem240-irregular .text .description {

	color: #666;

	line-height: 180%;

	font-size: 14px

}



@media(max-width:768px) {

	.tem240-irregular .container {

		padding-left: 3%!important;

		padding-right: 3%!important

	}



	.tem240-irregular.full-screen-spacing .container {

		padding-left: 0!important;

		padding-right: 0!important

	}

}



.tem19-news-list .col-lg-4,.tem19-news-list .col-lg-2,.tem19-news-list .col-lg-6,.tem19-news-list .col-lg-3 {

	padding: 0 5px

}



.tem19-news-list .news-li {

	padding: 15px 10px 10px;

	-o-transition: all .35s ease-out 0s;

	-moz-transition: all .35s ease-out 0s;

	-ms-transition: all .35s ease-out 0s;

	-webkit-transition: all .35s ease-out 0s;

	transition: all .35s ease-out 0s;

	margin-bottom: 15px

}



.tem19-news-list .news-li:hover {

	box-shadow: 0 10px 60px rgba(0,0,0,.2);

	transform: translateY(-16px)

}



.tem19-news-list .title {

	font-size: 16px;

	color: #444;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.tem19-news-list .images {

	width: 100%;

	overflow: hidden

}



.tem19-news-list .images img {

	width: 100%;

	transition: all .4s ease-in 0s

}



.tem19-news-list .time {

	font-size: 12px;

	height: 25px;

	line-height: 25px;

	overflow: hidden;

	color: #999;

	font-family: helveticaneueltpro-thex,Arial

}



.tem19-news-list .description {

	color: #898989;

	line-height: 22px!important;

	height: 44px;

	overflow: hidden;

	font-size: 12px;

	width: 90%;

	margin: 0 0 10px

}



@media(max-width:767px) {

	.tem19-news-list .description {

		height: auto;

		max-height: 44px

	}



	.tem19-news-list .title {

		white-space: normal

	}

}



@media(max-width:480px) {

	.tem19-news-list .news-li {

		padding: 10px;

		border-bottom: 1px solid #eee

	}



	.tem19-news-list .title {

		font-size: 14px;

		width: 100%

	}



	.tem19-news-list .description {

		width: 100%

	}

}



@media(max-width:360px) {

	.tem19-news-list .col-lg-4,.tem19-news-list .col-lg-2,.tem19-news-list .col-lg-6,.tem19-news-list .col-lg-3 {

		padding: 0 15px;

		width: 100%

	}

}



.tem19-news-list .col-lg-4,.tem19-news-list .col-lg-2,.tem19-news-list .col-lg-6,.tem19-news-list .col-lg-3 {

	padding: 0 5px

}



.tem19-news-list .news-li {

	border: 1px solid #f3f0f0;

	padding: 15px 10px 10px;

	-o-transition: all .35s ease-out 0s;

	-moz-transition: all .35s ease-out 0s;

	-ms-transition: all .35s ease-out 0s;

	-webkit-transition: all .35s ease-out 0s;

	transition: all .35s ease-out 0s;

	margin-bottom: 15px

}



.tem19-news-list .news-li:hover {

	box-shadow: 0 10px 60px rgba(0,0,0,.2);

	transform: translateY(-16px)

}



.tem19-news-list .title {

	font-size: 16px;

	font-weight: 600;

	color: #444;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.tem19-news-list .images {

	width: 100%;

	overflow: hidden

}



.tem19-news-list .images img {

	width: 100%;

	transition: all .4s ease-in 0s;

	max-height: 224px

}



.tem19-news-list .time {

	font-size: 14px;

	height: 25px;

	line-height: 25px;

	overflow: hidden;

	color: #333;

	font-family: helveticaneueltpro-thex,Arial

}



.tem19-news-list .description {

	color: #898989;

	line-height: 22px!important;

	height: 44px;

	font-size: 12px;

	width: 90%;

	margin: 0 0 10px;

	　　display: -webkit-box!important;

	　　text-overflow: ellipsis;

	　　overflow: hidden;

	　　-webkit-line-clamp: 2;

	　　-webkit-box-orient: vertical

}



@media(max-width:767px) {

	.tem19-news-list .description {

		height: auto;

		max-height: 44px

	}



	.tem19-news-list .title {

		white-space: normal

	}

}



@media(max-width:480px) {

	.tem19-news-list .news-li {

		padding: 10px;

		border-bottom: 1px solid #eee

	}



	.tem19-news-list .title {

		font-size: 14px;

		width: 100%

	}



	.tem19-news-list .description {

		width: 100%

	}

}



@media(max-width:360px) {

	.tem19-news-list .col-lg-4,.tem19-news-list .col-lg-2,.tem19-news-list .col-lg-6,.tem19-news-list .col-lg-3 {

		padding: 0 15px;

		width: 100%

	}

}



.page_list_01 {

	padding: 1em 0;

	width: 100%

}



.page_list_01 a {

	margin: 0 5px 5px 0;

	font-size: 14px;

	padding: 6px 15px;

	background: #fff;

	border-radius: 4px;

	border: 1px solid #ccc;

	color: #666;

	vertical-align: middle;

	display: inline-block;

	text-align: center;

	font-family: helveticaneueltpro-thex,微软雅黑,arial

}



.page_list_01 .pageNav {

	display: inline-block;

	vertical-align: middle

}



.page_list_01 a.current {

	color: #bbb

}



.page_list_01 .total {

	margin: 0 8px 8px 0;

	padding: 5px 15px;

	line-height: 25px;

	color: #999;

	display: inline-block;

	font-family: helveticaneueltpro-thex,微软雅黑,arial

}



.page_list_01 .pagecontrol {

	display: inline-block;

	vertical-align: middle;

	margin-bottom: 5px

}



.page_list_01 .form-inline .input-group>.form-control {

	width: 50px

}



@media(max-width:768px) {

	.page_list_01 {

		padding: 20px 0

	}



	.page_list_01 .pagecontrol {

		display: none

	}

}



@media(max-width:320px) {

	.page_list_01 .form-inline .input-group>.form-control {

		width: 100%

	}

}



.tem09-menu-tab .list-menu {

	display: inline-block;

	float: right;

	max-width: 30%;

	font-size: 20px;

	color: #333;

	display: none

}



.tem09-menu-tab .list-menu1 {

	max-width: 100%!important;

	float: none!important;

	width: 100%!important;

	text-align: right!important

}



.tem09-menu-tab .list-menu:hover {

	opacity: .7

}



.tem09-menu-tab {

	width: 100%;

	padding: 10px 0;

	margin: 10px 0 30px

}



.tem09-menu-tab .title-box {

	width: 100%;

	overflow: hidden;

	padding: 15px 0;

	margin: 0 0 20px

}



.tem09-menu-tab h3,.tem09-menu-tab .h3 {

	margin: 0;

	font-size: 26px;

	color: #444;

	max-width: 100%

}



.tem09-menu-tab .menu-group {

	margin-bottom: 10px;

	position: relative;

	margin: 0 auto;

	text-align: center

}



.tem09-menu-tab .menu-group .menu-default {

	display: inline-block;

	border: none;

	box-shadow: none;

	margin-right: 5px;

	position: relative

}



.tem09-menu-tab .menu-group .menu_first {

	background: 0 0;

	border: 1px solid #eee;

	border-radius: 5px;

	padding: 8px 25px;

	position: relative;

	z-index: 4;

	    margin-right: 8px;

	    float: left;

	cursor: pointer

}



.tem09-menu-tab .menu-group .menu_first.bg-color {

	border-color: #ccc

}

.tem09-menu-tab .menu-group .menu_first.bg-color a{color: #fff;}

.tem09-menu-tab .menu-group .menu_first:hover{background-color: #3aafff;}

.tem09-menu-tab .menu-group .menu_first:hover a{color: #fff;}

.tem09-menu-tab .menu-group .menu_first .caret {

	position: absolute;

	top: 50%;

	right: 10px;

	margin-top: -2px

}



.tem09-menu-tab .menu-group .menu_first .menu-title {

	color: #666;

	font-size: 14px

}



.tem09-menu-tab .menu-group .menu_first span.icon {

	color: #8e8e8e

}



.tem09-menu-tab .menu-default>.menu_first+.menu-collapse>.menu-body {

	border-top: none

}



.tem09-menu-tab .menu-group .menu-default .menu_second {

	position: absolute;

	z-index: 5;

	display: none

}



.tem09-menu-tab .menu-body {

	padding: 0;

	margin-top: 5px

}



.tem09-menu-tab .menu-body li {

	border-bottom: 1px solid rgba(0,0,0,.1);

	background: #fff

}



.tem09-menu-tab .menu-body li:last-child {

	border-bottom: none

}



.tem09-menu-tab .menu-body li a {

	padding: 12px 28px;

	display: block;

	transition: all .3s ease-in 0s;

	font-size: 13px;

	color: #666;

	background: #f7f7f7

}



.tem09-menu-tab .menu-body li a:hover {

	color: #333

}



.tem09-menu-tab .menu-default {

	border-radius: 0

}



.tem09-menu-tab .menu-group .menu_first:hover a,.tem09-menu-tab .menu-group .menu_first:hover span.icon {

	color: #000

}



@media(max-width:768px) {

	.tem09-menu-tab {

		margin-bottom: 0

	}



	.tem09-menu-tab h3,.tem09-menu-tab .h3 {

		max-width: 70%;

		text-overflow: ellipsis;

		overflow: hidden;

		white-space: nowrap;

		float: left;

		display: inline-block

	}



	.tem09-menu-tab .menu-group {

		display: none

	}



	.tem09-menu-tab .list-menu {

		display: block

	}



	.tem09-menu-tab .menu-group .menu-default {

		width: 100%

	}



	.tem09-menu-tab .menu-group .menu-default .menu_second {

		position: static

	}



	.tem09-menu-tab .menu-group .menu_first {

		padding: 12px 15px

	}



	.tem09-menu-tab .title-box {

		margin: 0

	}



	.tem09-menu-tab .list-menu1 span {

		width: 40px;

		height: 40px;

		line-height: 40px;

		text-align: center;

		background: #666;

		border-radius: 50%;

		color: #fff;

		display: inline-block;

		margin-bottom: 5px

	}

}



.tem13-bread .bread-box .tem01-location {

	text-align: left;

	font-size: 13px

}



.tem13-bread.content-middle .bread-box .tem01-location {

	text-align: center

}



.tem13-bread.content-right .bread-box .tem01-location {

	text-align: right

}



.tem13-bread .tem01-location {

	color: #fff

}



.tem13-bread .tem01-location span,.tem13-bread .tem01-location a,.tem13-bread .tem01-location a:hover,.tem13-bread .tem01-location a:focus {

	color: inherit

}



@media(max-width:768px) {

	.tem13-bread .bread-box {

		padding: 0 2%

	}



	.tem01-location span {

		padding: 0

	}

}



.tem01-news-detail .tem01-news-detail-ms {

	width: 100%;

	overflow: hidden;

	margin: 30px 0

}



.tem01-news-detail .tem01-news-detail-ms img {

	max-width: 100%;

	display: block;

	margin: 0 auto

}



.tem01-news-detail-ms .title {

	font-size: 22px;

	color: #444;

	line-height: 1.5;

	max-width: 80%;

	margin: 0 auto 15px;

	text-align: center

}



.tem01-news-detail-ms .data {

	font-size: 12px;

	height: 24px;

	line-height: 24px;

	color: #8f8f8f;

	font-family: helveticaneueltpro-thex,Arial;

	margin-bottom: 30px;

	text-align: center

}



.tem01-news-detail-ms .description {

	color: #6a6a6a;

	line-height: 24px;

	font-size: 13px

}



@media(max-width:768px) {

	.tem01-news-detail-ms .title {

		font-size: 15px;

		max-width: 100%;

		width: 100%

	}



	.tem01-news-detail-ms .data {

		margin-bottom: 15px

	}

}



.tem02-ai_contant_info .img {

	background-position: center;

	background-repeat: no-repeat;

	height: 300px;

	transition: .5s

}



.tem02-ai_contant_info .img:hover {

	transform: translateY(-5px);

	box-shadow: 0 15px 30px rgba(0,0,0,.05)

}



.tem02-ai_contant_info .text {

	padding: 1vw!important

}



.tem02-ai_contant_info .box {

	max-width: 900px;

	margin: auto;

	padding: 1vw

}



.tem02-ai_contant_info .title {

	font-size: 24px;

	line-height: 1.2

}



.tem02-ai_contant_info .description {

	line-height: 1.8;

	color: #999

}



.tem02-ai_contant_info .icons li {

	display: flex;

	display: -webkit-flex;

	flex-flow: column;

	padding: 10px!important

}



.tem02-ai_contant_info .icons i:before {

	display: inline-block;

	width: 60px;

	height: 60px;

	line-height: 60px;

	font-size: 30px

}



.tem02-ai_contant_info .icons strong {

	font-size: 16px;

	padding: 5px 0;

	font-weight: 400

}



.tem02-ai_contant_info .icons span {

	opacity: 1;

	font-size: 18px;

	color: #dc2828;

}



.tem02-ai_contant_info .img {

	background-position: center;

	background-repeat: no-repeat;

	height: 300px;

	transition: .5s

}



.tem02-ai_contant_info .img:hover {

	transform: translateY(-5px);

	box-shadow: 0 15px 30px rgba(0,0,0,.05)

}



.tem02-ai_contant_info .text {

	padding: 1vw!important

}



.tem02-ai_contant_info .box {

	max-width: 900px;

	margin: auto;

	padding: 1vw

}



.tem02-ai_contant_info .title {

	font-size: 24px;

	line-height: 1.2

}



.tem02-ai_contant_info .description {

	line-height: 1.8;

	color: #999

}



.tem02-ai_contant_info .icons li {

	display: flex;

	display: -webkit-flex;

	flex-flow: column;

	padding: 10px!important

}



.tem02-ai_contant_info .icons i:before {

	display: inline-block;

	width: 60px;

	height: 60px;

	line-height: 60px;

	font-size: 30px

}



.tem02-ai_contant_info .icons strong {

	font-size: 16px;

	padding: 5px 0;

	font-weight: 400

}





.tem13-pro-showPic .swiper {

	overflow: hidden

}



.tem13-pro-showPic .swiper-wrapper {

	align-items: center

}



.tem13-pro-showPic .swiper-slide {

	padding: 5px 10px;

	width: auto;

	position: relative;

	z-index: 1;

	overflow: hidden;

	text-align: center

}



.tem13-pro-showPic .swiper-slide::after {

	position: absolute;

	content: "";

	width: 80%;

	left: 10%;

	bottom: 0;

	z-index: 2;

	border-bottom: 2px solid;

	border-color: #b7b7b7;

	border-radius: 4px;

	opacity: 0

}



.tem13-pro-showPic .swiper-slide.active::after {

	opacity: 1

}



.tem13-pro-showPic .swiper-slide img {

	cursor: pointer;

	height: 60px!important;

	opacity: .6

}



.tem13-pro-showPic .swiper-slide.active img {

	opacity: 1

}



.tem13-pro-showPic .bigImg {

	position: relative

}



.tem13-pro-showPic .bigImg img {

	width: 100%

}



.tem13-pro-showPic .bigImg_box {

	width: 50%;

	height: 50%;

	position: absolute;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,.4);

	z-index: 100

}



.tem13-pro-showPic .bigImg_show {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	box-shadow: 0 0 20px rgba(0,0,0,.2);

	background-color: #fff;

	overflow: hidden;

	pointer-events: none;

	z-index: 99

}



.tem13-pro-showPic .bigImg_show img {

	position: absolute;

	width: 200%;

	height: 200%!important;

	max-width: 200%

}



.tem13-pro-showPic .bigImg.left .bigImg_show {

	left: -100%

}



.tem13-pro-showPic .bigImg.center {

	overflow: hidden

}



.tem13-pro-showPic .bigImg.center .bigImg_show {

	left: 0;

	box-shadow: none

}



.tem13-pro-showPic .bigImg.right {

	padding-right: 0

}



.tem13-pro-showPic .bigImg.right .bigImg_show {

	left: 100%

}



.tem13-pro-showPic .video.show .icon-play3,.tem13-pro-showPic .video {

	display: none

}



.tem13-pro-showPic .video,.tem13-pro-showPic .video video,.tem13-pro-showPic .video iframe {

	display: none;

	position: absolute;

	z-index: 101;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.tem13-pro-showPic .video i {

	position: absolute;

	cursor: pointer;

	color: #fff;

	font-size: 16px;

	z-index: 102

}



.tem13-pro-showPic .video .icon-play3 {

	font-size: 16px;

	bottom: 20px;

	left: 50%;

	transform: translateX(-50%);

	border: 2px solid #fff;

	background-color: rgba(0,0,0,.1);

	width: 40px;

	height: 40px;

	line-height: 36px;

	text-indent: 2px;

	border-radius: 50%;

	text-align: center

}



.tem13-pro-showPic .video .icon-close {

	display: none;

	z-index: 103;

	top: 20px;

	right: 20px;

	font-size: 24px;

	text-shadow: 0 0 5px rgba(0,0,0,.5)

}



.tem13-pro-showPic .video {

	display: block

}



.tem13-pro-showPic .video.show {

	background-color: #000

}



.tem13-pro-showPic .video.show video,.tem13-pro-showPic .video.show iframe,.tem13-pro-showPic .video.show .icon-close {

	display: block

}



.tem13-pro-showPic .video.show+.bigImg_box,.tem13-pro-showPic .video.show+.bigImg_box+.bigImg_show {

	display: none

}



body.designer-body .tem13-pro-showPic .bigImg_box,body.designer-body .tem13-pro-showPic .bigImg_show {

	display: none

}



body.designer-body .tem13-pro-showPic .bigImg_box,body.designer-body .tem13-pro-showPic .video iframe {

	z-index: 1

}



body.designer-body .tem13-pro-showPic .video,body.designer-body .tem13-pro-showPic .video video,body.designer-body .tem13-pro-showPic .video iframe {

	z-index: 1

}



@media(min-width:992px) {

	.tem13-pro-showPic .wrap.right .bigImg,.tem13-pro-showPic .wrap.left .bigImg {

		padding-right: 0;

		flex-grow: 1;

		max-width: 100%;

		flex-basis: 0%

	}



	.tem13-pro-showPic .wrap.right .swiper,.tem13-pro-showPic .wrap.left .swiper {

		flex-grow: 0;

		flex-shrink: 0

	}



	.tem13-pro-showPic .wrap.left,.tem13-pro-showPic .wrap.right {

		display: -webkit-flex;

		display: flex;

		flex-wrap: wrap

	}



	.tem13-pro-showPic .wrap.left .swiper,.tem13-pro-showPic .wrap.right .swiper {

		padding: 0;

		padding-right: 0;

		width: 80px

	}



	.tem13-pro-showPic .wrap.left .bigImg,.tem13-pro-showPic .wrap.right .bigImg {

		flex-grow: 1;

		max-width: 100%;

		flex-basis: 0%

	}



	.tem13-pro-showPic .wrap.left .mainpic,.tem13-pro-showPic .wrap.right .mainpic {

		flex-grow: 0;

		flex-shrink: 0

	}



	.tem13-pro-showPic .wrap.left .swiper-wrapper,.tem13-pro-showPic .wrap.right .swiper-wrapper {

		height: auto!important;

		flex-wrap: wrap

	}



	.tem13-pro-showPic .wrap.left .swiper-slide img,.tem13-pro-showPic .wrap.right .swiper-slide img {

		height: auto!important;

		width: 60px

	}



	.tem13-pro-showPic .wrap.left {

		flex-direction: row-reverse

	}



	.tem13-pro-showPic .wrap.left .swiper-slide::after,.tem13-pro-showPic .wrap.right .swiper-slide::after {

		opacity: 0

	}



	.tem13-pro-showPic .wrap {

		padding-right: 40px

	}



	.tem0-product_show.content-right .tem13-pro-showPic .wrap {

		padding-left: 40px;

		padding-right: 0

	}



	.tem13-pro-showPic .swiper-wrapper {

		margin: 0 -5px

	}

}



@media(max-width:991px) {

	.tem0-product_show .mainpic,.tem0-product_show .detail {

		position: static!important

	}

}



@media(max-width:768px) {

	.tem13-pro-showPic .swiper-container-autoheight .swiper-wrapper {

		height: auto!important

	}



	.tem13-pro-showPic .wrap {

		position: relative

	}



	.tem13-pro-showPic .bigImg {

		position: static

	}



	.tem13-pro-showPic .bigImg img {

		display: none

	}



	.tem13-pro-showPic .swiper-slide img {

		height: auto!important;

		display: block;

		margin: 0 auto

	}



	.tem13-pro-showPic .swiper-wrapper {

		align-items: normal

	}



	.tem13-pro-showPic .video {

		top: auto;

		height: auto;

		bottom: 0

	}



	.tem13-pro-showPic .video video,.tem13-pro-showPic .video iframe {

		height: auto

	}



	.tem13-pro-showPic .swiper-slide img {

		opacity: 1

	}



	.tem13-pro-showPic .swiper-slide::after {

		display: none

	}



	.tem13-pro-showPic .video.show {

		position: fixed;

		width: 100%;

		height: 100%;

		background: #000;

		top: 0;

		z-index: 9999

	}



	.tem13-pro-showPic .video video {

		top: 50%;

		transform: translateY(-50%)

	}



	.tem13-pro-showPic .swiper-slide {

		padding: 0

	}

}



.tem01-pro-showBtn {

	color: #212121;

	border-color: #e0e0e0;

	margin: 10px 0 20px

}



.tem01-pro-showBtn ul {

	width: 100%;

	clear: both;

	font-size: 0

}



.tem01-pro-showBtn ul li {

	display: inline-block;

	margin-right: 15px

}



.tem01-pro-showBtn ul li.edit_download {

	margin-right: 0

}



.tem01-pro-showBtn ul li a {

	border-radius: 0;

	padding: 10px 30px;

	font-size: 16px

}



.tem01-pro-showBtn ul li .collection {

	padding: 8px 15px;

	background-color: #b0b0b0;

	box-shadow: none;

	color: #fff

}



.tem01-pro-showBtn ul li .collection.active .collection1,.tem01-pro-showBtn ul li .collection2 {

	display: none

}



.tem01-pro-showBtn ul li .collection.active .collection2 {

	display: inline-block

}



.tem01-pro-showBtn ul li .collection.active .icon-favorite {

	color: #e53935

}



.tem01-pro-showBtn .download-box .btn {

	padding: 10px 40px;

	font-size: 16px;

	color: #fff;

	background-color: #b0b0b0;

	border-color: #b0b0b0;

	border-radius: 0

}



.tem01-pro-showBtn .download-box .downloadicon {

	margin-right: 5px;

	font-size: 12px;

	color: rgba(0,0,0,.65)

}



.tem01-pro-showBtn .downloaddesc {

	padding: 10px;

	position: relative

}



.tem01-pro-showBtn .downloaddesc .icon-help {

	font-size: 16px;

	color: rgba(0,0,0,.5)

}



.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

	width: 14vw;

	border-radius: 4px;

	padding: 6px;

	border: 1px solid #e4e7ed;

	box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);

	position: absolute;

	left: 100%;

	top: -2vh;

	background-color: #fff;

	display: none;

	word-break: break-word;

	font-size: 12px;

	opacity: .8;

	line-height: 160%;

	z-index: 2

}



.tem01-pro-showBtn .downloaddesc .downloaddesc_text.active {

	display: block

}



.tem01-pro-showBtn .Downmodal {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	background-color: rgba(0,0,0,.45);

	display: none;

	opacity: 0

}



.tem01-pro-showBtn .Downmodal.open {

	display: block

}



.tem01-pro-showBtn .Downmodal.opentwo {

	opacity: 1;

	transition: .3s

}



.tem01-pro-showBtn .Downmodalbox {

	width: 500px;

	background-color: #fff;

	border: 1px solid #e4e7ed;

	box-shadow: 0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);

	border-radius: 2px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -250px;

	transform: translateY(-50%)

}



.tem01-pro-showBtn .Downmodal .Downmodal-top {

	height: 48px;

	line-height: 48px;

	border-bottom: 1px solid #e4e7ed;

	border-radius: 2px 2px 0 0;

	padding: 0 14px;

	text-align: right;

	color: #dfe3e9;

	font-size: 22px

}



.tem01-pro-showBtn .Downmodal .Downmodal-top .icon-cancel4 {

	cursor: pointer

}



.tem01-pro-showBtn .Downmodal .Downmodal-bottom {

	background-color: #f0f3f8;

	padding: 8px 20px;

	justify-content: flex-end

}



.tem01-pro-showBtn .Downmodal .Downmodal-cancel {

	width: 60px;

	height: 32px;

	background-color: #fff;

	border: 1px solid #e8ecef;

	font-size: 14px;

	color: rgba(0,0,0,.65);

	text-align: center;

	line-height: 32px;

	cursor: pointer

}



.tem01-pro-showBtn .Downmodal .Downmodal-body {

	padding: 8px

}



.tem01-pro-showBtn .Downmodal .downitems {

	counter-reset: number

}



.tem01-pro-showBtn .Downmodal .downitem {

	padding-left: 32px;

	padding-right: 8px;

	position: relative;

	line-height: 32px

}



.tem01-pro-showBtn .Downmodal .downitem:after {

	content: '';

	counter-increment: number;

	content: counter(number);

	position: absolute;

	top: 0;

	left: 8px;

	font-size: 14px

}



.tem01-pro-showBtn .Downmodal .downitem:nth-of-type(2n+1) {

	background-color: #eff2f7

}



.tem01-pro-showBtn .Downmodal .downitem:nth-of-type(2n+2) {

	background-color: #fff

}



.tem01-pro-showBtn .Downmodal .downitem a {

	display: block;

	margin-left: 18px

}



.tem01-pro-showBtn .Downmodal .downitems {

	max-height: 320px;

	overflow-y: auto

}



.tem01-pro-showBtn .Downmodal .downitem>div {

	flex: 1;

	-webkit-flex: 1;

	transition: .4s;

	word-break: break-word;

	font-size: 14px

}



.tem01-pro-showBtn .Downmodal .downitem>a .icon-download5 {

	color: #595959;

	font-size: 14px;

	transition: .4s

}



.tem01-pro-showBtn .Downmodal .downitem:hover>div {

	color: #3a78e7

}



.tem01-pro-showBtn .Downmodal .downitem:hover>a .icon-download5 {

	color: #3a78e7

}



@media(max-width:768px) {

	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		font-size: 14px;

		padding: 8px 15px

	}



	.tem01-pro-showBtn ul li {

		margin-right: 10px

	}



	.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

		width: 400px

	}

}



@media(max-width:480px) {

	.tem01-pro-showBtn {

		margin-bottom: 10px

	}



	.tem01-pro-showPledge {

		font-size: 12px;

		margin: 0 0 15px

	}



	.tem01-pro-showPledge .icon {

		font-size: 14px

	}



	.tem01-pro-showBtn .downloaddesc .downloaddesc_text {

		width: 150px

	}



	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		padding: 6px 12px

	}

}



@media(max-width:360px) {

	.tem01-pro-showBtn ul li a,.tem01-pro-showBtn .download-box .btn {

		padding: 8px 20px;

		font-size: 12px;

		width: 100%

	}



	.tem01-pro-showBtn ul li {

		width: 100%;

		margin-bottom: 5px

	}



	.tem01-pro-showBtn ul li .download,.tem01-pro-showBtn ul li .download-box {

		width: 100%

	}



	.tem01-pro-showBtn .downloaddesc {

		display: none

	}

}



.tem0-product_show .mainpic {

	flex-grow: 0;

	flex-shrink: 0

}



.tem0-product_show .mainpic>.add-module:after {

	display: inline-block

}



.tem0-product_show .mainpic>.add-module,.tem0-product_show .detail>.add-module {

	width: 150px

}



.tem0-product_show .detail>.add-module:after {

	display: inline-block

}



.tem0-product_show .detail {

	flex-grow: 1;

	max-width: 100%;

	flex-basis: 0%

}



.tem0-product_show.content-right>.flexBoxStem {

	-webkit-flex-direction: row-reverse;

	-moz-flex-direction: row-reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}



.tem0-product_show>.flexBoxStem.top {

	-webkit-align-items: flex-start;

	-moz-align-items: flex-start;

	-ms-align-items: flex-start;

	align-items: flex-start

}



.tem0-product_show>.flexBoxStem.bottom {

	-webkit-align-items: flex-end;

	-moz-align-items: flex-end;

	-ms-align-items: flex-end;

	align-items: flex-end

}



.designer-body .tem0-product_show .flexBoxPosi {

	width: 100%;

	height: 40px

}



.modal-open .tem0-product_show>.flexBoxStem>.item.detail {

	position: initial!important

}



@media(min-width:992px) {

	.tem0-product_show .flexBoxStem .item.mainpic {

		z-index: 2;

		overflow: inherit

	}



	.tem0-product_show>.flexBoxStem>.item {

		position: sticky;

		position: -webkit-sticky;

		top: 0;

		z-index: 2

	}

}



@media(max-width:768px) {

	.tem0-product_show .container.flexBoxStem,.tem0-product_show .mainpic {

		padding: 0!important

	}



	.tem0-product_show .detail {

		padding: 0 2%

	}

}



.tem01-pro-showShare {

	margin-bottom: 15px

}



.tem01-pro-showShare .detail-share {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	margin-bottom: 10px

}



.tem01-pro-showShare .basic-share a {

	margin: 0 10px 0 0;

	display: inline-block;

	width: 30px;

	height: 30px;

	line-height: 26px;

	text-align: center;

	border-radius: 50%;

	border-style: solid;

	border-width: 1px;

	font-size: 16px

}



.tem01-pro-showShare .basic-share a span {

	vertical-align: middle;

	line-height: 28px;

	display: block

}



.bugNowModal {

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	position: fixed;

	left: 0;

	top: 0;

	z-index: 9999;

	display: none

}



.bugNowModal .gray_to_cart {

	width: 300px;

	height: auto;

	background: #fff;

	position: relative;

	top: 50%;

	left: 50%;

	margin-left: -150px;

	padding: 20px 10px;

	border: 1px solid #ccc;

	text-align: center

}



.bugNowModal .gray_to_cart p {

	font-size: 12px;

	color: #666

}



.bugNowModal .gray_to_cart .gray_to_cart_btn a {

	display: inline-block;

	width: 100px;

	height: 34px;

	margin: 15px 15px 0

}



.tem01-pro-parameter .amount {

	width: 100%;

	margin-bottom: 20px

}



.tem01-pro-parameter .amount.proPrice {

	margin-bottom: 0

}



.tem01-pro-parameter .amount.proPrice .origin_price {

	margin-bottom: 20px

}



.tem01-pro-parameter .stockTit {

	width: 100%;

	font-weight: 500;

	font-size: 18px

}



.tem01-pro-parameter .stockVal {

	padding-top: 12px

}



.tem01-pro-parameter .proAttr .stockVal {

	padding-top: 5px;

	opacity: .8

}



.tem01-pro-parameter .proAttr ul {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap

}



.tem01-pro-parameter .proAttr ul li {

	width: 50%;

	padding: 12px 12px 0 0

}



.tem01-pro-parameter .proAttr ul li span {

	display: block;

	border: 1px solid;

	border-color: #e0e0e0;

	text-align: center;

	padding: 10px;

	cursor: pointer

}



.tem01-pro-parameter .proAttr ul li.active span {

	border-color: inherit;

	color: inherit

}



.tem01-pro-parameter .proAttr ul li span p {

	width: 30px;

	height: 15px;

	margin: auto;

	vertical-align: middle

}



.tem01-pro-parameter .proPrice span {

	font-size: 24px

}



.tem01-pro-parameter .description dt,.tem01-pro-parameter .description dd {

	display: table-cell

}



.tem01-pro-parameter .description dd {

	padding-left: 10px

}



@media(max-width:991px) {

	.tem01-pro-parameter {

		margin-top: 20px

	}

}



@media(max-width:768px) {

	.tem01-pro-parameter .stockTit {

		font-size: 14px

	}



	.tem01-pro-parameter .amount {

		display: flex;

		display: -webkit-flex

	}



	.tem01-pro-parameter .stockTit {

		width: auto;

		flex-shrink: 0

	}



	.tem01-pro-parameter .proAttr .stockVal {

		padding-left: 10px;

		padding-top: 2px;

		position: relative

	}



	.tem01-pro-parameter .proAttr .stockVal::before {

		content: ":";

		position: absolute;

		left: 2px

	}



	.tem01-pro-parameter .amount {

		margin-bottom: 10px

	}

}



.tem01-pro-attrMore ul {

	width: 100%;

	margin-bottom: 30px

}



.tem01-pro-attrMore .title {

	width: 100%;

	font-weight: 500;

	font-size: 18px

}



.tem01-pro-attrMore ol {

	display: flex;

	display: -webkit-flex;

	flex-wrap: wrap

}



.tem01-pro-attrMore li {

	width: 50%;

	padding: 12px 12px 0 0

}



.tem01-pro-attrMore a {

	display: block;

	border: 1px solid;

	border-color: #e0e0e0;

	text-align: center;

	padding: 10px;

	cursor: pointer;

	color: inherit

}



.tem01-pro-attrMore li.active a {

	border-color: inherit;

	color: inherit

}



.tem01-pro-attrMore li span {

	display: block

}



@media(max-width:991px) {

	.tem01-pro-attrMore {

		margin-top: 20px

	}

}



@media(max-width:768px) {

	.tem01-pro-attrMore a {

		padding: 5px 10px

	}



	.tem01-pro-attrMore ul {

		margin-bottom: 20px

	}

}



@media(max-width:360px) {

	.tem01-pro-attrMore li {

		width: 100%;

		padding: 5px 0

	}

}



@media(max-width:991px) {

	.tem01-pro-showTitle .title {

		margin-top: 20px

	}

}



@media(max-width:768px) {

	.tem01-pro-showTitle .title {

		font-size: 16px!important

	}



	.tem01-pro-showTitle .description {

		margin: 0

	}

}



.editorh1 {

	width: 60%;

	text-align: center;

	margin: 0 auto

}



@media(min-width:768px) {

	.contact_5dd5ece2125b8 .container {

		width: 520px

	}

}



@media(min-width:992px) {

	.contact_5dd5ece2125b8 .container {

		width: 620px

	}

}



@media(min-width:1360px) {

	.contact_5dd5ece2125b8 .container {

		width: 750px

	}

}



@media(min-width:1440px) {

	.contact_5dd5ece2125b8 .container {

		width: 820px

	}

}



@media(min-width:1600px) {

	.contact_5dd5ece2125b8 .container {

		width: 920px

	}

}



.tem02-ai_contant_info .icons li a img {

	margin-bottom: 15px

}



.tem02-ai_contant_info .icons li a {

	color: #333

}



.newsletter-section-two {



	position: relative;



	/* padding: 70px 0px 65px; */



	background-color: #222222;



	height:282px;



}



.newsletter-section-two video {



    display: block;



    width: 100%;



	z-index: -1;



	}



.newsletter-section-two .cover {



    position: absolute;



    width: 100%;



    height: 100%;



    background: rgba(14,82,184,.6);



    z-index: 5;



    top: 0;



    left: 0;



}



.newsletter-section-two .inner-container {



	position: relative;



}







.newsletter-section-two .title-column {



	position: relative;



}







.newsletter-section-two .title-column .inner-column {



	position: relative;



	    text-align: center;



}



.newsletter-section-two .title-column .inner-column .annuu a{



height: 45px;



    padding: 0 50px;



    background: linear-gradient(-88deg, #00dada 0%, #00dada 28.000000000000004%, #00a6ff 100%);



    border-radius: 22px;



    color: #ffffff;



    font-size: 18px;



    font-weight: 400;



    text-align: center;



    line-height: 45px;



    display: inline-block;



    margin: 30px 10px;



}



.newsletter-section-two .title-column .inner-column .annuu a:hover{



	opacity: 1;



	color: #ffffff;



	transform: rotate3d(0, 0, 1, 0deg);



	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);



	background: linear-gradient(-88deg, #00a6ff 0%, #00a6ff 28.000000000000004%, #00dada 100%);



}



.newsletter-section-two .wen .inner-column{padding:50px 0 50px 0}



.newsletter-section-two .title-column h4 {



	position: relative;



	color: #ffffff;



	font-size: 30px;



	font-weight: 600;



	text-transform: capitalize;



}







.newsletter-section-two .title-column .title {



	position: relative;



	color: #ffffff;



	font-weight: 400;



	font-size: 15px;



	margin-top: 10px;



	text-transform: capitalize;



}







.newsletter-section-two .form-column {



	position: relative;



}







.newsletter-section-two .form-column .inner-column {



	position: relative;



	margin-top: 7px;



}



.newsletter-section-two .wen{position: absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:0 auto}