html,
body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}
.swiper {
width: 100%;
height: 100%;
}
.foot a{color:white;text-decoration:none;}
.goTop {
position:fixed;
right:40px;
bottom:180px;
z-index:1;
text-align:center;
background-color:#0780ed;
border-radius:12px;
padding-top:10px
}
.goTop:hover {
cursor:pointer
}
.goTop span {
width:16px;
border-top:1px solid #cde6fb;
display:block;
margin:10px auto
}
.home-banner {
height:100%;
width:100%
overflow:hidden;
}
.home-banner .head {
height:140px;
width:100%;
position:absolute;
z-index:9999;
background-image:url(../images/16.c04543eb.png);
background-size:100% 100%
}
.home-banner .head .content {
max-width:1200px;
margin:0 auto;
height:100px
}
.home-banner .head .content .head-div {
float:left;
margin-top:76px
}
.home-banner .head .content .head-left {
cursor:pointer;
width:200px;
height:70px;
margin-top:0px
}
.home-banner .head .content .head-left images {
width:100%;
height:100%
}
.home-banner .head .content .con-left {
width:10%
}
.home-banner .head .content .con-middle {
width:70%
}
.home-banner .head .content .search {
width:20%;
margin-top:55px
}
.home-banner .head .content .head-right {
color:#fff;
font-size:13px;
font-family:Microsoft YaHei;
font-weight:700;
line-height:54px;
text-align:right
}
.home-banner .head .content .head-right div {
display:inline-block;
margin:0 10px
}
.home-banner .head .content .head-right div .images {
width:15px;
height:15px;
padding-top:3px
}
.home-banner .head .content .head-right div .images images {
width:100%;
height:100%
}
.home-banner .head .content .head-right div span {
float:right
}
.home-banner .head .content .head-right .map:hover,.home-banner .head .content .head-right .phone:hover,.home-banner .head .content .el-input__icon:hover {
cursor:pointer
}
.home-banner .head .content .el-input__inner {
border-radius:20px
}
.home-banner .head .content .el-menu.el-menu--horizontal {
border:none
}
.home-banner .head .content .el-menu,.home-banner .head .content input.el-input__inner {
background:none
}
.home-banner .head .content .el-tabs__nav-wrap {
padding-left:200px
}
.home-banner .head .content .el-tabs__nav-wrap:after {
display:none
}
.home-banner .head .content .el-tabs__nav div {
margin:0 auto
}
.home-banner .head .content .el-tabs__item {
font-weight:700;
line-height:55px;
color:#fff;
padding:0 30px;
}
.home-banner .head .content .el-tabs__nav .el-tabs__item:nth-child(2) {
color:#b5a30d
}
.home-banner .head .content .el-tabs__item:hover {
color:#fff
}
.home-banner .head .content .el-tabs__active-bar {
background-color:#fff;
display:none
}
.home-banner .head .content .el-tabs__item {
font-size:16px
}
.home-banner .head .content .el-tabs__item:hover {
color:#b5a30d
}
.home-banner .el-carousel__arrow {
font-size:60px
}
.home-banner .el-carousel__indicators--horizontal {
bottom:500px;
display:none
}
.home-banner .el-carousel__indicator.el-carousel__indicator--horizontal {
height:300px;
background-color:#1f2b37;
margin:10px;
opacity:.5
}
.home-banner .el-carousel__container .content {
position:relative
}
.home-banner .el-carousel__container .content .title {
position:absolute;
color:#fff;
top:250px;
left:300px;
text-align:left
}
.home-banner .el-carousel__container .content .title .title1 {
font-size:80px
}
.home-banner .el-carousel__container .content .title .title2 {
font-size:24px;
margin-top:30px
}
.home-banner .el-carousel__container .content .title .btn {
border:1px solid;
display:inline-block;
border-radius:30px;
padding:17px 37px;
margin-top:120px
}
.home-banner .el-carousel__container .content .title .btn:hover {
cursor:pointer
}
.home-banner .swiper-div {
position:relative;
height:100%;
width:100%
}
.home-banner .swiper-div .gallery-top {
width:100%;
height:100%
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide {
height:100%;
position:relative
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .swiper-title {
max-width:1200px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%)
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .swiper-title p {
width:1200px
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .swiper-title .p1 {
font-size:70px;
font-family:siyuansong;
font-weight:400;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .swiper-title .p2 {
font-size:24px;
font-family:Adobe Heiti Std;
font-weight:400;
color:#fff;
margin-top:5%;
text-align:justify;
text-justify:newspaper;
word-break:break-all;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .banner-button {
position:relative;
display:none
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .banner-button span {
position:absolute;
color:#fff;
border:1px solid;
border-radius:55px;
padding:15px 55px;
margin-top:30%;
margin-left:-30%
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide .banner-button:hover span {
cursor:pointer
}
.home-banner .swiper-div .gallery-top .swiper-wrapper .swiper-slide images {
width:100%;
height:100%
}
.home-banner .swiper-div .gallery-thumbs {
bottom:10px;
width:1200px;
margin:0 auto;
position:absolute;
left:0;
right:0
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .swiper-slid {
width:290px!important;
height:140px!important
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .swiper-slid images {
width:100%;
height:100%
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .carousel-txt .ch {
font-size:30px
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .carousel-txt .en {
font-size:20px
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide {
width:245px!important;
height:140px!important;
margin:0 5px;
margin-top:30px;
background-color:rgba(31,43,55,.5);
position:relative;
display:flex;align-items:center;
padding:0 20px;
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide img{
width: 100%;
height: 100%;
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide images {
width:100%;
height:100%
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide .carousel-txt {
position:absolute;
width:100%;
left:0;
font-family:Source Han Sans CN;
top:45px;
z-index:1
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide .carousel-txt .ch {
font-size:24px;
color:#fff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:260px;
margin:0 auto
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide .carousel-txt .en {
font-size:14px;
color:#dcdcdc;
margin:0 auto;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
word-break:break-all
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide .tb-images {
position:absolute;
width:30px;
height:30px;
left:25px;
top:45px;
z-index:1
}
.home-banner .swiper-div .gallery-thumbs .swiper-slide .tb-images images {
width:100%;
height:100%
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .swiper-slide:first-child {
margin-left:0
}
.home-banner .swiper-div .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(4) {
margin-right:0
}
.home-banner .swiper-div .gallery-thumbs:hover .swiper-slide {
cursor:pointer
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle {
margin:0;
width:350px!important;
top:5px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .background-images {
transform:translate(-5px);
width:360px;
height:165px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .carousel-txt {
top:58px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .tb-images {
top:67px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .carousel-txt .ch {
font-size:30px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .carousel-txt .en {
font-size:20px
}
.home-banner .swiper-div .gallery-thumbs .carouseStyle .tb-images {
width:40px;
height:40px
}
.home-banner .swiper-div .swiper-mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(70,69,69,.5)
}
.home-banner .side {
background:url(../images/view.48914cdc.png) no-repeat;
background-size:100% 100%
}
.el-tabs__nav {
white-space: nowrap;
position: relative;
transition: transform .3s;
float: left;
z-index: 2;
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
width: 12px;
height: 12px;
background: white;
margin: 10px 0;
border-radius: 12px;
display: block;
border: 1px solid black;
}
.swiper-pagination-bullet-active {
background:#f5a623!important;
width:12px;
height:12px;
}
.background-img {
transform: translate(-5px);
width: 296px;
height: 166px;
z-index: -1;
position: absolute;
left: 0;
top: -26px;
}
.carousel-txt{text-align:center;}
#page2 {
background-image: url(../images/bg2_81.07d66bd9.png);
background-size: 100% 100%;
position: relative;
}
.home-solution-info {
height: 100%;
vertical-align: middle;
display: table;
width: 100%;
}
.home-solution-info .sInfo {
height: 100%;
vertical-align: middle;
display: table-cell;
}
.home-solution-info .sInfo .head {
height: 15%;
vertical-align: middle;
display: table;
width: 100%;
}
.home-solution-info .sInfo .head .head-info{
vertical-align: middle;
display: table-cell;
}
.el-row {
box-sizing: border-box;
}
.home-solution-info .sInfo .head .head-info .title {
text-align: center;
}
.home-solution-info .sInfo .head .head-info .title .title-txt {
font-size: 40px;
font-family: SourceHanSansCN-Regular;
color: #000;
width: 25%;
margin: 0 auto;
padding-bottom: 30px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAAAICAYAAAAm2jCeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDOEIwNzM4QUUwQjExRUI4NkJGQTVGQTUxQUVDQzU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDOEIwNzM5QUUwQjExRUI4NkJGQTVGQTUxQUVDQzU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM4QjA3MzZBRTBCMTFFQjg2QkZBNUZBNTFBRUNDNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4QjA3MzdBRTBCMTFFQjg2QkZBNUZBNTFBRUNDNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5j4uDbAAAA+klEQVR42uyZoQrCUBSG72TGIQbRuiD4BhaDBs1LJn2IgcOyNEyWPYhlVTCbzYYNm1GDQRjMf8zBHuHu3P+Dj93ddDjncrg7s4qiUEQ+nuc1X8fwABdwoFGYT3iBIXyUG0mSsHgCsJkC45jAK+xrGNsIbuASTutmQwQ0mizLmAWzOGraZJoM/zeuLc+nDKw0TXt4vpgKMwiCQOV5rn2cjuOoKIpYMBm8O8yBOZTzuLbM5Dg7lHejYRYMwPf9enmGqxaEfILrOI5ZPAHwRmMee/jRPMbyUz5kqeRgu67LLJjFDc5UNRSew65GsX1V9Xt7B+/lBs+nDH4CDADjljdFkxbV5gAAAABJRU5ErkJggg==) no-repeat 40% 100%;
}
.home-solution-info .sInfo .head .head-info .title .title-english{
font-size: 20px;
color: #969db4;
margin-top: 15px;
}
.home-solution-info .sInfo .cards-info{
height:60%;
vertical-align:middle;
display:table;
width:100%
}
.home-solution-info .sInfo .cards-info .cards-infos{
vertical-align:middle;
display:table-cell
}
.home-solution-info .sInfo .cards-info .cards-infos .cards{
padding-bottom:20px;
position:relative
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card{
width:376px;
height:463px;
margin:0 3%;
background-color:#fff;
opacity:0
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .image{
width:100%;
height:270px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .image img{
width:100%;
height:100%
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info{
text-align:left;
padding:0 25px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .title{
height:74px;
vertical-align:middle;
display:table
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .title p{
vertical-align:middle;
display:table-cell;
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:#1b232f;
line-height:27px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .title span{
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:#6f6f6f;
line-height:23px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .content{
border-bottom:1px solid #cfcfcf;
height:53px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .content p{
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
color:#252525;
line-height:27px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col .card .card-info .bottom-tit p{
font-size:12px;
font-family:Microsoft YaHei;
font-weight:400;
color:#909090;
line-height:23px
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .card-col:hover .card{
cursor:pointer
}
.home-solution-info .sInfo .cards-info .cards-infos .cards.el-row {
z-index:2
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .left{
width:255px;
height:214px;
background-color:#3c67b6;
position:absolute;
bottom:0;
left:-5px;
z-index:1;
opacity:0
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .right{
width:360px;
height:560px;
position:absolute;
right:-111px;
top:-68px;
background-color:#3c67b6;
text-align:left;
opacity:0;
z-index:-1;
}
.home-solution-info .sInfo .cards-info .cards-infos .cards .right span{
font-size:24px;
font-family:Microsoft YaHei;
font-weight:400;
color:#fff;
line-height:44px;
position:relative;
top:20px;
left:20px
}
.home-solution-info .sInfo .animistas0 {
-webkit-animation:animistas0-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94);
animation:animistas0-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94);
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
@-webkit-keyframes animistas0-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}@keyframes animistas0-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}.home-solution-info .sInfo .animistas1 {
-webkit-animation:animistas1-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94) 1s;
animation:animistas1-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94) 1s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
@-webkit-keyframes animistas1-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}@keyframes animistas1-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}.home-solution-info .sInfo .animistas2 {
-webkit-animation:animistas2-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94) 1.5s;
animation:animistas2-data-v-4b3252ce .3s cubic-bezier(.25,.46,.45,.94) 1.5s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
@-webkit-keyframes animistas2-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}@keyframes animistas2-data-v-4b3252ce {
0% {
transform:translateZ(700px) translateY(-300px) translateX(-400px);
opacity:0
}
to {
transform:translateZ(0) translateY(0) translateX(0);
opacity:1
}
}.home-solution-info .sInfo .fade-in {
-webkit-animation:fade-in-data-v-4b3252ce 1s cubic-bezier(.39,.575,.565,1) 2s;
animation:fade-in-data-v-4b3252ce 1s cubic-bezier(.39,.575,.565,1) 2s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
@-webkit-keyframes fade-in-data-v-4b3252ce {
0% {
opacity:0
}
to {
opacity:1
}
}@keyframes fade-in-data-v-4b3252ce {
0% {
opacity:0
}
to {
opacity:1
}}
.el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row {
position: relative;
}
.el-col-8 {
width: 33.33333%;
}
.el-col-24 {
width: 100%;
}
.mbody {
max-width: 1200px;
margin: 0 auto;
}
[class*=el-col-] {
float: left;
box-sizing: border-box;
}
#page3 {
background: url(../images/tubg2.e7d1638c.png);
}
.home-successful{
max-width: 1200px;
margin: 0 auto;
height: 100%;
vertical-align: middle;
display: table;
}
.home-successful .home-body {
vertical-align: middle;
display: table-cell;
}
.home-successful {
max-width:1200px;
margin:0 auto;
height:100%;
vertical-align:middle;
display:table
}
.home-successful .home-body {
vertical-align:middle;
display:table-cell
}
.home-successful .home-body .title {
color:#fff;
height:15%;
vertical-align:middle;
display:table;
width:100%;
text-align:center;
}
.home-successful .home-body .title .title-div {
vertical-align:middle;
display:table-cell
}
.home-successful .home-body .title .title-div .txt {
font-size:40px;
color:#fff;
margin:0;
padding-bottom:20px
}
.home-successful .home-body .title .title-div .txt-eng {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAAJCAYAAAAGsVg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QjExQjYzQUUwQzExRUJCMjNDRERCOEI0QjYyQTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QjExQjY0QUUwQzExRUJCMjNDRERCOEI0QjYyQTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVCMTFCNjFBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVCMTFCNjJBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sJjKuAAABAUlEQVR42uyZsQ7BUBiFW206WBg8gc0kwUzCZhIS4QXEIvEOPIDE5gEUCTYbQ2eRmGxewMJiKFWnSR/i9v7nJF/uevKfm5O/t2YYhgYlShkwBg2QVsjXGxzBDLwYkz4yWTKilAMeKCjs8QZq4MG49JDtrjacggD1e93omCpeMEbsbwKGvJuabDJLd33mGGSo024VHcexVffp+5/vdre/MjFNNhlQ5hhkyLKshPhM8V5qVjIVjkGGguC3QNGUEuDzgmPAxPT5XOIUBCh+k6mCU7QsqNwxoA48vsloUjL8uyROTTAHeQW93cEIHBgTS4ZKeO5xyWQV8vSMS4YXUjP9BRgAlQQ7IdovDqoAAAAASUVORK5CYII=) no-repeat 50% 0;
padding-top:25px;
font-size:20px;
margin:0;
}
.home-successful .home-body .title .title-div .con {
opacity:.7;
font-size:20px
}
.home-successful .home-body .content {
border:1px solid #fff;
height:250px;
width:100%;
margin:20px 0
}
.home-successful .home-body .cards {
cursor:pointer
}
.home-successful .home-body .cards .card-col {
width:100%;
height:509px;
background:url(../images/homeSuccessfulbg.311feee8.png) no-repeat 50%;
background-size:100% 100%
}
.home-successful .home-body .cards .card-col .card-col-title {
padding-top:20%;
font-size:30px;
color:#00daff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:80%;
margin:0 auto
}
.home-successful .home-body .cards .card-col .card-backImg {
margin:15px auto
}
.home-successful .home-body .cards .card-col .card-col-f-title {
font-size:20px;
color:#caddff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:80%;
margin:0 auto;
margin-top:33px
}
.home-successful .home-body .cards .card {
border:1px solid
}
.home-successful .home-body .cards .htmlContent {
cursor:pointer;
width:75%;
font-size:16px;
color:#63ffcd;
line-height:20px;
font-family:Microsoft YaHei;
margin:0 auto;
text-align:left;
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-ms-line-clamp:12;
-webkit-line-clamp:12;
line-clamp:12;
-webkit-box-orient:vertical
}
.home-successful .home-body .cards .image:hover {
cursor:pointer
}
.home-successful .home-body .cards .image {
margin-top:42px
}
.home-successful .home-body .cards .image img {
width:80%
}
.home-successful .home-body .cards .animistas0 {
-webkit-animation:animistas0-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas0-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas0-data-v-676237bc {
0% {
transform:translateX(-1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}@keyframes animistas0-data-v-676237bc {
0% {
transform:translateX(-1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}.home-successful .home-body .cards .animistas1 {
-webkit-animation:animistas1-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas1-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas1-data-v-676237bc {
0% {
transform:translateY(1000px);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}@keyframes animistas1-data-v-676237bc {
0% {
transform:translateY(1000px);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}.home-successful .home-body .cards .animistas2 {
-webkit-animation:animistas2-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas2-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas2-data-v-676237bc {
0% {
transform:translateX(1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}@keyframes animistas2-data-v-676237bc {
0% {
transform:translateX(1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}.home-successful .home-body .bottom {
height:10%;
vertical-align:middle;
display:table;
width:100%
}
.home-successful .home-body .bottom .bottom-div {
vertical-align:middle;
display:table-cell;
text-align:center;
}
.home-successful .home-body .bottom .bottom-div .more {
border:1px solid #fff;
display:inline-block;
padding:11.5px 63px;
border-radius:30px
}
.home-successful .home-body .bottom .bottom-div .more p {
color:#00d7fc;
padding:0;margin:0;
}
.home-successful .home-body .bottom .bottom-div .more:hover {
cursor:pointer
}
.home-successful .home-body .bottom-animation {
-webkit-animation:bottom-animation-data-v-676237bc .5s cubic-bezier(.25,.46,.45,.94) 1.5s both;
animation:bottom-animation-data-v-676237bc .5s cubic-bezier(.25,.46,.45,.94) 1.5s both
}
@-webkit-keyframes bottom-animation-data-v-676237bc {
0% {
transform:scale(0);
opacity:1
}
to {
transform:scale(1);
opacity:1
}
}@keyframes bottom-animation-data-v-676237bc {
0% {
transform:scale(0);
opacity:1
}
to {
transform:scale(1);
opacity:1
}
}@media screen and (max-width:1680px) {
.home-successful .home-body .cards .htmlContent {
cursor:pointer;
width:75%;
font-size:16px;
color:#63ffcd;
font-family:Microsoft YaHei;
margin:0 auto;
text-align:left;
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-ms-line-clamp:12;
-webkit-line-clamp:12;
line-clamp:12;
-webkit-box-orient:vertical
}
}@media screen and (max-width:1366px) {
.home-successful {
max-width:1200px;
margin:0 auto;
height:100%;
vertical-align:middle;
display:table
}
.home-successful .home-body {
vertical-align:middle;
display:table-cell
}
.home-successful .home-body .title {
color:#fff;
height:15%;
vertical-align:middle;
display:table;
width:100%
}
.home-successful .home-body .title .title-div {
vertical-align:middle;
display:table-cell
}
.home-successful .home-body .title .title-div .txt {
font-size:40px;
color:#fff;
font-family:SourceHanSansCN-Regular;
padding-bottom:20px
}
.home-successful .home-body .title .title-div .txt-eng {
background:url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAAJCAYAAAAGsVg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QjExQjYzQUUwQzExRUJCMjNDRERCOEI0QjYyQTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QjExQjY0QUUwQzExRUJCMjNDRERCOEI0QjYyQTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVCMTFCNjFBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVCMTFCNjJBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sJjKuAAABAUlEQVR42uyZsQ7BUBiFW206WBg8gc0kwUzCZhIS4QXEIvEOPIDE5gEUCTYbQ2eRmGxewMJiKFWnSR/i9v7nJF/uevKfm5O/t2YYhgYlShkwBg2QVsjXGxzBDLwYkz4yWTKilAMeKCjs8QZq4MG49JDtrjacggD1e93omCpeMEbsbwKGvJuabDJLd33mGGSo024VHcexVffp+5/vdre/MjFNNhlQ5hhkyLKshPhM8V5qVjIVjkGGguC3QNGUEuDzgmPAxPT5XOIUBCh+k6mCU7QsqNwxoA48vsloUjL8uyROTTAHeQW93cEIHBgTS4ZKeO5xyWQV8vSMS4YXUjP9BRgAlQQ7IdovDqoAAAAASUVORK5CYII=) no-repeat 50% 0;
padding-top:20px
}
.home-successful .home-body .title .title-div .con {
opacity:.7;
font-size:20px
}
.home-successful .home-body .content {
border:1px solid #fff;
height:250px;
width:100%;
margin:20px 0
}
.home-successful .home-body .cards {
cursor:pointer
}
.home-successful .home-body .cards .card-col {
width:100%;
height:450px;
background:url(../images/homeSuccessfulbg.311feee8.png) no-repeat 50%;
background-size:100% 100%
}
.home-successful .home-body .cards .card-col .card-col-title {
padding-top:20%;
font-size:30px;
color:#00daff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:80%;
margin:0 auto
}
.home-successful .home-body .cards .card-col .card-backImg {
margin:15px auto
}
.home-successful .home-body .cards .card-col .card-col-f-title {
font-size:20px;
color:#caddff;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:80%;
margin:0 auto;
margin-top:33px
}
.home-successful .home-body .cards .card {
border:1px solid
}
.home-successful .home-body .cards .htmlContent {
cursor:pointer;
width:75%;
font-size:16px;
color:#63ffcd;
font-family:Microsoft YaHei;
margin:0 auto;
text-align:left;
line-height:21px;
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-ms-line-clamp:11;
-webkit-line-clamp:11;
line-clamp:11;
-webkit-box-orient:vertical;
max-height:48.5%
}
.home-successful .home-body .cards .image:hover {
cursor:pointer
}
.home-successful .home-body .cards .image {
margin-top:42px
}
.home-successful .home-body .cards .image img {
width:80%
}
.home-successful .home-body .cards .animistas0 {
-webkit-animation:animistas0-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas0-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas0-data-v-676237bc {
0% {
transform:translateX(-1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}@keyframes animistas0-data-v-676237bc {
0% {
transform:translateX(-1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}.home-successful .home-body .cards .animistas1 {
-webkit-animation:animistas1-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas1-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas1-data-v-676237bc {
0% {
transform:translateY(1000px);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}@keyframes animistas1-data-v-676237bc {
0% {
transform:translateY(1000px);
opacity:0
}
to {
transform:translateY(0);
opacity:1
}
}.home-successful .home-body .cards .animistas2 {
-webkit-animation:animistas2-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both;
animation:animistas2-data-v-676237bc 1.5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes animistas2-data-v-676237bc {
0% {
transform:translateX(1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}@keyframes animistas2-data-v-676237bc {
0% {
transform:translateX(1000px);
opacity:0
}
to {
transform:translateX(0);
opacity:1
}
}.home-successful .home-body .bottom {
height:10%;
vertical-align:middle;
display:table;
width:100%
}
.home-successful .home-body .bottom .bottom-div {
vertical-align:middle;
display:table-cell
}
.home-successful .home-body .bottom .bottom-div .more {
border:1px solid #fff;
display:inline-block;
padding:11.5px 63px;
margin:auto;
border-radius:30px
}
.home-successful .home-body .bottom .bottom-div .more p {
font-size:24px;
padding:0;
margin:0;
color:#00d7fc
}
.home-successful .home-body .bottom .bottom-div .more:hover {
cursor:pointer
}
.home-successful .home-body .bottom-animation {
-webkit-animation:bottom-animation-data-v-676237bc .5s cubic-bezier(.25,.46,.45,.94) 1.5s both;
animation:bottom-animation-data-v-676237bc .5s cubic-bezier(.25,.46,.45,.94) 1.5s both
}
}@media screen and (max-width:1360px) {
.home-successful .home-body .cards .htmlContent {
cursor:pointer;
width:75%;
font-size:16px;
color:#63ffcd;
font-family:Microsoft YaHei;
margin:0 auto;
text-align:left;
line-height:21px;
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-ms-line-clamp:11;
-webkit-line-clamp:11;
line-clamp:11;
-webkit-box-orient:vertical;
max-height:48.5%
}
}
.home-successful .home-body .title .title-div .txt-eng{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAAJCAYAAAAGsVg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QjExQjYzQUUwQzExRUJCMjNDRERCOEI0QjYyQTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QjExQjY0QUUwQzExRUJCMjNDRERCOEI0QjYyQTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVCMTFCNjFBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVCMTFCNjJBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sJjKuAAABAUlEQVR42uyZsQ7BUBiFW206WBg8gc0kwUzCZhIS4QXEIvEOPIDE5gEUCTYbQ2eRmGxewMJiKFWnSR/i9v7nJF/uevKfm5O/t2YYhgYlShkwBg2QVsjXGxzBDLwYkz4yWTKilAMeKCjs8QZq4MG49JDtrjacggD1e93omCpeMEbsbwKGvJuabDJLd33mGGSo024VHcexVffp+5/vdre/MjFNNhlQ5hhkyLKshPhM8V5qVjIVjkGGguC3QNGUEuDzgmPAxPT5XOIUBCh+k6mCU7QsqNwxoA48vsloUjL8uyROTTAHeQW93cEIHBgTS4ZKeO5xyWQV8vSMS4YXUjP9BRgAlQQ7IdovDqoAAAAASUVORK5CYII=) no-repeat 50% 0;
padding-top: 25px;
font-size: 20px;
}
#page4 {
background-image: url(../images/bg3.09d29587.png);
background-size: 100%;
background-repeat: no-repeat;
}
#page5 {
background:url(../images/tubg13.4dc20707.png);
background-size:cover
}
.home-news {
max-width:1200px;
margin:0 auto;
height:100%
}
.home-news .head {
height:25%;
vertical-align:middle;
display:table;
width:100%
}
.home-news .head .title {
vertical-align:middle;
text-align:center;
display:table-cell
}
.home-news .head .title .txt p{
margin:0;
}
.home-news .head .title .txt {
color:#000;
font-size:40px;
padding-bottom:20px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAAAICAYAAAAm2jCeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDOEIwNzM4QUUwQjExRUI4NkJGQTVGQTUxQUVDQzU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDOEIwNzM5QUUwQjExRUI4NkJGQTVGQTUxQUVDQzU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM4QjA3MzZBRTBCMTFFQjg2QkZBNUZBNTFBRUNDNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM4QjA3MzdBRTBCMTFFQjg2QkZBNUZBNTFBRUNDNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5j4uDbAAAA+klEQVR42uyZoQrCUBSG72TGIQbRuiD4BhaDBs1LJn2IgcOyNEyWPYhlVTCbzYYNm1GDQRjMf8zBHuHu3P+Dj93ddDjncrg7s4qiUEQ+nuc1X8fwABdwoFGYT3iBIXyUG0mSsHgCsJkC45jAK+xrGNsIbuASTutmQwQ0mizLmAWzOGraZJoM/zeuLc+nDKw0TXt4vpgKMwiCQOV5rn2cjuOoKIpYMBm8O8yBOZTzuLbM5Dg7lHejYRYMwPf9enmGqxaEfILrOI5ZPAHwRmMee/jRPMbyUz5kqeRgu67LLJjFDc5UNRSew65GsX1V9Xt7B+/lBs+nDH4CDADjljdFkxbV5gAAAABJRU5ErkJggg==) no-repeat 50% 100%
}
.home-news .head .title .txt-eng {
font-size:20px;
font-family:Arial;
font-weight:400;
color:#747474;
margin:20px 0 0 0
}
.home-news .head .title .slide-right {
-webkit-animation:slide-right-data-v-55448de4 1s cubic-bezier(.25,.46,.45,.94) both;
animation:slide-right-data-v-55448de4 1s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-right-data-v-55448de4 {
0% {
transform:translateX(-1500px)
}
to {
transform:translateX(0)
}
}@keyframes slide-right-data-v-55448de4 {
0% {
transform:translateX(-1500px)
}
to {
transform:translateX(0)
}
}.home-news .head .title .slide-left {
-webkit-animation:slide-left-data-v-55448de4 1s cubic-bezier(.25,.46,.45,.94) both;
animation:slide-left-data-v-55448de4 1s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-left-data-v-55448de4 {
0% {
transform:translateX(1500px)
}
to {
transform:translateX(0)
}
}@keyframes slide-left-data-v-55448de4 {
0% {
transform:translateX(1500px)
}
to {
transform:translateX(0)
}
}.home-news .content:after {
clear:both;
content:"";
width:0;
height:0;
display:block;
visibility:hidden
}
.home-news .content {
text-align:left;
box-shadow:0 5px 32px 0 rgba(4,0,0,.16);
height:70%;
overflow:hidden
}
.home-news .content .left {
height:100%;
width:60%;
display:inline-block
}
.home-news .content .left .seamless-warp {
height:100%;
border:1px solid white;
overflow:hidden
}
.home-news .content .left .el-tabs__nav {
width:100%
}
.home-news .content .left .el-tabs {
height:100%
}
.home-news .content .left .el-tabs__active-bar {
display:none
}
.home-news .content .left .el-tabs__item {
text-align:center;
background-color:#fff;
font-size:25px;
font-family:FZHei-B01;
font-weight:400;
color:#ababab;
line-height:33px;
padding:25px 0;
height:auto;
border-bottom:1px solid #f1f1f1;
background-color:#3c67b6;
color:#fff;
border-bottom:1px solid #3c67b6;
border-right:1px solid #e4ecf5
}
.home-news .content .left .el-tabs__item.is-active {
background-color:#fff;
color:#3c67b6;
color:#ababab;
border-bottom:1px solid #fff;
border-bottom:1px solid #3c67b6;
border-bottom:1px solid #e4ecf5
}
.home-news .content .left .el-tabs__header {
margin:0
}
.home-news .content .left .el-tabs__content {
background-color:#fff;
padding:10px 0 10px 0;
height:100%
}
.home-news .content .left .datas {
background-color:#fff;
min-height:400px
}
.home-news .content .left .datas .data-ul .data-li:after {
clear:both;
content:"";
width:0;
height:0;
display:block;
visibility:hidden
}
.home-news .content .left .datas .data-ul .data-li {
list-style:none;
margin:0 50px 20px 45px;
border-bottom:1px solid #f4f4f4;
padding-bottom:20px
}
.home-news .content .left .datas .data-ul .data-li .date {
display:inline-block;
float:left;
text-align:center;
background-color:#3c67b6
}
ul{margin:0;padding:0;}
.home-news .content .left .datas .data-ul .data-li .date p {
color:#fff
}
.home-news .content .left .datas .data-ul .data-li .date .date-day {
font-size:33px;
font-family:FZHei-B01;
font-weight:400;
margin:0;
color:#fff;
line-height:33px;
padding:10px 25px
}
.home-news .content .left .datas .data-ul .data-li .date .date-year {
font-size:18px;
font-family:FZHei-B01;
font-weight:400;
color:#fff;
line-height:30px;
padding:0 0 5px 0
}
.home-news .content .left .datas .data-ul .data-li .con-content {
margin-left:110px
}
.home-news .content .left .datas .data-ul .data-li .con-content .con-title {
font-size:20px;
font-family:Microsoft YaHei;
font-weight:700;
color:#6c6c6c;
line-height:33px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical
}
.home-news .content .left .datas .data-ul .data-li .con-content .con-info {
font-size:18px;
font-family:Microsoft YaHei;
font-weight:400;
color:#a8a8a8;
line-height:26px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.home-news .content .left .datas .data-ul .data-li:hover {
cursor:pointer
}
.home-news .content .left .datas .data-ul .data-li:hover .con-content p {
color:#3c67b6
}
.home-news .content .left .tabPane_1 .el-tabs__item {
width:100%
}
.home-news .content .left .tabPane_2 .el-tabs__item {
width:50%
}
.home-news .content .left .tabPane_3 .el-tabs__item {
width:33.33%
}
.home-news .content .left .tabPane_4 .el-tabs__item {
width:25%;float:left;box-sizing:border-box
}
.home-news .content .right {
width:40%;
background-color:#000;
float:right;
height:100%
}
.home-news .content .right .block,.home-news .content .right .block .el-carousel.el-carousel--horizontal {
height:100%
}
.home-news .content .right .block .el-carousel__indicators--horizontal {
left:80%;
bottom:2%;
display:none
}
.home-news .content .right .block .el-carousel__button {
width:10px;
height:10px;
border-radius:5px;
background-color:#767382
}
.home-news .content .right .block .el-carousel__indicator.is-active .el-carousel__button {
width:10px;
height:10px;
border-radius:5px;
background-color:#3c67b6;
opacity:1
}
.home-news .content .right .block .el-carousel__indicator--horizontal {
padding:0;
margin:0 5px
}
.home-news .content .right .block .el-carousel__item {
display:flex
}
.home-news .content .right .block img {
width:100%;
height:100%;
flex-shrink:0;
-o-object-fit:cover;
object-fit:cover
}
@-webkit-keyframes left-animation-rotate-data-v-55448de4 {
0% {
transform:rotate(0);
transform-origin:bottom left
}
to {
transform:rotate(1turn);
transform-origin:bottom left
}
}@keyframes left-animation-rotate-data-v-55448de4 {
0% {
transform:rotate(0);
transform-origin:bottom left
}
to {
transform:rotate(0deg);
transform-origin:bottom left
}
}@keyframes right-animation-rotate-data-v-55448de4 {
0% {
transform:rotate(0deg);
transform-origin:bottom right
}
to {
transform:rotate(0deg);
transform-origin:bottom right
}
}@-webkit-keyframes right-animation-rotate-data-v-55448de4 {
0% {
transform:rotate(0deg);
transform-origin:bottom right
}
to {
transform:rotate(0deg);
transform-origin:bottom right
}
}
.home-news .carouseStyle1 {
color:#2731a8
}
@media screen and (max-width:1919px) {
.home-news .content .left {
width:61.3%
}
.home-news .content .right {
width:38.7%
}
}@media screen and (max-width:1679px) and (min-height:880px) {
.home-news .content .left {
width:62.3%
}
.home-news .content .right {
width:37.7%
}
}@media screen and (max-width:1679px) and (max-height:760px) {
.home-news .content .left {
width:67.5%
}
.home-news .content .right {
width:32.5%
}
}@media screen and (max-width:1366px) and (max-height:660px) {
.home-news .content .left {
width:71.8%
}
.home-news .content .right {
width:28.2%
}
}@media screen and (max-width:1360px) and (max-height:660px) {
.home-news .content .left {
width:71.8%
}
.home-news .content .right {
width:28.2%
}
}.home-wecomeqf {
max-width:1200px;
margin:0 auto;
color:#fff;
height:85%
}
.home-wecomeqf .wecomeqf-head {
height:25%;
vertical-align:middle;
display:table;
width:100%
}
.home-wecomeqf .wecomeqf-head .head {
vertical-align:middle;
text-align:center;
display:table-cell
}
.home-wecomeqf .wecomeqf-head .head .title {
font-size:40px;
padding-bottom:30px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAAJCAYAAAAGsVg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QjExQjYzQUUwQzExRUJCMjNDRERCOEI0QjYyQTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QjExQjY0QUUwQzExRUJCMjNDRERCOEI0QjYyQTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVCMTFCNjFBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVCMTFCNjJBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sJjKuAAABAUlEQVR42uyZsQ7BUBiFW206WBg8gc0kwUzCZhIS4QXEIvEOPIDE5gEUCTYbQ2eRmGxewMJiKFWnSR/i9v7nJF/uevKfm5O/t2YYhgYlShkwBg2QVsjXGxzBDLwYkz4yWTKilAMeKCjs8QZq4MG49JDtrjacggD1e93omCpeMEbsbwKGvJuabDJLd33mGGSo024VHcexVffp+5/vdre/MjFNNhlQ5hhkyLKshPhM8V5qVjIVjkGGguC3QNGUEuDzgmPAxPT5XOIUBCh+k6mCU7QsqNwxoA48vsloUjL8uyROTTAHeQW93cEIHBgTS4ZKeO5xyWQV8vSMS4YXUjP9BRgAlQQ7IdovDqoAAAAASUVORK5CYII=) no-repeat 50% 100%
}
.home-wecomeqf .wecomeqf-head .head .eng {
font-size:20px;
opacity:.5;
margin-top:25px
}
.home-wecomeqf .content {
height:75%
}
.home-wecomeqf .content .top {
height:10%;
vertical-align:middle;
display:table;
width:100%
}
.home-wecomeqf .content .top p {
font-size:28px;
opacity:.6;
vertical-align:middle;
text-align:center;
display:table-cell
}
.home-wecomeqf .content .middle {
height:90%
}
.home-wecomeqf .content .middle .counts {
height:40%;
vertical-align:middle;
display:table;
width:100%
}
.home-wecomeqf .content .middle .counts .counts-body {
vertical-align:middle;
display:table-cell;
text-align:center;
}
.home-wecomeqf .content .middle .counts .counts-body .countTo {
display:inline-block;
text-align:center;
margin:0 4%
}
.home-wecomeqf .content .middle .counts .counts-body .countTo .to__led-number {
display:inline-block
}
.home-wecomeqf .content .middle .counts .counts-body .countTo .add,.home-wecomeqf .content .middle .counts .counts-body .countTo .number {
font-size:70px
}
.home-wecomeqf .content .middle .photo-info {
height:100%
}
.home-wecomeqf .content .middle .photo-info .photos {
display:flex;
justify-content:center;
max-height:45%
}
.home-wecomeqf .content .middle .photo-info .photos .photo {
display:inline-block;
width:30%;
transition:all .3s
}
.home-wecomeqf .content .middle .photo-info .photos .photo~.photo {
margin-left:15px
}
.home-wecomeqf .content .middle .photo-info .photos .photo img {
width:100%;
height:100%;
transition:all .5s
}
.home-wecomeqf .content .middle .photo-info .photos .photo:hover img {
cursor:pointer;
transform:scale(1.1)
}
.home-foot[data-v-121bab0a] {
height:15%;
position:relative
}
.home-foot .foot-body[data-v-121bab0a] {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot[data-v-121bab0a] {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info[data-v-121bab0a] {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left[data-v-121bab0a] {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info[data-v-121bab0a] {
text-align:left;
margin:10px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a] {
padding:0 15px;
font-size:16px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a]:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list[data-v-121bab0a] {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info[data-v-121bab0a] {
text-align:left;
font-size:16px
}
.home-foot .foot-body .foot .foot-info .left .com-info p[data-v-121bab0a] {
line-height:30px
}
.home-foot .foot-body .foot .foot-info .right[data-v-121bab0a] {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode[data-v-121bab0a] {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img[data-v-121bab0a] {
width:100%
}
@media screen and (max-height:879px) {
.home-foot[data-v-121bab0a] {
height:15%;
position:relative
}
.home-foot .foot-body[data-v-121bab0a] {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot[data-v-121bab0a] {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info[data-v-121bab0a] {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left[data-v-121bab0a] {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info[data-v-121bab0a] {
text-align:left;
margin:10px 0 5px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a] {
padding:0 15px;
font-size:16px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a]:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list[data-v-121bab0a] {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info[data-v-121bab0a] {
text-align:left;
font-size:16px
}
.home-foot .foot-body .foot .foot-info .left .com-info p[data-v-121bab0a] {
line-height:22px
}
.home-foot .foot-body .foot .foot-info .right[data-v-121bab0a] {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode[data-v-121bab0a] {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img[data-v-121bab0a] {
width:100%
}
}@media screen and (max-height:750px) {
.home-foot[data-v-121bab0a] {
height:15%;
position:relative
}
.home-foot .foot-body[data-v-121bab0a] {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot[data-v-121bab0a] {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info[data-v-121bab0a] {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left[data-v-121bab0a] {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info[data-v-121bab0a] {
text-align:left;
margin:10px 0 5px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a] {
padding:0 15px;
font-size:14px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list[data-v-121bab0a]:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list[data-v-121bab0a] {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info[data-v-121bab0a] {
text-align:left;
font-size:14px
}
.home-foot .foot-body .foot .foot-info .left .com-info p[data-v-121bab0a] {
line-height:22px
}
.home-foot .foot-body .foot .foot-info .right[data-v-121bab0a] {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode[data-v-121bab0a] {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img[data-v-121bab0a] {
width:100%
}
.el-tabs__nav {
white-space: nowrap;
position: relative;
transition: transform .3s;
float: left;
z-index: 2;
}
.home-wecomeqf {
max-width:1200px;
margin:0 auto;
color:#fff;
height:85%
}
.home-wecomeqf .wecomeqf-head {
height:25%;
vertical-align:middle;
display:table;
width:100%
}
.home-wecomeqf .wecomeqf-head .head {
vertical-align:middle;
display:table-cell;
text-align:center;
}
.home-wecomeqf .wecomeqf-head .head .title {
font-size:40px;
padding-bottom:30px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARkAAAAJCAYAAAAGsVg4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1QjExQjYzQUUwQzExRUJCMjNDRERCOEI0QjYyQTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1QjExQjY0QUUwQzExRUJCMjNDRERCOEI0QjYyQTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVCMTFCNjFBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVCMTFCNjJBRTBDMTFFQkIyM0NEREI4QjRCNjJBMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sJjKuAAABAUlEQVR42uyZsQ7BUBiFW206WBg8gc0kwUzCZhIS4QXEIvEOPIDE5gEUCTYbQ2eRmGxewMJiKFWnSR/i9v7nJF/uevKfm5O/t2YYhgYlShkwBg2QVsjXGxzBDLwYkz4yWTKilAMeKCjs8QZq4MG49JDtrjacggD1e93omCpeMEbsbwKGvJuabDJLd33mGGSo024VHcexVffp+5/vdre/MjFNNhlQ5hhkyLKshPhM8V5qVjIVjkGGguC3QNGUEuDzgmPAxPT5XOIUBCh+k6mCU7QsqNwxoA48vsloUjL8uyROTTAHeQW93cEIHBgTS4ZKeO5xyWQV8vSMS4YXUjP9BRgAlQQ7IdovDqoAAAAASUVORK5CYII=) no-repeat 50% 100%
}
.home-wecomeqf .wecomeqf-head .head .eng {
font-size:20px;
opacity:.5;
margin-top:25px
}
.home-wecomeqf .content {
height:75%
}
.home-wecomeqf .content .top {
height:10%;
vertical-align:middle;
display:table;
width:100%
}
.home-wecomeqf .content .top p {
font-size:28px;
opacity:.6;
text-align:center;
vertical-align:middle;
display:table-cell
}
.home-wecomeqf .content .middle {
height:90%
}
.home-wecomeqf .content .middle .counts {
height:40%;
vertical-align:middle;
display:table;
text-align:center;
width:100%
}
.home-wecomeqf .content .middle .counts .counts-body {
vertical-align:middle;
display:table-cell
}
.home-wecomeqf .content .middle .counts .counts-body .countTo {
display:inline-block;
margin:0 4%
}
.home-wecomeqf .content .middle .counts .counts-body .countTo .to__led-number {
display:inline-block
}
.home-wecomeqf .content .middle .counts .counts-body .countTo .add,.home-wecomeqf .content .middle .counts .counts-body .countTo .number {
font-size:70px
}
.home-wecomeqf .content .middle .photo-info {
height:100%
}
.home-wecomeqf .content .middle .photo-info .photos {
display:flex;
justify-content:center;
max-height:45%
}
.home-wecomeqf .content .middle .photo-info .photos .photo {
display:inline-block;
width:30%;
transition:all .3s
}
.home-wecomeqf .content .middle .photo-info .photos .photo~.photo {
margin-left:15px
}
.home-wecomeqf .content .middle .photo-info .photos .photo img {
width:100%;
height:100%;
transition:all .5s
}
.home-wecomeqf .content .middle .photo-info .photos .photo:hover img {
cursor:pointer;
transform:scale(1.1)
}
.home-foot {
height:15%;
position:relative
}
.home-foot .foot-body {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info {
text-align:left;
margin:10px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list {
padding:0 15px;
font-size:16px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info {
text-align:left;
font-size:16px
}
.home-foot .foot-body .foot .foot-info .left .com-info p {
line-height:30px
}
.home-foot .foot-body .foot .foot-info .right {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img {
width:100%
}
@media screen and (max-height:879px) {
.home-foot {
height:15%;
position:relative
}
.home-foot .foot-body {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info {
text-align:left;
margin:10px 0 5px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list {
padding:0 15px;
font-size:16px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info {
text-align:left;
font-size:16px
}
.home-foot .foot-body .foot .foot-info .left .com-info p {
line-height:22px
}
.home-foot .foot-body .foot .foot-info .right {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img {
width:100%
}
}@media screen and (max-height:750px) {
.home-foot {
height:15%;
position:relative
}
.home-foot .foot-body {
border-top:1px solid;
color:#fff;
width:100%;
position:absolute;
bottom:0;
height:100%
}
.home-foot .foot-body .foot {
max-width:1200px;
margin:0 auto;
height:100%;
display:table;
width:100%
}
.home-foot .foot-body .foot .foot-info {
display:table-cell;
text-align:center;
vertical-align:middle;
height:100%
}
.home-foot .foot-body .foot .foot-info .left {
width:60%;
display:inline-block
}
.home-foot .foot-body .foot .foot-info .left .nav-info {
text-align:left;
margin:10px 0 5px 0
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list {
padding:0 15px;
font-size:14px;
border-left:1px solid
}
.home-foot .foot-body .foot .foot-info .left .nav-info .nav-list:first-child {
padding-left:0;
border:none;
margin-left:0
}
.home-foot .foot-body .foot .foot-info .left .nav-info:hover .nav-list {
cursor:pointer
}
.home-foot .foot-body .foot .foot-info .left .com-info {
text-align:left;
font-size:14px
}
.home-foot .foot-body .foot .foot-info .left .com-info p {
line-height:22px
}
.home-foot .foot-body .foot .foot-info .right {
width:40%;
float:right
}
.home-foot .foot-body .foot .foot-info .right .qrCode {
width:100px;
height:100px;
margin:5px auto
}
.home-foot .foot-body .foot .foot-info .right .qrCode img {
width:100%
}
}