@charset "utf-8";
.callbacks_container video{
    width: 100%;
    display: block;
}
.head-wrapper {
	position: relative;
	width: 100%;
	z-index: 10000;
}

.page-head {
	position: relative;
	height: 156px;
	background: #8d9aa2;
}



.nav-bar {
	position: relative;
	box-sizing: border-box;
}

.nav-bar .layout{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-bar .logo{
	margin: 0 3%;
}
	.nav-bar .logo img{
		max-width: 100%;
		max-height: 50px;
	}

.nav-bar .nav-wrap {
	position: relative;
	flex: 1;
	margin-left: 5%;
}

.nav-bar .nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-bar .nav li{
	position: relative;
	padding: 0 6px;
}

.nav-bar .nav>li>a {
	height: 77px;
	line-height: 77px;
	font-size: 20px;
	z-index: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	color: #000;
}


.nav-bar .nav>li:hover {
	background-color: #0267cc;
}

.nav-bar .nav>li:hover a {
	color: #fff;
}

.nav-bar .nav li li:hover {
	background-color: #0267cc;
}

.nav-bar .nav li li:hover a {
	color: #fff;
}


.nav-bar .nav li .nav-ico {
	position: absolute;
	top: 0;
	line-height: 77px;
	right: -10px;
	font-size: 18px;
	z-index: 10
}

.nav-bar .nav li .nav-ico:after {
	content: '\f0d7';
}

.nav-bar .nav li li {
	display: block;
	*display: block;
	line-height: 40px;
}

.nav-bar .nav ul {
	width: 225px;
	position: absolute;
	top: 77px;
	left: 0;
	background: #000000;
	text-align: left;
	display: none;
	z-index: 9;
}

.nav-bar .nav ul li ul {
	width: 275px;
}


.nav-bar .nav li li a {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .5px;
}

.nav-bar .nav ul ul,
.fixed-nav.nav-bar .nav ul ul {
	top: 0;
	left: 227px;
}

.nav-bar .nav ul li:hover>a {
	color: #fff;
}

.nav-bar .nav li li .nav-ico {
	right: 10px;
	line-height: 40px;
}

.nav-bar .nav li li .nav-ico:after {
	content: '\f0da';
}

.fixed-nav.nav-bar .nav-wrap {}

.fixed-nav.nav-bar {
	position: fixed;
	top: 0;
	background: #fff;
	width: 100%;
}

.change-language{
    position: relative;
    margin-right: 2%;
}

.foot-wrapper {
	position: relative;
	width: 100%;
	background: #141414;
	font-size: 14px;
	color: #fff;
}
.foot-bg{
    background: url(../images/foot.jpg) no-repeat;
    background-size: cover;
    padding: 40px 0;
}

.foot-items {
	padding: 35px 0 20px;
}

.foot-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

/*.foot-item.foot-item-inquiry {*/
/*	width: 310px;*/
/*	float: right;*/
/*		margin-left: 110px;*/
/*}*/

.foot-item.foot-item-Company {
	width: 18%;
	float: left;
	margin-left: 6%;
}

.foot-item.foot-item-Company ul li {
	position: relative;
	line-height: 28px;
}

.foot-item.foot-item-logo {
	width: 45%;
	float: left;
}

.foot-item.foot-item-contact {
	width: 25%;
	float: right;
}

.foot-item h2 {
	margin: 0 0 20px;
}

.foot-item h2 img{
	max-width: 45%;
}

.foot-item h3{
	font-weight: bold;
	line-height: 2em;
}

.foot-item .foot-tit {
	font-size: 18px;
	line-height: 2em;
	position: relative;
}

/*.foot-item .foot-tit:before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	width: 10%;*/
/*	height: 3px;*/
/*	background: #0267cc;*/
/*}*/

.foot-item.foot-item-contact ul li {
	position: relative;
	line-height: 28px;
	margin: 0 20px 0 0;
}

.foot-item ul li a{
    color:#fff;
}

.foot-item .foot-cont ul li:hover,.foot-item .foot-cont ul li a:hover {
	color: #0267cc;
}

.foot-item.foot-item-inquiry .subscribe {}

.foot-item.foot-item-inquiry .subscribe p {
    margin:10px auto 20px;
}

.foot-item.foot-item-inquiry .subscribe-form {
	position: relative;
	margin-top: 18px;
}

.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
	position: relative;
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	line-height: 38px;
	color: #000;
	font-style: italic;
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
}

.subscribe-wrap {
	position: relative;
}

/*.subscribe-wrap:after {*/
/*	content: "\f003";*/
/*	position: absolute;*/
/*	right: 6px;*/
/*	top: 50%;*/
/*	color:#000;*/
/*	transform: translateY(-50%);*/
/*	-webkit-transform: translateY(-50%);*/
/*	-moz-transform: translateY(-50%);*/
/*	-ms-transform: translateY(-50%);*/
/*}*/

.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn {
    position: absolute;
	font-size: 16px;
	top: 0px;
	right: 0;
	line-height: 2em;
	border: none;
	color: #fff;
	padding: 0 20px;
	height: 100%;
	background: none;
}

.foot-cont .navigation {
	/*display: flex;*/
	/*flex-flow: row wrap;*/
}

.foot-cont .navigation li {
	width: 50%;
	position: relative;
}

.foot-cont .navigation li:before {
	content: "\f105";
}

.foot-cont .contact li:before {
	font-size: 12px;
	padding: 6px;
	background: #2e2e2e;
	color: #fff;
	width: 16px;
	margin-right: 10px;
}

.foot-cont .foot-addr:before {
	content: "\f041";
}

.foot-cont .foot-phone:before {
	content: "\f095";
}

.foot-cont .foot-email:before {
	content: "\f0e0";
}

.foot-cont .foot-fax:before {
	content: "\f041";
}

.foot-cont .foot-sky:before {
	content: "\f232";
}

.foot-social li:hover,
.latest-new-wrapper .read_more:hover,
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn:hover {}

.foot-send-ipt {
	cursor: pointer;
	float: right;
	margin-top: 38px;
}

.foot-send-ipt img {
	display: inline-block;
}

.news-slides {
	padding: 0 0 30px;
}


.foot-news-item .news-cont-pic {
	position: relative;
	width: 120px;
	float: left;
	margin: 0 20px 0px 0;
}



.foot-news-item .news-cont-info .news-cont-title,
.foot-news-item .news-cont-info .news-cont-title a {
	color: #FFF;
	font-size: 14px;
}

.footer {
	position: relative;
	line-height: 30px;
	padding: 13px 0;
}

.foot-social {
	margin-top: 20px;
}

.sccial-cont {
	display: inline;
}

.foot-social .sccial-tit {
	font-size: 20px;
	text-transform: capitalize;
	margin: 0;
}

.foot-social li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	margin: 0 10px 0 0;
}


.foot-social li a {
	display: block;
}

.foot-social li img {
	max-width: 24px;
}

.copyright {
	text-align: left;
	color: #fff;
}

.index-layout {
	position: relative;
	width: 100%;
}

.page-end {
	position: absolute;
	width: 216px;
	height: 26px;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -108px;
	background: url(../images/btn-opener.png) no-repeat center center;
	z-index: 999;
}

.callbacks li{
	transition: 3s all ease-in-out;
	-webkit-transition: 3s all ease-in-out;
	-o-transition: 3s all ease-in-out;
	-moz-transition: 3s all ease-in-out;
}

.title {
	font-size: 48px;
	font-weight: bold !important;
	line-height: 1.25em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

.main-title {
	font-size: 20px;
	line-height: 2em;
	color: #2a2a2a;
	text-align: center;
	padding: 0 0 15px 0;
}

.company-synopses-wrap {
	position: relative;
	width: 100%;
}

.company-synopses {
	position: relative;
	margin: 35px 0;
}

.company-synopses-wrap:after {
	left: auto;
}

.synopsis-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
	width: 22.5%;
	margin: 15px;
	z-index: 1;
	vertical-align: top;
}

.synopsis-item:nth-child(4n) {
	margin-right: 0;
}


.synopsis-item:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	z-index: 2;
}

.synopsis-item:hover .item-info {
	background-color: rgba(0, 0, 0, 0.1);
}

.synopsis-item .item-img {}

.synopsis-item .item-img img {
	max-width: 100%;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	-o-transition: 1s all ease-in-out;
	-moz-transition: 1s all ease-in-out;
}

.synopsis-item .item-wrap {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.synopsis-item .item-info {
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	z-index: 2;
	color: #fff;
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	-o-transition: 1s all ease-in-out;
	-moz-transition: 1s all ease-in-out;
}

.synopsis-item .item-info .item-text {
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.5em;
}

.synopsis-item:hover .item-info {
	bottom: 0;
}

.synopsis-item:hover .read_more {
	background-color: #2e844a;
}

.synopsis-item .item-info .item-text3 {
	width: 100%;
	padding-bottom: 15px;
	margin-top: 10px;
}

.synopsis-item .item-info .item-text3 a {
	color: #fff;
	width: 154px;
	display: block;
	line-height: 28px;
	border-radius: 14px;
	text-align: center;
	font-size: 14px;
	background-color: #0267cc;
}

.synopsis-item .item-info .item-text3 a:hover {
	background-color: #024f9d;
}

.synopsis-item .item-info {
	padding: 6%;
}


.synopsis-item .item-info .sv-desc {
	font-weight: 300;
}

.synopsis-item:hover .item-info .item-text {
	margin-left: 0px;
}

.synopsis-item:hover .item-info .sv-desc {
	margin-left: 30px;
}

.about-us .title {
	font-size: 50px;
	line-height: 1.1em;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

.about-us .about-detail {
	position: relative;
	vertical-align: top;
	display: inline;
	float: right;
	width: 50%;
	zoom: 1;
}

.about-us .about-tit {
	color: #0267cc;
	font-size: 28px;
	line-height: 2em;
	font-weight: bold;
}

.about-us .about-subtit {
	line-height: 1.3em;
	font-size: 38px;
}

.about-us .about-desc {
	font-size: 28px;
	color: #7f7f7f;
	line-height: 1.2em;
	margin: 20px 0;
}

.about-us .about-item {
	border-left: 2px solid #0267cc;
	padding-left: 10%;
	padding-bottom: 10px;
}

.about-us .about-item li {
	position: relative;
	font-size: 20px;
	line-height: 2em;
	padding-left: 50px;
}

.about-us .about-item li:before {
	content: '';
	width: 20px;
	height: 20px;
	background: #0267cc;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.about-banner {
	float: left;
	width: 48%;
	margin-top: 20px;
	text-align: center;
}

.about-banner img{
	max-width: 100%;
}

.ghjh {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-product-wrap {
	position: relative;
	width: 100%;
	padding: 50px 0;
	background-color: #f2f2f2;
	margin-bottom: 50px;
}

.product-wrap {
	position: relative;
	width: 110%;
}

.product-slides-wrap {
	position: relative;
	width: 100%;
	margin-top: 89px;
}

.product-slides-cont {
	position: relative;
	width: 1227px;
}

.product-slides {
	position: relative;
	width: 100%;
	padding: 0 0 55px;
}

/*.product-item {*/
/*	position: relative;*/
/*	display: inline-block;*/
/*	vertical-align: top;*/
/*	*display: inline;*/
/*	*zoom: 1;*/
/*	width: 279px;*/
/*	margin: 0 27px 10px 0;*/
/*}*/


.product-item .item-wrap {
	position: relative;
	width: 279px;
	overflow: hidden;
}

.product-item .pd-img {
	position: relative;
	overflow: hidden;
	display: block;
	width: 279px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.product-item .pd-img img {
	position: relative;
	max-width: 279px;
	max-height: 279px;
}

.product-item .pd-info {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0;
	opacity: 1;
	visibility: visible;
}

.product-item:hover .pd-info {
	opacity: 1;
	visibility: visible;
}

.product-item .pd-info .pd-name {
	vertical-align: middle;
	width: 100%;
	padding: 0 15px 0 0;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
}

.product-item .pd-info {
	background-color: #318f50;
}

.product-item .pd-info,
.product-item .pd-info a {
	color: #fff;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 18px;
	padding: 12px 0;
}

.product-slides .owl-nav {
	display: inline;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	z-index: 0;
	margin: -58px 0 0;
}

.product-slides .owl-prev,
.product-slides .owl-next {
	position: absolute;
	overflow: hidden;
	z-index: 999;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	margin: 0;
	color: #d4d4d4;
	font-size: 90px;
	background: none;
}

.product-slides .owl-prev {
	left: -130px;
}

.product-slides .owl-next {
	right: -103px;
}

.product-slides .owl-prev:before {
	content: "\f104";
}

.product-slides .owl-next:before {
	content: "\f105";
}

.partners {
	position: relative;
}

.partners-le {
	position: absolute;
	left: 0;
	top: 10%;
	z-index: 2;
	width: 60%;
}

.partners-tit {
	color: #0267cc;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.8em;
	display: inline-block;
	position: relative;
}

.partners-tit:before {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background: #024f9d;
	bottom: 0;
	left: 0;
}

.partners-con {
	background-color: #fff;
	padding: 20px;
	font-size: 24px;
	line-height: 2em;
}

.partners-tp img {
	max-width: 100%;
}

.partners-ri {
	text-align: right;
}

.latest-new-wrapper .title{
	margin: 40px auto;
}

.latest-new-wrapper {
	position: relative;
	margin: 0 0 50px 0;
}

.latest-new-wrapper .new-item {
	width: 31.33%;
	float: left;
	margin: 0 1%;
	box-sizing: border-box;
}

.latest-new-wrapper .new-img{
	position: relative;
}

.latest-new-wrapper .new-img img {
	width: 100%;
}

.latest-new-wrapper .new-info {
	color: #000;
}

.latest-new-wrapper .item_published {
	color: #fff;
	position: absolute;
	left: 6%;
	bottom: 0;
	font-size: 15px;
	padding: 0 15px;
	background: #0267cc;
	line-height: 2em;
}

.latest-new-wrapper .item_header {}

.latest-new-wrapper .item_header a {
	font-size: 18px;
	color: #666;
	line-height: 3em;
	display: block;
	border-bottom: 1px solid #ccc;
}

.latest-new-wrapper .read_more {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	overflow: hidden;
	margin: 15px 0 0 0;
	text-shadow: none;
	border: none;
	display: block;
	text-align: left;
	position: relative;
}

.latest-new-wrapper .read_more:after {
	content: "\f178";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.latest-new-wrapper .read_more:hover {}

.thank-wrap {
	height: 160px;
	position: relative;
	background: #212121;
}

.thank-wrap .main-title {
	color: #f9f9f9;
	font-size: 40px;
	line-height: 160px;
}

.path-bar {
	position: relative;
	width: 100%;
	line-height: 50px;
	margin: 0 0 25px 0;
	background: #f2f2f2;
}

.path-bar li:first-child:after {
	content: "";
	width: 5px;
	height: 2px;
	position: absolute;
	display: block;
	overflow: hidden;
	right: 0;
	top: 50%;
	line-height: 40px;
	font-size: 35px;
	background-color: #393939;
}

.path-bar .path-nav {}

.path-bar li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #999;
	font-size: 16px;
	text-transform: uppercase;
}

.path-bar li a {
	display: block;
	padding: 0 15px;
	color: #08292b;
	font-family: "Lato Bold ";
}

.path-bar li:hover a,
.path-bar li.current a {
	color: #d10445;
}

.path-bar li:last-child:after {
	content: '';
}

.aside {
	float: left;
	width: 235px;
}

.side-tit-bar {
	position: relative;
}

.side-tit-bar .side-tit {
	position: relative;
	font-size: 16px;
	line-height: 37px;
	font-family: "Lato Bold ";
	color: #000000;
	border-bottom: 1px #babdc4 solid;
}

.side-tit-bar .side-tit:after {
	content: "";
	width: 64px;
	height: 2px;
	display: block;
	background: #333333;
	position: absolute;
	left: 0;
}

.side-widget {
	position: relative;
}

.side-widget .side-hide {
	padding: 15px 0;
}

.side-cate ul li {
	position: relative;
	line-height: 30px;
}

.side-cate ul li li {
	margin: 0 18px;
}

.side-cate ul li a {
	position: relative;
	display: block;
	padding: 0 13px;
}

.side-cate ul li li a {
	border-bottom: 1px solid #e8e9eb;
	padding: 0 15px;
}

.side-cate ul li li a:before {
	display: none;
}

.side-cate-menu li .side-ico {
	position: absolute;
	right: 0;
	top: 5px;
	color: #99abb7;
	font-size: 12px;
	cursor: pointer;
}

.side-cate ul li>ul {
	display: none;
}

.side-cate-menu li .icon-cate-down:before {
	content: '\f067';
}

.side-cate-menu li .icon-cate-up:before {
	content: '\f068';
}

.products-scroll-list-wrap {
	position: relative;
}

.products-scroll-list {
	position: relative;
	padding: 15px 0 0;
}

.products-scroll-list li {
	padding: 0 0 25px;
	display: block;
	overflow: hidden;
}

.products-scroll-list li img {
	width: 60px;
	border: 1px solid #eeeeee;
	float: left;
	margin: 0 12px 0 0;
	border-radius: 2px;
}

.products-scroll-btn-prev,
.products-scroll-btn-next {
	position: relative;
	width: 100%;
	height: 19px;
	display: block;
	z-index: 999
}

.products-scroll-btn-prev {
	background: url(../images/icons-prev.png) no-repeat center center;
	margin: 10px 0 0;
}

.products-scroll-btn-next {
	background: url(../images/icons-next.png) no-repeat center center;
	margin: -10px 0 20px;
}


.c-solutions {
	background: url(../images/milestone.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	padding: 120px 0 70px;
}

.c-solutions-tit{
    font-size: 40px;
    line-height: 1.5;
}

.c-solutions-desc{
    font-size: 24px;
    line-height: 1.5;
    margin: 50px auto;
}

.c-solutions-link{
    display: inline-block;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 2;
    padding: 0 20px;
    color: #fff;
    margin-top: 50px;
}

.c-solutions .c-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.c-solutions .c-list li {
	width: 33.33%;
	text-align: center;
}

.c-solutions .c-list li .c-wrap .c-ico-box {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	color: #fff;
	font-size: 18px;
}

.c-solutions .c-list li .c-wrap .c-ico-box span {
	font-size: 40px;
	font-weight: bold;
}

.c-solutions .c-list li .c-wrap .c-title {
	color: #fff;
	font-size: 18px;
	transition: 0.5s;
	padding-top: 20px;
	line-height: 1.5;
}

.c-solutions .c-list li:hover {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.c-solutions .c-list li:hover .c-wrap .c-ico-box {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.why ul{
	display: flex;
	flex-flow: row wrap;
}

.why li {
	width: 33.333%;
	list-style: none;
	padding: 20px;
	box-sizing: border-box;
}

.why p {
	text-align: center;
	color: #5d5b5b;
	line-height: 30px
}

.why p img{
	transition: 1s all ease-in-out;
	-webkit-transition: 1s all ease-in-out;
	-o-transition: 1s all ease-in-out;
	-moz-transition: 1s all ease-in-out;
}

.why li:hover p img{
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.why h3 {
	text-align: center;
	line-height: 25px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 600;
}

.certificate {
	margin: auto;
}

.why a {
	color: #333;
	text-decoration: none;
}

.why a:hover {
	color: #0267cc;
}

.service-area .title span {
	color: #0267cc;
}

.service-area .subtit {
	font-size: 32px;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.side-bn {
	max-width: 100%;
	margin: 0 0 25px 0;
}

.side-bn img {
	max-width: 100%
}

.main {
	position: relative;
	width: 933px;
	display: block;
	float: right;
	margin-bottom: 35px;
}

.main-tit-bar {
	overflow: hidden;
	line-height: 45px;
}

.main-tit-bar .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	font-family: "SourceSansProBold";
	font-size: 30px;
	text-transform: uppercase;
}

.main-tit-bar .title,
.main-tit-bar .title a {
	color: #2f2f2f
}

.main-tit-bar .share-this {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}

.main-banner {
	position: relative;
	display: block;
	margin: 0 0 10px;
}

.main-banner img {
	position: relative;
	width: 100%;
}




.product-intro {
	position: relative;
	display: block;
}

.product-title {
	font-size: 24px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	font-family: 'SourceSansProSemibold';
	font-weight: normal;
	line-height: 28px;
	color: #1a1926;
}

.cloud-zoom-lens {
	border: 1px solid #eee;
	cursor: move;
}

.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

.cloud-zoom-big {
	border: 1px solid #eee;
	overflow: hidden;
	padding: 0px;
}

.cloud-zoom-loading {
	color: white;
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

.product-view {
	position: relative;
	/*	width: 319px;*/
	float: left;
}

.product-view .product-image {
	border: 1px solid #eee;
}

.product-view .product-image img {
	position: relative;
	width: 100%;
}

.product-view .image-additional {
	position: relative;
	width: 100%;
	margin: 20px 0;
}

.product-view .image-additional ul {
	position: relative;
	width: 100%;
}

.product-view .image-additional li {
	position: relative;
	width: 100%;
	margin: 0 23px 0 0;
}

.product-view .image-additional li.single {
	display: none;
}

.product-view .image-additional li img {
	position: relative;
	width: 100%;
	border: 1px solid #eee;
}

.product-view .image-additional li a {
	position: relative;
	display: block;
	padding: 0 8px;
}

.product-view .image-additional li.current img {
	border-color: #0267cc;
}

.product-view .image-additional img.popup {
	display: none;
}

.image-additional .owl-nav {
	display: inline;
	position: absolute;
	top: 50%;
	margin: -8px 0 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

.image-additional .owl-prev,
.image-additional .owl-next {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background-repeat: no-repeat;
}

.image-additional .owl-prev {
	left: -10px;
}

.image-additional .owl-next {
	right: -10px;
}

.image-additional .owl-prev:before {
	content: "\f053";
}

.image-additional .owl-next:before {
	content: "\f054";
}

.product-summary {
	position: relative;
	width: 580px;
	float: right;
}

.product-summary .product-meta {
	line-height: 25px;
}

.product-summary .product-meta h3 {
	font-family: 'SourceSansProSemibold';
	margin: 0 0 10px;
	font-size: 16px;
}

.product-btn-wrap {
	position: relative;
	margin: 20px 0 0;
}

.product-btn-wrap .email,
.product-btn-wrap .pdf {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background: #d10445;
	color: #FFF;
	margin: 0 20px 0 0;
}

.product-btn-wrap .email:before {
	content: "\f0e0";
	padding: 0 3px 0 0;
}

.product-btn-wrap .pdf:before {
	content: "\f1c1";
	padding: 0 3px 0 0;
}

.product-btn-wrap .email:hover,
.product-btn-wrap .pdf:hover {
	background: none;
	color: #7f7f7f;
}

.product-summary .share-this {
	float: right;
	margin: 30px 0 0;
}

.product-detail {
	position: relative;
	overflow: visible;
	margin: 50px 0 0;
}

.detail-tabs {
	position: relative;
}

.detail-tabs:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: #d5d5d5;
}

.detail-tabs .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	font-size: 16px;
	padding: 0 25px;
	line-height: 30px;
	cursor: pointer;
	overflow: hidden;
	font-size: 16px;
	margin: 0 3px 0 0;
	background: #d10445;
	color: #fff;
}

.detail-tabs .title.current {
	font-family: "Lato Regular";
	color: #FFF;
	background: #f11e61;
}

.product-detail .detail-panel {
	padding: 20px 0;
	display: block;
	overflow: hidden
}

.product-detail .disabled {
	display: none;
}

.goods-tbar {}

.goods-tbar .title {
	position: relative;
	font-size: 16px;
	line-height: 45px;
	font-family: "Lato Bold ";
	color: #000000;
	border-bottom: 1px #babdc4 solid;
}

.goods-tbar .title:after {
	content: "";
	width: 64px;
	height: 2px;
	display: block;
	background: #333333;
	position: absolute;
	left: 0;
}

.goods-may-like {
	position: relative;
	margin: 40px 0 70px;
}

.goods-items-wrap {
	position: relative;
	width: 100%;
}

.goods-items {
	position: relative;
	width: 954px;
	margin: 20px 0 0;
}

.goods-items .owl-nav {
	display: inline;
	position: absolute;
	top: -53px;
	right: 18px
}

.goods-items .owl-prev,
.goods-items .owl-next {
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background: none;
	font-size: 20px;
}

.goods-items .owl-prev:before {
	content: "\f104";
}

.goods-items .owl-next:before {
	content: "\f105";
}

.bottomsidebar .bottomcontent {
	background: #d10445 !important;
}


#proabout a {
	background-color: #4bd077;
	color: #fff;
	margin-right: 5px;
	margin-top: 10px;
	padding: 0.5% 0.5% 0.5% 0.5%;
}

#category_description_short p a {
	float: none;
	padding: 0px;
	margin: 0px;
}

.heaf_map {
	float: right;
}

.tawk-text {
		bottom: 0px;
		right: 0px;
		position: fixed;
		z-index: 999999;
	}

	.tawk-text-tit {

		border-radius: 5px 5px 0px 0px;
		width: 230px;
		padding: 10px 20px;
		z-index: 1000;
		cursor: pointer;
		font-size: 18px;
		line-height: 1.5;
		background-color: #76b51b;
		color: #fff;
	}

	.tawk-text-main {
		width: 358px;
		border-radius: 6px;
		position: absolute;
		right: 0;
		bottom: -500px;
		overflow: hidden;
		transition: 0.3s right ease-in-out;
		-o-transition: 0.3s right ease-in-out;
		-moz-transition: 0.3s right ease-in-out;
		-webkit-transition: 0.3s right ease-in-out;
		background: #76B51B;
		padding-top: 15px;
	}

	.tawk-text-txt {
		color: #FFFFFF;
		padding: 20px;
		font-size: 16px;
		text-align: center;
	}

	.tawk-form-wrapper {
		margin: -10px 20px 0;
		background-color: #FFFFFF;
		padding: 10px;
	}
	
	.tawk-form-wrapper .tawk-input,.tawk-form-wrapper .tawk-textarea{
	    display: block;
	    border-radius: 3px;
	    border: 1px solid #d9dbe4;
	    padding: 0 10px;
	    line-height:3;
	    font-size: 14px;
	    width: 100%;
	    margin-bottom: 10px;
		box-sizing: border-box;
	}
	.tawk-form-wrapper .tawk-textarea{
	    resize: none;
	}
	.tawk-form-wrapper button{
	    width: 100%;
	    border: none;
	    background-color: #76b51b;
	    font-size: 18px;
	    color: #fff;
        line-height: 2.2;
        border-radius: 3px;
	}
	.tawk-form-wrapper .tawk-icon:before{
	    content: "\f1d9";
	}
	.tawk-text .tawk-close{
	    position: absolute;
	    top: 5px;
	    right: 5px;
	    color: #fff;
	    font-size: 22px;
	}
	.tawk-icon-close{
	    width: 24px;
        height: 24px;
        display: inline-block;
	}
	.tawk-close:hover .tawk-icon-close{
	    background: rgb(0 0 0 / 30%);
	}
	.tawk-text .tawk-icon-close:before{
	    content: "\f00d";
	    position: absolute;
        top: 0px;
            left: 3px;
            width: auto;
            margin: 0;
	}


.mymove{
	-webkit-animation: mymove 3s ease-in-out; 
	    animation: mymove 3s ease-in-out;
}

@-webkit-keyframes mymove {
	0% {-webkit-transform: scale(1.2);}
	100% {-webkit-transform: scale(1);}
}


@keyframes mymove {
    0% {-webkit-transform: scale(1.2);}
	100% {-webkit-transform: scale(1);}
}

.ys-wrap{
    background:#1e499f url(../images/ys.jpg) no-repeat right center;
     background-size: cover;
}
.ys-wrap .layout{
    padding: 70px 0 100px;
    color: #fff;
}
.ys-title{
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.ys-title:before{
    content: '';
    height: 2px;
    width: 70px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.ys-ul{
    display: flex;
    flex-flow: row wrap;
}
.ys-ul .ys-item{
    width: 26%;
    box-sizing: border-box;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 1%;
    padding: 1%;
    margin-top: 1%;
}
.ys-ul .ys-item:hover{
    background: #1e499f;
    border-color:#1e499f;
}

.ys-ul .ys-item span{
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
}

.index-title{
    text-align: center;
    line-height: 2;
    margin:70px auto 40px;
}
.index-title h2{
    font-size: 40px;
    color: #000;
    font-weight: bold;
}
.index-title p{
    font-size: 20px;
    color: #555555;
}

.index-project-wrap{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
}
.index-project-item{
    width: 32%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2%;
}
.index-project-item:first-child{
    width: 65.3%;
}
.index-project-item img{
    max-width: 100%;
}
.index-project-info{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    transition: all 0.6s;
    transform: translateY(-48px);
    color:#fff;
}
.index-project-tit{
    background: linear-gradient(0deg, rgba(30,73,159,1) 30%, rgba(30,73,159,0) 100%);
    font-size: 24px;
    padding: 0 20px;
    line-height: 2;
}
.index-project-desc{
    font-size: 16px;
    line-height: 1.5;
    padding: 0 20px;
}
.index-project-link:before{
    padding: 0 20px;
    color: #fff;
    font-family: "fontawesome";
    content: "\f178";
}
.index-project-item:hover .index-project-tit{
    background: none;
    margin-top: 20%;
}
.index-project-item:hover .index-project-info{
    background: rgba(30,73,159,.8);
    transform: translateY(-100%);
}

.index-partners{
    background: url(../images/partners.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    text-align: center;
     line-height: 2;
     padding: 120px 0;
}
.index-partners-con>img{
    max-width: 100%;
}
.index-partners-tit{
    font-size: 30px;
    font-weight: bold;
    text-align: right;
}
.index-partners-desc{
    font-size: 20px;
    text-align: right;
    margin-bottom: 60px;
}

.index-news-wrap{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.index-news-item{
    width: 32%;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.index-news-img img{
    max-width: 100%;
}
.index-news-info{
    padding: 20px;
    opacity: 1;
    transition: all .6s;
}
.index-news-tit{
    font-size: 20px;
    line-height:1.5;
    display: -webkit-box; /* 必须设置display属性为-webkit-box */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
  -webkit-line-clamp: 2; /* 限制显示两行 */
  -webkit-box-orient: vertical; /* 垂直方向上的换行 */
}
.index-news-time{
    color: #666;
    font-size: 14px;
    line-height: 2;
    display: block;
}
.index-news-link{
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 20px;
    display: inline-block;
    color: #444;
    border: 1px solid #444;
}
.index-news-bg{
    background: linear-gradient(180deg, rgba(30,73,159,1) 50%, rgba(30,73,159,0) 100%);
    color: #fff;
    padding: 20px;
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    transition: all .6s;
}
.index-news-bg .index-news-time,.index-news-bg .index-news-link{
    color: #fff;
}
.index-news-bg .index-news-link{
    border: none;
    background:rgba(30,73,159,1);
}
.index-news-desc{
    font-size: 16px;
    line-height: 1.5;
    margin: 20px 0;
}
.index-news-item:hover .index-news-bg{
    top: 0;
}
.index-news-item:hover .index-news-info{
    opacity: 0;
}

@media(max-width:1600px){
	.layout, .path-bar .path-nav{width:96%;}
}

@media(max-width:1550px){
    .ys-ul .ys-item span{
        font-size: 24px;
        line-height: 1.5;
    }
	.nav-bar .nav li{
		padding: 0 6px;
	}
	
	.nav-bar .nav>li>a{
		font-size: 16px;
	}
	.nav-bar .nav li .nav-ico{
		font-size: 16px;
	}
	.about-us .about-tit{
		font-size: 24px;
		line-height: 2em;
	}
	.about-us .about-subtit{
		font-size: 32px;
		line-height: 1.3em;
	}
	.about-us .about-desc{
		font-size: 24px;
		line-height: 1.4em;
		margin: 20px auto;
	}
	.about-us .about-item{
		padding-left: 8%;
	}
	.about-us .about-item li{
		font-size: 18px;
		line-height: 2em;
		padding-left: 30px;
	}
	.partners-le{
		top:10%;
		width: 54%;
	}
	.partners-tit{
		font-size: 30px;
		line-height: 1.8em;
	}
	.partners-con{
		font-size: 20px;
		line-height: 1.8em;
	}
	.partners-ri img {
		width: 60%;
	}
	.index-title{
	    margin: 50px auto 30px;
	}
	.index-title h2{
	    font-size: 36px;
	}
}

@media(max-width:1250px) {
    .ys-title{
        font-size: 22px;
        margin-bottom: 40px;
    }
    .index-news-tit{
        font-size: 18px;
    }
    .index-news-link{
        font-size: 14px;
    }
    .index-title{
	    margin: 40px auto 25px;
	}
	.index-title h2{
	    font-size: 30px;
	}
	.index-title p{
	    font-size: 18px;
	}
	
	.nav-bar .nav li{
		padding: 0 4px;
	}
	.nav-bar .nav>li>a{
		letter-spacing:0;
	}
	.nav-bar .nav li .nav-ico{
		font-size: 13px;
	}

	.latest-new-wrapper .new-item {
		width: 33.33%;
		margin: 0;
	}

	.latest-new-wrapper .new-img,.latest-new-wrapper .new-info {
		width: 90%;
		margin: 0 auto;
	}

	.main-title{
		font-size: 18px;
	}
	.title{
		font-size: 40px;
	}
	.synopsis-item .item-info .item-text{
		font-size: 16px;
	}
	.about-us .about-tit{
		font-size: 20px;
		line-height: 2em;
	}
	.about-us .about-subtit{
		font-size: 24px;
		line-height: 1.3em;
	}
	.about-us .about-desc{
		font-size: 20px;
		line-height: 1.4em;
		margin: 20px auto;
	}
	.about-us .about-item{
		padding-left: 4%;
	}
	.about-us .about-item li{
		font-size: 16px;
		line-height: 2em;
		padding-left: 30px;
	}
	.about-us .about-item li:before{
		width: 14px;
		height: 14px;
	}
	.service-area .subtit{
		font-size: 28px;
	}
	.partners-le{
		top:0%;
		width: 54%;
	}
	.partners-tit{
		font-size: 24px;
		line-height: 1.8em;
	}
	.partners-con{
		font-size: 18px;
		line-height: 1.8em;
	}

}



@media(max-width:1150px) {
	.nav-bar .nav>li>a {
		font-size: 14px;
		padding: 0 10px;
	}

	.synopsis-item {
		width: 22.2%;
	}	

}


@media(max-width:1080px) {
    .ys-title{
        margin-bottom: 30px;
    }
    .ys-ul .ys-item{
        width: 32%;
    }
    .ys-ul .ys-item span{
        font-size: 20px;
    }
    .change-language{
        position: absolute;
        right:5%;
        top: 18px;
        margin-right: 0;
    }
	
	.nav-bar .nav-wrap{
		margin:0 3%;
	}
	
	.nav-bar .logo{
		width: 100%;
		text-align: center;
	}
	
	.nav-bar .layout{
		flex-flow: row wrap;
	}
	.nav-bar .nav>li>a{
		font-size: 16px;
	}
	
	.synopsis-item .item-info .item-text {
		font-size: 14px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.synopsis-item .item-info .item-text3 a{
		line-height: 24px;
		font-size: 13px;
		width: 90%;
	}
	
	.ghjh{
	    flex-flow:row wrap;
	}

	.about-banner {
		width: 100%;
		float: none;
	}	
	
	.about-us .about-detail {
		display: block;
		width: auto;
		float: none;
		padding: 3%;
	}
	
	
}




@media(max-width:1050px) {
    .index-project-info{
        transform: translateY(-40px);
    }
    .index-project-tit{
        font-size: 20px;
    }
    .index-partners{
        padding: 80px 0;
    }
	.synopsis-item .item-info {
		width: 100%;
	}

	.synopsis-item {
		width: 21.8%;
	}

	.latest-new-wrapper .item_header a{
		font-size: 16px;
		line-height: 2.4em;
	}
	.latest-new-wrapper .read_more{
		font-size: 15px;
		line-height: 1.2em;
	}
}


@media(max-width:900px) {
	.why li{
		width: 50%;
	}
	.c-solutions .c-list li .c-wrap .c-ico-box span{
		font-size: 40px;
	}

	.synopsis-item {
		width: 21%;
	}

	.synopsis-item .item-info .item-text3 a{
		line-height: 28px;
		font-size: 14px;
	}

	.nav-bar .nav>li>a {
		font-size: 14px;
	}
	.main-title{
		font-size: 16px;
		padding: 0 0 10px 0;
	}
	.title{
		font-size: 32px;
	}
	.service-area .subtit{
		font-size: 24px;
	}
	.partners-le{
		width: 100%;
		position: inherit;
		margin-top: 20px;
	}
	.partners-tit{
		font-size: 24px;
		line-height: 1.8em;
	}
	.partners-con{
		font-size: 18px;
		line-height: 1.8em;
	}
	.partners-ri img{
		width: 100%;
	}
	.latest-new-wrapper .item_header a{
		font-size: 15px;
		line-height: 2em;
	}
	.latest-new-wrapper .read_more{
		font-size: 14px;
		line-height: 1.2em;
	}
	.foot-wrapper {
		margin-top: 0;
	}
	
	.foot-item.foot-item-logo,
	.foot-item.foot-item-contact,
	.foot-item.foot-item-Company {
		width: 80%;
		float: none;
		margin-bottom: 3%;
		margin-left: 2%;
	}
	
	.foot-item.foot-item-contact .foot-phone:before {
		left: 15%;
	}
	
	/*.footer {*/
	/*	padding-bottom: 10%;*/
	/*	padding: 3% 0 5% 0;*/
	/*	margin-top: 0;*/
	/*}*/
	
	.foot-item.foot-item-contact .foot-cont {
		margin-top: 0;
	}
	
	.foot-item.foot-item-contact .foot-email,
	.foot-item.foot-item-contact .foot-addr,
	.foot-item.foot-item-contact .foot-phone {
		font-size: 16px;
	}
	
	.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
		width: 100%;
	}
	
	.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn {
		height: 38px;
		right: 0;
	}
	.floatwindow_fd_conct,.tawk-text {
			display: none
		}
}





@media(max-width:800px) {
	.synopsis-item {
		width: 23.5%;
	}
	.nav-bar .nav>li>a{
		font-size: 12px;
	}
    .ys-ul .ys-item>img{
        width: 40%;
    }
    .ys-ul .ys-item span{
        font-size: 18px;
        font-weight: normal;
    }
}


@media(max-width:750px) {
    .ys-wrap .layout{
        padding: 50px 0 70px;
    }
    .ys-title{
        font-size: 20px;
         margin-bottom: 20px;
    }
    .c-solutions-link{
        font-size: 16px;
    }
    .c-solutions{
        padding: 60px 0 40px;
    }
    .c-solutions-tit{
        font-size: 30px;
    }
    .c-solutions-desc{
        font-size: 18px;
        margin: 20px;
    }
    .index-news-item{
        width: 100%;
    }
    .index-title{
	    margin: 30px auto 15px;
	}
	.index-title h2{
	    font-size: 26px;
	}
	.nav-bar .logo{
		margin-top: 30px;
	}
	.c-solutions .c-list li .c-wrap .c-ico-box,.c-solutions .c-list li .c-wrap .c-title{
		font-size:16px;
	}
	.c-solutions .c-list li .c-wrap .c-ico-box span{
		font-size:30px;
		margin-top:12px;
	}

	.main-title{
		font-size: 14px;
		padding: 0 0 8px 0;
	}
	.title{
		font-size: 26px;
	}
	.layout,
	.header,
	.banner-list,
	.bottom-service,
	.social-layout,
	.foot-wrapper .foot-img {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	
	.head-wrapper,
	.foot-wrapper,
	.nav-bar {
		max-width: 100%;
		min-width: inherit;
	}
	
	.z10000 {
		position: relative;
		z-index: 100000;
	}
	
	.mobile-body-mask {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		position: absolute;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}
	
	.mobile-ico-close {
		width: 30px;
		height: 30px;
		background: #fff url(../images/mobile_close.png) center center no-repeat;
		background-size: 50% auto;
		position: absolute;
		right: -35px;
		top: 0;
	}
	
	img {
		max-width: 100%;
	}
	
	a:visited {
		color: #333;
	}
	
	.owl-carousel {
		padding: 0 0 30px;
	}
	
	* {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.owl-carousel {
		padding: 0 0 30px;
	}
	
	.sub-content {
		position: relative;
		display: block;
		right: auto;
		border-radius: 0;
		border: none;
		box-shadow: none;
		z-index: 99999;
	}
	
	.scrollsidebar,
	.bottomsidebar {
		display: none;
	}
	
	.gotop {
		display: none;
		visibility: hidden;
	}
	
	.mobile-head-items {
		position: fixed;
		top: 0;
		left: 0;
		background: #161622;
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: left
	}
	
	.mobile-head-item {
		float: left;
		width: 25%;
	}
	
	.mobile-head-item.mobile-head-aside {
		float: right
	}
	
	.mobile-head-item .title {
		width: 100%;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
		text-align: center;
		color: #FFF;
		font-size: 20px;
	}
	
	.mobile-head-item .title a {
		position: relative;
		display: block;
		color: #FFF;
	}
	
	.mobile-head-item.mobile-head-home .title a:before {
		content: '\f015';
	}
	
	.mobile-head-item.mobile-head-nav .title:before {
		content: '\f0c9';
	}
	
	.mobile-head-item.mobile-head-language .title:before {
		content: "\f1ab";
	}
	
	.mobile-head-item.mobile-head-search .title:before {
		content: "\f002";
	}
	
	.mobile-head-item.mobile-head-contact .title:before {
		content: "\f007";
	}
	
	.mobile-head-item.mobile-head-social .title:before {
		content: "\f09a";
	}
	
	.mobile-head-item .main-content-wrap {
		background: #FFF;
		top: 0;
		display: block;
		z-index: 99999;
	}
	
	.mobile-head-item .main-content-wrap .content-wrap {
		overflow-y: scroll;
		height: 100%;
		padding: 15px 10px;
	}
	
	.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
		overflow-y: hidden;
	}
	
	.mobile-head-item .side-content-wrap {
		position: fixed;
		display: block;
		left: -70%;
		width: 70%;
		height: 100%;
	}
	
	.mobile-head-item .middle-content-wrap {
		position: absolute;
		left: 0;
		width: 100%;
		height: auto;
		padding: 20px 0;
		opacity: 0;
		visibility: hidden;
	}
	
	.mobile-head-item .middle-show-content-wrap {
		top: 30px;
		visibility: visible;
		opacity: 1;
	}
	
	.nav-bar .nav,
	.foot-wrapper .foot-social,
	.nav-bar .nav-wrap,
	.change-language {
		display: none;
	}
	
	.head-wrapper {
		position: relative;
		top: auto;
	}
	
	.logo {
		display: block;
		text-align: center;
		padding: 0;
		float: none;
		margin-top: 25px;
	}
	
	.logo img {
		max-width: 50%;
		max-height: 60px;
	}
	
	.nav li {
		position: relative;
		display: block;
		width: 100%;
	}
	
	.nav li ul {
		display: block;
		width: 100%;
	}
	
	.nav li ul li {
		width: auto;
		padding: 0 10px;
		display: inline-block;
	}
	
	.nav li ul img {
		display: block;
		display: none;
	}
	
	.nav>li {
		border-bottom: 1px solid #eee;
		line-height: 2.75em;
	}
	
	.nav>li:after {
		content: '\f105';
		position: absolute;
		right: 0;
		top: 0;
		line-height: 2.75em;
	}
	
	.nav>li>ul>li>a {
		display: block;
		position: relative;
		padding-left: 1em;
		float: none;
		font-weight: bold;
	}
	
	.nav>li>ul>li {
		display: block;
	}
	
	.nav>li>ul>li>ul {
		margin-left: 5%;
	}
	
	.nav>li>ul>li>a:before {
		content: '';
		display: block;
		width: 3px;
		height: 3px;
		background-color: #aaa;
		position: absolute;
		left: 0;
		top: 1.35em;
	}
	
	.prisna-wp-translate-seo .language-flag{
	    border-bottom: 1px solid #eee;
	    line-height: 2.5em;
	}
	
	.foot-social {
		margin-top: 0;
	}
	
	.mobile-head-item .foot-social {
		text-align: center
	}
	
	.transall {
		display: block;
		width: 100%;
		float: none;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-sub-container,
	.head-wrapper .prisna-wp-translate-dropdown-body,
	.head-wrapper .prisna-wp-translate-dropdown-body:hover {
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-container,
	.head-wrapper .prisna-wp-translate-dropdown-sub-container,
	.head-wrapper .prisna-wp-translate-dropdown-body {
		height: auto !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-body {
		float: none !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language,
	.head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow {
		display: none !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll {
		display: block !important;
		height: auto !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-languages-list p {
		width: 50%;
		display: inline !important;
		float: left !important;
	}
	
	.head-wrapper .prisna-wp-translate-dropdown-languages-list {
		display: block !important;
	}
	
	.transall .prisna-wp-translate-dropdown-current-language {
		display: none !important;
	}
	
	.layout {
		width: 98%;
		margin: 0 auto;
	}
	
	.rev_slider_wrapper {
		height: auto !important;
	}
	
	.page-head {
		display: none !important;
	}
	
	
	.mobile-contact {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 9999;
		height: 38px;
		line-height: 38px;
		background: #161622;
	}
	
	.mobile-contact,
	.mobile-contact a {
		color: #FFF
	}
	
	.foot-social .sccial-tit {
		display: block;
		line-height: 30px;
		margin: 15px 0 0;
		color: #111111;
		font-size: 18px;
		font-weight: normal;
	}
	
	.foot-social li {
		margin: 0 1%;
		padding: 7px;
		background: #d10445;
	}
	
	.index-layout {
		padding: 0 0 30px;
	}
		
	.company-synopses {
		position: relative;
		margin: 4% 0;
	}
	
	.synopsis-item {
		width: 48.1%;
		margin: 1%;
	}
	
	.synopsis-item:nth-child(2n) {
		margin-right: 0;
	}
	
	
	.synopsis-item .item-text {
		width: 80%;
	}
	
	.synopsis-item .item-info .item-title a {
		line-height: 1.5em;
	}
	
	.synopsis-item .item-img {
		float: none;
	}
	
	.synopsis-item .item-info {
		position: absolute;
		float: none;
		width: 100%;
		overflow: hidden;
		font-size: 18px;
	}	
	
	.synopsis-item .item-info .item-title {
		font-size: 18px;
	}
	
	.latest-new-wrapper {
		margin: 0 0 3% 0;
	}
	
	.latest-new-wrapper .new-item {
		width: 100%;
		margin: 0 0 3% 0;
	}
	
	.latest-new-wrapper .new-img {
		width: 45%;
		float: left;
		height: auto;
		padding: 1%;
	}
	
	.latest-new-wrapper .new-info {
		width: 53%;
		float: right;
	}
	
	.latest-new-wrapper .item_published {
		margin: 0 0 1%;
	}
	
	.latest-new-wrapper .read_more {
		margin: 1.5%;
	}
	
	.main-product-wrap {
		padding: 30px 0 0 0;
	}
	
	.main-product-wrap .product-items {
		width: 99%;
		margin: auto;
		margin-top: 4%;
	}
	
	.main-product-wrap .product-item {
		width: 48%;
		height: auto;
		margin: 1%;
	}
	
	.product-item .item-wrap {
		width: 100%;
		margin: 0 auto;
	}
	
	.product-item .pd-info {
		position: relative;
		display: block;
		height: auto;
		opacity: 1;
		visibility: visible;
	}
	
	.product-item .pd-info .pd-name {
		display: block;
		height: auto;
		padding: 10px;
		font-size: 16px;
	}
	
	.product-item .item-wrap,
	.product-item .pd-img,
	.product-slides .product-item .item-wrap,
	.product-wrap .product-item .item-wrap,
	.product-slides .product-item .pd-img,
	.product-wrap .product-item .pd-img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.product-item .pd-img img,
	.product-slides .product-item .pd-img img,
	.product-wrap .product-item .pd-img img {
		width: 100%;
		max-width: none;
		max-height: none;
	}
	
	.product-item .pd-info,
	.product-item .pd-info .pd-name,
	.product-slides .product-item .pd-info,
	.product-wrap .product-item .pd-info,
	.product-slides .product-item .pd-info .pd-name,
	.product-wrap .product-item .pd-info .pd-name {
		height: auto;
	}
	
	.product-list .product-item {
		width: 31%;
		margin: 1%;
	}
	
	.product-list .product-item:nth-child(4n),
	.product-list .product-item:nth-child(3n) {
		margin: 1%;
	}
	
	.path-bar {
		display: none;
	}
	
	.promote-bar {
		display: none;
	}
	
	.aside {
		display: none;
	}
	
	.side-head-search {
		width: 100%;
	}
	
	.side-head-search .search-ipt {
		width: 100%;
	}
	
	.side-tit-bar {
		position: relative;
	}
	
	.side-tit-bar .side-tit {
		font-size: 16px;
		line-height: 30px;
	}
	
	.side-widget {
		margin: 0 0 30px;
	}
	
	.side-cate ul li {
		line-height: 30px;
	}
	
	.products-scroll-btn-prev,
	.products-scroll-btn-next {
		display: none;
	}
	
	.products-scroll-list li {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: 0 1%;
	}
	
	.products-scroll-list li img {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.main {
		width: 98%;
		float: none;
		padding: 0;
		margin: 0 auto;
	}
	
	.main-tit-bar {
		margin: 30px 0 10px;
	}
	
	.main-tit-bar .title {
		font-size: 20px;
	}
	
	.product-list ul,
	.certificate-list ul,
	.video-list ul {
		position: relative;
		width: 100%;
	}
	
	.page-bar .pages {
		display: block;
		float: none;
		text-align: center
	}
	
	.pages a,
	.pages span {
		height: 25px;
		line-height: 25px;
		padding: 0 10px;
		border-radius: 2px;
		font-size: 12px;
	}
	
	.product-title {
		font-size: 20px;
		margin: 30px 0 10px 0;
	}
	
	.product-view {
		width: 100%;
		float: none;
	}
	
	.product-view .product-image {
		display: none
	}
	
	.product-view .image-additional {
		width: 100%;
		margin: 0;
	}
	
	.product-view .image-additional ul {
		width: 100%;
	}
	
	.product-view .image-additional li {
		width: 99.9%;
		margin: 0;
	}
	
	.product-view .image-additional li a {
		padding: 0;
	}
	
	.product-view .image-additional li.current img {
		border-color: inherit;
	}
	
	.product-summary {
		position: relative;
		width: 100%;
		float: none;
	}
	
	.product-summary .share-this {
		float: none;
		margin: 30px 0;
	}
	
	.tab-content-wrap .tab-title-bar,
	.tab-content-wrap .tab-panel-wrap {
		display: none;
	}
	
	.tab-content-wrap .mobile-tab-items .mobile-tab-item {
		margin: 0 0 30px;
	}
	
	.tab-content-wrap .mobile-tab-items .mobile-tab-title {
		font-family: 'SourceSansProSemibold';
		margin: 0 0 15px;
	}
	
	.tab-content-wrap .mobile-tab-items .mobile-tab-panel {}
	
	.goods-items {
		width: 100%;
	}
	
	.goods-may-like {
		position: relative;
		margin: 40px 0 3%;
	}
	
	.goods-items-wrap .product-item,
	.goods-items-wrap .product-item,
	.product-wrap .product-item {
		width: 98%;
	}
	
	.blog-list .blog-item {
		padding: 15px;
		border-bottom: 1px solid #ddd;
	}
	
	.blog-list .blog-item:last-child {
		border: 0;
	}
	
	.blog-list .blog-item:hover {
		background: none;
	}
	
	.blog-list .blog-item:before {
		left: 15px;
		right: 15px;
		display: none;
	}
	
	.blog-list .blog-item .blog-img {
		display: block;
		max-width: 100%;
		float: none;
	}
	
	.blog-list .blog-item .blog-tit {
		font-size: 16px;
		line-height: 1.3em;
		padding: 6px 0 0;
		font-weight: normal;
	}
	
	.blog-list .blog-item .blog-meta {
		padding: 6px 0 0;
	}
	
	.blog-list .blog-item .blog-summary {
		padding: 0;
		margin: 8px 0;
		height: 80px;
		line-height: 20px;
		overflow: hidden;
	}
	
	.blog-list .blog-item .readmore {
		display: none;
	}
	
	.main .blog-article {
		padding: 5px 10px;
	}
	
	.inquiry-form {
		padding: 15px;
	}
	
	.inquiry-form input[type="text"].form-input,
	.inquiry-form textarea.form-text {
		width: 100%;
	}
	
	.faq-list ul li .faq-cont {
		font-size: 14px;
		padding-bottom: 15px;
	}
	
	.faq-list ul li .faq-title {
		padding-bottom: 30px;
	}
	
	.synopsis-item .item-info .item-text {
		font-size: 18px;
	}

	.synopsis-item {
		width: 48%;
	}
	.rev_slider .tp-caption.itemText {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tp-caption h1.title {
		font-size: 22px;
	}
	.tp-caption .banner-detail {
		font-size: 16px;
	}
	.tp-caption .banner-more {
		height: 30px;
		line-height: 30px;
		padding: 0 20px;
		font-size: 18px;
	}
	.synopsis-item .item-info .item-text3 a{
		line-height: 24px;
		font-size: 13px;
	}
		.about-us .about-subtit{
			font-size: 20px;
			line-height: 1.3em;
		}
		.about-us .about-desc{
			font-size: 18px;
			line-height: 1.6em;
			margin: 16px auto;
		}
		.about-us .about-item{
			padding-left: 2%;
		}
		.about-us .about-item li{
			font-size: 14px;
			line-height: 2em;
			padding-left: 20px;
		}
		.about-us .about-item li:before{
			width: 10px;
			height: 10px;
		}
		.service-area .subtit{
			font-size: 20px;
		}
		.partners-tit{
			font-size: 20px;
		}
		.partners-con{
			line-height: 1.6em;
		}
		.latest-new-wrapper .item_header a{
			font-size: 18px;
		}
		.latest-new-wrapper .read_more{
			font-size: 16px;
		}
		.index-partners{
            padding: 60px 0;
        }
        .index-partners-tit,.index-partners-desc{
            text-align: center;
        }
        .index-partners-tit{
            font-size: 26px;
        }
        .index-partners-desc{
            font-size: 18px;
            margin-bottom: 40px;
        }
}

@media(max-width:640px) {
    .ys-ul .ys-item span{
        font-size: 14px;
    }
    .index-project-item{
        width: 90% !important;
        margin: 0 auto 2%;
    }
	.latest-new-wrapper .new-img,
	.latest-new-wrapper .new-info {
		width: 98%;
		float: none;
		height: auto;
		margin: auto;
	}
	
	.latest-new-wrapper .read_more {
		/*float: right;*/
	}
	
	.foot-items {
		padding: 35px 0 0;
	}
	
	
	/*.foot-item.foot-item-contact .foot-phone:before {*/
	/*	display: none;*/
	/*}*/
	
	.foot-item .foot-tit {
		line-height: 30px;
		margin: 15px 0 10px;
	}
	
	.foot-social,
	.copyright {
		float: none;
	}
	
	.company-synopses {
		margin: 0
	}
	
	.synopsis-item .item-wrap {
		width: 100%;
	}
	
	.synopsis-item .item-img {
		float: none;
		margin: auto;
		display: table;
	}
	
	.synopsis-item .item-info {
		left: 3%;
	}
	
	.synopsis-item .item-info {
		font-size: 18px;
	}
	
	.synopsis-item .item-wrap {
		padding: 10px;
	}
	
	.synopsis-item .item-info .item-title {
		font-size: 20px;
	}
	
	.synopsis-item .item-info .item-detail {
		font-size: 16px;
	}
	
	.main-product-title .title,
	.product-slides-title .title {
		font-size: 20px;
	}
	
	.main-product-wrap .product-item {
		width: 48%;
	}
	
	.product-item,
	.product-wrap .product-item,
	.product-list .product-item,
	.product-wrap .product-ite {
		width: 48%;
	}
	
	.product-item .pd-info .pd-name,
	.product-wrap .product-item .pd-info .pd-name {
		font-size: 12px
	}
	
	.products-scroll-list li {
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	
	.products-scroll-list li img {
		max-width: 65px;
		float: left;
		margin: 0 15px 0 0;
	}
	
	.download-list ul li {
		border-bottom: none;
	}
	
	.download-list ul li .download-cont {
		display: block;
		float: none;
		margin: 0 0 20px;
	}
	
	.download-list ul li .download-button {
		float: none;
	}
	
	.product-list .product-item {
		width: 48%;
		margin: 1%;
	}
	
	.latest-new-wrapper .item_published {
		display: none;
	}
	
	.thank-wrap {
		height: 80px;
	}
	
	.thank-wrap .main-title {
		font-size: 32px;
		line-height: 80px;
	}
	.latest-new-wrapper .new-item {
		width: 100%;
	}

	.latest-new-wrapper .item_header {
		margin-top: 20px;
	}
	
	.rev_slider .tp-caption.itemText {
		width: 100%;
	}
	#rev_slider_3_1 ul li .tp-caption.itemImg img {
		display: none;
	}
	.tp-caption h1.title {
		font-size: 16px;
		padding: 0 0 15px;
	}
	.tp-caption .banner-detail {
		font-size: 14px;
	}
	.tp-caption .banner-more {
		font-size: 14px;
	}


}
.mobile-head-language .prisna-wp-translate-seo,
.change-language .prisna-wp-translate-seo {
	display: block
}

.change-language .change-language-title,
.change-language .change-language-title a {
	font-size: 18px;
	font-family:  Arial, Helvetica, sans-serif;
	position: relative;
	margin-left: 60px;
}

.change-language .change-language-title a:after {
	font-family: 'fontawesome';
	content: "\f0d7";
	font-size: 14px;
	display: inline-block;
	padding-left: 2px;
	color: #000;
}

.change-language:hover .change-language-title a:after {
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.change-language .change-language-cont {
	position: absolute;
	top: 36px;
	right: 0;
	width: 360px;
	background: #FFF;
	padding: 20px 10px 20px 20px;
	transform: scale3d(0.9, 0.9, 1);
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow-y: scroll;
	max-height: 80vh;
}

.change-language:hover .change-language-cont {
	transform: scale3d(1, 1, 1);
	opacity: 1;
	visibility: visible;
}

.change-language .change-language-cont li {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 0 0 10px;
	font-size: 10pt;
	overflow: hidden;
	padding: 0 10px 0 0;
}

.change-language .change-language-cont li a:hover {
	color: #ee7c0a;
}

.change-language .change-language-cont .lang-item-hide {
	display: none !important;
}

.change-language .change-language-cont .lang-more {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
}

.change-language .change-language-cont .more-active {
	font-size: 20px;
}

.language-flag span {
	position: relative;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	white-space: nowrap;
	padding: 0 0 0 33px;
	overflow: hidden;
	color: #000;
}

.change-language::-webkit-scrollbar {
	width: 5px;
}

.change-language::-webkit-scrollbar-track {
	background-color: #fff;
}

.change-language::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
	display: block
}

.language-flag .country-flag {
	position: absolute;
	left: 0;
	top: 50%;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	background-image: url(../images/all-m.gif);
	width: 22px;
	height: 16px;
	margin: -8px 5px 0;
}

li.language-flag a {
	position: relative;
}

.language-flag-af .country-flag {
	background-position: 0 0 !important;
}

.language-flag-sq .country-flag {
	background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
	background-position: 0 -32px !important;
}

.language-flag-hy .country-flag {
	background-position: 0 -48px !important;
}

.language-flag-az .country-flag {
	background-position: 0 -64px !important;
}

.language-flag-eu .country-flag {
	background-position: 0 -80px !important;
}

.language-flag-be .country-flag {
	background-position: 0 -96px !important;
}

.language-flag-bg .country-flag {
	background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
	background-position: 0 -128px !important;
}

.language-flag-zh .country-flag {
	background-position: 0 -144px !important;
}

.language-flag-zh-TW .country-flag {
	background-position: 0 -160px !important;
}

.language-flag-hr .country-flag {
	background-position: 0 -176px !important;
}

.language-flag-cs .country-flag {
	background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
	background-position: 0 -208px !important;
}

.language-flag-ge .country-flag {
	background-position: 0 -224px !important;
}

.language-flag-nl .country-flag {
	background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
	background-position: 0 -256px !important;
}

.language-flag-et .country-flag {
	background-position: 0 -272px !important;
}

.language-flag-tl .country-flag {
	background-position: 0 -288px !important;
}

.language-flag-fi .country-flag {
	background-position: 0 -304px !important;
}

.language-flag-fr .country-flag {
	background-position: 0 -320px !important;
}

.language-flag-gl .country-flag {
	background-position: 0 -336px !important;
}

.language-flag-ka .country-flag {
	background-position: 0 -352px !important;
}

.language-flag-de .country-flag {
	background-position: 0 -368px !important;
}

.language-flag-el .country-flag {
	background-position: 0 -384px !important;
}

.language-flag-ht .country-flag {
	background-position: 0 -400px !important;
}

.language-flag-iw .country-flag {
	background-position: 0 -416px !important;
}

.language-flag-hi .country-flag,
.language-flag-te .country-flag,
.language-flag-kn .country-flag,
.language-flag-ta .country-flag,
.language-flag-gu .country-flag {
	background-position: 0 -432px !important;
}

.language-flag-hu .country-flag {
	background-position: 0 -448px !important;
}

.language-flag-is .country-flag {
	background-position: 0 -464px !important;
}

.language-flag-id .country-flag {
	background-position: 0 -480px !important;
}

.language-flag-ga .country-flag {
	background-position: 0 -496px !important;
}

.language-flag-it .country-flag {
	background-position: 0 -512px !important;
}

.language-flag-ja .country-flag {
	background-position: 0 -528px !important;
}

.language-flag-ko .country-flag {
	background-position: 0 -544px !important;
}

.language-flag-la .country-flag {
	background-position: 0 -560px !important;
}

.language-flag-lv .country-flag {
	background-position: 0 -576px !important;
}

.language-flag-lt .country-flag {
	background-position: 0 -592px !important;
}

.language-flag-mk .country-flag {
	background-position: 0 -608px !important;
}

.language-flag-ms .country-flag {
	background-position: 0 -624px !important;
}

.language-flag-mt .country-flag {
	background-position: 0 -640px !important;
}

.language-flag-no .country-flag {
	background-position: 0 -656px !important;
}

.language-flag-fa .country-flag {
	background-position: 0 -672px !important;
}

.language-flag-pl .country-flag {
	background-position: 0 -688px !important;
}

.language-flag-pt .country-flag {
	background-position: 0 -704px !important;
}

.language-flag-ro .country-flag {
	background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
	background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
	background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
	background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
	background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
	background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
	background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
	background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
	background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
	background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
	background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
	background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
	background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
	background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
	background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
	background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
	background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
	background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
	background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
	background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
	background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
	background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
	background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
	background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
	background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
	background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
	background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
	background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
	background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
	background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
	background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
	background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
	background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
	background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
	background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
	background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
	background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
	background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
	background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
	background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
	background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
	background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
	background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
	background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
	background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
	background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
	background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
	background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
	background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
	background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
	background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
	background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
	background-position: 0 -1536px;
}

.language-flag-km .country-flag {
	background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
	background-position: 0 -1568px;
}

.language-flag-la .country-flag {
	background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
	background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
	background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
	background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
	background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
	background-position: 0 -1664px;
}

.language-flag-my .country-flag {
	background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
	background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
	background-position: 0 -1712px;
}

.language-flag-st .country-flag {
	background-position: 0 -1728px;
}

.language-flag-si .country-flag {
	background-position: 0 -1744px;
}

.language-flag-so .country-flag {
	background-position: 0 -1760px;
}

.language-flag-su .country-flag {
	background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
	background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
	background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
	background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
	background-position: 0 -1840px;
}
	@-webkit-keyframes heroArrow2 {
		0% {
			transform: translate(-60px, 0)
		}

		to {
			transform: translate(0, 0)
		}
	}

	@keyframes heroArrow2 {
		0% {
			transform: translate(-60px, 0)
		}

		to {
			transform: translate(0, 0)
		}
	}

	.scene {
		overflow: hidden;
		background: #f2f3f5;
		position: relative
	}


	.scene .scene-hot {
		position: absolute;
		top: .78125rem;
		left: 0;
		width: 100%;
		height: .625rem
	}

	.scene .scene-content {
		display: flex;
		width: 106vw;
		height: 80vh;
		overflow: hidden
	}

	.scene .scene-content:hover+.scene-hot,
	.scene-mobile {
		display: none
	}

	.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal {
		opacity: .8
	}

	.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg>img {
		transform: translate(0, 0)
	}

	.scene .scene-content:hover .item-thumb {
		opacity: 0;
		z-index: 1
	}

	.scene .scene-content .scene-content-item {
		position: relative;
		flex: 1 1 25%;
		transition: all 1s;
		will-change: auto
	}

	.scene .scene-content .scene-content-item:hover {
		flex: 1 0 75%
	}

	.scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal {
		opacity: 0;
		visibility: hidden
	}

	.scene .scene-content .scene-content-item:hover .item-detail {
		opacity: 1;
		z-index: 2
	}

	.scene .scene-content .scene-content-item .scene-wrapper {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		transform: skew(-10.15deg);
		transform-origin: left top;
		overflow: hidden
	}

	.scene .scene-content .scene-content-item .scene-wrapper .scene-modal {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0;
		z-index: 100;
		transition: all .6s
	}

	.scene .scene-content .scene-content-item .scene-wrapper::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
		opacity: 0;
		visibility: hidden;
		transition: all .6s
	}

	.scene .scene-content .scene-content-item .scene-wrapper-bg {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -3vw;
		width: 90vw;
		height: 100%;
		transform: translate(-50%, 0) skew(10.15deg);
		transform-origin: left top
	}

	.scene .scene-content .scene-content-item .scene-wrapper-bg>img {
		width: 100%;
		height: 100%;
		transition: transform .5s
	}

	.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper {
		position: relative
	}

	.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		width: 2px;
		height: 100%;
		background-color: #fff;
		opacity: .3
	}

	.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg>img {
		transform: translate(-1px, 0)
	}

	.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper {
		overflow: initial;
		z-index: 0
	}

	.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg>img {
		transform: translate(1px, 0)
	}

	.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper {
		position: relative
	}

	.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 2px;
		height: 100%;
		background-color: #fff;
		opacity: .3
	}

	.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg>img {
		transform: translate(-.182292rem, 0)
	}

	.scene .scene-content .scene-content-item .item-thumb {
		position: absolute;
		z-index: 2;
		top: 38%;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(360deg, #0a2349 0, rgba(10, 35, 73, 0) 100%);
		transition: opacity .5s
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-title {
		margin-bottom: 10px;
		line-height: 2;
		text-align: center;
		color: #fff;
		font-size: 28px;
		font-weight: 300;
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-desc {
		margin-bottom: 30px;
		line-height: 2;
		text-align: center;
		color: #fff;
		font-size: 16px;
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action {
		display: flex;
		justify-content: center
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left,
	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
		position: relative;
		width: 18px;
		height: 50px;
		background-image: url(../images/rect-small.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-left {
		left: .010417rem
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-right {
		left: -.010417rem
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center {
		width: 70px;
		height: 50px;
		background-image: url(../images/rect.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.scene .scene-content .scene-content-item .item-thumb .item-thumb-action .item-thumb-action-center img {
		width: 23px;
		height: 23px;
	}

	.scene .scene-content .scene-content-item .item-detail {
		opacity: 0;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(107deg, #0a2349 20%, rgba(10, 35, 73, 0) 100%);
		transition: opacity .6s
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header {
		margin-bottom: 45px;
		padding: 3% 0 0 12%;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header:hover .item-detail-arrow div {
		-webkit-animation: heroArrow2 1s ease infinite;
		animation: heroArrow2 1s ease infinite
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-title {
		margin-bottom: .041667rem;
		line-height: 2;
		color: #fff;
		font-size: 26px;
		font-weight: 400;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-desc {
		margin-bottom: .041667rem;
		line-height: 2;
		color: #fff;
		font-size: 16px;
		font-weight: 300;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow {
		width: 30px;
		height: 20px;
		overflow: hidden
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow div {
		display: flex
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img {
		margin-right: 10px;
		width: 30px;
		height: 20px
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a:last-child,
	.scene .scene-content .scene-content-item .item-detail .item-detail-header .item-detail-arrow img:last-child {
		margin-right: 0
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content {
		position: relative;
		margin-left: 12%;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item {
		margin-bottom: .083333rem;
		line-height: .078125rem;
		color: #fff;
		font-size: .041667rem;
		font-weight: 300;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-name,
	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item:hover .item-detail-name {
		color: #fff;
		font-size: 20px;
		font-weight: 400;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item.active .item-detail-info {
		display: block
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-name {
		width: 20%;
		line-height: 2;
		color: #fff;
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: 300;
		cursor: pointer;
		transition: all .4s
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info {
		display: none;
		position: absolute;
		left: 22%;
		top: 0;
		transition: all 1s;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs {
		display: flex;
		margin-bottom: 20px
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs>a {
		margin-right: 1.5%;
		width: 28%;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img img {
		max-width: 100%;
		transition: all .4s;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(255, 255, 255, .4);
		box-sizing: border-box;
		transition: all .4s;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img:hover img {
		scale: 1.1;
	}
	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img:hover span {
		position: relative;
		z-index: 2;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .item-detail-info-imgs .item-detail-info-img span {
		display: block;
		text-align: center;
		line-height: 2;
		color: #fff;
		background:#1e499f;
		font-size: 16px;
		font-weight: 400;
		padding: 0 10px;
		white-space: nowrap; /* 不换行 */
       overflow: hidden; /* 超出部分隐藏 */
       text-overflow: ellipsis; /* 显示省略号 */
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more {
		text-align: center
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more .button {
		cursor: pointer;
		display: inline-block;
		width: 130px;
		height: 42px;
		line-height: 2;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, .5);
		border-radius: 1px;
		font-size: 16px;
		text-align: center;
		transition: all .1s linear 0s;
	}

	.scene .scene-content .scene-content-item .item-detail .item-detail-content .item-detail-item .item-detail-info .scene-more .button:hover {
		background: rgba(255, 255, 255, .35);
	}

	@media screen and (max-width:767px) {
		.scene {
			display: none
		}

		.scene-mobile {
			display: block;
			background: #f2f3f5
		}

		.scene-mobile .scene-header {
			padding: 10px 0
		}

		.scene-mobile .scene-header .scene-header-title {
			line-height: 2;
			text-align: center;
			color: #000;
			font-size: 30px;
			font-weight: 400;
		}
        
		.scene-mobile .scene-content .scene-item-inner .scene-item-wrap{
			position: absolute;
			width: 100%;
			left:0;
			top: 30%;
		}
		
		.scene-mobile .scene-content .scene-item-inner .scene-item-title,
		.scene-mobile .scene-header .scene-header-desc {
			line-height: 2;
			text-align: center;
			color: #000;
			font-size: 24px;
			font-weight: 200;
		}

		.scene-mobile .scene-header .scene-header-desc b {
			font-weight: 400;
		}

		.scene-mobile .scene-content .scene-item-inner {
			padding-top: 10px;
			width: 100%;
			position: relative;
		}
		
		.scene-mobile .scene-content .scene-item-inner>img{
			max-width: 100%;
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-title {
			color: #fff;
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-desc {
			margin-bottom: 20px;
			line-height: 2;
			text-align: center;
			color: #ffffffcc;
			font-size: 20px;
			font-weight: 200;
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-arrow {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-left,
		.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-right {
			width: 20px;
			height: 50px
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow-center {
			width: 80px;
			height: 50px
		}

		.scene-mobile .scene-content .scene-item-inner .scene-item-arrow .arrow {
			position: absolute;
			top: 12px;
			left: 50%;
			transform: translate(-50%, 0);
			width: 30px;
			height: 30px
		}
	}