@charset "utf-8";
.En{ width:90%; margin-bottom:5px; font-size:12px; text-align:center; color:#fff;}

.part1{ background:#b40036; color:#fff;}
.part1 h1{ color:#fff;}
.part1 .content{ width:80%; margin:0 auto; text-align:left;}
.part1 .now{ color:#fc0; font-size:14px; font-weight:bold; width:80%; margin:10px auto;}

.part2{ background:#333; color:#fff;}
.part2 h1{ color:#fff;}
.part2 p{ width:90%; text-align:left; margin:0 auto; font-size:14px; line-height:20px;}
.part2 .En{ text-align:center; font-size:12px;}
.part3{ background:#e9a900;}
.part3 h1{ color:#fff;}
.part3 .advant{ width:150px; height:20px; margin:5px auto; border-radius:5px; font-size:14px; color:#e10044; font-weight:bold; background:#fff;}
.part3 .ad_con{ width:300px; margin:0 auto;}
.part3 .title{ width:100%; text-align:left; font-size:14px; font-weight:bold; color:#e10044; margin-bottom:5px;}
.part3 .con{ width:90%; margin-left:10%; text-align:left; margin-bottom:5px;}

.part4 .En{ color:#333;}
.part4 p img{ width:200px; margin-bottom:10px;}

.part5{ background:#4d9cd7; color:#fff;}
.part5 h1{ color:#fff;}
.part5 .level{ width:300px; padding:5px 0; margin:0 auto; background:#fff; border-radius:5px;}
.part5 .level p{ width:280px; margin:10px auto; text-align:left; line-height:20px; color:#333;}
.part5 .level p font{ color:#e10044;}
.part5 img{ width:80%; margin:10px auto;}

.part6 h1{ color:#4d9cd7;}
.part6 .En{ color:#333;}
.part6 img{ width:263px;}
.part6 .content{ width:90%; margin:0 auto;}
.part6 .content dl{ width:100%; text-align:left;}
.part6 .content dl dt{ font-size:16px; font-weight:bold; color:#4d9cd7; margin-bottom:15px;}
.part6 .content dl dd{padding:1px 0 1px 4px; margin:8px 0;}
.part6 .content dl dd p:first-child{ font-size:16px; font-weight:bold;}
.part6 .content dl dd p font{ font-size:14px;}
.part6 .content dl dd.border1{  border-left:3px solid #649c1f;}
.part6 .content dl dd.border2{  border-left:3px solid #1282d8;}
.part6 .content dl dd.border3{  border-left:3px solid #e03f25;}

.part7{ background:#666;}
.part7 h1{ color:#fff;}
.part7 ul{ width:233px; margin:0 auto;}
.part7 ul li{width:100%; float:left; margin-bottom:10px;}
.part7 ul li .extension{ color:#fff; font-size:14px; margin-top:10px; text-align:left;}

.part8{ background:#e9e402;}
.part8 img{ width:90%;}

.part9{ background:#ed5a36;}
.part9 h1{ color:#fff;}
.part9 dl{ width:90%; margin:0 auto; text-align:left;}
.part9 dl dt{ font-size:14px; font-weight:bold;}
.part9 dl dd{ margin-left:20px;}

@media only screen and (min-width: 768px) {
.part3 .ad_con{ width:390px;}
.part4 p img{ width:200px; margin-left:10px;}
.part5 img{ width:60%;}
.part7 ul{ width:500px; margin:0 auto;}
.part7 ul li{ width:233px; margin:5px;}
.part7 ul li:last-child{ margin-left:138px;}
.part9 dl{ width:60%; margin:0 auto; text-align:left;}

}