@media screen and (max-width: 767px) { .h1_2 {
font-size: 30px;
line-height: 40px;
}
.section-title .title {
font-size: 18px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.main-menu li a {
padding: 8px 8px;
font-size: 14px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
.section-tit .title {
font-size: 22px;
}
.main-menu li a {
padding: 8px 8px;
font-size: 14px;
}
.section-title .title {
font-size: 22px;
}
.world {
background-image: url(//www.longo-tech.net/wp-content/themes/longo-tech/static/picture/world1.jpg);
}
.wor-4 p {
color: #0059a6;
font-size: 20px;
text-transform: capitalize;
}
.wor-4 h5 {
color: #666666;
font-size: 18px;
font-weight: 500;
}
.section-title {
padding-bottom: 30px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1550px) {
.section-tit .title {
font-size: 30px;
}
.main-menu li a {
padding: 10px 13px;
font-size: 16px;
}
.section-title .title {
font-size: 30px;
}
.world {
background-image: url(//www.longo-tech.net/wp-content/themes/longo-tech/static/picture/world1.jpg);
}
.section-title {
padding-bottom: 30px;
}
.wor-4 p {
color: #0059a6;
font-size: 20px;
text-transform: capitalize;
}
.wor-4 h5 {
color: #666666;
font-size: 18px;
font-weight: 500;
}
}
@media screen and (min-width: 768px) { .h1_2 {
font-size: 30px;
line-height: 50px;
}
}
@media screen and (min-width: 1200px) { .h1_2 {
font-size: 36px;
line-height: 50px;
}
}
@media screen and (min-width: 1500px) { .h1_2 {
font-size: 50px;
line-height: 65px;
}
}
@media screen and (min-width: 1600px) { .h1_2 {
font-size: 50px;
line-height: 70px;
}
}
@media screen and (max-width: 767px) { .h5 {
font-size: 24px;
line-height: 34px;
}
}
@media screen and (max-width: 350px) { .h5 {
font-size: 20px;
line-height: 30px;
}
}
@media screen and (min-width: 768px) { .h5 {
font-size: 20px;
line-height: 30px;
}
}
@media screen and (min-width: 992px) { .h5 {
font-size: 24px;
line-height: 34px;
}
}
@media screen and (min-width: 1200px) { .h5 {
font-size: 26px;
line-height: 36px;
}
}
@media screen and (min-width: 1500px) { .h5 {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (max-width: 767px) { .h8 {
font-size: 18px;
line-height: 28px;
}
}
@media screen and (min-width: 768px) { .h8 {
font-size: 18px;
line-height: 28px;
}
}
@media screen and (min-width: 1200px) { .h8 {
font-size: 19px;
line-height: 29px;
}
}
@media screen and (min-width: 1500px) { .h8 {
font-size: 20px;
line-height: 30px;
}
} .h11 {
font-size: 16px;
line-height: 26px;
}
@media screen and (max-width: 767px) { .mg_btm_25 {
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) { .mg_btm_25 {
margin-bottom: 15px;
}
}
@media screen and (min-width: 1200px) { .mg_btm_25 {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1500px) { .mg_btm_25 {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) { .mg_btm_20 {
margin-bottom: 8px;
}
}
@media screen and (min-width: 768px) { .mg_btm_20 {
margin-bottom: 10px;
}
}
@media screen and (min-width: 992px) { .mg_btm_20 {
margin-bottom: 12px;
}
}
@media screen and (min-width: 1200px) { .mg_btm_20 {
margin-bottom: 16px;
}
}
@media screen and (min-width: 1500px) { .mg_btm_20 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) { .pd_top_60 {
padding-top: 24px;
}
}
@media screen and (min-width: 768px) { .pd_top_60 {
padding-top: 30px;
}
}
@media screen and (min-width: 992px) { .pd_top_60 {
padding-top: 36px;
}
}
@media screen and (min-width: 1200px) { .pd_top_60 {
padding-top: 48px;
}
}
@media screen and (min-width: 1500px) { .pd_top_60 {
padding-top: 60px;
}
}
@media screen and (max-width: 767px) { .pd_btm_60 {
padding-bottom: 24px;
}
}
@media screen and (min-width: 768px) { .pd_btm_60 {
padding-bottom: 30px;
}
}
@media screen and (min-width: 992px) { .pd_btm_60 {
padding-bottom: 36px;
}
}
@media screen and (min-width: 1200px) { .pd_btm_60 {
padding-bottom: 48px;
}
}
@media screen and (min-width: 1500px) { .pd_btm_60 {
padding-bottom: 60px;
}
}
@media screen and (max-width: 767px) { .pd_btm_100 {
padding-bottom: 40px;
}
}
@media screen and (min-width: 768px) { .pd_btm_100 {
padding-bottom: 50px;
}
}
@media screen and (min-width: 992px) { .pd_btm_100 {
padding-bottom: 60px;
}
}
@media screen and (min-width: 1200px) { .pd_btm_100 {
padding-bottom: 80px;
}
}
@media screen and (min-width: 1500px) { .pd_btm_100 {
padding-bottom: 100px;
}
} .black {
color: #333;
} .blue {
color: #00499d;
} .medium {
font-weight: 500;
} .bold {
font-weight: bold;
}   div .slick-dots li {
width: auto;
height: auto;
margin-right: 50px;
vertical-align: bottom;
background: #fff;
}
@media screen and (max-width: 1400px) { div .slick-dots li {
margin-right: 40px;
}
}
@media screen and (max-width: 1200px) { div .slick-dots li {
margin-right: 30px;
}
}
@media screen and (max-width: 1000px) { div .slick-dots li {
margin-right: 20px;
}
} div .slick-dots li button {
width: auto;
height: auto;
font-size: 16px;
line-height: 26px;
color: #333;
background: none;
opacity: .5;
font-weight: bold;
} div .slick-dots li button:before {
content: '0';
font-size: 16px;
line-height: 26px;
} div .slick-dots li:last-child {
margin-right: 0 !important;
} div .slick-dots li.slick-active button {
background: none;
color: #fff;
opacity: 1;
} div .slick-next, div .slick-prev {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform: translateZ(0);
position: absolute;
top: 50%;
margin: 0;
z-index: 99;
background: none;
width: 40px;
height: 40px;
border: solid 1px #333;
color: #333;
background: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
} div .slick-next:focus, div .slick-prev:focus {
background: rgba(0, 0, 0, 0);
} div .slick-next:hover:not(.slick-disabled), div .slick-prev:hover:not(.slick-disabled) {
transform-origin: center;
background: rgba(0, 0, 0, 0);
opacity: 1;
} div .slick-next:before, div .slick-prev:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 26px;
}
@media screen and (max-width: 1400px) { div .slick-next, div .slick-prev {
width: 40px;
height: 40px;
} div .slick-next:before, div .slick-prev:before {
font-size: 14px;
line-height: 24px;
}
}
@media screen and (max-width: 992px) { div .slick-next, div .slick-prev {
width: 35px;
height: 35px;
} div .slick-next:before, div .slick-prev:before {
font-size: 12px;
line-height: 22px;
}
}
@media screen and (max-width: 767px) { div .slick-next, div .slick-prev {
width: 40px;
height: 40px;
} div .slick-next:before, div .slick-prev:before {
font-size: 14px;
line-height: 24px;
}
} div .slick-prev {
left: 0;
} div .slick-prev:before {
content: '\E801';
} div .slick-next {
right: 0;
} div .slick-next:before {
content: '\E800';
} .all_container {
position: relative;
width: 100%;
font-size: 0;
} .all_container > div {
display: inline-block;
float: none;
}
@media screen and (max-width: 767px) { .all_container > div {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 350px) { .all_container > div {
padding-left: 15px;
padding-right: 15px;
}
}
@-webkit-keyframes scroll_bottom {
0% {
height: 0;
top: 0;
}
50% {
height: 135px;
top: 0;
}
100% {
height: 0;
top: 135px;
}
}
@keyframes scroll_bottom {
0% {
height: 0;
top: 0;
}
50% {
height: 135px;
top: 0;
}
100% {
height: 0;
top: 135px;
}
} .index_banner {
position: relative; height: 80vh;
min-height: 768px;
max-height: 1024px;
}
@media screen and (max-width: 1280px) { .index_banner {
max-height: 977px;
}
}
@media screen and (max-width: 1023px) { .index_banner {
max-height: 700px;
min-height: 600px;
}
}
@media screen and (max-width: 767px) { .index_banner {
height: auto;
max-height: inherit;
min-height: inherit;
}
} .index_banner .scroll_box {
position: relative;
}
@media screen and (max-width: 1024px) { .index_banner .scroll_box {
display: none;
}
} .index_banner .scroll_box .scroll {
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
z-index: 99;
position: absolute;
writing-mode: tb-rl;
-ms-writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
text-align: center;
white-space: nowrap;
} .index_banner .scroll_box .scroll .text {
font-size: 16px;
line-height: 26px;
margin-top: 35px;
font-weight: bold;
color: #00499d;
display: inline-block;
position: relative;
} .index_banner .scroll_box .scroll .solid {
height: 135px;
width: 1px;
display: inline-block;
position: relative;
} .index_banner .scroll_box .scroll .solid:after {
top: 0;
position: absolute;
content: '';
width: 1px;
height: 0px;
display: inline-block;
background: #333;
animation-name: scroll_bottom;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 1s;
} .index_banner .banner_bottom {
position: absolute;
right: 0;
bottom: 0;
background: #00499d;
padding-right: 16.666666666666664%;
} .index_banner .banner_bottom .text_silder {
padding-right: 100px;
} .index_banner .banner_bottom .text_silder:before {
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
right: 100px;
top: 0;
background: rgba(255, 255, 255, 0.2);
} .index_banner .banner_bottom .text_silder .slick-next:focus, .index_banner .banner_bottom .text_silder .slick-prev:focus {
border-color: #fff;
color: #fff;
} .index_banner .banner_bottom .text_silder .slick-next:hover:not(.slick-disabled), .index_banner .banner_bottom .text_silder .slick-prev:hover:not(.slick-disabled) {
background: #158ef2;
border-color: #158ef2;
color: #fff;
opacity: 1;
} .index_banner .banner_bottom .text_silder .slick-next, .index_banner .banner_bottom .text_silder .slick-prev {
border-color: #fff;
color: #fff;
webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} .index_banner .banner_bottom .text_silder .slick-next {
margin-top: 2px;
} .index_banner .banner_bottom .text_silder .slick-prev {
left: auto;
right: 0;
top: auto;
bottom: 50%;
margin-bottom: 2px;
} .index_banner .banner_bottom .text_silder .silder_box {
padding-left: 6.7%;
padding-right: 30px;
color: #fff;
}
@media screen and (max-width: 800px) { .index_banner .banner_bottom .text_silder .silder_box {
padding-left: 15px;
}
} .index_banner .banner_bottom .text_silder .silder_box p {
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .index_banner .banner_bottom .text_silder .silder_box .h11 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .75s;
animation-delay: .75s;
} .index_banner .banner_bottom .text_silder .silder_box .h5 {
margin-top: 15px;
margin-bottom: 15px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .9s;
animation-delay: .9s;
} .index_banner .banner_bottom .text_silder .silder_box .h10 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1.05s;
animation-delay: 1.05s;
} .index_banner .banner_bottom .text_silder .silder_box.slick-active p {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@media screen and (max-width: 1700px) { .index_banner .banner_bottom {
padding-right: 12%;
}
}
@media screen and (max-width: 1600px) { .index_banner .banner_bottom {
padding-right: 8.333333333333332%;
}
}
@media screen and (max-width: 1400px) { .index_banner .banner_bottom {
padding-right: 45px;
} .index_banner .banner_bottom .text_silder {
padding-right: 80px;
} .index_banner .banner_bottom .text_silder:before {
right: 80px;
}
}
@media screen and (max-width: 1200px) { .index_banner .banner_bottom {
padding-right: 30px;
}
}
@media screen and (max-width: 1050px) { .index_banner .banner_bottom .h11 {
font-size: 15px;
line-height: 25px;
} .index_banner .banner_bottom .h5 {
font-size: 22px;
line-height: 32px;
margin-top: 10px;
margin-bottom: 10px;
} .index_banner .banner_bottom .h10 {
font-size: 14px;
line-height: 24px;
}
}
@media screen and (max-width: 992px) { .index_banner .banner_bottom .text_silder {
padding-right: 70px;
} .index_banner .banner_bottom .text_silder:before {
right: 70px;
} .index_banner .banner_bottom .h11 {
font-size: 13px;
line-height: 18px;
} .index_banner .banner_bottom .h5 {
font-size: 20px;
line-height: 30px;
margin-top: 8px;
margin-bottom: 8px;
} .index_banner .banner_bottom .h10 {
font-size: 12px;
line-height: 17px;
}
}
@media screen and (max-width: 900px) { .index_banner .banner_bottom .h5 {
font-size: 18px;
line-height: 28px;
margin-top: 4px;
margin-bottom: 4px;
}
}
@media screen and (max-width: 767px) { .index_banner .banner_bottom {
padding-right: 20px;
z-index: -99;
opacity: 0;
}
}
@media screen and (max-width: 350px) { .index_banner .banner_bottom {
padding-right: 15px;
}
} .index_banner .index_silder .slick-dots {
text-align: left;
padding-left: calc(8.333333333333332% + 15px);
bottom: -5px;
}
@media screen and (max-width: 1024px) { .index_banner .index_silder .slick-dots {
padding-left: 30px;
}
}
@media screen and (max-width: 767px) { .index_banner .index_silder .slick-dots {
padding-left: 20px;
padding-right: 20px;
} .index_banner .index_silder .slick-dots li {
margin-right: 35px;
}
}
@media screen and (max-width: 350px) { .index_banner .index_silder .slick-dots {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767px) { .index_banner .index_silder {
padding-bottom: 55px;
}
} .index_banner .index_silder .silder_box .text_box > div p, .index_banner .index_silder .silder_box .text_box > div a {
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .index_banner .index_silder .silder_box .text_box > div .h1_2.blue {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .25s;
animation-delay: .25s;
} .index_banner .index_silder .silder_box .text_box > div .h1_2.black {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .4s;
animation-delay: .4s;
} .index_banner .index_silder .silder_box .text_box > div .h8 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .55s;
animation-delay: .55s;
} .index_banner .index_silder .silder_box .text_box > div .icon_link {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .7s;
animation-delay: .7s;
} .index_banner .index_silder .silder_box .mob_text {
padding-left: 20px;
margin-top: -60px;
margin-bottom: 30px;
}
@media screen and (max-width: 350px) { .index_banner .index_silder .silder_box .mob_text {
padding-left: 15px;
}
} .index_banner .index_silder .silder_box .mob_text .in_box {
position: relative;
display: block;
background: #00499d;
color: #fff;
padding: 40px 35px;
} .index_banner .index_silder .silder_box .mob_text .in_box p {
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .index_banner .index_silder .silder_box .mob_text .in_box .h11 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .25s;
animation-delay: .25s;
} .index_banner .index_silder .silder_box .mob_text .in_box .h5 {
margin-top: 12px;
margin-bottom: 12px;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .4s;
animation-delay: .4s;
} .index_banner .index_silder .silder_box .mob_text .in_box .h10 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .55s;
animation-delay: .55s;
} .index_banner .index_silder .silder_box.slick-active .text_box > div p, .index_banner .index_silder .silder_box.slick-active .text_box > div a {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} .index_banner .index_silder .silder_box.slick-active .mob_text .in_box p {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@media screen and (min-width: 768px) { .index_banner .index_silder {
height: 100%;
} .index_banner .index_silder .slick-list {
height: 100%;
} .index_banner .index_silder .slick-list .slick-track {
height: 100%;
} .index_banner .index_silder .slick-list .slick-track .silder_box {
height: 100%;
font-size: 0;
} .index_banner .index_silder .slick-list .slick-track .silder_box .mob_text {
display: none;
} .index_banner .index_silder .slick-list .slick-track .silder_box .mob_box {
display: none;
} .index_banner .index_silder .slick-list .slick-track .silder_box .text_box {
display: inline-block;
vertical-align: middle;
float: none;
padding-left: calc(8.333333333333332% + 15px);
padding-right: 0;
z-index: 4;
} .index_banner .index_silder .slick-list .slick-track .silder_box .text_box > div {
padding-right: 15px;
} .index_banner .index_silder .slick-list .slick-track .silder_box .img_box {
height: 100%;
padding-right: 0;
display: inline-block;
vertical-align: middle;
float: none;
z-index: 2;
} .index_banner .index_silder .slick-list .slick-track .silder_box .img_box div {
display: block;
width: 100%;
height: 100%;
position: relative;
} .index_banner .index_silder .slick-list .slick-track .silder_box .img_box div a {
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
}
@media screen and (max-width: 1024px) { .index_banner .index_silder .slick-list .slick-track .silder_box .text_box {
padding-left: 30px;
} .index_banner .index_silder .slick-list .slick-track .silder_box .text_box > div {
width: 100%;
}
}
@media screen and (max-width: 767px) { .index_banner .index_silder .silder_box .text_box {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 350px) { .index_banner .index_silder .silder_box .text_box {
padding-left: 15px;
padding-right: 15px;
}
} .all_banner {
font-size: 0;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) { .all_banner {
margin-bottom: 5px;
}
} .all_banner .text_box {
display: inline-block;
vertical-align: middle;
float: none;
padding-left: 60px;
position: relative;
z-index: 2;
} .all_banner .text_box .in_box {
position: relative;
z-index: 2;
color: #fff;
display: block;
width: 100%;
} .all_banner .text_box .in_box .h5 {
position: relative;
} .all_banner .text_box .in_box .h5:before {
content: '';
background: #e83426;
width: 2em;
height: 5px;
position: absolute;
top: 0;
left: 0;
} .all_banner .text_box .in_box p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .7s;
animation-delay: .7s;
opacity: 0;
} .all_banner .text_box .in_box p.h2 {
-webkit-animation-delay: .9s;
animation-delay: .9s;
} .all_banner .text_box .in_box p.h2:lang(en) {
-webkit-animation-delay: .7s;
animation-delay: .7s;
} .all_banner .text_box .in_box:lang(en) .h2:before {
content: '';
background: #e83426;
width: 2em;
height: 5px;
position: absolute;
top: 0;
left: 0;
max-width: 60px;
} .all_banner .text_box:before {
content: '';
display: block;
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #0355b5;
z-index: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .all_banner .text_box.animated .in_box p {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} .all_banner .text_box.animated:before {
-webkit-animation-name: All_Width_125;
animation-name: All_Width_125;
}
@media screen and (max-width: 767px) { .all_banner .text_box.animated:before {
max-width: 100%;
}
}
@media screen and (min-width: 1600px) { .all_banner .text_box {
padding-left: calc((100% - 1370px) / 2);
}
}
@media screen and (max-width: 1400px) { .all_banner .text_box {
width: 25%;
right: 75%;
}
}
@media screen and (max-width: 1200px) { .all_banner .text_box {
padding-left: 30px;
width: 33.33333333333333%;
right: 66.66666666666666%;
}
}
@media screen and (max-width: 767px) { .all_banner .text_box {
padding-left: 20px;
}
}
@media screen and (max-width: 350px) { .all_banner .text_box {
padding-left: 15px;
}
}
@media screen and (min-width: 768px) { .all_banner .text_box {
margin-top: 0 !important;
}
}
@media screen and (max-width: 767px) { .all_banner .text_box {
max-width: 310px;
width: 75%;
padding-left: 20px;
right: 0;
padding-top: 30px;
padding-bottom: 20px;
} .all_banner .text_box .in_box {
padding-left: 30px;
padding-bottom: 0;
} .all_banner .text_box .in_box .h5 {
padding-top: 10px;
font-size: 16px;
line-height: 26px;
margin-bottom: 5px;
} .all_banner .text_box .in_box .h5:before {
width: 5em;
} .all_banner .text_box .in_box .h2 {
padding-bottom: 0;
font-size: 26px;
line-height: 26px;
}
}
@media screen and (max-width: 350px) { .all_banner .text_box {
padding-left: 15px;
}
} .all_banner .img_box {
display: inline-block;
vertical-align: middle;
float: none;
padding-right: 0;
} .all_banner .img_box > div {
min-height: 450px;
} .all_banner .img_box > div img {
opacity: 0;
}
@media screen and (max-width: 1400px) { .all_banner .img_box {
width: 75%;
left: 25%;
}
}
@media screen and (max-width: 1200px) { .all_banner .img_box {
width: 66.66666666666666%;
left: 33.33333333333333%;
}
}
@media screen and (max-width: 767px) { .all_banner .img_box {
padding-left: 0;
width: 100%;
left: 0;
} .all_banner .img_box > div {
min-height: 400px;
}
}
@media screen and (max-width: 500px) { .all_banner .img_box > div {
min-height: inherit;
} .all_banner .img_box > div img {
opacity: 1;
}
} .no_banner, .index_banner, .all_banner { }
@media screen and (max-width: 1600px) { .no_banner, .index_banner, .all_banner { }
}
@media screen and (max-width: 1450px) { .no_banner, .index_banner, .all_banner { }
}
@media screen and (max-width: 1200px) { .no_banner, .index_banner, .all_banner { }
}
@media screen and (max-width: 767px) { .no_banner, .index_banner, .all_banner { }
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} .fadeInRight {
opacity: 0;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media screen and (max-width: 767px) {
@-webkit-keyframes fadeInRightNew {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
}
@media screen and (min-width: 768px) {
@-webkit-keyframes fadeInRightNew {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
} .slick-arrow { font-size: 0 }