.banner{height: 300px;padding-top: 80px;position: relative;overflow: hidden;}
.banner .on{position: absolute;left:0px;top:176px;animation: myMove01 2s;}
.banner .on h3{font-size: 28px;color:#fff;position: absolute;left:260px;top: 24px;animation: myMove 1.6s;animation-delay:.2s;}
.banner .on p{font-size: 18px;color:#fff;position:absolute;left:260px; top:66px;
animation: myMove 1.6s;animation-delay:.6s;
}
@keyframes myMove{
0%{left:0;}
100%{left:260px;}
}
@keyframes myMove01{
0%{left:-1124px;}
100%{left:0;}
}.wrap{width: 1174px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.main{overflow: hidden;/*border-bottom: 1px solid #e5e5e5;*/}
.main h3{width: 88px;border-bottom: 2px solid #750173;font-size: 20px;color:#750173;line-height: 86px;}
.til{overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.main-bd{overflow: hidden;padding-top: 60px;border-bottom: 1px solid #e5e5e5;}
.main-bd h2{font-size: 30px;line-height: 36px;color:#444444;text-align: center;padding-bottom: 30px;}
.main-bd p{line-height: 26px;text-align: center;color:#666;}
.yuan .yuan_chil div{width: 210px;height: 210px;border-radius:50%;background: #750173;opacity: .8;}
.yuan div a{line-height: 184px;}
.yuan .dotted em{display: block;height: 24px;text-align: center;font-size: 24px;color:#fff;}
.yuan .dotted i{display: block;font-size: 14px;color:#fff; text-align: center;height: 14px;padding-top: 10px;}
.yuan{width: 100%;height: 370px;overflow: hidden;position: relative;}
.yuan .poa{position: absolute;top:50%; margin-top: -105px;}
.yuan-left{left: 33%;}
.yuan-right{left:auto; right:33%;}
.main-content{width: 100%;padding: 80px 0;border-bottom: 1px solid #e5e5e5;}
.main-content .content-right{width: 600px;height: 180px;float: right;border-left: 1px solid #e5e5e5;background: #fff;}
.main-content .content-right.last{height: 370px;}
.por{position: relative;}
.basePoa{position: absolute;top: 0;width: 10px;height: 10px;background: #750173;border-radius:50%;}
.baseDotted{left:-5px;}
.leftDotted{right: -5px;top:-14px;}
.baseFather .chil{padding-left: 45px;}
.baseFather .chil h6{font-size: 26px;line-height: 30px;padding-bottom: 20px;color:#444444;}
.baseFather .chil p{line-height: 30px;font-size: 16px;color:#666666;}
.content-left {width: 573px;height: 130px;border-right: 1px solid #e5e5e5;}
.main-box{overflow: hidden;}
.content-left .chil{float: right;padding-right:30px;}
.content-left .chil h6 em{float: right;padding-right:4px;}
.ranking{width: 100%;height: 450px;overflow: hidden;padding-top: 60px;border-bottom: 1px solid #e5e5e5;}
.ranking .two{width: 400px;height: 450px;}
.ranking .six{width: 350px;height: 450px;padding-left: 50px;}
.txt-father h3{font-size: 30px;line-height: 30px;color:#750173;padding-bottom: 46px;}
.txt-father p{font-size: 16px;color:#666666;line-height: 30px;}

@media (min-width:320px) and (max-width:639px) {    
.wrap{width: 93.75%;}
.banner{height: 180px;}
.banner .on{display: none;}
.main-bd{width: 100%;padding-top:30px;position: relative;}
.yuan_chil{width: 300px;height: 150px;position: absolute;left: 50%;top:50%;margin-top: -75px;margin-left: -150px;}
.yuan{height: 240px;}
.main-bd h2{font-size: 18px;padding-bottom: 20px;}
.yuan .yuan_chil div{width: 140px;height: 140px;}
.yuan-left{left:0;margin-left: 6%;}
.yuan-right{right: 0;margin-right: 6%;}
.yuan div a{  line-height: 106px;}
.yuan .dotted em{font-size: 16px;}
.yuan .dotted i{font-size: 12px;}
.content-left,.main-content .content-right{width:96%;  float: left;margin-left: 5px;}
.content-left{height: 140px;  float: left;border-right: 0 none;border-left: 1px solid #e5e5e5;text-align:left;}
.baseFather .chil h6{width: 100%;font-size: 18px;padding-bottom: 0;}
.baseFather .chil p{font-size: 12px;text-align: justify;}
.content-left .chil h6 em,.content-left .chil{float: left;}
.baseFather .chil{padding-left: 20px;}
.leftDotted{left: -5px;top:0;}
.ranking{height:auto;}
.ranking .two,.ranking .six,.ranking .nine{width: 100%;float: left;height:auto;padding-bottom: 30px;}
.ranking .six{padding-left: 0;}
.txt-father h3{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.txt-father p{font-size: 14px;}
}

@media (min-width:640px) and (max-width:1023px) {   
.wrap{width: 93.75%;}
.banner{height: 260px;}
.banner .on{position: absolute;left:0px;top:176px;animation: myMove01 2s;}
.banner .on img{width: 100%;padding-left: 60px;}
.banner .on h3{font-size: 20px;left:260px;top:8px;}
.main-bd{width: 100%;padding-top:30px;position: relative;}
.yuan_chil{width: 300px;height: 150px;position: absolute;left: 50%;top:50%;margin-top: -75px;margin-left: -150px;}
.yuan{height: 240px;}
.main-bd h2{font-size: 18px;padding-bottom: 20px;}
.yuan .yuan_chil div{width: 140px;height: 140px;}
.yuan-left{left:0;margin-left: 6%;}
.yuan-right{right: 0;margin-right: 6%;}
.yuan div a{  line-height: 106px;}
.yuan .dotted em{font-size: 16px;}
.yuan .dotted i{font-size: 12px;}
.content-left,.main-content .content-right{width:50%; }
.baseFather .chil p{font-size: 14px;line-height: 24px;}
.baseFather .chil{padding-left: 20px;}
.main-content .content-right.last{height: 470px;}
.baseFather .chil h6{font-size: 24px;}
.ranking .two,.ranking .six,.ranking .nine{width: 31%;float: left;height:auto;padding-bottom: 30px;}
.ranking .six,.ranking .nine{padding-left: 3.333%;}
.txt-father h3{font-size: 20px;padding-bottom: 10px;font-weight: bold;}
.txt-father p{font-size: 14px;}
}

@media (min-width:1024px) and (max-width:1560px) {   
.wrap{width: 1000px;}
.banner{height: 260px;}
.main-bd{width: 100%;padding-top:30px;position: relative;}
.yuan_chil{width: 300px;height: 150px;position: absolute;left: 50%;top:50%;margin-top: -75px;margin-left: -150px;}
.yuan{height: 240px;}
.main-bd h2{font-size: 18px;padding-bottom: 20px;}
.yuan .yuan_chil div{width: 140px;height: 140px;}
.yuan-left{left:0;margin-left: 6%;}
.yuan-right{right: 0;margin-right: 6%;}
.yuan div a{  line-height: 106px;}
.yuan .dotted em{font-size: 16px;}
.yuan .dotted i{font-size: 12px;}
.content-left,.main-content .content-right{width:50%; }
.baseFather .chil p{font-size: 14px;line-height: 24px;}
.baseFather .chil{padding-left: 20px;}
.main-content .content-right.last{height: 470px;}
.baseFather .chil h6{font-size: 24px;}
.ranking .two,.ranking .six,.ranking .nine{width: 31.11%;float: left;height:auto;padding-bottom: 30px;}
.ranking .six,.ranking .nine{padding-left: 3.333%;}
.txt-father h3{font-size: 26px;padding-bottom:30px;}
.txt-father p{font-size: 14px;}
}