*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.ipart05 .infor{text-align:center; color:#fff;}
.ipart05 .infor .tit{font-size:42px; font-weight:bold;  line-height:1.8;  margin-bottom:15px; letter-spacing:10px;}
.ipart05 .infor .con{font-size:18px; line-height:27px; margin-bottom:55px; color:rgba(255,255,255,0.7)}
.ipart05 .content{margin-top:50px;}
.ipart05 .content .rect-42{padding-bottom:42%;}
.ipart05 .content .left{width:74%; float:left; position:relative;}
.ipart05 .content .left .dots_box{position:absolute; left:0; top:0; width:100%; height:100%;}
.ipart05 .content .left .dots_box li{position:absolute; cursor:pointer;}
.ipart05 .content .left .dots_box li:nth-of-type(1){left:77%; top:33%;}
.ipart05 .content .left .dots_box li:nth-of-type(2){left:82%; top:48%;}
.ipart05 .content .left .dots_box li:nth-of-type(3){left:45%; top:22%;}
.ipart05 .content .left .dots_box li:nth-of-type(4){left:62%; top:39%;}
.ipart05 .content .left .dots_box li:nth-of-type(5){left:22%; top:56%;}
.ipart05 .content .left .dots_box li:nth-of-type(6){left:10%; top:22%;}
.ipart05 .content .left .dots_box li:nth-of-type(7){left:88%; top:72%;}
.ipart05 .content .left .dots_box li.gn{left:45%; top:56%;}
.ipart05 .content .left .dots_box li span{font-size:16px; line-height:20px; color:#fff; position:relative;}
.ipart05 .content .left .dots_box li span:after{content:''; width:119px; height:29px; background:url(ipart05_7.png) no-repeat center; position:absolute; left:-34px; top:100%; transition:all 0.5s ease; pointer-events:none}
.ipart05 .content .left .dots_box li.active span:after{opacity:0;visibility:hidden;}
.ipart05 .content .left .dots_box li span:before{content:''; width:118px; height:118px; background:url(ipart05_6.png) no-repeat center; position:absolute; left:50%; margin-left:-59px; top:50%; margin-top:-59px; animation:circle2 12s linear 0s infinite; opacity:0; visibility:hidden; transition:all 0.5s ease; pointer-events:none;}
.ipart05 .content .left .dots_box li.active span:before{opacity:1;visibility:visible;}
.ipart05 .content .left .dots_box li.cur span:after{opacity:0; visibility:hidden;}
.ipart05 .content .left .dots_box li.cur span:before{opacity:1; visibility:visible;}
.ipart05 .content .left .dots_box li.active span{font-size:24px; font-weight:bold;}
@keyframes circle2{
	0%{transform:rotateZ(0);}
	50%{transform:rotateZ(180deg);}
	100%{transform:rotateZ(360deg);}
}
.ipart05 .content .right{
	width:26%;
	float:right;
	
	background-image: url(ipart05_4.png);
	background-repeat: no-repeat;
	background-position: center center;background-size:100% 100%;}
.ipart05 .content .right .box{padding:45px 20px 45px 25px;box-sizing:content-box; box-sizing:border-box;}
.ipart05 .content .right .box .tit{font-size:24px; line-height:30px; color:#fff; font-weight:bold; text-align:center; margin-bottom:25px;}
.ipart05 .content .right .box .qt{ width:100%; display:block;}
.ipart05 .content .right .box .qt img{ max-width:90%; margin-left:auto; margin-right:auto; display:block;}
.ipart05 .content .right .box .con{ margin-top:15px;max-height:250px;  display:block; font-size:0px; overflow-y:auto; position:relative; text-align:center;}
.ipart05 .content .right .box .con::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5
}
.ipart05 .content .right .box .con::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

.ipart05 .content .right .box .con::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);
    background-color: #888;
}
.ipart05 .content .right .box .con li{ float:left; width:30.33%; margin:0.8%;border-radius: 5px; padding:2px 10px;box-sizing:content-box; box-sizing:border-box; background-color:#fff;}

.ipart05 .content .right .box .con li img{height:30px; max-width:100%; display:block; margin-left:auto; margin-right:auto;}
@media only screen and (max-width: 1450px){ .ipart05 .infor .tit{font-size:32px; }.ipart05 .content .right .box .con li img{ height:35px;}.ipart05 .content .right .box .con{ margin-top:10px;max-height:200px;}.ipart05 .content .right .box .con li{ padding:2px 10px;}}
@media only screen and (max-width: 1250px){  .ipart05 .infor .tit{font-size:28px; font-weight:bold; line-height:24px; margin-bottom:5px;}
    .ipart05 .infor .con{font-size:14px; line-height:24px; margin-bottom:15px;}.ipart05 .content .right .box .tit{ font-size:16px;}.ipart05 .content .right .box{padding:25px 10px 25px 15px}.ipart05 .content .left .dots_box li.active span{ font-size:18px;}.ipart05 .content .left .dots_box li span:before{content:''; width:60px; height:60px;  left:50%; margin-left:-30px; top:50%; margin-top:-30px; background-size:100% 100%;}.ipart05 .content .left .dots_box li span:after{content:''; width:80px; height:18px; background:url(ipart05_7.png) no-repeat center; position:absolute; left:-24px; top:100%; transition:all 0.5s ease; background-size:100% auto;}}
@media only screen and (max-width: 1000px){.ipart05 .content .right .box .con li{ width:46%; margin:1%;}}
@media only screen and (max-width: 800px){.ipart05 .content .left .dots_box li span{ font-size:12px; font-weight:bold;}.ipart05 .content .right{ width:30%}.ipart05 .content .left{ width:68%}.ipart05 .infor .tit{font-size:16px; line-height:25px;  margin-bottom:10px; letter-spacing:5px;}
.ipart05 .infor .con{font-size:10px; line-height:22px; margin-bottom:10px;}.ipart05 .content .right .box .con{ margin-left:10px; margin-top:10px; max-height:100px;}.ipart05 .content .right .box .tit{ font-size:14px; margin-bottom:10px;}.ipart05 .content .right .box{padding:15px 10px 15px 10px}}
@media only screen and (max-width: 600px){.ipart05 .content .left{ width:100%;}.ipart05 .content .right{ width:80%;  margin-right:10%; margin-top:20px;}.ipart05 .content .left .dots_box li.active span{ font-size:14px;}.ipart05 .content .left .dots_box li span:before{content:''; width:40px; height:40px;  left:50%; margin-left:-20px; top:50%; margin-top:-20px; background-size:100% 100%;}.ipart05 .content .left .dots_box li span:after{content:''; width:50px; height:15px;  left:-14px; top:100%; transition:all 0.5s ease; background-size:100% auto;}.ipart05 .content{ margin-top:10px;}.ipart05 .content .right .box .con li img{ height:30px;}.ipart05 .content .right .box .con li{ padding:3px 6px;}}
@media only screen and (max-width: 450px){.ipart05 .content .right{ width:90%;  margin-right:5%; }