.home{position:relative;} .home .header{background:transparent;position:absolute;left:0;top:0;z-index:9999;width:100%;} .home .header h1.index{display:block;} .home .header h1.erji{display:none;} .home .header .nav .OneUl > li p a{color:#fff;} /*编辑模式下 防止挡住三色标 前台页面无影响 勿动*/ .navgationDiv ~ .home div.header{top:100px;} /*编辑模式下 防止挡住三色标 前台页面无影响 勿动*/ .eps-portlet-header{position:relative;} .eps-portlet-header .eps-shadow.eps-dn{left:10px!important;top:10px!important;} .SpMenu{background:url(/uiFramework/commonResource/image/2020042413354025816.png) no-repeat center center;} .container_banner{position:relative;overflow:hidden;} .container_banner .swiper-slide{position:relative;overflow:hidden;} .container_banner .swiper-slide .pic{text-align:center;overflow:hidden;} .container_banner .swiper-slide .pic img{display:block;width:1920px;margin:0 auto;max-width:none;width:100%;} .container_banner .swiper-slide .Box{position:absolute;left:0;top:0;z-index:50;width:100%;} .container_banner .swiper-slide01 .Box .Left{margin-left:-100%;opacity:0;} .container_banner .swiper-slide01.swiper-slide-active .Box .Left{margin-left:0;opacity:1;} .container_banner .swiper-slide01 .Box .jqr{margin-right:-100%;opacity:0;} .container_banner .swiper-slide01.swiper-slide-active .Box .jqr{margin-right:0;opacity:1;} .container_banner.ie9 .swiper-slide01 .Box .Left, .container_banner.ie9 .swiper-slide01.swiper-slide-active .Box .Left{margin-left:0;opacity:1;} .container_banner.ie9 .swiper-slide01 .Box .jqr, .container_banner.ie9 .swiper-slide01.swiper-slide-active .Box .jqr{margin-right:0;opacity:1;} .container_banner.ie9 .swiper-slide{display:none;} .container_banner.ie9 .swiper-slide:first-child{display:block;} .container_banner .swiper-slide01 .Box .Left{float:left;padding-top:256px;} .container_banner .swiper-slide01 .pic2{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/uiFramework/commonResource/image/2020042317531898092.png) no-repeat right center;animation: bgAnimate 3s ease-in-out infinite alternate;} @keyframes bgAnimate{ 0% { transform:scale(1,1);} 100% {transform:scale(1.2,1.2);} } .container_banner .swiper-slide01 .Box .jqr img{position:relative;top:0;left:0;animation: jqrAction 1.5s infinite alternate;width:74%;} @keyframes jqrAction{ 0% {transform:rotate(-20deg);left:0;top:0;} 50%{transform:rotate(-20deg);left:-20px;top:-20px;} 100%{transform:rotate(0deg);left:-10px;top:-10px;} } .container_banner .swiper-slide01 .Box .jqr{float:right;position:relative;top:200px;} .container_banner .swiper-slide01 .Box .Left .outLink{margin-top:95px;} .container_banner .swiper-slide01 .Box .Left .outLink a{display:inline-block;width:156px;line-height:60px;background:#e60850;border-radius:5px;color:#fff;font-size:20px;text-align:center;} .container_banner .swiper-slide02 .Left{padding-top:236px;} .container_banner .swiper-slide02 .Left h3 span{text-align:right;} .container_banner .swiper-slide02 .Left h3 span i{display:block;} .container_banner .swiper-slide02 .Left h3 .big{display:block;font-size:50px;color:#fff;} .container_banner .swiper-slide02 .Left h3 .small{display:block;font-size:32px;color:#cbccd0;} .container_banner .swiper-slide02 .Box .Left .outLink{margin-top:65px;text-align:right;} .container_banner .swiper-slide02 .Box .Left .outLink a{display:inline-block;width:156px;line-height:60px;background:#e60850;border-radius:5px;color:#fff;font-size:20px;text-align:center;} .container_banner .swiper-slide02 .Box .Left{margin-right:-100%;opacity:0;} .container_banner .swiper-slide02.swiper-slide-active .Box .Left{margin-right:0;opacity:1;} .container_banner.ie9 .swiper-slide02 .Box .Left, .container_banner.ie9 .swiper-slide02.swiper-slide-active .Box .Left{margin-right:0;opacity:1;} .container_banner .swiper-pagination{position:absolute;left:0;width:100%;bottom:250px!important;z-index:50;text-align:left;} .container_banner .swiper-pagination span{display:inline-block;width:17px;height:17px;background:url(/uiFramework/commonResource/image/2020042313335231791.png) no-repeat center;center;margin-right:10px;cursor:pointer;opacity:1!important;} .container_banner .swiper-pagination span.swiper-pagination-bullet-active, .container_banner .swiper-pagination span.col{background-image:url(/uiFramework/commonResource/image/2020042313344162141.png);} .AiChangeTab li{width:380px;float:left;} .AiChangeTab .Li02{margin:0 28px;} .AiChangeTab li{position:relative;} .AiChangeTab li .top{background: url(/eportal/imageDir/aikf/2020/04/2020042114294783362.png) no-repeat;width: 80px;height: 80px;position:absolute;top:-78px;left:50%;margin-left:-40px;display:none;} .AiChangeTab li .bottom{position: absolute;background: url(/eportal/imageDir/aikf/2020/04/2020042114294745194.png) no-repeat center center;width: 34px;height: 20px;bottom:-20px;left:50%;margin-left:-17px;display:none;} .AiChangeTab li:hover .top, .AiChangeTab li.col .top{display:block;animation: topAction 1s ease-in-out infinite alternate;z-index:-1;} @keyframes topAction{ 0% {top:-78px;} 50%{top:-75px;} 100%{top:-78px;} } .AiChangeTab li:hover .bottom, .AiChangeTab li.col .bottom{display:block;} .AiChangeTab li .box{background:#f5f5f5;border-radius:8px;ovrflow:hidden;} .AiChangeTab li .box a{display:block;line-height:100px;font-size:24px;color:#333;text-align:center;} .AiChangeTab li .box a i{width:45px;height:45px;display:inline-block;vertical-align:middle;margin-right:20px;} .AiChangeTab li.Li01 .box a i{background:url(/uiFramework/commonResource/image/2020042511104374246.png) no-repeat center center;} .AiChangeTab li.Li02 .box a i{background:url(/uiFramework/commonResource/image/2020042511105057758.png) no-repeat center center;} .AiChangeTab li.Li03 .box a i{background:url(/uiFramework/commonResource/image/2020042511105686136.png) no-repeat center center;} .AiChangeTab li .box a{position:relative;} .AiChangeTab li .box a:after{ content: ""; position: absolute; z-index:0; width:200px; height: 100%; top: 0; left:0; overflow: hidden; background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg) } .AiChangeTab li.col .box a:after{ animation: guangAction 1s ease-in-out infinite; } @keyframes guangAction{ 0% {left:-200px;} 100%{left:100%;} } .AiChangeTab li:hover .box, .AiChangeTab li.col .box{background:#e5004a url(/uiFramework/commonResource/image/2020042314114819371.png) no-repeat right top;} .AiChangeTab li:hover .box a, .AiChangeTab li.col .box a{color:#fff;} .AiChangeTab li.Li01:hover .box a i, .AiChangeTab li.Li01.col .box a i{background-image:url(/uiFramework/commonResource/image/2020042511110380767.png);animation: move 300ms ease-in 1;} .AiChangeTab li.Li02:hover .box a i, .AiChangeTab li.Li02.col .box a i{background-image:url(/uiFramework/commonResource/image/2020042511110949489.png);animation: move 300ms ease-in 1;} .AiChangeTab li.Li03:hover .box a i, .AiChangeTab li.Li03.col .box a i{background-image:url(/uiFramework/commonResource/image/2020042511111693532.png);animation: move 300ms ease-in 1;} @keyframes move { 0% { transform: rotate(0deg); } 25% { transform: rotate(15deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); } } .sankuaiNeirongBox{padding-bottom:30px;} .sankuaiNeirongBox .sankuaiNeirongLi{display:none;} .sankuaiNeirongBox .sankuaiNeirongLi:first-child{display:block;} .conmmonUl li{width:16.6666666%;float:left;} .conmmonUl li a{font-size: 22px;color:#666;display:block;text-align:center;} .conmmonUl li i{display:block;width: 0px;height: 6px;background: transparent;margin:15px auto 0; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .conmmonUl li.col a, .conmmonUl li:hover a{color:#e5004a;} .conmmonUl li.col i, .conmmonUl li:hover i{background:#e5004a;width:60px;} .yunBushu li{width:20%;} .threePartChange{margin-top:60px;} .conmmonUl{margin:40px 0;} .txtPicPART li{display:none;} .txtPicPART li:first-child{display:block;} .txtPicPART li .Left{width:62%;float:left;} .txtPicPART li .Right{width:35%;float:right;} .txtPicPART li .Right img{animation: moveUp 1s ease-in-out infinite;position:relative;} @keyframes moveUp { 0% {top:0;} 50% {top:-10px;} 100% {top:0;} } .txtPicPART li .Left .summary{ font-size: 18px; line-height: 46px; display: block; } .txtPicPART li .Left .tedian{font-size:0;max-width:400px;margin:30px 0;} .txtPicPART li .Left .tedian span{font-size:14px;color:#8c8c8c;display:inline-block;width:50%;line-height:30px;} .txtPicPART li .Left .tedian span i{font-style:normal;color:#ea587b;display:inline-block;margin-right:10px;} .txtPicPART li .Left .Link a{display:inline-block;width:140px;line-height:36px;border:1px solid #e5004a;font-size:16px;text-align:center;border-radius:36px;} .txtPicPART li .Left .Link a{margin-right:15px;} .txtPicPART li .Left .Link a.sxBtn{background:#e5004a;color:#fff;} .txtPicPART li .Left .Link a.kxBtn{background:transparent;color:#e5004a;} .txtPicPART li .Left .Link a.kxBtn:hover{background:#e5004a;color:#fff;} .txtPicPART li.Li3 .Left{width:100%;} .txtPicPART li.Li3 .Right{display:none;} .txtPicPART li.Li3 .Left .box .item{width:30%;padding-right:3.33333333333%;float:left;} .txtPicPART li.Li3 .Left .box .item .title{font-size:18px;color:#333;} .txtPicPART li.Li3 .Left .tedian{margin:20px 0;} .txtPicPART li.Li3 .Left .tedian span{width:auto;float:none;display:block;} .qqdjrBox{background:#f5f5f5 url(/uiFramework/commonResource/image/2020042609340153820.png) no-repeat center top;padding-top:60px;} .qdBox .Center{max-width:900px;margin:0 auto;} .qdBox .Center .title{font-size:34px;color:#333333;text-align:center;} .qdBox .Center .txt{font-size:24px;color:#666666;text-align:center;margin:30px 0 20px;} .qdBox .Center .Form{border:1px solid #cdcdcd;background:#fff;max-width:342px;margin:0 auto;display:block;border-radius:35px;font-size:0;} .qdBox .Center .Form input{border:none;background:transparent;height:20px;padding:7px 10px;vertical-align:top;font-size:14px;width:202px;} .qdBox .Center .Form button{width:120px;height:35px;border:none;background:#e5004a;font-size:16px;color:#fff;text-align:center;border-radius:35px;} .qdBox .Center .pic{margin-top:30px;height:450px;overflow:hidden;} .kfglBox{padding:60px 0 30px;} .kfglBox .lcglBox .Center h2{font-size:34px;color:#333333;text-align:center;} .kfglBox .lcglBox .Center .Ul li{width:33.333333333333%;float:left;} .kfglBox .lcglBox .Center .Ul li .num{ float:left; width: 45px; height: 60px; font-size: 41px; text-align: center; margin-right: 20px; color:#e6e6e6; } .kfglBox .lcglBox .Center .Ul li .box{padding:30px;} .kfglBox .lcglBox .Center .Ul li .numTxt{float:right;width:255px;} .kfglBox .lcglBox .Center .Ul li .numTxt .title a{font-size:23px;color:#666;font-weight:bold;} .kfglBox .lcglBox .Center .Ul li:hover .numTxt .title a{color:#e5004a;} .kfglBox .lcglBox .Center .Ul li:hover .num{color:#333;} .kfglBox .lcglBox .Center .Ul li .numTxt .summary{font-size:14px;color:#666;margin-top:10px;height:38px;overflow:hidden;} .kfglBox .lcglBox .Center .Ul li.Li4{margin-left:190px;} .swiper-containerPlayPic .item{margin:0 10px;} .swiper-containerPlayPic .item .pic{border-radius:10px;overflow:hidden;} .swiper-containerPlayPic .item a img{width:100%;height:230px;object-fit:cover; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .swiper-containerPlayPic .item:hover a img{transform:-webkit-scale(1.1,1.1);transform:-moz-scale(1.1,1.1);transform:-ms-scale(1.1,1.1);transform:-o-scale(1.1,1.1);transform:scale(1.1,1.1);} .dhyjjfaBox{background:#f5f5f5;padding:60px 0 40px;} .swiper-containerPlayPic .item .title{text-align:center;padding:20px 0;} .swiper-containerPlayPic .item .title a{font-size:24px;color:#333333;} .swiper-containerPlayPic .item .summary{color:#333333;font-size:14px;text-align:center;} .swiper-containerPlayPicBox h2{font-size:34px;color:#333333;text-align:center;} .swiper-containerPlayPic{margin-top:40px;} .swiper-containerPlayPic .owl-controls .owl-page span{display:inline-block;width:17px!important;height:17px!important;background: transparent url(/uiFramework/commonResource/image/2020042316572157217.png) no-repeat center!important;center;margin-right:10px;cursor:pointer;background-color:transparent!important;} .swiper-containerPlayPic .owl-controls .owl-page.active span{background-image:url(/uiFramework/commonResource/image/2020042313344162141.png)!important;background-color:transparent!important;} /*资质认证*/ .zzrz_Box{padding:60px 0;} .cloud-class-title{text-align: center;} .cloud-class-title h2{font-size: 34px;line-height: 40px;color: #333;font-weight: normal;margin: 10px 0;} .cloud-class-title span{display: block;margin: 27px auto 0;width: 60px;height: 6px;border-radius: 3px;background: #ffa601;} .cloud-class-title p{font-size: 22px;line-height: 36px;color: #333;margin-top: 22px;} .zzrz-con ul{overflow: hidden;padding: 30px 0;} .zzrz-con ul li{width: 16.5%;float: left;padding: 10px 0 20px;text-align: center;transition: all ease .3s;} .zzrz-con ul li p{font-size: 14px;color: #333;line-height: 25px;} .zzrz-con ul li:hover{box-shadow: 0px 2px 10px #ddd; -webkit-transform: translateY(-10px); cursor: default; -moz-transform: translateY(-10px); cursor: pointer; -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); background: #fff; } .zxzx_Box{padding:60px 0;background:#f5f5f5;} .zixunListBox h2{font-size:34px;color:#333333;text-align:center;} .zixunListBox .Center{margin-top:30px;} .zixunListBox .Center .Left{float:left;width:40%;} .zixunListBox .Center .Left img{width:100%;height:280px;object-fit:cover;border-radius:10px;} .zixunListBox .Center .Right{float:right;width:56%;} .zixunListBox .Center .Right .zxzxBox li a, .zixunListBox .Center .Right .zxzxBox li span{font-size:16px;line-height:46px;color:#494949;float:left;} .zixunListBox .Center .Right .zxzxBox li span{float:right;} .zixunListBox .Center .Right .zxzxBox li a{display:block;white-space:nowrap;max-width:70%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .txtPicPART03 .Li1 .Left .Link a, .txtPicPART03 .Li2 .Left .Link a, .txtPicPART03 .Li3 .Left .Link a, .txtPicPART03 .Li4 .Left .Link a{display:none;} .txtPicPART03 .Li1 .Left .Link .lxwm, .txtPicPART03 .Li2 .Left .Link .lxwm, .txtPicPART03 .Li3 .Left .Link .lxwm, .txtPicPART03 .Li3 .Left .Link .gdzl, .txtPicPART03 .Li4 .Left .Link .lxwm, .txtPicPART03 .Li4 .Left .Link .gdzl{display:inline-block;} #advert { width: 900px; height:900px; margin: 30px auto 0; position: relative; } #advert .bg1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #advert .bg1 div { width: 100%; height: 100%; border: #f3dde4 1px solid; border-radius: 50%; position: relative; animation: animtran 16s linear infinite; -webkit-animation: animtran 16s linear infinite; -moz-animation: animtran 16s linear infinite; -o-animation: animtran 16s linear infinite; -ms-animation: animtran 16s linear infinite; } #advert .bg1 img { width: 50px; position: absolute; animation: animtrans 16s linear infinite; -webkit-animation: animtrans 16s linear infinite; -moz-animation: animtrans 16s linear infinite; -o-animation: animtrans 16s linear infinite; -ms-animation: animtrans 16s linear infinite; -ms-animation: animtrans 16s linear infinite; cursor:pointer; } #advert:hover .bg1 div, #advert:hover .bg1 img{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg1 .icon01 { top: 160px; left: 60px; } #advert .bg1 .icon02 { top: 160px; right: 60px; } #advert .bg2 { width:760px; height:760px; position: absolute; top:70px; left:70px; z-index: 20; } #advert .bg2 div { width: 100%; height: 100%; border: #f2c4d3 1px solid; border-radius: 50%; position: relative; animation: animtrans 12s linear infinite; -webkit-animation: animtrans 12s linear infinite; } #advert:hover .bg2 div, #advert:hover .bg2 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg2 span { display: inline-block; overflow: hidden; border-radius: 50%; width:50px; position: absolute; animation: animtran 12s linear infinite; -webkit-animation: animtran 12s linear infinite; cursor:pointer; } #advert .bg2 .icon08 { top: 275px; left: -17px; } #advert .bg2 .icon09 { top: -14px; right:260px; } #advert .bg3 { width: 620px; height: 620px; position: absolute; top:140px; left:140px; z-index: 30; } #advert .bg3 div { width: 100%; height: 100%; border: #f0abc1 1px dotted; border-radius: 50%; position: relative; animation: animtran 8s linear infinite; -webkit-animation: animtran 8s linear infinite; } #advert .bg3 span { display: inline-block; overflow: hidden; width:50px; border-radius: 50%; position: absolute; animation: animtrans 8s linear infinite; -webkit-animation: animtrans 8s linear infinite; cursor:pointer; } #advert:hover .bg3 div, #advert:hover .bg3 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg3 .icon11 { top: 35px; left:100px; } #advert .bg3 .icon12 { top: 186px; right: -10px; } #advert .bg4 { width: 500px; height:500px; position: absolute; top: 200px; left:200px; z-index: 40; } #advert .bg4 div { width: 100%; height: 100%; border: #ef93b1 1px dotted; border-radius: 50%; position: relative; animation: animtrans 4s linear infinite; -webkit-animation: animtrans 4s linear infinite; } #advert .bg4 span { display: inline-block; overflow: hidden; width:50px; border-radius: 50%; position: absolute; animation: animtran 4s linear infinite; -webkit-animation: animtran 4s linear infinite; cursor:pointer; } #advert:hover .bg4 div, #advert:hover .bg4 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg4 .icon13 { top: 98px; left:9px; } #advert .bg4 .icon14 { top: 32px; right: 65px; } .qdBox .Center .pic{position:relative;} .qdBox .Center .pic .redPIC{width:300px;position:absolute;bottom:0;left:50%;margin-left:-150px;z-index:80;} @keyframes animtran { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @keyframes animtrans { from { transform: rotateZ(360deg); } to { transform: rotateZ(0deg); } } @-webkit-keyframes animtran { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @-webkit-keyframes animtrans { from { transform: rotateZ(360deg); } to { transform: rotateZ(0deg); } } @media only screen and (max-width:1260px){ .container_banner .swiper-slide01 .Box .Left{width:40%;} .container_banner .swiper-slide01 .Box .jqr{width:26%;top:0;margin-top:25%;right:24%;} .container_banner .swiper-slide .pic img{margin-left:-40%;} .container_banner .swiper-slide01 .Box .Left .outLink a, .container_banner .swiper-slide02 .Box .Left .outLink a{font-size:14px;line-height:40px;} .container_banner .swiper-slide02 .Left h3 .big{font-size:35px;} .container_banner .swiper-slide02 .Left h3 .small{font-size:22px;} .container_banner .swiper-slide02 .Box .Left .outLink{margin-top:50px;} .AiChangeTab li{width:32%;} .AiChangeTab li.Li02{margin:0 2%;} .AiChangeTab li .box a{font-size:20px;} .conmmonUl li a{font-size:18px;} .txtPicPART li .Left .summary{font-size:16px;} .txtPicPART li .Left .tedian span{font-size:12px;} .txtPicPART li .Left .summary{line-height:30px;} .txtPicPART li .Left .tedian{margin:20px 0;} .txtPicPART li .Left .Link a{font-size:14px;} .txtPicPART li .Left .Link a{width:110px;line-height:30px;} .kfglBox .lcglBox .Center .Ul li .num, .kfglBox .lcglBox .Center .Ul li .numTxt{width:auto;float:none;} .kfglBox .lcglBox .Center .Ul li .num{margin-right:0;text-align:left;} .kfglBox .lcglBox .Center .Ul li.Li4{margin-left:23%;} .zixunListBox .Center .Left{width:46%;} .zixunListBox .Center .Right{width:50%;} .home .header .headerBox{background:transparent;} .home .header .nav .OneUl > li p a{line-height:normal;color:#666;} .home .header .nav .OneUl > li p a:hover{color:#fff;} .home .header .nav{top:88px;} .home .header .nav .OneUl > li.col p a{color:#e5004a;} .home .header .nav .OneUl > li.col p a:hover{color:#fff;} } @media only screen and (max-width:1000px){ .container_banner{height:750px;overflow:hidden;} .container_banner .swiper-slide .pic img{width:100%;height:780px;object-fit:cover;margin-left:0;} .AiChangeTab li .box a{line-height:normal;padding:15px 0;} .AiChangeTab li .box a i{display:block;margin:0 auto;} .AiChangeTab li .box a{font-size:18px;} .conmmonUl li a{font-size:16px;} .txtPicPART li.Li3 .Left .box .item .title, .txtPicPART li .Left .summary{font-size:14px;} .qdBox .Center .title{font-size:25px;} .qdBox .Center .txt{font-size:16px;margin:20px 0;} #advert{width:700px;height:700px;} #advert .bg1 img, #advert .bg2 span, #advert .bg3 span, #advert .bg4 span{width:40px;} #advert .bg1 .icon01{left:25px;} #advert .bg1 .icon02{right:25px;} #advert .bg2{width:600px;height:600px;left:50px;top:50px;} #advert .bg2 .icon08{left:-20px;} #advert .bg2 .icon09{top:-20px;} #advert .bg3{width:500px;height:500px;top:100px;left:100px;} #advert .bg3 .icon11{top:15px;} #advert .bg3 .icon12{right:-17px;} #advert .bg4{width:400px;height:400px;top:150px;left:150px;} #advert .bg4 .icon13{left:-3px;} #advert .bg4 .icon14{right:47px;} .qdBox .Center .pic{height:350px;} .qdBox .Center .pic .redPIC{width:230px;margin-left:-115px;} .kfglBox .lcglBox .Center h2, .swiper-containerPlayPicBox h2, .zixunListBox h2{font-size:25px;} .kfglBox .lcglBox .Center .Ul li .numTxt .title a{font-size:16px;} .swiper-containerPlayPic .item .title a{font-size:18px;} .kfglBox .lcglBox .Center .Ul li .num{font-size:30px;} .swiper-containerPlayPic .item .title{padding:10px 0;} .zixunListBox .Center .Right .zxzxBox li a, .zixunListBox .Center .Right .zxzxBox li span{line-height:40px;} .zixunListBox .Center .Left img{height:250px;} .container_banner .swiper-pagination{bottom:160px!important;} .container_banner .swiper-slide02 .Left h3 .big{font-size:24px;} .container_banner .swiper-slide02 .Left h3 .small{font-size:18px;margin-top:10px;} } @media only screen and (max-width:880px){ .container_banner .swiper-slide01 .Box .jqr{right:10%;} .container_banner .swiper-slide01 .Box .Left{width:50%;} .swiper-containerPlayPic .item a img{height:165px;} .kfglBox .lcglBox .Center .Ul li{width:50%;} .kfglBox .lcglBox .Center .Ul li.Li4{margin-left:0;} .kfglBox .lcglBox .Center .Ul li .box{padding:20px;} .conmmonUl li i{margin-top:10px;} .conmmonUl li{margin-bottom:10px;width:33.3333333333%;} .zixunListBox .Center .Right .zxzxBox li a, .zixunListBox .Center .Right .zxzxBox li span{line-height:35px;} .zixunListBox .Center .Left img{height:220px;} .zixunListBox .Center .Right .zxzxBox li a{max-width:68%;} .AiChangeTab li .box a i{width:35px;height:35px;background-size:cover!important;} } @media only screen and (max-width:840px){ .txtPicPART li.Li3 .Left .box .item{padding:0;width:50%;min-height:130px;} .txtPicPART li.Li3 .Left .tedian{margin:10px 0;} .txtPicPART li.Li3 .Left{margin-top:20px;} } @media only screen and (max-width:750px){ .zixunListBox .Center .Left, .zixunListBox .Center .Right{width:auto;float:none;} .zixunListBox .Center .Left img{height:230px;} .zixunListBox .Center .Right{margin-top:20px;} .AiChangeTab li .box a i{width:24px;height:24px;} .conmmonUl{margin:40px 0 0;} .AiChangeTab li .box a{font-size:1.4rem;display:block;white-space:nowrap;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .container_banner{height:590px;} .threePartChange{margin-top:100px;} .container_banner .swiper-pagination{bottom:2em!important;} .container_banner .swiper-slide01 .Box .Left, .container_banner .swiper-slide02 .Left{padding-top:34%;} .container_banner .swiper-slide01 .Box .jqr{width:30%;} .container_banner .swiper-slide02 .Left h3 .big{font-size:2.4rem;} .container_banner .swiper-slide02 .Left h3 .small{font-size:1.8rem;} .home .header .nav{top:80px;} } @media only screen and (max-width:680px){ .swiper-containerPlayPic .item a img{height:230px;} .txtPicPART li .Left, .txtPicPART li .Right{float:none;width:auto;} .txtPicPART li .Right{width:50%;margin:40px auto 0;display:none;} .container_banner .swiper-slide01 .Box .Left .outLink a, .container_banner .swiper-slide02 .Box .Left .outLink a{width:120px;line-height:35px;} .container_banner{height:550px;} .txtPicPART li .Left .Link a{width:86px;line-height:26px;border-radius:26px;font-size:12px;margin-right:5px;} .qdBox .Center .Form button{font-size:14px;} .qdBox .Center .Form input{width:calc(100% - 140px);} .kfglBox .lcglBox .Center .Ul li .num{height:auto;} .hyEffect ul{ margin:0!important; } .hycsTxt h2{ font-size:28px!important; } .hycsTxt{ position:absolute; top:40%!important; width:100%!important; margin:0!important; left:unset!important; } .cloud-class-title h2 {font-size: 25px;} .zzrz_Box {padding: 20px 0;} .zzrz-con ul {padding: 10px 0;} .zzrz-con ul li {width: 33%;} } @media only screen and (max-width:560px){ .threePartChange{margin-top:82px;} .kfglBox .lcglBox .Center .Ul li{float:none;width:auto;} .kfglBox .lcglBox .Center .Ul li .box{padding:1em 0 0;} .container_banner{height:520px;} .dhyjjfaBox, .zxzx_Box, .kfglBox{padding:30px 0;} .qqdjrBox{padding-top:30px;} .footer2020 .group-link a{font-size:12px;line-height:26px;} .footer2020 .group-tit{font-size:14px;line-height:40px;} .container_banner .swiper-slide01 .Box .Left, .container_banner .swiper-slide02 .Left{padding-top:160px;} .container_banner .swiper-slide01 .Box .jqr{right:3%;width:36%;} .container_banner .swiper-slide01 .Box .Left .outLink a, .container_banner .swiper-slide02 .Box .Left .outLink a{width:86px;line-height:30px;font-size:12px;} .container_banner .swiper-slide01 .Box .Left .outLink{margin-top:40px;} .container_banner .swiper-slide01 .Box .jqr{margin-top:40%;} .txtPicPART li .Right{width:75%;} .container_banner .swiper-slide02 .Left h3 .big{font-size:1.6rem;} .container_banner .swiper-slide02 .Left h3 .small{font-size:1.4rem;} .AiChangeTab li .top{width:56px;height:56px;background-size:cover;top:-56px;margin-left:-28px;} .AiChangeTab li:hover .top, .AiChangeTab li.col .top{animation: topAction2 1s ease-in-out infinite alternate;} @keyframes topAction2{ 0% {top:-56px;} 50%{top:-52px;} 100%{top:-56px;} } } @media only screen and (max-width:750px){ #advert .bg1 img, #advert .bg2 span, #advert .bg3 span, #advert .bg4 span{width:28px;} #advert{width:400px;height:400px;} #advert .bg1 .icon01{left:-3.5%} #advert .bg1 .icon02{right:-3.5%;} #advert .bg2{width:90%;height:90%;left:5%;top:5%;} #advert .bg2 .icon08{top:65%;left:0;} #advert .bg2 .icon09{top:3%;right:20%;} #advert .bg3{width:80%;height:80%;left:10%;top:10%;} #advert .bg3 .icon11{top:9%;left:11%;} #advert .bg3 .icon12{right:-3%;top:58%;} #advert .bg4{width:70%;height:70%;left:15%;top:15%;} #advert .bg4 .icon13{left:-4%;top:34%;} #advert .bg4 .icon14{right:0;top:23%;} .qdBox .Center .pic{height:200px;} .qdBox .Center .pic .redPIC{width:24%;left:38%;margin-left:0;} } @media only screen and (max-width:540px){ #advert{width:300px;height:300px;} .qdBox .Center .pic{height:150px;} .qdBox .Center .pic .redPIC{width:20%;left:40%;margin-left:0;} .txtPicPART li.Li3 .Left .box .item{min-height:auto;width:auto;float:none;margin-top:20px;} .txtPicPART li.Li3 .Left .box .item:first-child{margin-top:0;} .yunBushu li{width:50%;} .qdBox .Center .Form input{} /* #advert .bg1 div, #advert .bg1 img{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg2 div, #advert .bg2 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg3 div, #advert .bg3 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} #advert .bg4 div, #advert .bg4 span{-webkit-animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused; -moz-animation-play-state: paused;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;} */ } @media only screen and (max-width:380px){ #advert{width:240px;height:240px;} .AiChangeTab li{width:30%;float:left;} .AiChangeTab li.Li02{margin:0em 10px;} .AiChangeTab li.col .top, .AiChangeTab li:hover .top, .AiChangeTab li.col .bottom, .AiChangeTab li:hover .bottom{display:none;} }