@charset "utf-8";
.aling-center1{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.aling-center2{position:absolute;top:0;bottom:0;margin:auto 0}
.aling-center3{position:absolute;left:0;right:0;margin:0 auto}
.text-hidden1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cover-style{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999}
.cover-style .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.8;filter:alpha(opacity=80)}
.banner{width:100%;height:565px;overflow:hidden;position:relative}
.banner .swiper-wrapper{position:relative;z-index:2;height:100%}
.banner .swiper-wrapper .swiper-slide{height:100%;overflow:hidden;position:relative}
.banner .swiper-wrapper .swiper-slide img{width:100%}
.banner .swiper-wrapper .swiper-slide video{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.banner .swiper-wrapper .slide-img .bg{position:absolute;left:0;right:0;margin:0 auto;bottom:0}
.banner .swiper-wrapper .slide-img .part1{width:30%;position:absolute;right:10%;bottom:9.5%;opacity:0;z-index:3}
.banner .swiper-wrapper .slide-img .part2{width:50%;position:absolute;left:0%;bottom:45%;opacity:0}
.banner .swiper-wrapper .slide-img.swiper-slide-active .part1{animation:fadeInUp 0.8s ease-out 0s 1 normal both;-webkit-animation:fadeInUp 0.8s ease-out 0s 1 normal both}
.banner .swiper-wrapper .slide-img.swiper-slide-active .part2{animation:fadeInLeft 0.8s ease-out 0s 1 normal both;-webkit-animation:fadeInLeft 0.8s ease-out 0s 1 normal both}
.banner .layout{height:100%}
.banner > .layout{position:absolute;left:0;right:0;margin:0 auto;top:0}
.banner > .layout .btn-group{z-index:2;height:50px;width:190px;position:absolute;right:0;bottom:10.5%}
.banner > .layout .btn-group .btn{vertical-align:middle;cursor:pointer}
.banner > .layout .btn-group .prev-btn{display:inline-block;width:50px;height:50px;background:#EFDBEF url('../images/icon-01-l.png') no-repeat center center;border-radius:50%;position:relative;background-position:49% center}
.banner > .layout .btn-group .prev-btn span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;display:inline-block;background:#923d92 url('../images/icon-01-l.png') no-repeat center center;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.banner > .layout .btn-group .prev-btn:hover span{width:100%;height:100%}
.banner > .layout .btn-group .prev-btn span{background-position:49% center}
.banner > .layout .btn-group .next-btn{display:inline-block;width:50px;height:50px;background:#EFDBEF url('../images/icon-01-r.png') no-repeat center center;border-radius:50%;position:relative;background-position:49% center}
.banner > .layout .btn-group .next-btn span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;display:inline-block;background:#923d92 url('../images/icon-01-r.png') no-repeat center center;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.banner > .layout .btn-group .next-btn:hover span{width:100%;height:100%}
.banner > .layout .btn-group .next-btn span{background-position:49% center}
.banner > .layout .btn-group .line{display:inline-block;height:1px;width:55px;margin:0 13px;background-color:#923d92;vertical-align:middle}
.content1{background-color:#fff;width:1646px;margin:0px auto;padding-top:38px;position:relative;z-index:2;height:490px}
.content1 .left{float:left;width:344px}
.content1 .left .side-nav{position:relative;padding:5px 16px 5px 36px;border:1px solid #e7e5e2;margin-top:22px}
.content1 .left .side-nav > li{cursor:pointer;padding:19px 0;height:36px;line-height:36px;font-size:15px;border-top:1px solid #e7e5e2;background:#ffffff url('../images/icon-r.png') no-repeat 90% center;transition:background-position 0.3s 0s ease;-o-transition:background-position 0.3s 0s ease;-ms-transition:background-position 0.3s 0s ease;-moz-transition:background-position 0.3s 0s ease;-webkit-transition:background-position 0.3s 0s ease}
.content1 .left .side-nav > li:first-child{border:0}
.content1 .left .side-nav > li:hover{background-position:105% center}
.content1 .left .side-nav > li:hover .side-box{display:block}
.content1 .left .side-nav > li .icon{width:36px;height:36px;display:inline-block;vertical-align:middle;line-height:0;margin-right:22px}
.content1 .left .side-nav > li .icon img{width:100%}
.content1 .left .side-nav > li .side-box{display:none;cursor:auto;position:absolute;top:-1px;height:100%;left:95%;z-index:10}
.content1 .left .side-nav > li .side-box .container{border:1px solid #e7e5e2;height:100%;padding:0 10px;margin-left:18px;background-color:#fff;box-shadow:10px 0 10px #ddd}
.content1 .left .side-nav > li .side-box .enter-list{padding:20px 0}
.content1 .left .side-nav > li .side-box .enter-list li{margin:0 20px 44px;display:inline-block;width:300px;height:48px;line-height:48px;border-bottom:1px solid #ddd}
.content1 .left .side-nav > li .side-box .enter-list li a{overflow:hidden;display:block;width:250px;padding-left:50px;height:100%;position:relative;transition:all 0.5s 0s ease;-o-transition:all 0.5s 0s ease;-ms-transition:all 0.5s 0s ease;-moz-transition:all 0.5s 0s ease;-webkit-transition:all 0.5s 0s ease;background:url('../images/right2-b.png') no-repeat 20px center}
.content1 .left .side-nav > li .side-box .enter-list li a span{display:inline-block;width:80px;height:30px;text-align:center;line-height:30px;color:#923d92;background-color:#ebe8e5;position:absolute;top:0;bottom:0;margin:auto 0;left:210px;transition:all 0.5s 0s ease;-o-transition:all 0.5s 0s ease;-ms-transition:all 0.5s 0s ease;-moz-transition:all 0.5s 0s ease;-webkit-transition:all 0.5s 0s ease;opacity:0;filter:alpha(opacity=0)}
.content1 .left .side-nav > li .side-box .enter-list li:hover{box-shadow:0 5px 10px #ddd}
.content1 .left .side-nav > li .side-box .enter-list li:hover a{width:220px;padding-left:80px;background-position:40px center}
.content1 .left .side-nav > li .side-box .enter-list li:hover a span{opacity:1;filter:alpha(opacity=100)}
.content1 .left .side-nav > li .side-box .department-wrap{padding:30px 0;margin:0 20px;border-bottom:1px solid #e7e5e2;font-size:0}
.content1 .left .side-nav > li .side-box .department-wrap div{font-size:18px;line-height:20px;padding-left:14px;border-left:4px solid #923d92;margin-bottom:14px}
.content1 .left .side-nav > li .side-box .department-wrap a{display:inline-block;padding:0 6px;line-height:14px;margin-bottom:16px;font-size:14px;border-left:1px solid #666}
.content1 .left .side-nav > li .side-box .department-wrap a:first-of-type{border:0}
.content1 .left .side-nav .side1 .container{width:685px}
.content1 .left .side-nav .side2 .container{width:1164px;overflow:auto}
.content1 .left .side-nav .side3 .container{width:340px}
.content1 .left .side-nav .side4 .container{width:340px}
.content1 .left .side-nav .side5{position:relative}
.content1 .left .side-nav .side5 .qr-img{position:absolute;left:116.5%;z-index:9;bottom:0;height:200px;overflow:hidden;width:0;transition:width 0.3s 0s ease;-o-transition:width 0.3s 0s ease;-ms-transition:width 0.3s 0s ease;-moz-transition:width 0.3s 0s ease;-webkit-transition:width 0.3s 0s ease}
.content1 .left .side-nav .side5 .qr-img img{width:200px;position:absolute;right:0;top:0}
.content1 .left .side-nav .side5:hover{background-position:95% center}
.content1 .left .side-nav .side5:hover .qr-img{width:200px}
.content1 .center{width:648px;overflow:hidden;height:100%;float:left;margin-left:30px;position:relative}
.content1 .center .swiper-wrapper{width:100%;height:100%;position:relative;background:#f5f5f5}
.content1 .center .swiper-wrapper .swiper-slide{width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.content1 .center .swiper-wrapper .swiper-slide:first-child{display:block}
.content1 .center .swiper-wrapper .swiper-slide img{width:100%;position:absolute;top:0px;bottom:0px;margin:auto 0px}
.content1 .center .swiper-wrapper .swiper-slide .title{position:absolute;bottom:0;z-index:2;background-color:#923d92;width:100%;height:62px}
.content1 .center .swiper-wrapper .swiper-slide .title a{padding:16px 40px;line-height:34px;height:30px;display:block;color:#fff}
.content1 .center .swiper-wrapper .swiper-slide .title a em{font-style:normal;font-size:16px;display:inline-block;width:69%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.content1 .center .swiper-wrapper .swiper-slide .title a i{line-height:34px;float:right;vertical-align:middle;font-style:normal;margin-right:36px}
.content1 .center .swiper-wrapper .swiper-slide .title a > span{float:right;display:inline-block;width:30px;height:30px;background:#d1c6be url('../images/icon-r.png') no-repeat center center;border-radius:50%;position:relative;background-position:49.9% center}
.content1 .center .swiper-wrapper .swiper-slide .title a > span span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;display:inline-block;background:#ffffff url('../images/icon-r.png') no-repeat center center;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.content1 .center .swiper-wrapper .swiper-slide .title a > span:hover span{width:100%;height:100%}
.content1 .center .swiper-wrapper .swiper-slide .title a > span span{background-position:49.9% center}
.content1 .center .index-news-pagination{height:10px;width:128px;text-align:center;position:absolute;right:0;bottom:92px}
.content1 .center .index-news-pagination span{border-radius:50%;display:inline-block;width:10px;height:10px;margin:0 5px;background-color:#fff;cursor:pointer}
.content1 .center .index-news-pagination .on{background-color:#d1c6be}
.content1 .right{float:right;width:465px}
.content1 .right .news-title1{font-size:30px}
.content1 .right .common-more{float:right}
.content1 .right .news-item{font-size:15px;line-height:36px;position:relative}
.content1 .right .news-item p{width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content1 .right .news-item p a:hover{text-decoration:underline}
.content1 .right .news-item span{position:absolute;top:0;bottom:0;margin:auto 0;right:0;font-size:12px;color:#666}
.content1 .right .news-content1{margin:20px 0 30px;padding:16px 0 26px;border-top:1px solid #e7e5e2;border-bottom:1px solid #e7e5e2}
.content1 .right .news-title2{height:30px;margin-bottom:10px}
.content1 .right .news-title2 .btn{display:inline-block;width:72px;text-align:center;color:#923d92;font-size:16px;vertical-align:middle;cursor:pointer}
.content1 .right .news-title2 .btn.on{font-weight:bold;color:#923d92}
.content1 .right .news-title2 i{display:inline-block;vertical-align:middle;height:18px;width:1px;background-color:#333;margin:0 8px}
.content1 .right .news-content2{position:relative}
.content1 .right .news-content2 > div{width:100%;position:absolute;top:0;left:0;display:none}
.content1 .right .news-content2 > div:first-child{display:block}
.content-title{height:60px;padding-left:74px}
.content-title h3{font-size:30px}
.content-title p{font-size:16px;color:#ccc}
.content2{margin-top:50px}
.layout{}
.content2 .layout> div .img{width:100%;margin-top:40px;position:relative;height:260px}
.content2 .qr1,.content2 .qr2{float:left;width:280px}
.content2 .qr1 .img,.content2 .qr2 .img{background-color:#f5f5f5}
.content2 .qr1 .img img,.content2 .qr2 .img img{width:70%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.content2 .qr1{margin-right:30px}
.content2 .qr1 .title{background:#ffffff url('../images/icon-wx.png') no-repeat left center}
.content2 .qr2 .title{background:#ffffff url('../images/icon-hl.png') no-repeat left center}
.content2 .activity{float:right;width:910px}
.content2 .activity .title{background:#ffffff url('../images/icon-hd.png') no-repeat left center}
.content2 .activity .img img{width:100%}
.content3{margin-top:50px}
.content3 .expert-title{margin-bottom:20px;position:relative;background:#ffffff url('../images/icon02.png') no-repeat left center}
.content3 .expert-title a{position:absolute;top:0;bottom:0;margin:auto 0;left:270px;font-size:14px;height:30px;line-height:32px;padding-left:14px;width:56px;color:#923d92;border-radius:15px;background:#FAF4FA url('../images/icon-r.png') no-repeat 80% center;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear}
.content3 .expert-title a:hover{background-color:#923d92;color:#fff;background-image:url('../images/right-w.png')}
.content3 .expert-content{width:100%;position:relative}
.content3 .expert-content .scroll-view{position:relative;width:90%;margin:0 auto;height:300px;overflow:hidden}
.content3 .expert-content .scroll-view .scroll-wrapper{width:400%;height:280px;padding:15px 0;position:absolute;top:0;left:0}
.content3 .expert-content .scroll-view .scroll-wrapper .item{border:1px solid #e7e5e2;height:280px;width:160px;margin:0 17.357px;position:relative;overflow:hidden;float:left;transition:box-shadow 0.5s 0s ease;-o-transition:box-shadow 0.5s 0s ease;-ms-transition:box-shadow 0.5s 0s ease;-moz-transition:box-shadow 0.5s 0s ease;-webkit-transition:box-shadow 0.5s 0s ease}
.content3 .expert-content .scroll-view .scroll-wrapper .item .photo{width:90%;margin:8px auto;height:200px;overflow:hidden}
.content3 .expert-content .scroll-view .scroll-wrapper .item .photo img{width:100%}
.content3 .expert-content .scroll-view .scroll-wrapper .item .info{width:90%;height:50%;text-align:center;padding:0 5%;min-height:70px;position:relative;z-index:2;transition:all 0.5s 0s ease;-o-transition:all 0.5s 0s ease;-ms-transition:all 0.5s 0s ease;-moz-transition:all 0.5s 0s ease;-webkit-transition:all 0.5s 0s ease}
.content3 .expert-content .scroll-view .scroll-wrapper .item .info a{display:block;width:100%;height:100%;text-align:center;color:#923d92;transition:color 0.5s 0s ease;-o-transition:color 0.5s 0s ease;-ms-transition:color 0.5s 0s ease;-moz-transition:color 0.5s 0s ease;-webkit-transition:color 0.5s 0s ease}
.content3 .expert-content .scroll-view .scroll-wrapper .item .info a strong{display:block;font-size:16px;padding:6px 0}
.content3 .expert-content .scroll-view .scroll-wrapper .item .info a em{display:block;font-style:normal;line-height:26px;border-bottom:1px solid #fff}
.content3 .expert-content .scroll-view .scroll-wrapper .item .info a span{line-height:26px;display:block}
.content3 .expert-content .scroll-view .scroll-wrapper .item:hover{box-shadow:0 0 15px 0px #a1988f}
.content3 .expert-content .scroll-view .scroll-wrapper .item:hover .info{margin-top:-25%;background-color:#923d92;opacity:0.9;filter:alpha(opacity=90)}
.content3 .expert-content .scroll-view .scroll-wrapper .item:hover .info a{color:#fff}
.content3 .expert-content .prev-btn{position:relative;width:50px;height:50px;cursor:pointer;background:#FAF4FA url('../images/left2-b.png') no-repeat center center;position:absolute;top:0;bottom:0;margin:auto 0;left:0}
.content3 .expert-content .prev-btn span{display:block;width:0;height:100%;overflow:hidden;transition:width 0.3s 0s ease;-o-transition:width 0.3s 0s ease;-ms-transition:width 0.3s 0s ease;-moz-transition:width 0.3s 0s ease;-webkit-transition:width 0.3s 0s ease}
.content3 .expert-content .prev-btn span i{display:block;width:50px;height:50px;background:#923d92 url('../images/left2-w.png') no-repeat center center}
.content3 .expert-content .prev-btn:hover span{width:100%}
.content3 .expert-content .next-btn{position:relative;width:50px;height:50px;cursor:pointer;background:#FAF4FA url('../images/right2-b.png') no-repeat center center;position:absolute;top:0;bottom:0;margin:auto 0;right:0}
.content3 .expert-content .next-btn span{display:block;width:0;height:100%;overflow:hidden;transition:width 0.3s 0s ease;-o-transition:width 0.3s 0s ease;-ms-transition:width 0.3s 0s ease;-moz-transition:width 0.3s 0s ease;-webkit-transition:width 0.3s 0s ease;position:absolute;right:0}
.content3 .expert-content .next-btn span i{position:absolute;right:0;display:block;width:50px;height:50px;background:#923d92 url('../images/right2-w.png') no-repeat center center}
.content3 .expert-content .next-btn:hover span{width:100%}
.content3 .expert-pagination{height:10px;text-align:center;margin:35px 0 50px}
.content3 .expert-pagination span{display:inline-block;width:10px;height:10px;background-color:#e6e6e6;margin:0 5px;border-radius:50%;cursor:pointer}
.content3 .expert-pagination span.on{background-color:#923d92}
.content4 .content-title{background:#ffffff url('../images/icon-ks.png') no-repeat left center;margin-bottom:30px}
.content4 .change-btn-group{height:60px;margin-bottom:30px}
.content4 .change-btn-group .column-change{cursor:pointer;text-align:center;width:265px;height:60px;line-height:60px;color:#fff;background-color:#5fc4c4;transition:box-shadow 0.5s 0s ease;-o-transition:box-shadow 0.5s 0s ease;-ms-transition:box-shadow 0.5s 0s ease;-moz-transition:box-shadow 0.5s 0s ease;-webkit-transition:box-shadow 0.5s 0s ease;position:relative;display:inline-block;margin-right:18px;font-size:16px}
.content4 .change-btn-group .column-change span{display:inline-block;width:12px;height:12px;background-color:#5fc4c4;position:absolute;left:0;right:0;margin:0 auto;bottom:10px;transition:bottom 0.5s 0s ease;-o-transition:bottom 0.5s 0s ease;-ms-transition:bottom 0.5s 0s ease;-moz-transition:bottom 0.5s 0s ease;-webkit-transition:bottom 0.5s 0s ease;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.content4 .change-btn-group .column-change.on span{bottom:-6px}
.content4 .change-btn-group .scroll-btn-group{float:right}
.content4 .change-btn-group .scroll-btn-group div{display:inline-block;margin-left:18px;cursor:pointer}
.content4 .change-btn-group .scroll-btn-group .prev-btn{display:inline-block;width:34px;height:34px;background:#EFDBEF url('../images/left-w.png') no-repeat center center;border-radius:50%;position:relative;background-position:49% center}
.content4 .change-btn-group .scroll-btn-group .prev-btn span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;display:inline-block;background:#923d92 url('../images/left-w.png') no-repeat center center;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.content4 .change-btn-group .scroll-btn-group .prev-btn:hover span{width:100%;height:100%}
.content4 .change-btn-group .scroll-btn-group .prev-btn span{background-position:49% center}
.content4 .change-btn-group .scroll-btn-group .next-btn{display:inline-block;width:34px;height:34px;background:#EFDBEF url('../images/right-w.png') no-repeat center center;border-radius:50%;position:relative}
.content4 .change-btn-group .scroll-btn-group .next-btn span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;display:inline-block;background:#923d92 url('../images/right-w.png') no-repeat center center;transition:all 0.3s 0s ease;-o-transition:all 0.3s 0s ease;-ms-transition:all 0.3s 0s ease;-moz-transition:all 0.3s 0s ease;-webkit-transition:all 0.3s 0s ease}
.content4 .change-btn-group .scroll-btn-group .next-btn:hover span{width:100%;height:100%}
.content4 .change-content{width:100%;height:180px;position:relative;overflow:hidden;margin-bottom:120px}
.content4 .change-content > div{width:1560px;height:100%;position:absolute;top:0;left:-15px;visibility:hidden}
.content4 .change-content > div:first-child{visibility:visible}
.content4 .change-content > div.hidden{visibility:visible;display:none}
.content4 .change-content > div .swiper-slide{padding-top:20px}
.content4 .change-content > div .swiper-slide div{float:left;width:228px;border:1px solid #e2e2e2;height:56px;text-align:center;line-height:24px;margin:0 15px 44px;transition:all 0.5s 0s ease;-o-transition:all 0.5s 0s ease;-ms-transition:all 0.5s 0s ease;-moz-transition:all 0.5s 0s ease;-webkit-transition:all 0.5s 0s ease;font-size:16px;display:table}
.content4 .change-content > div .swiper-slide div a{display:table-cell;vertical-align:middle;height:100%;padding:0 12px;transition:color 0.5s 0s ease;-o-transition:color 0.5s 0s ease;-ms-transition:color 0.5s 0s ease;-moz-transition:color 0.5s 0s ease;-webkit-transition:color 0.5s 0s ease}
.content4 .change-content > div .swiper-slide div:hover{transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);border-color:#aaa;background-color:#923d92;box-shadow:0 0 10px 0px #999}
.content4 .change-content > div .swiper-slide div:hover a{color:#fff}
.content5{padding-bottom:150px;background:#ffffff url('../images/bg.png') no-repeat left bottom}
.content5 .row{height:255px;width:100%}
.content5 .row:after{content:'';display:block;width:0;height:0;float:none;clear:both}
.content5 .row > div{background-size:100% 100% !important;height:100%;float:left;position:relative}
.content5 .row > div a{display:block;width:100%;height:100%}
.content5 .row > div img{position:absolute}
.content5 .row > div .icon{top:11%}
.content5 .row > div strong{display:block;font-size:30px;color:#fff;padding:145px 9.4% 0}
.content5 .row > div span{padding:0 9.4%;display:block;color:#fff;font-size:16px;opacity:0.5;filter:alpha(opacity=50)}
.content5 .row .left,.content5 .row .right{width:50%;float:left}
.content5 .row .left > div,.content5 .row .right > div{height:100%}
.content5 .row .right div{width:33.333%;float:left;background-size:100% 100% !important;position:relative}
.content5 .row .right div .icon{left:10.5%}
.content5 .row1 > div{width:25%}
.content5 .row1 .box1{background:transparent url('../images/bg13.jpg') no-repeat center center;width:50%;float:left}
.content5 .row1 .box1 .icon{width:10%;left:6%}
.content5 .row1 .box1 span,.content5 .row1 .box1 strong{text-align:right;padding-right:7.3%}
.content5 .row1 .box2{width:50%;overflow:hidden;float:right;position:relative;cursor:pointer}
.content5 .row1 .box2 .bg{height:100%;transition:transform 0.3s 0s ease;-o-transition:-o-transform 0.3s 0s ease;-ms-transition:-ms-transform 0.3s 0s ease;-moz-transition:-moz-transform 0.3s 0s ease;-webkit-transition:-webkit-transform 0.3s 0s ease}
.content5 .row1 .box3{background:transparent url('../images/bg1.jpg') no-repeat center center}
.content5 .row1 .box3 .icon{width:16.9%;left:10.5%}
.content5 .row1 .box3 .text{width:14px;top:11%;right:22%}
.content5 .row1 .box3 strong{width:30px;position:absolute;top:11%;right:10.5%;line-height:32px;padding:0}
.content5 .row1 .box4{background:transparent url('../images/bg2.jpg') no-repeat center center}
.content5 .row1 .box4 .icon{width:17%;left:10.5%}
.content5 .row1 .box4 strong{color:#923D92}
.content5 .row1 .box4 span{color:#923D92}
.content5 .row2 .box1{width:25%;background: transparent url(../images/bg14.jpg) no-repeat center center;}
.content5 .row2 .box1 .icon{width:17%;left:10.5%}
.content5 .row2 .box1 strong{color:#923D92}
.content5 .row2 .box2{width:25%;background:transparent url('../images/bg4.jpg') no-repeat center center}
.content5 .row2 .box2 .icon{width:14.8%;left:10.5%}
.content5 .row2 .box3{width:33.333%;background:transparent url('../images/bg3.jpg') no-repeat center center}
.content5 .row2 .box3 .icon{width:12.8%;right:8.2%}
.content5 .row2 .box3 span,.content5 .row2 .box3 strong{text-align:right;padding-right:8.2%}
.content5 .row2 .box4{width:16.666%;background:transparent url('../images/bg3.jpg') no-repeat center center}
.content5 .row2 .box4 .icon{width:26.66%;left:10.5%}
.content5 .row3 .box1{width:50%;overflow:hidden;float:right;position:relative;cursor:pointer}
.content5 .row3 .box1 .bg{height:100%;transition:transform 0.3s 0s ease;-o-transition:-o-transform 0.3s 0s ease;-ms-transition:-ms-transform 0.3s 0s ease;-moz-transition:-moz-transform 0.3s 0s ease;-webkit-transition:-webkit-transform 0.3s 0s ease}
.content5 .row3 .box1 .play,.content5 .row1 .box2 .play{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.content5 .row3 .box1:hover .bg,.content5 .row1 .box2:hover .bg{transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}
.content5 .row3 .box1.video strong,.content5 .row1 .box2.video strong{position:absolute;text-align:center;width:100%;padding:0px;bottom:28px}
.content5 .row3 .box2{background:transparent url('../images/bg6.jpg') no-repeat center center}
.content5 .row3 .box2 .icon{width:20%}
.content5 .row3 .box3{background:transparent url('../images/bg7.jpg') no-repeat center center}
.content5 .row3 .box3 .icon{width:25.9%}
.content5 .row4 .box1{background:transparent url('../images/bg8.jpg') no-repeat center center}
.content5 .row4 .box1 .icon{width:27%}
.content5 .row4 .box2{background:transparent url('../images/bg9.jpg') no-repeat center center}
.content5 .row4 .box2 .icon{width:21.5%}
.register{height:83px}
.register .icon{display:none}
.register .yy-btn{right:45%;top:30%;height:40px;width:120px;z-index:2;background-color:transparent;color:transparent;background-image:none}
@media screen and (max-width:1620px){
  .banner .swiper-wrapper .slide-img .part1{bottom:10%;width:28%}
  .content1{height:430px;width:100%;margin-top:0}
  .content1 .left{width:276px;height:440px;margin-top:0}
  .content1 .left .side-nav{margin-top:10px}
  .content1 .left .side-nav li{height:32px;line-height:32px;padding:17px 0;font-size:15px}
  .content1 .center{width:560px}
  .content1 .right{width:450px}
  .content1 .right .news-content1{margin:22px 0;padding:8px 0}
  .content1 .right .news-item{line-height:34px}
  .content2 .qr1,.content2 .qr2{width:220px}
  .content2 .qr1{margin-right:65px}
  .content2 .activity{width:770px}
  .content2 .layout> div .img{height:220px;overflow:hidden;margin-top:25px}
  .content2 .qr1 .img img,.content2 .qr2 .img img{width:75%}
  .content3 .expert-content .scroll-view .scroll-wrapper .item{margin:0 19.5px}
  .content4 .change-content{margin-bottom:30px;height:154px}
  .content4 .change-content > div{width:100%;left:0}
  .content4 .change-content > div .swiper-slide div{width:191.33px;margin-bottom:20px}
  .content1 .left .side-nav > li .side-box{left:93%}
  .content1 .left .side-nav > li .side-box .container{margin-left:19px}
  .content1 .left .side-nav > li .side-box .enter-list li{margin-bottom:16px;padding:5px 0}
  .content1 .left .side-nav .side2 .container{width:1044px}
  .content1 .left .side-nav .side5 .qr-img{height:162px}
  .content1 .left .side-nav .side5 .qr-img img{width:160px}
  .content1 .left .side-nav .side5:hover .qr-img{width:162px}}
@media screen and (max-width:1439px){
	.content1{height:347px}
  .content1 .left{width:276px;height:358px}
  .content1 .left .side-nav > li{height:30px;line-height:30px;padding:10px 0}
  .content1 .left .side-nav > li .icon{width:30px;height:30px}
  .content1 .left .side-nav > li .side-box .enter-list li{margin-bottom:14px}
  .content1 .left .side-nav .side2 .container{width:785px}
  .content1 .left .side-nav .side5 .qr-img{height:122px}
  .content1 .left .side-nav .side5 .qr-img img{width:120px}
  .content1 .left .side-nav .side5:hover .qr-img{width:122px}
  .content1 .center{width:395px}
  .content1 .right{width:360px}
  .content1 .right .news-content1{margin:6px 0 10px;padding:0}
  .content1 .right .news-item{line-height:30px}
  .content1 .right .news-title2{margin-bottom:2px}
  .content2{margin-top:40px}
  .content2 .qr1{margin-right:16px}
  .content2 .layout> div .img{height:180px}
  .content2 .activity{width:630px}
  .content2 .qr1,.content2 .qr2{width:210px}
  .content3 .expert-content .scroll-view .scroll-wrapper .item{margin:0 16.2px}
  .content4 .change-content{margin-bottom:50px;height:206px}
  .content4 .change-content > div{width:100%;left:0}
  .content4 .change-content > div .swiper-slide div{height:40px;line-height:40px;width:224px;margin:0 22px 20px}
  .content5 .row{height:210px}
  .content5 .row > div strong{padding-top:120px;font-size:24px}
  .content5 .row > div p{font-size:14px}}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1)}
  10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
  30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
  40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
  100%{-webkit-transform:scale(1) rotate(0)}
}
@keyframes tada{
  0%{transform:scale(1)}
  10%,20%{transform:scale(0.9) rotate(-3deg)}
  30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
  40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
  100%{transform:scale(1) rotate(0)}}
.content5 .row1 > div:hover .icon,.content5 .row2 > div:hover .icon{animation:tada 0.88s cubic-bezier(0.175,0.885,0.32,1.5) 0s 1 normal both;-webkit-animation:tada 0.88s cubic-bezier(0.175,0.885,0.32,1.5) 0s 1 normal both}
.content5 .row3 > div > div:hover .icon,.content5 .row4 > div > div:hover .icon{animation:tada 0.88s cubic-bezier(0.175,0.885,0.32,1.5) 0s 1 normal both;-webkit-animation:tada 0.88s cubic-bezier(0.175,0.885,0.32,1.5) 0s 1 normal both}
.content5 .row2 .box4 span,.content5 .row2 .box4 strong{color:#923d92}
@media screen and (max-width:1620px){.content1 .right .news-title1{font-size:20px}
  .content-title h3{font-size:20px;margin-bottom:6px;padding-top:8px}
  .content5 .row > div strong{font-size:20px}
  .content5 .row1 .box3 strong{line-height:24px}
  .banner{height:390px}
  .content3 .expert-pagination{line-height:0;margin:15px 0}
  .banner > .layout .btn-group{bottom:6%}
  .banner > .layout .btn-group .prev-btn,
  .banner > .layout .btn-group .next-btn{width:40px;height:40px}
  .content1{padding-top:18px}
  .content2{margin-top:26px}
  .content3{margin-top:26px}
  .content3 .expert-title{margin-bottom:8px}
  .content4 .change-btn-group{margin-bottom:15px;height:50px}
  .content4 .change-content > div .swiper-slide div{height:46px;line-height:22px}
  .content5 .row{height:223px}
  .register{height:75px}
  .register .icon{display:none}
 
  .content5{padding-bottom:80px}
  .content4 .change-btn-group .column-change{height:50px;line-height:50px}
  .content4 .change-btn-group .column-change span{bottom:5px}
  .content4 .change-btn-group{padding-left:15px}
  .content3 .expert-content .scroll-view .scroll-wrapper .item .info a strong{padding:4px 0 0}
  .content3 .expert-content .scroll-view .scroll-wrapper .item{height:266px}
}
@media screen and (max-width:1439px){
  .register{height:72px}
  .register .yy-btn .modal{left:-125px}
  .register .yy-btn .modal .content > span{left:9.5%;}
  .content5 .row{height:180px}
  .content-title h3{font-size:18px}
  .content4 .change-content > div .swiper-slide div{font-size:14px}
  .content5 .row > div strong{font-size:18px}
  .content5 .row1 .box3 strong{line-height:20px;right:9.5%}
}