@charset "utf-8";
@font-face{
    font-family:"SourceHanSansCNLight";
    src:url(../fonts/SourceHanSansCN-Light.eot);
    src:local('SourceHanSansCNLight'),
    url(../fonts/SourceHanSansCN-Light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SourceHanSansCN-Light.woff) format("woff"),
    url(../fonts/SourceHanSansCN-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"SourceHanSansCNRegular";
    src:url(../fonts/SourceHanSansCN-Regular.eot);
    src:local('SourceHanSansCNRegular'),
    url(../fonts/SourceHanSansCN-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SourceHanSansCN-Regular.woff) format("woff"),
    url(../fonts/SourceHanSansCN-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"SourceHanSansCNMedium";
    src:url(../fonts/SourceHanSansCN-Medium.eot);
    src:url(../fonts/SourceHanSansCN-Medium.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SourceHanSansCN-Medium.woff) format("woff"),
    url(../fonts/SourceHanSansCN-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"SourceHanSansCNBold";
    src:url(../fonts/SourceHanSansCN-Bold.eot);
    src:url(../fonts/SourceHanSansCN-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SourceHanSansCN-Bold.woff) format("woff"),
    url(../fonts/SourceHanSansCN-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"Gilroy-Regular";
    src:url(../fonts/Gilroy-Regular.otf);
    src:url(../fonts/Gilroy-Regular.woff) format("woff"),
    url(../fonts/Gilroy-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family:"Gilroy-Bold";
    src:url(../fonts/Gilroy-Bold.otf);
    src:url(../fonts/Gilroy-Bold.woff) format("woff"),
    url(../fonts/Gilroy-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: bold;
}
 .list-paddingleft-2{
     width:auto!important;
 }

.fonts1{font-family:"SourceHanSansCNLight";}
.fonts2{font-family:"SourceHanSansCNRegular";}
.fonts3{font-family:"SourceHanSansCNMedium";}
.fonts4{font-family:"SourceHanSansCNBold";}
.fonts5{font-family:"Gilroy-Regular";}
.fonts6{font-family:"Gilroy-Bold";}
.font14{font-size: 0.35rem;}
.font16{font-size: 0.4rem;}
.font18{font-size: 0.45rem;}
.font20{font-size: 0.5rem;}
.font22{font-size: 0.55rem;}
.font24{font-size: 0.6rem;}
.font28{font-size: 0.7rem;}
.font30{font-size: 0.75rem;}
.font32{font-size: 0.8rem;}
.font36{font-size: 0.9rem;}
.font40{font-size: 1rem;}
.font44{font-size: 1.1rem;}
.font48{font-size: 1.2rem;}
.font60{font-size: 1.5rem;}
table.ke-zeroborder-mode{table-layout:fixed;}
table.ke-zeroborder-tdp tr td{padding:10px;}
.modea-ind-boxs .img{width:4rem;}
.modea-ind-boxs .txt{padding-left:0.5rem;}
.mode-in-ly-sli{
    padding: 0.5rem;
    border-bottom: 1px solid #ddd;
}
.mode-in-ly-sli .img{width:111px;}
.mode-in-ly-sli .tx{padding-left:0.5rem;}
.mode-in-ly-sli .tx a:hover span{color:#f06233!important;}
blockquote{border-width:0;padding-top:0;padding-bottom:0;margin:0;}
html {font-size: 30px;}
@media (min-width: 768px){
	html {font-size: 28px;}
	body{font-size: 14px;}
	.header-container{
		display:-webkit-box !important;
		display:-moz-box !important;
		display:-ms-flexbox !important;
		display:-webkit-flex !important;
		display:flex !important;
	}
	.header-container:after,.header-container:before{display: none;}
    .product-detail .section-1 .txt{padding-right: 1rem;}
    .mubiao-main .section-1 .text{padding-right: 3rem;}
}
@media (min-width: 992px){
	html {font-size: 30px;}
}
@media (min-width: 1200px){
	html {font-size: 32px;}
	body{font-size: 15px;}
}
@media (min-width: 1360px){
	html {font-size: 34px;}
	body{font-size: 16px;}
}
@media (min-width: 1460px){
	html {font-size: 40px;}
	body{font-size: 18px;}
}

body {
    font-family: 'SourceHanSansCNLight',Arial, sans-serif;
    color: #111111;
    position: relative;
    background-color: #fff;
    line-height: 1.5;
    font-weight: 500;
}
a{text-decoration: none;outline: none;color: #111;}
a:hover{text-decoration: none;color: #f06233;}
.dtable{display:table;width: 100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.block{display:block;}
.animate-img{overflow: hidden;}
.animate-img img{
    width: 100%;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.animate-img:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
ul.ul{margin: 0;padding: 0;}
ul.ul li{list-style: none;padding: 0;margin: 0;}
.art-main{
	padding-right: 4rem;
    padding-left: 4rem;
}
.art-container{padding-right: 2rem;padding-left: 2rem;}
.header-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding-right: 2rem;
	padding-left: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background-color: rgba(6,28,43,0.8);
}
.header-wrapper .navbar{margin-bottom: 0;background: transparent;border-width: 0;}
.navbar-brand{height: auto;padding-top: 0;padding-bottom: 0;}
.navbar-brand > img{height:1.4rem;transition: all 0.3s ease;}
.header-wrapper .navbar-default .navbar-nav > li > a.as,
.header-wrapper .head-tr{
    color: #fff;
    font-size: 16px;
    background: transparent;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 2rem;
    padding-top: 0;
    padding-bottom: 0;
}
/*.header-wrapper.active .navbar-default .navbar-nav > li > a.as,
.header-wrapper.active .head-tr{height: 2rem;}*/
.header-wrapper .navbar-default .navbar-nav > li > a.as{padding-right: 0.6rem;padding-left: 0.6rem;}
.header-wrapper .navbar-default .navbar-nav > li > a.as:hover,.header-wrapper .navbar-default .navbar-nav > li.active > a.as{color:#00b5e6;}

.head-search,.head-language{cursor: pointer;position: relative;}
.header_language_level_nav{
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    opacity: 0;
    width: 160px;
    visibility: hidden;
    pointer-events: auto;
    z-index: 8;
    padding-top: 0.5rem;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}
.head-language:hover .header_language_level_nav{visibility: visible;opacity: 1;}
.header_language_level_navBox {
    box-shadow: 0 0 7px rgba(0, 0 ,0, 0.15);
    position: relative;
    line-height: 40px;
    text-align: center;
}
.header_language_level_navBox::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0.25rem;
    width: 9px;
    height: 9px;
    -webkit-box-shadow: 1px -1px 2px 0 rgb(0 0 0 / 12%);
    box-shadow: 1px -1px 2px 0 rgb(0 0 0 / 12%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ffffff;
    z-index: 9;
}
.header_language_level_navBox div+div {
    border-top: 1px solid #e5e5e5;
}
.header_language_level_navBox div a {
    display: block;
    color: #606060;
    font-size: 0.4rem;
    padding: 0.1rem;
    background: #ffffff;
}
.header_language_level_navBox div a:hover{color: #0d8d43;}
/* .head-tr .line{width: 1px;height: 18px;background: rgba(255, 255, 255, 0.7);margin: 0 12px;} */
.head-tr{margin-left: 0.6rem;}
.head-tr a{color: #fff;font-family: Arial, sans-serif,"Gilroy-Regular";font-size: 18px;line-height: 1rem;}
.head-tr a:hover{color: #00b5e6;}
.head-tr a.tel{padding: 0 0 0 0.65rem;background: url(../images/icon_tel.svg) no-repeat left center / 0.65rem;margin-left:0.5rem;}
.head-tr a.search{width: 0.6rem;height: 1rem;background: url(../images/icon_search2.svg) no-repeat center / 0.6rem;}
.head-tr a.cn{background:url(../images/cn.png) no-repeat center / cover;width:0.75rem;height:0.75rem;margin-right:0.4rem;margin-left:0.6rem;}
.head-tr a.en{background:url(../images/en.png) no-repeat center / cover;width:0.75rem;height:0.75rem;}
.head-tr a.cn:hover{background-image:url(../images/cnh.png)}
.head-tr a.en:hover{background-image:url(../images/enh.png)}
.head-tr .line{
    width: 1px;
    height: 20px;
    background: #fff;
    margin: 0 0.5rem;
}
.head-tr a span{margin-left: 10px;}
.head-search svg{transform: scale(0.85);}
.head-language svg{transform: scale(0.8);}
/*.header-wrapper.active{top: 0;}
.header-wrapper.down{top: -140px;}*/
/* .header-wrapper.inner-header{background-color: rgba(0, 0, 0, 0.4);padding-top: 0.2rem;padding-bottom: 0.2rem;} */
/* .header-wrapper.active,.header-wrapper.onBtn{
    background: #404142;border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
} */
/* .header-wrapper.inner-header{position: sticky;} */
/* .header-wrapper.active .navbar-default .navbar-nav > li > a,
.header-wrapper.onBtn .navbar-default .navbar-nav > li > a,
.header-wrapper.inner-header .navbar-default .navbar-nav > li > a{color: #111;} */
.header-wrapper.active .navbar-brand > img,.header-wrapper.down .navbar-brand > img{height: 1.4rem;}
/* .header-wrapper.active .head-tr svg path,.header-wrapper.onBtn .head-tr svg path,
.header-wrapper.inner-header .head-tr svg path{fill: #111!important;} */
/* .header-wrapper.active .head-tr .line,.header-wrapper.onBtn .head-tr .line,
.header-wrapper.inner-header .head-tr .line{background: #111;} */

.header-wrapper.inner-header .navbar-default .navbar-nav > li.active > a{color: #2f5597;background: transparent;}
.navbar-default .navbar-nav > li > a span{display: inline-block;position: relative;padding: 10px 0;}
.navbar-default .navbar-nav > li > a span:after{
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #00b5e6;
    content: '';
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
}
/*.navbar-default .navbar-nav > li.active > a span:after,
.navbar-default .navbar-nav > li:hover > a span:after{
    transform: scale(1);
}*/
/* .header-search-wrap{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    background: #fff;
    margin-top: 1px;
    display: none;
}
.head-search-main{max-width: 1200px;margin: 0 auto;}
.head-search-text input{
    width: 100%;
    height: 68px;
    border-width: 0;
    outline: none;
    font-weight: normal;
}
.head-search-btn{position: relative;z-index: 3;}
.head-search-btn input{
    width: 2.45rem;
    height: 1rem;
    border-width: 0;
    background: transparent;
    outline: none;
    text-align: left;
}
.head-search-btn .icon{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
} */
.icon-sea2{
    width: 0.55rem;
    height: 0.7rem;
    background: url(../images/icon_sea2.svg) no-repeat center / 100% auto;
}
.header-search-wrap{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    background: #fff;
    border-top: 1px solid #eee;
    display: none;
    z-index: 19;
    color: #3a4c6f;
}
.header-search-wrap .line{
    width: 1px;
    height: 20px;
    background: #d0d0d0;
    margin: 0 0.75rem;
}
.head-search-main{max-width: 1200px;margin: 0 auto;}
.head-search-text input{
    width: 100%;
    height: 68px;
    border-width: 0;
    outline: none;
    font-weight: normal;
    color: #3a4c6f;
}
.head-search-text input::-webkit-input-placeholder {
      color:#a1abbc;
    }
    .head-search-text input:-moz-placeholder {
      color: #a1abbc;
    }
    .head-search-text input::-moz-placeholder {
      color: #a1abbc;
    }
    .head-search-text input:-ms-input-placeholder {
      color:#a1abbc;
    }
.head-search-btn{position: relative;z-index: 3;}
.head-search-btn input{
    width: 2.45rem;
    height: 1rem;
    border-width: 0;
    background: transparent;
    outline: none;
    text-align: left;
    color: #3a4c6f;
}
.head-search-btn .icon{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.banner{
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
}
.banner .img,.banner .img img{width: 100%;height: 100%;object-fit: cover;}
.ban-txt{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 4%;
    z-index: 2;
    color: #fff;
}
/** .ban-txt .ban-move-box{max-width: 1000px;margin-left: 10%;}**/
/* .ban-txt .p1{
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 1rem;
}
.ban-txt .p1 span{font-size: 32px;font-family: arial;font-weight: 300;} */
.ban-txt .p0{font-style: italic;padding-left: 5px;}
.ban-txt .p2{font-size: 1.5rem;color: #fff;max-width: 17rem;}
/* .ban-txt .p2 span{opacity: 0.7;} */
.ban-txt .p3{margin-top: 0.6rem;font-size: 0.5rem;margin-bottom: 0.8rem;}
.ban-txt .p3 a.m{
    display: inline-block;
    line-height: 44px;
    padding: 0 50px;
    border-radius: 44px;
    background: #8ec31f;
    color: #fff;
}
.pcswpage{
    position: absolute;
    left: 0;
    bottom: 100%;
}
.pcswpage .swiper-pagination-bullet{
    border-radius: 0;
    background: #fff;
    opacity: 1;
    margin-right: 5px;
    margin-bottom: 5px;
    transform: skewX(-15deg);
}
.pcswpage .swiper-pagination-bullet-active{background: #f06233;}

.ban-btns{
    position: absolute;
    bottom: 4.5rem;
    left: 0;
    width: 100%;
    z-index: 5;
}
.ban-btns-boxs{padding-left: 0.75rem;border-left: 1px solid #fff;}
.ban-btns-boxs .imgs{position: relative;}
.ban-btns-boxs .imgs img,.ban-btns-boxs .imgs .swiper-container{height: 3.25rem;width: 5.9rem;}
.ban-btns-boxs .next{margin-left: 0.6rem;width: 3.25rem;color: #fff;position: relative;overflow: hidden;z-index: 5;}
.ban-btns-boxs .next:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    content: '';
    z-index: -1;
}
/* .ban-btns-boxs .next svg{
    position: absolute;
    top: 0;
    left: 0;
}
.ban-btns-boxs .next svg rect{
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    stroke-dasharray:800;
    stroke-dashoffset:800;
}
.ban-btns-boxs .next:hover svg rect{stroke-dashoffset:0;} */
.ban-btns-boxs .next .lines span{overflow: hidden;}
.ban-btns-boxs .next .lines span:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 2px;
}
.ban-btns-boxs .next .lines span:nth-child(1) i{
    transform: translate(100%,0);
}
.ban-btns-boxs .next.active .lines span:nth-child(1) i{
    transform: translate(0,0);
    transition: transform .75s linear;
}
.ban-btns-boxs .next .lines span i{
    display: block;
    width: 100%;
    height: 100%;
    background: #f06233;
}
.ban-btns-boxs .next .lines span:nth-child(2){
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
}
.ban-btns-boxs .next .lines span:nth-child(2) i{
    transform: translate(0,-100%);
}
.ban-btns-boxs .next.active .lines span:nth-child(2) i{
    transform: translate(0,0);
    transition: transform 1.5s linear 0.75s;
}
.ban-btns-boxs .next .lines span:nth-child(3){
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.ban-btns-boxs .next .lines span:nth-child(3) i{
    transform: translate(-100%,0);
}
.ban-btns-boxs .next.active .lines span:nth-child(3) i{
    transform: translate(0,0);
    transition: transform 1.5s linear 2.25s;
}
.ban-btns-boxs .next .lines span:nth-child(4){
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 2px;
}
.ban-btns-boxs .next .lines span:nth-child(4) i{
    transform: translate(0,100%);
}
.ban-btns-boxs .next.active .lines span:nth-child(4) i{
    transform: translate(0,0);
    transition: transform 1.5s linear 3.75s;
}
.ban-btns-boxs .next .lines span:nth-child(5){
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 2px;
}
.ban-btns-boxs .next .lines span:nth-child(5) i{
    transform: translate(100%,0);
}
.ban-btns-boxs .next.active .lines span:nth-child(5) i{
    transform: translate(0,0);
    transition: transform 0.75s linear 5.25s;
}
.ban-btns-boxs .next .next-boxs{width: 0.6rem;height: 0.6rem;overflow: hidden;margin-left: 10px;}
.ban-btns-boxs .next .next-boxs .block{width: 0.6rem;position: relative;}
.ban-btns-boxs .next .next-boxs .icon-next{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/icon_right1.svg) no-repeat center / cover;
}
.ban-btns-boxs .next .next-boxs .icon-next:last-child{
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0.25rem;
}
.ban-btns-boxs .next:hover .next-boxs .block{
        -webkit-animation: heroArrow 2s ease infinite;
    animation: heroArrow 2s ease infinite;
}
@-webkit-keyframes heroArrow{0%{transform:translate(-0.85rem,0)}to{transform:translate(0,0)}}
@keyframes heroArrow{0%{transform:translate(-0.85rem,0)}to{transform:translate(0,0)}}

/* .ban-btns .icos-jt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ban-btns .index-next{margin-left: 0.5rem}
.ban-btns .index-next .icos-jt{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.icos-d{
    position: relative;
    width: 80px;
    height: 80px;
}
.icos-d .svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.icos-d .svg svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
}
.icos-d .svg1 svg circle{
    stroke-dasharray:339;
    stroke-dashoffset:100;
}
.icos-d .svg2 svg circle{
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    stroke-dasharray:339;
    stroke-dashoffset:339;
}
.banbt:hover .icos-d .svg2 svg circle{stroke-dashoffset:100;} */

.more-s1{
    display: inline-block;
    font-family: "Gilroy-Regular";
     position: relative;
    z-index: 5;
    overflow: hidden;
}
.more-s1 a{
    display: block;
    line-height: 1.5rem;
    padding-right: 1.6rem;
    padding-left: 1rem;
    color: #fff;
    text-transform: uppercase;
    background: url(../images/icon_right4.svg) no-repeat right 0.8rem center/0.8rem;
    letter-spacing: 2px;
}
.more-s1 a:hover{color: #f06233;background-image:url(../images/icon_right2.svg)}
/* .more-s1 a:hover{color: #fff;} */
.more-s1:after,.more-s1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
}
.more-s1:before {
    background-color: #f06233;
    z-index: -2;
}
.more-s1:after {
    transform: translateX(-100%);
    z-index: -1;
    -webkit-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}
.more-s1:hover:after {
    transform: translateX(0);
    -webkit-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}

.home-who-solutions{
    background: #f0f0f0 url(../images/bg1.jpg) no-repeat center 2rem / 100%;
    position: relative;
    z-index: 9;
}
.home-who-solutions-wrap{
    background:  url(../images/bg2.jpg) no-repeat center bottom / 100%;
}
.home-who-solutions .tops{
    background: #fff;
    padding: 2.5rem 2.5rem;
    position: relative;
    margin-top: -3.75rem;
}
.home-who-solutions .tops .line{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background: #f06233;
}
.home-who-solutions .tops .line.active{
    transition: all 6s;
    width: 100%;
}
.home-who-solutions .tops h4{text-transform: uppercase;}
.home-who-solutions .tops .txt{padding-left: 3rem;padding-right: 1.5rem;position: relative;margin-top: 0.75rem;}
.home-who-solutions .tops .txt:after{
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 2.15rem;
    height: 2px;
    background: #f06233;
    content: '';
}
.home-who-solutions .tops .txt h2{line-height: 1.5;margin: 0 0 0.75rem;}
.home-who-solutions .tops .txt .p{margin-bottom: 1rem;}
.public-intro{line-height: 2;color: #191919;}
.more-s2 a{
    display: inline-block;
    padding-right: 0.8rem;
    color: #f06233;
    font-family: "Gilroy-Bold";
    text-transform: uppercase;
    background: url(../images/icon_right2.svg) no-repeat right 0 center/0.8rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.more-s2 a:hover{background-position: right -0.2rem center;}
.text-tran{text-transform: uppercase;}
.color555{color: #555;}
.public-title-s1{margin-bottom: .5rem;}
.public-title-s1 h2{margin: 0 0 0.4rem;line-height:1.4;}
.public-title-s1 .p{max-width: 960px;}
.home-solutions{padding-top: 2rem;}
.home-solutions-list .item{margin-bottom: 2rem;}
.home-solutions-list .left-img,.home-solutions-list .so-pub-box,.home-solutions-list .right-img .img{height: 16rem;}
.home-solutions-list .left-img .img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(50vw + 14%);
}
.home-solutions-list .left-img .img img,.home-solutions-list .right-img .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-solutions-list .right-img {padding: 0;}
.home-solutions-list .so-pub-box{
    padding: 2.5rem;
    background: #fff;
}
.home-solutions-list .so-pub-box .public-title-s1 .p{
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.so-pub-box .public-title-s1{margin-bottom: 0;position: relative;z-index: 2;}
.so-pub-box:hover .public-title-s1,.so-pub-box:hover .public-title-s1 .p{color: #fff;}

.a-link{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00b5e6;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -o-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    transition: opacity 1s cubic-bezier(.19,1,.22,1);
}
.button-expand {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    transition: none;
    overflow-x: visible;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f06233;
}
.button-expand .plus-expand {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.plus-expand {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    transition-delay: .125s;
}
.button-expand .plus-expand:after, .button-expand .plus-expand:before {
    content: " ";
    display: block;
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: #fff;
    top: 0;
    left: 7px;
}
.button-expand .plus-expand:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.text-expand {
    position: absolute;
    top: 50%;
    transform: translateX(-150%) translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
    z-index: 2;
    color: #fff;
    font-family: "Gilroy-Regular";
        font-family: "Gilroy-Bold";
        text-transform: uppercase;
        line-height: 24px;
}
.text-expand svg {
    vertical-align: top;
}
.so-pub-box:hover .overlay {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    -o-transition: opacity 1s cubic-bezier(.19,1,.22,1);
    transition: opacity 1s cubic-bezier(.19,1,.22,1);
}
.so-pub-box:hover .plus-expand {
    opacity: 0;
    -webkit-transition: all .125s;
    -moz-transition: all .125s;
    -ms-transition: all .125s;
    -o-transition: all .125s;
    transition: all .125s;
}
.so-pub-box:hover .text-expand {
    transform: translateX(-68%) translateY(-50%);
    opacity: 1;
    pointer-events: all;
    -webkit-transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    min-width: 130px!important;
}
.more-s3{text-align: center;}
.more-s3 a{
    display: inline-block;
    line-height: 1.75rem;
    font-size: 0.6rem;
    width: 7.5rem;
    position: relative;
    background-color: transparent;
    -webkit-transition: color 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: color 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: color 1s cubic-bezier(.19,1,.22,1);
    -o-transition: color 1s cubic-bezier(.19,1,.22,1);
    transition: color 1s cubic-bezier(.19,1,.22,1);
    color: #fff;
    overflow: hidden;
    z-index: 5;
}
.more-s3 a:hover{color: #f06233;}
.more-s3 a:after,.more-s3 a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 1;
}
.more-s3 a:before {
    background-color: #f06233;
    z-index: -2;
}
.more-s3 a:after {
    transform: translateX(-100%);
    z-index: -1;
    -webkit-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}
.more-s3 a:hover:after {
    transform: translateX(0);
    -webkit-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: transform 1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1s cubic-bezier(.19,1,.22,1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}
.home-solutions .bottom-text{
    /*max-width: 1000px;*/
    margin: 4.25rem 0; 
}
.pad-t2{padding-top: 2rem;}
.pad-b2{padding-bottom: 2rem;}
.particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.8;
}
.home-service{
    background: #061c2b;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.home-service .swiper-pagination{bottom:1.1rem}
.home-service .swiper-pagination-bullet{background-color:#fff;opacity:1;}
.home-service .swiper-pagination-bullet-active{background-color:#f06233;}
.home-service .container{position: relative;z-index: 3;}
.home-service-tops{
    height: 9.25rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 1rem;
}
.home-service-tops .ctx{
    width: 50%;
    padding-left: 8%;
}
.home-service-tops .p{margin-top: 0.1rem;color: #fff;}
.home-service-list{margin-bottom: 1rem;}
.home-service-list .boxs{position: relative;margin-bottom: 1rem;}
.home-service-list .boxs .txt{
    position: absolute;
    bottom: 1.3rem;
    left: 0;
    width: 100%;
    padding: 0 0.8rem;
    z-index: 3;
}
.home-service-list .boxs .button-expand{width: 1.3rem;height: 1.3rem;}
.particle canvas{
    position: absolute;
    bottom: -14%;
    width: 100%;
    height: 10rem;
}
.home-news .left-boxs .txt{padding-top: 1rem;}
.home-news .left-boxs .txt h4{margin: 0 0 0.5rem;line-height:0.8rem;}
.home-news .left-boxs .txt h4 a{color: #083165;}
.home-news .left-boxs .img img{
    height: 12.65rem;
    object-fit: cover;
}
.home-news-right{z-index: 3;}
.home-news-right .news-dt{
    margin-top: -2.25rem;
    margin-left: -3.25rem;
    background: #213752;
    color: #fff;
    padding:0.7rem 1rem;
    height: 5.75rem;
}
.home-news-right .news-hot{height:11.45rem;overflow:hidden;}
.home-news-right .news-dt .t{margin-bottom: 15px;line-height:1rem;}
.home-news-right .news-dt ul.ul li{
    line-height: 0.8rem;
    margin-bottom: 0.2rem;
}
.home-news-right .news-dt ul.ul li a{
    position: relative;
    padding-right: 1rem;
    color: #fff;
    opacity: 0.7;
}
.home-news-right .news-dt ul.ul li a:hover{opacity:1;}
.home-news-right .news-dt ul.ul li a:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 100%;
    background: url(../images/icon_right1.svg) no-repeat right center / 0.6rem;
    content: '';
}
.home-news-right .news-hot .t{margin-top: 0.8rem;color: #083165;padding-bottom: 0.2rem;border-bottom: 1px solid #eee;}
.home-news-right .news-hot ul.ul{margin-bottom:0.5rem;}
.home-news-right .news-hot ul.ul li{padding: 0.3rem 0;}
.home-news-right .news-hot ul.ul li .time{color: #999;line-height:0.7rem;}
.home-news-right .news-hot ul.ul li .p{line-height:0.7rem;}
/*.home-news-right .news-hot ul.ul li a:hover .p{color: #f06233;}*/
.home-market{background-color: #f0f0f0;}
.home-market-list .boxs .txt{padding: 0.4rem 0;}
.home-market-list .boxs .txt h4{margin-bottom: 0.6rem;}
.home-market-list .boxs .txt h4 a{
    display: block;
    position: relative;
    padding-right: 1rem;
}
.home-market-list .boxs .txt h4 a:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 100%;
    background: url(../images/icon_right5.svg) no-repeat right center / 0.7rem;
    content: '';
}
.home-market-list .boxs .txt .p1,.home-market-list .boxs .txt .time{color: #999;}
.home-market-list{padding-top: 1rem;border-top: 1px solid #cecece;}
.home-market-list .boxs .txt .p1{font-size: 0.4rem;}
.home-zy{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}
.home-zy .public-title-s1 .p{color: #fff;}
.home-zy .more-s3{text-align: left;}
.home-zy .more-s3 a,.home-join .more-s3 a,.more-s3.more-s3a a{
    width: 5.5rem;
    text-align: center;
}
.home-zy .txt{height: 20.5rem;}
.home-join{padding: 2.5rem 0;text-align: center;}
.home-join .public-title-s1 .p{margin: 0 auto;}
.home-join .more-s3 a:before,.more-s3.more-s3a a:before{background-color: #00b5e7;}
.home-join .more-s3 a:after,.more-s3.more-s3a a:after{background-color: #f06233;}
.home-join .more-s3 a:hover,.more-s3.more-s3a a:hover{color: #fff;}
.about-wrap .more-s3 a{width:5.5rem;text-align:center}
.footer-main{background-color: #061c2b;border-top: 5px solid #f06233;padding-top: 2.5rem;color: #fff;position: relative;}
.footer-main .foot-wrap{padding-right: 1.8rem;padding-left: 1.8rem;}
dl.foot-nav{margin-bottom: 0.7rem;}
dl.foot-nav dt,.foot-right-mes .t{font-size: 0.55rem;font-weight: normal;margin-bottom: 0.4rem;font-family: "SourceHanSansCNRegular";}
dl.foot-nav dt a{color: #fff;}
dl.foot-nav dd,.foot-right-mes .p{font-size: 0.45rem;line-height: 0.8rem;color: #999;}
dl.foot-nav dd a{color: #999;}
dl.foot-nav dd a:hover{color: #fff;}
.foot-right-mes .tel{letter-spacing: 1px;}
.foot-ewm-wrap{max-width: 370px;text-align: center;margin-top: 0.7rem;}
.foot-ewm-wrap .ewm-img img{max-width: 100%;}
.foot-ewm-wrap .ps{font-size: 14px;color: #999;margin-top: 10px;}
.footer-main .icp{
    text-align: center;
    padding: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #999;
    font-size: 0.4rem;
    margin-top: 0.6rem;
}
.footer-main .icp a{color: #999;}
.footer-main .icp .line{display: inline-block;width: 1px;height: 14px;background: #999;margin: 0 8px;vertical-align: middle;}
.footer-main .ico{
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.35);
    margin-left: 0.5rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.footer-main .ico-wb{background-image: url(../images/icon_wb.svg);background-size: 0.55rem;}
.footer-main .ico-wx{background-image: url(../images/icon_wx.svg);background-size: 0.6rem;}
.footer-main .ico-qq{background-image: url(../images/lin.svg);background-size: 0.45rem;}
.footer-main .ico:hover{background-color: #f06233;}
.footer-main .ico .foot-ewm-wrap{
    position: absolute;
    width: 310px;
    background: #fff;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%,-10px);
    display: none;
    padding: 8px 4px;
}
.footer-main .ico .foot-ewm-wrap:after{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top:100%;
    left: 50%;
    border-width: 10px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    content: '';
}
.footer-main .ico:hover .foot-ewm-wrap{display:block;}
.footer-main .ico .foot-ewm-wrap.row>div{padding-right:4px;padding-left:4px;}
.goTop{
    position: absolute;
    top: -2rem;
    right: 1rem;
    z-index: 99;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/icon_top.png) no-repeat center / cover;
    cursor: pointer;
}
.focus{
    position: relative;
}
.focus img{width: 100%;height: 100vh;object-fit: cover;}
.focus .txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
}
.focus .txt .title{max-width: 17rem;margin-bottom: 0.5rem;}
.solution-ai-wrap .section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 1rem;
}
.solution-ai-wrap .section.fp-auto-height,.solution-ai-wrap .section.focus{padding-top: 0;}
.solution-ai-wrap .section-1 .pub-solution-class{max-width: 16rem;}
.pub-solution-class .boxs{
    float: left;
    position: relative;
    font-size: 0.45rem;
    overflow: hidden;
    margin: 0 0.5rem 0.5rem 0;
}
.pub-solution-class .boxs .con{
    width: 4rem;
    height: 4rem;
    padding: 0.25rem;
    color: #04477f;
    position: relative;
    z-index: 3;
    text-align: center;
    border: 1px solid #00b5e6;
}
.pub-solution-class .boxs .bg-tx{
    font-family: arial;
    font-size: 5.75rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-52%);
    text-align: center;
    color: #04477f;
    opacity: 0.1;
    font-weight: 800;
}
.pub-solution-class .boxs.active .con{border-color: #f06233;background-color: #f06233;color: #fff;font-family:'SourceHanSansCNLight',Arial;}
.pub-solution-class .boxs.active .bg-tx,.pub-solution-class .boxs.active .con{color: #fff;}
.solution-ai-wrap .section-2 .public-title-s1 .p{margin: 0 auto;}
.solution-gallery{
    width: 828px;
    height: 400px;
    background: url(../images/solution_bg2.png) no-repeat  center;
    background-size: contain;
    margin: 0 auto .5rem;
}
.solution-gallery .img .block{
    width: 612px;
    height: 398px;
    margin: 17px auto;
}
.solution-gallery .img .block img{width: 100%;height: 100%;object-fit: cover;}
.solution-thumbs{position: relative;}
.solution-thumbs .ico{display: block;height: 1.7rem;text-align: center;}
.solution-thumbs .ico img{height: 100%;}
.solution-thumbs .title{display: block;font-size: 0.5rem;color: #04477e;text-align: center;margin-top: 8px;}
.solution-thumbs .swiper-slide{cursor: pointer;}
.btn-swp-prev,.btn-swp-next{
    position: absolute;
    top: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    background: url(../images/icon_prev.svg) no-repeat center / 0.6rem;
    z-index: 11;
}
.btn-swp-prev{left: -1rem;}
.btn-swp-next{right: -1rem;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.section-3-swp{
    width: calc(12rem + 40px);
    position: relative;
}
.solution-ai-wrap .section-3 .public-title-s1 .p{max-width: 13.5rem;}
.solution-ai-wrap .section-3 .pub-solution-class .boxs{
    background-color: rgba(4, 71, 127, 0.5);
    color: #fff;
    margin: 0;
}
.solution-ai-wrap .section-3 .pub-solution-class .boxs .con{color: #fff;}
.solution-ai-wrap .section-3 .pub-solution-class .boxs.active{background-color: #f06233;}
.solution-ai-wrap .section-3 .swiper-pagination-bullet,
.solution-ai-wrap .section-4 .swiper-pagination-bullet{background: #fff;opacity: 1;margin-left: 10px;width: 10px;height: 10px;}
.solution-ai-wrap .section-4 .swiper-pagination-bullet{background: #04477f;}
.solution-ai-wrap .section-3 .swiper-pagination-bullet-active,
.solution-ai-wrap .section-4 .swiper-pagination-bullet-active{background: #f06233;}
.solution-ai-wrap .section-3 .swiper-pagination{right: 0;bottom: -1.5rem;}
.solution-ai-wrap .section-4 .swiper-pagination{position:relative;}
.solution-ai-wrap .section-4 .pub-solution-class {
    width: calc(20rem + 100px);
    margin: 1.5rem auto 0.5rem;
}
.solution-ai-wrap .section-4 .pub-solution-class .boxs{border-width: 0;}
/*.solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(4):before,
.solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(5):before{
    display: block;
    width: 4rem;
    height: 1px;
    float: left;
    content: '';
    margin-right: 0.5rem;
}
.solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(8):before{
    display: block;
    width: 12rem;
    height: 1px;
    float: left;
    content: '';
    margin-right: 1.5rem;
}*/
/* .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(3){margin-right: 4rem;}
.solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(5){margin-left: 4rem;} */

.about-wrap .section-1 .top-text{padding-top: 3rem;padding-bottom: 3rem;}
.about-wrap .section-1{background: #f3f2f0 url(../images/about_bg1.jpg) no-repeat center top/100%;position: relative;z-index: 3;}
.icon-page-down{position: relative;}
.icon-page-down i{
    display: block;
    width: 53px;
    height: 50px;
    background: url(../images/icon2.png) no-repeat center/cover;
    position: absolute;
    top: -25px;
    left: 0;
    cursor: pointer;
}
.about-number {color: #04477f;text-align: center;margin-bottom: 7rem;}
.about-number .number{transition:all 0.3s;}
.about-number .number-c{
    font-family: "Gilroy-Bold";
    font-size: 2rem;
    line-height: 1;
}
.about-number .number span{vertical-align: top;}
.about-number .number span.t{font-size: 0.6rem;}
.about-number .number span.tf{font-family: "Gilroy-Regular";font-size: 1rem;line-height: 1;}
.about-number .p{color: #555;margin-top: 0.6rem;}
.about-number .number:hover span{color:#f06233;}
.about-number .number:hover{transform:translateY(-10px)}
.about-wrap .section-2{background-color: #e6e6e6;position: relative;z-index: 3;}
.about-honor-main{
    background: #fff;
    padding: 2rem;
    margin: -4rem -2rem 0;
}
.about-honor-main .public-title-s1 h2{position: relative;padding-left: 2rem;}
.about-honor-main .public-title-s1 h2:after{
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.3rem;
    height: 2px;
    background: #f06233;
    content: '';
}
.about-honor-swp{padding: 0 1.3rem;position: relative;}
.about-honor-swp img{width: 100%;}
.swp-btn-s3{
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid #04477f;
    background: url(../images/icon_prev2.svg) no-repeat center / 0.45rem;
}
.swp-btn-s3:hover{background-color: #04477f;background-image: url(../images/icon_prev3.svg);}
.swp-btn-s3.next{-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}
.about-honor-swp .swp-btn-s3{
    position: absolute;
    top: 50%;
}
.about-honor-swp .swp-btn-s3.prev{left: -1rem;}
.about-honor-swp .swp-btn-s3.next{right: -1rem;}


.about-wrap .section-3{background-color: #e6e6e6;position: relative;z-index: 3;overflow: hidden;padding-top: 2.5rem;padding-bottom: 2.5rem;}
.about-his{
    margin-top: 1.5rem;
    position:relative;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
    background-position: 0px 0px;
}
.about-his .tempWrap{overflow:visible!important;}
.about-his .bd ul li{margin-top:10px;width:40%;}
.about-his .swiper-container{
    overflow:visible;
}

.about-his .boxs{max-width: 10.25rem;}
.about-his .boxs .img{
    padding: 8px;
    box-shadow: 0 0 12px 0 #b2b2b2;
}
.about-his .txt .intro{line-height: 1.8;}
.about-his{position:relative;}
.about-his .swiper-container{overflow:visible;}
/*.about-his:after{position:absolute;width:4000px;height:1px;background:#d9d9d9;left:-1000px;top:50%;content:'';z-index:0;}*/
.about-his .sd-boxsxx{position:relative;}
.about-his .sd-boxsxx>div{max-width:70%;margin:0 auto;}
.about-his .sd-boxsxx1 .img{margin-top:1rem;}
.about-his .sd-boxsxx0 .img{margin-bottom:1rem;}

.about-his .sd-boxsxx1{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}
/*.about-his .sd-boxsxx0{margin-top:10rem;}*/
/*.about-his .sd-boxsxx1:after,.about-his .sd-boxsxx0:after{position:absolute;left:0;width:1px;height:1rem;background:#d9d9d9;content:'';top:50%;margin-top:-0.5rem;}*/
.about-his .sd-boxsxx1:after{position:absolute;left:0;width:1px;height:1rem;background:#d9d9d9;content:'';bottom:50%;left:50%;}
.about-his .sd-boxsxx0:after{position:absolute;left:0;width:1px;height:1rem;background:#d9d9d9;content:'';top:50%;left:50%;}
.about-his .sd-boxsxx:before{
    position:absolute;left:50%;background:#d9d9d9;content:'';top:50%;margin-top:-6px;left:50%;
    width:12px;height:12px;border-radius: 50%;margin-left: -6px;
}
/*.about-his .sd-boxsxx1:after{bottom:-15px;}
.about-his .sd-boxsxx0:after{top:-15px;}*/
.about-his .sd-boxsxx .time{font-size:0.6rem;color:#04477f;}
/*.about-his .boxs{max-width: 410px;height:7rem;}*/
.about-his .boxs {max-width: 10.25rem;}
.about-his .is{width:50%;position:absolute;height:14px;border-right:1px solid #d9d9d9;top:50%;margin-top:-7px;}
.about-his .is1{left:0;}
.about-his .is2{right:0;border-left-width:0;}
.about-his .is:after{position:absolute;left:20%;bottom:0;width:20%;height:14px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;content:'';}
.about-his .is:before{position:absolute;left:60%;bottom:0;width:20%;height:14px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;content:'';}
/*.about-section-4 .about-his .boxs .img{
    box-shadow: 0 0  10px 1px #ccc;
}*/
.about-his .sd-boxsxx1 .time{order:3;margin-top:0.5rem;margin-bottom:0.5rem;}
.about-his .sd-boxsxx0 .time{margin-bottom:0.5rem;margin-top:0.5rem;}
.about-his .sd-boxsxx1 .txt{order:1;}
.about-his .sd-boxsxx1 .boxs{order:2;}
.about-section-4 .about-his .txt{padding:10px 20px;}
.about-section-4 .about-his .txt .intro{margin-top: 5px;}
.swp-btn-s3aa{
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/abouthis_prl.png) no-repeat center / cover;
    position: absolute;
    top:50%;
    margin-top: -0.75rem;
    z-index: 5;
}
.swp-btn-s3aa.prev{left:-1.7rem;}
.swp-btn-s3aa.next{right:-1.7rem;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);}

#abouthis div .swiper-slide:nth-child(2n+1) .boxs{order:2;}
/*.about-his .txt{padding:20px 0;max-width:10rem;color: #555;height:7rem;text-align:center;}*/
.about-his .txt {
    padding: 20px 8px;
    max-width: 10rem;
    color: #555;
}
.about-section-4 .about-his .txt .intro{font-size:16px;margin-bottom:15px;margin-top:15px;width:140%;}
.sd-boxs1{padding-top:5rem;}
.sd-boxs3{padding-top:1rem;}
.sd-boxs4{padding-top:6rem;}
/*.sd-boxs5{margin-top:-1rem;}*/
.sd-boxs6{padding-top:1rem;}
.sd-boxs8{padding-top:3rem;}
.first-boxs {position:relative;}
.first-boxs .text .p{font-size:16px;color:#888;margin-top:0.25rem;line-height:1.8;}
.first-boxs .timedian2 {
    position: absolute;
    left:20px;
    top: 105px;
    width: 80%;
    font-family: "Palatino Linotype",Arial;
    font-style: italic;
}
.first-boxs .timedian2 .p{font-family: "SourceHanSansCNLight";}
.first-boxs .itemdian {
    width: 34px;
    height: 34px;
    position: relative;
}
.first-boxs .itemdian:before {
    content: "";
    position: absolute;
    background: rgba(228, 87, 31, 0.3);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
}
.first-boxs .itemdian:before {
    animation: loader 1.2s infinite cubic-bezier(0.55, 0.23, 0.62, 1);
}
.first-boxs .itemdian:after {
    content: "";
    position: absolute;
    background: #e4571f;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
}
@keyframes loader {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.page-abouthis{margin-top: 0;}
.page-abouthis .swp-btn-s3{margin: 0 10px}
.culture-swp{position: relative;}
.culture-swp .slide-inner{
    height: 17.8rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.culture-swp .culture-txt{
    position: absolute;
    top: 0;
    width: 50%;
    left: 50%;
    height: 100%;
    background: rgba(54, 61, 74, 0.82);
    color: #fff;
    z-index: 3;
    padding: 2.25rem;
}
.culture-swp .culture-txt .con{max-width: 9.75rem;}
.culture-swp .txt-swp{
    height: 1rem;
    line-height: 1rem;
    margin-right: 1rem;
}
.culture-swp .txt-swp .item{display: none;font-size: 0.6rem;}
.culture-swp .culture-txt-ck{padding-top: 1rem;margin-top: -0.25rem;border-top: 1px solid #fff;margin-bottom: 2.25rem;}
.swp-btn-s4{
    width: 1rem;
    height: 0.5rem;
    background: url(../images/icon_right3.svg) no-repeat center / 0.8rem;
}
.swp-btn-s4.swiper-button-disabled{background-image: url(../images/icon_right3a.svg);opacity: 0.5;}
/* .swp-btn-s4.prev,.swp-btn-s5.prev{
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
} */

.swp-btn-s4.prev,.swp-btn-s5.prev{
    background-image: url(../images/icon_left3.svg);
}
.swp-btn-s4.prev.swiper-button-disabled{background-image: url(../images/icon_left3a.svg);}
.swp-btn-s5.swiper-button-disabled{opacity: 0.5;}

.about-wrap .section-5{
    background: url(../images/about_bg2.jpg) no-repeat center/cover;
}
.about-wrap .section-5 .partnerswp{position: relative;}
.about-wrap .section-5 .swiper-pagination{width: 100%;bottom: -1.25rem}
.about-wrap .section-5 .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border: 1px solid #b5b5b6;
    background: #fff;
    margin: 0 8px;
    opacity: 1;
}
.about-wrap .section-5 .swiper-pagination .swiper-pagination-bullet-active{background-color: #04477f;border-color: #04477f;}
.about-wrap .section-5 .partnerswp .ub{
    height: 3.5rem;
    overflow: hidden;
    background: #fff;
}
.about-wrap .section-5 .partnerswp .ub img{
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s;
}
.about-wrap .section-5 .partnerswp .ub:hover img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.about-wrap .section-6{
    background:#e6e6e6 url(../images/about_bg2.png) no-repeat center bottom 18% / 100%;
}
.about-form .text ul.ul{margin-top: 0.3rem;}
.about-form .text ul.ul li{
    padding-left: 44px;
    line-height: 40px;
    margin-bottom: 6px;
    position: relative;
}
.about-form .text ul.ul li:after{
    position: absolute;
    top: 50%;
    left: 0;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    content: '';
}
.about-form .text ul.ul li.ico-email:after{background-position: 0 -48px;}
.about-form .text ul.ul li.ico-address:after{background-position: 0 -100px;}
.about-form form .p{margin: 0.3rem 0;}
.about-form .input-g{
    margin-bottom: 0.5rem;
    color: #555;
}
.about-form .input-g .lab{margin-bottom: 6px;}
.about-form .input-g input,.about-form .input-g textarea{
    width: 100%;
    height: 1.25rem;
    background: transparent;
    border: 1px solid #111;
    padding-left: 0.5rem;
}
.about-form .input-g textarea{height: 4rem;}
.about-form .put-code{margin-right: 12px;width: 8rem;}
.about-form img.code{width: 3rem;height: 1.25rem;}
.about-form .input-btn{margin-top: 1.5rem;}
.about-form .input-btn input{
    width: 8rem;
    height: 1.5rem;
    border-width: 0;
    background: #00b5e7;
    font-size: 0.6rem;
    color: #fff;
}

.about-wrap-culture{background: #f3f2f0;}
.about-culture-section-1{background: url(../images/about_bg3.jpg) no-repeat left top / 100% ;overflow: hidden;}
.abin-culture-swiper .swiper-container{overflow: visible;}
.abin-culture-swiper .boxs{max-width: 78.5%;}
.abin-culture-swiper .boxs .p{margin-top: 0.3rem;color: #fff;}
.abin-culture-swiper .boxs .img{background: #f06233;position: relative;}
/* .abin-culture-swiper .boxs .img img{opacity: 0.6;} */
.abin-culture-swiper  .boxs .img:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f06233;
    opacity:0.62;
    content: '';
    z-index: 2;
}
.abin-culture-swiper .swiper-slide-active .boxs .img:before{
    display: none;
}
.abin-culture-swiper{position: relative;z-index: 4;}
.abin-culture-swiper:after{
    position: absolute;
    display: block;
    width: 5000px;
    left: -1200px;
    top: 50%;
    height: 100%;
    background: #363f49;
    content: '';
    z-index: -1;
}
.about-culture-section-1 .b-list{margin-top: 4rem;margin-bottom: 0.4rem;position: relative;z-index: 5;}
.news-it-box{position: relative;background: #fff;}
.news-it-box .img{position: relative;z-index: 3;overflow: hidden;padding-top:42.55%;}
.news-it-box .img img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.so-pub-box.news-it-box .public-title-s1{
    padding: 0.6rem 0.7rem 2.5rem;   
}
.so-pub-box.news-it-box .date{color: #999;}
.so-pub-box.news-it-box .date .ln{color: #00b5e7;}
.so-pub-box.news-it-box h4{
    font-size: 0.5rem;
    line-height: 0.7rem;
    height: 1.4rem;
    margin-bottom: 0.4rem;
}
.so-pub-box.news-it-box .p{
    font-size: 0.4rem;
    line-height: 0.7rem;
    height: 1.4rem;
    margin-bottom: 0.5rem;
}
.so-pub-box.news-it-box:hover .date,.so-pub-box.news-it-box:hover .date .ln{color: #fff;}
.row26.row{margin-right: -13px;margin-left: -13px;}
.row26.row>div{padding-right: 13px;padding-left: 13px;margin-bottom: 26px;}
.swp-btn-s5 {
    width: 1rem;
    height: 0.5rem;
    background: url(../images/icon_right3a.svg) no-repeat center / 0.8rem;
}
.abin-culture-btn{
   position: absolute;
   right: 0;
   bottom: -1rem; 
   white-space: nowrap;
}
.abin-culture-btn .swiper-pagination-bullet{
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    background: transparent;
    opacity: 1;
    color: #00b5e7;
    text-align: center;
}
.abin-culture-btn .swiper-pagination-bullet-active{color: #275276;}
.abin-culture-btn .swiper-pagination{right: 0;}
.about-culture-section-2 .tops{
    height: 17.5rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.about-culture-section-2 .tops .p{color: #fff;margin-top: 0.5rem;}
.about-culture-section-2 .b-list{margin-top: -2.75rem;position: relative;z-index: 6;}
.page-main{
    text-align: center;
    margin: 1.25rem 0 1.5rem;
}
.page-main .pagination{margin: 0;}

#fp-nav ul li a.active span{background-color: #f06233!important;}
/* .solution-number-section-1{position: relative;} */
.solution-number-section-1:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    background: #fff;
    opacity: 0.66;
    content: '';
}
.solution-number-section-1 .container{position: relative;z-index: 5;}
/*.solution-number-section-1 .public-title-s1{margin-bottom: 0;}*/
.pub-solution-icos{text-align: center;font-size: 0;}
.pub-solution-icos .itemxx{float: none;display:inline-block;vertical-align: top;}
.pub-solution-icos .block{margin-top: 1.5rem;color: #04477f;}
.pub-solution-icos .ico{height: 2rem;margin-bottom: 0.25rem;}
.pub-solution-icos .ico img{height: 100%;}
.pub-solution-icos .p{
height: 3em;
    display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  width:10em;
  margin: 0 auto;
}
.pub-solution-icos .p-en{
    height: 3em;
    display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.solution-number-section-2 .list .item{
    display: inline-block;
    padding: 0 0.5rem;
}
.solution-number-section-2 .pub-solution-icos .block{color: #fff;}
.solution-number-swp{position: relative;text-align: left;}
.solution-ai-wrap .section-3 .solution-number-swp .swiper-pagination{right: auto;left: 0;width:100%;}
.solution-number-swp.pub-solution-icos .block{/*display: inline-block;*/text-align: center;}
.solution-number-section-5 .pub-solution-class .boxs{
    float: none;
    display: inline-block;
}
.solution-number-section-5 .pub-solution-class .boxs .con{color: #fff;}
.solution-ai-wrap .section .public-title-s1 .p,.solution-ai-wrap .section.focus .txt .p{font-size: 0.5rem;line-height: 1.8;}

.detail-wrap .section .title{color: #04477f;}
.detail-wrap .inner-tabs-ck{margin-top: 1.5rem;}
.detail-wrap .section-1 .text{padding-top: 1rem;padding-bottom: 2rem;}
.detail-wrap .section-2{background-color: #e6e6e6;margin-top: 2rem;padding-bottom: 0.5rem;}
.detail-wrap .section-2 .text{transform: translateY(-1.5rem);}
.text img{max-width: 100%;}
.text p{margin-bottom: 0;}

@media screen and (max-width: 1199px) {
  .text table,.text .firstRow td{
    width: 100%!important;
}
.text table td{
    width:25%!important;
}
.text .firstRow td img{
    width: 100%!important;
    height:auto!important;
}
}

/* .detail-wrap .section-3{padding-top: 2rem;} */
.detail-wrap .section-3{padding-bottom: 1rem;}
.down-file{margin-top: 2rem;}
.down-file ul.ul li{
    padding-left: 1rem;
    line-height: 1rem;
    background: url(../images/icon_pdf.png) no-repeat left center / 0.7rem;
    margin-top: 0.25rem;
}
.down-file ul.ul li a{
    font-size: 0.5rem;
    color: #04477f;
    display: inline-block;
    border-bottom: 1px solid #04477f;
}
.detail-form .block{
    border: 1px solid #fff;
    margin-bottom: 2rem;
    padding:0 0.6rem;
}
.detail-form .block .con{
    padding: 0.6rem 0 0.6rem 2.25rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.75rem;
}
.detail-form .block .con .p{color: #555;}
.detail-form .block:hover{border-color: #01b5e6;}
.detail-form .block:hover .con .p,.detail-form .block:hover .con .t{color: #01b5e6;}
.detail-form .block .det-f-ico-1{background-image: url(../images/icon_det_01.png);}
.detail-form .block .det-f-ico-2{background-image: url(../images/icon_det_02.png);}
.detail-form .block .det-f-ico-3{background-image: url(../images/icon_det_03.png);}
.detail-form .block .det-f-ico-4{background-image: url(../images/icon_det_04.png);}
.detail-form .block .det-f-ico-5{background-image: url(../images/icon_det_05.png);}
.detail-form .block .det-f-ico-6{background-image: url(../images/icon_det_06.png);}
.detail-form .block:hover .det-f-ico-1{background-image: url(../images/icon_deta_01.png);}
.detail-form .block:hover .det-f-ico-2{background-image: url(../images/icon_deta_02.png);}
.detail-form .block:hover .det-f-ico-3{background-image: url(../images/icon_deta_03.png);}
.detail-form .block:hover .det-f-ico-4{background-image: url(../images/icon_deta_04.png);}
.detail-form .block:hover .det-f-ico-5{background-image: url(../images/icon_deta_05.png);}
.detail-form .block:hover .det-f-ico-6{background-image: url(../images/icon_deta_06.png);}

.det-form-pup{padding: 1.5rem;}
a.ban-d-btn{margin-right: 2rem;color: #fff;text-align: center;margin-top: 1rem;}
a.ban-d-btn .icoa img{height: 2.5rem;}
a.ban-d-btn .p{margin-top: 0.3rem;}
#focuswp .swiper-pagination{text-align: right;padding-right: 2rem;bottom: 1rem;}
#focuswp  .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;opacity: 1;}
#focuswp .swiper-pagination-bullet-active{background: #f06233;}
.ban-txt .ban-move-box {opacity: 0;}
.service-main .list .item{
    position: relative;
}
.service-main .list .item .txt{width: 37.5vw;height: 37.5vw;position: relative;padding: 3rem;overflow: hidden;}
.service-main .list .item .img{overflow: hidden;}
.service-main .list .item .img .img-c{
    display: block;
    width: 100%;
    height: 37.5vw;
    background-size: cover;
    transition: all 0.3s;
}
.service-main .list .item:hover .img .img-c{transform: scale(1.05);}
.service-main .list .item:nth-child(2n+1) .img{order: 2;}
.service-main .list .item .dc{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13rem;
    font-family: "Gilroy-Bold";
    color: #00b5e6;
    opacity: 0.15;
    line-height:0.73;
}
.service-main .list .item:nth-child(2n) .button-expand{left: 0;right: auto;}
.service-main .list .item:nth-child(2n).so-pub-box:hover .text-expand{transform: translateX(48%) translateY(-50%);}

.join-team {
    padding: 3rem 0;
    background:#f4f4f4 url(../images/join_bg2.jpg) no-repeat center / auto 100%;
}
.join-team .text{padding-top: 1rem;padding-left: 0.75rem;}
.join-team .text h4{margin-bottom: 0.5rem;}
.join-wrap .title{margin-bottom: 2.25rem;}
.join-wrap .title h2{margin-top: 0;}
.pagination-sta .swiper-pagination-bullet{width: 12px;height: 12px;background: transparent;border: 1px solid #ccc;opacity: 1;margin-right: 8px;margin-top: 0.5rem;}
.pagination-sta .swiper-pagination-bullet-active{background: #f06233;border-color: #f06233;}
.join-benefits{
    padding: 2rem 0 1rem;
    background: url(../images/join_newbg.jpg) no-repeat 50% 35% / cover;
    color: #fff;
}
.join-benefits .list .block{text-align: center;margin-bottom: 2rem;}
.join-benefits .list .block:hover{color: #f06233;}
.join-benefits .list .block .ico-boxs{
    display: inline-block;
    border-radius: 50%;
    padding:4px;
    margin-bottom: 0.5rem;
}
.join-benefits .list .block .ico-boxs .ico{
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    background-color: rgba(255,255,255,0.2);
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.join-benefits .list .block .ico-boxs .ico img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-benefits .list .block .ico-boxs .ico img.ic2{display:none;}
.join-benefits .list .block:hover .ico-boxs .ico img.ic1{display:none;}
.join-benefits .list .block:hover .ico-boxs .ico img.ic2{display:block;}
.join-benefits .list .block:hover .ico-boxs{border-color: #f06233;}
.join-benefits .list .block:hover .ico-boxs .ico{background-color: #f06233;}
.join-benefits .list .block .ico-boxs .ico-1{background-image: url(../images/icon_join_01.png);}
.join-benefits .list .block .ico-boxs .ico-2{background-image: url(../images/icon_join_02.png);}
.join-benefits .list .block .ico-boxs .ico-3{background-image: url(../images/icon_join_03.png);}
.join-benefits .list .block .ico-boxs .ico-4{background-image: url(../images/icon_join_04.png);}
.join-benefits .list .block .ico-boxs .ico-5{background-image: url(../images/icon_join_05.png);}
.join-benefits .list .block .ico-boxs .ico-6{background-image: url(../images/icon_join_06.png);}
.join-benefits .list .block .ico-boxs .ico-7{background-image: url(../images/icon_join_07.png);}
.join-benefits .list .block .ico-boxs .ico-8{background-image: url(../images/icon_join_08.png);}
.join-benefits .list .block .ico-boxs .ico-9{background-image: url(../images/icon_join_09.png);}
.join-benefits .list .block .ico-boxs .ico-10{background-image: url(../images/icon_join_10.png);}
.join-benefits .list .block .ico-boxs .ico-11{background-image: url(../images/icon_join_11.png);}
.join-benefits .list .block .ico-boxs .ico-12{background-image: url(../images/icon_join_12.png);}
.join-benefits .list .block:hover .ico-boxs .ico-1{background-image: url(../images/icon_joina_01.png);}
.join-benefits .list .block:hover .ico-boxs .ico-2{background-image: url(../images/icon_joina_02.png);}
.join-benefits .list .block:hover .ico-boxs .ico-3{background-image: url(../images/icon_joina_03.png);}
.join-benefits .list .block:hover .ico-boxs .ico-4{background-image: url(../images/icon_joina_04.png);}
.join-benefits .list .block:hover .ico-boxs .ico-5{background-image: url(../images/icon_joina_05.png);}
.join-benefits .list .block:hover .ico-boxs .ico-6{background-image: url(../images/icon_joina_06.png);}
.join-benefits .list .block:hover .ico-boxs .ico-7{background-image: url(../images/icon_joina_07.png);}
.join-benefits .list .block:hover .ico-boxs .ico-8{background-image: url(../images/icon_joina_08.png);}
.join-benefits .list .block:hover .ico-boxs .ico-9{background-image: url(../images/icon_joina_09.png);}
.join-benefits .list .block:hover .ico-boxs .ico-10{background-image: url(../images/icon_joina_10.png);}
.join-benefits .list .block:hover .ico-boxs .ico-11{background-image: url(../images/icon_joina_11.png);}
.join-benefits .list .block:hover .ico-boxs .ico-12{background-image: url(../images/icon_joina_12.png);}
.join-hr{
    padding: 2rem 0;
    background: #f4f4f4;
}
.join-hr .list .tops{color: #f06233;padding-bottom: 0.5rem;border-bottom: 1px solid #dedede;}
.join-hr .list .item{
    color: #555;
    padding: 0.5rem 0;
    border-bottom: 1px solid #dedede;
    font-size: 0.5rem;
    transition: all 0.5s;
    cursor: pointer;
}
.join-hr .list .item:hover{
    padding-left: 10px;
    color: #f06233;
    background-color: #dedede;
}
.join-hr .list {margin-top: 2rem;}

.inner-search-form{max-width: 25rem;}
.inner-search-form .u-select{margin-right: 0.5rem;}
.inner-search-form .u-select select{
    width: 7rem;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    height: 1.55rem;
    font-size: 0.45rem;
    outline: none;
    box-shadow: none;
    margin: 0;
    background-image: url(../images/icon_d.svg);
    background-color: #f7f7f7;
    background-position: right 18px center;
    background-repeat: no-repeat;
    background-size: 0.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0 0.5rem;
}
.inner-search-form .u-put input{
    width: 100%;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    height: 1.55rem;
    font-size: 0.45rem;
    outline: none;
    box-shadow: none;
    padding: 0 0 0 1rem;
    background-color: #f7f7f7;
}
.inner-search-form .u-btn{margin-left: 0.5rem;}
.inner-search-form .u-btn input{
    border-width: 0;
    border-radius: 0;
    height: 1.55rem;
    width: 5rem;
    font-size: 0.5rem;
    outline: none;
    box-shadow: none;
    padding: 0 0 0 1rem;
    color: #fff;
    background-color: #f06233;
    background-image: url(../images/icon_search2.svg);
    background-position: 1.5rem center;
    background-repeat: no-repeat;
    background-size: 0.6rem;
}

.news-wrap {background: #edeae2;padding-top: 1.5rem;}
.inner-tabs-ck{width: 100%;overflow-x: auto;margin-bottom: 0.6rem;padding-bottom: 3px;}
.inner-tabs-ck .scroll{
    flex-wrap: nowrap;
    border-bottom: 2px solid #f06233;
    white-space: nowrap;
}
.inner-tabs-ck a{
    padding: 0.5rem 0;
    border-bottom: 4px solid transparent;
    margin-bottom: -3px;
    font-size: 0.6rem;
}
.inner-tabs-ck a.active{border-bottom-color: #00b5e6;color:#f06233;}
.inner-tabs-ck a+a{margin-left: 1.2rem;}
.news-top-list .row.ub:after,.news-top-list .row.ub:before{display:none;}
.news-top-list .boxs-big{
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: relative;
}
.news-top-list .boxs-big.so-pub-box .public-title-s1{padding: 2rem;opacity: 0;}
.news-top-list .boxs-big.so-pub-box:hover .public-title-s1{opacity: 1;}
.news-top-list .boxs-big.so-pub-box:hover .overlay{opacity: 0.9;}
.news-top-list .boxs-big.so-pub-box:hover .button-expand{background-color: transparent;}

.down-wrap{
    background: #edeae2;
    padding-top: 0;
}
.down-wrap .icon-page-down,.case-wrap .icon-page-down{margin-bottom: 1.5rem;}

.news-mid-banner{
    height: 17.5rem;
    background-size: cover;
    background-position: center;
    margin-top: -4rem;
    color: #fff;
    margin-bottom: 26px;
}
.news-mid-banner .con{padding-top: 2rem;}

.down-wrap .inner-search-form,.case-wrap .inner-search-form{margin-top: 1.5rem;margin-bottom: 1.5rem;}
.inner-down-list .boxs{
    position: relative;
    padding:2rem 1.5rem;
    height: 12rem;
    background: #fff;
    transition: all 0.3s;
    margin-bottom: 1rem;
}
.inner-down-list .boxs .line{
    width: 1.2rem;
    height: 3px;
    background: #f06233;
    margin: 0.5rem auto;
}
.inner-down-list .boxs .icon-dw{
    width: 1.2rem;
    height: 1.2rem;
    background: #f06233 url(../images/icon_dw.svg) no-repeat center / 0.6rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.inner-down-list .boxs:hover{background-color: #00b5e6;color: #fff;}
.inner-down-list .boxs:hover .p{color: #fff;}

.case-wrap{background: #f0f0f0;}
.inner-cases-list {margin-top: 2rem;}
.inner-cases-list .item{margin-bottom: 2rem;}
.inner-cases-list .item .img img{width: 6.5rem;height: 4.5rem;}
.inner-cases-list .item .txt{padding-left: 15px;}
.inner-cases-list .item .txt .p{
    margin-top: 10px;
    line-height: 1.8;
}
.inner-cases-list .item .txt .p a{color: #555;}

.service-main-inner{
    background: #f0f0f0;
}
.service-main-inner .ser-section-1{
    padding: 0 2rem;
    position: relative;
    z-index: 6;
}
.service-main-inner .ser-section-1 .con{
    background: #fff;
    margin-top: -1.3rem;
}
.service-main-inner .ser-section-1 .con .container{padding:0 1.5rem;max-width:1400px;width:100%;}
.service-main-inner .ser-section-1 .con-main{padding: 2.5rem 0 0.5rem;background: url(../images/bg3.jpg) no-repeat right center / auto 100%;}
.service-main-inner .ser-section-1 .ico img{height: 1.7rem;}
.service-main-inner .ser-section-1 .tx{padding-left: 0.2rem;}
/*.service-main-inner .ser-section-1 .tx .p{line-height:24px;height:48px;}*/
.service-main-inner .ser-section-1 .boxs{margin-bottom: 2rem;height:2rem;}
.service-main-inner .ser-section-1 .boxs:hover{color:#00b5e6;}
.ser-section-2 ul.ul li{float: left;width: 20%;text-align: center;}
.ser-section-2 ul.ul li img{max-height: 2.5rem;}
.ser-section-2 ul.ul li .p{margin-top: 0.6rem;}
.ser-section-3{background: #fff;}
.service-form-login{background-color: #fbfcfc;padding: 2.5rem}
.service-form-login .title{margin-bottom: 2rem;}
.service-form-login .title .ln{font-size: 0.8rem;color: #01b5e6}
.service-form-login .title .rn{color: #62b965;font-size: 0.6rem;margin-left: 0.2rem;}
.service-form-login .title .rn span{font-size: 0.4rem;margin-left: 0.2rem;}
.service-form-login .input-s{margin-bottom: 0.5rem;border-bottom: 1px solid #ccc;}
.service-form-login .input-s input{
    box-shadow: none;
    outline: none;
    width: 100%;
    height: 1.1rem;
    padding-left: 1.3rem;
    border-width: 0;
    background-color: transparent;
}
.service-form-login .input-name{
    background: url(../images/icon_name.svg) no-repeat 6px center / 0.6rem;
}
.service-form-login .input-password{
    background: url(../images/icon_pass.svg) no-repeat 6px center / 0.6rem;
}
.service-form-login .input-sub{margin-top: 1.75rem;}
.service-form-login .input-sub input{
    width: 100%;
    height: 1.2rem;
    background-image: linear-gradient(90deg, #3a90e8, #07d7f6);
    color: #fff;
    font-size: 0.6rem;
    border-width: 0;
    box-shadow: none;
    outline: none;
    border-radius: 8px;
}
.ser-foot-link{margin-top: 2rem;}
.ser-foot-link .boxs{
    display: inline-block;
    background: #f0f0f0 url(../images/icon3.png) no-repeat 1rem center / auto 2.5rem;
    padding: 1rem 0 1rem 3.55rem;
    min-width: 10rem;
}





.header-wrapper .navbar-nav > li .ul > li > a{
    display: block;
    text-align: center;
    line-height: 36px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right center;
    transition: all 0.3s;
    color: #000;
    font-size: 14px;
}
/*.header-wrapper .navbar-nav > li .ul > li ul>li.last-li:nth-child(6n+1){
    padding-top:0.4rem;
}
.header-wrapper .navbar-nav > li .ul > li ul>li.last-li:nth-child(6n),
.header-wrapper .navbar-nav > li .ul > li ul>li.last-li:last-child{
    padding-bottom:0.4rem;
}*/
/*background-image: url(../images/icon_right2.svg);*/
.header-wrapper .navbar-nav > li  .ul > li:hover >a{
    background-image: url(../images/icon_rh.png);
    background-position: right 0.3rem center;
    color: #fa490d;
}
.nav-second{
    position: absolute;
    top: 100%;
    left: 0;
    padding:0;
    left: -25px;
    right: -25px;
    box-shadow: 0 0 40px rgba(58, 76, 111, 0.08);
    background: #fff;
    display: none;
}
.header-wrapper.active .nav-second{top:100%;}
.services-nav-li .nav-second{left:-50px;right:-50px;}
.nav-second ul li ul.ul2{
    position: absolute;
    top: 0;
    left: 100%;
    padding:0;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    display: none;
}
/*.nav-second ul li ul.ul2>li{position:relative;}*/
/*.header-wrapper .navbar-nav .nav-second ul li ul.ul2>li>a{display:none;}*/
.nav-second ul.ul> li:hover ul.ul2{z-index:9;display:block;}
/*.header-wrapper .navbar-nav .nav-second ul.ul> li:hover ul.ul2>li>a{display:block;}*/
   /* height: 100%;
    height: calc(100% + 1px);*/
.nav-second-pro ul.ul3{
    position: absolute;
    top: 0;
    left: 100%;
    padding:0;
    width: 200%;
    max-height: 7.4rem;
    background: #fff;
    display:none;
}
/*.nav-second-pro ul.ul3>li{float:left;width:33.3333%;}*/
.nav-second-pro ul.ul li ul.ul2>li:hover ul.ul3{display:flex;flex-wrap: wrap;
    flex-direction: column;}
/*.nav-second-pro ul.ul3:after,.nav-second-pro ul.ul3:before{
    position: absolute;
    top:0;
    width:1px;
    height: 100%;
    background:#f3f2f1;
    content: '';
}
.nav-second-pro ul.ul li ul.ul2>li:hover ul.ul3:after{left:33.333%;}
.nav-second-pro ul.ul li ul.ul2>li:hover ul.ul3:before{right:33.33333%;}*/
.nav-second-pro ul.ul li ul.ul2>li:hover ul.ul3{border-left-color:rgba(243,242,241,0.6);z-index:9;}
.header-wrapper .navbar-nav > li .nav-second ul.ul> li:hover>a{color:#04477e;}
.nav-second-pro ul.ul li ul.ul2>li ul.ul3>li:hover a{background-image:none;}

.about-sco{height:10rem;padding-right:10px;}
.pub-scroll{overflow-y:auto;}
.pub-scroll::-webkit-scrollbar {
            width: 4px;    
}
.pub-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.pub-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);

        }

@media(min-width: 992px){
    .home-service-list .row,.inner-down-list .row{margin-right: -0.5rem;margin-left: -0.5rem;}
    .home-service-list .row>div,.inner-down-list .row>div{padding-right: 0.5rem;padding-left: 0.5rem;}
    .home-news .left-boxs {padding-right: 20px;}
}
@media (min-width: 1768px){
    .container{width: 1400px;}
    .product-detail .section-2 .row{margin-right: -1.5rem;margin-left: -1.5rem;}
    .product-detail .section-2 .row >div{padding-right: 1.5rem;padding-left: 1.5rem;}
    .city-content-list .row{margin-right: -1.5rem;margin-left: -1.5rem;}
    .city-content-list .row>div{padding-right: 1.5rem;padding-left: 1.5rem;}
    .products-list2 .row,.ser-section-3 .row{margin-right: -25px;margin-left: -25px;}
    .products-list2 .row>div,.ser-section-3 .row>div{padding-right: 25px;padding-left: 25px;}

}
@media (max-width: 1300px) and (min-width: 768px){
    .header-wrapper .navbar-default .navbar-nav > li > a.as{padding-right: 0.3rem;padding-left: 0.3rem;}
}
@media (max-width: 1600px) and (min-width: 768px){
    .focus-img .cover{background-size: 24rem;background-position: right -10.5rem;}
    .focus-img:after{background-size: 24rem;top: -10.5rem;}
    .header-wrapper{padding-right: 1.5rem;padding-left: 1.5rem;}

    .foot-ewm-wrap.row{margin-right: -8px;margin-left: -8px;}
    .foot-ewm-wrap.row>div{padding-right: 8px;padding-left: 8px;}
    .foot-ewm-wrap .ps{font-size: 12px;}
    .about-honor-main{padding: 2rem 15px;margin: -4rem -15px 0;}
    .about-honor-swp .swp-btn-s3.next{right: 0;}
    .about-honor-swp .swp-btn-s3.prev{left: 0;}
    .solution-gallery{
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        margin: -70px  auto;
    }
    .pub-solution-class .boxs .con{width: 3.5rem;height: 3.5rem;font-size:14px;}
    .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(4):before, .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(5):before{width: 3.5rem;}
    .section-3-swp{width: calc(10.5rem + 40px);}
    .solution-ai-wrap .section .public-title-s1 .p, .solution-ai-wrap .section.focus .txt .p{font-size: 0.5rem;}
    .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(8):before{width:10.5rem;}
    
    .about-honor-swp{padding:0 2rem;}


}
@media (max-width: 768px){
    #section-2{
        background-size: 230% auto;
    }
    
    html{font-size: 20px;}
    .font14{font-size: 14px;}
    .font16{font-size: 14px;}
    .font18{font-size: 14px;}
    .font20{font-size: 16px;}
    .font22{font-size: 16px;}
    .font24{font-size: 16px;}
    .font28{font-size: 16px;}
    .font30{font-size: 16px;}
    .font32{font-size: 16px;}
    .font36{font-size: 18px;}
    .font40{font-size: 18px;}
    .font44{font-size: 20px;}
    .font48{font-size: 22px;}
    .public-intro{line-height:1.8;}
    .art-main,.art-container,.header-search-wrap{padding-right: 15px;padding-left: 15px;}
    .pad-b2{padding-bottom:1.5rem;}
    .pad-t2{padding-top:1.5rem;}
    .header-wrapper{padding-right: 0;padding-left: 0;}
    .navbar-brand > img{height: 34px!important;margin-top: 10px;}
    .header-wrapper.active .navbar-brand > img{height: 34px;}
    /* .header-container:after,.header-container:before{display: none;} */
    /* .head-tr{
        position: absolute;
        top: 50%;
        right: 4.5rem;
        margin-top: -16px;
    } */
    .head-tr a span{margin-left: 0;}
    .head-tr a svg{transform: scale(0.7);}
    .navbar-toggle{margin-top: 10px;}
    .navbar-default .navbar-toggle .icon-bar{background: #fff;}
    .navbar-default .navbar-toggle{border-color: #fff;}
   /*  .header-wrapper.active .navbar-default .navbar-toggle .icon-bar,
   .header-wrapper.inner-header .navbar-default .navbar-toggle .icon-bar{background: #111;}
   .header-wrapper.active .navbar-default .navbar-toggle{border-color: #111;} */
    .head-nav-w {
        position: absolute;
        top: 100%;
        left: -15px;
        right: -15px;
        background: #2f5597;
        border-top-width: 0;
        padding-right: 30px;
        padding-left: 30px;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: transparent;}
    .header-wrapper .navbar-default .navbar-nav > li > a{
        font-size: .75rem;
        color: #fff!important;
    }
    .head-search-btn .icon{opacity: 0;}
    .head-search-btn input{width: 3rem;}
    .head-search svg{transform: scale(0.65);}
    .head-language svg,.head-search-main svg{transform: scale(0.7);}
    .banner-text h1{margin-top: 0;}
    .banner-text .more a{
        width: 8rem;
        height: 2rem;
    }
    .foot-main dl dd.city-list{width: 4.25rem;max-width: 5rem;margin-bottom: 2.5rem;}
    .foot-main .shar{margin-bottom: 1.5rem;}
    .foot-main .shar{
        -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    }
    .foot-logo{text-align: center;}

    .row{margin-right: -5px;margin-left: -5px;}
    .row>div{padding-right: 5px;padding-left: 5px;}
    .news-top-list .row>div{width:100%}

    .banner{height: auto;}
    .home-stys ul.ul li,.home-stys ul.ul li.li-4,.home-stys ul.ul li.li-5{width: 100%;}
    .home-stys ul.ul li.li-7, .home-stys ul.ul li.li-6{width: 50%;}
    .home-project .title{margin-bottom: 1rem;}
    .products-class .item{width: 100%;}
    .products-list1 .item, .products-list2 .item{margin-bottom: 1.5rem;}
    .mubiao-main .section-2{background-size: 0;}
    .mubiao-main .section-2 .list{margin-top: 1.5rem;margin-left: 0;}
    .content-main .section-1 .txt{max-width: 100%;margin-bottom: 1.5rem;}
    .pcswpage .swiper-pagination-bullet{width:6px;height:6px;}
    .ban-btns{bottom:15px;}
    .ban-btns-boxs{border-left-width:0;}
    .ban-btns-boxs .next .next-boxs{margin-left:5px;}
    .home-who-solutions .tops{padding: 1rem;margin-top:15px;}
    .home-who-solutions .tops .txt{padding: 0;margin-top:0;}
    .home-who-solutions .tops .txt:after{display: none;}
    .home-solutions-list .left-img .img{width: 100%;position: relative;}
    .home-solutions-list .left-img, .home-solutions-list .so-pub-box, .home-solutions-list .right-img .img{height: auto;}
    .home-solutions-list .so-pub-box{padding: 1.5rem 1.5rem 2.5rem;margin: 0 5px;}
    .home-solutions-list .item{margin-bottom: 1rem;}
    .header-wrapper .navbar-default .navbar-nav > li > a.as, .header-wrapper .head-tr{
        height: 2rem;
        -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    }
    .home-service-tops .ctx{width:100%;padding:0 15px;}
    .home-service-tops{height:10rem;}
    .navbar-default .navbar-nav > li > a span:after{bottom: 0;}
    .more-s3 a{font-size: 14px;line-height: 2rem;}
    .home-solutions .bottom-text{font-size: 0.7rem;margin: 2rem 0}
    .home-solutions-list{margin-bottom: 2rem;}
    .home-solutions-list .right-img{padding-right: 5px;padding-left: 5px;}
    .home-service-list .boxs{margin-bottom: 10px;}
    .home-news-right .news-dt{margin-top: 1rem;margin-left: 0;height:auto;}
    .home-news .left-boxs .txt h4{line-height: 1.5;font-size:14px;}
    .home-news-right .news-dt ul.ul li{line-height: 1.5rem;}
    .home-news-right .news-dt ul.ul li a:after{background-size: 1rem;}
    .more-s1{padding:0 0.7rem;}
    .more-s1 a{line-height: 1.7rem;}
    .home-market-list{padding-top: 0;}
    .home-market-list .boxs {margin-top: 1rem;}
    .home-zy .txt{height: 15rem;}
    .footer-main{padding-top: 2rem;border-top-width: 3px;}
    .footer-main .foot-wrap{padding-right: 15px;padding-left: 15px;}
    dl.foot-nav dt, .foot-right-mes .t{font-size: 18px;}
    dl.foot-nav dd, .foot-right-mes .p{font-size: 14px;}
    .foot-right-mes .tel{margin-bottom:5px;}
    .foot-ewm-wrap .ps{font-size: 12px;}
    .head-tr a{font-size: 0.8rem;line-height: 1.5rem;}
    .head-tr a.tel{background-size: 16px;padding-left:20px;font-size:15px;}
    .head-tr a.search{width: 1rem;background-size: 0.8rem;}
    .head-tr .line{height:16px;}
    .focus img{height: 70vh;}
    .icon-page-down i{width: 33px;height: 30px;top: -15px;}
    .public-title-s1 h2{line-height: 1.5;}
    .about-number .boxs{margin-bottom: 1rem;}
    .about-honor-main{margin-right:-15px;margin-left: -15px;padding-left: 15px;padding-right: 15px;}
    .about-honor-swp .swp-btn-s3.prev{left: -12px;}
    .about-honor-swp .swp-btn-s3.next{right: -12px;}
    .about-his .txt{font-size: 14px;}
    .swp-btn-s3{height: 1.8rem;width: 1.8rem;}
    .culture-swp .culture-txt{width: 100%;left: 0;}
    .culture-swp .culture-txt .con{max-width: 100%;}
    .culture-swp .txt-swp{height: 2rem;line-height: 2rem;}
    .culture-swp .txt-swp .item{font-size: 0.8rem;}
    .swp-btn-s4,.swp-btn-s5{height: 1rem;background-size: 1rem;}
    /* .about-wrap .section-5 .partnerswp .swiper-slide{width: 50%;} */
    .about-form form{margin-top: 1rem;}
    .about-form .input-g input{height: 1.6rem;}
    .about-form img.code{width: 5rem;height: 1.6rem;}
    .so-pub-box.news-it-box .public-title-s1{padding-bottom:2rem;}
    .about-form .input-btn input{height: 2rem;font-size: 0.8rem;}
    .so-pub-box.news-it-box h4{font-size: 16px;line-height: 1.6;height: auto;margin-bottom: 10px;}
    .so-pub-box.news-it-box .p{line-height: 22px;height: 44px;font-size:14px;}
    h2{line-height: 1.2;}
    .pagination > li > a, .pagination > li > span{width: 1.6rem;height: 1.6rem;line-height: 1.6rem;}
    .inner-search-form .u-select select{width: 5rem;height: 2rem;padding-left: 10px;background-position: right 5px center;font-size: 14px;}
    .inner-search-form .u-put input{height: 2rem;font-size: 14px;padding-left: 10px;}
    .inner-search-form .u-btn input{width: 4rem;padding-left: 10px;height: 2rem;background-position: 0.6rem;font-size:14px;}
    .inner-cases-list .item .img img{width: 5rem;height: 5.5rem;object-fit: cover;}
    .inner-cases-list .item .txt .ti{font-size: 16px;}
    .inner-cases-list .item,.detail-form .block{margin-bottom: 1rem;}
    .detail-form .block .con .p{line-height: 22px;height: 44px;}
    .inner-down-list .boxs .icon-dw{width: 1.5rem;height: 1.5rem;background-size: 0.8rem;}
    .join-team .text{padding: 2rem 0 0;}
    .join-benefits .list .block>div{font-size: 0.8rem;}
    .join-hr .list .tops .font28{font-size: 0.9rem;}
    .join-hr .list .item{font-size: 0.7rem;padding-top: 0.7rem;padding-bottom: 0.7rem;}
    .inner-tabs-ck a{font-size: 0.9rem;}
    .news-mid-banner{padding: 0 15px;}
    .mob-ub-ver{
            -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    flex-direction: column;
    }
    .service-main .list .item:nth-child(2n+1) .img{order: 0;}
    .service-main .list .item .img .img-c{height: 50vw;}
    .service-main .list .item .txt{height: auto;width: 100%;padding: 2rem 1rem;}
    .service-main-inner .ser-section-1{padding: 0;}
    .service-main-inner .ser-section-1 .con{margin-top: 0;}
    .service-main-inner .ser-section-1 .tx .t{font-size: 0.8rem;}
    .service-main-inner .ser-section-1 .boxs{margin-bottom: 1rem;}
    .ser-section-2 .text .font24{font-size: 0.8rem;}
    .ser-section-2 ul.ul li{width: 33.333%;margin-bottom: 1rem;}
    .ser-section-2 ul.ul li .p{font-size: 0.7rem;}
    .service-form-login{margin-bottom: 1rem;}
    .solution-ai-wrap .section.focus img{height: 100vh;}
    .solution-gallery{
        position: relative;
        left: 50%;
        -webkit-transform:translateX(-50%) scale(0.5);
        transform: translateX(-50%) scale(0.5);
        margin: -120px auto;
    }
    .solution-gallery .swiper-container{width: 100%;}
    .btn-swp-next{right: 0;}
    .btn-swp-prev{left: 0;}
    .btn-swp-prev, .btn-swp-next{background-size: 1rem;}
    .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(4):before, .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(5):before{display: none;}
    .solution-ai-wrap .section-4 .pub-solution-class .boxs:nth-child(8):before{display: none;}
    .section-3-swp{width: calc(12rem + 20px);float:none!important;margin:0 auto;}
    .solution-ai-wrap .section-4 .pub-solution-class{
        width: calc(12rem + 30px);
    }
    .solution-number-swp{text-align:center;}
    .pub-solution-icos .p{max-width: 100%;margin: 0 auto;line-height: 22px;height: 44px;}
    .pub-solution-icos .p-en{font-size: 0.8rem;}
    .solution-ai-wrap .section .public-title-s1 .p, .solution-ai-wrap .section.focus .txt .p{font-size: 0.7rem;}
    .solution-ai-wrap .section .public-title-s1 .p .font24{font-size: 0.7rem;}
    .pub-solution-class .boxs{font-size: 0.7rem;}
    .nav-second,.services-nav-li .nav-second{
        position: relative;
        right: 0;
        left: 0;
    }
    .header-wrapper .navbar-nav > li .ul > li > a{line-height:30px;font-size:14px;}
    
    .header-wrapper .navbar-default .navbar-nav > li > a.as, .header-wrapper .head-tr{font-size:16px;}
    .ban-txt .p2{font-size:24px;}
    .ban-txt .p3{font-size:14px;line-height:2;margin-bottom:1.2rem;}
    .home-who-solutions .tops h4{font-size:16px;margin-bottom:0;}
    .home-who-solutions .tops .txt h2{margin-bottom:10px;font-size:20px;}
    .home-who-solutions .tops .txt .p{font-size:14px;}
    .button-expand .plus-expand:after, .button-expand .plus-expand:before{width:1px;}
    .home-service-list .boxs .txt .p{font-size:12px;}
    .home-news-right .news-dt .t,.home-news-right .news-hot .t{margin-bottom:8px;}
    .home-news-right .news-hot ul.ul li .time{font-size:12px;margin-top:8px;}
    .home-news-right .news-hot ul.ul li .p{line-height:1.5;font-size:14px;margin-top:8px;}
    .home-news-right .news-hot{height:auto;}
    .home-market-list .boxs .txt h4{font-size:14px;margin-bottom:8px;}
    .home-market-list .boxs .txt .time{font-size:12px;}
    .footer-main .icp{font-size:14px;}
    .footer-main .icp .line{height:10px;}
    .ban-txt .ban-move-box{padding-bottom:2rem;}
    .home-who-solutions .tops .line{height:3px;}
    .home-service-list .boxs .txt{padding:0 10px;bottom:1.6rem;}
    .text-expand{font-size:12px;}
    .text-expand svg{transform:scale(0.7);}
    .so-pub-box:hover .text-expand{min-width: 105px!important;}
    .home-service-list .boxs .txt h4{font-size:15px;margin-bottom:5px;}
    .focus .txt .title{font-size:22px;}
    .solution-ai-wrap .section-3 .public-title-s1 {text-align:center;}
    .solution-ai-wrap .section-3 .public-title-s1 .p{max-width:100%;}
    .pub-solution-class .boxs .con{font-size:13px;}
    .navbar-nav>li.hasec:after{
        position:absolute;
        right:10px;top:0;
        width:2.25rem;height:2.25rem;
        background:url(../images/icon_right4.svg) no-repeat center / 30px;
        content: '';
        z-index: 15;
        transition: all 0.3s;
    }
    .navbar-nav>li.hasec:hover:after{transform:rotateZ(90deg);}
    .solution-number-section-1:after{width:100%;}
    .service-main-inner .ser-section-1 .con .container{padding:0 15px;}
    .service-main-inner .ser-section-1 .ico img{width:1.5rem;height:auto;}
    .service-main-inner .ser-section-1 .tx .t{font-size:14px;}
    .service-main-inner .ser-section-1 .tx .p{font-size:12px;}
    .so-pub-box.news-it-box .date{font-size:12px;}
    .about-his .bd ul li{width:55%;padding:0 6px;}
    .about-his .txt .intro{font-size:12px;line-height:1.5;}
    .about-form .text ul.ul li{padding-left:34px;line-height:22px;margin-bottom:10px;}
    .about-form .text ul.ul li:after{transform:scale(0.75);transform-origin:left;}
    .about-wrap .section-6{background-position:center bottom 1%;}
    .layui-layer-setwin .layui-layer-close2{right:-10px!important;top:-10px!important;}
    .nav-second-ul-t2{height:auto!important;}
    .text span{line-height:1.8!important;}
    

}

.tran{
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.ub{
	display:-webkit-box !important;
	display:-moz-box !important;
	display:-ms-flexbox !important;
	display:-webkit-flex !important;
	display:flex !important;
}
.ub-ver{
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	flex-direction:column;
}
.ub-ac{
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
}
.ub-ae{
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	-moz-align-items:flex-end;
	align-items:flex-end;
}
.ub-ab{
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	-moz-align-items:baseline;
	align-items:baseline;
}
.ub-as{
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-align-items:stretch;
	align-items:stretch;
}
.ub-pc{
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
.ub-pe{
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	justify-content:flex-end;
}
.ub-pj{
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.ub-f1{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	flex:1;
}
.ut-s {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap !important;
    outline: 0 !important
}
.ut-s1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-s2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-s3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-s4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-s5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ut-s6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}




/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes toRightFromRight{
    79%{-webkit-transform:translate(-102%)}
    80%{-webkit-transform:translate(102%)}
    81%{opacity:1}
}
@-moz-keyframes toRightFromRight{
    79%{-moz-transform:translate(-102%)}
    80%{-moz-transform:translate(102%)}
    81%{opacity:1}
}
@keyframes toRightFromRight{
    79%{transform:translate(-102%)}
    80%{transform:translate(102%)}
    81%{opacity:1}
}
.toRightFromRight {
  -webkit-animation-name: toRightFromRight;
  animation-name: toRightFromRight;
}
@-webkit-keyframes toRightFromLeft{
    79%{-webkit-transform:translate(102%)}
    80%{-webkit-transform:translate(-102%)}
    81%{opacity:1}
}
@-moz-keyframes toRightFromLeft{
    79%{-moz-transform:translate(110%)}
    80%{-moz-transform:translate(-102%)}
    81%{opacity:1}
}
@keyframes toRightFromLeft{
    79%{transform:translate(102%)}
    80%{transform:translate(-110%)}
    81%{opacity:1}
}
.toRightFromRight {
  -webkit-animation-name: toRightFromLeft;
  animation-name: toRightFromLeft;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes maskUp{
    0%{-webkit-transform:translateY(100%)}
    100%{-webkit-transform:translateY(-100%)}
}
@keyframes maskUp{
    0%{transform:translateY(100%)}
    100%{transform:translateY(-100%)}
}
@-webkit-keyframes maskUpIn{
    0%{-webkit-transform:translateY(100%)}
    100%{-webkit-transform:translateY(0)}
}
@keyframes maskUpIn{
    0%{transform:translateY(100%)}
    100%{transform:translateY(0)}
}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
/* @-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg)}50%{opacity:1}}
@rotateIn zoomIn{0%{opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg)}50%{opacity:1}}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} */
@media screen and (max-width: 768px) {
    .home-news .left-boxs .img img{
    height: auto;
}
}