@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{line-height:1.35; color: #666; font-family:微软雅黑,Arial,Verdana,宋体; font-size: 12px; text-align: left; min-width: 1000px;}
ul,ol{list-style: none; overflow: hidden;}
img{border: 0;}
input,select,textarea{outline:0;}
textarea{resize:none; overflow: auto;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none; color: #fff;}
a:link,a:visited,a:hover,a:active{text-decoration:none;} 
/*==========================Reset_End===========================*/
.lf{ float: left}
.rf{float: right}
.mag{ margin: 0 auto }
.ofh{ overflow: hidden}
.cb{ clear: both}
.con{width: 1200px; margin: 0 auto; overflow: hidden;}


body{background: url(../images/toppic.jpg) no-repeat center 0;}
.top .w-con .nav{ font-size: 14px; line-height: 50px; margin-left: 180px }
.top .w-con .nav li{ float: left; margin-right: 45px }
.top .w-con .nav li a{color: #fff; }
.top .w-con .tel{ background: url(../images/tel.png) no-repeat left center; padding-left: 19px; margin-left: 120px;color: #ffdecf; font-size: 18px; font-weight: bold; margin-top: 13px }
.top .w-con .nav li a:hover{ font-weight: bold;  }
.logo{ display: block; margin-top: 12px }

.top{ height: 50px; background: rgba(0,0,0,.3); margin-bottom: 600px }
.top-btn a{ color: #010824; font-weight: bold; font-size: 24px; width: 328px; height: 72px; line-height: 72px; display: block; text-align: center;; background: #ffb89b; margin: 0 auto }
.top-btn a:hover{ background:#fe8e7c }
.top-btn{ margin-bottom: 86px }

.part1{ height: 566px; background:url(../images/part1bg.jpg) no-repeat center 0;  }
.tit{ text-align: center; padding-top:80px; margin-bottom: 50px }
.tit h2{ color: #16192a; font-size: 48px; margin-bottom: 10px }
.tit h3{ color: #666666; font-size: 24px }
.fangan-div div{ width: 400px; height: 245px }
.fangan-div div p{ color: #fff; font-size:22px; font-weight: bold; text-align: center; background: #fe8e7c; width: 285px; margin: 0 auto 20px; border-radius: 0 0 100px 100px; height: 55px; line-height: 55px }
.fangan-div div dl dt{ font-size: 18px; font-weight: bold; margin-bottom: 5px }
.fangan-div div dl dd{ font-size: 16px; }
.fangan-div div dl { text-align: center;color: #fff; margin-bottom: 40px  }
.fangan-div div a{ color: #fbc0a8; font-size: 16px; display: block; width: 178px; height: 44px; line-height: 44px; text-align: center; border: dashed 1px #fbc0a8; margin: 0 auto}
.fangan-div div a:hover{ background: #fe8e7c; color: #14192d;border: dashed 1px #fe8e7c; }

.part2{height: 750px; background:url(../images/part2bg.jpg) no-repeat center 0;}
.tit1{ text-align: center; color: #fff; font-size: 44px; padding-top: 70px; margin-bottom: 50px }
.tit1 em{ font-weight: lighter; }
.part2 .con-div{ background: linear-gradient(to bottom,#020c37, transparent); width: 590px; padding: 30px 0 }
.part2 .con-div p{ font-weight: bold; color: #fe8e7c; font-size: 36px; width: 145px; padding-left: 50px; }
.con-div div{ width: 340px; padding-left: 40px; border-left: dashed 1px #84889e; }
.con-div div dl{ color: #fff; margin-bottom: 30px }
.con-div div dl dt{ font-weight: bold; font-size: 24px; margin-bottom: 10px }
.con-div div dl dd{ font-size: 16px; padding-right: 30px }
.con-div div a{ color: #14192d; font-size: 16px; display: block; width: 143px; height: 43px; line-height: 43px; text-align: center; background: #ffb99c}
.con-div  div a:hover{ background: #fe8e7c; }

.part3{height: 874px; background:url(../images/part3bg.jpg) no-repeat center 0;}
.part3-con{  }
.part3-con div{ width: 394px; height: 283px;text-align: center; background: #332e43 }
.part3-con div img{ display: inline-block; margin-bottom: 15px }
.part3-con div dl{ color: #fff; width: 320px; margin: 0 auto 25px  }
.part3-con div dl dt{font-size: 30px;font-weight: bold; margin-bottom: 10px }
.part3-con div dd{ font-size: 16px; text-align: left; }
.part3-con  div a{ color: #14192d; font-size: 16px; display: block; width: 143px; height: 43px; line-height: 43px; text-align: center; background: #ffb99c; margin: 0 auto}
.part3-con  div a:hover{ background: #fe8e7c; }

.part4{height: 611px; background:url(../images/part4bg.jpg) no-repeat center 0;}
.part4 .con a{ color: #fff; font-weight: bold; font-size: 24px; float: left; width: 287px; height: 63px; padding-top: 140px; text-align: center; margin-right:16px}
.part4 .con a:last-child{ margin-right: 0 }
.part4 .pg{ color: #14192d; font-size: 24px; display: block; width: 325px; height: 69px; line-height: 69px; text-align: center; background: #ffb99c; margin: 70px auto 0}
.part4 .pg:hover{ background: #fe8e7c; }

.part5{ background: #0f1d4e; padding: 30px 0 }
.part5-con{width: 1055px; margin: 0 auto; height: 310px}
.part5 .lf{ padding: 30px 0 }
.part5 .lf dl{ color: #fe8e7c; margin-bottom: 10px}
.part5 .lf dl dt{ font-size: 33px }
.part5 .lf dl dd{ font-size: 53px; font-weight: bold; }
.part5 .lf p{ color: #fff; font-size: 30px; border-bottom: solid 1px #fff; margin-bottom: 5px; padding-bottom: 5px; width: 275px }
.part5 .rf{ background: linear-gradient(to bottom,#2e4288, transparent); width: 620px; padding: 40px 0 0 80px; position: relative;}
.part5 .rf p{ overflow: hidden; margin-bottom: 20px }
.part5 .rf label{ color: #fff; width: 75px; text-align: right; font-size: 18px; display: block; float: left; padding-right: 20px; line-height: 38px}
.part5 .rf input{ width: 402px; height: 38px; border: 0; float: left; padding-left: 10px;font-size: 18px }
.xiala li{ display: block; height: 30px; line-height: 30px; padding:0 10px; text-align: center; color: #14192d; font-size: 18px}
.xiala li:hover{ background: #c1c4d1 }
.xiala ul{ background: #f0efef; width: 412px;  }
.xiala{ position: absolute; left: 175px; top:194px; }
.xiala-input{ background: url(../images/arrow.jpg) no-repeat 380px center #fff; }
.ljtj{ width: 163px; height: 48px; font-size: 18px; color: #14192d; background: #fbc0a8; border: 0; margin: 40px 0 0 210px; display: block;text-align: center;line-height: 48px;cursor: pointer; }
.ljtj:hover{background: #fe8e7c }
.part6{height: 1126px; background:url(../images/part6bg.jpg) no-repeat center 0;}
.btns{ height: 72px; width: 658px; margin: 870px auto 0  }
.btns a{ display: block; float: left; width: 328px; height: 72px; line-height: 72px; text-align: center;  font-size: 24px }
.btns a:first-child{ background: #424e79; color: #fff; margin-right: 2px  }
.btns a:last-child{ background: #fbc0a8; color: #14192d  }
.btns a:hover{ background: #fe8e7c }

.part7{ background: url(../images/part7bg.jpg) center 0; padding-bottom: 100px }
.part7 .tit{ background: url(../images/part7tit.jpg) 0 0; padding-top: 100px }
.p5-group .teacher{ margin-right: 28px; position: relative; padding-bottom: 30px}
.teacher{ background: #fff }
.teacher img{ display: block}
.teacher dl{ padding: 20px 5px 0 15px; height: 155px; text-align: center; }
.teacher dl dt{ font-size: 24px; color: #f5956e;  font-weight:bold; margin-bottom: 10px; }
.teacher dl dt:after{ content: ''; display: block; width: 72px; height: 2px; background: #f5956e; margin: 10px auto 15px}
.teacher dl dd{ font-size: 18px; color: #333333; line-height: 28px}
.teacher a{ display: block; width: 143px; height: 44px; color: #14192d; font-size: 16px; background:#fbc0a8; line-height: 44px; text-align: center; margin: 0 auto}
.teacher a:hover{ background: #fe8e7c; }

.part8{background: url(../images/part8bg.jpg) center 0; height: 1399px }
.part8 .tit{ padding-top: 110px; margin-bottom: 90px }
.part8 .tit h2{ color: #fff }
.part8 .tit h3{ color: #7789c7 }
.group{ width: 345px; margin-right: 80px}
.group div{  width: 198px; margin-left: 20px}
.group div h4{ color: #fe8e7c; font-size: 18px; margin-bottom: 20px}
.group div dl dt{ color: #ffffff; font-size: 24px; border-bottom: solid 1px #fff; padding-bottom: 5px; margin-bottom: 10px}
.group div dl dd{ font-size: 14px;  color: #ffffff}

.more{ display: block; width: 327px; height: 70px; color: #14192d; font-size: 24px; background:#fbc0a8; line-height: 70px; text-align: center; margin: 0 auto}
.more:hover{ background: #fe8e7c; }

.part9{background: url(../images/part9bg.jpg) center 0; height: 732px }
.part9 .tit{ padding-top: 110px; margin-bottom: 90px }
.part9 .tit h2{ color: #fff }
.part9 .tit h3{ color: #4c546f }
.fw-div .lf{ margin-left: 15px; margin-right: 15px }
.fw-div .lf img{ display: block; margin-bottom: 25px }
.fw-div .lf span{ display: block; text-align: center; color: #fff; font-size: 18px; }


.test-202104 .clickBtn-202104{ display: inline-block; height: 50px; line-height: 50px; font-size: 14px; color: #fff; cursor: pointer  }
.test-202104 .clickBtn-202104:after{ content: ''; display: inline-block; border-color: #fff transparent transparent transparent; border-width: 5px; border-style: solid; position: absolute; top: 24px; margin-left: 5px; margin-right: 30px }
.test-202104 ul li{    float: left;
    text-align: center;
    width: 120px;
    height: 30px;
    padding-top: 134px;
    margin: 0 28px;
    font-size: 12px;
    margin-bottom: 12px;
    color: #fff;}
.test-202104 ul { overflow: hidden;background: #b0837e;padding: 20px 26px 1px 26px;font-size: 12px;width: 886px;position: absolute; right:0; display: none; z-index: 10;}
.test-202104 ul li:nth-child(1){background: url("../images/code-pic1.jpg") no-repeat center 0}
.test-202104 ul li:nth-child(2){background: url("../images/code-pic2.jpg") no-repeat center 0}
.test-202104 ul li:nth-child(3){background: url("../images/code-pic3.jpg") no-repeat center 0}
.test-202104 ul li:nth-child(4){background: url("../images/code-pic4.jpg") no-repeat center 0}
.test-202104 ul li:nth-child(5){background: url("../images/code-pic5.jpg") no-repeat center 0}
.w-con{ position: relative;width: 1200px; margin: 0 auto;}