body{background-color:#f7f9fb}
.title-cn{margin-bottom:14px;padding-top:78px;color:#000;text-align:center;font-size:38px}
.title-en{margin-bottom:30px;color:#666;text-align:center;font-size:14px}
.application{padding-bottom:70px;background-color:#fff}
.application .container .app-list li{float:left;overflow:hidden;margin-right:30px;margin-bottom:33px;width:380px;height:240px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.application .container .app-list li:nth-of-type(3n){margin-right:0}
.application .container .app-list li a{position:relative;display:block;width:100%;height:100%}
.application .container .app-list li a .img-wrap{position:absolute;z-index:1;width:100%;height:100%}
.application .container .app-list li a .img-wrap img{width:100%}
.application .container .app-list li a .shade{position:absolute;z-index:2;width:100%;height:100%;background-color:#000;opacity:.65;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-ms-transition:.2s}
.application .container .app-list li a .ctn-wrap{position:absolute;top:50%;left:50%;z-index:3;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.application .container .app-list li a .ctn-wrap img{margin-bottom:22px}
.application .container .app-list li a .ctn-wrap p{color:#fff;font-weight:700;font-size:16px}
.application .container .app-list li a .detail{position:absolute;top:50%;left:50%;z-index:3;display:none;width:241px;color:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.application .container .app-list li a .detail h5{margin-bottom:15px;font-weight:700;font-size:16px}
.application .container .app-list li a .detail p{font-size:14px}
.application .container .app-list li a:hover .shade{background-color:#00b450;opacity:.92}
.application .container .app-list li a:hover .ctn-wrap{display:none}
.application .container .app-list li a:hover .detail{display:block}
.elements{height:577px}
.elements .container .elements-wrap{text-align:center}
.elements .container .elements-wrap .elements-title{display:inline-block;width:220px;height:110px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.1);box-shadow:0 0 14px 0 rgba(0,0,0,.1);font-size:24px;line-height:110px}
.elements .container .elements-wrap .elements-list li{position:relative;z-index:1;float:left;margin-right:25px;padding-top:50px;padding-bottom:36px;width:220px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.1);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.elements .container .elements-wrap .elements-list li:last-child{margin-right:0}
.elements .container .elements-wrap .elements-list li .title{font-weight:700;font-size:16px}
.elements .container .elements-wrap .elements-list li dl{overflow:hidden;padding-left:78px;height:0;text-align:left;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-ms-transition:.2s}
.elements .container .elements-wrap .elements-list li dl dd{position:relative;margin-bottom:20px;font-size:14px}
.elements .container .elements-wrap .elements-list li dl dd:last-child{margin-bottom:0}
.elements .container .elements-wrap .elements-list li dl dd:before{position:absolute;top:50%;left:-16px;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#dadada;content:'';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.elements .container .elements-wrap .elements-list li img{position:absolute;top:-33px;left:50%;z-index:3;width:65px;height:65px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
.elements .container .elements-wrap .elements-list li:hover dl{margin-top:25px;height:auto}
.live-broadcast{padding-bottom:80px;background-color:#fff}
.live-broadcast .container .system-wrap{position:relative}
.live-broadcast .container .system-wrap .swiper-container{float:left;width:100%;height:495px;min-width:auto}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide{padding:5px;width:100%;height:100%;min-width:auto;background:#fff}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap{padding-top:134px;padding-right:215px;padding-left:44px;width:calc(750px - 259px);height:calc(485px - 134px);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.1);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap .t-cn{margin-bottom:8px;font-size:30px}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap .t-en{position:relative;margin-bottom:62px;color:#999;font-size:14px}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap .t-en:after{position:absolute;bottom:-22px;left:0;width:56px;height:1px;background-color:#999;content:''}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap .ctn{margin-bottom:30px;font-size:14px;line-height:26px}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .ctn-wrap .btn-detail{color:#00b450;font-size:14px}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap{position:absolute;top:50%;right:0;z-index:9;overflow:hidden;width:600px;height:400px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.live-broadcast .container .system-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap img{width:100%}
.live-broadcast .container .system-wrap .swiper-container .swiper-button-prev{top:419px;left:44px;width:10px;height:20px;background-image:url(/template/pc/img/online_prev_active.png);background-size:10px 20px}
.live-broadcast .container .system-wrap .swiper-container .swiper-button-prev.swiper-button-disabled{background-image:url(/template/pc/img/online_prev.png);opacity:1}
.live-broadcast .container .system-wrap .swiper-container .swiper-button-next{top:419px;left:91px;width:10px;height:20px;background-image:url(/template/pc/img/online_next_active.png);background-size:10px 20px}
.live-broadcast .container .system-wrap .swiper-container .swiper-button-next.swiper-button-disabled{background-image:url(/template/pc/img/online_next.png);opacity:1}
.test-system{padding-bottom:52px}
.test-system .container .system-list li{float:left;margin-right:26px;margin-bottom:28px;padding:46px 28px 0;width:calc(280px - 56px);height:calc(300px - 46px);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-ms-transition:.2s}
.test-system .container .system-list li:nth-of-type(4n){margin-right:0}
.test-system .container .system-list li img{display:block;margin:0 auto 20px;width:90px;height:90px}
.test-system .container .system-list li .title{margin-bottom:14px;text-align:center;font-weight:700;font-size:16px}
.test-system .container .system-list li .ctn{color:#666;font-size:14px;line-height:22px}
.test-system .container .system-list li:hover{-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.1);box-shadow:0 0 14px 0 rgba(0,0,0,.1)}
.management{padding-bottom:78px;background-color:#fff}
.management .content{position:relative;margin:0 auto;width:467px;height:374px}
.management .content img{width:100%;height:100%}
.management .content p{position:absolute;width:308px;font-size:14px;line-height:20px}
.management .content p.p1{top:62px;left:-317px;text-align:right}
.management .content p.p2{top:244px;left:-317px;text-align:right}
.management .content p.p3{top:161px;right:-323px;text-align:left}
.interaction{padding-bottom:42px}
.interaction .interaction-wrap{margin:0 auto;width:1132px;height:360px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff}
.interaction .interaction-wrap .img-wrap{float:left;width:565px;height:360px}
.interaction .interaction-wrap .img-wrap img{width:100%}
.interaction .interaction-wrap .content{float:left;padding-top:85px;padding-right:55px;width:calc(567px - 55px)}
.interaction .interaction-wrap .content h5{margin-bottom:14px;font-size:22px}
.interaction .interaction-wrap .content p{margin-bottom:40px;font-size:14px;line-height:26px}