@charset "utf-8";
html {
    font-size: 625%;
}

:root{
	--commonColor: #F39F5F;
	--comColorRgb: 243, 159, 95;
	
	--otherColor: #124A47;
    --bgColor: #F6EFE5;

    --color1: #385469;
    --color2: #70A6B1;
    --color3: var(--commonColor);
    --color4: #6AC46A;
    --color5: #EC9999;

    --secondColor: #9E5938;
    --thirdColor: #DFB896;

    --linearBg: linear-gradient(to right, var(--commonColor) 35%, rgba(var(--comColorRgb), 0.3));
}

@font-face {
    font-family: fontawesome;
    src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0);
    src: url(../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(../fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(../fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(../fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(../fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");
    font-weight: 400; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Fredoka One-Regular';
    src: url('../fonts/FredokaOne-Regular.ttf');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Open Sans-Regular';
    src: url('../fonts/OPENSANS-REGULAR.TTF');
    font-weight: normal; font-style: normal; font-display: swap;
}



body {font-size: 16px; background: #fff;}
a,abbr,address,blockquote,body,code,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,li,object,ol,p,pre,td,th,ul {margin: 0; padding: 0;}
body,button,html,input,textarea {color: #333; font-family: Arial,Helvetica,sans-serif; line-height: 1.5;}
body {background-color: #fff}
article,aside,figcaption,figure,footer,header,main,nav,section {display: block}
h1 {font-size: 20px}
h2 {font-size: 18px}
h3 {font-size: 16px}
h4,h5 {font-size: 14px}
img {border: none; vertical-align: middle; max-width: 100%; height: auto;}
li {list-style: none}
em,i {font-style: normal}
a {color: #333; text-decoration: none;}
a:focus {outline: 0}
a:hover {text-decoration: none}
input[type=text]:focus {outline: 0}
input[type=button],input[type=reset],input[type=submit] {cursor: pointer}
input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {border: none; padding: 0;}
input::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder {color: #999; opacity: 1;}
input:-ms-input-placeholder {color: #999;}
input:-moz-placeholder {color: #999;}
hr {height: 1px; border: none; margin: 15px 0;border-top: 1px dashed #c1c1c1;}
a:active,input,select,textarea {-webkit-tap-highlight-color: transparent;outline: 0!important;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;outline: 0;}
.clearfix:after,.nav_wrap .head_nav:after,.web_head .logo:after,.web_main:after {content: ""; display: block; clear: both;visibility: hidden; height: 0;}
.clear {clear: both;}
.clearf{clear: both; overflow: hidden;}
.hide {display: none;}
.z9999 {z-index: 9999!important;}

.layout, body {margin: 0 auto;}
.layout {width: 1480px; position: relative;}
.layoutLeft{width: 100%; box-sizing: border-box; padding-right: calc((100% - 1480px) / 2);}
.layoutRight{width: 100%; box-sizing: border-box; padding-left: calc((100% - 1480px) / 2);}

@media only screen and (max-width: 1620px) {
	.layout{width: 100%; padding: 0 70px; box-sizing: border-box;}
    .layoutLeft{padding: 0 70px 0 0;}
    .layoutRight{padding: 0 0 0 70px;}
}
@media only screen and (max-width: 1200px) {
    body {min-width:inherit; }
}
@media only screen and (max-width: 1024px) {
    .layout{padding: 0 30px;}
    .layoutLeft{padding: 0 30px 0 0;}
    .layoutRight{padding: 0 0 0 30px;}
}
@media only screen and (max-width: 980px) {
	body {min-width: 100%}
	.layout{padding: 0 15px;}
	.z10000 {position: relative; z-index: 100000;}
}

/* img */
.pubPic{position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%;}
.pubPic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

/* flex */
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;flex-direction: row;}
.flexColumn{-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flexSpaceBe{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;-moz-box-pack: justify;justify-content: space-between;}
.flexCenter{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;-moz-box-pack: center;justify-content: center;}
.flexEnd{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;-moz-box-pack: end;justify-content: flex-end;}
.flexWrap{flex-wrap: wrap;-webkit-box-flex: wrap;-webkit-flex-wrap: wrap;-moz-box-flex: wrap;-ms-flex-wrap: wrap;}
.alignCenter{-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;-moz-box-align: center;align-items: center;box-align: center;}
.alignBottom{-webkit-box-align: end;-ms-flex-align: end;-moz-box-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.alignTop{-webkit-box-align: start;-ms-flex-align: start;-moz-box-align: start;-webkit-align-items: flex-start;align-items: flex-start;}

/* ellipsis */
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}

/* transtion */
.change-language .change-language-title a:after,.head_nav b:after,.head_nav li a,.mobile-head-item .middle-show-content-wrap,.nav_wrap .head_nav li li>a:before,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.web_head, .search_close_btn {
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.link_th a::before, .change-language .change-language-title, .nav_wrap .head_nav>li>a:after, .foot_icon li, .foot_icon li a img, .head_search_btn div, .head-search .search-btn,.head_nav>li>a:before,.icon-cate, .language-flag span::after{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.language-flag span::after, .nav_wrap .head_nav>li>a>b:after, .foot_right_form input.sub::before, .company_item .video_icon::before, .mobile-head-nav .title:before, .mobile-head-language .title::before, .head_nav>li:after, .head_nav>li>b::before{
	font-family: fontawesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
}

a, a::before, a::after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
    transition: all .4s ease-in-out
}

/* a:hover */
a:hover{color: var(--commonColor);}

/* web_head */
.web_head {width: 100%; z-index: 9000; position: absolute; left: 0; top: 0;}
.web_head .head_layer{}

.web_head .logo{margin-right: 20px;}
.web_head .logo img{max-height: 52px;}

.web_head .head_top{margin: 30px 0 20px;}
.web_head .head_top .top_contact a{display: inline-block; padding-left: 42px; position: relative; line-height: 36px;}
.web_head .head_top .top_contact a.phone{padding-left: 40px; margin-left: 24px;}
.web_head .head_top .top_contact a::before{position: absolute; left: 0; top: 0; width: 36px; height: 36px; content: ''; background-position: left center; background-repeat: no-repeat; background-size: 36px auto; }
.web_head .head_top .top_contact a.email::before{background-image: url(../img/top_email.png);}
.web_head .head_top .top_contact a.phone::before{background-image: url(../img/top_tel.png);}
.web_head .head_top .top_contact a:hover::before{animation: swing 0.5s;}

.web_head .head_top .top_share a{display: inline-block; width: 32px; height: 32px;}
.web_head .head_top .top_share a:nth-child(n+2){margin-left: 14px;}
.web_head .head_top .top_share a img{display: block; width: 100%; height: 100%;}
.web_head .head_top .top_share a:hover img{animation: swing 0.5s;}

.head_layer .head_inner{background: #fff; border-radius: 12px; padding: 20px 2.6%;}
.head_layer .nav_wrap {position: relative;}
.nav_wrap .head_nav {
    display: -webkit-box; display: -webkit-flex; display: flex;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -webkit-flex-direction: row; flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify;
	justify-content: space-between;
    position: relative; z-index: 2; padding: 0; max-width: 1000px; margin: 0 auto;
	/* background: #fff; border-radius: 40px; max-width: 900px; */
}
.nav_wrap .head_nav:after {display: none;}
.nav_wrap .head_nav>li{
    display: inline-block; line-height: 50px; font-size: 20px; margin-left: 32px;
	perspective: 1500px; vertical-align: middle; position: relative;
}
.nav_wrap .head_nav>li:first-child{margin-left: 0;}
.nav_wrap .head_nav>li>a {
    position: relative; display: block; padding: 0 0 0;
    -webkit-transform: scale(1); -ms-transform: scale(1);
    -o-transform: scale(1); transform: scale(1);
    text-transform: capitalize; font-weight: bold;
}
.nav_wrap .head_nav>li:hover>a,
.nav_wrap .head_nav>li.nav-current>a{color: var(--commonColor);}
/* .nav_wrap .head_nav>li>a:after{
	position: absolute; left: 50%; width: 0; bottom: -3px; height: 3px; 
	background: var(--commonColor); content: ''; border-radius: 3px;
} */
.nav_wrap .head_nav>li>a>b {
    display: inline-block; margin-left: 5px; vertical-align: middle;
}
.nav_wrap .head_nav>li>a>b:after {
    /* content: "\f0d7"; */
    display: block; font-size: 18px;
    border-top: 6px solid #333; border-bottom: 0; content: '';
    border-left: 6px solid transparent; border-right: 6px solid transparent;
    vertical-align: middle; border-radius: 4px;
}
.nav_wrap .head_nav>li:hover{z-index: 2;}
.nav_wrap .head_nav>li.nav-current>a:after,
.nav_wrap .head_nav>li:hover>a:after{width: 46px; margin-left: -23px;}
.nav_wrap .head_nav>li.nav-current>a>b:after,
.nav_wrap .head_nav>li:hover>a>b:after {
    border-top-color: var(--commonColor);
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg); transform: rotate(180deg)
}

.nav_wrap .head_nav li ul {
    width: 260px; padding: 10px 0; background-color: #fff;
    /* border: 1px solid rgba(0,0,0,.2); */
    position: absolute; left: 0; top: 100%; z-index: 999;
    -webkit-transform: translateY(8%); -ms-transform: translateY(8%);
    -o-transform: translateY(8%); transform: translateY(8%);
    opacity: 0; visibility: hidden; box-sizing: border-box;
    -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0; -o-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 4px 4px 0 rgba(0,0,0,.04); border-radius: 0 0 6px 6px;
    background: var(--commonColor);
}
.nav_wrap .head_nav>li ul ul {left: 102%; top: -10px;}
.nav_wrap .head_nav li:hover>ul {
    -webkit-transform: none; -ms-transform: none;
    -o-transform: none; transform: none;
    opacity: 1; visibility: visible;
}
.nav_wrap .head_nav li.menu_left ul {left: auto; right: 0;}
.nav_wrap .head_nav li.menu_left ul ul {right: 102%;}
.nav_wrap .head_nav>li li {
    position: relative; text-align: left; padding: 0;
	white-space: normal; text-transform: capitalize;
}
.nav_wrap .head_nav>li li a {
    display: block; line-height: 1.4em; padding: 10px 24px 10px 18px;
    font-size: 16px; position: relative; color: #333; overflow: hidden;
    color: #fff;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
}
.nav_wrap .head_nav>li li:hover>a:before,.nav_wrap .head_nav>li li a:before {
    content: ""; display: block; width: 4px; height: 30%; 
	position: absolute; color: #fff; left: 0; top: 40%; opacity: 0;
}
.nav_wrap .head_nav>li li:hover>a:before,.nav_wrap .head_nav>li li a:hover:before {
    top: 50%; margin-top: -11px; height: 22px; opacity: 1;
    background-color: #fff; color: #fff;
}
.nav_wrap .head_nav>li li>a b:after {
    content: ""; display: inline-block; width: 0; height: 0; overflow: hidden;
    border-left: 6px solid #fff; border-right: 0;
    border-top: 5px solid transparent; border-bottom: 5px solid transparent;
    position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
}
.nav_wrap .head_nav>li li:last-child>a {border-bottom: 0;}
.nav_wrap .head_nav>li li:hover>a {text-decoration: underline;}
.nav_wrap .head_nav>li li:hover>a b:after {border-left-color: #fff;}

.fixed-nav .head_layer {
    width: 100%; position: fixed; left: 0; top: 0; z-index: 9;
    -webkit-transition: none; -o-transition: none;
    transition: none; -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%); -o-transform: translateY(-100%);
    transform: translateY(-100%); opacity: 1;
    /* background-color: hsla(0,0%,100%,.95); */
	background: rgba(255, 255, 255, 0.96); box-shadow: 1px 0 1px rgba(0,0,0,.3);
}
.fixed-nav .head_layer .head_inner{background: none; border: none; padding: 12px 0;}
.fixed-nav.web_head .logo img {max-height: 48px; margin-right: 0;}
.fixed-nav .nav_wrap .head_nav>li {line-height: 48px;}
/* .fixed-nav .change-language .change-language-title{height: 36px;} */
/* .fixed-nav .nav_wrap .head_nav>li>a:after{bottom: 0;} */
.fixed-nav .nav_wrap .head_nav li ul{top: 100%;}
.fixed-nav .change-language .change-language-cont {
    top: 100%; background-color: hsla(0,0%,100%,.95)
}
.fixed-nav-active .head_layer {
    -webkit-transform: none; -ms-transform: none;
    -o-transform: none; transform: none; opacity: 1;
    -webkit-transition: all .6s ease; -o-transition: all .6s ease;
    transition: all .6s ease; z-index: 100;
}
.fixed-nav-active .nav_wrap:before {opacity: 1; height: 100%;}
.fixed-nav-active .head_layer .sheader {
    display: none;
}

@media only screen and (max-width: 1450px) {
	.web_head .head_top{margin: 20px 0 15px;}
	.head_layer .head_inner{padding: 20px 20px;}
    .web_head .logo img{max-height: 50px;}
    .nav_wrap .head_nav>li{margin-left: 24px;}
}
@media only screen and (max-width: 1300px) {
	.web_head .head_top .layout,
	.web_head .head_layer .layout{width: 100%; padding: 0 30px; box-sizing: border-box;}
	.web_head .logo img{max-height: 42px;}
	.web_head .logo{margin-right: 15px;}
	.nav_wrap .head_nav>li{font-size: 19px; margin-left: 18px; line-height: 42px;}
}
@media only screen and (max-width: 1150px) {
    .web_head .head_layer{zoom: 0.9;}
	/* .nav_wrap .head_nav>li{font-size: 16px;} */
}

/* head_search */
.head_search{position: relative; margin-left: 20px; margin-right: 16px;}

.head_search_btn{width: 38px; height: 38px; overflow: hidden; border-radius: 6px;}
.head_search_btn div{display: block; width: 100%; height: 100%; background-size: 24px auto; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.head_search_btn .search_btn{background-image: url(../img/search.png);}

.head_search_btn:hover .search_btn{background-color: var(--commonColor); background-image: url(../img/search_w.png);}

.web_search{position: fixed; left: 0; right: 0; top: 0; height: auto; box-shadow: 0 0 6px 3px rgba(0, 0, 0, .2); background: rgba(255, 255, 255, 0.98); z-index: 9999; visibility: hidden; opacity: 0; pointer-events: none; height: 0;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.search_open{visibility: visible; opacity: 1; pointer-events: auto; height: 230px;}

.search_close_btn{width: 36px; height: 36px; position: relative; background: url(../img/icon_close_w.png) no-repeat center/ 20px; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; margin-left: 5%; cursor: pointer; margin-bottom: 20px;}
.search_close_btn:hover{background-color: var(--commonColor); transform: rotate(90deg);}
.search_form{flex: 1; overflow: hidden; margin: 70px 0;}
.search_tip{text-align: right; color: #666; padding: 5px 0 0; clear: both; margin-right: 150px;}
.search-ipt {
    border: 0; background: 0 0; border-radius: 0; -webkit-appearance: none; border-bottom: 1px solid #999;
	-moz-transform: scale3d(0, 1, 1);
	-webkit-transform: scale3d(0, 1, 1);
	-ms-transform: scale3d(0, 1, 1);
	-o-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-moz-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-moz-transition: transform .3s;
	-webkit-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	opacity: 0;
    transition-delay: 0.3s;
}
.search_open .search-ipt{
	opacity: 1;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.search_form .search-ipt{line-height: 60px; padding: 0 20px 0 0; width: calc(100% - 150px); float: left; font-size: 20px;}
.search_form .search_submit{background: url(../img/icon_search_w.png) no-repeat 20% center/ auto 24px; background-color: var(--commonColor); float: right; width: 150px; height: 50px; margin: 0; border: none; padding: 0; color: #fff; border-radius: 25px; padding: 0 0 0 20px; font-size: 16px; margin-top: 5px;}
.search_form .search_submit:hover{opacity: 0.9;}

@media only screen and (max-width: 1280px) {
    .head_search{margin: 0 10px 0 10px;}
}
@media only screen and (max-width: 1023px) {
    .web_head .head_top, .web_head .change-language, .web_head .nav_wrap .head_nav {
	    display: none;
	}
    .web_head .head_layer{padding: 0; zoom: 1;}
	.web_head .nav_wrap{position: static;}
	.web_head .head-search {display: none;}
	.head-search .search-attr,.web_head .head_right {display: none;}
	
	.head_layer .layout {display: none; text-align: center;}
	.index_web_head {position: static; text-align: center;}
	.index_web_head .head_layer {position: static;	}
	.head_nav {width: 100%;}
	.head_nav li {
	    position: relative; display: block; width: 100%; font-size: 18px;
	}
	.head_nav>li {border-bottom: 1px solid #eee; line-height: 38px; text-transform: capitalize;}
	.head_nav>li>b{position: absolute; right: 0; width: 30px; height: 30px; top: 4px; background: #fff; z-index: 1;}
	.head_nav>li>b::before{content: '\f107'; display: block; line-height: 30px; text-align: center; font-size: 16px; color: #666; transition: all 0.3s ease;}
	.head_nav>li>b.up_icon::before{transform: rotate(180deg);}
	
	.mobile_gn .head_nav>li a{display: block;}
	
	.head_nav>li:after {
	    /* content: "\f105"; */
	    position: absolute; right: 0; top: 0; color: #999; font-size: 12px;
	}
	
	.head_nav li ul {
	    display: block; width: 100%; margin-bottom: 6px;
	}
    .head_nav>li>ul{display: none;}
	
	.head_nav li ul li {
	    width: auto; padding: 5px 10px; font-size: 16px;
	    text-transform: capitalize; line-height: 26px
	}
	
	.head_nav li ul li:before {
	    content: ""; width: 3px; height: 3px; background: #999;
	    border-radius: 50%; position: absolute; left: 0; top: 15px;
	}
	
	.head_nav li ul li li {
	    line-height: 28px; font-size: 16px;
	}
	
	.head_nav li ul li li:before,.web_head .nav_wrap {
	    display: none
	}
}

.change-language .change-language-title{
	height: 38px; display: flex; align-items: center; padding: 0 14px; white-space: nowrap; border: 1px solid var(--commonColor);
    background: var(--commonColor); border-radius: 6px; overflow: hidden; text-transform: capitalize;
}
.change-language .change-language-title .language-flag span {
    position: relative; display: inline-block; vertical-align: middle;
    white-space: nowrap; overflow: hidden; line-height: 24px; color: #fff;
	/* padding-left: 30px;
	background: url(../img/icon1.png) no-repeat left center/ auto 24px; */
}
.change-language .change-language-title .language-flag span::after{
	content: '\f107'; font-size: 22px; transform: rotate(0deg); margin-left: 5px; 
	display: inline-block; content: ''; vertical-align: middle;
    border-top: 5px solid #fff; border-bottom: 0; content: '';
    border-left: 4px solid transparent; border-right: 4px solid transparent;
}
.change-language:hover .change-language-title .language-flag span{color: var(--commonColor);}
.change-language:hover .change-language-title .language-flag span::after{transform: rotate(180deg); border-top-color: var(--commonColor);}
.change-language .change-language-title .language-flag b{vertical-align: middle;}
/* .change-language:hover .change-language-title .language-flag b{
	background-image: url(../img/icon_lan.png);
} */
.change-language:hover .change-language-title{
	background: #fff;
}

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

.mobile-head-items {display: none;}
.mobile-head-items .trp-language-wrap a {display: block; margin-right: 15px;}

/* .change-language .change-language-title a:after {
    content: ""; display: inline-block; width: 0; height: 0;
    border-top: 5px solid #333; border-bottom: 0;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    vertical-align: middle;
}
.change-language:hover .change-language-title a:after {
    -moz-transform: rotate(-1turn);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
} */

.change-language .change-language-cont {
    position: absolute; top: 100%; right: 0; width: 500px!important; background: #fff;
    padding: 20px 15px 20px 20px; transform: scale3d(.9,.9,1); opacity: 0;
    visibility: hidden; z-index: 999; -moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; 
	-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    border: 1px solid #eee; border-radius: 5px; overflow-y: scroll; max-height: 80vh;
}
.change-language .change-language-cont li {
    display: inline-block; vertical-align: top; width: 48%; margin: 0 4% 0 0; text-transform: capitalize;
    overflow: hidden; padding: 0 10px 0 0; border-bottom: 1px solid #ececec; float: left;
}
.change-language .change-language-cont li:nth-child(2n){margin-right: 0;}
.change-language .change-language-cont li a{display: block; padding: 9px 0; text-transform: capitalize;}
.change-language:hover .change-language-cont {
    transform: scaleX(1); opacity: 1; visibility: visible;
}
.change-language .prisna-wp-translate-seo,.mobile-head-language .prisna-wp-translate-seo {display: block;}
.change-language .change-language-cont li a:hover {color: var(--commonColor);}
.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;
}
.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;
}

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

	/* mobile-header */
    .mobile-body-mask {
        width: 100%; height: 100vh; background: rgba(0,0,0,.6);
        position: fixed; left: 0; top: 0; z-index: 90;
    }
    .mobile-ico-close {
        width: 30px; height: 30px; position: absolute; right: -35px; top: 0; 
        background: #fff url(../img/mobile_close.png) 50% no-repeat;
        background-size: 50% auto; cursor: pointer; font-family: fontawesome;
    }
    .mobile-head-items {
        position: fixed; top: 0; left: 0; width: 100%; height: 60px;
		z-index: 1000; display: block; /* background: #F6EFE4;  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1); */
    }
    .fixed-nav-appear .mobile-head-items{background: var(--bgColor); box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);}
    .mobile-head-inner{
         /* backdrop-filter: blur(4px); */ height: 100%; padding: 0 15px; position: relative;
    }
    /* .mobile-head-inner::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border-radius: 50px;} */

    .mobile-head-logo{position: relative;}
	.phoneLogo img{height: 40px;}
	.mobile_gn{
		display: flex; align-items: center;
	}
    .mobile-head-item {
        float: left; width: 32px;
    }
	.mobile-head-search{
		order: 2; margin-left: 15px;
	}
	.mobile-head-language{
		order: 1; width: auto;
	}
	.mobile-head-nav{
		order: 3; margin-left: 10px;
	}
    .mobile-head-item.mobile-head-aside {
        float: right
    }
    .mobile-head-item .title {
        width: 100%; height: 32px; line-height: 32px; overflow: hidden;
        text-align: center; cursor: pointer; position: relative;
        -webkit-tap-highlight-color: transparent; font-size: 14px;
    }
	.mobile-head-item.mobile-head-language .title{
		font-size: 18px; width: 100%; text-align: left;
	}
    .mobile-head-item .title a {
        position: relative; display: block;
    }
	.mobile-head-item .title:before{
		width: 100%; height: 100%; content: ''; display: inline-block;
	}
    .mobile-head-item.mobile-head-home .title a:before {
        content: "\f015";
    }
    .mobile-head-item.mobile-head-nav .title:before {
		/* content: '\f0c9'; */
		background: url(../img/icon_menu.png) no-repeat center/ 32px auto;
    }
    .mobile-head-item.mobile-head-language .title:before {
        position: absolute; right: 1px; top: 0; width: auto; height: auto;
		/* background: url(../img/icon_lan.png) no-repeat center/ 24px auto; */
        /* width: 0; height: 0; */
    }
    .mobile-head-item.mobile-head-language .title .language--img{margin-right: 0;}
    .mobile-head-item.mobile-head-language .title span{position: relative; color: var(--commonColor); text-transform: uppercase; font-size: 18px;}
	.mobile-head-item.mobile-head-language .title span::after{
		content: '\f0d7';
		font-size: 18px;
		margin-left: 4px;
		display: inline-block;
        font-family: fontawesome;
	}
    .mobile-head-item.mobile-head-search .title:before {
        /* content: "\f002"; */
		background: url(../img/icon_search.png) no-repeat center/ 30px auto;
    }
    .mobile-head-item.mobile-head-social .title:before {
        content: "\f007";
    }
    .mobile-head-item.mobile-head-aside .title:before {
        content: "\f060";
    }
    .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: auto; height: 100%; padding: 15px 10px 15px; background-color: #fff;
    }
    .mobile-head-search .main-content-wrap .content-wrap {
		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%; text-align: left;
    }
    .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;
    }
	
	/* language */
	.mobile-head-items .trp-language-wrap{padding-bottom: 42px;}
	.mobile-head-items .trp-language-wrap a{margin-right: 0; border-bottom: 1px solid #f2f2f2;}
	.mobile-head-items .change-language-cont li{border-bottom: 1px solid #ececec;}
	.mobile-head-items .change-language-cont li a{display: block; line-height: 26px; padding: 6px 0; text-transform: capitalize;}
	
	/* .search_form */
	.mobile-head-search .middle-content-wrap{padding: 10px 15px; top: 50px; left: 0; width: 100%;}
	.middle-content-wrap .search_form{display: block; left: 20px; top: 20px; right: 20px; width: auto; position: static; margin: 0;}
	.mobile-head-search .main-content-wrap .content-wrap{padding: 15px 0;}
	.search_form .search-ipt{width: calc(100% - 111px); opacity: 1;
		-webkit-appearance: none;
		-moz-transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-moz-transform-origin: 0% 50%;
		-webkit-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		-moz-transition: transform .3s;
		-webkit-transition: transform .3s;
		-ms-transition: transform .3s;
		-o-transition: transform .3s;
		transition: transform .3s;
		font-size: 20px;
		line-height: 42px;
	}
	.search_form .search_submit{width: 110px; height: 42px; background-position: 16% center; margin-top: 0;}
	.mobile-head-search .mobile-ico-close{top: -35px; right: 0;}
	.search_tip{display: none;}

}

/* web_footer */
.web_footer {position: relative;}
.web_footer .img_icon{position: absolute; display: block; height: auto; z-index: 0;}
.web_footer .left_icon{width: 8.3%; left: 2%; top: 24%;}
.web_footer .right_icon{width: 6.8%; right: 20%; top: 14%;}
.web_footer .bottom_icon{width: 15.6%; right: 0; bottom: 60px;}
.foot_top_bg{padding-top: 7.5%; background: url(../img/bg1.png) no-repeat center top; background-size: 100% auto;}
.web_footer, .web_footer a{color: #666;}
.web_footer .foot_logo{display: block; margin-bottom: 20px;}
.web_footer .foot_logo img {max-height: 68px;}

.foot_inner{padding: 0 0 0; background-color: var(--bgColor); background-repeat: no-repeat; background-position: right bottom; background-image: url(../img/bg4.png); background-size: 16% auto;}
.foot_inner .foot_left{width: 32%; max-width: 480px;}
.foot_inner .foot_right_info{width: 25%; max-width: 350px;}
.foot_inner .foot_link_pro{max-width: 24%}
.foot_inner .foot_link_quick{max-width: 17%}

.foot_left .brief{line-height: 30px; font-size: 20px;}
.foot_inner .foot_left .link_th{display: none;}

.foot_icon{margin-top: 10px;}
.foot_icon li{margin-right: 14px; margin-top: 20px;}
.foot_icon li:last-child{margin-right: 0;}
.foot_icon li a{display: block; width: 36px; height: 36px; position: relative; overflow: hidden;}
.foot_icon li a img{width: auto; height: 100%; display: block; margin: 0 auto;}
/* .foot_icon li a:hover{background: var(--commonColor);} */

.foot_icon li a:hover .def_img{animation: swing 0.5s;}

.foot_inner .link_th{font-size: 20px; font-weight: bold; font-family: 'Open Sans-Regular'; text-transform: uppercase; color: #333;}
.foot_inner .link_th .txt{display: inline-block; position: relative; padding-bottom: 6px;}
.foot_inner .link_th a.txt:hover{text-decoration: underline; color: var(--commonColor);}
.foot_inner .link_th a.txt:hover{text-decoration: none;}
.foot_inner .foot_right_info .link_th .txt::before{position: absolute; left: 0; width: 42px; height: 4px; bottom: 0; background: #333; content: ''; border-radius: 6px;}

.foot_inner .link_th_mobile{display: none;}

.foot_inner .link_list{margin-top: 24px;}
.foot_link .link_list li{line-height: 26px; padding: 0 0 10px;}
.foot_link .link_list li a{font-size: 16px; position: relative; display: inline-block;}

.foot_info_list{margin-top: 20px;}
.foot_info_list li{margin-top: 16px; line-height: 26px; background-position: left center; background-size: auto 24px; background-repeat: no-repeat; position: relative; padding-left: 60px; text-transform: none; display: flex; align-items: center; min-height: 48px;}
.foot_info_list li::before{position: absolute; left: 0; top: 50%; margin-top: -24px; width: 48px; height: 48px; content: ''; background-repeat: no-repeat; background-position: center; background-size: 26px auto; background-color: var(--commonColor); border-radius: 50%;}
.foot_info_list li.address::before{background-image: url(../img/icon_add.png);}
.foot_info_list li.tel::before{background-image: url(../img/icon_tel.png);}
.foot_info_list li.mail::before{background-image: url(../img/icon_email.png);}
.foot_info_list li a{word-wrap: break-word;}
.foot_info_list li.address{opacity: 0.9;}

.foot_info_list li:hover::before{animation: swing 0.5s;}
.foot_info_list li a:hover, .foot_link .link_list li a:hover{color: var(--commonColor); text-decoration: underline;}

.foot_form{margin-top: 30px; background: #fff; border-radius: 24px;}
.foot_form input{height: 40px; border: none; background: #fff; font-size: 16px;}
.foot_form .txt{border-radius: 3px 0 0 3px; padding: 0 15px 0 15px; width: calc(100% - 110px);}
.foot_form .sub{border-radius: 0 3px 3px 0; background: var(--commonColor); color: #fff; line-height: 38px; margin: 0; width: 100px; font-family: 'Open Sans-Regular'; font-weight: bold; margin-left: -20px; text-transform: uppercase;}

.web_footer .foot_bottom{padding: 6.5% 0 30px; line-height: 1.5; background: url(../img/bg3.png) no-repeat center top; background-size: 100% auto; position: relative; z-index: 1; margin-top: 20px;}
.foot_bottom{text-align: center; color: #fff;}
.foot_bottom a{color: #fff;}
.foot_bottom a:hover{text-decoration: underline; color: var(--commonColor);}

.foot_icon_mobile{display: none;}

@media only screen and (max-width: 1650px) {
    .web_footer .left_icon{width: 86px; left: 6px; top: 20%;}
    .web_footer .right_icon{width: 6.8%; right: 16%; top: 14%;}
    .web_footer .bottom_icon{width: 15.6%; right: 0; bottom: 60px;}
    .foot_left .brief{font-size: 18px;}
}
@media only screen and (max-width: 1350px) {
    .web_footer .foot_logo img{max-height: 56px;}
    .foot_left .brief{font-size: 16px;}
    .foot_info_list li{padding-left: 54px;}
    .foot_info_list li::before{width: 42px; height: 42px; background-size: 23px auto;}
    .web_footer .foot_bottom{padding: 7% 0 20px;}
    .foot_form .sub{width: 90px;}
}

@media only screen and (max-width: 1100px) {
    .web_footer .left_icon{display: none;}
    .web_footer .right_icon{width: 8%; right: 12%; top: 12%;}
}
@media only screen and (max-width: 1023px) {
    .web_footer .left_icon{width: 68px; left: unset; right: 40px; top: 26px; display: block;}
    .web_footer .right_icon{width: 120px; right: 10px; top: 37%;}
    .web_footer .bottom_icon{width: 35%; right: 0; bottom: 60px;}
    .foot_inner{padding-top: 26px;}
}
@media only screen and (max-width: 980px) {
    .web_footer .foot_logo {float: none; margin: 0 auto 12px; text-align: left;}
	.web_footer .foot_logo img{height: 48px;}
	
	/* .foot_inner */
    .web_footer,.web_footer a{opacity: 1;}
    .foot_top_bg{background-size: 140% auto;}
    .foot_inner{padding-top: 26px;}
	.foot_inner .layout{flex-direction: column; padding-bottom: 0; padding-top: 0; border: none;}

	.foot_inner .foot_left{width: 100%; max-width: unset; order: 1;}
	.foot_left .brief{display: block;}

	.foot_inner .foot_link_pro, .foot_inner .foot_link_quick{width: 100%; max-width: unset; order: 4;}
	.foot_inner .foot_link_pro{order: 3; margin-top: 14px;}

    .foot_inner .foot_left .link_th{display: block; margin-top: 10px; line-height: 26px;}
    .foot_inner .link_th .txt{display: block; font-size: 20px; padding: 8px 0; border-bottom: 2px solid #333;}
    .foot_inner .link_th .txt::before{width: 100%; height: 0;}
	.foot_inner .foot_link li a{display: block;}
    .foot_inner .link_th_mobile{display: block;}
    .foot_inner .link_th_pc{display: none;}

    .foot_link_quick .link_th{display: none;}
    .foot_inner .foot_link_pro{margin-bottom: 0; margin-top: 20px;}
    
    .foot_link_pro .link_th{position: relative; font-size: 20px; line-height: 26px;}
	.foot_link_pro .link_th .txt{display: block; padding: 8px 0; padding-right: 0; font-weight: bold; color: #333;}
	.foot_link_pro .link_th b{position: absolute; width: 30px; height: 30px; right: 10px; top: 8px; color: #333; display: none;}
	.foot_link_pro .link_th b::before{content: '\f0d7'; display: block; line-height: 30px; text-align: center; font-size: 18px; font-family: fontawesome; transition: all 0.5s ease;}
	.foot_link_pro .link_th b.up_icon::before{transform: rotate(180deg);}
	.foot_inner .foot_link_pro .link_list{margin: 15px 0 0;}
	
	.foot_inner .foot_link_quick .link_list{margin-top: 0;}
	.foot_link_quick .link_list li{padding: 0; margin: 5px 0;}
	.foot_link_quick .link_list li:last-child{margin-bottom: 0;}
	.foot_link_quick .link_list li a{font-size: 20px; text-transform: uppercase; padding: 8px 0; font-weight: bold; border-bottom: 2px solid #333; color: #333;}
	.foot_link_quick .link_list li a::before{width: 0;}
    .foot_link_quick li.products,
    .foot_link_quick li.Products,
    .foot_link_quick li.Croducts,
    .foot_link_quick li.contact{display: none;}

	
    .foot_inner .foot_right_info{width: 100%; max-width: unset; order: 2;}
    .foot_right_info .link_th{border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-weight: bold; display: none;}
    .foot_form{display: none;}
    .foot_right_info .link_th .txt::before{height: 1px; background: #E5E5E5;}
	.foot_info_list{margin-top: 20px;}
	.foot_info_list li a:hover, .foot_link .link_list li a:hover, .foot_bottom a:hover{text-decoration: none; color: #fff;}
	
    .foot_left .foot_icon{display: none;}
    .foot_inner .foot_icon_mobile{display: block; order: 5; margin-top: 20px;}
    .foot_icon_mobile .link_th{text-transform: capitalize; font-size: 22px; margin-bottom: 0; font-family: 'Montserrat-Light';}
    .foot_icon{margin-top: 0; justify-content: flex-start;}
    .foot_icon li{margin-right: 12px;}
    .foot_icon li a{width: 36px; height: 36px;}

    
	.web_footer .foot_bottom{padding: 20px 0 20px; margin: 0; line-height: 28px; background: none; text-align: left; color: #666;}
    .web_footer .foot_bottom a{color: #666;}
    .foot_bottom span.sp{display: block;}
}


#index_scrollsidebar {
    top: 45%;
    right: 2px;
    transition: all ease-in-out 1s;
    /* visibility: hidden; */
    opacity: 1;
    position: fixed;
    /* transform: translateY(-50%);*/
    z-index: 99999
}

#index_scrollsidebar ul li {
    width: 56px;
    height: 56px;
    background-color: var(--commonColor);
    border-radius: 10px;
    margin-bottom: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
}

#index_scrollsidebar ul li .show0 {
    position: absolute;
    background-color: var(--commonColor);
    padding: 6px;
    border-radius: 8px;
    right: 80px;
    top: 50%;
    transition: all ease-in-out .5s;
    transform: translateY(-50%);
    display: none;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
}

#index_scrollsidebar ul li .show0,
#index_scrollsidebar ul li .show0 a {
    font-size: 16px;
    color: #fff;
    text-wrap: nowrap
}

#index_scrollsidebar ul li:hover .show0 {
    display: block
}

#index_scrollsidebar ul li>a {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
    align-items: center;
    justify-content: center;
}

#index_scrollsidebar ul li img {
    border: none;
    vertical-align: middle;
    max-width: 50%;
}

#index_scrollsidebar .gototop {
    background-color: var(--otherColor);
}

#index_scrollsidebar .gototop .s_smooth {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    text-align: center;
    line-height: 62px;
    align-items: center;
    justify-content: center;
}

#index_scrollsidebar .gototop .s_smooth img {
    width: 23px;
    width: auto;
}

.hvr-radial-out {
	display: inline-block; vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative; overflow: hidden; background: var(--commonColor); 
    -webkit-transition-property: color; transition-property: color; 
    -webkit-transition-duration: .3s; transition-duration: .3s;
}
.hvr-radial-out:before {
	content: ""; position: absolute; border-radius: 100%; z-index: -1;
	top: 0; left: 0; right: 0; bottom: 0; background: var(--commonColor);
	-webkit-transform: scale(0); transform: scale(0);
	-webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: .3s; transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {color: #fff;}
.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {-webkit-transform: scale(2);transform: scale(2)}
@media only screen and (max-width: 1024px) {
	#index_scrollsidebar {display: none;}
}
.fix_slide_foot {
	display: none;background: var(--commonColor);position: fixed;
	width: 100%;bottom: 0;flex-wrap: nowrap;flex-direction: row;
	justify-content: space-evenly;align-items: stretch;height: 95px; padding-top: 42px; z-index: 111;
    background: url(../img/bg3.png) no-repeat center top; background-size: 165% auto;
}
.fix_slide_foot li {
	/* border-right: 1px solid white; */ align-content: center;
	display: flex;width: 100%;align-items: center;justify-content: center;
}
/* .fix_slide_foot li:nth-child(odd){background: rgba(255, 255, 255, 0.15);} */
.fix_slide_foot li:last-of-type() {border-right: none;}
.fix_slide_foot li a[title=email] img {height: 31px;}
.fix_slide_foot li a {
	display: flex;width: 100%;align-items: center;justify-content: center;
	align-content: center;
}
.fix_slide_foot li:nth-child(even) img{filter: brightness(0.7) contrast(150%) invert(100%);}
.fix_slide_foot li img {height: 32px;width: auto;}
.show0 img {width: 120px;margin: 0 auto 10px;display: block;max-width: unset !important;}
.show0 img:last-child {margin-bottom: 0;}
@media only screen and (max-width: 1023px) {
	#index_scrollsidebar{display: none;}
	.fix_slide_foot {display: flex;}
    .web_footer .foot_bottom {overflow: hidden; padding-bottom: 96px;}
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .swiper-container .swiper-wrapper {
        width: auto
    }
}

/* sitemap */
.sitemap-logo-boxs>.sep-container>h2>a:hover{color: white;text-decoration: underline;}
#cont ul li{text-transform: capitalize;}
#cont > ul > li > a{text-transform: capitalize;}
#cont h2{background: var(--commonColor) !important;}
#cont > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a:before{border-top-color: var(--commonColor) !important;border-right-color: var(--commonColor) !important;}
#cont > ul > li > ul > li > ul > li > a:hover{text-decoration:underline}
#footer{background: var(--commonColor) !important;}

#cont > ul > li > ul > li.has-childs > ul > li > ul > li > a{color: var(--commonColor) !important;}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > a:after{background: var(--commonColor) !important;}
#cont > ul > li > ul > li.has-childs > ul > li.has-childs > ul > li > a:before{border-top-color: var(--commonColor) !important; border-right-color: var(--commonColor) !important;}
#cont > ul > li > ul{font-family: 'Arial';}
#cont > ul > li > ul > li > ul > li > ul{display: block !important;}

/* common_form */
.content-wrap.form .ch_form_wrap .item_submit{padding: 0 !important;}
.content-wrap.form .ch_form_wrap .item_submit input{background: var(--commonColor) !important; height: 38px !important; font-size: 16px; border-radius: 5px;}
.content-wrap.form .ch_form_wrap ul input, .content-wrap.form .ch_form_wrap ul textarea, .content-wrap.form .ch_form_wrap ul select{border-left-color: var(--commonColor) !important;}

.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s;}
@-webkit-keyframes fadeInDownA {0% {opacity: 0; -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDownA {0% {opacity: 0; -webkit-transform: translate3d(0,-20%,0); -ms-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInDownA {-webkit-animation-name: fadeInDownA; animation-name: fadeInDownA;}
@keyframes fadeInA {0% {opacity: 0;} to {opacity: 1;}}
.fadeInA {-webkit-animation-name: fadeInA; animation-name: fadeInA;}
@-webkit-keyframes fadeInLeftA {0% {opacity: 0; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInLeftA {0% {opacity: 0; -webkit-transform: translate3d(-50px,0,0); -ms-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInLeftA {-webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA;}
@-webkit-keyframes fadeInUpA {0% {opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInUpA {0% {opacity: 0; -webkit-transform: translate3d(0,50px,0); -ms-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInUpA {-webkit-animation-name: fadeInUpA; animation-name: fadeInUpA;}
@-webkit-keyframes fadeInRightA {0% {opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);} to {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInRightA {0% {opacity: 0; -webkit-transform: translate3d(50px,0,0); -ms-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);} to {opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none;}}
.fadeInRightA {-webkit-animation-name: fadeInRightA; animation-name: fadeInRightA;}
@-webkit-keyframes twinkling {0% {opacity: 0;} to {opacity: 1;}}
@-webkit-keyframes OrangePulse {0% {background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px #d2ae6d;} 50% {background-color: #d2ae6d; -webkit-box-shadow: 0 0 10px #d2ae6d;} to {background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px #d2ae6d;}}
@-webkit-keyframes swing {20% {-webkit-transform: rotate(40deg); transform: rotate(40deg);} 40% {-webkit-transform: rotate(-20deg); transform: rotate(-20deg);} 60% {-webkit-transform: rotate(10deg); transform: rotate(10deg);} 80% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);} to {-webkit-transform: rotate(0); transform: rotate(0);}}
@keyframes swing {20% {-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);} 40% {-webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg);} 60% {-webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg);} 80% {-webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);} to {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}}
.swing {-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}
@-webkit-keyframes jump {0% {-webkit-transform: translateY(0);} 25% {-webkit-transform: translateY(-20%);} 50% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(-10%);} to {-webkit-transform: translateY(0);}}
@keyframes jump {0% {transform: translateY(0);} 25% {transform: translateY(-20%);} 50% {transform: translateY(0);} 75% {transform: translateY(-10%);} to {transform: translateY(0);}}
@-webkit-keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);} 20% {-webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40% {-webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9);} 60% {opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80% {-webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97);} to {opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1);}}
@keyframes bounceInA {0%,20%,40%,60%,80%,to {-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: scale3d(.3,.3,.3); -ms-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);} 20% {-webkit-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1);} 40% {-webkit-transform: scale3d(.9,.9,.9); -ms-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9);} 60% {opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); -ms-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03);} 80% {-webkit-transform: scale3d(.97,.97,.97); -ms-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97);} to {opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}}
.bounceInA {-webkit-animation-name: bounceInA; animation-name: bounceInA; -webkit-animation-duration: .75s; animation-duration: .75s;}
@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 0%,40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 40% {-webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg);} 60% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);} to {-webkit-transform: perspective(400px); transform: perspective(400px);}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0;} 0%,40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} 40% {-webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg);} 60% {-webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1;} 80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg);} to {-webkit-transform: perspective(400px); transform: perspective(400px);}}
.flipInY {-webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY;}
@-webkit-keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60% {opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75% {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90% {-webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100% {-webkit-transform: none; transform: none;}}
@keyframes bounceInDown {0%,100%,60%,75%,90% {-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1);} 0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0);} 60% {opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0);} 75% {-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);} 90% {-webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0);} 100% {-webkit-transform: none; transform: none;}}
.bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes zoomInDown {0% {height: 0; opacity: 0;} to {height: 100%; opacity: 1;}}
@keyframes zoomInDown {0% {height: 0; opacity: 0;} to {height: 100%; opacity: 1;}}
.zoomInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
@-webkit-keyframes zoomInA {0% {opacity: 0; -webkit-transform: scale3d(.6,.6,.6); transform: scale3d(.6,.6,.6);} 50% {opacity: 1;}}
@keyframes zoomInA {0% {opacity: 0; -webkit-transform: scale3d(.6,.6,.6); transform: scale3d(.6,.6,.6);} 50% {opacity: 1;}}
.zoomInA {-webkit-animation-name: zoomInA; animation-name: zoomInA;}
@-webkit-keyframes swiper-preloader-spin {to {-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
@keyframes swiper-preloader-spin {to {-webkit-transform: rotate(1turn); transform: rotate(1turn);}}
@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

/* .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
} */

.swiper-container-horizontal {
    overflow: hidden
}

/* .swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
} */

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

/* .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
} */

.swiper-button-next, .swiper-button-prev {
    width: 56px;
    height: 56px;
    line-height: 54px;
    border-radius: 50%;
    margin-top: -28px;
	top: 50%;
    color: #fff;
    background-color: rgba(0,0,0,.65);
    background-color: #333;
    font-size: 35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    opacity: 1;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 2;
    -webkit-tap-highlight-color: transparent;
    background-image: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: var(--commonColor);
}
.swiper-button-prev:before, .swiper-button-next:before{
    font-family: fontawesome; font-style: normal;
}
.swiper-button-prev:before{content: '\f104'; padding-right: 2px;}
.swiper-button-next:before{content: '\f105'; padding-left: 2px;}
/* .swiper-button-next:after{padding-left: 2px;}
.swiper-button-prev:after{padding-right: 2px;}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 22px; font-weight: bold;
} */

.swiper-pagination-bullet {
    vertical-align: middle;
    border: 0 solid hsla(0,0%,100%,0);
    border-radius: 50%;
    background-clip: content-box;
	opacity: 1;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #D9D9D9;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 8px;
}


@media only screen and (max-width: 980px) {
    .swiper-pagination-bullet{width: 12px; height: 12px;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 5px;
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .3s;
    transition: left .2s,-webkit-transform .3s;
    -o-transition: .2s transform,.3s left;
    transition: transform .2s,left .3s;
    transition: transform .2s,left .3s,-webkit-transform .3s
}


.swiper-pagination-white .swiper-pagination-bullet:before {
    background-color: rgba(0,0,0,.9)
}

.swiper-pagination-white .swiper-pagination-bullet-active:before {
    background-color: hsla(0,0%,100%,.9)
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
	left: 0;
	width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: -2px;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet-active {
    opacity: 1; border-color: var(--commonColor);
    background: var(--commonColor);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}


.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    /* -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0) */
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 2px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s top;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s left;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s right;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}


.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}




lite-youtube {width: 100%; background-color: #000; position: relative; display: block; contain: content; background-position: 50%; background-size: cover; cursor: pointer; display: inline-block;}
lite-youtube:before {content: ""; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all .2s cubic-bezier(0,0,.2,1);}
lite-youtube:after {content: ""; display: block; padding-bottom: 56.25%;}
lite-youtube>iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0;}
lite-youtube>.lty-playbtn {width: 68px; height: 48px; position: absolute; cursor: pointer; transform: translate3d(-50%,-50%,0); top: 50%; left: 50%; z-index: 1; background-color: transparent; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0,0,.2,1); border: none; font-size: 0;}
lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn {filter: none}
lite-youtube.lyt-activated {cursor: unset}
lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn {opacity: 0;pointer-events: none}

.change-language .change-language-cont {
    border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); width: 460px!important
}
.change-language .change-language-cont .lang-more {clear: both}
.change-language .trp-language-wrap a {
    position: relative; float: left; vertical-align: bottom; display: inline;
    zoom:1;width: 48%; margin: 0 4% 0 0; list-style: none;
    border-bottom: 1px solid #ececec; padding: 5px 0; line-height: 27px;
}
.change-language .trp-language-wrap a:nth-child(2n){margin-right: 0;}
.change-language .trp-language-wrap img {width: 18px; height: 12px; margin-right: 5px}
.hide_false {display: none!important;}

.language--img {background: url(../img/yuzhongBG.jpg)no-repeat center center; display: inline-block; width: 18px; height: 12px; margin-right: 5px;}
.language-en {background-position: 0 -218px;}
.language-af {background-position: 0 -1px;}
.language-sq {background-position: 0 -940px;}
.language-am {background-position: 0 -9px;}
.language-be {background-position: 0 -48px;}
.language-eu {background-position: 0 -252px;}
.language-az {background-position: 0 -36px;}
.language-hy {background-position: 0 -456px;}
.language-ar {background-position: 0 -24px;}
.language-am {background-position: 0 -12px;}
.language-fy {background-position: 0px -300px;}
.language-fr {background-position: 0px -288px;}
.language-fi {background-position: 0px -276px;}
.language-et {background-position: 0px -240px;}
.language-eo {background-position: 0px -192px;}
.language-en {background-position: 0 -216px;}
.language-da {background-position: 0px -168px;}
.language-cs {background-position: 0px -144px;}
.language-hr {background-position: 0px -420px;}
.language-co {background-position: 0px -132px;}
.language-ceb {background-position: 0px -108px;}
.language-ca {background-position: 0px -96px;}
.language-bg {background-position: 0 -448px;}
.language-bs {background-position: 0 -84px;}
.language-bn {background-position: 0 -72px;}
.language-be {background-position: 0 -48px;}
.language-is {background-position: 0px -492px;}
.language-sm {background-position: 0px -972px;}
.language-ro {background-position: 0px -888px;}
.language-pa {background-position: 0px -840px;}
.language-pt {background-position: 0px -876px;}
.language-pl {background-position: 0px -852px;}
.language-fa {background-position: 0px -264px;}
.language-ps {background-position: 0px -264px;}
.language-or {background-position: 0px -827px;}
.language-no {background-position: 0px -780px;}
.language-ne {background-position: 0px -792px;}
.language-my {background-position: 0px -768px;}
.language-mn {background-position: 0px -720px;}
.language-mr {background-position: 0px -732px;}
.language-mi {background-position: 0px -684px;}
.language-mt {background-position: 0px -756px;}
.language-ml {background-position: 0px -708px;}
.language-ms {background-position: 0px -744px;}
.language-mg {background-position: 0px -672px;}
.language-mk {background-position: 0px -696px;}
.language-lb {background-position: 0px -624px;}
.language-lt {background-position: 0px -648px;}
.language-lv {background-position: 0px -660px;}
.language-la {background-position: 0px -613px;}
.language-lo {background-position: 0px -636px;}
.language-ky {background-position: 0px -600px;}
.language-ku {background-position: 0px -120px;}
.language-ko {background-position: 0px -588px;}
.language-rw {background-position: 0px -912px;}
.language-km {background-position: 0px -564px;}
.language-kk {background-position: 0px -552px;}
.language-kn {background-position: 0px -576px;}
.language-jv {background-position: 0px -528px;}
.language-ja {background-position: 0px -516px;}
.language-it {background-position: 0px -504px;}
.language-ga {background-position: 0px -312px;}
.language-id {background-position: 0px -467px;}
.language-ig {background-position: 0px -480px;}
.language-hu {background-position: 0px -443px;}
.language-hmn {background-position: 0px -408px;}
.language-hi {background-position: 0px -397px;}
.language-he {background-position: 0px -384px;}
.language-haw {background-position: 0px -300px;}
.language-ha {background-position: 0px -1079px;}
.language-ht {background-position: 0px -432px;}
.language-gu {background-position: 0px -348px;}
.language-el {background-position: 0px -204px;}
.language-de {background-position: 0px -180px;}
.language-ka {background-position: 0px -540px;}
.language-gl {background-position: 0px -336px;}
.language-ru {background-position: 0px -900px;}
.language-gd {background-position: 0px -324px;}
.language-sr {background-position: 0px -1006px;}
.language-st {background-position: 0px -1017px;}
.language-sn {background-position: 0px -984px;}
.language-sd {background-position: 0px -984px;}
.language-si {background-position: 0px -1271px;}
.language-sk {background-position: 0px -1223px;}
.language-sl {background-position: 0px -960px;}
.language-so {background-position: 0px -994px;}
.language-es {background-position: 0px -227px;}
.language-su {background-position: 0px -1031px;}
.language-sw {background-position: 0px -1055px;}
.language-sv {background-position: 0px -1043px;}
.language-tl {background-position: 0px -1115px;}
.language-tg {background-position: 0px -1091px;}
.language-ta {background-position: 0px -1067px;}
.language-tt {background-position: 0px -1151px;}
.language-te {background-position: 0px -1079px;}
.language-th {background-position: 0px -1103px;}
.language-tr {background-position: 0px -1138px;}
.language-tk {background-position: 0px -1115px;}
.language-uk {background-position: 0px -1175px;}
.language-ur {background-position: 0px -1187px;}
.language-ug {background-position: 0px -1163px;}
.language-uz {background-position: 0px -1175px;}
.language-vi {background-position: 0px -1211px;}
.language-cy {background-position: 0px -156px;}
.language-xh {background-position: 0px -1223px;}
.language-yi {background-position: 0px -1235px;}
.language-yo {background-position: 0px -1247px;}
.language-zu {background-position: 0px -1259px;}
.language-zh {background-position: 0px -1282px;}
.language-zh-TW {background-position: 0px -1282px;}
.trp-language-wrap .lang-more {display: none !important;}