/* 
  rem方式，750px 为psd基准宽度，50px为font-size基准大小。 body设置的是默认字体大小
 */
*{ margin:0px;outline: none; padding:0px;font-family:"微软雅黑";font:normal100%Helvetica,Arial,sans-serif; border:none;}


.l{ float:left;}

.r{ float:right;}

.clear{ clear:both;}
.clear:after{clear:both;height: 0px;content: ".";display: block;overflow: hidden;visibility: hidden;}
li{ list-style:none;}

a{ text-decoration:none;}

.center{ text-align:center;}



body{margin:0;padding:0;/* font-size:1em; line-height:1.571em;*/}

html{font-size:50px;width: 100%;}
body{font-size:24px;width: 100%;}
@media screen and (min-width:320px){
  html{font-size:21.333333333333332px;}
 
  body{font-size:12px;}

.part1_tit_con{font-size: 1.5em;}
.part2 .part2_end .part2_end_con{font-size: 0.9em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.7em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 1.1em;}
.part1_tit_con{font-size: 1.3em;}
.part3_con .p3 ul li .p3_con{font-size: 0.7em;}
.part4 .part4_con ul li .part4_con_con .p1{font-size: 0.8em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.55em;}
.part4_tit_1 .part4_1_con{font-size: 1.2em;}
.part6_word{font-size: 0.7em;}
.part7 ul li p{font-size: 0.7em;}
.foot{font-size: 0.5em;}
.part4 .part4_tit{font-size: 1.2em;}
}
@media screen and (min-width:360px){
  html{font-size:24px;}
  body{font-size:12px;}
.part2 .part2_end .part2_end_con{font-size: 1.06em;}
.part1_tit_con{font-size: 1.6em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 1.1em;}
.part3_con .p2_p2{font-size: 0.8em;}
.part3_con .p3 ul li .p3_con{font-size: 0.8em;padding-top: 5%;}
.part4 .part4_con ul li .part4_con_con .p1{font-size: 0.9em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.65em;}
.foot{font-size: 0.6em;}
}
@media screen and (min-width:375px){
  html{font-size:27px;}
  body{font-size:14px;}
.part1_tit_con{font-size: 1.6em;}
.part1 .part1_end{font-size: 0.7em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
.part3_con .p3 ul li .p3_con{font-size: 0.75em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.55em;}
.foot{font-size: 0.55em;}
}
 
}
@media screen and (min-width:384px){
html{font-size:25.6px;}
body{font-size:14px;}
.part1_tit_con{font-size: 1.6em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.8em;}
.part1 .part1_end{font-size: 0.7em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
}
@media screen and (min-width:400px){
html{font-size:26.666666666666668px;}
body{font-size:14px;}
.part1_tit_con{font-size: 1.6em;}
.part1 .part1_end{font-size: 0.7em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}

}
@media screen and (min-width:414px){
html{font-size:27.6px;}
body{font-size:14px;}
.part1_tit_con{font-size: 1.6em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.8em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
}
@media screen and (min-width:424px){
html{font-size:28.266666666666667px;}
body{font-size:14px;}
.part1_tit_con{font-size: 1.6em;}
.part2 .part2_end .part2_end_con{font-size: 1.15em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
}
@media screen and (min-width:480px){
html{font-size:32px;}
body{font-size:15.36px;}
.part1_tit_con{font-size: 1.6em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.8em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
.part3_con .p3 ul li .p3_con{font-size: 0.85em;}
.part4 .part4_con ul li .part4_con_con .p1{font-size: 1.1em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.7em;}
.part6_word{font-size: 0.8em;}
.foot{font-size: 0.65em;}
.part7 ul li p{font-size: 0.85em;}
.part3_con .p1{font-size: 1.2em;}
.part4 .part4_tit{font-size: 1.2em;}
}
@media screen and (min-width:540px){
html{font-size:36px;}
body{font-size:17.28px;}
.part1_tit_con{font-size: 1.6em;}
.part2 .part2_end .part2_end_con{font-size: 1.13em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.9em;}
.part1 .part1_end{font-size: 0.8em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
.part4 .part4_tit{font-size: 1.2em;}
.part3_con .p1{font-size: 1.2em;}
}
@media screen and (min-width:720px){
html{font-size:48px;}
body{font-size:23.04px;}
.part1_tit_con{font-size: 1.6em;}
.part2 .part2_end .part2_end_con{font-size: 1em;}
.part1 .part1_end{font-size: 0.7em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
.part4 .part4_tit{font-size: 1.2em;}
.part3_con .p3 ul li .p3_con{font-size: 0.75em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.6em;}
.foot{font-size: 0.6em;}
}
@media screen and (min-width:750px){
html{font-size:50px;}
body{font-size:28px;font-family: 微软雅黑;}
.part4 .part4_tit{font-size: 1.2em;}
.part1_tit_con{font-size: 1.3em;}
.part3_con .p2_p1,.p2_p2{font-size: 0.6em;}
.part4 .part4_con ul li .part4_con_con .p1{font-size: 0.9em;}
.part4 .part4_con ul li .part4_con_con .p2{font-size: 0.5em;}
.part1 .part1_end{font-size: 0.6em;line-height: 1.5em;}
.part3_con .p1{font-size: 0.9em;}
.part3_con .p2_p2{font-size: 0.65em;}
.part3_con .p3 ul li .p3_con{font-size: 0.65em;}
.part4_tit_1 .part4_1_con{font-size: 1em;}
.part6_word{font-size: 0.6em;}
.foot{font-size: 0.5em;}
.part7 ul li p{font-size: 0.6em;}
}

#blue{color: #00d0ff;}
#red{color: #ff595b;}

.allbox{max-width:650px;margin: 0 auto;overflow: hidden; }
.tongji{display: none;overflow: hidden;height: 0px;}
.banner-box{width: 100%;position: relative;overflow: hidden;}
.banner{position: absolute;width: 100%;background: #1c203d;}
.banner img,.head img,.part1 img,.part2 img,.part3 img,.part4 img,.part5 img,.part6 img,.part7 img{width: 100%;display: block;}

.head{width: 100%;margin: 0 auto;}

.part{width: 100%;background: #1c203d;padding-top: 8%;}
.part1{width: 100%;position: relative;padding-bottom: 8%;}
.part1_tit{position: relative;}
.part1_tit_bg{position: relative;}
.part1_tit_con{position: absolute;left: 0px;top:-10%;text-align: center;width: 100%;font-weight: bold;line-height: 1.3em;}
.part1 .part1_con ul{position: relative;width: 90%;margin: 0 auto;margin-top: 8%;}
.part1 .part1_con ul li{float: left;width: 42%;border: 0.1em solid #00d0ff;padding: 2%;margin-bottom: 6%;position: relative;}
.part1 .part1_con ul li:nth-child(2),.part1 .part1_con ul li:nth-child(4){margin-left: 6%; }
.part1 .part1_con ul li p{position: absolute;bottom: 6.7%;background: rgba(63,57,143,0.5);width: 91.4%;color: white;text-align: center;padding: 1% 0;line-height: 1.1em;}
.part1 .part1_end{text-align: center;color: white;width: 90%;margin: 0 auto;}
.part2{margin-bottom: 8%;}
.part2 .part2_con img{width: 83.7%;margin: 0 auto;margin-top: 3%;}
.part2 .part2_end{position: relative; width: 85%;margin: 0 auto;color: #01d0ff;margin-top: 3%;}

.part2 .part2_end .part2_end_bg{position: relative;text-align: right;width: 100%;}
.part2 .part2_end .part2_end_bg .end_bg {height: 100%; width: 100%;position: relative;}

.part3_con{margin-top: 6%;text-align: center;color: #01d0ff;}
.part3_con .p1{font-weight: bold;}
.part3_con .p1_img{width: 2%;margin: 0 auto;}
.part3_con .p2,.p3 ul{width: 90%;margin: 0 auto;margin-top: 1%;}
.part3_con .p2 ul li{position: relative; width: 30%;float: left;}
.part3_con .p2 ul li:nth-child(2){margin:0px 5%;}
.part3_con .p2 ul li .p2_bg{position: relative;}
.part3_con .p2 ul li .p2_con{position:absolute;width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;padding-top: 8%;}
.part3_con .p2_p1{font-weight: bold;padding:0px 6%;padding-top: 6%; }
.part3_con .p2_p2{padding:1% 6%; text-align: left;}
.part3_con .p1-1{margin-top: 6%;}

.part3_con .p3 ul li{position: relative; width: 49%;float: left; }
.part3_con .p3 ul li:nth-child(2){margin-left: 2%;}
.part3_con .p3 .p3_p1{float:left;width: 30%;}
.part3_con .p3 .p3_p2{float:left;width: 70%;}
.part3_con .p3 ul li .p3_bg{position: relative;}
.part3_con .p3 ul li .p3_con{text-align: left; position:absolute;width: 70%;height: 100%;overflow: hidden;top: 0px;left: 27%;padding-top: 6%;}

.part4 .part4_tit{text-align: center;color: white;font-weight: bold;background: #36326f;margin-top: 6%;padding: 1% 0px;}
.part4 .part1_tit{margin-top: 8%;}

.part4_tit_1{position: relative;margin-top: 4%;margin-bottom: 4%;}
.part4_tit_1 .part4_1_bg{position: relative;}
.part4_tit_1 .part4_1_con{position: absolute;width: 60%;top: 0px;left: 20%;text-align: center;color: #01d0ff;background: #1c203d;font-weight: bold; }
.part4 .part4_con ul{width: 90%;margin: 0 auto;margin-top: 7%;}
.part4 .part4_con ul li{position: relative; width: 22%;float: left;margin: 0px;margin-left: 3%;}
.part4 .part4_con ul li:nth-child(1){margin-left: 1.5%;}

.part4 .part4_con ul li .part4_con_bg{position: relative;}
.part4 .part4_con ul li .part4_con_con{position: absolute;width:100%;height: 100%; text-align: center;top: 0px;left: 0px;color: white;}
.part4 .part4_con ul li .part4_con_con .p1{font-weight: bold;}
.part4 .part4_con ul li .part4_con_con .p2{text-align: left;padding: 3% 3%;margin-top: 14%;}
.part5 ul{width: 90%;margin:0 auto;margin-top: 8%;margin-bottom: 6%;}
.part5 ul li{float: left;width: 18%;margin-left: 2%;}

.part6_word{color: #ffa200;text-align: center;margin-top: 8%;margin-bottom: 4%;}
.part6_con{width: 90%;margin: 0 auto;overflow: hidden;}
.part7 .part4_1_con{width: 80%;left: 10%;}
.part7 ul{width: 93%;margin: 0 auto;margin-top: 6%;}
.part7 ul li{position: relative; float: left;width: 20%;border: 1px solid #fc5a5f;margin-left: 2%;padding:1%;}
.part7 ul li p{position: absolute;width:92%;bottom: 4%;text-align: center;height: 18%;background: #564aac;overflow: hidden;color: white;}
.part7_end{width: 100%;margin: 0 auto;margin-top: 3%;}


.syteach-box img{width: 90%;}

.foot{background: #d7d7d7;text-align: center;color: black;padding: 5% 3%;line-height: 1.5em;}
.foot a{color: black;}