.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-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,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-invisible-blank-slide {
visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}

.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}

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

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
display: none
}

.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
-o-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}

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

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}

.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}

.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}

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-pagination-bullet-active {
opacity: 1;
background: #007aff
}

.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: 6px 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: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-o-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform
}

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

.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: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-o-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform
}

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

.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}

.swiper-pagination-lock {
display: none
}

.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%
}

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.3);
border-radius: 10px;
left: 0;
top: 0
}

.swiper-scrollbar-cursor-drag {
cursor: move
}

.swiper-scrollbar-lock {
display: none
}

.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}

.swiper-slide-zoomed {
cursor: move
}

.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}

.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-container-cube {
overflow: visible
}

.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}

.swiper-container-flip {
overflow: visible
}

.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}@font-face {
font-family: 'icomoon';
font-display: swap;
font-style: normal;
font-weight: 400;
font-family: "icomoon";
src: url("/new/font/icomoon.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon.woff") format("woff"),
url("/new/font/icomoon.ttf") format("truetype"),
url("/new/icomoon.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon2';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon2.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon2.woff") format("woff"),
url("/new/font/icomoon2.ttf") format("truetype"),
url("/new/icomoon2.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon3';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon3.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon3.woff") format("woff"),
url("/new/font/icomoon3.ttf") format("truetype"),
url("/new/icomoon3.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon_seh';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon_seh.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon_seh.woff") format("woff"),
url("/new/font/icomoon_seh.ttf") format("truetype"),
url("/new/icomoon_seh.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon_35';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon35.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon35.woff") format("woff"),
url("/new/font/icomoon35.ttf") format("truetype"),
url("/new/icomoon35.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon4';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon4.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon4.woff") format("woff"),
url("/new/font/icomoon4.ttf") format("truetype"),
url("/new/font/icomoon4.svg#$font") format("svg");
}
@font-face {
font-family: 'icomoon_gou';
font-display: swap;
font-style: normal;
font-weight: 400;
src: url("/new/font/icomoon_gou.eot?#iefix") format("embedded-opentype"),
url("/new/font/icomoon_gou.woff") format("woff"),
url("/new/font/icomoon_gou.ttf") format("truetype"),
url("/new/font/icomoon_gou.svg#$font") format("svg");
}
.pic-c-s{
display:none!important;
}
.scrollLoading{
transition: all 0.6s ease 0s;
opacity: 0;
}
body{
font-family: 'Roboto', sans-serif;
margin:0;
background:#fff;
float:left;
width:100%;
}
*{
box-sizing: border-box;
}
input[type="submit"]{
border:none;
}
input:focus{
outline: none;
border: none;
}

picture{
float:left;
width:100%;
}
.lazy-f-rd{
float:none;
width:auto;
}
.h2bl{
display:block;
}
.nim{
float:left;
width:100%;
}
.scrollLoading{
transition: all 0.4s ease 0s;
}
a {
text-decoration: none;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
display: inline;
}
h2{
font-weight:400;
}
.txttran{
transition: color 0.3s ease 0s;
}



.cktip{
position:fixed;
left:0px;
bottom:0px;
width:100%;
background:#fff;
box-shadow: 0 0 20px rgb(0 0 0 / 15%);
display:flex;
z-index:99;
}
.ckt-l{
width:25%;
border-right: 1px solid #e0e0e0;
justify-content:center;
align-items:center;
flex: 0 0 auto;
padding:15px;
display:flex;
}
.cktl-btn-f{
}
.cktbtnlf{
overflow:hidden;
}
.cktlb-btn{
float:left;
border: 2px solid rgba(0,0,0,0.3);
padding:12px 20px;
font-size:13px;
color:#000;
border-radius:24px;
cursor:pointer;
}
.cktset-btn{
   float:left;
   margin-left: 30px;
   font-size: 13px;
   color: #000;
   text-decoration: underline;
   line-height:43px;
   cursor:pointer;
}
.cooktipfly{
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,.6);
   transition: opacity .25s;
   display:flex;
   justify-content: center;
   align-items: center;
   z-index:103;
   display:none;
   left:0px;
   top:0px;
}
.Kdinlh{
   color:#000;
}
.cookfly-main{

   display: flex;
   transition: .25s ease-in-out;
   box-sizing: border-box;
   width: 80%;
   height: 571px;
   max-width: 600px;
   max-height: 80%;
   box-shadow: -8px -7px 20px 0 rgba(0, 0, 0, .1);
   flex-direction: column;
   background: #fff;
   position: relative;
   padding:30px 0;
}
.ckfy-close{
   height: 24px;
   width: 24px;
   cursor: pointer;
   position:absolute;
   right:10px;
   top:10px;

}
.ckfy-close:before {
   content: '\e60b';
   display: block;
   font-family: icomoon;
   font-size: 20px;
   color: #000;
   float: left;
}
.ckfy-tit{
   font-size: 24px;
   color: #000;
   font-weight: 700;
   padding:0 3.5%;
}
.ckfy-main{
   overflow-y: auto;
   margin-top:25px;
   height:calc(100% - 25px - 90px);
   border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.ckfy-main::-webkit-scrollbar {
   width: 4px;
}
.ckfy-main::-webkit-scrollbar-thumb {
   background-color: #8B8B8B;
   border-radius:2px;
}
.ckfy-main::-webkit-scrollbar-track {
   background-color: #f1f1f1;
}
.ckfym-hg{
   width: 100%;
}
.ckfyhg-s{
   width: 100%;
   display: flex;
   padding:0 3.5% 25px 3.5%;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   margin-top:25px;
}
.ckfyhg-s:first-child{
   margin-top:0px;
}
.ckfyhgs-l{
   width: calc(100% - 85px);
}
.ckfyhgs-2{
   width: 85px;
   display: flex;
   justify-content: flex-end;
}
.ckfyhgsl-t1{
   color: #000;
   font-size:16px;
}
.ckfyhgsl-t2{
   color: #000;
   font-size:16px;
   font-size: 12px;
   margin-top:12px;
}
.ckfy-bt{
   margin-top:30px;
}
.ckfy-savebtn{
   float:right;
   margin-right:3.5%;
   color: #fff;
    background-color: #000;
    width: 172px;
    font-size: 14px;
    text-align: center;
    height: 32px;
    line-height:32px;
    cursor:pointer;
}
.kCHabv{
   width:48px;
   height: 25px;
   border-radius: 12.5px;
   background-color: #A4A4A4;
   position: relative;
   cursor:pointer;
}
.kCHabv:hover{
   background-color: #cbd3dc;
}
.MezgNL{
   position: absolute;
   left: 1px;
   top:1px;
   height: 23px;
   width: 23px;
   border-radius: 50%;
   background-color: #fff;
   display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s ease 0s;
}
.Kdinlh{
   display: none;
}
.kCHabv {
   color: #a4a4a4;
}




.cktlb-btn:hover{
border: 2px solid rgba(0,0,0,1);
}
.cktlb-btn_2{
margin-left:30px;
}
.cktltxt{
width:100%;
color: #000;
text-align:center;
font-size: 13px;
margin-top:12px;
}
.ckt-r{
width:75%;
padding:30px 2%;
color: #000;
font-size:14px;
text-align:left;
flex: 0 0 auto;
}


.ipjump-f{
display:fixed;
width:100%;
color:#fff;
height:70px;
display:none;
background:#282829;
}
.ipjump-f2{
display:fixed;
width:100%;
color:#fff;
padding:10px 0;
background:#282829;
overflow:hidden;
display:none;
}
.ipj-l2{
float:left;
width:100%;
font-size:14px;
padding-right:3%;
margin-top:10px;
}
.ipj-r-f2{
float:left;
width:100%;
height:35px;
margin-top:20px;
}
.iprj-name2{
float:left;
width:calc(100% - 130px);
height:100%;
background:#3B3B3C;
border-radius:10px;
padding-left:40px;
}
.iprj-n-txt2{
line-height:35px;
font-size:18px;
position:relative;
}
.ipj-l{
float:left;
width:calc(100% - 300px);
font-size:14px;
padding-right:3%;
margin-top:25px;
}
.ipj-r-f{
float:left;
width:300px;
height:35px;
margin-top:17.5px;
}
.iprj-name{
float:left;
width:170px;
height:100%;
background:#3B3B3C;
border-radius:10px;
padding-left:40px;
}
.iprj-n-txt{
line-height:35px;
font-size:18px;
position:relative;
}
.iprj-n-txt:before{
content:"\ea10";
font-family:icomoon_gou;
position:absolute;
left:-25px;
top:0px;
color:#fff;
font-size:16px;
}
.iprj-jump{
float:left;
width:70px;
height:35px;
background:#F5F5F7;
border-radius:5px;
color:#000;
font-size:18px;
text-align:center;
line-height:35px;
margin-left:20px;
}
.iprj-jump:hover{
background:#fff;
}
.iprj-close{
float:left;
margin-left:20px;
width:20px;
position:relative;
cursor:pointer;
}
.iprj-close:before{
content: '\e60b';
font-family: icomoon;
position:absolute;
left:0px;
top:9px;
color:#818685;
font-size:18px;
}
.iprj-close:hover:before{
color:#fff;
}
.pc-head-f {
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 99;
transition: background 0.6s ease 0s;
}
.pc-head-f:hover{
background:#fff!important;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
}
.pc-head-f:hover .pc-hd-top{
border-bottom: 2px solid #e1e1e1!important;
}
.pc-head-f:hover .pc-hd-t-l-b{
color:#707071!important;
}
.pc-head-f:hover .nav-s-1-a{
color:#707071!important;
}
.pc-head-f:hover .pcd-ico1:after{
color:#707071!important;
}
.pc-head-f:hover .pcd-ico2:after{
color:#707071!important;
}
.pc-head-f:hover .topshare{
border: 1px solid #707071;
}
.pc-head-f:hover .pc-hd-t-l-b:before{
background: #707071;
}
.pc-head-f:hover .topshare:before{
color:#707071;
}
.pc-head-f:hover .langurlarrBtin{
color: #707071;
}
.pc-head-f:hover .langurlarrBtin:after{
border-top-color: #707071;
}
.pc-head-f:hover .search-but:before{
color: #707071;
}

.pc-head-f:hover .search-close:before{
color: #707071;
}
.pc-hd-cet{
float: left;
width: 1140px;
margin-left: calc(50% - 570px);
}
.search-but-gray:before{
color: #707071!important;
}
.search-but-white:before{
color: #fff!important;
}
.pc-hd-top{
float:left;
width:100%;
height:45px;
transition: height 0.6s ease 0s;
border-bottom: 2px solid
rgba(0,0,0,0.3);
}
.pc-hd-t-left{
float: left;
font-size: 12px;
line-height: 45px;
color:#FAFAFC;
}
.pc-hd-t-l-b{
float: left;
position: relative;
color:#000000;
}
.pc-hd-t-l-b:before{
content: '';
position: absolute;
top: 16px;
right: -15px;
width: 1px;
height: 12px;
background: #000000;
}
.pcd-nob:before{
width: 0px;
}
.pchdb2{
margin-left:50px;
}
.pcd-ico1:after{
content: '\e901';
position: absolute;
font-size:12px;
color:#000000;
width: 12px;
height: 8px;
left: -18px;
top: 0px;
font-family: icomoon_35;
}
.pcd-ico2:after{
content: '\e608';
font-family: icomoon;
position: absolute;
font-size:12px;
color:#000000;
width: 11px;
height: 10px;
left: -16px;
top: 0px;
}
.grey-ico-hea:after{
color:#000000;
}
.pc-hd-t-right{
float: right;
}
.top-share-f{
float: left;
margin-top: 10px;
}
.topshare {
float: left;
width: 20px;
height: 20px;
margin-left: 7px;
border: 1px solid #000000;
border-radius: 50%;
}
.topshare:before {
width: 20px;
display: block;
font-family: icomoon;
text-align: center;
line-height: 20px;
color: #000000;
font-size: 10px;
transition: all 0.6s ease 0s;
margin-top:-1px;
margin-left:-1px;
}
.topshare:hover{
border: 1px solid #174571!important;
background:#174571;
}
.topshare:hover:before{
color: #FAFAFC!important;
}
.ffacebook:before {
content: '\e62c';
}
.ftwitter:before {
content: '\e62b';
}
.flinkedin:before {
content: '\e630';
}
.fyoutube:before {
content: '\e634';
}
.fgoogle:before {
content: '\e62d';
}
.finstagram:before {
font-family: icomoon4;
content: '\e900';
}
.cus-sellang-f {
float: left;
margin-top: 6px;
color:#FAFAFC;
}
.LangUrlArrf {
float: left;
margin-left: 30px;
position: relative;
}
.langurlarrBtin {
display: block;
font-size: 14px;
float: left;
padding: 8px;
padding-left: 45px;
padding-right: 30px;
position: relative;
line-height: 14px;
cursor: pointer;
color:#000000;
}
.langurlarrBtin:before {
content: '';
position: absolute;
left: 10px;
top: 6px;
background-image: url(/new/templates/Web/en/images/cLang.png);
background-repeat: no-repeat;
width: 27px;
height: 18px;
background-position: 0 -69px;
}
.langurlarrBtin:after {
content: '';
width: 0;
height: 0;
overflow: hidden;
position: absolute;
border: 6px solid transparent;
border-top-color: #000000;
right: 10px;
top: 12px;
}
.langbtnbkw:after{
border-top-color: #919191;
}
.langurlarrself {
position: absolute;
left: 0px;
top: 37px;
background: #fff;
border-top: none;
padding-top: 5px;
padding-bottom: 5px;
z-index: 999;
width: 115px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
display: none;
}
.langurlarr-self-a {
display: block;
padding: 5px;
float: left;
padding-left: 10px;
position: relative;
width: 100%;
}
.llsa-lf {
float: left;
background-repeat: no-repeat;
width: 27px;
height: 18px;
background-position: 0 px;
background-image:url(/new/templates/Web/en/images/cLang.png);
}
.langsonname {
float: left;
margin-left: 9px;
color: #444444;
font-size: 12px;
}
.header-bottom-f {
float: left;
width: 100%;
margin-top:5px;
}
.logo-f {
float: left;
margin-top: 10px;
   width: 150px;
margin-bottom: 10px;
}
.logo-f .m1{
   width:100%;
}
.bann-txt-f{
   top: 50% !important;
    transform: translateY(-50%);
}

.h-b-right {
   float: right;
         width: calc(100% - 150px);
   }  
.conus-search-f {
float: right;
width: 155px;
}
.conus {
float: left;
padding-left: 10px;
padding-right: 10px;
height: 30px;
line-height: 30px;
background: #174571;
border-radius: 15px;
color: #fff;
font-size: 16px;
margin-top: 20px;
font-weight:600;
}
.conus:hover{
background:#f57e16;
}
.search-but {
float: right;
width: 25px;
height: 25px;
margin-right: 10px;
margin-top: 25px;
cursor: pointer;
}
.search-but:before {
float: left;
content: '\e900';
width: 20px;
height: 20px;
font-family: icomoon_seh;
color: #000000;
font-size: 20px;
transition: all 0.6s ease 0s;
}
.nav-f {
float: right;
margin-right: 20px;
font-weight: 600;
}
.nav-s-1 {
float: left;
position: relative;
}
.nav-s-1-a {
float: left;
padding-left: 18px;
padding-right: 18px;
line-height: 70px;
color: #000000;
font-size: 16px;
position: relative;
font-weight:bold;
}
.nav-f-2 {
position: absolute;
top:70px;
left: 0px;
min-width: 100%;
z-index: 1;
background-color: #f1f1f1;
padding-bottom: 15px;
transition: top 0.6s ease 0s;
display:none;
}
.nav-s-1:hover .nav-f-2 {
display:block;
}
.nav-s-1:hover {
background:#f1f1f1;
}
.nav-s-2 {
float: left;
width: 100%;
position: relative;
}
.nav-s-2-a {
float: left;
padding: 10px 30px 10px 20px;
color: #707071;
font-size: 16px;
position: relative;
white-space: nowrap;
font-weight:bold;
}
.nav-s-2:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 0px;
height: 1px;
background: #707071;
transition: all 0.6s ease 0s;
}
.show_down_2:before {
content: '';
position: absolute;
top: 15px;
right: 5px;
border-width: 4px 6px;
border-color: transparent transparent transparent #707071;
width: 0px;
height: 0px;
overflow: hidden;
border-style: solid;
transition: all 0.6s ease 0s;
}
.nav-s-2:hover:before {
width: 100%;
}
.nav-f-3 {
position: absolute;
top: 0px;
left: 100%;
min-width: 100%;
z-index: 1;
background-color: #f1f1f1;
padding-bottom: 15px;
transition: top 0.6s ease 0s;
display: none;
}
.nav-s-2:hover .nav-f-3 {
display: block;
}
.nav-s-3 {
float: left;
width: 100%;
}
.nav-s-3-a {
float: left;
padding: 10px 30px 10px 20px;
color: #707071;
font-size: 16px;
position: relative;
white-space: nowrap;
}
.headersearchf {
float: right;
margin-right: 3px;
margin-top: 15px;
width: 615px;
display: none;
margin-bottom: 15px;
}
.search-close {
float: left;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
cursor: pointer;
margin-top: 3px;
}
.search-close:before {
content: '\e60b';
display: block;
font-family: icomoon;
font-size: 26px;
color: #FAFAFC;
float: left;
}
.h-s-form {
float: left;
width: calc(100% - 60px);
position: relative;
margin-left: 20px;
}
.search-in {
float: left;
width: 100%;
border: 1px solid #e5e7e9;
height: 40px;
border-radius: 2px;
padding-left: 20px;
font-size: 16px;
color: #9b9b9b;
}
.search-btn {
position: absolute;
background-image: url(/new/templates/Web/en/images/style19_19.png);
background-repeat: no-repeat;
background-position: 0 -19px;
background-color: transparent;
width: 20px;
height: 20px;
top: 13px;
right: 8px;
border: none;
cursor: pointer;
}
.main-f {
float: left;
width: 100%;
margin-bottom: 40px;
}

.mobile-header{
position:fixed;
top:0px;
left:0px;
width:100%;
display:none;
z-index:1000;
transition: background 0.6s ease 0s;
}
.mobile-tool{
float:left;
width:100%;
height:60px;
position:relative;
z-index:99;
}
.mobile-tool-center{
float:left;
width:94%;
margin-left:3%;
height:100%;
}
.mobile-logo-f{
float:left;
white-space: nowrap;
}
.mobile-logo-f:before{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mob-logo-img{
display: inline-block;
vertical-align: middle;
margin-top:10px;
}
.mobile-menu{
cursor: pointer;
float: right;
width:30px;
text-align:center;
}
.mobile-menu:before{
content: '\e637';
display: block;
font-family: icomoon;
font-size: 30px;
color: #fff;
line-height: 60px;
float: left;
}
.mobile-menu-s2:before{
color: #919191;
}
.mobile-menu-close{
cursor: pointer;
float: right;
width:30px;
text-align:center;
}
.mobile-menu-close:before{
content: '\e60b';
display: block;
font-family: icomoon;
font-size: 30px;
color: #919191;
line-height: 60px;
float: left;
}
.mobile-sellang-f{
float:right;
margin-top:15px;
margin-right:15px;
}
.mobile-dowshow{
position:absolute;
width:100%;
visibility:hidden;
background:#fff;
transition: all 0.6s ease 0s;
overflow:hidden;
z-index:98;
box-shadow:rgba(0, 0, 0, .05) 0 5px 5px;
}
.mob-nav1{
float:left;
width:100%;
}
.mob-nav-s1{
float:left;
width:100%;
position:relative;
}
.mob-col-name1{
float:left;
width:100%;
position:relative;
}
.mob-col-name1:before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:0;
height:1px;
background:#174571;
transition: all 0.6s ease 0s;
}
.mob-col-name1:hover:before{
width:100%;
}
.mob-col-name1-line{
float:left;
width:100%;
position:relative;
}
.mob-col-name1-line:before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:1px;
background:#174571;
}
.mob-col-name2{
float:left;
width:100%;
}
.mob-col-name2-line{
float:left;
width:100%;
position:relative;
}
.mob-col-name2-line:before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:1px;
background:#174571;
}
.mob-col-name2:hover .mob-nav-a2{
color:#174571;
}
.mob-col-name2:hover .mob-nav-btn2:before{
border-top-color: #174571;
}
.mob-nav-a1{
float:left;
margin-left:3%;
color:#707071;
font-size:14px;
padding-top:13px;
padding-bottom:10px;
}
.mob-nav-btn{
float:left;
margin-left:10px;
width: 30px;
height: 30px;
position:relative;
margin-top:7px;
cursor:pointer;
}
.mob-nav-btnup{
float:left;
margin-left:10px;
width: 30px;
height: 30px;
margin-top:7px;
cursor:pointer;
position:relative;
}
.mob-nav-btnup:before{
content:'';
position:absolute;
left: 11px;
top: 12px;
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:5px solid #707071;
}
.mob-nav-btn-close{
display:none;
}
.mob-nav-btn:before{
content:'';
position:absolute;
width: 0;
height: 0;
overflow: hidden;
border: 5px solid transparent;
border-top-color: #707071;
left: 11px;
top: 12px;
}
.mob-nav-btn2{
float:left;
margin-left:10px;
width: 30px;
height: 30px;
position:relative;
margin-top:3px;
cursor:pointer;
}
.mob-nav-bt2nup{
float:left;
margin-left:10px;
width: 30px;
height: 30px;
margin-top:2px;
cursor:pointer;
position:relative;
}
.mob-nav-bt2nup:before{
content:'';
position:absolute;
left: 11px;
top: 12px;
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:5px solid #707071;
}
.mob-nav-btn2:before{
content:'';
position:absolute;
width: 0;
height: 0;
overflow: hidden;
border: 5px solid transparent;
border-top-color: #707071;
left: 11px;
top: 12px;
}
.mob-nav2{
float:left;
width:100%;
display:none;
}
.mob-nav-s2{
float:left;
width:100%;
}
.mob-nav-a2{
float:left;
margin-left:6%;
color:#707071;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
transition: all 0s ease 0s;
}
.mob-nav3{
float:left;
width:100%;
display:none;
}
.mob-nav-s3{
float:left;
width:100%;
}
.mob-nav-a3{
float:left;
margin-left:9%;
width:88%;
color:#707071;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
transition: all 0s ease 0s;
}
.mob-nav-a3:hover{
color:#174571;
}
.mob-search{
float:left;
width:100%;
margin-top:20px;
}
.mob-srh-form{
float:left;
width:94%;
margin-left:3%;
position:relative;
}
.mob-srh-in {
font-family: 'Roboto', sans-serif;
float: left;
width: 100%;
border: 1px solid #EBEBEB;
height: 35px;
border-radius: 5px;
padding-left: 20px;
font-size: 14px;
color: #797979;
transition: all 0.6s ease 0s;
}
.mob-srh-in:hover{
border: 1px solid #174571;
}
.srh-btn {
position: absolute;
background: url(/new/templates/Web/en/images/searchbtn2.png) no-repeat center;
width: 25px;
height: 25px;
top: 6px;
right: 15px;
border: none;
cursor: pointer;
background-size:100% 100%;
}
.mob-share{
float:left;
width:100%;
margin-top:30px;
margin-bottom:30px;
}
.mob-share-center{
float:left;
width:230px;
margin-left:calc(50% - 115px);
}
.mshare {
float: left;
width: 30px;
height: 30px;
margin-left: 10px;
border: 1px solid #919191;
border-radius: 50%;
transition: all 0.6s ease 0s;
}
.mshare:first-child{
margin-left:0px;
}
.mshare:before {
width: 30px;
display: inline-block;
font-family: icomoon;
text-align: center;
line-height: 30px;
color: #919191;
font-size: 14px;
transition: all 0.6s ease 0s;
margin-top:-1px;
margin-left:-1px;
}
.mshare:hover{
border: 1px solid #174571;
background:#174571;
}
.mshare:hover:before{
color:#fff;
}
.mfacebook:before {
content: '\e62c';
}
.mtwitter:before {
content: '\e62b';
}
.mlinkedin:before {
content: '\e630';
}
.myoutube:before {
content: '\e634';
}
.mgoogle:before {
content: '\e62d';
}
.minstagram:before {
font-family: icomoon4;
content: '\e900';
}

@media screen and (max-width:1450px) {
   .cktset-btn {
      margin-left: 5px;
  }
   .cktlb-btn_2 {
      margin-left: 5px;
  }
}

@media screen and (max-width:1100px) {
   .cktlb-btn {
      margin-top:10px;
      margin-left:0px;
  }
  .cktset-btn {
   margin-top:10px;
   width:100%;
   margin-left:0px;
  }
}

@media screen and (max-width:1200px) {
.pc-hd-cet{
width: 94%;
margin-left: 3%;
}
}

@media screen and (max-width:760px) {
   .ckfy-bt {
      margin-top: 20px;
  }
   .cookfly-main {
      height: 540px;
      padding: 20px 0;
  }
   .ckfy-tit {
      font-size: 18px;
  }
   .ckt-r {
      padding: 15px 2%;
  }
   .cktip {
      z-index:101;
  }
   .cktlb-btn {
      border: none;
      padding: 0;
      width:100%;
      border-radius: 0px;
  }
  .cktset-btn {
   line-height: 15px;
}
.mob-logo-img{
float:left;
width:100%;
display:block;
margin-top:10px}
.mobile-logo-f {
width:30%;
}
.mobile-header {
display: block;
}
.pc-head-f{
display:none;
}
.fs-120{
font-size:50px!important;
}
.fs-85{
font-size:42px!important;
}
.fs-85{
font-size:42px!important;
}
.fs-80{
font-size:40px!important;
}
.fs-62{
font-size:36px!important;
}
.fs-50{
font-size:28px!important;
}
.fs-48{
font-size:30px!important;
}
.fs-41{
font-size:28px!important;
}
.fs-40{
font-size:28px!important;
}
.fs-38{
font-size:25px!important;
}
.fs-36{
font-size:18px!important;
}
.fs-30{
font-size:18px!important;
}
.fs-28{
font-size:17px!important;
}
.fs-27{
font-size:17px!important;
}
.fs-26{
font-size:16px!important;
}
.fs-24{
font-size:16px!important;
}
.fs-23{
font-size:16px!important;
}
.fs-22{
font-size:16px!important;
}
.fs-21{
font-size:15px!important;
}
.fs-20{
font-size:15px!important;
}
.fs-18{
font-size:14px!important;
}
.fs-17{
font-size:14px!important;
}
.fs-16{
font-size:14px!important;
}
.fs-15{
font-size:13px!important;
}
.fs-14{
font-size:12px!important;
}
}








.r-d-content img{
display: inline !important;
 }
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-prev,.slick-next{
    display:none!important;
}
.slick-dots { 
    position: absolute; 
    bottom: 110px; 
    list-style: none; 
    display: block; 
    text-align: center; 
    padding: 0; 
    width: 100%; 
    z-index: 40; 
}
.slick-dots li { 
    position: relative; 
    display: inline-block; 
    margin: 0 10px; 
    cursor: pointer; 
}
.slick-dots li button { 
    border: 0; 
    background: #FCFCFC; 
    display: block; 
    height: 2px; 
    width: 35px; 
    outline: none; 
    font-size: 0; 
    cursor: pointer; 
}
.slick-dots li button:hover, .slick-dots li button:focus { 
    outline: none; 
}
.slick-dots li.slick-active button { 
    background: #009FA8; 
}
.b4-btn{
    float:left;
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background:rgba(0,159,168,0.7);
    margin-left:calc(50% - 33px);
}
.b4-btn:before {
    content: '';
    width: 40px;
    height: 4px;
    background: #C8C9C9;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 2px);
}
.b4-btn:after {
    content: '';
    width: 4px;
    height: 40px;
    background: #C8C9C9;
    position: absolute;
    left: calc(50% - 2px);
    top: calc(50% - 20px);
}
.b4-btn:hover{
    background:rgba(255,255,255,1);
}
.b4-btn:hover:before{
    background: #009FA8;
}
.b4-btn:hover:after {
    background: #009FA8;
}
.mob-fix-foot{
    position:fixed;
z-index:100;
width:100%;
height:50px;
background: rgba(255,255,255,.5);
bottom:0px;	
display:none;
}
.mob-f-foot-conusbtn{
            float:left;
    width: 200px;
    height: 40px;
    border: 1px solid #174571;
    background: #174571;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
font-weight:bold;
            margin-left: calc(50% - 100px);
    margin-top:5px;
transition: all 0s ease 0s;
}
.mob-f-foot-conusbtn:hover{
    background: #fff;
color: #174571;
}
@media screen and (max-width:760px) {
    .mob-fix-foot{
    display:block;
}
}.foot{
float:left;
width:100%;
background:#F5F5F5;
}
.foot-main{
float:left;
width:100%;
}
.foot-center{
float:left;
width:1140px;
    margin-left:calc(50% - 570px);
margin-bottom:80px;
margin-top:80px;
}
.foot-box1{
        float:left;
width:40%;
        font-family: 'Roboto',  sans-serif;
color:#4c4c4c;
font-size:14px;
}
.foot-box2{
        float:left;
width:29%;
}
.foot-box3{
    float:left;
width:31%;
}
.foot-box-mid{
    float:left;
width:80%;
}
.foot-logo-a{
    float:left;
  width:150px;
}
  .foot-logo-img{
      width:100%;
  }
.foot-addr{
float:left;
width:100%;
margin-top:25px;
}
.foot-webtel{
float:left;
width:100%;
margin-top:15px;
}
.foot-webtel a{
color:#4c4c4c;
transition: all 0s ease 0s;
}
.foot-webtel a:hover{
color:#174571;
}
.foot-share-f{
float:left;
width:calc(100% + 10px);
margin-left:-10px;
margin-top:15px;
}
.foot-b-title{
float:left;
width:100%;
color:#4C4C4C;
font-size:16px;
margin-bottom:25px;
}
.f-b-box1{
        font-family: 'Roboto',  sans-serif;
    float:left;
width:50%;
color:#707071;
font-size:14px;
}
.foot-nav-a{
float:left;
width:100%;
margin-top:8px;
transition: all 0s ease 0s;
color:#4c4c4c;
}
.foot-nav-a:hover{
color:#174571;
}
.f-conus-text{
        font-family: 'Roboto',  sans-serif;
float:left;
width:100%;
color:#4c4c4c;
font-size:14px;
line-height:25px;
}
.f-conus-btn-f{
float:left;
width:100%;
margin-top:20px;
}
.f-conus-btn{
        font-family: 'Roboto',  sans-serif;
    float:left;
width:100px;
height:30px;
border-radius:15px;
background:#174571;
color:#fff;
font-size:14px;
line-height:30px;
text-align:center;
}
.f-conus-btn:hover{
background:#f57e16;
}
.foot-bottom{
float:left;
width:100%;
border-top:2px solid #F0F0F0;
}
.foot-bottom-center{
float:left;
    width:1140px;
    margin-left:calc(50% - 570px);
margin-top:22px;
margin-bottom:22px;
}
.foot-b-left{
        float:left;
color:#4c4c4c;
font-size:13px;
        font-family: 'Roboto',  sans-serif;
}
.foot-b-left a{
    color:#4c4c4c;
}
.ft-ts-line{
    position:relative;
}
.ft-ts-line:before{
    content:"";
width:1px;
height:10px;
background:#4c4c4c;
position:absolute;
left:-10px;
top:3px;
}
.tsandpy{
    color:#000!important;
}
.foot-b-right{
        float:right;
color:#4c4c4c;
font-size:13px;
        font-family: 'Roboto',  sans-serif;
}
.foot-b-gs{
color:#4c4c4c;
}

.fshare {
            float: left;
    width: 20px;
    height: 20px;
    margin-left: 10px;
border:1px solid #4c4c4c;
border-radius:50%;
}
.fshare:hover{
    border:1px solid #174571;
    background:#174571;
}

.fshare:before {
    width: 20px;
    display: inline-block;
    font-family: icomoon;
    text-align: center;
    line-height: 20px;
    color: #4c4c4c;
    font-size: 12px;
transition: all 0.6s ease 0s;
}
.fshare:hover:before{
    color: #fff;
}
.ffacebook:before {
    content: '\e62c';
}
.ftwitter:before {
    content: '\e62b';
}
.flinkedin:before {
    content: '\e630';
}
.fyoutube:before {
    content: '\e634';
}
.fgoogle:before {
    content: '\e62d';
}

@media screen and (max-width:1200px) {
    .foot-center,.foot-bottom-center{
width:94%;
margin-left:3%;
}
}

@media screen and (max-width:760px) {
    .foot{
    margin-bottom:50px;
    }
.foot-center{
    margin-top:40px;
}
}
@media screen and (max-width:700px) {
.foot-b-left,.foot-b-right{
float:left;
width:100%;
}
.foot-b-right{
margin-top:10px;
}
}
@media screen and (max-width:620px) {
.foot-box1,.foot-box2,.foot-box3{
width:100%;
}
.foot-box2,.foot-box3{
margin-top:30px;
}
.foot-b-title {
        margin-bottom: 15px;
    }
.foot-center{
margin-bottom:40px;
}
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { 
    padding: 0; 
margin: 0; 
border: 0; 
outline: none; 
vertical-align: top; 
}
.fancybox-wrap { 
    position: absolute; 
top: 0; 
left: 0; 
z-index: 8020; 
}
.fancybox-skin { 
    position: relative; 
background: #f9f9f9; 
color: #444; 
text-shadow: none; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
.fancybox-opened { 
    z-index: 8030; 
}
.fancybox-opened .fancybox-skin { 
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); 
}
.fancybox-outer, .fancybox-inner { 
    position: relative; 
}
.fancybox-inner { 
    overflow: hidden; 
}
.fancybox-type-iframe .fancybox-inner { 
    -webkit-overflow-scrolling: touch; 
}
.fancybox-error { 
    color: #444; 
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 
margin: 0; 
padding: 15px; 
white-space: nowrap; 
}
.fancybox-image, .fancybox-iframe { 
    display: block; 
width: 100%; 
height: 100%; 
}
.fancybox-image { 
    max-width: 100%; 
max-height: 100%; 
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 
    background-image: url("/new/templates/Web/en/images/fancybox_sprite.png"); 
}
#fancybox-loading { 
    position: fixed; 
top: 50%; 
left: 50%; 
margin-top: -22px; 
margin-left: -22px; 
background-position: 0 -108px; 
opacity: 0.8; 
cursor: pointer; 
z-index: 8060; 
}
#fancybox-loading div { 
    width: 44px; 
height: 44px; 
background: url("/new/templates/Web/en/images/fancybox_loading.gif") center center no-repeat; 
}
.fancybox-close { 
    position: absolute; 
top: -18px; 
right: -18px; 
width: 36px; 
height: 36px; 
cursor: pointer; 
z-index: 8040; 
}
.fancybox-nav { 
    position: absolute; 
top: 0; 
width: 40%; 
height: 100%; 
cursor: pointer; 
text-decoration: none; 
background: transparent url("/new/templates/Web/en/images/blank.gif"); 
/* helps IE */ 
-webkit-tap-highlight-color: transparent; 
z-index: 8040; 
}
.fancybox-prev { 
    left: 0; 
}
.fancybox-next { 
    right: 0; 
}
.fancybox-nav span { 
    position: absolute; 
top: 50%; 
width: 36px; 
height: 34px; 
margin-top: -18px; 
cursor: pointer; 
z-index: 8040; 
visibility: hidden; 
}
.fancybox-prev span { 
    left: 10px; 
background-position: 0 -36px; 
}
.fancybox-next span { 
    right: 10px; 
background-position: 0 -72px; 
}
.fancybox-nav:hover span { 
    visibility: visible; 
}
.fancybox-tmp { 
    position: absolute; 
top: -99999px; 
left: -99999px; 
visibility: hidden; 
max-width: 99999px; 
max-height: 99999px; 
overflow: visible !important; 
}
.fancybox-lock { 
   overflow: hidden !important; 
   width: auto; 
}
.fancybox-lock body { 
    overflow: hidden !important; 
}
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/new/templates/Web/en/images/fancybox_overlay.png"); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }
.jump-send-cover{
    position:fixed;
    top: 0;
background:rgba(0,0,0,0.3);
width:100%;
height:100%;
z-index:1000;
display:none;
overflow:hidden;
}
.jump-send-f{
float: left;
width:890px;
margin-left:calc(50% - 445px);
background:#fff;
    border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px;
margin-top:-800px;
transition: all 0.8s ease 0s;
}
.jump-send-title{
            float: left;
    width: 100%;
    padding: 10px 40px 10px 18px;
    font-size: 15px;	
    background: #174571;
    color: #fff;
    border-radius: 10px;
position:relative;
}
.jump-send-close{
    position:absolute;
    right:7px;
top:4px;
width:30px;
height:30px;
cursor:pointer;
}
.jump-send-close:before{
    float:left;
    content: '\e60b';
width:30px;
height:30px;
text-align:center;
line-height:30px;
color:#fff;
font-size:20px;
font-family: icomoon;
}
.jump-send-close:hover:before{
    font-size:22px;
}
.jump-send-main{
    float: left;
    width: 100%;
}
.jump-send-center{
    float: left;
    width: calc(100% - 36px);
    margin-left: 18px;
    margin-top: 15px;
    margin-bottom: 35px;
}
.jump-send-input-f{
    float: left;
    width: 49%;
    position: relative;
    margin-top: 0px;
}
.jump-send-error{
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    top: 25px;
    border-radius: 10px;
    display: none;
}
.jump-send-in{
    margin-top: 20px;
    float: left;
    border: 1px solid #E8E8E8;
    width: calc(100% - 12px);
    height: 40px;
    color: #000;
    font-size: 15px;
    line-height: 5px;
    outline: none;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
padding-left: 10px;
}
.jump-send-down{
    background: #174571;
    width: 98%;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 50;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
        padding-left: 2%;
    transition: all 0.8s ease 0s;
    opacity: 0;
    border-radius: 0px 0px 10px 10px;
}
.send-input-f2 {
    margin-left: 2%;
}
.send-input-f3 {
    width: 100%;
}
.jump-send-textarea-f{
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.jump-send-error-2 {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: 5px;
    bottom: 5px;
    border-radius: 10px;
    display: none;
}
.jump-send-textarea{
    font-family: 'Roboto', serif, sans-serif;
    float: left;
    border: 1px solid #E8E8E8;
    width: calc(100% - 12px);
    height: 155px;
        padding-left: 10px;
text-align: left;
    color: #000;
    font-size: 14px;
    outline: none;
    border-radius: 10px;
    padding-top: 10px;
}
.jump-send-textarea:focus {
    border: 1px solid #174571;
}
.jump-vericode{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.jump-vericode-center{
    float: left;
    width: 228px;
    margin-left: calc(50% - 112px);
}
.jump-vericode-f{
    float: left;
    width: 100%;
    position: relative;
}
.jump-send-error-3{
    position: absolute;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #c80000;
    color: #c80000;
    right: -150px;
    bottom: 0px;
    border-radius: 10px;
    display: none;
}
.jump-send-in-code{
            float:left;
padding-left: 10px;
    border: 1px solid #E8E8E8;
    width: 85px;
    height: 30px;
    color: #000;
    font-size: 15px;
    outline: none;
border-radius: 10px;
}
.jump-send-in-code:focus {
    border: 1px solid #174571;
}
.jump-vericode-img{
            float: left;
margin-left: 10px;
    width: 110px;
    height: 36px;
    display: block!important;
}
.jump-send-btn{
    float: left;
    width: 100%;
    margin-top: 18px;
    font-family: 'Roboto', serif, sans-serif!important;
}
.jump-send-submit{
    float: left;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto', serif, sans-serif!important;
    cursor: pointer;	
    background: linear-gradient(to right,#174571 0%,#f57e16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c4fd',endColorstr='#c2e9fb',GradientType=1);
    box-shadow: 0 2px 0 0 #f57e16, 0 4px 0 0 #f57e16;
    color: #fff;
    transition: .3s;
    overflow: hidden;
}
.jump-send-refill{
float: left;
    margin-left: 15px;
    width: 96px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;	
    background: linear-gradient(to right,#8C8C8C 0%,#D0D0D1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c4fd',endColorstr='#c2e9fb',GradientType=1);
    box-shadow: 0 2px 0 0 rgba(193,193,193,.5), 0 4px 0 0 rgba(193,193,193,.5);
    transition: .3s;
    overflow: hidden;
    border: none;
    height: 40px;
    line-height: 40px;
}
.jump-send-in:focus {
    border: 1px solid #174571;
}
.jump-send-in:focus + .jump-send-down {
    opacity: 1;
    top: 58px;
}
.jump-send-submit:hover {
    background: linear-gradient(to right,#174571 0%,#f57e16 100%);
    margin-top: -5px;
    box-shadow: 0 5px 0 0 #f57e16, 0 10px 0 0 #f57e16;
}
.jump-send-refill:hover {
    background: #fff;
    color: #9C9C9C;
}

@media screen and (max-width:760px) {
    .send-input-f2 {
        margin-left: 0px;
    }
    .jump-send-textarea{
    height:100px;
}
    .jump-send-in:focus + .jump-send-down {
        opacity: 1;
        top: 38px;
    }
    .jump-send-down {
        height: 14px;
        font-size: 12px;
        line-height: 14px;
        transition: all 0.8s ease 0s;
        border-radius: 0px 0px 7px 7px;
    }
   .jump-send-in {
        height: 30px;
        font-size: 13px;
        line-height: 3px;
        border-radius: 6px;
margin-top: 10px;
    }
    .jump-send-center {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .jump-send-input-f {
        width: calc(100% - 2px);
    }
    .jump-send-f{
    width:94%;
margin-left:3%;
}
}













.fix-main-f{
    position: fixed;
width: 70px;
bottom: 30%;
display:none;
        right: 0px;
    z-index: 90;
}
.jumpllk{
padding:10px;
}
.jumplink-ico{
float:left;
width:100%;
transition: all 0.6s ease 0s;
    animation: myfirst 6s infinite;
}
.fix-w-wechat{
    float: left;
    width: 70px;
    height: 70px;
cursor:pointer;
}
.fix-w-c-wechat{
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
    animation: myfirst 6s infinite;
}
.fix-w-c-wechat:before{
    float:left;
width: 70px;
    height: 70px;
line-height:70px;
text-align:center;
    font-family: icomoon;
    content: '\e649';
    font-size:33px;
    color: #01B901;
}
.fix-w-c-qq:before{
    font-family: icomoon3;
    content: '\e648';
color: #00AFF0;
}
.fix-w-c-wechat:hover:before{
    color: #0089E2;
}
.wechat-blue:before{
    color: #0089E2;
}
.wechat-img-f{
    background: url(/new/templates/Web/en/images/wechatbk.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    left: 0px;
    bottom: -40px;
    width: 165px;
    height: 150px;
    margin-left: -170px;
    text-align: center;
display:none;
}
#id-wechat-img-f2{
    bottom: -15px;
}
.wechat-img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 142px;
    height: 142px;
}
.fix-w-conus{
float:left;
    width: 70px;
height:70px;	
cursor:pointer;
}  
.fix-w-skype{
float:left;
    width: 70px;
height:70px;
}
.fix-w-c-skype{
    float:left;
    width: 70px;
height:70px;
    transition: all 0.6s ease 0s;
animation: myfirst 6s infinite;
position:relative;
}
.fix-w-c-skype:before{
    font-family: icomoon;
    content: '\e632';
    position: absolute;
    font-size: 42px;
    color: #00AFF0;
    top: 0px;
    left: 0px;
width: 70px;
height:70px;
text-align:center;
line-height:70px;
}
.fix-w-c-whatsapp{
    float:left;
    width: 70px;
height:60px;
    transition: all 0.6s ease 0s;
animation: myfirst 6s infinite;
background:url(/new/templates/Web/en/images/whatsappico.png) no-repeat center;
} 

.fix-w-c-pic{
    float:left;
    width: 70px;
height:70px;
    background:url(/upload/202406/aaaa_1718673316_WNo_40d41.png) no-repeat center;
    transition: all 0.6s ease 0s;
animation: myfirst 6s infinite;
}    
@keyframes myfirst {  
    0% {  
        transform:scale(1);  
    }  
    84% {  
        transform:scale(1);  
    } 
    92% {  
        transform:scale(1.1);  
    }	
    100% {  
        transform:scale(1);  
    }  
}
.mobfixwin-f{
    position: fixed;
width:40px;
    bottom: 30%;
    right: -40px;
    z-index: 100;
display:none;
transition: all 0.6s ease 0s;
}
.mobfixwin-b{
    float:left;
width:40px;
height:40px;
font-size:18px;
color:#707071;
background:rgba(245,245,245,0.5);
margin-top:5px;
cursor:pointer;
}
.mobfixwin-b:before{
    float:left;
    font-family: "icomoon";
    width:40px;
height:40px;
text-align:center;
line-height:40px;
}
.mfw-arrow{
    cursor:pointer;
margin-left:20px;
margin-top:0px;
}
.mfw-arrow:before{
    content: "\e628";
}
.mfw-em:before{
    content: "\e604";
font-size:16px;
}
.mfw-skype:before{
    content: "\e632";
font-size:20px;
}
.mfw-qq:before{
    font-family: icomoon3;
    content: '\e648';
font-size:20px;
}
.mfw-whatsapp:before{
    font-family: "icomoon2";
    content: "\ea93";
font-size:20px;
}
.mfw-wechat{
    cursor:pointer;
margin-top:0px;
}
.mfw-wechat:before{
    content: "\e649";
font-size:20px;
}
.mobfixwin-b2{
    float: left;
    width: 60px;
    height: 40px;
    font-size: 18px;
    color: #707071;
    margin-top: 5px;
margin-left:-20px;
}
.mobfixwin-b3{
    float: left;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #707071;
    margin-top: 5px;
}
.mobfixwin-b-hide{
    float: left;
    width: 20px;
    height: 40px;
background: rgba(245,245,245,0.5);
cursor:pointer;
display:none;
}
.mobfixwin-b-hide:before{
    content: "\e625";
    float:left;
    font-family: "icomoon";
    width:20px;
height:40px;
text-align:center;
line-height:40px;
}
.scrollToTop{	
    border: none;
    outline: none;
border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    color: #f57e16;
    width: 35px;
    height: 35px;
transform: rotate(270deg);
    z-index: 9999;
    bottom: 60px;
    right: 10px;
    position: fixed;
cursor:pointer;
display:none;
}
.scrollToTop:before{
    content: "\e628";
width:100%;
text-align:center;
    top: 3px;
    float:left;
margin-top:8px;
    font-family: "icomoon";
    font-size: 20px;
    transition: all 0.6s ease 0s;
}
@media screen and (max-width:760px) {
    .mobfixwin-b-hide{
    display:block;
}
}h1,h2,h3{
    font-weight: normal;
}
.main-f{
    margin-bottom: 0px;
}
.shortname{
    position: absolute;
width:1px;
height:1px;
overflow:hidden;
font-size:12px;
color:#666;
}
.home-banner-f .slick-prev{
    display:inline-block!important;
}
.home-banner-f .slick-next{
    display:inline-block!important;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    width: 50px;
    line-height: 80px;
    font-size: 60px;
    cursor: pointer;
    opacity: 0.8;
    top: calc(50% - 24px);
    padding: 0;
    border: none;
    outline: none;
    z-index: 89;
    text-indent: 900px;
    overflow: hidden;
    color: #fff;
    transition: all 0.6s ease 0s;
background: none;
}
.slick-next {
    right: 60px;
}
.slick-prev {
    left: 60px;
}
.slick-prev:before, .slick-next:before {
    text-indent: 0;
    font-family: "icomoon";
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    font-family: "icomoon";
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
.slick-prev:before {
    content: "\e625";
    float: left;
}
.slick-next:before {
    float: right;
    content: "\e628";
}
.bbannitem {
    display: none;
}
.bbannitem:first-child {
    display: block;
}
.home-banner-f {
    float: left;
    width: 100%;
    position:relative;
}
.bann-txt-f{
    position:absolute;
    width:880px;
    left:calc(50% - 440px);
    top:100px;
    color:#FAFCFC;
}
.lomob-bk{
    float:left;
width:100%;
display:none;
}
.ban-lovi-f{
    float: left;
    width: 100%;
    position: relative;
}
.banlovi{
    object-fit: fill;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}
.lovi-txtf{
    position: absolute;
    width: 100%;
    z-index: 2;
transition: all 3s ease 0s;
top:-200px;
}
.ba-t-tit{
    float:left;width:100%;
    text-align:center;
    font-size:41px;
    font-weight:600;
}
.ba-t-txt2{
    float:left;width:100%;
    margin-top:25px;
    font-size:24px;
    text-align:center;
    line-height:32px;
}
.ba-t-btn-f{
    float:left;width:100%;
    margin-top:45px;
cursor:pointer;
}
.ba-t-btn{
    float:left;
    width:150px;
    height:44px;
    background:#174571;
    border-radius:22px;
    font-size:18px;
    color:#fff;
    line-height:44px;
    text-align:center;
    font-weight:600;
    margin-left:calc(50% - 75px);
    
}
.ba-t-btn:hover{
    background:#0ed7e2;
}
.in-b1{
    float:left;width:100%;
margin-top: 70px;
}
.in-b1-cet{
    float:left;
    width:1140px;
    margin-left:calc(50% - 570px);
}
.in-b1-lit{
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    
    background-position: 50% 0%;
    background-size: 1170px 370px;
    height: 330px;
    position:relative;
    overflow:hidden;
}
.img-preview{
    float:left;
    width: 660px;
    height: 330px;
overflow: hidden;
}
.ib1bkimg{
    float:left;
        width: 100%;
    }
.in-b1-li-right{
    position:absolute;
    width: 68%;
    right:0px;
    top:0px;
    height:100%;
}
.in-b1-li-right:after, .in-b1-li-right:before {
    content: "";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    right: -200px;
    transform: skewX(30deg);
    width: 100%;
    background-color: #fff;
    height:100%;
}
.in-b1-li-right:after{
    z-index:0;
}
.in-b1-li-right:before {
    width: calc(100% - 12px);
    background:#174571;
    z-index:1;
}
.in-b1-r-txt-f{
    position:absolute;
    z-index:2;
    width:calc(100% - 350px);
    left:290px;
    margin-top:40px;
    color:#fff;
}
.inb1-r-t1{
    float:left;width:100%;
    font-size:28px;
    text-align:center;
    font-weight:600;
}
.inb1-r-t2{
    float:left;width:100%;
    margin-top:30px;
    font-size:16px;
    line-height:25px;
    text-align:center;
}
.inb1-r-btn-f{
    float:left;width:100%;
    margin-top:25px;
}
.ib1-r-btn{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:#fff;
    position: relative;
    margin-left: calc(50% - 15px);
}
.ib1-r-btn:hover{
    transition: all 0.6s ease 0s;
    transform: rotate(360deg);
}
.ib1-r-btn:before {
    content: '';
    width: 20px;
    height: 2px;
    background: #174571;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 1px);
}
.ib1-r-btn:after {
    content: '';
    width: 2px;
    height: 20px;
    background: #174571;
    position: absolute;
    left: calc(50% - 1px);
    top: calc(50% - 10px);
}
.in-b2{
    float:left;width:100%;
margin-top:80px;
}
.move-f {
    float: left;
    width: 100%;
}
.move-f-title {
    font-size: 27px;
    color: #174571;
    position: relative;
}
.move-t-text {
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 100%;
    text-align: center;
    top: -25px;
}
.fp-title {
    background: #fff;
font-weight:bold;
}
.move-t-line {
    position: absolute;
    top: -3px;
    left: 0px;
    height: 1px;
    width: 100%;
    background: #EBEBEB;
    z-index: 0;
}
.move-main {
    float: left;
    width: 100%;
}
.move-m-text {
    float: left;
    width: 100%;
    color: #707071;
    font-size: 16px;
    margin-top: 30px;
    text-align:center;
}
.move-pro-f {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: -15px;
}
.move-btn {
    float: left;
    width: 100%;
}
.move-btn-next {
    float: right;
    width: 33px;
    height: 33px;
    border: 1px solid #174571;
    position: relative;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.move-btn-next:before {
    content: "\e628";
    position: absolute;
    line-height: 33px;
    text-align: center;
    width: 33px;
    height: 33px;
    left: 0px;
    top: 0px;
    font-family: "icomoon";
    color: #174571;
    font-size: 24px;
    transition: all 0.6s ease 0s;
}
.move-btn-next:hover{
    background:#174571;
}
.move-btn-next:hover:before{
    color: #fff;
}
.move-btn-prev {
    float: right;
    width: 33px;
    height: 33px;
    border: 1px solid #174571;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.move-btn-prev:hover{
    background:#174571;
}

.move-btn-prev:before {
    content: "\e625";
    position: absolute;
    line-height: 33px;
    text-align: center;
    width: 33px;
    height: 33px;
    left: 0px;
    top: 0px;
    font-family: "icomoon";
    color: #174571;
    font-size: 24px;
    transition: all 0.6s ease 0s;
}
.move-btn-prev:hover:before{
    color: #fff;
}
.move-pro-offset {
    float: left;
    width: 102%;
    margin-left: -2%;
    margin-top: 35px;
    position: relative;
}
.move-pro-linearr {
    float: left;
    width: 200%;
    margin-left: 0px;
transition: all 0.6s ease 0s;
}
.move-p-s {
    float: left;
    width: 11.5%;
    margin-left: 1%;
}
.move-p-s-center {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.move-p-img-a {
    float: left;
    overflow: hidden;
    width: 100%;
}
.move-p-img-a img{
    transition: all 0.4s ease 0s;
}
.move-p-img-a:hover  img{
     
    transform: scale(1.1);
}
.move-p-name{
    float:left;width:100%;
    font-size:14px;
    color:#4C4C4C;
    position:relative;
    font-weight:bold!important;
    margin-top:20px;
}
.move-p-name:before{
    content:"";
    position:absolute;
    width:35px;
    height:2px;
    background:#174571;
    left:0px;
    bottom:-15px;
    transition: all 0.6s ease 0s;
}
.move-p-name:hover:before{
     width:100%;
}
.in-b3{
    float:left;width:100%;
}
.m-box4{
    float:left;width:100%;
    margin-top:35px;
}
.b4-sel-f{
    float:left;width:100%;
position:relative;
}
.b4-sel-btnall{
    float:left;
width:100%;
text-align:center;
}
.b4-s-btn{
    padding:5px 15px;
    color:#707071;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
}
.b4-s-btn:hover{
    background: #f1f1f1;
    color: #707071;
}
.b4b-act{
    background:#174571;
    color:#fff;
}
.b4-main-f{
    float:left;width:100%;
    margin-top:35px;
}
.b4-m-sin{
    float:left;width:100%;
    display:none;
position:relative;
}
.b4-cover{
    position:absolute;
width:100%;
height:100%;
    background: rgba(0,0,0,.3);
    transition: all 0.6s ease 0s;
    z-index: 1;
opacity: 0;
}
.b4-cover:hover{
    opacity: 1;
}
.b4-first{
    display:block;
}
.b4-txt-mid-f{
    position:absolute;
width:60%;
left:20%;
height:60%;
top:20%;
}
.b4-text{
    float:left;
    width:100%;
    font-size:18px;
    color:#fff;
    line-height:30px;
    text-align:center;
height:calc(100% - 81px);
overflow:hidden;
}
.b4-btn-f{
    float:left;
    margin-top:15px;
    width:100%;
position:relative;
}

.b5-f{
    float:left;
    width:100%;
    margin-top:70px;
height:600px;
}
.b5-l-f{
    float:left;
width:calc(50% - 70px);
position:relative;
height:100%;
}
.b5-l-bk{
    position:absolute;
left:0px;
top:0px;
    background:#F7F7F7;
    width:calc(100% - 230px);
height:100%;
z-index:0;
}
.b5-l-img{
    position: absolute;
top:50%;
transform:translateY(-50%);
    width:500px;
    right:0px;
z-index:1;
}
.b5-l-txt-f{
    float:left;
    width: 94%;
margin-left:3%;
    margin-top:40px;
margin-bottom:40px;
display:none;
text-align:center;
}
.b5-mobl-img{
    float:left;
width:100%;
margin-top:20px;
}
.b5-r-f{
    float:left;
    width:calc(50% - 70px);
    margin-left:140px;
position:relative;
height:100%;
}
.b5-r-txt-f{
    position: absolute;
    top:50%;
transform:translateY(-50%);
    width:500px;
    left:0px;
z-index:1;
}
.b5-hide-pic{
    display:none;
float:left;
width:70%;
margin-top:20px;
margin-bottom:20px;
margin-left:15%;
}
.b5-r-t1{
    float:left;width:100%;
    color:#4C4C4C;
    font-size:24px;
font-weight:bold;
}
.b5-r-t2{
    float:left;width:100%;
    font-size:14px;
    color:#707071;
    position:relative;
    margin-top:15px;
    font-weight:600;
}
.b5-r-t2-t{
    position:relative;
}

.b5-r-t2-t:before{
    content:"";
    position:absolute;
    width:35px;
    height:2px;
    background:#174571;
    bottom:-10px;
    transition: all 0.6s ease 0s;
}
.b5-r-f:hover .b5-r-t2-t:before{
    width:100%;
}
.b5-r-t3{
    float:left;width:100%;
    margin-top:25px;
    color:#707071;
    font-size:14px;
    line-height:22px;
}
.b5-r-btn-f{
    float:left;width:100%;
    margin-top:30px;
}
.b5-r-btn{
     float:left;
     height:44px;
     padding-left:15px;
     padding-right:15px;
     background:#174571;
     border-radius:22px;
     color:#fff;
     text-align:center;
     font-size:18px;
     font-weight:bold;
     line-height:44px;
}
.b5-r-btn:hover{
        background: #f57e16;;
}
.b5-rl{
    float:left;
    width:40%;
    margin-left:0px;
}
.b6-f{
    float:left;
    width:100%;
height:600px;
}
.b6-l-f{
    float:left;
width: calc(50% - 70px);
height:100%;
position:relative;
}
.b6-r-txt-f{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    right: 0px;
    z-index: 1;
}
.b6-r{
    float: left;
    width:calc(50% - 70px);
margin-left:140px;
height:100%;
position:relative;
}
.b6-l-img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    left: 0px;
    z-index: 1;
}
.b6-r-bk{
    position: absolute;
    left: 230px;
    top: 0px;
    background: #F7F7F7;
    width: calc(100% - 230px);
    height: 100%;
    z-index: 0;
}
.in-b7{
    float:left;width:100%;
margin-top:80px;
}
.b7-main{
    float:left;width:100%;
    margin-top:0px;
}
.b7-left{
    float:left;
    width:calc(46% - 320px);
    margin-top:70px;
}
.b7-mid{
    float:left;
    width:640px;
    margin-left:4%;
}
.b7-right{
     float:left;
     width:calc(46% - 320px);
     margin-left:4%;
     margin-top:70px;
}
.b7-btn-sin{
    float:left;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    background:#FAFCFC;
    border-radius:5px;
    font-size:14px;
    margin-top:20px;
    cursor:pointer;
}
.b7-btn-ico{
    float:left;
    width:18px;
    height:18px;
    position:relative;
    margin-left:12%;
}
.b7-btn-ico:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #4C4C4C;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}
.b7-btn-ico:after {
    content: '';
    border-width: 5px 7px;
    border-color: transparent transparent transparent #4C4C4C;
    left: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    border-style: solid;
    cursor: pointer;
    z-index: 3;
}
.b7-btn-sin:hover{
    background: #174571;
}
.b7-btn-sin:hover .b7-btn-s-txt{
    color:#fff;
}
.b7-btn-sin:hover .b7-btn-ico:before{
    border: 1px solid #fff;
}
.b7-btn-sin:hover .b7-btn-ico:after{
    border-color: transparent transparent transparent #fff;
}
.b7-btn-s-txt{
    float:left;
    width:calc(78% - 18px);
    margin-left:10%;
    margin-top:2px;
    color:#707071;
}
.b7-btn-act{
    background:#174571;
}
.b7-btn-act .b7-btn-ico:before{
    border: 1px solid #fff;
}
.b7-btn-act .b7-btn-ico:after {
    border-color: transparent transparent transparent #fff;
}
.b7-btn-act .b7-btn-s-txt{
    color:#fff;
}
.b7-t-ds{
    margin-bottom:65px;
}
.b7-video{
    float:left;
    width:100%;
    background:#FAFCFC;
    height:410px;
position:relative;
cursor:pointer;
}
.b7-video:before {
    content: '';
    width: 66px;
    height: 66px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    margin: auto;
    z-index: 2;
    overflow: hidden;
    border-radius: 50%;
border:3px solid #fff;
background:rgba(255,255,255,0);
transition: background 0.6s ease 0s;
}
.b7-video:after {
    content: '';
    left: 27px;
    right: 0;
    border-width: 15px 23px;
    border-color: transparent transparent transparent #fff;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0;
    border-style: solid;
    margin: auto;
    z-index: 3;
transition: border-color 0.6s ease 0.6s;
}
.b7-video:hover:before{
    background:rgba(255,255,255,1); 
} 
.b7-video:hover:after{
    border-color: transparent transparent transparent #174571;
}
.b7-video iframe{
    float:left;
    width:100%;
    height:410px;
}
.b7-mi-t{
    float:left;width:100%;
    color:#707071;
    font-size:14px;
    text-align:center;
    margin-top:30px;
    position: relative;
}
.b7-line{
    position:absolute;
    width:0px;
    height:1px;
    background:#174571;
}
.b7-mi-t-t{
    position:relative;
}
.i-video-mob{
    float:left;
    width:100%;
    display:none;
}
.iv-sin{
    float:left;
    width:100%;
position:relative;
cursor:pointer;
}
.iv-sin:before {
    content: '';
    width: 66px;
    height: 66px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    cursor: pointer;
    margin: auto;
    z-index: 2;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #fff;
    background: rgba(255,255,255,0);
    transition: background 0.6s ease 0s;
}
.iv-sin:after {
    content: '';
    left: 27px;
    right: 0;
    border-width: 15px 23px;
    border-color: transparent transparent transparent #fff;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0;
    border-style: solid;
    margin: auto;
    z-index: 3;
    transition: border-color 0.6s ease 0.6s;
}
.iv-sin iframe{
    float:left;
    width:100%;
    height:450px;
}
.iv-mob-btn-f{
    float:left;
    width:100%;
    margin-top:30px;
}
.iv-btn-prev{
    float:left;
    margin-right:0px;
}
.ivm-desc{
    float:left;
    width:calc(94% - 70px);
    margin-left:3%;
    text-align:center;
    margin-top:5px;
}

.in-whychooseus{
    float: left;
    width: 100%;
    margin-top: 60px;
}
.why-main{
    float: left;
    width: 103%;
    margin-left: -3%;
    margin-top: 35px;
}
.why-single{
        float:left;		
margin-left:3%;
background:url('/upload/1722490423_whybk.png');
width:30%;
background-repeat:no-repeat;
background-color:#F4F4F4;
position:relative;
margin-top:25px;
overflow:hidden;
    background-size:0% 0%;
transition: all 0.6s ease 0s;
padding-bottom:50px;
}
.why-s-text-f{
        float:left;
padding-left:60px;
margin-top:45px;
width:calc(100% - 60px);
    text-align:center;
}
.why-s-text1{
float:left;
width:100%;
font-size:16px;
color:#000;
transition: all 0.6s ease 0s;
}
.why-s-text2{
        font-family: 'Roboto', sans-serif;
float:left;
width:100%;
font-size:16px;
color:#4c4c4c;
margin-top:15px;
line-height:30px;
transition: all 0.6s ease 0s;
}
.why-ico{
        left:-25px;
position:relative;
top:-25px;
z-index:2;
width: 85px;
    height: 85px;
border-radius: 100%;
background: #174571;
}
.why-ico:before{
content:'';
position:absolute;
    left:38px;
top:35px;
width:28px;
height:31px;
z-index:5;
background-image: url(/new/templates/Web/en/images/indexbk.png);
    background-repeat: no-repeat;
}
.w-ico-1:before{
background-position: 0 -93px;
}
.w-ico-2:before{
background-position: 0 -124px;
}
.w-ico-3:before{
background-position: 0 -155px;
}
.w-ico-4:before{
background-position: 0 -186px;
}
.w-ico-5:before{
background-position: 0 -217px;
}
.w-ico-6:before{
background-position: 0 -248px;
}
.why-single:hover{
background-size:100% 100%;
}
.why-single:hover .why-s-text1{
color:#fff;
}
.why-single:hover .why-s-text2{
color:#fff;
}
.why-single:hover .why-ico{
background: #333333;
}

.in-b8{
    float:left;width:100%;
margin-top:95px;
}
.b8-main{
    float:left;width:100%;
    margin-top:30px;
}
.b8-sin-line{
     float:left;
     width:100%;
}
.b8-l1-sin{
    float:left;
    height:350px;
    overflow:hidden;
    position:relative;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}
.b8-l1-s-l{
    width:66.5%;
}
.b8-l1-s-r{
    width:33.5%;
}
.b8-l2-s-l{
    width:33.5%;
}
.b8-l2-s-r{
    width:66.5%;
}
.b8-b-txt{
    position:absolute;
    left:5%;
    bottom:40px;
    width:95%;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    z-index:2;
}
.b8-b-txt:before{
    content:'';
    width:50px;
    height:2px;
    position:absolute;
    background:#174571;
    bottom:-10px;
}
.cross-btn2{
    position: absolute;
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(0,159,168,0);
    left: calc(50% - 33px);
    top: calc(50% - 33px);
    transition: all 0.6s ease 0s;
    z-index:2;
background: rgba(0,159,168,.7);
opacity:0;
}
.cross-btn2:before {
    content: '';
    width: 40px;
    height: 4px;
    background: #C8C9C9;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 2px);
}
.cross-btn2:after {
    content: '';
    width: 4px;
    height: 40px;
    background: #C8C9C9;
    position: absolute;
    left: calc(50% - 2px);
    top: calc(50% - 20px);
}
.b8-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    transition: all 0.6s ease 0s;
    z-index:1;
}
.b8-l1-sin:hover .b8-cover {
    background: rgba(0,0,0,.4);
}
.b8-l1-sin:hover .cross-btn2 {
    opacity:1;
}
.b8-btn-f{
    position:absolute;
    width:100%;
    top:140px;
}
.move-b8-bann-btn-f {
    float: left;
    width: 100%;
    margin-top:-20px;
}
.in-b9{
    float:left;width:100%;
margin-top:80px;
}
.b9-main {
    float: left;
    width: calc(100% + 30px);
    margin-left:-15px;
    margin-top: 60px;
}
.b9-i-img{
    float:left;width:100%;
    position:relative;
    overflow:hidden;
    border-radius:10px;
}
.b9-cover{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition: all 0.6s ease 0s;   
}
.item-in:hover .b9-cover{
    background:rgba(0,0,0,.2);
}
.item-in:hover .b9-i-img img{
    transform: scale(1.1);
}
.b9img{
    transition: all 0.6s ease 0s;  
}
.item-in:hover .b9-s-t1{
    color:#174571;
}
.item-in{
    float:left;
    width:100%;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:120px;
    position:relative;
}
.b9-s-txt-f{
    position:absolute;
    bottom:0px;
    width:76%;
    left:12%;
    padding-bottom:30px;
    border-radius:10px;
    background:#FAFCFC;
}
.b9-s-t1{
    float:left;
    width:90%;
    margin-left:5%;
    margin-top:20px;
    color:#4C4C4C;
    font-size:16px;
    text-align:center;
    font-weight:600;
}
.b9-s-t2{
    float:left;
    width:90%;
    margin-left:5%;
    margin-top:15px;
    color:#707071;
    font-size:14px;
    text-align:center;
}
.in-b10{
    float:left;width:100%;
margin-top:60px;
}
.b10-f{
    float:left;width:100%;
}
.b10-main {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.item{
    position:relative;
}
.h-banner-a{
    float:left;
width:100%;
}
.bbpic-a{
    float:left;
width:100%;
}
.bbannitem{
    position:relative;
}
.b10-i-img{
    float:left;width:100%;
    position:relative;
    overflow:hidden;
    display:block;
}
.b10img{
    float:left;width:100%;
    transition: all 0.6s ease 0s;   
}
.b10-cover{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    transition: all 0.6s ease 0s;   
}
.b10-i-img:hover .b10-cover{
    background:rgba(0,0,0,.4);
}
.b10-i-img:hover .b10img{
    transform: scale(1.1);
}
.b10-main .item{
    position:relative;
}
.b10-s-t1{
    position:absolute;
    bottom:90px;
    color:#fff;
    font-size:24px;
    z-index:5;
    width:100%;
left:20px;
}
.b10-s-t1:before{
    content:"";
    position:absolute;
    bottom:-15px;
    width:105px;
    height:2px;
    background:#174571;
    z-index:5;
}
.sel-new{
float:left;
width:100%;
margin-top:40px;
 
}
.sel-n-center{
float:left;
width:1140px;
    margin-left:calc(50% - 570px);
margin-bottom:0px;
}
.sel-n-btn-f{
float:left;
width:100%;
height:50px;
border-bottom:2px solid #DDDDDD;
}
.sel-n-btn-offset{
float:left;
width:calc(100% + 30px);
    margin-left:-30px;
font-weight:500;
}
.sel-n-sel-f{
border:none;
float:left;
width:calc(100% - 100px);
overflow:hidden;
height:55px;
background:none;
}
option{
padding:0px;
}
.sel-btn{
        float:left;
margin-left:30px;
color:#4c4c4c;
font-size:16px;
font-weight:bold;
height:48px;
margin-top:2px;
border-bottom:2px solid #DDDDDD;
cursor:pointer;
}
.sel-btn-active{
        float:left;
margin-left:30px;
font-size:16px;
font-weight:bold;
height:48px;
margin-top:2px;
color:#174571;
border-bottom:2px solid #174571;
}
.sel-n-readmore{
        font-family: 'Roboto',  sans-serif;
    float:right;
font-size:15px;
color:#174571;
margin-top:20px;
display:none;
}
select:-internal-list-box {
    border-color: none;
}
.sel-n-mob-btn{
float:left;
width:calc(100% - 2px);
height:35px;
border:1px solid #E0E0E0;
border-radius:5px;
cursor:pointer;
display:none;
}
.sel-n-mob-btn-close{
float:left;
width:calc(100% - 2px);
height:35px;
border:1px solid #E0E0E0;
border-radius:5px;
cursor:pointer;
display:none;
}
.sel-n-mob-btn-left{
        float:left;
}
.sel-n-mob-btn-sline{
width:44px;
float:left;
text-align:center;
}
.sel-n-mob-btn .sel-n-mob-btn-sline:before{
content: '\e637';
    font-family: icomoon;
    font-size: 20px;
    color: #707071;
    line-height: 35px;
}
.sel-n-mob-btn-close .sel-n-mob-btn-sline:before{
content: '\e60b';
    font-family: icomoon;
    font-size: 20px;
    color: #707071;
    line-height: 35px;
}
.sel-n-mob-btn-right{
            float:right;
margin-right:20px;
}
.sel-n-mob-btn-menu{
float:left;
color:#707071;
font-size:13px;
line-height:35px;
position:relative;
}
.sel-n-mob-btn-menu:before{
content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 5px solid transparent;
    border-top-color: #707071;
        left: -30px;
    top: 15px;
}
.sel-main-f{
float:left;
width:100%;
margin-top:30px;
}
.showselnew{
float:left;
width:101.5%;
    margin-left:-1.5%;
}
.hideselnew{
display:none;
}
.sel-n-n-single{
        float:left;
margin-left:1.5%;
width:23.5%;
background:#F7F7F7;
}
.sel-n-n-s-imga{
float:left;
width:100%;
overflow:hidden;
}
.sel-s-center{
float:left;
width:calc(100% - 30px);
margin-left:15px;
position:relative;
padding-bottom:40px;
}
.sel-n-s-date{
position:absolute;
width:65px;
height:65px;
border:2px solid #174571;
background:#fff;
border-radius:2px;
top:-32.5px;
    right:0px;
transition: all 0.6s ease 0s;
}
.sel-n-s-date-d{
float:left;
width:100%;
font-size:24px;
color:#174571;
margin-top:10px;
text-align:center;
}
.sel-n-s-date-m{
float:left;
width:100%;
font-size:13px;
color:#707071;
text-align:center;
}
.sel-n-textf{
float:left;
width:100%;
}
.sel-s-name{
margin-top:50px;
float:left;
width:100%;
font-size:14px;
color:#4c4c4c;
line-height:25px;
    transition: all 0s ease 0s;
}
.sel-s-name h3{
    font-weight:700;
}
.sel-s-name:hover{
color:#174571;
}
.sel-s-desc{
        font-family: 'Roboto',  sans-serif;
float:left;
width:100%;
font-size:15px;
color:#4c4c4c;
line-height:20px;
margin-top:15px;
}
.sel-n-s-img{
float:left;
width:100%;
transition: all 0.6s ease 0s;
}
.sel-n-n-single:hover .sel-n-s-img{
transform:scale(1.1);
}
.sel-n-n-single:hover .sel-n-s-date{
transform:scale(1.2);
}
.b11-f{
    float:left;width:100%;
    margin-top:75px;
    background:#F7F7F7;
    padding-bottom:55px;
}
.b11-cet{
    float: left;
    width: 1140px;
    margin-left: calc(50% - 570px);
}
.b11-tit{
    margin-top:60px;
}
.b11-tit-w{
    background:#F7F7F7;
font-weight:bold;
}
.b11-main{
    float:left;width:100%;
    margin-top:70px;
}

.b11-l{
    float:left;
    width:46%;
}
.b11-r{
    float:left;
    width:46%;
    margin-left:8%;
}
.b11-img-f{
    float:left;width:100%;
}
.b11-img{
    float:left;
    width:120px;
    height:120px;
    margin-left:calc(50% - 60px);
    border-radius:50%;
    overflow:hidden;
}
.b11-txt1{
    float:left;width:100%;
    margin-top:30px;
    font-size:14px;
    color:#707071;
    text-align:center;
    line-height:25px;
    position:relative;
}
.b11-txt1:before{
    content:"";
    position:absolute;
    width:36px;
    height:2px;
    background:#174571;
    bottom:-35px;
    left:calc(50% - 18px);
}
.b11-txt2{
    float:left;width:100%;
    margin-top:70px;
    text-align:center;
    color:#4C4C4C;
    font-size:18px;
    font-weight:bold;
}
.b11-txt3{
    float:left;width:100%;
    text-align:center;
    color:#4C4C4C;
    font-size:14px;
    margin-top:10px;
}
.b12-main{
    float:left;
width:100%;
    position:relative;
z-index:2;
margin-top:70px;
}
.b12-bk{
    position:absolute;
width:100%;
height:50%;
left:0px;
bottom:0px;
background: #F5F5F5;
z-index:-1;
}
.b12-show{
     float:left;
     width:1140px;
     margin-left:calc(50% - 570px);
     border-radius:20px;
     background:#174571;
     position:relative;
}
.b12-s-t1{
     float:left;
     width:94%;
     margin-left:3%;
     margin-top:60px;
     margin-bottom:60px;
     color:#fff;
     font-size:48px;
     text-align:center;
}
.b12-s-btn{
    position:absolute;
    width:164px;
    padding-top:14px;
    padding-bottom:14px;
    background:#fff;
    color:#174571;
    font-size:18px;
    bottom:-25px;
    left:calc(50% - 82px);
    z-index:3;
    text-align:center;
    border-radius:25px;
    font-weight:bold;
}
.b12-s-btn:hover{
    color:#000;
}
.bfixbk{
    float:left;
    background: url(/upload/202406/aa_1718680462_WNo_1920d1294.jpg) no-repeat;
    height: 539px;
    margin-top:130px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    position:relative;
}
.bfix-txt{
    position:absolute;
    width:680px;
    left:calc(50% - 340px);
    top:50px;
    color:#fff;
}
.bfix-t1{
    float:left;
    width:100%;
    text-align:center;
    font-size:48px;
    font-weight:bold;
}
.bfix-t2{
    float:left;width:100%;
    text-align:center;
    font-size:24px;
    margin-top:30px;
    line-height:35px;
}
.bfix-btn{
    float:left;
    display: block;
    margin-left:calc(50% - 145px);
    width: 290px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #fff;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fff;
    color: #444;
    margin-top:50px;
    padding-left:50px;
}
.bfix-btn i {
    background: url(/new/templates/Web/en/images/b.png) no-repeat right center;
    width: 28px;
    height: 70px;
    display: block;
    float: right;
    margin-right: 1.48vw;
    transition: all 0.3s ease;
    
}
.bfix-btn:hover{
    background-color: rgb(0,0,0,0);
    color: #fff;
    border: 1px solid #fff;
}
.bfix-btn:hover i {
    background: url(/new/templates/Web/en/images/white.png)no-repeat right center;
}
.m-t-t-main{
    top:-25px;
}

.loop-f{
    float:left;
width:100%;
margin-top:70px;
}
.lop-text-f{
background:#174571;
}
.lop-text{
    float:left;
margin:35px 5% 25px 5%;
    width:90%;	
color:#F4F9F9;
text-align:center;
}
.lop-t1{
    float:left;
width:100%;
font-size:28px;
font-weight:600
}
.lop-t2{
    float:left;width:100%;
font-size:16px;
margin-top:35px;
}
.lop-btn-f{
    float:left;width:100%;
margin-top:30px;
}
.sqRoll{
    float:left;
width:100%;
}
.sqRoll .roll {
width: 1180px;
margin: 0 auto;
z-index: 1;
min-height: 120px !important
}
.sqRoll .images_rolling {
width: 100%
}

.sqRoll .imageflow {
position: relative;
text-align: left;
width: 100%;
z-index: 0;
margin: 0 auto
}

.sqRoll .imageflow img {
border: 0;
position: absolute;
top: 0;
-ms-interpolation-mode: bicubic;
visibility: hidden;
box-shadow: 0 0 8px 1px rgba(171,165,165,0.7);
max-height: 100%
}

.sqRoll .image_show {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 100px;
background: rgba(0,0,0,.6);
z-index: 999
}

.sqRoll .image_bigger {
display: block;
margin: auto;
width: 30%
}

.sqRoll .image_show .close {
position: absolute;
top: 35px;
right: 25px;
color: #f1f1f1;
font-size: 60px;
font-weight: bold;
transition: .3s
}

.sqRoll .close:hover,.sqRoll .close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer
}

.sqRoll .showText {
text-align: center
}
@media(max-width:1500px) and (min-width:1200px) {
.sqRoll .imageflow {
position: relative;
text-align: left;
width: 80%;
z-index: 0;
margin: 0 auto
}
}

@media(max-width:1200px) and (min-width:1024px) {
.sqRoll .roll {
width: 100%
}

.sqRoll .image_bigger {
margin: 0 auto;
width: 60%
}
}

@media(max-width:1024px) and (min-width:990px) {
.sqRoll .roll {
width: 100%
}

.sqRoll .image_bigger {
margin: 0 auto;
width: 80%;
height: 80%
}
}

@media(max-width:989px) and (min-width:768px) {
.sqRoll .roll {
width: 100%
}

.sqRoll .image_bigger {
margin: 0 auto;
width: 80%
}
}

@media(max-width:768px) and (min-width:420px) {
.sqRoll .roll {
width: 100%
}

.sqRoll .image_show {
padding-top: 20px
}

.sqRoll .image_bigger {
margin: 0 auto;
width: 80%;
height: 80%
}
}

@media(max-width:420px) {
.sqRoll .roll {
width: 100%
}

.sqRoll .image_bigger {
margin: 0 auto;
width: 90%
}
}

@media screen and (max-width:1200px) {
    .b5-r-txt-f,.b6-l-img,.b6-r-txt-f,.b5-l-img {
        width: 93.48%;
    }
    .b6-l-f,.b5-l-f {
        width: 46%;
    }
.b6-r,.b5-r-f {
        width: 46%;
        margin-left: 8%;
    }
    .sel-n-center,.b11-cet ,.b12-show{
         width: 94%;
         margin-left: 3%;
         margin-bottom: 30px;
    }
    .inb1-r-t2{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    .in-b1-cet {
        width: 94%;
        margin-left: 3%;
    }
   .slick-dots {
        bottom: 50px;
    }
}

@media screen and (max-width:1000px) {
     .b12-s-t1 {
         font-size: 40px;
    }
    .i-video-mob{
        display:block;
    }
    .b7-left, .b7-mid, .b7-right{
        display:none;
    }
}
@media screen and (max-width:900px) {
    .bann-txt-f{
        width: 94%;
        left: 3%;
    }
}
.b6-mobl-img{
    float:left;
width:100%;
margin-top:20px;
display:none;
}
@media screen and (max-width:760px) {
    .b10-s-t1{
    bottom:20px;
    }
    .why-s-text-f {
    width: 94%;
    padding-left: 3%;
    margin-top: 70px;
    }
    .why-single {
        width: 47%;
        margin-left: 3%;
    padding-bottom: 30px;
    }
.b6-l-img{
    display:none;
}
.b6-r-bk{
    left: 0px;
    top: 0px;
    background: #F7F7F7;
    width: 100%;
    height: 100%;
}
.b6-r{
    display:none;
}
.b6-mobl-img{
    display:block;
}
.b6-r-txt-f{
    position: relative;
float:left;
    top: 0%;
    transform: translateY(0%);
    width: 100%;
margin-top:40px;
margin-bottom:40px;
text-align:center;
}
    .b6-l-f {
        width: 94%;
margin-left:3%;
    }
.b6-f{
    height:auto;
margin-top:40px;
width:94%;
margin-left:3%;
background: #F7F7F7;
}
.b5-f{
    height:auto;
    width: 94%;
    margin-left:3%;
    margin-top: 40px;
background: #F7F7F7;
}
    .b5-l-bk {
       display:none;
    }
.b5-l-f {
    width:100%;
height:auto;
}
.b5-l-txt-f{
    display:block;
}
    .b5-r-f {
        display:none;
    }
.b5-l-img {
    display:none;
    }
.b12-s-t1{
    font-size:20px!important;
}
.img-preview{
    display:none;
}
.b4-btn-f {
    margin-top: 10px;
}
.b4-text {
    height: calc(100% - 56px);
}
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0px;
}
.slick-prev:before, .slick-next:before {
    font-size:20px;
}
    h3{
    font-size: 1em!important;
}
    #id-b10-prev,#id-b10-next,#id-b9-next,#id-b9-prev,#id-b2-next,#id-b2-prev,#mpro-btn-next,#mpro-btn-prev{
    display:none;
}
    .item-in {
        padding-left: 7px;
        padding-right: 7px;
    }
    .move-btn-prev {
        float: left;
    }
    .move-btn{
    margin-top:20px;
}
    .in-b1 {
        margin-top: 30px;
    }
    .b12-show {
    margin-top: 40px;
    }
    .b11-f {
         margin-top: 30px;
    }
     .sel-n-n-single {
    float: none;
    width: calc(48.5% - 5px);
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
    }
    .sel-btn {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    float: left;
    color: ##174571;
    font-size: 14px;
    height: auto;
    margin-top: 0px;
    border-bottom: none;
    font-family: 'Roboto_M';
    margin-left: 0px;
    text-align: left;
    padding-left: 15px;
    }
    .sel-btn-active {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #174571;
    padding-top: 13px;
    padding-bottom: 13px;
    height: auto;
    margin-top: 0px;
    font-family: 'Roboto_M';
    margin-left: 0px;
    text-align: left;
    padding-left: 15px;
    }
    .sel-n-btn-offset {
         width: 100%;
         margin-left: 0px;
         display: none;
     }
     .sel-n-btn-f {
        border-bottom: none;
        height: auto;
    }
    .b10-main {
         margin-top: 20px;
    }
    .b9-main {
        margin-top: 20px;
width: calc(100% + 14px);
        margin-left:-7px;
    }
    .move-b8-bann-btn-f {
        margin-top: 20px;

    }
    .in-b9 {
        margin-top: 10px;
    }
    .bfix-btn i {
        width: 28px;
        height: 45px;
        back-size:100%;
margin-right:15px;
    }
    .bfix-btn {
        margin-left: calc(50% - 100px);
        width: 200px;
        height: 45px;
        line-height: 45px;
        padding-left: 15px;
margin-top:20px;
    }
    .b8-b-txt:before {
        width: 40px;
    }
.bfix-t2 {
    margin-top: 15px;
    line-height: 25px;
    }
    .bfixbk {
        height: 350px;
        margin: 40px 0;
        margin-top: 50px;
    }
    .bfix-txt {
        width: 94%;
        left: 3%;
    }
    .b8-main {
        margin-top: 30px;
    }
    .in-b8 {
        margin-top: 70px;
    }
    .b7-main{
        margin-top:-30px;
    }
    .b7-f {
        margin-top: 70px;
    }
     .cross-btn2:after {
        width: 2px;
        height: 28px;
        left: calc(50% - 1px);
        top: calc(50% - 14px);
    }
    .cross-btn2:before {
        width: 28px;
        height: 2px;
        left: calc(50% - 14px);
        top: calc(50% - 1px);
    }
    .cross-btn2{
        width: 46px;
        height: 46px;
        left: calc(50% - 23px);
        top: calc(50% - 23px);
    }
    .b4-btn:after {
         width: 2px;
         height: 28px;
         left: calc(50% - 1px);
         top: calc(50% - 14px);
    }
    .b4-btn:before {
        width: 28px;
        height: 2px;
        left: calc(50% - 14px);
        top: calc(50% - 1px);
    }
    .b4-btn {
        width: 46px;
        height: 46px;
        margin-left: calc(50% - 23px);
    }
    .b8-l1-sin {
        width:100%;
        height: 150px;
        overflow: hidden;
    }

    .b6-l-img {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .b5-f {
        margin-top: 40px;
    }
    .b5-rl{
        left: auto;
        right:3%;
    }
.b4-cover {
        opacity: 1;
    }
    .b4-main-f {
        margin-top: 30px;
    }
    .m-box4 {
        margin-top: 50px;
    }
    .b4b-act {
        background: none!important;
        color: #174571!important;
        border-bottom: 1px solid #174571;
    }
.b4-sel-btnall{
    float:left;
position: relative;
transform: translateX(0%);
left:0;
width:calc(100% - 15px);
margin-left:15px;
}
    .b4-s-btn {
    float:left;
display:block;
        width: 100%;
        text-align: left;
    }
    .sel-n-mob-btn-close {
        display: block;
    }
    .b4-sel-f{
        display:none;
        margin-top:20px;
    }
    .sel-n-mob-btn {
        display: block;
    }
    .in-b1-r-txt-f {
        float:left;
        position: relative;
        width: 94%;
        margin-left:3%;
        left: 0px;
        margin-top: 40px;
        margin-bottom:40px;
    }
     .in-b1-lit{
         height:auto;
     }
     .in-b1-li-right {
        float:left;
        position:relative;
        width: 100%;
        background:#174571;
    }
    .in-b1-li-right:after, .in-b1-li-right:before {
        transform: skewX(0deg);
        width: 100%;
        background-color: none;
opacity:0;
    }
    .in-box1 {
        margin-top: 30px;
    }
    .slick-dots li button {
        width: 30px;
    }
    .slick-dots {
        bottom: 30px;
    }
    .ba-t-btn {
        width: 100px;
        height: 32px;
        border-radius: 16px;
        line-height: 32px;
        margin-left: calc(50% - 50px);
    }
    .ba-t-txt2{
        display:none;
    }
}

@media screen and (max-width:500px) {
    .b5-hide-pic{
    display:block;
}
    .b5-r-btn {
        float: none;
        padding:10px 15px;
        border-radius: 22px;
    }
    .b5-r-t1 {
        margin-top: 0px;
    }
   .b5-r-f {
        float: left;
        position: relative;
        left: 0;
        width: 94%;
        margin-left: 3%;
        padding-left:5%;
        padding-right:5%;
        padding-top:30px;
        padding-bottom:30px;
        background:#F7F7F7;
        text-align:center;
    }
}
@media screen and (max-width:400px) {
    .slick-dots {
        bottom: -10px;
    }
    .ba-t-btn-f {
        margin-top: 20px;
    }
    .fs-41{
        font-size:20px!important;
    }
}