@media (max-width:767px) {

#detail2 {

    width: 100% !important;

}

}





.piaoimg {

    float: right;

    width: 120px;

    margin-top: 100px;

    margin-right: 5%;

}

img.piao_img {

    width: 60px;

	/*float: right;*/

    margin-right: 10px;

}



#detail2 {

    width: 70%;

    line-height: 26px;

    overflow: hidden;

    margin: 0 auto;

	padding: 20px;

    color: #000;

}

#detail2 img,.info-wrap img{

    max-width: 98%;

    height: auto!important;

    object-fit: contain;

    display: block;

    margin: 0 auto;

}

#detail2 p {

    width: 100%;

}

.bbox {

    position: absolute;

    height: 100%;

    width: 100%;

    background-color: #103b6f33;

    z-index: 999;

    display: block;

    top: 0;

    background-image: url(../images/vdo.png);

    background-repeat: no-repeat;

    background-position: center center;

}



.zilei a {

	float: left;

	margin: 2px 5px;

}



@font-face {

	font-family:montserrat;font-display:swap;src:local('Montserrat Regular'),local('Montserrat-Regular'),url(../fonts/montserrat-regular-webfont.woff2) format('woff2'),url(../fonts/montserrat-regular-webfont.woff) format('woff');font-weight:400;font-style:normal

}



@font-face {

	font-family:montserrat;font-display:swap;src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/montserrat-bold-webfont.woff2) format('woff2'),url(../fonts/montserrat-bold-webfont.woff) format('woff');font-weight:700;font-style:normal

}



@font-face {

	font-family:icomoon;src:url(../fonts/icomoon.ttf) format('truetype'),url(../fonts/icomoon.woff) format('woff'),url(../fonts/icomoon.svg) format('svg');font-weight:400;font-style:normal

}[class*=icon-]:before,.sobtn:before {

	font-family: icomoon!important;

	speak: none;

	font-style: normal;

	font-weight: 400;

	font-variant: normal;

	text-transform: none;

	line-height: inherit;

	vertical-align: baseline;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



.icon-tmall:before {

	content: "\e900"

}



.icon-iconfont-cart:before {

	content: "\e605"

}



.icon-iconfont-qrcode:before {

	content: "\e606"

}



.icon-youku:before {

	content: "\e607"

}



.icon-aspect_ratio:before {

	content: "\e85b"

}



.icon-fullscreen:before {

	content: "\e5d0"

}



.icon-fullscreen_exit:before {

	content: "\e5d1"

}



.icon-at-sign:before {

	content: "\e901"

}



.icon-clock:before {

	content: "\e902"

}



.icon-info-large:before {

	content: "\e600"

}



.icon-home:before {

	content: "\e60e"

}



.icon-location:before {

	content: "\e611"

}



.icon-link:before {

	content: "\e612"

}



.icon-image:before {

	content: "\e613"

}



.icon-video:before {

	content: "\e627"

}



.icon-drafts:before {

	content: "\e602"

}



.icon-mail:before {

	content: "\e002"

}



.icon-image2:before {

	content: "\e010"

}



.icon-camera2:before {

	content: "\e017"

}







.icon-share2:before {

	content: "\e081"

}



.icon-arrow-left:before {

	content: "\e094"

}



.icon-arrow-right:before {

	content: "\e095"

}



.icon-arrow-up:before {

	content: "\e096"

}



.icon-arrow-down:before {

	content: "\e097"

}



.icon-plus:before {

	content: "\e114"

}



.icon-minus:before {

	content: "\e115"

}



.icon-check:before {

	content: "\e116"

}



.icon-cross:before {

	content: "\e117"

}



.icon-menu:before {

	content: "\e120"

}



.icon-phone:before {

	content: "\f095"

}



.icon-weibo:before {

	content: "\f18a"

}



.icon-wechat:before {

	content: "\f1d7"

}



.icon-share:before {

	content: "\e601"

}



.icon-arrow-left2:before {

	content: "\e616"

}



.icon-arrow-down2:before {

	content: "\e617"

}



.icon-arrow-up2:before {

	content: "\e618"

}



.icon-arrow-right2:before {

	content: "\e619"

}



.icon-arrow-left3:before {

	content: "\e61b"

}



.icon-arrow-down3:before {

	content: "\e61c"

}



.icon-arrow-up3:before {

	content: "\e61d"

}



.icon-arrow-right3:before {

	content: "\e61e"

}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%

}



body {

	margin: 0

}



article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {

	display: block

}



audio,canvas,progress,video {

	display: inline-block;

	vertical-align: baseline

}



audio:not([controls]) {

	display: none;

	height: 0

}[hidden],template {

	display: none

}



a {

	background-color: transparent

}



a:active,a:hover {

	outline: 0

}



abbr[title] {

	border-bottom: 1px dotted

}



b,strong {

	font-weight: 700

}



dfn {

	font-style: italic

}



h1 {

	font-size: 2em;

	margin: .67em 0

}



mark {

	background: #ff0;

	color: #000

}



small {

	font-size: 80%

}



sub,sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}



sup {

	top: -.5em

}



sub {

	bottom: -.25em

}



img {

	border: 0

}



svg:not(:root) {

	overflow: hidden

}



figure {

	margin: 1em 40px

}



hr {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0

}



pre {

	overflow: auto

}



code,kbd,pre,samp {

	font-family: monospace,monospace;

	font-size: 1em

}



button,input,optgroup,select,textarea {

	color: inherit;

	font: inherit;

	margin: 0

}



button {

	overflow: visible

}



button,select {

	text-transform: none

}



button,html input[type=button],input[type=reset],input[type=submit] {

	-webkit-appearance: button;

	cursor: pointer

}



button[disabled],html input[disabled] {

	cursor: default

}



button::-moz-focus-inner,input::-moz-focus-inner {

	border: 0;

	padding: 0

}



input {

	line-height: normal

}



input[type=checkbox],input[type=radio] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0

}



input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {

	height: auto

}



input[type=search] {

	-webkit-appearance: textfield;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}



input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {

	-webkit-appearance: none

}



fieldset {

	border: 1px solid silver;

	margin: 0 2px;

	padding: .35em .625em .75em

}



legend {

	border: 0;

	padding: 0

}



textarea {

	overflow: auto

}



optgroup {

	font-weight: 700

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



td,th {

	padding: 0

}



.trans {

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.trans2 {

	-webkit-transition: all .4s cubic-bezier(1,0,0,1);

	-o-transition: all .4s cubic-bezier(1,0,0,1);

	transition: all .4s cubic-bezier(1,0,0,1)

}



.trans-md {

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s

}



.trans-md2 {

	-webkit-transition: all .8s cubic-bezier(1,0,0,1);

	-o-transition: all .8s cubic-bezier(1,0,0,1);

	transition: all .8s cubic-bezier(1,0,0,1)

}



@-webkit-keyframes loader {

	to {

		-webkit-transform: rotate3d(0,0,1,360deg);

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

	}

}



@keyframes loader {

	to {

		-webkit-transform: rotate3d(0,0,1,360deg);

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

	}

}



@-webkit-keyframes loader_dash {

	from {

		stroke-dasharray: 0 150;

		stroke-dashoffset: 0

	}



	to {

		stroke-dasharray: 100 150;

		stroke-dashoffset: -140

	}

}



@keyframes loader_dash {

	from {

		stroke-dasharray: 0 150;

		stroke-dashoffset: 0

	}



	to {

		stroke-dasharray: 100 150;

		stroke-dashoffset: -140

	}

}



.anim-loader {

	-webkit-animation: loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite;

	animation: loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite

}



@-webkit-keyframes scale_x_in {

	0% {

		-webkit-transform: scaleX(0);

		transform: scaleX(0);

		-webkit-transform-origin: 0;

		transform-origin: 0;

		visibility: visible

	}



	100% {

		-webkit-transform: scaleX(1);

		transform: scaleX(1);

		-webkit-transform-origin: 0;

		transform-origin: 0;

		visibility: visible

	}

}



@keyframes scale_x_in {

	0% {

		-webkit-transform: scaleX(0);

		transform: scaleX(0);

		-webkit-transform-origin: 0;

		transform-origin: 0;

		visibility: visible

	}



	100% {

		-webkit-transform: scaleX(1);

		transform: scaleX(1);

		-webkit-transform-origin: 0;

		transform-origin: 0;

		visibility: visible

	}

}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



:after,:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



html {

	font-size: 10px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	cursor: default;

	-webkit-touch-callout: none;

	-webkit-tap-highlight-color: rgba(0,0,0,.1)

}



body {

	font-family: montserrat,"Avenir Next","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",'Noto Sans CJK SC',Arial,sans-serif;

	font-size: 14px;

	line-height: 1.6;

	color: #333;

	text-align: left;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}



body,html {

	width: 100%;

	height: 100%;

	background-color: #FFF

}



::-moz-selection {

	color: #FFF;

	background: #103b6f

}



::selection {

	color: #FFF;

	background: #103b6f

}



div,footer,header,main,nav,section {

	position: relative

}



button,input,select,textarea {

	font-family: inherit;

	font-size: inherit;

	line-height: inherit

}



a {

	color: inherit;

	text-decoration: none;

	cursor: pointer

}



.desktop a:hover,a:focus {

	text-decoration: none

}



a:focus {

	outline: 0

}



ul {

	position: relative;

	list-style: none;

	padding: 0;

	margin: 0

}



ul li {

	position: relative

}



img {

	vertical-align: middle

}



.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {

	color: inherit;

	margin: 0;

	text-rendering: optimizeLegibility

}



.h1,h1 {

	font-size: 56px

}



.h2,h2 {

	font-size: 48px

}



.h3,h3 {

	font-size: 36px

}



.h4,h4 {

	font-size: 24px

}



.h5,h5 {

	font-size: 18px

}



.h6,h6 {

	font-size: 16px

}



@media (max-width:1199px) {

	.h1,h1 {

		font-size: 45px

	}



	.h2,h2 {

		font-size: 39px

	}



	.h3,h3 {

		font-size: 29px

	}



	.h4,h4 {

		font-size: 20px

	}



	.h5,h5 {

		font-size: 16px

	}

	.navSearchBox {width: 40% !important}

	#topso {height: 100px;}

}

@media (max-width:767px) {

	.h1,h1 {

		font-size: 28px

	}



	.h2,h2 {

		font-size: 24px

	}



	.h3,h3 {

		font-size: 20px

	}



	.h4,h4 {

		font-size: 18px

	}



	.h5,h5 {

		font-size: 16px

	}



	.h6,h6 {

		font-size: 14px

	}

}



@media (orientation:landscape) {

	.iphone_x .h1,.iphone_x h1 {

		font-size: 28px

	}



	.iphone_x .h2,.iphone_x h2 {

		font-size: 32px

	}



	.iphone_x .h3,.iphone_x h3 {

		font-size: 24px

	}



	.iphone_x .h4,.iphone_x h4 {

		font-size: 18px

	}



	.iphone_x .h6,.iphone_x h6 {

		font-size: 14px

	}

}



.h1,.h2,.h3,h1,h2,h3 {

	font-weight: 700;

	line-height: 1.2;

	text-transform: uppercase

}



.h1.cn:not(.bold),.h2.cn:not(.bold),.h3.cn:not(.bold),h1.cn:not(.bold),h2.cn:not(.bold),h3.cn:not(.bold) {

	font-weight: 400

}



.h4,.h5,.h6,h4,h5,h6 {

	font-weight: 400;

	line-height: 1.4

}



span {

	display: inline-block;

	color: inherit

}



p {

	font-size: 16px;

	color: #888;

	margin-top: 0;

	margin-bottom: 1.4em

}



p:last-child {

	margin-bottom: 0

}



p.small {

	font-size: 14px

}



p a {

	display: inline-block

}



@media (max-width:767px) {

	p {

		font-size: 13px

	}



	p.small {

		font-size: 12px

	}

}



.phone p {

	font-size: 13px

}



.phone p.small {

	font-size: 12px

}



.bold {

	font-weight: 700

}



.thin {

	font-weight: 300

}



.fs-small {

	font-size: 12px

}



.fs0 {

	font-size: 0

}



.text-left {

	text-align: left

}



.text-right {

	text-align: right

}



.text-center {

	text-align: center

}



.text-nowrap {

	white-space: nowrap

}



.uppercase {

	text-transform: uppercase

}



.capitalize {

	text-transform: capitalize

}



.select {

	-webkit-user-select: text;

	-moz-user-select: text;

	-ms-user-select: text;

	user-select: text;

	cursor: text

}



.oneline-text {

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap

}



.text-list ol,.text-list ul {

	text-align: left;

	margin: 0;

	padding-left: 18px

}



.text-list ol li,.text-list ul li {

	color: #888;

	margin-bottom: 5px;

	line-height: 1.6

}



.text-list ul {

	list-style: disc

}



.text-list ol {

	list-style: decimal

}



.c-gray {

	color: #888

}



.c-white {

	color: #fff

}



.c-white p {

	color: #fff

}



.c-dark {

	color: #333

}



.c-light {

	color: #F0F0F0

}



.c-brand {

	color: #103b6f

}



.bgc-white {

	background-color: #fff

}



.bgc-light {

	background-color: #F0F0F0

}



.bgc-gray {

	background-color: #888

}



.bgc-dark {

	background-color: #333;

	color: #fff

}



.bgc-dark p {

	color: #fff

}



.bgc-brand {

	background-color: #103b6f;

	color: #fff

}



.bgc-brand p {

	color: #fff

}



.dark-overlay:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,0,0,.2)

}



.dark-layer {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #000;

	opacity: .2

}



.swiper-wrapper+.dark-layer {

	z-index: 2

}



.grad-overlay:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 40%;

	background-image: -o-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%);

	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.2)),to(rgba(0,0,0,0)));

	background-image: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%);

	background-repeat: repeat-x;

	pointer-events: none;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.container {

	margin-right: auto;

	margin-left: auto;

	width: 86%

}



@media (min-width:768px) {

	.container {

		width: 86%

	}

}



@media (min-width:813px) {

	.container {

		width: 80%

	}

}



@media (min-width:1200px) {

	.container {

		width: 80%

	}

}



@media (min-width:1600px) {

	.container {

		width: 70%

	}

}



@media (orientation:landscape) {

	.iphone_x .container {

		width: 80%

	}

}



.row {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}



.row [class*=col-] {

	-webkit-box-flex: 0;

	-ms-flex: 0 0 auto;

	flex: 0 0 auto

}



.row:not(.no-gutter) {

	margin-left: -30px;

	margin-right: -30px;

	margin-bottom: -60px

}



.row:not(.no-gutter) [class*=col-] {

	padding-left: 30px;

	padding-right: 30px;

	margin-bottom: 60px

}



.row.xs-gutter {

	margin-left: -5px;

	margin-right: -5px;

	margin-bottom: -10px

}



.row.xs-gutter [class*=col-] {

	padding-left: 5px;

	padding-right: 5px;

	margin-bottom: 10px

}



@media (max-width:812px) {

	.row:not(.no-gutter) {

		margin-left: -15px;

		margin-right: -15px;

		margin-bottom: -30px

	}



	.row:not(.no-gutter) [class*=col-] {

		padding-left: 15px;

		padding-right: 15px;

		margin-bottom: 30px

	}

}



@media (max-width:767px) {

	.row:not(.no-gutter) {

		margin-left: -10px;

		margin-right: -10px;

		margin-bottom: -20px

	}



	.row:not(.no-gutter) [class*=col-] {

		padding-left: 10px;

		padding-right: 10px;

		margin-bottom: 20px

	}



	.row.xs-gutter {

		margin-left: -3px;

		margin-right: -3px;

		margin-bottom: -6px

	}



	.row.xs-gutter [class*=col-] {

		padding-left: 3px;

		padding-right: 3px;

		margin-bottom: 6px

	}

}



.col-xs {

	-webkit-box-flex: 0;

	-ms-flex: 0 0 auto;

	flex: 0 0 auto;

	width: auto

}



.col-xs-1 {

	-ms-flex-preferred-size: 8.33333333%;

	flex-basis: 8.33333333%;

	width: 8.33333333%

}



.col-xs-2 {

	-ms-flex-preferred-size: 16.66666667%;

	flex-basis: 16.66666667%;

	width: 16.66666667%

}



.col-xs-3 {

	-ms-flex-preferred-size: 25%;

	flex-basis: 25%;

	width: 25%

}



.col-xs-4 {

	-ms-flex-preferred-size: 33.33333333%;

	flex-basis: 33.33333333%;

	width: 33.33333333%

}



.col-xs-5 {

	-ms-flex-preferred-size: 41.66666667%;

	flex-basis: 41.66666667%;

	width: 41.66666667%

}



.col-xs-6 {

	-ms-flex-preferred-size: 50%;

	flex-basis: 50%;

	width: 50%

}



.col-xs-7 {

	-ms-flex-preferred-size: 58.33333333%;

	flex-basis: 58.33333333%;

	width: 58.33333333%

}



.col-xs-8 {

	-ms-flex-preferred-size: 66.66666667%;

	flex-basis: 66.66666667%;

	width: 66.66666667%

}



.col-xs-9 {

	-ms-flex-preferred-size: 75%;

	flex-basis: 75%;

	width: 75%

}



.col-xs-10 {

	-ms-flex-preferred-size: 83.33333333%;

	flex-basis: 83.33333333%;

	width: 83.33333333%

}



.col-xs-11 {

	-ms-flex-preferred-size: 91.66666667%;

	flex-basis: 91.66666667%;

	width: 91.66666667%

}



.col-xs-12 {

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%;

	width: 100%

}



.col-xs-offset-0 {

	margin-left: 0

}



.col-xs-offset-1 {

	margin-left: 8.33333333%

}



.col-xs-offset-2 {

	margin-left: 16.66666667%

}



.col-xs-offset-3 {

	margin-left: 25%

}



.col-xs-offset-4 {

	margin-left: 33.33333333%

}



.col-xs-offset-5 {

	margin-left: 41.66666667%

}



.col-xs-offset-6 {

	margin-left: 50%

}



.col-xs-offset-7 {

	margin-left: 58.33333333%

}



.col-xs-offset-8 {

	margin-left: 66.66666667%

}



.col-xs-offset-9 {

	margin-left: 75%

}



.col-xs-offset-10 {

	margin-left: 83.33333333%

}



.col-xs-offset-11 {

	margin-left: 91.66666667%

}



@media (min-width:768px),(max-width:767px) and (orientation:landscape) {

	.col-sm {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 auto;

		flex: 0 0 auto;

		width: auto

	}



	.col-sm-1 {

		-ms-flex-preferred-size: 8.33333333%;

		flex-basis: 8.33333333%;

		width: 8.33333333%

	}



	.col-sm-2 {

		-ms-flex-preferred-size: 16.66666667%;

		flex-basis: 16.66666667%;

		width: 16.66666667%

	}



	.col-sm-3 {

		-ms-flex-preferred-size: 25%;

		flex-basis: 25%;

		width: 25%

	}



	.col-sm-4 {

		-ms-flex-preferred-size: 33.33333333%;

		flex-basis: 33.33333333%;

		width: 33.33333333%

	}



	.col-sm-5 {

		-ms-flex-preferred-size: 41.66666667%;

		flex-basis: 41.66666667%;

		width: 41.66666667%

	}



	.col-sm-6 {

		-ms-flex-preferred-size: 50%;

		flex-basis: 50%;

		width: 50%

	}



	.col-sm-7 {

		-ms-flex-preferred-size: 58.33333333%;

		flex-basis: 58.33333333%;

		width: 58.33333333%

	}



	.col-sm-8 {

		-ms-flex-preferred-size: 66.66666667%;

		flex-basis: 66.66666667%;

		width: 66.66666667%

	}



	.col-sm-9 {

		-ms-flex-preferred-size: 75%;

		flex-basis: 75%;

		width: 75%

	}



	.col-sm-10 {

		-ms-flex-preferred-size: 83.33333333%;

		flex-basis: 83.33333333%;

		width: 83.33333333%

	}



	.col-sm-11 {

		-ms-flex-preferred-size: 91.66666667%;

		flex-basis: 91.66666667%;

		width: 91.66666667%

	}



	.col-sm-12 {

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		width: 100%

	}



	.col-sm-offset-0 {

		margin-left: 0

	}



	.col-sm-offset-1 {

		margin-left: 8.33333333%

	}



	.col-sm-offset-2 {

		margin-left: 16.66666667%

	}



	.col-sm-offset-3 {

		margin-left: 25%

	}



	.col-sm-offset-4 {

		margin-left: 33.33333333%

	}



	.col-sm-offset-5 {

		margin-left: 41.66666667%

	}



	.col-sm-offset-6 {

		margin-left: 50%

	}



	.col-sm-offset-7 {

		margin-left: 58.33333333%

	}



	.col-sm-offset-8 {

		margin-left: 66.66666667%

	}



	.col-sm-offset-9 {

		margin-left: 75%

	}



	.col-sm-offset-10 {

		margin-left: 83.33333333%

	}



	.col-sm-offset-11 {

		margin-left: 91.66666667%

	}

}



@media (min-width:813px) {

	.col-md {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 auto;

		flex: 0 0 auto;

		width: auto

	}



	.col-md-1 {

		-ms-flex-preferred-size: 8.33333333%;

		flex-basis: 8.33333333%;

		width: 8.33333333%

	}



	.col-md-2 {

		-ms-flex-preferred-size: 16.66666667%;

		flex-basis: 16.66666667%;

		width: 16.66666667%

	}



	.col-md-3 {

		-ms-flex-preferred-size: 25%;

		flex-basis: 25%;

		width: 25%

	}



	.col-md-4 {

		-ms-flex-preferred-size: 33.33333333%;

		flex-basis: 33.33333333%;

		width: 33.33333333%

	}



	.col-md-5 {

		-ms-flex-preferred-size: 41.66666667%;

		flex-basis: 41.66666667%;

		width: 41.66666667%

	}



	.col-md-6 {

		-ms-flex-preferred-size: 50%;

		flex-basis: 50%;

		width: 50%

	}



	.col-md-7 {

		-ms-flex-preferred-size: 58.33333333%;

		flex-basis: 58.33333333%;

		width: 58.33333333%

	}



	.col-md-8 {

		-ms-flex-preferred-size: 66.66666667%;

		flex-basis: 66.66666667%;

		width: 66.66666667%

	}



	.col-md-9 {

		-ms-flex-preferred-size: 75%;

		flex-basis: 75%;

		width: 75%

	}



	.col-md-10 {

		-ms-flex-preferred-size: 83.33333333%;

		flex-basis: 83.33333333%;

		width: 83.33333333%

	}



	.col-md-11 {

		-ms-flex-preferred-size: 91.66666667%;

		flex-basis: 91.66666667%;

		width: 91.66666667%

	}



	.col-md-12 {

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		width: 100%

	}



	.col-md-offset-0 {





		margin-left: 0

	}



	.col-md-offset-1 {

		margin-left: 8.33333333%

	}



	.col-md-offset-2 {

		margin-left: 16.66666667%

	}



	.col-md-offset-3 {

		margin-left: 25%

	}



	.col-md-offset-4 {

		margin-left: 33.33333333%

	}



	.col-md-offset-5 {

		margin-left: 41.66666667%

	}



	.col-md-offset-6 {

		margin-left: 50%

	}



	.col-md-offset-7 {

		margin-left: 58.33333333%

	}



	.col-md-offset-8 {

		margin-left: 66.66666667%

	}



	.col-md-offset-9 {

		margin-left: 75%

	}



	.col-md-offset-10 {

		margin-left: 83.33333333%

	}



	.col-md-offset-11 {

		margin-left: 91.66666667%

	}

}



@media (min-width:1200px) {

	.col-lg {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 auto;

		flex: 0 0 auto;

		width: auto

	}



	.col-lg-1 {

		-ms-flex-preferred-size: 8.33333333%;

		flex-basis: 8.33333333%;

		width: 8.33333333%

	}



	.col-lg-2 {

		-ms-flex-preferred-size: 16.66666667%;

		flex-basis: 16.66666667%;

		width: 16.66666667%

	}



	.col-lg-3 {

		-ms-flex-preferred-size: 25%;

		flex-basis: 25%;

		width: 25%

	}



	.col-lg-4 {

		-ms-flex-preferred-size: 33.33333333%;

		flex-basis: 33.33333333%;

		width: 33.33333333%

	}



	.col-lg-5 {

		-ms-flex-preferred-size: 41.66666667%;

		flex-basis: 41.66666667%;

		width: 41.66666667%

	}



	.col-lg-6 {

		-ms-flex-preferred-size: 50%;

		flex-basis: 50%;

		width: 50%

	}



	.col-lg-7 {

		-ms-flex-preferred-size: 58.33333333%;

		flex-basis: 58.33333333%;

		width: 58.33333333%

	}



	.col-lg-8 {

		-ms-flex-preferred-size: 66.66666667%;

		flex-basis: 66.66666667%;

		width: 66.66666667%

	}



	.col-lg-9 {

		-ms-flex-preferred-size: 75%;

		flex-basis: 75%;

		width: 75%

	}



	.col-lg-10 {

		-ms-flex-preferred-size: 83.33333333%;

		flex-basis: 83.33333333%;

		width: 83.33333333%

	}



	.col-lg-11 {

		-ms-flex-preferred-size: 91.66666667%;

		flex-basis: 91.66666667%;

		width: 91.66666667%

	}



	.col-lg-12 {

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		width: 100%

	}



	.col-lg-offset-0 {

		margin-left: 0

	}



	.col-lg-offset-1 {

		margin-left: 8.33333333%

	}



	.col-lg-offset-2 {

		margin-left: 16.66666667%

	}



	.col-lg-offset-3 {

		margin-left: 25%

	}



	.col-lg-offset-4 {

		margin-left: 33.33333333%

	}



	.col-lg-offset-5 {

		margin-left: 41.66666667%

	}



	.col-lg-offset-6 {

		margin-left: 50%

	}



	.col-lg-offset-7 {

		margin-left: 58.33333333%

	}



	.col-lg-offset-8 {

		margin-left: 66.66666667%

	}



	.col-lg-offset-9 {

		margin-left: 75%

	}



	.col-lg-offset-10 {

		margin-left: 83.33333333%

	}



	.col-lg-offset-11 {

		margin-left: 91.66666667%

	}

}



@media (min-width:1600px) {

	.col-xl {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 auto;

		flex: 0 0 auto;

		width: auto

	}



	.col-xl-1 {

		-ms-flex-preferred-size: 8.33333333%;

		flex-basis: 8.33333333%;

		width: 8.33333333%

	}



	.col-xl-2 {

		-ms-flex-preferred-size: 16.66666667%;

		flex-basis: 16.66666667%;

		width: 16.66666667%

	}



	.col-xl-3 {

		-ms-flex-preferred-size: 25%;

		flex-basis: 25%;

		width: 25%

	}



	.col-xl-4 {

		-ms-flex-preferred-size: 33.33333333%;

		flex-basis: 33.33333333%;

		width: 33.33333333%

	}



	.col-xl-5 {

		-ms-flex-preferred-size: 41.66666667%;

		flex-basis: 41.66666667%;

		width: 41.66666667%

	}



	.col-xl-6 {

		-ms-flex-preferred-size: 50%;

		flex-basis: 50%;

		width: 50%

	}



	.col-xl-7 {

		-ms-flex-preferred-size: 58.33333333%;

		flex-basis: 58.33333333%;

		width: 58.33333333%

	}



	.col-xl-8 {

		-ms-flex-preferred-size: 66.66666667%;

		flex-basis: 66.66666667%;

		width: 66.66666667%

	}



	.col-xl-9 {

		-ms-flex-preferred-size: 75%;

		flex-basis: 75%;

		width: 75%

	}



	.col-xl-10 {

		-ms-flex-preferred-size: 83.33333333%;

		flex-basis: 83.33333333%;

		width: 83.33333333%

	}



	.col-xl-11 {

		-ms-flex-preferred-size: 91.66666667%;

		flex-basis: 91.66666667%;

		width: 91.66666667%

	}



	.col-xl-12 {

		-ms-flex-preferred-size: 100%;

		flex-basis: 100%;

		width: 100%

	}



	.col-xl-offset-0 {

		margin-left: 0

	}



	.col-xl-offset-1 {

		margin-left: 8.33333333%

	}



	.col-xl-offset-2 {

		margin-left: 16.66666667%

	}



	.col-xl-offset-3 {

		margin-left: 25%

	}



	.col-xl-offset-4 {

		margin-left: 33.33333333%

	}



	.col-xl-offset-5 {

		margin-left: 41.66666667%

	}



	.col-xl-offset-6 {

		margin-left: 50%

	}



	.col-xl-offset-7 {

		margin-left: 58.33333333%

	}



	.col-xl-offset-8 {

		margin-left: 66.66666667%

	}



	.col-xl-offset-9 {

		margin-left: 75%

	}



	.col-xl-offset-10 {

		margin-left: 83.33333333%

	}



	.col-xl-offset-11 {

		margin-left: 91.66666667%

	}

}



button {

	position: relative;

	display: inline-block;

	padding: 0;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	white-space: nowrap;

	background: 0 0;

	border: none;

	border-radius: 0;

	text-shadow: none;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



button,button.active,button:active {

	outline: 0;

	background-image: none

}



button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus {

	outline: 0

}



button.disabled,button[disabled],fieldset[disabled] button {

	cursor: not-allowed;

	background: #888;

	-webkit-box-shadow: none!important;

	box-shadow: none!important

}



.btn {

	position: relative;

	display: inline-block;

	padding: 0 20px;

	line-height: 50px;

	z-index: 1;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.btn i {

	font-size: 20px;

	margin-right: 8px;

	vertical-align: middle;

	line-height: 1

}



.btn:before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 0;

	background-color: #103b6f;

	z-index: -1;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop .btn:hover {

	color: #fff

}



.desktop .btn:hover:before {

	height: 100%

}



.btn.block-icon {

	padding-left: 70px

}



.btn.block-icon i {

	position: absolute;

	left: 0;

	width: 50px;

	line-height: 50px;

	text-align: center;

	display: inline-block;

	background: #103b6f;

	color: #fff

}



.btn-white {

	background: #fff;

	color: #103b6f

}



.btn-line-brand {

	border: 2px solid #103b6f;

	color: #103b6f

}



.linkbtn {

	position: relative;

	display: inline-block;

	padding: 10px 0;

	line-height: 1.2;

	margin-right: 20px;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.linkbtn:last-child {

	margin-right: 0

}



.linkbtn:after {

	content: '';

	display: block;

	margin-top: 5px;

	width: 20px;

	height: 3px;

	background: #103b6f;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.linkbtn.active {

	color: #103b6f

}



.desktop .linkbtn:hover {

	color: #103b6f

}



.desktop .linkbtn:hover:after {

	width: 100%

}



.linkbtn[class*=icon-]:before {

	font-size: 16px;

	vertical-align: top;

	margin-right: 5px

}



.linkbtn[class*=icon-]:after {

	margin-top: 0

}



.iconbtn {

	display: inline-block;

	width: 50px;

	height: 50px;

	line-height: 50px;

	font-size: 20px;

	text-align: center;

	background: #313140;

	color: #fff;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop .iconbtn:hover,.iconbtn.active {

	background: #103b6f

}



.close-btn {

	position: fixed;

	top: 30px;

	right: 30px;

	font-size: 16px;

	background: #F0F0F0;

	color: #103b6f;

	z-index: 99

}



.close-btn.active,.desktop .close-btn:hover {

	background: #103b6f;

	color: #fff

}



@media (max-width:812px) {

	.close-btn {

		top: 20px;

		right: 20px

	}

}



@media (max-width:767px) {

	.close-btn {

		top: 15px;

		right: 15px

	}

}



.iphone_x .close-btn {

	border-radius: 100%

}



.loadmore-btn {

	padding: 13px 20px;

	color: #103b6f;

	border: 2px solid #103b6f

}



.loadmore-btn span {

	line-height: 24px

}



.loadmore-btn .loader-icon {

	width: 24px;

	height: 24px;

	vertical-align: middle;

	display: none

}



.desktop .loadmore-btn:not(.active):hover {

	background-color: #103b6f;

	color: #fff

}



.loadmore-btn.active {

	border-color: transparent;

	pointer-events: none

}



.loadmore-btn.active span {

	display: none

}



.loadmore-btn.active .loader-icon {

	display: block

}



.p-rel {

	position: relative

}



.p-abs {

	position: absolute

}



.p-fix {

	position: fixed

}



.top {

	top: 0

}



.btm {

	bottom: 0

}



.lt {

	left: 0

}



.rt {

	right: 0

}



.inlineblock {

	display: inline-block

}



.block {

	display: block

}



.left {

	float: left

}



.right {

	float: right

}



.overhide {

	overflow: hidden

}



.center {

	position: absolute;

	top: 50%;

	left: 50%;

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

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

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

}



.centerv {

	position: absolute;

	top: 50%;

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

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

	transform: translateY(-50%)

}



.flex-centerbox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}



.full {

	width: 100%;

	height: 100%;

	overflow: hidden

}



.fullw {

	width: 100%

}



.fullh {

	height: 100%

}



.fullvh {

	height: 100vh

}



.wrap {

	padding: 60px

}



@media (max-width:767px) {

	.wrap {

		padding: 30px

	}

}



.wrap-sm {

	padding: 30px

}



@media (max-width:767px) {

	.wrap-sm {

		padding: 20px

	}

}



.wrap-xs {

	padding: 20px

}



@media (max-width:767px) {

	.wrap-xs {

		padding: 10px

	}

}



.p-v-xs {

	padding-top: 20px;

	padding-bottom: 20px

}



@media (max-width:767px) {

	.p-v-xs {

		padding-top: 10px;

		padding-bottom: 10px

	}

}



.p-v-sm {

	padding-top: 30px;

	padding-bottom: 30px

}



@media (max-width:767px) {

	.p-v-sm {

		padding-top: 20px;

		padding-bottom: 20px

	}

}



.p-v-md {

	padding-top: 60px;

	padding-bottom: 60px

}



@media (max-width:812px) {

	.p-v-md {

		padding-top: 40px;

		padding-bottom: 40px

	}

}



@media (max-width:767px) {

	.p-v-md {

		padding-top: 30px;

		padding-bottom: 30px

	}

}



.p-v-lg {

	padding-top: 120px;

	padding-bottom: 120px

}



@media (max-width:812px) {

	.p-v-lg {

		padding-top: 60px;

		padding-bottom: 60px

	}

}



@media (max-width:767px) {

	.p-v-lg {

		padding-top: 40px;

		padding-bottom: 40px

	}

}



@media (max-width:767px) and (orientation:landscape) {

	.p-v-lg {

		padding-top: 60px;

		padding-bottom: 60px

	}

}



@media (min-width:1600px) {

	.p-v-lg {

		padding-top: 160px;

		padding-bottom: 160px

	}

}



.p-h-xs {

	padding-left: 20px;

	padding-right: 20px

}



@media (max-width:767px) {

	.p-h-xs {

		padding-left: 10px;

		padding-right: 10px

	}

}



.p-h-sm {

	padding-left: 30px;

	padding-right: 30px

}



@media (max-width:767px) {

	.p-h-sm {

		padding-left: 15px;

		padding-right: 15px

	}

}



.p-h-md {

	padding-left: 60px;

	padding-right: 60px

}



@media (max-width:767px) {

	.p-h-md {

		padding-left: 30px;

		padding-right: 30px

	}

}



.pt0 {

	padding-top: 0

}



.pb0 {

	padding-bottom: 0

}



.m-b-xxs {

	margin-bottom: 5px

}



.m-b-xs {

	margin-bottom: 10px

}



.m-b-sm {

	margin-bottom: 20px

}



@media (max-width:767px) {

	.m-b-sm {

		margin-bottom: 15px

	}

}



.m-b-md {

	margin-bottom: 30px

}



@media (max-width:767px) {

	.m-b-md {

		margin-bottom: 20px

	}

}



.m-b-lg {

	margin-bottom: 60px

}



@media (max-width:812px) {

	.m-b-lg {

		margin-bottom: 50px

	}

}



@media (max-width:767px) {

	.m-b-lg {

		margin-bottom: 30px

	}

}



.m-t-xxs {

	margin-top: 5px

}



.m-t-xs {

	margin-top: 10px

}



.m-t-sm {

	margin-top: 20px

}



@media (max-width:767px) {

	.m-t-sm {

		margin-top: 15px

	}

}



.m-t-md {

	margin-top: 30px

}



@media (max-width:767px) {

	.m-t-md {

		margin-top: 20px

	}

}



.m-t-lg {

	margin-top: 60px

}



@media (max-width:812px) {

	.m-t-lg {

		margin-top: 50px

	}

}



@media (max-width:767px) {

	.m-t-lg {

		margin-top: 30px

	}

}



.m-r-xs {

	margin-right: 10px

}



.m-r-sm {

	margin-right: 20px

}



@media (max-width:767px) {

	.m-r-sm {

		margin-right: 10px

	}

}



.m-r-md {

	margin-right: 30px

}



@media (max-width:767px) {

	.m-r-md {

		margin-right: 20px

	}

}



.mt0 {

	margin-top: 0

}



.mb0 {

	margin-bottom: 0

}



nav ul:after,nav ul:before {

	content: " ";

	display: table

}



nav ul:after {

	clear: both

}



nav ul:after,nav ul:before {

	content: " ";

	display: table

}



nav ul:after {

	clear: both

}



nav ul li {

	float: left;

	overflow: hidden

}



nav ul li:not(:last-child) {

	margin-right: 20px

}



nav ul li a {

	position: relative;

	display: block;

	line-height: 40px;

	text-transform: uppercase;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop nav ul li a:hover {

	color: #103b6f

}



nav ul li.active a {

	color: #103b6f

}



.desktop nav ul li.active a:hover {

	color: #103b6f;

	cursor: default

}



nav.text-center ul {

	display: inline-block

}



nav.text-center ul li {

	float: none;

	display: inline-block;

	margin-left: 10px;

	margin-right: 10px

}



.dropdown-nav {

	width: 280px;

	overflow: hidden

}



.dropdown-nav .dropdown-btn {

	width: 100%;

	line-height: 50px;

	padding: 0 50px 0 20px;

	background: #F0F0F0;

	text-align: left;

	text-transform: uppercase;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

	cursor: pointer;

	z-index: 1001

}



.dropdown-nav .dropdown-btn:before {

	position: absolute;

	right: 20px;

	font-size: 20px;

	color: #103b6f;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop .dropdown-nav .dropdown-btn:hover {

	background: #262626;

	color: #F0F0F0

}



@media (max-width:767px) {

	.dropdown-nav .dropdown-btn {

		font-size: 12px

	}

}



.dropdown-nav ul {

	width: 100%;

	background: #333;

	color: rgba(255,255,255,.5);

	position: absolute;

	max-height: 300px;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	z-index: 1000;

	display: none

}



html:not(.safari) .dropdown-nav ul {

	-webkit-box-shadow: 0 6px 20px rgba(0,0,0,.15);

	box-shadow: 0 6px 20px rgba(0,0,0,.15)

}



.dropdown-nav ul li {

	float: none;

	width: 100%;

	border-top: 1px solid rgba(0,0,0,.3)

}



.dropdown-nav ul li:not(:last-child) {

	margin-right: 0

}



.dropdown-nav ul li a {

	padding: 0 20px;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap

}



.desktop .dropdown-nav ul li a:hover {

	background: #103b6f;

	color: #fff

}



.dropdown-nav ul li.active a {

	color: #fff

}



.dropdown-nav ul li.active a:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 3px;

	height: 100%;

	background: #103b6f

}



.desktop .dropdown-nav ul li.active a:hover {

	color: #fff

}



.dropdown-nav ul.inline li {

	float: left;

	width: 50%

}



.dropdown-nav ul.inline li:nth-child(even) {

	border-left: 1px solid rgba(0,0,0,.3)

}



.dropdown-nav.open {

	overflow: visible

}



html:not(.safari) .dropdown-nav.open {

	-webkit-box-shadow: 0 6px 20px rgba(0,0,0,.15);

	box-shadow: 0 6px 20px rgba(0,0,0,.15)

}



.dropdown-nav.open .dropdown-btn {

	background: #262626;

	color: #F0F0F0;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.dropdown-nav.open .dropdown-btn:before {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg)

}



.dropdown-nav.open ul {

	display: block;

	-webkit-animation: mk_top_to_bottom .4s ease forwards;

	animation: mk_top_to_bottom .4s ease forwards

}



.nav-header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 60px;

	-webkit-transform: translate3d(0,-100%,0);

	transform: translate3d(0,-100%,0);

	opacity: 0;

	z-index: 1030

}



.nav-header.init {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1

}



.nav-header .btns {

	position: absolute;

	top: 0;

	right: 0

}



.top_logo {

	position: relative;

	height: 100%;

	width: auto;

	height: 60px;

	background-color: rgba(16, 59, 111, 0.9);

	padding: 0 20px 0 60px;

	float: left;

	-webkit-backdrop-filter: blur(30px);

	backdrop-filter: blur(30px)

}



.top_logo img {

	display: block;

	height: 100%;

	width: auto;

	padding: 5px 0

}



.desktop .top_logo:hover {

	background-color: #103b6f

}



.nav-header .dropdown-nav {

	float: left

}



.nav-header .dropdown-nav .dropdown-btn {

	line-height: 60px;

	background: rgba(240,240,240,.85);

	-webkit-backdrop-filter: blur(30px);

	backdrop-filter: blur(30px)

}



.nav-header .dropdown-nav ul {

	max-height: calc(100vh - 120px)

}



.nav-header .dropdown-nav.open .dropdown-btn {

	background: #262626;

	color: #F0F0F0

}



.nav-header .menu_btn {

	position: relative;

	float: left;

	width: 60px;

	height: 60px;

	background-color: #fff;

	margin-right: 1px;

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	color: transparent

}



.nav-header .menu_btn span,.nav-header .menu_btn span:after,.nav-header .menu_btn span:before {

	position: absolute;

	height: 2px;

	background-color: #103b6f;

	border-radius: 1px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.nav-header .menu_btn span {

	width: 20px;

	top: 29px;

	left: 20px

}



.nav-header .menu_btn span:after,.nav-header .menu_btn span:before {

	content: "";

	left: 0

}



.nav-header .menu_btn span:before {

	top: -6px;

	width: 14px

}



.nav-header .menu_btn span:after {

	top: 6px;

	width: 12px

}



.desktop body:not(.nav-open) .nav-header .menu_btn:hover {

	background: #103b6f

}



.desktop body:not(.nav-open) .nav-header .menu_btn:hover span,.desktop body:not(.nav-open) .nav-header .menu_btn:hover span:after,.desktop body:not(.nav-open) .nav-header .menu_btn:hover span:before {

	background-color: #fff;

	width: 20px

}



.nav-open .nav-header .menu_btn {

	background-color: #103b6f

}



.nav-open .nav-header .menu_btn span {

	background-color: transparent

}



.nav-open .nav-header .menu_btn span:after,.nav-open .nav-header .menu_btn span:before {

	background-color: #fff;

	width: 20px

}



.nav-open .nav-header .menu_btn span:before {

	-webkit-transform: translateY(6px) rotate(-45deg);

	-ms-transform: translateY(6px) rotate(-45deg);

	transform: translateY(6px) rotate(-45deg)

}



.nav-open .nav-header .menu_btn span:after {

	-webkit-transform: translateY(-6px) rotate(45deg);

	-ms-transform: translateY(-6px) rotate(45deg);

	transform: translateY(-6px) rotate(45deg)

}



.desktop .nav-open .nav-header .menu_btn:hover span {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg)

}



#qtranslate-chooser {

	float: left;

	text-align: center;

	width: 60px;

	height: 60px

}



#qtranslate-chooser li {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%

}



#qtranslate-chooser li a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 60px;

	background-color: #fff;

	color: #103b6f;

	font-size: 14px;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop #qtranslate-chooser li a:hover {

	background: #103b6f;

	color: #fff

}



#qtranslate-chooser li.active {

	display: none

}



#nav_bg {

	background-color: #F0F0F0

}



#topnav{

	position: fixed;

	top: 0;

	width: 100%;

	height: 100vh;

	text-align: center;

	padding-top: 60px;

	overflow: hidden;

	visibility: hidden;

	-webkit-transform: translate3d(0,-100%,0);

	transform: translate3d(0,-100%,0);

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);

	-o-transition: all .8s cubic-bezier(.77,0,.175,1);

	transition: all .8s cubic-bezier(.77,0,.175,1)

}



#topso{

	position: fixed;

	top: 0;

	width: 100%;

	height: 200px;

	text-align: center;

	padding-top: 60px;

	overflow: hidden;

	visibility: hidden;

	-webkit-transform: translate3d(0,-100%,0);

	transform: translate3d(0,-100%,0);

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);

	-o-transition: all .8s cubic-bezier(.77,0,.175,1);

	transition: all .8s cubic-bezier(.77,0,.175,1)

}

.so-open #topso {

	visibility: visible;

	    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    opacity: 1;

}



.navSearchBox{ position:absolute; top:20px;     right: 210px; width:20%; padding:10px; z-index:1;    background-color: #5c5c5a4f; border-radius: 5px; }

.navSearchBox .form-control:focus{ box-shadow:none; appearance:none; -webkit-appearance:none; border:1px solid #ccc;}

.form-control {

  display: block;

    width: 100%;

    height: 45px;

    float: left;

    margin-right: 210px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    padding-left: 10px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

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

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



.sobtn:before {

	content: "\e036"

}

i.sobtn.iconso {

    position: absolute;

    right: 5px;

    top: -3px;

}

.iconso {

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 22px;

    text-align: center;

    color: #103b6f;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

#topnav .cont {

	-webkit-transform: translate3d(0,50vh,0);

	transform: translate3d(0,50vh,0);

	opacity: 0;

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1);

	-o-transition: all .8s cubic-bezier(.77,0,.175,1);

	transition: all .8s cubic-bezier(.77,0,.175,1)

}



#topnav .thumb-nav {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



#topnav .thumb-nav li a {

	position: relative;

	display: block;

	color: #fff;

	overflow: hidden

}



#topnav .thumb-nav li a img {

	-webkit-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease

}



.desktop #topnav .thumb-nav li a:hover img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-filter: grayscale(1);

	filter: grayscale(1)

}



#topnav .thumb-nav li.active a img {

	-webkit-filter: grayscale(1);

	filter: grayscale(1)

}



#topnav .thumb-nav li.active a .img-wrap:after {

	opacity: 1

}



.nav-open #topnav {

	visibility: visible

}



.nav-open #topnav,.nav-open #topnav .cont {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	opacity: 1

}



.nav-open {

	overflow: hidden

}



@media (min-width:1200px) {

	#topnav nav a {

		font-size: 18px

	}

}



@media (min-width:768px) {

	.nav-header .dropdown-nav,.nav-header .top_logo {

		top: 20px

	}



	.nav-header .btns {

		top: 20px;

		right: 20px

	}



	.nav-header .btns .menu_btn {

		margin-right: 2px

	}

}



@media (orientation:portrait) {

	.nav-header .thumb-nav {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center

	}

}



@media (max-width:767px) and (orientation:portrait) {

	.nav-header {

		background-color: #F0F0F0;

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

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

	}



	.top_logo {

		width: calc(100% - 122px);

		padding: 0 25px

	}



	.thumb-nav a {

		max-height: calc((100vh - 240px)/ 2)

	}



	.dropdown-nav {

		width: 100%

	}



	.nav-open .dropdown-nav {

		opacity: 0;

		visibility: hidden

	}

}



@media (max-width:767px) and (orientation:landscape) {

	.nav-header {

		position: absolute

	}



	.nav-header .btns,.nav-header .dropdown-nav,.nav-header .top_logo {

		top: 10px

	}



	.nav-header .btns {

		right: 10px

	}



	.nav-header .dropdown-nav {

		width: 214px;

		width: calc(100vw - 354px)

	}

}



@media (orientation:landscape) {

	.iphone_x .nav-header {

		position: absolute

	}



	.iphone_x .nav-header .btns {

		right: 30px

	}



	.iphone_x #topnav .thumb-nav li a {

		height: 130px

	}



	.iphone_x #topnav nav {

		margin-top: 10px

	}

}



footer {

	background-color: #F0F0F0

}



footer .container {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}



footer .title {

	color: #888;

	line-height: 40px

}



footer .icons li {

	float: left

}



footer .info {

	padding-top: 20px;

	color: #888

}



.iphone.safari footer {

	padding-bottom: 85px

}



@media (max-width:767px) {

	footer .title {

		line-height: 30px

	}

}



@media (max-width:767px) and (orientation:portrait) {

	footer .left-cont {

		margin-bottom: 30px

	}

}



body.loading {

	overflow: hidden

}



#pageloader {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	overflow: hidden;

	z-index: 5000

}



#pageloader .logo {

	width: 260px

}



@media (max-width:767px) {

	#pageloader .logo {

		width: 200px

	}

}



body.init #pageloader {

	-webkit-transform: translate3d(0,-100%,0);

	transform: translate3d(0,-100%,0);

	-webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1);

	-o-transition: all 1.2s cubic-bezier(.77,0,.175,1);

	transition: all 1.2s cubic-bezier(.77,0,.175,1)

}



body.init #pageloader .cont {

	opacity: 0;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.loader-icon {

	width: 30px;

	height: 30px;

	border-radius: 50%

}



.loader-icon .line {

	fill: none;

	stroke: #103b6f;

	stroke-width: 4px;

	stroke-linecap: round;

	-webkit-transform-origin: 50% 50%;

	-ms-transform-origin: 50% 50%;

	transform-origin: 50% 50%;

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

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

}



.thumbs.disable {

	pointer-events: none

}



.thumbs .item a {

	position: relative;

	display: block;

	width: 100%;

	overflow: hidden

}



.page-products .thumbs .item a {

	overflow: visible

}



.thumbs .item a img {

	width: 100%;

	-webkit-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease

}



.thumbs .item a .title {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.desktop .thumbs .item a:hover img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05)

}



.desktop .thumbs .item a:hover .title {

	color: #103b6f

}



@media (max-width:767px) {

	.page-products .thumbs .item a .title {

		font-size: 11px

	}

}



@media (max-width:767px) and (orientation:portrait) {

	.page-products .thumbs {

		margin: 0 -10px

	}

}



@media (max-width:767px) {

	.news-thumbs .thumbs .item {

		margin-bottom: 30px!important

	}



	.news-thumbs .thumbs .item .date,.news-thumbs .thumbs .item .img-wrap {

		margin-bottom: 10px

	}

}



.fit-thumbs .item {

	overflow: hidden

}



.fit-thumbs .item a {

	position: relative;

	display: block;

	padding-top: 100%

}



.fit-thumbs .item a img {

	position: absolute;

	top: 50%;

	left: 50%;

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

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

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

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.fit-thumbs .item a img.land {

	width: auto;

	height: 100%

}



.fit-thumbs .item a .icon {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

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

	opacity: 0;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.fit-thumbs .item a .icon:before {

	position: absolute;

	top: 50%;

	left: 50%;

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

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

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

	font-size: 20px;

	color: #103b6f

}



.desktop .fit-thumbs .item a:hover .icon {

	opacity: 1

}



html[lang=zh] .en {

	display: none

}



html[lang=en] .cn {

	display: none

}



.coverbg {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.containbg {

	background-repeat: no-repeat;

	background-size: contain;

	background-position: center

}



.fixedbg {

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.desktop .fixedbg {

	background-attachment: fixed

}



main {

	width: 100%;

	height: auto;

	z-index: 0

}



section {

	overflow: hidden

}



.desktop.safari body {

	overflow: hidden

}



.desktop.safari main {

	height: 100%;

	overflow-y: auto;

	overflow-x: hidden

}



.head {

	width: 100%;

	min-height: 60vh;

	color: #FFF

}



.head .coverbg {

	position: absolute;

	top: 0

}



@media (min-width:813px) and (orientation:landscape) {

	.head.head-md {

		min-height: 80vh

	}

}



.head.full {

	height: 100vh;

	min-height: auto

}



@media (max-width:767px) {

	.head.full {

		height: 120vw

	}

}



@media (max-width:767px) and (orientation:portrait) {

	.iphone.safari .head.full {

		height: calc(100vh - 69px)

	}

}



.has-subnav .head {

	padding-top: 60px

}



@media (max-width:767px) and (orientation:portrait) {

	.head {

		padding-top: 60px

	}



	.has-subnav .head {

		padding-top: 90px

	}

}



@media (max-width:767px) and (orientation:landscape) {

	.head {

		min-height: 320px

	}

}



.scroll-tip {

	position: absolute;

	bottom: 0;

	left: 50%

}



.scroll-tip .line {

	width: 2px;

	margin-left: -1px;

	height: 80px;

	background: #fff

}



@media (max-width:767px) {

	.scroll-tip .line {

		height: 30px

	}

}



.iphone .scroll-tip .line {

	height: 30px

}



.img-wrap {

	overflow: hidden

}



.img-wrap img {

	width: 100%

}



.img-wrap.dark-overlay:before {

	z-index: 0

}



.img-wrap.dark-overlay img {

	z-index: -1

}



@media (min-width:813px) {

	.info-wrap {

		width: 70%

	}

}



@media (min-width:1200px) {

	.info-wrap {

		width: 65%

	}

}



@media (min-width:1600px) {

	.info-wrap {

		width: 60%

	}

}



.land-full {

	width: 100%

}



@media (orientation:landscape) {

	.land-full {

		min-height: 100vh

	}

}



@media (min-width:768px) and (orientation:landscape) {

	.land-full .info {

		margin-top: 10vh

	}

}



@media (orientation:portrait) {

	.land-full {

		min-height: auto

	}



	.land-full .coverbg {

		position: relative;

		height: 50vh

	}



	.land-full .info {

		background: #333

	}



	.land-full .info .container {

		margin-top: -10px;

		margin-bottom: 20px

	}

}



@media (max-width:767px) and (orientation:landscape) {

	.land-full.head .info {

		margin-top: 15vh

	}



	.land-full.head .info .info-wrap {

		width: 80%

	}

}



.two-cols {

	width: 100%;

	/*min-height: 100vh;*/

	overflow: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-ms-flex-line-pack: start;

	align-content: flex-start

}



.two-cols .info,.two-cols .pic {

	width: 50%

}



.two-cols .pic {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1

}



.two-cols .info {

	z-index: 1

}



@media (orientation:landscape) {

	.two-cols .pic {

		min-height: 100vh

	}



	.two-cols:not(.sameside):nth-child(even) .pic {

		-webkit-box-ordinal-group: 2;

		-ms-flex-order: 1;

		order: 1

	}



	.two-cols .info {

		padding: 20vh 10vw

	}



	.two-cols .info .container {

		width: 100%

	}

}



@media (min-width:1600px) and (orientation:landscape) {

	.two-cols body:not(.page-interior) .info {

		padding: 30vh 15vw

	}

}



@media (orientation:portrait) {

	.two-cols {

		min-height: auto

	}



	.two-cols .info,.two-cols .pic {

		width: 100%

	}



	.two-cols .pic {

		height: 50vh

	}



	.two-cols .info {

		height: auto

	}



	.two-cols .info .container {

		margin-top: -10px;

		margin-bottom: 20px

	}



	.two-cols .info.grad-overlay:after {

		display: none

	}

}



.fixed-cont {

	position: fixed;

	top: 0;

	left: 0;

	height: 100vh;

	overflow: hidden

}



.no-scroll .fixed-cont {

	position: relative;

	height: auto

}



.no-scroll .fixed-cont.p-abs {

	position: absolute

}



.gap {

	height: 100vh;

	visibility: hidden

}



.no-scroll .gap {

	display: none

}



.mobile .mobile-nofix {

	position: relative;

	height: auto

}



.mobile .mobile-nofix+.gap {

	display: none

}



.video-wrap {

	overflow: hidden

}



.video-wrap .play-icon path {

	fill: #103b6f;

	-webkit-transform-origin: center;

	-ms-transform-origin: center;

	transform-origin: center

}



.video-wrap .btn-play {

	cursor: pointer

}



.desktop .video-wrap .btn-play:hover .play-icon path {

	-webkit-transform: rotate(120deg);

	-ms-transform: rotate(120deg);

	transform: rotate(120deg)

}



.video-wrap video {

	opacity: 0;

	visibility: hidden

}



.video-wrap.showvideo .cover {

	opacity: 0

}



.video-wrap.showvideo video {

	opacity: 1;

	visibility: visible

}



.video-modal {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	height: 100%;

	background-color: #000;

	overflow: hidden;

	visibility: hidden;

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	z-index: 1060

}



.video-modal video {

	width: 100%;

	height: 100%;

	display: none

}



.video-modal.open {

	visibility: visible;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



.endline {

	line-height: 1.2

}



.endline.h1,.endline.h2,.endline.h3,.endlineh1,.endlineh2,.endlineh3 {

	line-height: 1

}



.endline:after {

	content: '';

	display: block;

	width: 20px;

	height: 3px;

	background: #103b6f;

	margin-top: 6px;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.text-center .endline:after {

	margin-left: auto;

	margin-right: auto

}



.desktop a:hover .endline:after {

	width: 60px

}



.endline.lg:after {

	width: 40px;

	height: 5px;

	margin-top: 10px

}



.desktop a:hover .endline.lg:after {

	width: 120px

}



.desktop a:hover .endline.white:after {

	background: #fff

}



.endline.hoverfw {

	display: inline-block

}



.desktop a:hover .endline.hoverfw:after {

	width: 100%

}



.endline.split:after {

	visibility: hidden

}



.endline.split.visb:after {

	-webkit-animation: scale_x_in .5s cubic-bezier(.77,0,.175,1) 1s forwards;

	animation: scale_x_in .5s cubic-bezier(.77,0,.175,1) 1s forwards

}



.mixhover .img-wrap:after,.mixhover .mix {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(86, 46, 16, 0.6);

	mix-blend-mode: darken;

	opacity: 0;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.mixhover .img-wrap:after {

	content: ''

}



.desktop .mixhover:hover .img-wrap:after,.desktop .mixhover:hover .mix {

	opacity: 1

}



.tshadow {

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

}



.no-hover {

	pointer-events: none

}



.trans3d0 {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0)

}



@-webkit-keyframes mk_scale {

	0% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

		opacity: 0

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

		opacity: 1

	}

}



@keyframes mk_scale {

	0% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

		opacity: 0

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

		opacity: 1

	}

}



@-webkit-keyframes mk_fade {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



@keyframes mk_fade {

	0% {

		opacity: 0

	}



	100% {

		opacity: 1

	}

}



@-webkit-keyframes mk_left_to_right {

	0% {

		-webkit-transform: translate(-30px,0);

		transform: translate(-30px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate(0,0);

		transform: translate(0,0);

		opacity: 1

	}

}



@keyframes mk_left_to_right {

	0% {

		-webkit-transform: translate(-30px,0);

		transform: translate(-30px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate(0,0);

		transform: translate(0,0);

		opacity: 1

	}

}



@-webkit-keyframes mk_right_to_left {

	0% {

		-webkit-transform: translate(30px,0);

		transform: translate(30px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate(0,0);

		transform: translate(0,0);

		opacity: 1

	}

}



@keyframes mk_right_to_left {

	0% {

		-webkit-transform: translate(30px,0);

		transform: translate(30px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate(0,0);

		transform: translate(0,0);

		opacity: 1

	}

}



@-webkit-keyframes mk_bottom_to_top {

	0% {

		-webkit-transform: translateY(30px);

		transform: translateY(30px);

		opacity: 0

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}



@keyframes mk_bottom_to_top {

	0% {

		-webkit-transform: translateY(30px);

		transform: translateY(30px);

		opacity: 0

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}



@-webkit-keyframes mk_top_to_bottom {

	0% {

		-webkit-transform: translateY(-30px);

		transform: translateY(-30px);

		opacity: 0

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}



@keyframes mk_top_to_bottom {

	0% {

		-webkit-transform: translateY(-30px);

		transform: translateY(-30px);

		opacity: 0

	}



	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1

	}

}



@-webkit-keyframes mk_thumb {

	0% {

		-webkit-transform: translate3d(0,40px,0);

		transform: translate3d(0,40px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

		opacity: 1

	}

}



@keyframes mk_thumb {

	0% {

		-webkit-transform: translate3d(0,40px,0);

		transform: translate3d(0,40px,0);

		opacity: 0

	}



	100% {

		-webkit-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

		opacity: 1

	}

}



@-webkit-keyframes mk_thumb_img {

	0% {

		-webkit-transform: translate3d(0,-20px,0);

		transform: translate3d(0,-20px,0)

	}



	100% {

		-webkit-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0)

	}

}



@keyframes mk_thumb_img {

	0% {

		-webkit-transform: translate3d(0,-20px,0);

		transform: translate3d(0,-20px,0)

	}



	100% {

		-webkit-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0)

	}

}



.cssanimations .anim_emt {

	visibility: hidden

}



.cssanimations .anim_emt.visb {

	visibility: visible

}



.cssanimations .split {

	text-rendering: optimizeSpeed;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	visibility: hidden

}



.cssanimations .split.visb {

	visibility: visible

}



.cssanimations .split .spt.start {

	-webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1);

	-o-transition: all 1.2s cubic-bezier(.77,0,.175,1);

	transition: all 1.2s cubic-bezier(.77,0,.175,1)

}



.anim_emt.start.scale_up {

	-webkit-animation: mk_scale .8s;

	animation: mk_scale .8s

}



.anim_emt.start.fade_in {

	-webkit-animation: mk_fade .8s;

	animation: mk_fade .8s

}



.anim_emt.start.r_to_l {

	-webkit-animation: mk_right_to_left .8s;

	animation: mk_right_to_left .8s

}



.anim_emt.start.l_to_r {

	-webkit-animation: mk_left_to_right .8s;

	animation: mk_left_to_right .8s

}



.anim_emt.start.t_to_b,.slide_anim_emt.start.t_to_b {

	-webkit-animation: mk_top_to_bottom .8s;

	animation: mk_top_to_bottom .8s

}



.anim_emt.start.b_to_t,.slide_anim_emt.start.b_to_t {

	-webkit-animation: mk_bottom_to_top .8s;

	animation: mk_bottom_to_top .8s

}



.anim_emt.start.thumb,.gallery-thumbs .item.anim_emt.start,.thumbs .item.anim_emt.start {

	-webkit-animation: mk_thumb 1.2s;

	animation: mk_thumb 1.2s

}



.anim_emt.start.thumb .img-wrap,.gallery-thumbs .item.anim_emt.start .img-wrap,.thumbs .item.anim_emt.start .img-wrap {

	-webkit-animation: mk_thumb_img 1.2s;

	animation: mk_thumb_img 1.2s

}



.lSSlideOuter {

	overflow: hidden;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.lSSlideWrapper {

	max-width: 100%;

	overflow: hidden

}



.lightSlider {

	overflow: hidden;

	margin: 0

}



.lightSlider:after,.lightSlider:before {

	content: " ";

	display: table

}



.lSSlideWrapper>.lightSlider:after {

	clear: both

}



.lSSlideWrapper .lSSlide {

	-webkit-transform: translate(0,0);

	-ms-transform: translate(0,0);

	transform: translate(0,0);

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;

	-webkit-transition-property: height,-webkit-transform;

	transition-property: height,-webkit-transform;

	-o-transition-property: transform,height;

	transition-property: transform,height;

	transition-property: transform,height,-webkit-transform;

	-webkit-transition-duration: inherit!important;

	-o-transition-duration: inherit!important;

	transition-duration: inherit!important;

	-webkit-transition-timing-function: inherit!important;

	-o-transition-timing-function: inherit!important;

	transition-timing-function: inherit!important

}



.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider {

	padding-left: 0;

	list-style: none outside none

}



.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>li {

	float: left

}



.ltslider li img {

	width: 100%

}



.lSPager.lSpg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 20px;

	text-align: center

}



.lSPager.lSpg li {

	display: inline-block;

	padding: 5px;

	cursor: pointer

}



.lSPager.lSpg li a {

	position: relative;

	display: block;

	background: #fff;

	width: 8px;

	height: 8px;

	border-radius: 30px;

	overflow: hidden;

	text-indent: -999em;

	z-index: 99;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.lSPager.lSpg li.active a,.lSPager.lSpg li:hover a {

	background: #103b6f

}



@media (max-width:767px) {

	.lSPager.lSpg {

		padding: 10px 20px

	}



	.lSPager.lSpg li a {

		width: 6px;

		height: 6px

	}

}



.lSSlideOuter .media {

	opacity: .8

}



.lSSlideOuter .media.active {

	opacity: 1

}



@media (orientation:landscape) {

	.lSSlideOuter,.lSSlideWrapper,.lslide {

		max-height: 100vh

	}



	.lightSlider {

		max-height: 100vh

	}

}



.lSAction {

	position: static

}



.lSAction>a {

	position: absolute;

	display: block;

	top: 50%;

	width: 60px;

	height: 60px;

	line-height: 60px;

	margin-top: -30px;

	text-align: center;

	font-size: 20px;

	background: #fff;

	color: #103b6f;

	cursor: pointer;

	z-index: 99;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.desktop .lSAction>a:hover {

	background: #103b6f;

	color: #fff

}



.lSAction>a.disabled {

	pointer-events: none

}



.lSAction .lSPrev {

	left: 0

}



.lSAction .lSNext {

	right: 0

}



.mobile .lSAction {

	display: none!important

}



@-webkit-keyframes rightEnd {

	0% {

		left: 0

	}



	50% {

		left: -15px

	}



	100% {

		left: 0

	}

}



@keyframes rightEnd {

	0% {

		left: 0

	}



	50% {

		left: -15px

	}



	100% {

		left: 0

	}

}



@-webkit-keyframes leftEnd {

	0% {

		left: 0

	}



	50% {

		left: 15px

	}



	100% {

		left: 0

	}

}



@keyframes leftEnd {

	0% {

		left: 0

	}



	50% {

		left: 15px

	}



	100% {

		left: 0

	}

}



.lSSlideOuter .rightEnd {

	-webkit-animation: rightEnd .3s;

	animation: rightEnd .3s;

	position: relative

}



.lSSlideOuter .leftEnd {

	-webkit-animation: leftEnd .3s;

	animation: leftEnd .3s;

	position: relative

}



.lightSlider.lsGrab>* {

	cursor: -webkit-grab;

	cursor: grab

}



.lightSlider.lsGrabbing>* {

	cursor: -webkit-grabbing;

	cursor: grabbing

}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {

	display: none;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	overflow: hidden;

	-ms-touch-action: none;

	touch-action: none;

	z-index: 1500;

	-webkit-text-size-adjust: 100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	outline: 0

}



.pswp img {

	max-width: none

}



.pswp--animate_opacity {

	opacity: .001;

	will-change: opacity;

	-webkit-transition: opacity .4s;

	-o-transition: opacity .4s;

	transition: opacity .4s

}



.pswp--open {

	display: block

}



.pswp--zoom-allowed .pswp__img {

	cursor: -webkit-zoom-in;

	cursor: zoom-in

}



.pswp--zoomed-in .pswp__img {

	cursor: -webkit-grab;

	cursor: grab

}



.pswp--dragging .pswp__img {

	cursor: -webkit-grabbing;

	cursor: grabbing

}



.pswp__bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #fff;

	opacity: 0;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: opacity .4s;

	-o-transition: opacity .4s;

	transition: opacity .4s;

	will-change: opacity

}



.pswp__scroll-wrap {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden

}



.pswp__container,.pswp__zoom-wrap {

	-ms-touch-action: none;

	touch-action: none;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.pswp__container,.pswp__img {

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: transparent;

	-webkit-touch-callout: none

}



.pswp__zoom-wrap {

	position: absolute;

	width: 100%;

	-webkit-transform-origin: left top;

	-ms-transform-origin: left top;

	transform-origin: left top;

	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.22,1);

	transition: -webkit-transform .4s cubic-bezier(.4,0,.22,1);

	-o-transition: transform .4s cubic-bezier(.4,0,.22,1);

	transition: transform .4s cubic-bezier(.4,0,.22,1);

	transition: transform .4s cubic-bezier(.4,0,.22,1), -webkit-transform .4s cubic-bezier(.4,0,.22,1)

}



.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {

	-webkit-transition: none;

	-o-transition: none;

	transition: none

}



.pswp__item {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	overflow: hidden

}



.pswp__img {

	position: absolute;

	width: auto;

	height: auto;

	top: 0;

	left: 0

}



.pswp__img--placeholder {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}



.pswp__img--placeholder--blank {

	background: 0 0

}



.pswp__img--placeholder--blank+.pswp__img {

	opacity: 0

}



.pswp--ie .pswp__img {

	width: 100%!important;

	height: auto!important;

	left: 0;

	top: 0

}



.pswp__error-msg {

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	text-align: center;

	font-size: 14px;

	line-height: 16px;

	margin-top: -8px;

	color: #888

}



.pswp__error-msg a {

	color: #103b6f

}



.pswp__container.anim_trans {

	-webkit-transition: -webkit-transform .8s cubic-bezier(.4,0,.22,1);

	transition: -webkit-transform .8s cubic-bezier(.4,0,.22,1);

	-o-transition: transform .8s cubic-bezier(.4,0,.22,1);

	transition: transform .8s cubic-bezier(.4,0,.22,1);

	transition: transform .8s cubic-bezier(.4,0,.22,1), -webkit-transform .8s cubic-bezier(.4,0,.22,1)

}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button {

	width: 50px;

	height: 50px;

	position: relative;

	-webkit-appearance: none;

	display: block;

	margin: 0;

	font-size: 24px;

	float: right;

	opacity: .75;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s;

	-webkit-box-shadow: none;

	box-shadow: none

}



.desktop .pswp__button:hover,.pswp__button:focus {

	background-color: #fff;

	color: #103b6f;

	opacity: 1

}



.pswp__button:active {

	outline: 0;

	opacity: .9

}



.pswp__button::-moz-focus-inner {

	padding: 0;

	border: 0

}



.pswp__button--close {

	font-size: 18px

}



.pswp__ui--over-close .pswp__button--close {

	color: #103b6f;

	opacity: 1

}



.mobile .pswp__button--fs {

	display: none

}



.pswp_arrow {

	position: fixed;

	top: 50%;

	margin-top: -25px;

	width: 50px;

	height: 50px;

	font-size: 20px;

	background-color: #fff;

	color: #333;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}



.desktop .pswp_arrow:hover {

	color: #103b6f

}



.mobile .pswp_arrow {

	display: none

}



.pswp__button--arrow--left {

	left: 0

}



.pswp__button--arrow--right {

	right: 0

}



.pswp__counter {

	float: left;

	height: 50px;

	font-size: 14px;

	line-height: 50px;

	color: #333;

	opacity: .75;

	padding: 0 20px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.pswp__preloader {

	width: 14px;

	height: 50px;

	float: left;

	opacity: 0;

	-webkit-transition: opacity .25s ease-out;

	-o-transition: opacity .25s ease-out;

	transition: opacity .25s ease-out;

	will-change: opacity;

	direction: ltr

}



.pswp__preloader__icn {

	background: 0 0;

	opacity: .75;

	width: 14px;

	height: 14px;

	position: absolute;

	top: 18px;

	margin: 0

}



.pswp__preloader__cut {

	position: relative;

	width: 7px;

	height: 14px;

	overflow: hidden

}



.pswp__preloader__donut {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	width: 14px;

	height: 14px;

	border: 2px solid #333;

	border-radius: 50%;

	border-left-color: transparent;

	border-bottom-color: transparent;

	position: absolute;

	top: 0;

	left: 0;

	background: 0 0;

	margin: 0

}



.pswp__preloader--active {

	opacity: 1

}



.pswp__preloader--active .pswp__preloader__icn {

	-webkit-animation: pswp_clockwise .5s linear infinite;

	animation: pswp_clockwise .5s linear infinite

}



.pswp__preloader--active .pswp__preloader__donut {

	-webkit-animation: pswp_donut_rotate 1s cubic-bezier(.4,0,.22,1) infinite;

	animation: pswp_donut_rotate 1s cubic-bezier(.4,0,.22,1) infinite

}



@-webkit-keyframes pswp_clockwise {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@keyframes pswp_clockwise {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}



	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg)

	}

}



@-webkit-keyframes pswp_donut_rotate {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}



	50% {

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

		transform: rotate(-140deg)

	}



	100% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

}



@keyframes pswp_donut_rotate {

	0% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}



	50% {

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

		transform: rotate(-140deg)

	}



	100% {

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

}



.pswp__ui {

	-webkit-font-smoothing: auto;

	visibility: visible;

	opacity: 1;

	z-index: 1550

}



.pswp__top-bar {

	position: absolute;

	left: 0;

	top: 0;

	height: 50px;

	width: 100%

}



.pswp__caption,.pswp__top-bar {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	will-change: opacity;

	-webkit-transition: opacity .4s cubic-bezier(.4,0,.22,1);

	-o-transition: opacity .4s cubic-bezier(.4,0,.22,1);

	transition: opacity .4s cubic-bezier(.4,0,.22,1)

}



.pswp__caption,.pswp__top-bar {

	background-color: rgba(255,255,255,.5)

}



.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {

	background-color: rgba(255,255,255,.3)

}



.pswp__ui--idle .pswp__top-bar,.pswp__ui--idle .pswp_arrow {

	opacity: 0

}



.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar,.pswp__ui--hidden .pswp_arrow {

	opacity: .001

}



.pswp__ui--one-slide .pswp__counter,.pswp__ui--one-slide .pswp_arrow {

	display: none

}



.pswp__element--disabled {

	display: none!important

}



.pswp--minimal--dark .pswp__top-bar {

	background: 0 0

}



@media (max-width:767px) {

	.pswp__top-bar {

		height: 50px;

		-webkit-backdrop-filter: blur(20px);

		backdrop-filter: blur(20px);

		-webkit-transition: all .4s;

		-o-transition: all .4s;

		transition: all .4s

	}



	.pswp__ui--hidden .pswp__top-bar {

		opacity: 1;

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

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

		transform: translateY(-100%)

	}



	.pswp__button {

		width: 50px;

		height: 50px;

		line-height: 50px

	}



	.pswp__button--close {

		opacity: 1

	}



	.pswp__counter {

		height: 50px;

		line-height: 50px

	}



	.pswp__preloader {

		height: 50px

	}



	.pswp__preloader__icn {

		top: 18px

	}

}



@media (orientation:landscape) {

	.iphone_x .pswp__counter {

		margin-left: 30px

	}



	.iphone_x .pswp__button--close {

		margin-right: 30px

	}

}



.modal {

	position: fixed;

	display: none;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

	z-index: 1050

}



.modal .modal-bg {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	overflow: hidden;

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s

}



.modal .modal-bg.showin {

	background-color: rgba(255,255,255,.85)

}



.backdropfilter .modal .modal-bg.showin {

	background-color: rgba(240,240,240,.7);

	-webkit-backdrop-filter: blur(60px);

	backdrop-filter: blur(60px)

}



.modal .scroll-cont {

	width: 100%;

	height: 100%;

	background-color: #fff;

	overflow: hidden;

	-webkit-overflow-scrolling: touch;

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	-webkit-transform: translateY(100vh);

	-ms-transform: translateY(100vh);

	transform: translateY(100vh);

	opacity: 0;

	z-index: 0

}



.wechat .modal .scroll-cont {

	height: calc(100% + 1px)

}



.modal .scroll-cont>.cont {

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

	-ms-transform: translateY(-50vh);

	transform: translateY(-50vh);

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	transition: all .8s cubic-bezier(.77,0,.175,1) 0s

}



.modal .close-btn {

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0)

}



.modal .close-tip {

	position: absolute;

	bottom: 20px;

	right: 20px;

	line-height: 1;

	opacity: 0;

	-webkit-transform: translate(20px,0);

	-ms-transform: translate(20px,0);

	transform: translate(20px,0);

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s

}



.modal .close-tip i {

	vertical-align: middle;

	margin-left: 5px

}



.modal .close-tip.showin {

	opacity: 1;

	-webkit-transform: translate(0,0);

	-ms-transform: translate(0,0);

	transform: translate(0,0)

}



.desktop .modal .close-tip {

	display: none

}



.modal.showin .scroll-cont {

	overflow-y: auto;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0);

	opacity: 1;

	will-change: scroll-position

}



.modal.showin .scroll-cont>.cont {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}



.modal.showin.change .scroll-cont>.cont {

	opacity: 0;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.modal.showin .close-btn {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	-webkit-transition: background-color .4s ease,color .4s ease,opacity .4s ease,visibility .4s ease,-webkit-transform .6s ease 1.2s;

	transition: background-color .4s ease,color .4s ease,opacity .4s ease,visibility .4s ease,-webkit-transform .6s ease 1.2s;

	-o-transition: transform .6s ease 1.2s,background-color .4s ease,color .4s ease,opacity .4s ease,visibility .4s ease;

	transition: transform .6s ease 1.2s,background-color .4s ease,color .4s ease,opacity .4s ease,visibility .4s ease;

	transition: transform .6s ease 1.2s,background-color .4s ease,color .4s ease,opacity .4s ease,visibility .4s ease,-webkit-transform .6s ease 1.2s

}



.modal.close {

	-webkit-transform: translate3d(-100%,0,0);

	transform: translate3d(-100%,0,0);

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	transition: all .8s cubic-bezier(.77,0,.175,1) 0s

}



.modal.close .scroll-cont {

	-webkit-transform: translate3d(50%,0,0);

	transform: translate3d(50%,0,0);

	opacity: 0;

	-webkit-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	-o-transition: all .8s cubic-bezier(.77,0,.175,1) 0s;

	transition: all .8s cubic-bezier(.77,0,.175,1) 0s

}



.modal.close .close-btn {

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s

}



.modal-nav-wrap {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	overflow: auto;

	-webkit-overflow-scrolling: touch;

	-webkit-transform: translate3d(-100%,0,0);

	transform: translate3d(-100%,0,0);

	-webkit-transition: all .8s;

	-o-transition: all .8s;

	transition: all .8s

}



.no-backdropfilter .modal-nav-wrap {

	background: #F0F0F0

}



.modal-nav-wrap .modal-nav .item {

	display: block;

	margin-right: 0

}



@media (min-width:768px) {

	.modal.hasnav .scroll-cont {

		left: 30%;

		width: 70%

	}



	.modal.hasnav .modal-nav-wrap {

		width: 30%;

		display: block

	}



	.iphone_x .modal.hasnav .modal-nav-wrap {

		padding-left: 60px

	}



	.modal.hasnav.showin .modal-nav-wrap {

		-webkit-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0)

	}

}



@media (min-width:1200px) {

	.modal.hasnav .scroll-cont {

		left: 20%;

		width: 80%

	}



	.modal.hasnav .modal-nav-wrap {

		width: 20%;

		padding-left: 40px;

		padding-right: 40px

	}

}



.modal-nav {

	display: block

}



body.modal-show {

	overflow: hidden

}



body.modal-show .nav-header {

	opacity: 0;

	visibility: hidden

}



.pop {

	position: absolute;

	background-color: #fff;

	padding: 10px;

	top: -10px;

	left: 50%;

	line-height: 1;

	visibility: hidden;

	opacity: 0;

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

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

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

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

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

	z-index: 1070

}



.pop:after {

	content: '';

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-top-color: #fff;

	position: absolute;

	bottom: -16px;

	left: 50%;

	margin-left: -8px

}



.pop.popshow {

	visibility: visible;

	opacity: 1

}



.qrcode-img {

	width: 129px;

	height: auto

}



.sitetip {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background-color: #103b6f;

	color: #fff;

	z-index: 3000;

	display: none

}



.sitetip a {

	display: inline-block;

	padding: 15px 30px;

	margin-right: 10px;

	font-weight: 600;

	background-color: #fff;

	color: #103b6f;

	border-radius: 5px

}



.page-home .head {

	z-index: 1

}



.page-home .head #headblurbg {

	display: none

}



.page-home .head .info {

	background: 0 0

}



@media (orientation:portrait) {

	.page-home .head #headblurbg {

		display: block

	}



	.page-home .head .coverbg {

		position: relative;

		height: 60vh;

		-webkit-mask-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,0)),color-stop(50%, #000));

		-webkit-mask-image: linear-gradient(to top,rgba(0,0,0,0) 0,#000 50%);

		mask-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,0)),color-stop(50%, #000));

		mask-image: linear-gradient(to top,rgba(0,0,0,0) 0,#000 50%)

	}



	.page-home .head .info {

		text-align: center

	}



	.cssmask .page-home .head .info {

		margin-top: -10vh

	}

}



@media (max-width:767px) and (orientation:portrait) {

	.page-home .head {

		padding-top: 0

	}



	.page-home .head .coverbg {

		height: 40vh;

		margin-top: 60px

	}

}



@media (max-height:520px) and (orientation:portrait) {

	.page-home .head .coverbg {

		height: 35vh

	}

}



.page-home #featured .item .pic {

	background-position: center left;

	background-size: 100%

}



@media (orientation:landscape) {

	.page-home #featured .item .pic {

		width: 60%

	}



	.desktop .page-home #featured .item .pic {

		background-size: 60%

	}



	.page-home #featured .item .info {

		width: 40%;

		padding-left: 40px

	}

}



@media (orientation:portrait) {

	.page-home #featured .item .pic {

		width: 100%;

		height: 100vw

	}



	.page-home #featured .item .info {

		padding-top: 0

	}

}



@media (orientation:landscape) {

	.phone .page-home #featured .item .info p {

		display: none

	}

}



.page-home #interiors {

	height: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: nowrap;

	flex-wrap: nowrap

}



.page-home #interiors .item {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	overflow: hidden

}



.desktop .page-home #interiors .item a:hover {

	background: rgba(0,0,0,.4)

}



@media (orientation:landscape) {

	.page-home #interiors .item {

		width: 33.3333%

	}



	.page-home #interiors .item a {

		padding-left: 10%;

		padding-right: 10%

	}

}



@media (orientation:portrait) {

	.page-home #interiors {

		height: auto;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column

	}

}



@media (max-width:767px) {

	.page-home #interiors .item .m-t-lg {

		margin-top: 20px

	}

}



.page-home #category a {

	border: 1px solid #fff;

	overflow: hidden

}



.desktop .page-home #category a:hover .info .endline:after {

	background: #fff

}



@media (max-width:767px) {

	.page-home #category a h4 {

		display: block;

		font-size: 11px

	}



	.page-home #category a h4.cn {

		font-size: 16px;

		font-weight: 700

	}

}



.page-product .product-list .item {

	width: 100%;

	height: 100vh;

	padding: 50px 100px

}



.page-product .product-list .item .info {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%

}



@media (max-width:767px) {

	.page-product .product-list .item {

		padding: 60px 30px

	}

}



@media (orientation:portrait) {

	.no-scroll .page-product .product-list .item {

		height: auto;

		padding-bottom: 0

	}



	.no-scroll .page-product .product-list .item .pic {

		height: 40vh

	}



	.no-scroll .page-product .product-list .item .info {

		position: relative

	}

}



.page-product .product-list .gap {

	visibility: visible;

	z-index: 100

}



.page-stores .head+section {

	overflow: visible

}



.page-stores #obj {

	margin-top: -200px

}



@media (min-width:1600px) {

	.page-stores #obj {

		margin-top: -300px

	}

}



@media (max-width:812px) {

	.page-stores #obj {

		margin-top: -100px

	}

}



@media (min-width:768px),(orientation:landscape) {

	.page-stores #obj {

		-webkit-box-ordinal-group: 2;

		-ms-flex-order: 1;

		order: 1

	}

}



.page-stores #infonav {

	-ms-flex-item-align: end;

	align-self: flex-end

}



@media (max-width:1599px) {

	.page-stores #gallery {

		width: 100%;

		padding-bottom: 0

	}

}



.single-news article header .head {

	overflow: hidden

}



.single-news article header .head:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 300px;

	background-image: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);

	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));

	background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);

	background-repeat: repeat-x

}



.single-news article header .head+.info {

	position: absolute;

	bottom: 0

}



.single-news article header .info {

	margin-top: 60px

}



.single-news article header .date span {

	padding: 2px 5px 5px 5px;

	line-height: 1;

	background: #333;

	color: #fff

}



.single-news article .content .m-b-lg:last-child {

	margin-bottom: 0

}



@media (max-width:767px) {

	.single-news article .content .m-b-lg {

		margin-bottom: 30px

	}

}



.clearfix:after,.clearfix:before {

	content: " ";

	display: table

}



.clearfix:after {

	clear: both

}



.center-block {

	display: block;

	margin-left: auto;

	margin-right: auto

}



.pull-right {

	float: right!important

}



.pull-left {

	float: left!important

}



.hide {

	display: none!important

}



.show {

	display: block!important

}



.visb {

	visibility: visible

}



.invisible {

	visibility: hidden

}



html.mobile .only-desktop {

	display: none

}



html.desktop .only-mobile {

	display: none

}



@-ms-viewport {

	width:device-width

}



.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-xs-p {

	display: none!important

}



@media (max-width:767px) {

	.visible-xs {

		display: block!important

	}



	table.visible-xs {

		display: table!important

	}



	tr.visible-xs {

		display: table-row!important

	}



	td.visible-xs,th.visible-xs {

		display: table-cell!important

	}

}



@media (max-width:767px) and (orientation:portrait) {

	.visible-xs-p {

		display: block!important

	}



	table.visible-xs-p {

		display: table!important

	}



	tr.visible-xs-p {

		display: table-row!important

	}



	td.visible-xs-p,th.visible-xs-p {

		display: table-cell!important

	}

}



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

	.visible-sm {

		display: block!important

	}



	table.visible-sm {

		display: table!important

	}



	tr.visible-sm {

		display: table-row!important

	}



	td.visible-sm,th.visible-sm {

		display: table-cell!important

	}

}



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

	.visible-md {

		display: block!important

	}



	table.visible-md {

		display: table!important

	}



	tr.visible-md {

		display: table-row!important

	}



	td.visible-md,th.visible-md {

		display: table-cell!important

	}

}



@media (min-width:1200px) {

	.visible-lg {

		display: block!important

	}



	table.visible-lg {

		display: table!important

	}



	tr.visible-lg {

		display: table-row!important

	}



	td.visible-lg,th.visible-lg {

		display: table-cell!important

	}

}



@media (max-width:767px) {

	.hidden-xs {

		display: none!important

	}

.navSearchBox {

 top: 60px;

 right: 0; 

 width: 100%!important;



}

.so-open nav.cn.dropdown-nav.trans {

    display: none!important;

}

  .so-open nav.en.dropdown-nav.trans {

    display: none!important;

}

.bbox {

    background-size: 150px;

}

}



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

	.hidden-sm {

		display: none!important

	}

	.navSearchBox {

    top: 60px;

    right: 0; 

    width: 100%!important;



}

}



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

	.hidden-md {

		display: none!important

	}

}



@media (min-width:1200px) {



	.hidden-lg {

		display: none!important

	}

}



.nav-header .menu_so {

	position: relative;

	float: left;

	width: 60px;

	height: 60px;

	background-color: #fff;

	margin-right: 1px;

	overflow: hidden;

	white-space: nowrap;

	color: transparent

}

.so-open .nav-header .menu_so {

	position: relative;

	float: left;

	width: 60px;

	height: 60px;

	background-color: #103b6f;

	margin-right: 1px;

	overflow: hidden;

	white-space: nowrap;

	color: transparent

}

.btnso {

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 20px;

	margin-top: 5px;

    margin-left: 5px;

    text-align: center;

    /* background: #333; */

    color: #103b6f;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    z-index: 999;

}

.so-open .nav-header .menu_so .btnso {

    display: block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    font-size: 20px;

	margin-top: 5px;

    margin-left: 5px;

    text-align: center;

    /* background: #333; */

    color: #ffffff;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    z-index: 999;

}



.icon-search:before {

	content: "\e036"

}

.so-open .nav-header .menu_so .icon-search:before {

	content: "\e117"

}