body{min-width: 1200px; font-weight: lighter;} .clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;} .wrapper{ width: 1200px; margin: 0 auto;} /*弹性盒子*/ .flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/ .flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/ .flexc{margin: auto auto;} .flexwarp{flex-wrap: wrap;} /*弹性盒子换行*/ .banner{ width: 100%; position: relative; overflow: hidden;} .banner img{ width: 100%; display: block;} .h-top{background: #393946; line-height: 36px; font-size: 14px; color: #E6E6E6;} .h-top a{float: right; color: #E6E6E6; margin-right: 45px;} .h-top p{float: right; margin-right: 45px;} .img{display: block; width: 100%;} .more{width: 142px; height: 42px; display: block; border-radius: 5px; background: #3DCFA9; font-size: 18px; text-align: center; line-height: 42px; color: #fff; margin: 25px auto 0; border: 1px solid #3DCFA9; transition: 0.5s ease;} .more:hover{background: rgba(61,207,169,0.5);} nav{height: 78px; background: #fff; box-shadow: 0 0 20px 0 rgba(158,158,158,0.2);} nav .logo{float: left;} nav .nav{float: left; margin-left: 40px;} .nav li{display: block; float: left; font-size: 16px; position: relative;} .nav li span{width: 0; height: 0; border: 4px solid transparent; display: block; border-top-color: #787E85; position: absolute; top: 43px; right: 0; transition: 0.5s ease;} .nav li a{display: block; color: #5C5C5C; padding: 35px 20px 26px 20px;} .nav li:hover a{color: #1482FD;} .nav li:hover ul a{color: #A5A5A5;} .nav li:hover span{border-top-color: #1482FD;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .nav li ul{position: absolute; z-index: 9; background: #fff; text-align: center; width: 104px; left: 0; padding: 10px 0; top: 78px; display: none;} .nav li ul a{color: #A5A5A5; line-height: 40px; padding: 0;} .nav li ul a:hover{background: #1482FD; color: #fff;} .video{position: relative;} .video .dw{position: absolute; top: 50%; margin-top: -90px; width: 100%; text-align: center;} .video .dw p{font-size: 54px; color: #fff; margin-bottom: 40px;} .ad{display: block;} .sphy{background: url(../images/sy_04.jpg) top center no-repeat; height: 519px; overflow: hidden; color: #fff;} .sphy .tit{font-size: 54px; text-align: center; margin: 75px auto 30px;} .sphy .tit span{font-size: 24px; display: block; text-transform: uppercase;} .sphy .m-item{float: left; width: 299px; padding: 0 43px; box-sizing: border-box;} .sphy .m-item span{font-size: 28px; text-align: center; margin-bottom: 10px; display: block;} .sphy .m-item p{font-size: 16px; color: #B4B4B5; line-height: 30px;} .sphy img{float: left; margin-top: 10px;} .sphy .item img:last-child{display: none;} .gsxw .tit{font-size: 44px; margin: 75px auto 0; text-align: center;} .gsxw .picScroll-left{overflow:hidden;} .gsxw .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .gsxw .picScroll-left .bd ul li{width: 380px; margin: 25px 9px; float:left; _display:inline; overflow:hidden; border: 1px solid #F1F1F1;} .gsxw .picScroll-left .text{overflow: hidden; padding: 15px; color: #8A8A8A; display: block;} .gsxw .picScroll-left .text time{float: left; padding-right: 20px; border-right: 1px solid #E7E6E6; float: left;} .gsxw .picScroll-left .text time span{font-size: 40px;} .gsxw .picScroll-left .text time label{width: 20px; height: 1px; background: #E7E6E6; display: block; margin: 5px 0 10px 0;} .gsxw .picScroll-left .text time p{font-size: 14px;} .gsxw .picScroll-left .text .txt{width: 230px; float: left; margin-left: 25px; font-size: 20px;} .gsxw .picScroll-left .text .txt .tp{width: 18px; height: 12px; overflow: hidden; position: relative; display: block; margin-top: 10px;} .gsxw .picScroll-left .text .txt .tp img{position: absolute; left: -18px; transition: 0.5s ease; width: 36px !important;} .gsxw .picScroll-left .bd ul li:hover{box-shadow: 0 0 20px 0 rgba(158,158,158,0.2)} .gsxw .picScroll-left .bd ul li:hover .text .txt .tp img{left: 0;} .gsxw .more{background: #1382FC; border-color: #1382FC; margin-bottom: 80px;} .gsxw .more:hover{background: rgba(19,130,252,0.5)} .jjfa .item{width: 25%; float: left; position: relative; display: block; overflow: hidden;} .jjfa .item .text{width: 100%; height: 100%; background: rgba(1,1,1,0.6); position: absolute; top: 0; left: 0; color: #fff;} .jjfa .item .text p{font-size: 30px; text-align: center; margin-top: 45%;} .jjfa .item .text p label{display: block; width: 30px; height: 1px; background: #fff; margin: 20px auto 0;} .jjfa .item img{transition: 0.5s ease;} .jjfa .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .khal{background: #F7F7F7; padding: 80px 0;} .khal .tit{font-size: 44px; text-align: center; margin-bottom: 40px;} .khal .wrapper{background: url(../images/bj1.jpg) top center no-repeat; height: 582px; padding: 9px 2px 6px 6px;} .khal .wrapper .item{float: left; margin: 0 1px 1px 0; border-radius: 10px; overflow: hidden;} .khal .wrapper .item img{display: block; width: 100%; transition: 0.5s ease;} .khal .wrapper .item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .link{align-items:center; display: -webkit-flex; width: 350px; margin: 40px auto 0;} .link a:first-child{background: #1382FC; border-color: #1382FC;} .link a:first-child:hover{background: rgba(19,130,252,0.5)} footer{background: #393945; color: #8B8B8B; overflow: hidden;} footer .m-nav{margin-top: 55px;} footer .item{float: left; width: 25%; text-align: center;} footer .item p{font-size: 18px; margin-bottom: 15px;} footer .item a{font-size: 14px; color: #8B8B8B; display: block; line-height: 35px;} footer .item a:hover{color: #fff;} footer .phone{font-size: 22px; text-align: center; margin: 15px 0 25px 0; align-items:center; justify-content:center; display: -webkit-flex;} footer .phone img{margin-right: 5px;} .db{line-height: 32px; background: #2C2C34; border-bottom: 1px solid #404047; color: #8B8B8B; font-size: 12px; text-align: center;} .crumb{background: #fff; width: 100%; z-index: 999; box-shadow: 0 0 20px 0 rgba(158,158,158,0.3)} .crumb .top{height: 70px;} .crumb .top .btn{justify-content:center; display: -webkit-flex;} .crumb .top a{font-size: 20px; color: #646464; display: block; float: left; margin: 0 20px; border-bottom: 1px solid #fff; padding: 23px 0 20px 0;} .crumb .top a.on{color: #1382FC; border-color: #1382FC;} .crumb .top a:hover{color: #1382FC; border-color: #1382FC;} .crumb .btm{line-height: 74px; background: #F5F5F5; font-size: 14px; color: #929395;} .banner .link{position: absolute; top: 58%; left: 50%; margin: 0 0 0 -175px;} /* 视频会议 */ .m-sphy{font-size: 16px; line-height: 35px; color: #969696;} .m-sphy .tit{font-size: 30px; color: #3D444A; margin-bottom: 20px; } .m-sphy .tit span{font-weight: 400; margin-left: 5px} .m-sphy .bt{font-size: 30px; padding-top: 50px; color: #4C4C4C; text-align: center;} .m-sphy .cont-1{padding: 70px 0 60px 0;} .m-sphy .cont-1 .tit{text-align: center;} .m-sphy .cont-1 .m-cont span{color: #36AAFD;} .m-sphy .cont-2{color: #fff; overflow: hidden;text-align: center;} .m-sphy .cont-2 .tit{color: #fff; margin-top: 80px;} .m-sphy .cont-3{background: #EAE8E9; margin-top: 60px; padding: 120px 0 60px 0;} .m-sphy .cont-3 .left{width: 545px; float: left; padding-right: 80px; box-sizing: border-box;} .m-sphy .cont-3 .right{width: 570px; float: left;} .m-sphy .cont-3 .tit{color: #2386FC;} .list .item{width: 380px; float: left; margin: 30px 30px 0 0; box-shadow: 0 0 20px 0 rgba(158,158,158,0.2)} .list .item:nth-child(3n){margin-right: 0;} .list .item span{display: block;} .list .item .pic{position: relative; overflow: hidden;} .list .item .pic img{transition: 0.5s ease;} .list .item .pic .dw{background: rgba(1,1,1,.35); align-items:center; display: -webkit-flex; justify-content:center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 24px; color: #fff;} .list .item:hover .img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .list .item .txt{font-size: 20px; color: #5A5A5A; text-align: center; padding: 15px; height: 50px; align-items:center; justify-content:center; display: -webkit-flex;} .list .item .wz{padding: 30px; box-sizing: border-box; height: 180px; color: #757575;} .list .item .wz span{font-size: 20px; text-align: center; margin-bottom: 10px;} .list .item .wz p{line-height: 25px;} .m-sphy .cont-5{margin-top: 50px;} .m-sphy .cont-5 .bt{text-align: left; margin-bottom: 20px;} .m-sphy .cont-5 .left{width: 60%; float: left; padding-right: 5%; box-sizing: border-box;} .m-sphy .cont-5 .right{width: 40%; float: left; margin-top: 50px;} .m-sphy .cont-5 .m-tit{font-size: 30px; color: #414141; font-weight: 400;} .m-sphy .cont-5 .m-tit span{display: block; color: #D8D8D8; text-transform: uppercase; margin: 5px 0;} .m-sphy .cont-7{background: #F9F9F9; padding: 50px 0; margin-top: 50px;} .m-sphy .cont-7 .tit{color: #1482FD; text-align: center;} /* 入目直播 */ .m-rmzb{font-size: 16px; line-height: 30px; color: #969696;} .m-rmzb .bt{font-size: 36px; color: #000; line-height: 50px; margin-bottom: 15px;} .m-rmzb .cont-1{padding: 60px 0;} .m-rmzb .cont-1 .left{width: 50%; float: left;} .m-rmzb .cont-1 .right{width: 50%; float: left; padding-left: 50px; box-sizing: border-box;} .m-rmzb .cont-2{background: #FBFBFB; padding: 90px 0 30px 0;} .m-rmzb .cont-2 .left{width: 600px; float: left;} .m-rmzb .cont-2 .left .m-cont{width: 70%;} .m-rmzb .cont-2 .right{width: 600px; float: left;} .m-rmzb .cont-3{color: #fff; text-align: center; overflow: hidden;} .m-rmzb .cont-3 .bt{color: #fff; margin-top: 80px;} .m-rmzb .cont-4{padding: 60px 0;} .m-rmzb .cont-4 .bt{text-align: center; margin-bottom: 0;} .m-rmzb .cont-5{color: #fff;} .m-rmzb .cont-5 .wrapper{padding: 80px 0 0 550px; box-sizing: border-box;} .m-rmzb .cont-5 .bt{color: #fff;} .m-rmzb .cont-6{padding-top: 140px; box-sizing: border-box; color: #000;} .m-rmzb .cont-6 .m-cont{width: 500px;} .m-rmzb .cont-7{padding: 55px 0 75px 0;} .m-rmzb .cont-7 .bt{text-align: center; margin-bottom: 0;} /* SDK */ .m-sdk{font-size: 24px; padding-bottom: 70px;} .m-sdk .m-cont{margin-top: 40px;} .m-sdk .tit{font-size: 30px; line-height: 40px; margin-bottom: 30px;} .m-sdk .tit span{width: 5px; height: 40px; background: #1382FC; display: block; float: left; margin-right: 10px;} .m-sdk .items{text-align: center;} .m-sdk .m-item{width: 25%; float: left; margin-bottom: 30px; cursor: default;} .m-sdk .m-item span{width: 108px; height: 108px; display: block; margin: 0 auto 15px; border-radius: 50%; overflow: hidden; transition: 0.5s ease;} .m-sdk .m-item span img{display: block; width: 100%;} .m-sdk .cont-1 .m-item{width: 20%; float: left;} .m-sdk .cont-1 .m-item span{border-radius: 0; width: 86px; height: 83px;} .m-sdk .m-item img{transition: 0.5s ease;} .m-sdk .m-item:hover span{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);} .m-sdk .m-item:hover p{font-weight: 400;} .m-sdk .xgwz .bt{font-size: 30px; text-align: center; padding-bottom: 25px; border-bottom: 1px solid #E9E9E9; margin: 20px 0;} .m-sdk .wz-list a{width: 30%; float: left; margin-right: 3.3%; font-size: 16px; color: #1382FC; line-height: 35px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .m-sdk .wz-list a:hover{color: #000;} /* 下载中心 */ .m-xzzx .m-cont{padding: 70px 0;} .m-xzzx .cont-2{background: #F5F4F9;} .m-xzzx .box{width: 50%; float: left;} .m-xzzx .box img{display: block; margin: 0 auto 25px;} .m-xzzx .cont-2 img{border: 1px solid #D1D1D1; border-radius: 5px; width: 158px;} .m-xzzx .box a{width: 200px; height: 46px; border-radius: 5px; display: block; margin: 0 auto; text-align: center; line-height: 46px; background: #36AAFD; color: #fff; font-size: 18px;} /* 常见问题 */ .m-cjwt{background: #F5F5F5; padding-bottom: 110px;} .m-cjwt .left{width: 320px; float: left; background: #fff; padding: 0 20px 100px 20px; line-height: 46px; } .m-cjwt .left .tit{font-size: 22px; font-weight: 400; border-bottom: 1px solid #929395; line-height: 60px;} .m-cjwt .left a{display: block;} .m-cjwt .left .nav{border-bottom: 1px solid #E0E0E0; font-size: 16px; font-weight: 400;} .m-cjwt .left .nav span{float: right; transition: 0.5s ease;} .m-cjwt .left .nav:hover{color: #1382FC;} .m-cjwt .left .nav.on{color: #1382FC;} .m-cjwt .left .nav.on span{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .m-cjwt .left .yiji{margin-bottom: 20px;} .m-cjwt .left .erji{display: none;} .m-cjwt .left .erji a{border-bottom: 1px dashed #E0E0E0; padding-left: 10px;} .m-cjwt .left .erji a:hover{color: #1382FC;} .m-cjwt .left .erji a.on{color: #1382FC;} .m-cjwt .right{width: 830px; float: right; padding: 0 30px 80px 30px; background: #fff; box-sizing: border-box; font-size: 16px; line-height: 30px; color: #686868; min-height: 600px;} .m-cjwt .right h6{font-size: 24px; font-weight: 400; color: #000; line-height: 60px;} /* 公司动态 */ .m-gsdt{padding-bottom: 80px;} .m-gsdt .dt-item{display: block; margin-top: 40px; overflow: hidden;} .m-gsdt .dt-item span,label{display: block;} .m-gsdt .dt-item .pic{width: 300px; float: left; overflow: hidden;} .m-gsdt .dt-item .pic img{display: block; width: 100%; transition: 0.5s ease;} .m-gsdt .dt-item .txt{width: 850px; float: right;} .m-gsdt .dt-item .txt h6{font-size: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .m-gsdt .dt-item .txt p{font-size: 16px; line-height: 30px; color: #696969;} .m-gsdt .dt-item .txt label{font-size: 14px; color: #696969;} .m-gsdt .dt-item:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .m-gsdt .dt-item:hover h6{color: #0051E0;} .m-gsdt .dt-item label{margin-top: 20px;} .m-bdtj{padding-bottom: 100px; width: 960px; margin: 0 auto;} .m-bdtj .tit{font-size: 30px; text-align: center; margin: 40px 0 30px 0;} .m-bdtj .item{width: 463px; border: 1px solid #E5E5E5; border-radius: 5px; display: flex; float: left; padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;} .m-bdtj .item:nth-child(2n){float: right;} .m-bdtj .item p{font-size: 16px; line-height: 45px; color: #8A8A8A;} .m-bdtj .item p span{color: #FF272C;margin-right: 5px;} .m-bdtj .item input,textarea{outline: none; border:none; background: none; flex:1;} .m-bdtj .item input{height: 45px; margin-left: 5px;} .m-bdtj .item textarea{height: 100px; padding: 15px 5px; resize: none;} .m-bdtj .item:nth-last-child(3){width: 100%; float: none;} .m-bdtj button{border: none; outline: none; width: 200px; height: 45px; color: #fff; background: #36AAFD; display: block; margin: 40px auto 70px; font-size: 18px; border-radius: 5px;} .m-bdtj .wtms{font-size: 16px; color: #151515; line-height: 30px;} .m-bdtj .wtms span{font-size: 24px; display: block; margin-bottom: 20px;} .m-bdtj .wtms a{color: #36AAFD;} /* 教育行业 */ .m-jyhy{font-size: 16px; color: #3E454C;} .m-jyhy .bt{font-size: 36px; margin: 55px auto 30px; text-align: center; color: #000;} .m-jyhy .cont-1{color: #fff; text-align: center; overflow: hidden; line-height: 35px;} .m-jyhy .cont-1 .bt{margin: 110px auto 25px; color: #fff;} .m-jyhy .cont-1 label{width: 60px; height: 1px; display: block; background: #fff; margin: 0 auto 15px;} .m-jyhy .cont-2{background: #F6F9FF; overflow: hidden; padding-bottom: 30px;} .m-jyhy .cont-2 .m-item{width: 585px; height: 140px; margin-bottom: 30px; float: left; display: flex; padding: 0 40px; box-sizing: border-box; border: 1px solid #DCDCDC;} .m-jyhy .cont-2 .m-item:nth-child(2n){float: right;} .m-jyhy .cont-2 .m-item img{margin: 35px 30px 0 50px; width: 44px; height: 42px;} .m-jyhy .cont-2 .m-item .txt{flex: 1;} .m-jyhy .cont-2 .m-item span{font-size: 24px; display: block; margin: 30px 0 15px 0;} .m-jyhy .cont-2 .m-item:hover{box-shadow: 0 0 20px 0 rgba(158,158,158,0.2);} .m-jyhy .cont-3{padding-bottom: 70px;} .m-jyhy .cont-3 .bt{margin-bottom: 0;} .m-jyhy .cont-4{background: #F9F9F9; overflow: hidden; padding-bottom: 30px;} .m-jyhy .cont-4 .m-item{width: 25%; float: left; margin-bottom: 25px; text-align: center; cursor: default;} .m-jyhy .cont-4 .m-item img{display: block; margin: 0 auto; transition: 0.5s ease;} .m-jyhy .cont-4 .m-item span{font-size: 20px; margin: 10px 0; display: block;} .m-jyhy .cont-4 .m-item p{width: 200px; margin: 0 auto; line-height: 25px;} .m-jyhy .cont-4 .m-item:hover img{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);} .m-jyhy .cont-5{padding-bottom: 40px;} .m-jyhy .cont-5 .bt{margin-bottom: 0;} /* 医疗行业 */ .m-ylhy{font-size: 16px; color: #3E454C;} .m-ylhy .bt{font-size: 36px; margin: 55px auto 30px; text-align: center; color: #000;} .m-ylhy .cont-1{color: #fff; text-align: center; overflow: hidden; line-height: 35px;} .m-ylhy .cont-1 .bt{margin: 110px auto 25px; color: #fff;} .m-ylhy .cont-1 label{width: 60px; height: 1px; display: block; background: #fff; margin: 0 auto 15px;} .m-ylhy .cont-2{padding: 20px 0 60px 0;} .m-ylhy .cont-2 .bt{margin-bottom: 0;} .m-ylhy .cont-3{background: #F6F9FF; overflow: hidden; padding-bottom: 30px;} .m-ylhy .cont-3 .m-item{width: 585px; height: 140px; margin-bottom: 30px; float: left; display: flex; padding: 0 40px; box-sizing: border-box; border: 1px solid #DCDCDC;} .m-ylhy .cont-3 .m-item:nth-child(2n){float: right;} .m-ylhy .cont-3 .m-item img{margin: 35px 30px 0 50px; width: 44px; height: 42px;} .m-ylhy .cont-3 .m-item .txt{flex: 1;} .m-ylhy .cont-3 .m-item span{font-size: 24px; display: block; margin: 30px 0 15px 0;} .m-ylhy .cont-3 .m-item:hover{box-shadow: 0 0 20px 0 rgba(158,158,158,0.2);} .m-ylhy .cont-4{padding-bottom: 40px;} .m-ylhy .cont-4 .item{width: 25%; float: left;} .m-ylhy .cont-4 .item img{display: block; margin: 0 auto 20px;} .m-ylhy .cont-4 .item span{font-size: 24px; text-align: center; text-align: center; display: block; margin-bottom: 10px;} .m-ylhy .cont-4 .item p{font-size: 18px; color: #5A5A5A; line-height: 25px; width: 220px; margin: 0 auto;} .m-ylhy .cont-5{background: #F6F9FF; overflow: hidden; padding-bottom: 60px;} .m-ylhy .cont-5 .m-item{width: 380px; float: left; margin: 0 30px 30px 0; padding: 30px 50px; box-sizing: border-box; font-size: 20px; line-height: 30px; background: #fff; box-shadow: 0 0 20px 0 rgba(158,158,158,0.2); transition: 0.5s ease; cursor: default;} .m-ylhy .cont-5 .m-item img{width: 100%; margin-bottom: 10px;} .m-ylhy .cont-5 .m-item:nth-child(3n){margin-right: 0;} .m-ylhy .cont-5 .m-item:hover{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);} /* 新零售行业 */ .m-xls{font-size: 16px;} .m-xls .bt{font-size: 36px; margin: 55px auto 30px; text-align: center; color: #000;} .m-xls .cont-1{line-height: 30px; text-align: center; padding-bottom: 55px;} .m-xls .cont-2{color: #fff; text-align: center; overflow: hidden; line-height: 35px;} .m-xls .cont-2 .bt{margin: 110px auto 25px; color: #fff;} .m-xls .cont-2 label{width: 60px; height: 1px; display: block; background: #fff; margin: 0 auto 15px;} .m-xls .cont-3{padding-bottom: 40px;} .m-xls .cont-3 .bt{margin-bottom: 0;} .m-xls .cont-4{overflow: hidden;} .m-xls .cont-4 .wrapper{padding-left: 700px; box-sizing: border-box; line-height: 30px;} .m-xls .cont-4 .bt{text-align: left; margin-top: 25px;} .m-xls .cont-5{overflow: hidden; color: #fff;} .m-xls .cont-5 .bt{color: #fff;} .m-xls .cont-5 .ys-list{width: 810px; margin: 0 auto;} .m-xls .cont-5 .m-item{width: 33.33%; float: left; text-align: center; margin-top: 60px;} .m-xls .cont-5 .m-item p{font-size: 20px; margin-bottom: 10px;} .m-xls .cont-5 .m-item span{width: 80%; margin: 0 auto; display: block;} .m-xls .cont-6{padding-bottom: 40px;} .m-xls .cont-6 .bt{margin-bottom: 0;} /* 法院 */ .m-fy{font-size: 16px; color: #5A5A5A;} .m-fy .bt{font-size: 36px; margin: 55px auto 30px; text-align: center; color: #000;} .m-fy .cont-1{background: #F6F9FF; overflow: hidden; padding-bottom: 30px;} .m-fy .cont-1 .m-item{width: 585px; height: 140px; margin-bottom: 30px; float: left; display: flex; padding: 0 40px; box-sizing: border-box; border: 1px solid #DCDCDC;} .m-fy .cont-1 .m-item:nth-child(2n){float: right;} .m-fy .cont-1 .m-item img{margin: 35px 30px 0 45px; width: 44px; height: 42px;} .m-fy .cont-1 .m-item .txt{flex: 1;} .m-fy .cont-1 .m-item span{font-size: 24px; display: block; margin: 30px 0 15px 0;} .m-fy .cont-1 .m-item:hover{box-shadow: 0 0 20px 0 rgba(158,158,158,0.2);} .m-fy .cont-2 .item{width: 25%; float: left;} .m-fy .cont-2 .item img{display: block; margin: 0 auto 20px; height: 104px;} .m-fy .cont-2 .item span{font-size: 24px; text-align: center; text-align: center; display: block; margin-bottom: 10px;} .m-fy .cont-2 .item p{font-size: 18px; color: #5A5A5A; line-height: 25px; width: 200px; margin: 0 auto;} .m-fy .cont-3{padding-bottom: 40px;} .m-fy .cont-3 .bt{margin-bottom: 0;} .m-fy .cont-3 .list .item .wz{height: 145px;} .m-fy .cont-4{padding-bottom: 60px;} .m-fy .cont-5{background: #F6F9FF; overflow: hidden; padding-bottom: 60px;} .m-fy .cont-5 .m-item{width: 380px; float: left; margin: 0 30px 30px 0; padding: 30px 50px; box-sizing: border-box; font-size: 20px; line-height: 30px; background: #fff; box-shadow: 0 0 20px 0 rgba(158,158,158,0.2); transition: 0.5s ease; cursor: default;} .m-fy .cont-5 .m-item img{width: 100%; margin-bottom: 10px;} .m-fy .cont-5 .m-item:nth-child(3n){margin-right: 0;} .m-fy .cont-5 .m-item:hover{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);} .m-lxwm{padding: 40px 0 70px 0; color: #6A6A6A;} .m-lxwm .map{height: 500px; margin-bottom: 60px;} .m-lxwm .left{float: left; margin: 0 35px 0 210px;} .m-lxwm h6{font-size: 24px; margin: 10px 0 15px 0;} .m-lxwm h6 span{font-size: 18px;} .m-lxwm .item{font-size: 15px; line-height: 25px;} .m-lxwm .item img{float: left; margin-right: 10px;} .articel{font-size: 16px; line-height: 30px; padding: 40px 0 100px 0;} .articel .title{font-size: 20px; text-align: center; margin-bottom: 20px;} .articel img{max-width: 100%;} /*漂浮*/ .gd{position: fixed;right: 0;bottom:20%; width: 58px;z-index:99;display: none; border-radius: 29px;background: #3D3D3D;} #goTopBtn{height: 60px;text-align: center;line-height: 60px;display: block;background: #3D3D3D;border-radius: 50%;} .gd .gd_item{height: 60px;position: relative;transition:all ease 0.7s;display: block;background: #3D3D3D; border-radius: 50%;} .gd .gd_item .pic{display: block;margin: 0 auto;padding-top: 20px;} .gd .gd_item .ewm{width: 100px;height: 100px;position: absolute;top: 0;left: -100px;opacity: 0;transition:1s ease;} .gd .gd_item .pho,.gd .gd_item .qq{width: 180px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 18px;position: absolute;top: 0;left: 0;opacity: 0;transition:1s ease;background: rgba(62,62,62,.9);} #ewm:hover .ewm{opacity: 1;} #pho:hover .pho{position: absolute;left: -180px;top: 0;opacity: 1;} #qq:hover .qq{position: absolute;left: -180px;top: 0;opacity: 1;}