/* * @Author: C.F. * @Date: 2017-06-09 17:27:22 * @Last Modified by: anchen * @Last Modified time: 2017-06-15 17:24:14 */ @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) { html,body { font-size:168.75px; } } @media only screen and (max-width: 960px), only screen and (max-device-width:960px) { html,body { font-size:150px; } } @media only screen and (max-width: 800px), only screen and (max-device-width:800px) { html,body { font-size:125px; } } @media only screen and (max-width: 768px), only screen and (max-device-width:768px) { html,body { font-size:119px; } } @media only screen and (max-width: 720px), only screen and (max-device-width:720px) { html,body { font-size:112.5px; } } @media only screen and (max-width: 640px), only screen and (max-device-width:640px) { html,body { font-size:100px; } } @media only screen and (max-width: 600px), only screen and (max-device-width:600px) { html,body { font-size:93.75px; } } @media only screen and (max-width: 540px), only screen and (max-device-width:540px) { html,body { font-size:84.375px; } } @media only screen and (max-width: 480px), only screen and (max-device-width:480px) { html,body { font-size:75px; } } @media only screen and (max-width: 414px), only screen and (max-device-width:414px) { html,body { font-size:64.6875px; } } @media only screen and (max-width: 400px), only screen and (max-device-width:400px) { html,body { font-size:62.5px; } } @media only screen and (max-width: 375px), only screen and (max-device-width:375px) { html,body { font-size:58.59375px; } } @media only screen and (max-width: 360px), only screen and (max-device-width:360px) { html,body { font-size:56.25px; } } @media only screen and (max-width: 320px), only screen and (max-device-width:320px) { html,body { font-size:50px; } } @media only screen and (max-width: 240px), only screen and (max-device-width:240px) { html,body { font-size:37.5px; } } .more { text-align: center;} .more a { padding: 0.02rem 0.3rem;font-size: 0.14rem;border: 1px solid #666;border-radius: 0.3rem;display: inline-block;} .more a:hover { background: #8ac33c;border: 1px solid #8ac33c;color: #fff;} * { padding: 0;margin: 0;} ol,ul,dl { list-style: none;} .container { width: 100%;} .container>h1 { font-size: 0.38rem;color: #fff;padding-top: 0.5rem;} .container>h2 { font-size: 0.3rem;color: #333;text-align: center;position: relative;} .container>h2:after { content: '';width: 0.25rem;height: 0.02rem;background: #333;position: absolute;bottom: -0.2rem;left: 50%;margin-left: -0.14rem;} .container>.tit { font-size: 0.18rem;color: #fff;margin: 0.15rem 0;} .container>img { width: 100%;} .container>a { width: 100%;height: 0.5rem;font-size: 0.24rem;display: block;color: #fff;border: 0.01rem solid #fff;margin: 0.2rem 0;border-radius: 0.1rem;line-height: 0.5rem;} .container>a:hover { background: #8ac33c;border-color: #8ac33c;} .container>span {display: block;font-size: 0.18rem;color: #666;margin-top: 0.4rem;} /*------------------------------------------------BA系统----------------------------------------------------*/ /*banner*/ #ba_banner,#fen_banner,#yun_banner,#emm_banner,#desk_banner,#compo_banner { padding: 0 0.2rem;background: #001e5f;text-align: center;height: 8.48rem;} #emm_banner {background: #004a9a;} #desk_banner {background: #061b4a;} #desk_banner {background: #1e3974;} #ba_banner h1,#fen_banner h1,#yun_banner h1,#emm_banner h1,#compo_banner h1 { font-size: 0.38rem;} /*为什么需要上网行为分析*/ #ba_part1 { padding: 0.4rem 0.2rem;background: #f1f1f1;} #ba_part1 .container>img { width: 100%;margin: 0.4rem 0;} #ba_part1 .info { overflow: hidden;} #ba_part1 .info dd{ font-size: 0.18rem;color: #666;} #ba_part1 .container>p { font-size: 0.24rem;color: #333;text-align: center;font-weight: bold;margin-top: 0.2rem;} /*产品概述*/ #ba_part2 { padding: 0.4rem 0.2rem;background: #fff;} #ba_part2 .box { width: 100%;height: 10.5rem;background: url(../images/BA_pic2.png) no-repeat;position: relative;background-size: contain;} #ba_part2 .box span { position: absolute;text-align: center;} #ba_part2 .box .tit { font-size: 0.2rem;position: absolute;color: #fff;} #ba_part2 .box .tit2 { font-size: 0.2rem;color: #333;} #ba_part2 .box .tit3 { font-size: 0.18rem;color: #666;width: 1.38rem;} #ba_part2 .box .s1 { top: 0.72rem;left: 0.78rem;} #ba_part2 .box .s2 { top: 2.18rem;left: 2.65rem;} #ba_part2 .box .s3 { top: 3.6rem;left: 0.52rem;} #ba_part2 .box .s4 { top: 3.6rem;left: 2.6rem;} #ba_part2 .box .s5 { top: 3.6rem;left: 4.46rem;} #ba_part2 .box .s6 { top:1.26rem;right: 0.25rem;} #ba_part2 .box .s7 { top:4.2rem;left: 0.28rem;} #ba_part2 .box .s8 { top:4.2rem;left: 2.15rem;} #ba_part2 .box .s9 { top:4.2rem;right: 0.15rem;} #ba_part2 .box .s10 { top:5.9rem;left: 2.4rem;} @media (min-width: 320px) { #ba_pro_resume .box .s8 { top:4.2rem;left: 2.45rem;} #ba_pro_resume .box .tit3 { width: 1.38rem;} #ba_pro_resume .box .s9 { top:4.2rem;right: 0.3rem;} } /*场景式分析应用*/ #ba_part3 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #ba_part3 .container>ul, #fen_part2 .container>ul { overflow: hidden;margin-top: 0.2rem;border-radius: 0.04rem;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;padding: 0.2rem 0.1rem;} #ba_part3 .container>ul>li:first-child, #fen_part2 .container>ul>li:first-child { border-top-left-radius: 0.04rem;border-bottom-left-radius: 0.04rem;} #ba_part3 .container>ul>li:last-child, #fen_part2 .container>ul>li:last-child{ border-top-right-radius: 0.04rem;border-bottom-right-radius: 0.04rem;border-left: none;} #ba_part3 .container>ul>li, #fen_part2 .container>ul>li { flex:1;font-size: 0.2rem;position: relative;text-align: center;height: 0.5rem;line-height: 0.5rem;color: #666;border-right-left: 0;background: #fff;position: relative;padding-left: 0.6rem;border: 1px solid #666;} #ba_part3 .container>ul>li>span { width: 0.27rem;height: 0.27rem;position: absolute;left: 0.77rem;top: 0.12rem;background: url(../images/ba_tab_1.png) no-repeat;background-size: contain;} #ba_part3 ul li:nth-child(2) span{width: 0.4rem;height: 0.27rem;background: url(../images/ba_tab_2.png);left: 0.67rem;top: 0.12rem;background-size: contain;} #ba_part3 .container>ul>li.cli3 { background: #75bc2e;border-color: #75bc2e;color: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.4);} #ba_part3 .container>ul>.tab1.cli3 span { background: url(../images/ba_tab_111.png) no-repeat;background-size: contain;} #ba_part3 .container>ul>.tab2.cli3 span { background: url(../images/ba_tab_22.png) no-repeat;background-size: contain;} #ba_part3 .container>div { display:none;overflow: hidden;} #ba_part3 .container>div.show { display: block;} #ba_part3 .box { margin-top: 0.3rem;} #ba_part3 .box ul { overflow: hidden;} #ba_part3 .box ul li{ font-size: 0.22rem;color: #333;width: 33.33%;text-align: center;float: left;padding-bottom: 0.5rem;position: relative;} #ba_part3 .box ul li>span { width: 0.58rem;height: 0.58rem;background: url(../images/ba_ico01-1.png) no-repeat;background-size: contain;display: inline-block;} #ba_part3 .box1 ul li:nth-child(2) span{ background: url(../images/ba_ico02-1.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(1) span{ background: url(../images/ba_ico08-1.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(2) span{ background: url(../images/ba_ico09-1.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(3) span{ background: url(../images/ba_ico10-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(3) span{ background: url(../images/ba_ico03-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(4) span{ background: url(../images/ba_ico04-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(5) span{ background: url(../images/ba_ico05-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(6) span{ background: url(../images/ba_ico06-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(7) span{ background: url(../images/ba_ico07-1.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li.cli3 span { background: url(../images/ba_ico01.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(2).cli3 span { background: url(../images/ba_ico02.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(1).cli3 span { background: url(../images/ba_ico08.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(2).cli3 span { background: url(../images/ba_ico09.png) no-repeat;background-size: contain;} #ba_part3 .box2 ul li:nth-child(3).cli3 span { background: url(../images/ba_ico10.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(3).cli3 span { background: url(../images/ba_ico03.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(4).cli3 span { background: url(../images/ba_ico04.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(5).cli3 span { background: url(../images/ba_ico05.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(6).cli3 span { background: url(../images/ba_ico06.png) no-repeat;background-size: contain;} #ba_part3 .box1 ul li:nth-child(7).cli3 span { background: url(../images/ba_ico07.png) no-repeat;background-size: contain;} #ba_part3 .box1 ol li img, #ba_part3 .box2 ol li img{ width: 6rem;margin-top: 0.2rem;} #ba_part3 .box1 ol li, #ba_part3 .box2 ol li { display: none;} #ba_part3 .box1 ol li.cli5 { display: block;} #ba_part3 .box2 ol li.cli5 { display: block;} #ba_part3 .box1 ul li.s7 { width: 100%;} /*#ba_part3 .box1 ol li:nth-child(7).cli3 { display: none;}*/ #ba_part3 .box1 ol li dt, #ba_part3 .box2 ol li dt { font-size: 0.24rem;font-weight: bold;margin-top: 0.2rem ;} #ba_part3 .box1 ol li dd, #ba_part3 .box2 ol li dd { font-size: 0.18rem;position: relative;padding-left: 0.1rem;} #ba_part3 .box1 ol li dd span , #ba_part3 .box2 ol li dd span{ font-weight: bold;font-size: 0.2rem;display: inline-block;} #ba_part3 .box1 ol li .cir:before, #ba_part3 .box2 ol li .cir:before {content:'';width: 0.05rem;height: 0.05rem;background: #999;left: 0;top: 0.12rem;position: absolute;border-radius: 50%;} #ba_part3 .box1 ol li a, #ba_part3 .box2 ol li a { padding: 0.1rem 0;border: 1px solid #92c749;font-size: 0.22rem;text-align: center;display: block;border-radius: 0.08rem;margin-top: 0.3rem;color: #92c749;} #ba_part3 .box1 ol li a:hover, #ba_part3 .box2 ol li a:hover { background: #92c749;color: #fff;} #ba_part3 .box1 ul li.cli3:after, #ba_part3 .box2 ul li.cli3:after{ content: '';width: 0.38rem;height: 0.35rem;background: url(../images/current.png) no-repeat;position: absolute;left: 50%;margin-left: -0.19rem;bottom:0.1rem;background-size: contain;} #ba_part3 .box2 ol li { overflow: hidden;padding-bottom: 0.4rem;margin-bottom: 0.3rem;} .box img { margin-top: 0.2rem;} .box h1{ margin-bottom: 0.2rem;} .box .l .left img{ width: 1.44rem;} .box .l .right { width: 4rem;} .box .l .right h1 { font-size: 0.24rem;color: #333;font-weight: bold;} .box .l .right p{ font-size: 0.18rem;color: #666;} .box .r .right img{ width: 1.44rem;} .box .r .right p { font-size: 0.18rem;} .box .r .left { width: 4rem;} .box .r .left h1 { font-size: 0.24rem;color: #333;font-weight: bold;} .box .r .left p{ font-size: 0.18rem;color: #666;} #ba_part5 .box-spec .r .right{ margin-top: 0.4rem;} #ba_part5 .box-spec .l .left{ margin-top: 0.4rem;} #ba_part5 .box-spec li { border-bottom: 1px solid #999;} /*方案构成*/ #ba_part4 { padding: 0.4rem 0.2rem;} #ba_part4 .pic{ width: 100%;height: 3.17rem;background: url(../images/BA_pic3.png) no-repeat center center;position: relative;background-size: contain;margin-top: 0.4rem;} #ba_part4 .pic2{ width: 100%;height: 3.15rem;background: url(../images/BA_pic4.png) no-repeat center center;background-size: contain;margin-top: 0.4rem;} #ba_part4 .pic span { position: absolute;font-size: 0.14rem;} #ba_part4 .pic .s1 { top: 2rem;left: 1.9rem;} #ba_part4 .pic .s2 { top: 2rem;left: 3.39rem;} #ba_part4 h4 { font-size: 0.24rem;text-align: center;color: #333;margin-top: 0.3rem;margin-bottom: 0.2rem;} #ba_part4 p{ font-size: 0.14rem;text-align: justify;} .pd { padding-left: 0.12rem;position: relative;} .pd:before { content: '';width: 0.03rem;height: 0.03rem;background: #999;position: absolute;left: 0;top: 0.15rem;border-radius: 50%;} /*我们的优势*/ #ba_part5 { padding: 0.4rem 0.2rem;background: #f1f1f1;overflow: hidden;} #ba_part5 .box { margin-top: 0.7rem;} #ba_part5 .box ol li { margin-bottom: 0.3rem;overflow: hidden;padding-bottom: 0.4rem;border-bottom: 1px solid #666;} /*成功案例*/ #ba_part6,#desk_part6 { padding: 0.4rem 0.2rem;overflow: hidden;} #ba_part6 ul, #desk_part6 ul { margin-top: 0.5rem;overflow: hidden;} #ba_part6 ul li, #desk_part6 ul li { width: 45%;height:3rem;padding: 0.1rem;background: #f1f1f1;margin: 0.2rem 0.05rem;float: left;} #ba_part6 ul li a, #desk_part6 ul li a { display: block;} #ba_part6 ul li a img{ width: 100%;height:2rem;} #ba_part6 ul li p, #desk_part6 ul li p { font-size: 0.2rem;margin-top: 0.1rem;overflow: hidden;text-align: left;} #ba_part6 .container>a, #desk_part6 .container>a{width: 2rem;height: 0.46rem;text-align: center;line-height: 0.46rem;color: #666;border: 1px solid #ccc;border-radius: 0.3rem;display: block;margin-left: 34%;} #ba_part6 .container>a:hover, #desk_part6 .container>a:hover { background: #97c740;border: 1px solid #97c740;color: #fff;} @media (min-width: 320px) { #ba_part6 ul li p { height: 0.8rem;} } /*视频资料*/ #ba_part7 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #ba_part7 .back_hui { background: #fff;margin-top: 0.1rem;} /*资料下载*/ #ba_part8 { padding-bottom: 0.4rem;} .foot { font-size: 0.12rem;} /*----------------------------------------------分支云-------------------------------------------------*/ #fen_part1 { padding: 0.4rem 0.2rem;padding-bottom: 1rem;} #fen_part1 .box { margin-top: 0.4rem;} #fen_part1 .box p {font-size: 0.18rem;margin-bottom: 0.2rem;} #fen_part1 .box .pic{ width: 100%;height: 5.55rem;background: url(../images/fen_pic11.png) no-repeat;background-size: contain;position: relative;} #fen_part1 .box .dl1 { position: absolute;width: 3.5rem;height: 1.6rem;background: #f7f7f7;top: 0.1rem;left: 1.76rem;display:none;padding: 0.2rem;} #fen_part1 .box .dl1.show { display: block;} #fen_part1 .box .dl2.show { display: block;} #fen_part1 .box .dl2 {width: 3.5rem;height: 1.6rem;position: absolute;top: 0.1rem;right: 1.99rem;background: #f7f7f7;display: none;padding: 0.2rem;} #fen_part1 .box .dl3 { width: 3.5rem;position: absolute;top: 3.8rem;right: 0;} #fen_part1 .box dt {font-size: 0.16rem; } #fen_part1 .box dd {font-size: 0.12rem; line-height: 0.22rem;position: relative;padding-left: 0.15rem;margin-bottom: 0.1rem;} #fen_part1 .box .pic dd:before {content: ''; width: 0.05rem;height: 0.05rem;background: #97c740;border-radius: 50%;position: absolute;left: 0.02rem;top: 0.08rem;} #fen_part1 .box .btn1 { width: 0.1rem;height: 0.25rem;background: url(../images/fen_ico11.png) no-repeat;position: absolute;top: 1.1rem;left: 1.58rem;background-size: contain;} #fen_part1 .box .btn2 { width: 0.1rem;height: 0.25rem;background: url(../images/fen_ico1.png) no-repeat;position: absolute;top: 1.1rem;right: 1.82rem;background-size: contain;} #fen_part2 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #fen_part2 .container>ul { margin-top: 0.4rem;padding: 0.2rem 0.1rem;} #fen_part2 .container>ul>li>span {width: 0.25rem;height: 0.24rem; background: url(../images/fen_tab_11.png) no-repeat;background-size: contain;position: absolute;left: 0.77rem;top: 0.12rem;} #fen_part2 ul li:nth-child(2) span{width: 0.33rem;height: 0.25rem;background: url(../images/fen_tab_22.png);left: 0.67rem;top: 0.12rem;background-size: contain;} #fen_part2 .container>ul>li.cli3 { background: #75bc2e;border-color: #75bc2e;color: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.4) ;} #fen_part2 .container>ul>.tab1.cli3 span { background: url(../images/fen_tab_1.png) no-repeat;background-size: contain;} #fen_part2 .container>ul>.tab2.cli3 span { background: url(../images/fen_tab_2.png) no-repeat;background-size: contain;} #fen_part2 .container .box { width: 100%;display: none;} #fen_part2 .container>div p { font-size: 0.18rem;margin-bottom: 0.2rem;} #fen_part2 .container .box1.show { display: block;} #fen_part2 .container .box2.show { display: block;} .pinch-zoom-container { width: 100%;height: 4.5rem;position: relative;overflow: hidden;margin-top: 0.2rem;} .pinch-zoom { width: 100%;-webkit-user-drag: none;position: absolute;-webkit-transform: scale(1,1) translate(0px,0px); -moz-transform: scale(1,1) translate(0px,0px); -ms-transform: scale(1,1) translate(0px,0px); -o-transform: scale(1,1) translate(0px,0px); transform: scale(1,1) translate(0px,0px); -webkit-transform-origin: 0% 0% 0px; -moz-transform-origin: 0% 0% 0px; -ms-transform-origin:0% 0% 0px ; -0-transform-origin: 0% 0% 0px;} .pinch-zoom img { width: 6rem;} @media (max-width: 320px) { #fen_part1 .box .pic dd{line-height: 0.26rem!important;} #fen_part1 .box .dl2 { height: 2.5rem;} #fen_part2 .container>ul>li>span { left: 0.67rem;} #fen_part2 ul li:nth-child(2) span { left: 0.57rem;} } /*云功能*/ #fen_part3,.desk_part3 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #fen_part3 .container>div, #desk_part3 .container>div, #compo_part4 .container>div { display: none;} #fen_part3 .container>ul, #desk_part3 .container>ul, #compo_part4 .container>ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} #fen_part3 .container>ul>li, #desk_part3 .container>ul>li, #compo_part4 .container>ul>li { font-size: 0.18rem;flex: 1;text-align: center;height: 0.5rem;line-height: 0.5rem;border: 1px solid #333;} #fen_part3 .container>ul>li:first-child , #desk_part3 .container>ul>li:first-child, #compo_part4 .container>ul>li:first-child{ border-top-left-radius: 0.04rem;border-bottom-left-radius: 0.04rem;} #fen_part3 .container>ul>li:last-child, #desk_part3 .container>ul>li:last-child, #compo_part4 .container>ul>li:last-child{ border-top-right-radius: 0.04rem;border-bottom-right-radius: 0.04rem;} #fen_part3 .container>ul, #desk_part3 .container>ul, #compo_part4 .container>ul { margin-top: 0.65rem;border-radius: 0.04rem;background: #fff;} #fen_part3 .container>ul>li+li, #desk_part3 .container>ul>li+li, #compo_part4 .container>ul>li+li{margin-left: -0.01rem;} #fen_part3 ul li.cli3,#fen_part3 ul li:hover, #desk_part3 ul li.cli3,#desk_part3 ul li:hover, #compo_part4 ul li.cli3,#compo_part4 ul li:hover{ background: #8ac33c ;box-shadow:0.03rem 0.03rem 15rem rgba(0,0,0,.6);z-index: 32;color: #fff;border: 0.01rem solid #8ac33c;} #fen_part3 .container>ul>li.cli3, #desk_part3 .container>ul>li.cli3, #compo_part4 .container>ul>li.cli3 { background: #75bc2e;border-color: #75bc2e;color: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.4) ;} #fen_part3 .container>ul>li:nth-child(1) span{ width: 0.25rem;height: 0.25rem;background: url(../images/fen_spri01.png) no-repeat 0 -0.85rem;position: absolute;left: 1.25rem;top: 0.27rem;} #fen_part3 .container>ul>li:nth-child(2) { border-left: none;border-right: none;} #fen_part3 .container>ul>.tab1.cli3 span, #fen_part3 .container>ul>.tab1:hover span {background: url(../images/fen_spri01.png) no-repeat 0 -1.11rem;} #fen_part3 .container>ul>li:nth-child(2) span{ width: 0.36rem;height: 0.12rem;background: url(../images/fen_spri01.png) no-repeat -0.30rem -0.85rem;position: absolute;left: 1.23rem;top: 0.33rem;} #fen_part3 .container>ul>.tab2.cli3 span, #fen_part3 .container>ul>.tab2:hover span {background: url(../images/fen_spri01.png) no-repeat -0.30rem -1.1rem!important;} #fen_part3 .container>ul>li:nth-child(3) span{ width: 0.35rem;height: 0.12rem;background: url(../images/fen_spri01.png) no-repeat -0.70rem -0.85rem;position: absolute;left: 1.18rem;top: 0.33rem;} #fen_part3 .container>ul>.tab3.cli3 span, #fen_part3 .container>ul>.tab3:hover span {background: url(../images/fen_spri01.png) no-repeat -0.70rem -1.11rem!important;} #fen_part3 .box1, #fen_part3 .box2,#fen_part3 .box3 { margin-top: 0.4rem;} #fen_part3 .box1 img, #fen_part3 .box2 img { width: 100%;} #fen_part3 .box3 p { font-size: 0.18rem;} #fen_part3 .box1.show, #fen_part3 .box2.show, #fen_part3 .box3.show { display: block;} #fen_part3 .box3 .pic, #desk_part3 .box3 .pic {background:#f7f7f7;overflow:hidden;position: relative;height:8.5rem;margin-top:0;background-size: contain;} #fen_part3 .box3 .pic ol, #desk_part3 .box3 .pic ol { overflow: hidden;position: absolute;top: 0;list-style: none;padding-bottom: 0.2rem;} #fen_part3 .box3 .pic ol li , #desk_part3 .box3 .pic ol li{ float: left;width: 2.9rem;height: 3.42rem;background: url(../images/tabbj.png) no-repeat;position: relative;border-radius: 0.05rem;transition: all .2s;margin-top: 0.35rem;cursor: pointer;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(2), #desk_part3 .box3 .pic ol li:nth-child(2) { margin-left: 0.2rem;} #fen_part3 .box3 .pic ol li:nth-child(4) , #desk_part3 .box3 .pic ol li:nth-child(4){ margin-left: 0.2rem;} #fen_part3 .box3 .pic ol li s, #desk_part3 .box3 .pic ol li s{ height: 0.06rem;width: 0.06rem;border: 0.02rem solid #333;position: absolute;right:0.1rem;top: 0.1rem;border-radius: 50%;} #fen_part3 .box3 .pic ol li h2, #desk_part3 .box3 .pic ol li h2 { margin: 0.05rem 0;margin-bottom: 0.05rem;font-size: 0.14rem;color: #fff;text-align: center;margin-top: 1.65rem;} #desk_part3 .box3 .pic ol li h2 { font-size: 0.24rem;font-weight: bold;margin-top: 1.7rem;} #fen_part3 .box3 .pic ol li p, #desk_part3 .box3 .pic ol li p { margin: 0 0.10rem;text-align: left;color: #fff;font-size: 0.12rem;line-height: 0.24rem;text-align: center;} #desk_part3 .box3 .pic ol li p { margin: 0.2rem 0;} #fen_part3 .box3 .pic ol li:hover { box-shadow: 0.01rem 0.04rem 0.10rem rgba(0,0,0,.4);} #fen_part3 .box3 .pic ol li:hover h1 { background: url(../images/fen_ico2.png) no-repeat;-webkit-background-size: contain; background-size: contain;} #fen_part3 .box3 .pic ol li.cli4 s, #desk_part3 .box3 .pic ol li.cli4 s { background: #004a9a;} #fen_part3 .box3 .pic ol li h1{ width: 1.12rem;height: 1.15rem;background: url(../images/fen_ico2-2.png) no-repeat;position: absolute;top: 0.17rem;left: 0.95rem;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(2) h1{background: url(../images/fen_ico3-3.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(3) h1{background: url(../images/fen_ico4-4.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(4) h1{background: url(../images/fen_ico5-5.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(2):hover h1{background: url(../images/fen_ico3.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(3):hover h1{background: url(../images/fen_ico4.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic ol li:nth-child(4):hover h1{background: url(../images/fen_ico5.png) no-repeat;background-size: contain;} #fen_part3 .box3 .pic h5 { font-size: 0.16rem;text-align: center;margin-top: 0.30rem;font-weight: 600;} #fen_part3 .box3 .pic ol { overflow: hidden;} #fen_part3 .box3 .pic .text { position: absolute;bottom: 0.32rem;left: 29%;color: #333;} #fen_part3 .box3 .pic ol li { float: left;font-size: 0.12rem;} /*-----------------------------------------云IT--------------------------------------------*/ #yun_part1 { padding: 0.4rem 0.2rem;} #yun_part1 img{ width:6rem;margin-top: 0.4rem;} #yun_part1 .text {width: 100%;} #yun_part1 .text p { font-size: 0.12rem;margin-bottom: 0.1rem;position: relative;} #yun_part1 .text .cir, #yun_part1 .text .cir2 { padding-left: 0.2rem;} #yun_part1 .text .cir:before { content: '';width: 0.05rem;height: 0.05rem;background: #666;border-radius: 50%;position: absolute;top: 0.17rem;left: 0;} #yun_part2 { padding: 0.4rem 0.2rem;background: url(../images/yun_pic02.png) no-repeat center center;background-size: contain;} #yun_part2 ul { overflow: hidden;} #yun_part2 ul li { width: 2.87rem;height: 4.5rem;background:#004a9a url(../images/yun_pic03.png) no-repeat left top;background-size: contain;float: left;padding-bottom: 0.2rem;border-radius: 0.1rem;margin-right: 0.2rem;margin-top: 0.2rem;} #yun_part2 ul li:nth-child(2) { margin-right: 0;} #yun_part2 .squar h1 { font-size: 0.24rem;color: #004a9a;text-align: center;margin-top: 0.7rem;} #yun_part2 .squar p { font-size: 0.18rem;color: #fff;margin-top: 0.7rem;padding: 0.05rem 0.2rem;} #yun_part2 .squar img { width: 6rem;margin-top: 0.2rem;} #yun_part3 { padding: 0.4rem 0.2rem;overflow: hidden;background: #f7f7f7;} #yun_part3 ul li { width: 43%;padding: 2% 0.2rem;float: left;margin-top: 0.2rem;} #yun_part3 ul li h1 { text-align: center;} #yun_part3 ul li h1 span { width: 1.15rem;height: 1.15rem;display: inline-block;background: url(../images/yun_ico01.png) no-repeat;background-size: contain;} #yun_part3 ul li:nth-child(2) h1 span { background: url(../images/yun_ico02.png) no-repeat;background-size: contain;} #yun_part3 ul li:nth-child(3) h1 span { background: url(../images/yun_ico03.png) no-repeat;background-size: contain;} #yun_part3 ul li:nth-child(4) h1 span { background: url(../images/yun_ico04.png) no-repeat;background-size: contain;} #yun_part3 ul li h2 {font-size: 0.24rem;text-align: center;font-weight: bold;color: #333;margin: 0.1rem 0;} #yun_part3 ul li p { font-size: 0.12rem;} #yun_part4 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #yun_part4 h3 { background: #fff;margin-top: 0.5rem;text-align: center;font-size: 0.24rem;font-weight: bold;height: 1rem;line-height: 1rem;position: relative;padding-left: 1.2rem;} #yun_part4 h3 span { width: 0.68rem;height: 0.63rem;background: url(../images/yun_ico05.png) no-repeat;position: absolute;top: 0.2rem;left: 35%;background-size: contain;} #yun_part4 h3.h2 span { width: 0.58rem;height: 0.55rem;background: url(../images/yun_ico06.png) no-repeat;background-size: contain;} #yun_part4 h3.h3 span { width: 0.59rem;height: 0.53rem;background: url(../images/yun_ico07.png) no-repeat;background-size: contain;} #yun_part4 ul { background: #ebebec;padding: 0.2rem 0.1rem;list-style: disc;} #yun_part4 ul li { font-size: 0.12rem;margin-left: 0.4rem;} #yun_part5 { padding: 0.4rem 0.2rem;} #yun_part5 .picScroll { width: 100%;position: relative;} #yun_part5 .picScroll .hd .prev,#yun_part5 .picScroll .next { width: 0.3rem;height: 0.3rem;background: url(../images/toleft02.png) no-repeat;position: absolute;background-size: contain;top: 50%;margin-top: -0.15rem;z-index: 55;} #yun_part5 .picScroll .hd .prev { left: 0;} #yun_part5 .picScroll .hd .next { right: 0;} #yun_part5 .picScroll .next { background: url(../images/toright02.png) no-repeat;background-size: contain;} #yun_part5 .picScroll .prevStop{ background: url(../images/toleft01.png) no-repeat; background-size: contain; } #yun_part5 .picScroll .nextStop{ background: url(../images/toright01.png) no-repeat; background-size: contain;} #yun_part5 .picScroll .bd ul { overflow: hidden;padding: 0.45rem 0.42rem;padding-bottom: 0.2rem;} #yun_part5 .picScroll .bd ul li { margin: 0.1rem 0.3rem;border: 1px solid #f7f7f7;padding-bottom: 0.5rem;} #yun_part5 .picScroll .bd ul li a { display: block;} #yun_part5 .picScroll .bd ul li img { width: 100%;display: block;margin: 0.1rem 0;} #yun_part5 .picScroll .bd ul li .box { border-top: 1px solid #f7f7f7;padding: 0.1rem 0.15rem;} #yun_part5 .picScroll .bd ul li .box h1 { font-size: 0.14rem;margin-bottom: 0.1rem;} #yun_part5 .picScroll .bd ul li .box h2 { font-size: 0.2rem;color: #333;margin-bottom: 0.1rem;} #yun_part5 .picScroll .bd ul li .box p { font-size: 0.12rem;height: 0.65rem;overflow-y: hidden;} #yun_part5 ol { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;margin-bottom: 0.2rem;} #yun_part5 ol { padding: 0 0.42rem;} #yun_part5 ol li { flex: 1;float: left;border: 1px solid #f7f7f7;} #yun_part5 ol li + li { border-left: none;} #yun_part5 ol li img{ width: 100%;} /*政府机构*/ #yun_part6 { padding: 0.4rem 0.2rem;} #yun_part6 ul,#yun_part6 ol { list-style: none;} #yun_part6 ul>li { border-bottom: 0.01rem solid #c4c4c4;} #yun_part6 ul>li h1{padding: 0.2rem 0;padding-left: 0.7rem;position: relative;background: #fff;} #yun_part6 ul>li h1 s { position: absolute;left: 0.2rem;width: 0.28rem;height: 0.28rem;top: 50%;} #yun_part6 ul>li:nth-child(1) h1 s { width: 0.28rem;height: 0.28rem;background: url(../images/p1.png) no-repeat;background-size: contain;margin-top: -0.14rem;} #yun_part6 ul>li:nth-child(2) h1 s { width: 0.38rem;height: 0.34rem;background: url(../images/p2.png) no-repeat;background-size: contain;margin-top: -0.17rem;} #yun_part6 ul>li:nth-child(3) h1 s { width: 0.36rem;height: 0.32rem;background: url(../images/p3.png) no-repeat;background-size: contain;margin-top: -0.16rem;} #yun_part6 ul>li:nth-child(4) h1 s { width: 0.38rem;height: 0.34rem;background: url(../images/p4.png) no-repeat;background-size: contain;margin-top: -0.17rem;} #yun_part6 ul>li h1.cli2 { color: #fff;box-shadow: 0 0.01rem 0.05rem rgba(0,0,0,0.4);} #yun_part6 ul>li:hover h1 { background: #004a9a;color: #fff;} #yun_part6 ul>li h1.cli2 span { background: url(../images/reduce.png) no-repeat;position: absolute;right: 0.3rem;top: 50%;margin-top: -0.15rem;background-size: contain;} #yun_part6 ul>li:nth-child(1) h1:hover s{background: url(../images/p1-1.png) no-repeat;background-size: contain;} /*#yun_part6 ul>li:nth-child(1) h1.cli2 s{background: url(../images/p1-1.png) no-repeat;background-size: contain;}*/ #yun_part6 ul>li:nth-child(2) h1:hover s{background: url(../images/p2-1.png) no-repeat;background-size: contain;} /*#yun_part6 ul>li:nth-child(2) h1.cli2{background: url(../images/p2-1.png) no-repeat;background-size: contain;}*/ #yun_part6 ul>li:nth-child(3) h1:hover s{background: url(../images/p3-2.png) no-repeat;background-size: contain;} /*#yun_part6 ul>li:nth-child(3) h1.cli2 s{background: url(../images/p3-1.png) no-repeat;background-size: contain;}*/ #yun_part6 ul>li:nth-child(4) h1:hover s{background: url(../images/p4-2.png) no-repeat;background-size: contain;} /*#yun_part6 ul>li:nth-child(4) h1.cli2 s{background: url(../images/p4-1.png) no-repeat;background-size: contain;}*/ #yun_part6 ul>li h1 span { width: 0.31rem;height: 0.31rem;background: url(../images/plus.png) no-repeat;position: absolute;right: 0.3rem;top: 50%;margin-top: -0.15rem;background-size: contain;} #yun_part6 ul>li ol { background: #f5f5f5;padding: 0.4rem 0;display: none;overflow: hidden;} #yun_part6 ul>li ol li { float: left;text-align: center;margin: 0 0.12rem;margin-bottom: 0.2rem;} #yun_part6 ul>li ol li:last-child { margin-right: 0.1rem;} #yun_part6 ul>li ol li img { border: 0.02rem solid #d0d0d0;width: 2.71rem;height: 1.61rem;} /*------------------------------------EMM---------------------------------------*/ #emm_part1 { padding: 0.4rem 0.2rem;} #emm_part1 .text { margin-top: 0.4rem;} #emm_part1 .text p { font-size: 0.12rem;margin-top: 0.2rem;} #emm_part1 h2 {margin-top: 0.3rem;} /*2017/6/13*/ #emm_part1 .s1 dl{ width: 100%;border: 0.01rem solid #e5e5e5;background: #fff;margin-bottom: 0.3rem;} #emm_part1 .s1 dl dt { font-size: 0.24rem;height: 0.75rem;line-height: 0.75rem;padding-left: 0.2rem;font-weight: bold;color: #333;} #emm_part1 .s1 dl dd { font-size: 0.18rem;color: #999;padding: 0 0.2rem;padding-bottom: 0.2rem;display: none;} /*-----------------*/ #emm_part2 {padding: 0.4rem 0.2rem;} #emm_part2 .container>img { margin: 0.5rem 0;} #emm_part2 .text p {font-size: 0.12rem;margin-bottom: 0.2rem;padding-left: 0.2rem;position: relative;} #emm_part2 .text p:before { content: '';width: 0.1rem;height: 0.1rem;background: #ccc;position: absolute;left: 0;top: 0.15rem;border-radius: 50%;} #emm_part3 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #emm_part3 ul { margin-top: 0.3rem;} #emm_part3 ul li { margin-bottom: 0.3rem;} #emm_part3 ul li h1 { text-align: center;} #emm_part3 ul li h1 span { width: 1.65rem;height: 1.78rem;display: inline-block;background: url(../images/EMM_pic08.png) no-repeat;background-size: contain;} #emm_part3 ul li:nth-child(2) h1 span {background: url(../images/EMM_pic09.png) no-repeat; background-size: contain;} #emm_part3 ul li:nth-child(3) h1 span {background: url(../images/EMM_pic10.png) no-repeat; background-size: contain;} #emm_part3 ul li h2 { font-size: 0.24rem;font-weight: bold;color: #333;text-align: center;} #emm_part3 ul li p { font-size: 0.18rem;} #emm_part4 { padding: 0.4rem 0.2rem;} #emm_part4 ul { margin-top: 0.3rem;} #emm_part4 ul li { padding: 0.2rem;background: #f7f7f7;margin-bottom: 0.3rem;} #emm_part4 ul li a { display: block;} #emm_part4 ul li img {width: 100%;} #emm_part4 ul li h5 { font-size: 0.24rem;color: #333;margin: 0.2rem 0;} #emm_part4 ul li p { font-size: 0.18rem;} #emm_part4 .container>p {text-align: center;} #emm_part4 .container>p>a { color: #666;font-size: 0.18rem;padding: 0.1rem 0.8rem;border-radius: 0.3rem;border: 0.01rem solid #f7f7f7;display: inline-block;} /*-----------------------------------------------桌面云--------------------------------------------*/ #desk_part1 { padding: 0.4rem 0.2rem;background: #fff;} #desk_part1 .container>img { margin-top: 0.5rem;} #desk_part1 .info p { font-size: 0.18rem;margin: 0.1rem 0;} #desk_part3 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #desk_part3 .box1.show { display: block;} #desk_part3 .box2.show { display: block;} #desk_part3 .box3.show { display: block;} #desk_part3 .container>div { margin-top: 0.3rem;} #desk_part3 .container>div p { font-size: 0.18rem;} #desk_part3 .container>div img { width: 100%;margin-top: 0.1rem;margin: 0.2rem 0;} #desk_part3 .box1 .tit { font-size: 0.24rem;font-weight: bold;color: #8ac33c;text-align: center;margin-top: 0.2rem;} #desk_part3 .box3 .pic ol li h1 { width: 1.12rem;height: 1.15rem;background: url(../images/desk_pic04.png) no-repeat;background-size: contain;top: 0.17rem;left: 0.95rem;position: absolute;} #desk_part3 .box3 .pic ol li:nth-child(2) h1 { background: url(../images/desk_pic05.png) no-repeat;background-size: contain;} #desk_part3 .box3 .pic ol li:nth-child(3) h1 { background: url(../images/desk_pic06.png) no-repeat;background-size: contain;} #desk_part3 .box3 .pic ol li:nth-child(4) h1 { background: url(../images/desk_pic07.png) no-repeat;background-size: contain;} #desk_part5 { padding: 0.4rem 0.2rem;background: #fff;} #desk_part5 ol { margin-top: 0.4rem;overflow: hidden;} #desk_part5 ol li { margin: 0.2rem 0;overflow: hidden;} #desk_part5 .box h2 { font-size: 0.24rem;font-weight: bold;text-align: center;color: #333;margin: 0.2rem 0;} #desk_part5 .box p { position: relative;padding-left: 0.2rem;} #desk_part5 .box p:before { content: '';position: absolute;top: 0.2rem;left: 0;width: 0.05rem;height: 0.05rem;background: #666;border-radius: 50%;} #desk_part5 .box img { width: 1.33rem;height: 1.33rem;} #desk_part6 { background: #f1f1f1;} #desk_part6 ul li { text-align: center;padding-bottom: 0.3rem;} #desk_part6 ul li a img { width: 1.46rem;height: 1.61rem;display: inline-block;margin: 0.2rem 0;} #desk_part7 { padding: 0.4rem 0.2rem;overflow: hidden;background: #fafafa;} #desk_part7 ul li { overflow: hidden;margin: 0.2rem 0;} #desk_part7 ul li img { width: 1.71rem;height: 1.85rem;float: left;} #desk_part7 ul li .r { width: 65%;float: right;} #desk_part7 ul li h1 { font-size: 0.22rem;font-weight: bold;color: #333;} #desk_part7 ul li p { font-size: 0.18rem;} /*-----------------------------------------------企业云-----------------------------------------------*/ #compo_part1 { padding: 0.4rem 0.2rem;} #compo_part1 .left { position: relative;width: 100%;height: 4.75rem;text-align: center;position: relative;} #compo_part1 .left img { width: 6rem;} #compo_part1 .left>div { position: absolute;} #compo_part1 .left>div p { line-height: 18px;padding: 0;text-align: center;font-size: 0.18rem;} #compo_part1 .left .t1 {top: 0.6rem;left:0;} #compo_part1 .left .t2 {top: 0.2rem;right: 1.2rem;} #compo_part1 .left .t3 {bottom: 2.4rem;right:0;} #compo_part1 .left .t4 {bottom: 0.5rem;right: 0.7rem;} #compo_part1 .left .t5 { bottom: 1rem;left: 0;} #compo_part1 .text { margin-top: 0.4rem;} #compo_part1 .text p { font-size: 0.18rem;margin-bottom: 0.2rem;} #compo_part2 { padding: 0.4rem 0.2rem;background: #fafafa;overflow: hidden;padding-bottom: 0.8rem;background: #f7f7f7;} #compo_part2 .pic { width: 100%;height: 6.64rem;background: url(../images/compo_pic02.png) no-repeat;background-size: contain;margin-top: 0.2rem;position: relative;} #compo_part2 .pic h1, #compo_part2 .pic2 h1 { height: 0.57rem;text-align: center;color: #fff;font-size: 0.2rem;line-height: 0.57rem;} #compo_part2 .pic span { font-size: 0.18rem;position: absolute;} #compo_part2 .pic .s1 { top:1.25rem;left: 0.4rem;} #compo_part2 .pic .s2 { top:2.2rem;left: 0.4rem;} #compo_part2 .pic .s3 { top:4rem;left: 0.4rem;} #compo_part2 .pic .s4 { top:4.7rem;left: 0.4rem;} #compo_part2 .pic .s5 { top:6rem;left: 0.4rem;} #compo_part2 .pic p { font-size: 0.24rem;margin-top: 6.2rem;text-align: center;} #compo_part2 h3 { height: 0.98rem;background: url(../images/replace.png) no-repeat center center;background-size: contain;font-size: 0.18rem;color: #fff;text-align: center;margin-top: 0.8rem;} #compo_part2 img { width: 6rem;margin: 0.2rem 0;} #compo_part2 .blue { font-size: 0.24rem;color:#004a9a;text-align: center;} #compo_part3 { padding: 0.4rem 0.2rem;} #compo_part3 .container>img { margin-top: 0.3rem;} #compo_part4 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #compo_part4 .container>div.show { display: block;} #compo_part4 .container>div>p { font-size: 0.18rem;margin-top: 0.2rem;text-align: center;margin-bottom: 0.2rem;} #compo_part4 .container>div img { width: 100%;} #compo_part4 .container>ul li { font-size: 0.18rem;} #compo_part4 .box2 ol, #compo_part4 .box3 ol {overflow: hidden;} #compo_part4 .box2 ol li, #compo_part4 .box3 ol li { background: #fff;width: 48%;float: left;height: 4rem;margin-bottom: 0.2rem;} #compo_part4 .box2 ol li h1 , #compo_part4 .box3 ol li h1{ text-align: center;margin: 0.2rem 0;margin-bottom: 0;} #compo_part4 .box2 ol li h1 span, #compo_part4 .box3 ol li h1 span{ width: 0.97rem;height: 0.97rem;background: url(../images/compo_ico01.png) no-repeat;background-size: contain;display: inline-block;} #compo_part4 .box3 ol li h1 span { background: url(../images/compo_ico07.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(2) h1 span { background: url(../images/compo_ico02.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(2) h1 span { background: url(../images/compo_ico08.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(3) h1 span { background: url(../images/compo_ico03.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(3) h1 span { background: url(../images/compo_ico09.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(4) h1 span { background: url(../images/compo_ico04.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(4) h1 span { background: url(../images/compo_ico10.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(5) h1 span { background: url(../images/compo_ico05.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(5) h1 span { background: url(../images/compo_ico11.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(6) h1 span { background: url(../images/compo_ico06.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(6) h1 span { background: url(../images/compo_ico12.png) no-repeat;background-size: contain;} #compo_part4 .box3 ol li:nth-child(7) h1 span { background: url(../images/compo_ico13.png) no-repeat;background-size: contain;} #compo_part4 .box2 ol li:nth-child(odd), #compo_part4 .box3 ol li:nth-child(odd) { margin-right: 0.2rem;} #compo_part4 .box2 ol li h2, #compo_part4 .box3 ol li h2 { font-size: 0.24rem;font-weight: bold;text-align: center;} #compo_part4 .box2 ol li p , #compo_part4 .box3 ol li p{ font-size: 0.18rem;margin: 0.2rem 0.2rem;margin-top: 0;} @media (max-width: 320px) { #compo_part4 .box2 ol li { height: 5.8rem;} #compo_part4 .box3 ol li { height: 5.8rem;} } #compo_part5 { padding: 0.4rem 0.2rem;background: #fff;} #compo_part5 ol { margin-top: 0.65rem;} #compo_part5 ol li { overflow: hidden;margin-bottom: 0.2rem;margin-top: 0.6rem;} #compo_part6 { padding: 0.4rem 0.2rem;background: #f7f7f7;} #compo_part6 ul { margin-top: 0.65rem;overflow: hidden;} #compo_part6 ul li { width: 46%;float: left;margin-bottom: 0.2rem;} #compo_part6 ul li h1 { text-align: center;} #compo_part6 ul li h1 s { width: 1.65rem;height: 1.8rem;background: url(../images/conpoIco7.png) no-repeat;background-size: contain;display: inline-block;margin: 0.2rem 0;} #compo_part6 ul li:nth-child(2) h1 s {background: url(../images/conpoIco8.png) no-repeat;background-size: contain;} #compo_part6 ul li:nth-child(3) h1 s {background: url(../images/conpoIco9.png) no-repeat;background-size: contain;} #compo_part6 ul li:nth-child(4) h1 s {background: url(../images/conpoIco10.png) no-repeat;background-size: contain;} #compo_part6 ul li:nth-child(odd){margin-right: 0.4rem;} #compo_part6 ul li h2 { font-size: 0.24rem;font-weight: bold;text-align: center;margin-bottom: 0.1rem;} #compo_part6 ul li p {font-size: 0.18rem;}