.model-3 {background: url(../images/1212/1240.png) no-repeat top center;background-size: 100% 100%;border-radius: .4rem .4rem 0 0;padding-top: .7rem}
.model-2{padding-bottom: .6rem}
.model-3 .intit{margin-bottom: 0}
.model-3 .model-3s .swiNav{left: 3.5rem;top: -.8rem}
.model-3 .model-3s .swiNav ul li.on a:after{display: none}
.model-3 .model-3s .swiNav ul{display: flex;text-align: center;}
.model-3 .model-3s .swiNav ul li+li{margin-top: 0;margin-left: .3rem}
.model-3 .model-3s .swiTabs{ }
.model-3 .model-3s .swiTabs .swiper-slide .bg img{display: block;width: 100%;}
.model-3 .model-3s .swiTabs .swiper-slide .bg{transition: .5s}
.model-3 .model-3s .swiTabs .swiper-slide .bg{transform: translateX(-10%);}
.model-3 .model-3s .swiTabs .on.swiper-slide .bg{transform: translateX(0);}

.model-3 .tip{width: 6rem;height:4.3rem;position: absolute;top: 1rem;left: .8rem; z-index: 5;padding:.4rem .4rem; z-index: 30;background:rgba(255,255,255,.9);border-radius: .2rem;box-shadow: 0 0 .25rem rgba(66, 134, 199, .3);}
.model-3 .tip+.tip{display: none}
.model-3 .tip .swi-close{font-size: .24rem;color: #888;position: absolute;top: .25rem;right:.4rem;z-index: 7;cursor: pointer;}
.model-3 .tip .swi-close:hover{color: #834798}
.model-3 .tip .tit{font-size: .32rem;font-weight: bold;margin-bottom: .2rem}
.model-3 .tip  .info{margin-top: .2rem;padding-right: .15rem;max-height: 2.8rem;overflow: auto}
.model-3 .tip  .info .line{border-bottom: 1px solid #e7e9e9;padding: .15rem 0;display: flex;align-items: center;}
.model-3 .tip  .info .line p{flex:1;overflow: hidden;margin-left: .1rem;font-size: .18rem}
.model-3 .tip  .info .line span{display: block;width: .65rem;height: .28rem;line-height: .28rem;background: #4286c7;border-radius: .3rem;text-align: center;color: #fff}
.model-3 .tip  .info .line.under span{background: #834798;}

.model-3 .slide-3sass li{z-index: 5}
.model-3 .slide-3sass li.s0{left: 40%;top:36%}
.model-3 .slide-3sass li.s1{left: 42%;top: 24%}
.model-3 .slide-3sass li.s2{left: 58%;top: 12%}
.model-3 .slide-3sass li.s4{left: 68%;top: 20%}
.model-3 .slide-3sass li.s3{left: 51%;top: 20%}
.model-3 .slide-3sass li.s5{left: 81%;top: 33%}
.model-3 .slide-3sass li.s6{left: 30%;top: 22%}
 

/*2*/
.model-3 .slide-3sbss li.s0{left: 53%;top: 45%}
 

/*3*/
/*.model-3 .slide-3scss li.s0{left:48%;top: 46%}*/
.model-3 .slide-3scss li.s0{left: 58%;top: 24%}
.model-3 .slide-3scss li.s1{left: 66%;top: 10%}
 

@media (max-width: 992px){
.model-3{padding-bottom: .8rem}
.model-3 .model-3s .swiNav{left:auto;top: 0;margin-top: .4rem;margin-bottom: .8rem}
.model-3 .model-3s .swiNav ul{justify-content: center;}
.model-3 .tip{right: 0;height:auto;top: .5rem;left: 0; padding:.4rem .4rem;position: relative;margin: 0 .5rem; width: auto;}
.model-3 .tip .info{max-height: 2.5rem}
.model-3 .model-3s .swiTabs .swiper-slide .bg{transform: translateX(-10%) scale(1.3);}
.model-3 .model-3s .swiTabs .on.swiper-slide .bg{transform: translateX(-10%) scale(1.3);}
.model-3 .tip .swi-close{display: none}


.model-3 .slide-3sass li.s0{left: 36%;top:36%}
.model-3 .slide-3sass li.s1{left: 42%;top: 20%}
.model-3 .slide-3sass li.s2{left: 58%;top: 12%}
.model-3 .slide-3sass li.s4{left: 66%;top: 20%}
.model-3 .slide-3sass li.s3{left: 51%;top: 20%}
.model-3 .slide-3sass li.s5{left: 81%;top: 30%}
.model-3 .slide-3sass li.s6{left: 30%;top: 22%}
 

/*2*/
.model-3 .slide-3sbss li.s0{left: 50%;top: 40%}
 

/*3*/
.model-3 .slide-3scss li.s0{left:48%;top: 46%}
.model-3 .slide-3scss li.s1{left: 55%;top: 20%}
.model-3 .slide-3scss li.s2{left: 64%;top: 2%}
 


}
@media (max-width: 597px){
.model-3 .tip .info .line p{font-size: .22rem}
.model-3 .tip .info .line span{font-size: .2rem;line-height: .32rem}
.model-3 .tip .info .line span{height: .32rem}
.model-3 .tip .info{max-height: 2.8rem}
.model-3 .bg ul li{font-size: .2rem}
}

/**/
.model-6 .left{position: relative;top: 0}
.model-6 .left .icoList li{width: calc(50% - .1rem);margin-bottom: .2rem}
.model-6 .left .icoList li:nth-child(3),.model-6 .left .icoList li:nth-child(4){margin-bottom: 0}
.model-6 .left .icoList li a{display: flex;align-items: center;height: 2.7rem;border: 1px solid #dde2e4;border-radius: .1rem; transition: .3s;flex-direction: column;justify-content: center; }
.model-6 .left .icoList li .ico{width: .9rem;height: .9rem;display: flex;align-items: center;justify-content: center;}
.model-6 .left .icoList li .ico img{width: .9rem}
.model-6 .left .icoList li p{font-size: .24rem;margin-top: .15rem}
@media (min-width: 993px){
.model-6 .left .icoList li:nth-child(4) a:hover{border-color: #834798;color: #834798;box-shadow: 0 0 .25rem rgba(131,71,152,.3);background: #fff}
.model-6 .left .icoList li:nth-child(3) a:hover{border-color: #4286c7;color: #4286c7;box-shadow: 0 0 .25rem rgba(66,134,199,.3);background: #fff}
.model-6 .left .icoList li:nth-child(2) a:hover{border-color: #5cc3e2;color: #5cc3e2;box-shadow: 0 0 .25rem rgba(92,195,266,.3);background: #fff}
.model-6 .left .icoList li:nth-child(1) a:hover{border-color: #78deaf;color: #78deaf;box-shadow: 0 0 .25rem rgba(99,189,147,.3);background: #fff}
}
@media (max-width: 597px){
.model-6 .left .icoList li p{font-size: .28rem;margin-top: .2rem}
}

/*1221*/
.model-7  .right .uls{display: flex;justify-content: space-between;}
.model-7  .right .uls .tsg{width: .67rem;background: url(../images/1212/12.png) no-repeat top center;background-size: 100% 100%;border-radius: .1rem;border: 1px solid #ddd;}
.model-7  .right .uls .tsg a{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;width: 100%;height: 100%}
.model-7  .right .uls .tsg h4{color: #3479bb;font-size: .24rem;writing-mode: vertical-lr;letter-spacing: .1em;margin-top: .1rem}
.model-7  .right .uls .tsg img{width: .26rem}
.model-7  .right .uls .lis{flex:1;margin-right: .3rem;position: relative;}
.model-7  .right .uls .lis .li{box-shadow: 0 .1rem .15rem rgba(13,53,92,.1);background: rgba(255,255,255,.3);height: .5rem;border-radius: .5rem;font-size: .21rem;display: flex;align-items: center;padding: 0 .3rem;border: 1px solid transparent;cursor: pointer; }
.model-7  .right .uls .lis .li+.li{margin-top: .08rem}
.model-7  .right .uls .lis .li h4{position: relative;padding-left: .2rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.model-7  .right .uls .lis .li h4:before{content: '';width: .06rem;height: .06rem;background: #000;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -.03rem;}
.model-7  .right .uls .lis .li.on{border-color:#3479bb }
.model-7  .right .uls .lis .li:nth-child(1).on{border-color:#3479bb;color:#3479bb }
.model-7  .right .uls .lis .li:nth-child(1) h4:before{background:#3479bb}
.model-7  .right .uls .lis .li:nth-child(1) .drapBox .tit{background:#3479bb}
.model-7  .right .uls .lis .li:nth-child(2).on{border-color:#8d57a1;color:#8d57a1 }
.model-7  .right .uls .lis .li:nth-child(2) h4:before{background:#8d57a1}
.model-7  .right .uls .lis .li:nth-child(2) .drapBox .tit{background:#8d57a1 }
.model-7  .right .uls .lis .li:nth-child(3).on{border-color:#5cc3e2;color:#5cc3e2 }
.model-7  .right .uls .lis .li:nth-child(3) h4:before{background:#5cc3e2}
.model-7  .right .uls .lis .li:nth-child(3) .drapBox .tit{background:#5cc3e2}
.model-7  .right .uls .lis .li:nth-child(4).on{border-color:#52ca93;color:#52ca93 }
.model-7  .right .uls .lis .li:nth-child(4) h4:before{background:#52ca93}
.model-7  .right .uls .lis .li:nth-child(4) .drapBox .tit{background:#52ca93}
.model-7  .right .uls .lis .li:nth-child(5).on{border-color:#e58271;color:#e58271 }
.model-7  .right .uls .lis .li:nth-child(5) h4:before{background:#e58271}
.model-7  .right .uls .lis .li:nth-child(5) .drapBox .tit{background:#e58271}

.model-7  .right .uls .lis .li:nth-child(6).on{border-color:#3479bb;color:#3479bb }
.model-7  .right .uls .lis .li:nth-child(6) h4:before{background:#3479bb}
.model-7  .right .uls .lis .li:nth-child(6) .drapBox .tit{background:#3479bb}
.model-7  .right .uls .lis .li:nth-child(7).on{border-color:#8d57a1;color:#8d57a1 }
.model-7  .right .uls .lis .li:nth-child(7) h4:before{background:#8d57a1}
.model-7  .right .uls .lis .li:nth-child(7) .drapBox .tit{background:#8d57a1}
.model-7  .right .uls .lis .li:nth-child(8).on{border-color:#5cc3e2;color:#5cc3e2 }
.model-7  .right .uls .lis .li:nth-child(8) h4:before{background:#5cc3e2}
.model-7  .right .uls .lis .li:nth-child(8) .drapBox .tit{background:#5cc3e2}

.model-7  .right .uls .lis .li:nth-child(1) .sc-y::-webkit-scrollbar-thumb{background:#3479bb;}
.model-7  .right .uls .lis .li:nth-child(2) .sc-y::-webkit-scrollbar-thumb{background:#8d57a1;}
.model-7  .right .uls .lis .li:nth-child(3) .sc-y::-webkit-scrollbar-thumb{background:#5cc3e2;}
.model-7  .right .uls .lis .li:nth-child(4) .sc-y::-webkit-scrollbar-thumb{background:#52ca93;}
.model-7  .right .uls .lis .li:nth-child(5) .sc-y::-webkit-scrollbar-thumb{background:#e58271;}
.model-7  .right .uls .lis .li:nth-child(6) .sc-y::-webkit-scrollbar-thumb{background:#3479bb;}
.model-7  .right .uls .lis .li:nth-child(7) .sc-y::-webkit-scrollbar-thumb{background:#8d57a1;}
.model-7  .right .uls .lis .li:nth-child(8) .sc-y::-webkit-scrollbar-thumb{background:#5cc3e2;}



.model-7  .right .uls .lis .li.on .drapBox{display: block;}
.model-7  .right .uls .lis .li .drapBox{position: absolute;width: 3.2rem;top: 0;right: 0;bottom: 0;z-index: 5;background: #fff;border-radius: .1rem;border: 1px solid #ddd;overflow: hidden;display: none}
.model-7  .right .uls .lis .li .drapBox .tit{height: .5rem;line-height: .5rem;color: #fff;background: #4286c7;padding: 0 .2rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.model-7  .right .uls .lis .li .drapBox .sc-yp{padding: .25rem .05rem .25rem .2rem;}
.model-7  .right .uls .lis .li .drapBox ul{max-height: 3.5rem;overflow: auto;padding-right: .1rem}
.model-7  .right .uls .lis .li .drapBox ul li{ margin-bottom: .07rem}
.model-7  .right .uls .lis .li .drapBox ul li a{ display:inline-block;line-height:1.2em;padding: .08rem .15rem;border-radius: .3rem;border: 1px solid #d7dbdc;font-size: .16rem;}

@media (min-width: 993px){
 .model-7  .right .uls .lis .li:nth-child(1) .drapBox a:hover{border-color:#3479bb;color:#3479bb;}
.model-7  .right .uls .lis .li:nth-child(2) .drapBox a:hover{border-color:#8d57a1;color:#8d57a1;}
.model-7  .right .uls .lis .li:nth-child(3) .drapBox a:hover{border-color:#5cc3e2;color:#5cc3e2;}
.model-7  .right .uls .lis .li:nth-child(4) .drapBox a:hover{border-color:#52ca93;color:#52ca93;}
.model-7  .right .uls .lis .li:nth-child(5) .drapBox a:hover{border-color:#e58271;color:#e58271;}
.model-7  .right .uls .lis .li:nth-child(6) .drapBox a:hover{border-color:#3479bb;color:#3479bb;}
.model-7  .right .uls .lis .li:nth-child(7) .drapBox a:hover{border-color:#8d57a1;color:#8d57a1;}
.model-7  .right .uls .lis .li:nth-child(8) .drapBox a:hover{border-color:#5cc3e2;color:#5cc3e2;}
 .model-7  .right .uls .lis .li .drapBox ul li a:hover{border-color: #3479bb }
}
@media (max-width: 992px){
.model-7  .right .uls .lis .li h4:before{width: .1rem;height: .1rem;margin-top: -.05rem;}
.model-7  .right .uls .tsg{width: .8rem}
.model-7  .right .uls .tsg h4{color: #3479bb;font-size: .28rem; }
.model-7  .right .uls .tsg img{width: .32rem}
.model-7  .right .uls .lis .li{height: .6rem;border-radius: .5rem;font-size: .24rem;}
.model-7  .right .uls .lis .li .drapBox{position: absolute;width: 50%;}
.model-7  .right .uls .lis .li .drapBox .tit{height: .6rem;line-height: .6rem;font-size: .26rem}
.model-7  .right .uls .lis .li .drapBox .sc-yp{padding: .2rem .05rem .2rem .2rem;}
.model-7  .right .uls .lis .li .drapBox ul{max-height: 4rem;overflow: auto;padding-right: .1rem}
.model-7  .right .uls .lis .li .drapBox ul li{ margin-bottom: .1rem}
.model-7  .right .uls .lis .li .drapBox ul li a{ display:inline-block;line-height:1.2em;padding: .08rem .15rem;font-size: .2rem;}
}
@media (max-width: 597px){
.model-7  .right .uls {flex-wrap: wrap;}
.model-7 .right .uls .lis{flex: inherit;margin-right: 0;width: 100%}
.model-7  .right .uls .tsg{width: 100%;margin-top: .4rem}  
.model-7  .right .uls .tsg a{flex-direction: inherit;padding: .3rem}
.model-7  .right .uls .tsg h4{writing-mode: inherit;margin-top: 0;margin-left: .2rem}
}