* {margin:0;padding:0;list-style:none;}
p {margin:0;}
a,h3,dl{ cursor:pointer;text-decoration:none;-moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.rate_list .new li p{ cursor:pointer;}
.rate_list .new li:nth-of-type(1){width:170px;font-weight: bold;color: #000;}
.rate_list .new li:nth-of-type(2){ width:170px;}
.rate_list .new li:nth-of-type(3){ width:170px;}
.rate_list .new li:nth-of-type(3) p{ cursor:pointer;color:#ff7d56;background-image:url(/image/view.png); background-size:auto 60%;background-repeat:no-repeat;background-position:10px center;padding-left:20px }
.rate_list .new li:nth-of-type(4){width: 210px;}
.rate_list .new li:nth-of-type(5){width:170px;color:#FF7E00;cursor: pointer;}
.rate_list .new li:nth-of-type(6){ width:200px; padding-right:30px;}
.rate_list .new li:nth-of-type(6) p{background-color: #f8ad25;color:#fff;}
.rate_list .rate_l:last-child .new li{ border-bottom:none;}
.rate_list .old li:nth-of-type(1){width:170px;color:#ec0e11;}

.rate_list .old li:nth-of-type(2){ width:170px;}
.rate_list .old li:nth-of-type(3){width: 210px;}
.rate_list .old li{background-color: #f0f0f0;border-bottom: 1px solid #fff;}
.rate_list li{list-style:none;float:left;padding: 15px 30px;border-bottom: 1px solid #e6e6e6;text-align: center;box-sizing:border-box;font-size: 20px;height: 64px;color: #333;line-height: 34px;}
.rate_l{ width:1640px; overflow:hidden; margin:0 auto;}
.rate_l:nth-of-type(1) li{border-top: 1px solid #ddd;}
.rate_l:nth-of-type(1) .new li:nth-of-type(5){ color:#000}
.rate_l:nth-of-type(1) .old li:nth-of-type(1){ color:#000}
.rate_list dl{border-width:2px;border-style:solid;border-color:#000;border-top: none;overflow:hidden;height:auto;opacity:1;padding:30px 15px;width: 1606px;margin: 0 auto;}
.rate_list dl dd{ float:left; padding:5px 15px;}
.rate_list dl dd a{ color:#333333;}


.pro_l{ width:1640px; overflow:hidden; margin:0 auto;}
.pro_l h3{display:block;padding: 15px 30px;font-weight:bold;text-align: center;box-sizing:border-box;font-size: 26px;height: 64px;line-height: 34px;width:100%;}
.pro_l li.joyclass h3{ color:#09b7ff; background-color:#e4f0f5}
.pro_l li.joynexus h3{ color:#ff901d; background-color:#f5ece4}
.pro_l li.joyvision h3{ color:#9d5fc7; background-color:#eee4f5}
.pro_l li.joybrain h3{color:#1fbf93;background-color: #e1f0ec;}
.pro_l li.joyspacex h3{color: #0fccdd;background-color: #e6f4f6;}
.pro_l li dl{border-width:2px;border-style:solid;border-color:#000;border-top: none; overflow:hidden; height:0; opacity:0;padding:0 15px;}
.pro_l li dl dd{ float:left; padding:5px 15px;}
.pro_l li dl dd a{ color:#333333;}
.pro_l li.joyclass dl{ border-color:#09b7ff; background-color:#e4f0f5}
.pro_l li.joynexus dl{ border-color:#ff901d; background-color:#f5ece4}
.pro_l li.joyvision dl{ border-color:#9d5fc7; background-color:#eee4f5}
.pro_l li.joybrain dl{border-color:#1fbf93;background-color: #e1f0ec;}
.pro_l li.joyspacex dl{border-color: #0fccdd;background-color: #e6f4f6;}
.pro_l li:hover dl{ height:auto; opacity:1; padding:30px 15px;}
.pro_l li.joyclass:hover h3{ background-color:#09b7ff; color:#FFFFFF; }
.pro_l li.joynexus:hover h3{ background-color:#ff901d; color:#FFFFFF;}
.pro_l li.joyvision:hover h3{ background-color:#9d5fc7;color:#FFFFFF; }
.pro_l li.joybrain:hover h3{ background-color:#1fbf93;color:#FFFFFF; }
.pro_l li.joyspacex:hover h3{ background-color:#00d9ed; color:#FFFFFF;}

#update .box1_head{}
#update .box1_head h2 {font-weight:normal;text-transform:uppercase;font-size:20px;}
#update .box1_head p:nth-of-type(1) {color:#0000FF}
#update .box1_head p:nth-of-type(3) {color:#9C33FF}
#update .box1_head p:nth-of-type(5) {color:#2576E4}
#update .box1_head p:nth-of-type(7) {color:#0d9b67}
#update .box1_head p:nth-of-type(9) {color:#109ebe}
#update .box1_head p:last-of-type {display:none;}
#update .box1_head {text-align:center;}
#update .box1_head p {font-family:'Montserrat',sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;margin: 10px auto;max-width: 600px;}
hr {width:50px;border-color:#c59a6d;border:0;border-top:1px solid #c59a6d;margin: 20px auto;}
#update {padding:10px 0}
body {margin:0;}
.title{cursor: pointer;}
.des{ position:absolute; top:0; left:0;display:none; overflow:hidden; width:100%; height:100%; }
.update_bg{ background-color:rgba(0,0,0,0.10); width:100%; height:100%; position:absolute; z-index: 99;}
.update_box{top:70px;width:60%;background-color:#fff;margin:0 auto;height:700px;position:relative;z-index:99;border-radius: 20px;overflow: hidden;width:95%;max-width:1200px;padding: 0 80px;box-sizing: border-box;}
.update_box h2{ padding-top:30px;}
.update_box iframe{margin-bottom:25px;position: absolute;left: 0; z-index:-9}
.update_box2 iframe {top: -500px;}
.head_all .update_box h2{color: #333;letter-spacing: 0.2em;}
.update_box a{display: block;color: #007eff;cursor: pointer;width: 100px;margin: 0 auto;height: 30px;line-height: 30px;font-weight: normal;font-size: 16px;padding: 0;float: inherit;margin-top: 500px;}
.section-title a{position:absolute;right:0;color:#acacac;font-size:30px;width:50px;height:50px;line-height:50px;font-weight:lighter;background-color:#f1f1f1;padding:0;top:0;text-align: center;margin-top: 0;}
.head_all h2{color: #666;font-size: 30px;letter-spacing:0.5em;font-weight:normal;text-align:center;margin:50px 0 30px 0;}

.intro{ width:1500px; margin:0 auto; padding-bottom:500px; margin-top:50px;}
.intro p{font-size:25px;color: #333;font-weight:bold;line-height: 50px;}
.intro p b{
    font-weight: normal;
    color: #000;
}
.intro p o{ color:rgba(255,0,0,1.00)}
.intro p i{color:rgba(152,152,152,1.00);font-style:normal;font-weight: normal;}