@charset "utf-8";
/* CSS Document */
*{ margin:0;
   padding:0;
   list-style:none;}
html{ margin:0; padding:0; overflow-x:hidden; min-width:1200px;}
body{ background:#f2f2f2; width:100%; font-size:14px; color:#333;} 
a{ text-decoration:none;}
.yzxy_banner{ width:100%; height:510px; margin:0 auto; text-align:center;background: url(../images/yzxy_banner1.jpg) center no-repeat;}
.main1{ width:1200px; height:500px; margin:0 auto;padding:3%;}
h2{ font-size:36px; font-weight:normal; text-align:center;  }
.p1{ font-size:14px; text-align:center; color:#7B7B7B; line-height:25px; margin-top:25px;}
.main1 .main1-ul{ padding:50px 0;}
.main1 .main1-ul li{ width:515px; height:80px; border:1px solid #d2d2d2; float:left; padding:25px 40px;}
.main1 img{ width:15%; display:block; float:left;}
.main1 .p2{ float:left; margin:12px 20px; line-height:30px;}
.main1 .p2 .main1-span{ font-size:20px;}

.main2{ width:100%; height:640px; clear:both; background:-webkit-linear-gradient(180deg, #29333d, #161d25);background:-o-linear-gradient(180deg, #29333d, #161d25);background:-moz-linear-gradient(180deg, #29333d, #161d25);background:linear-gradient(180deg, #29333d, #161d25); padding:50px 0; color:white;}
.main2 .p1{ color:white;}
.main2 img{ display:block; margin:50px auto;}

.main3{ width:100%; margin:0 auto;padding:50px 0; background:#f7f9fc;}
.main3 .main3-ul{ width:1200px; background:white; height:550px; padding:10px 0; border-radius:20px;margin:40px auto; box-shadow:0px 0px 15px #d6d8da; }
.main3 .main3-ul li{ float:left; width:502px; height:570px; margin:10px 17px;}
.main3 .main3-ul li:first-child{ width:136px;}
.main3 .main3-ul li:last-child{ width:460px;}
.main3 .p3,.main3 .p2{ height:45px; background:#0096ff; color:white; text-align:center; font-size:16px; margin-top:11%; line-height:45px;}
.main3 .p3:first-child{ margin-top:120px;}

.main3 .p2{ height:70px; margin-top:0; line-height:70px;}
.main3 .main3-span{ display:inline-block; border:1px solid #0096ff; margin:10% 1.7% 2.9% 0; height:44px; line-height:45px; color:#0096ff; 
             padding:0 7.3%;} 
.main3 .main3-span:last-child{ margin-right:0px; box-sizing:border-box;}
.main3 .p4 .main3-span{ margin-top:0}
.main3 .four .main3-span{ padding:0 33px;}

.main3 .main3-ul li:last-child .main3-span{ height:103px; padding:0 97px; line-height:103px;}
.main3 .main3-ul li:last-child .p4 .main3-span{ height:45px;line-height:45px; width:460px; text-align:center;}
.main3 .main3-ul li:last-child .p5 .main3-span{ height:225px;line-height:225px; width:460px; text-align:center; margin:0;}

.course-mb{ display:none;}


.main4{ width:100%; padding:40px 0;}
.main4 .outside{ width:1200px; height:560px;  background:white; margin:30px auto 50px; border-radius:20px; box-shadow:0px 0px 15px #d2d1d1;}
.main4 .left,.main4 .right{ width:498px; height:480px; float:left;padding:40px; }
.main4 .right{ border-left:1px solid #d2d2d2;}
.main4 p{ line-height:25px;}
.main4 .main4-span{ font-size:20px; display:block; margin-bottom:40px;text-align:center; }
.main4 .p2{ line-height:25px; margin:50px auto 20px auto; text-align:center; font-size:18px;}
.main4 .main4-ul{ height:150px;}
.main4 .main4-ul li{ width:148px; height:150px; float:left; margin-right:24px;}
.main4 .main4-ul li .top{ width:148px; height:100px; float:left; border:1px solid #d2d2d2;}
.main4 .main4-ul li:last-child{ margin-right:0;}
.main4 .left img{ width:50%; display:block; margin:0 auto; margin-top:8%;}
.main4 .main4-ul li .p3{ clear:both;text-align:center;  line-height:50px;}
.main4 button{ width:185px; height:40px; font-size:20px; display:block;  background:-webkit-linear-gradient(180deg, #29333d, #161d25);background:-o-linear-gradient(180deg, #29333d, #161d25);background:-moz-linear-gradient(180deg, #29333d, #161d25);background:linear-gradient(90deg, #3cc8ff, #3992f5); clear:both; color:white; text-align:center; line-height:40px; margin:40px auto; border:none; outline:none; cursor:pointer;}
.main4 .right img{ width:80%; display:block; margin:auto; margin-top:20%;}


.main5{ width:100%; background:#f7f9fc;clear:both; padding:50px 0; height:800px;}
.main5 .box{ width:1160px; height:480px; background:white; border-radius:20px; box-shadow:0px 0px 15px #d2d1d1; margin:40px auto; padding:50px 20px; }
.main5 .p2{ font-size:20px; text-align:center; margin:0}
.main5 .main5-ul{ padding:40px 0;}
.main5 .main5-ul li{ width:310px; height:400px; float:left; border:1px dashed #d2d2d2; padding:0 12px; margin-right:10px;}
.main5 .main5-ul li:iast-child{ margin-right:0}
.main5 .main5-ul li:first-child{ width:85px; border:none;}
.main5 .p3{ width:85px; height:50px; background:#efefef; margin-top:15px; text-align:center; line-height:50px;}
.main5 .p3:last-child{ height:140px; line-height:20px; padding-top:100px;}
.main5 .p4{ height:50px;margin-top:15px; line-height:40px; text-align:center;}
.main5 .one{ background:#108cee; color:white;}
.main5 e{ display:inline-block; background:#f4f8ff; border:1px solid #108cee; width:148px; margin-right:10px;}
.main5 .p4 e:last-child{ margin-right:0;}
.main5 .main5-span{ display:inline-block; background:#108cee; font-size:14px; color:white; padding:0 47px; margin-right:10px;}
.main5 .main5-span:last-child{ margin-right:0;}
.main5 .two{ color:#108cee;}
.main5 .main5-ul li:nth-child(2) .p4:nth-child(3),.main5 .main5-ul li:nth-child(2) .p4:last-child{ background:#f4f8ff; border:1px solid #108cee; height:45px;}

.main5 .personnel{ display:none;}


.main6{ width:1200px; padding:40px; margin:0 auto; }
.main6 img{ display:block; margin:40px auto 0;}
.main6 .p2{ text-align:center; margin-top:30px;}
.main6 .part1{ height:50px; margin-bottom:60px}
.main6 .part1 li { width:150px; float:left; text-align:center; margin-right:112px;}
.main6 .part1 li:last-child{ margin-right:0;}
.main6 .p2{ clear:both; font-size:24px;}
.main6 .part2{ padding-top:50px;height:530px;}
.main6 .part2 li,.main6 .part3 li{ width:280px; height:445px; background:white; float:left; border-radius:10px;margin-right:25px;}
.main6 .part2 li:first-child{ background:url(../images/certificate-1.png) no-repeat center;}
.main6 .part2 li:nth-child(2){ background:url(../images/certificate-2.png) no-repeat center;}
.main6 .part2 li:nth-child(3){ background:url(../images/certificate-3.png) no-repeat center;}
.main6 .part2 li:last-child{ background:url(../images/certificate-4.png) no-repeat center; margin-right:0}

.main6 .p3{ padding-top:142%; font-size:20px; color:white; text-align:center; line-height:40px;}

.main6 .part3{ padding-top:10px; height:450px;}
.main6 e{ display:inline-block;width:280px; margin-right:25px;text-align:center; font-size:18px; padding-top:40px;}
.main6 e:last-child{ margin-right:0}
.main6 .part3 li{ height:435px;}
.main6 .part3 li:first-child{ background:url(../images/teacher-1.png) no-repeat center;}
.main6 .part3 li:nth-child(2){ background:url(../images/teacher-2.png) no-repeat center;}
.main6 .part3 li:nth-child(3){ background:url(../images/teacher-3.png) no-repeat center;}
.main6 .part3 li:last-child{ background:url(../images/teacher-4.png) no-repeat center; margin-right:0}

.main6 .mb{ display: none;}

.main7{width:100%; background:#f7f9fc; margin-top:60px; height:650px; clear:both; padding-top:50px; }
.main7 .partner{ width:1200px; margin:50px auto;}
.main7 .main7-ul{ height:100px;}
.main7 .one li,.main7 .two li,.main7 .thr li{ float:left; width:200px; height:60px; text-align:center;margin:0;}
.main7 .two li{ width:240px; height:60px; text-align:center;margin:0;}
.main7 .thr{ width:550px; margin:0 auto;}
.main7 .thr li{ width:150px;}
.main7 .thr li:nth-child(2){ width:200px;}



@media screen and (max-width: 768px){
html{min-width:360px;}
h2{ font-size:24px;}	
.yzxy_banner{height:350px; background-size: cover;}
.main1{width:95%; height:auto; margin:40px auto; padding:0;}
.main1 .main1-ul{ padding:20px 0; height:420px;}
.main1 .main1-ul li{ width:95%; padding:2.5%; margin:5px auto;}
.main1 .p2{ width:80%; margin:0; float:right; line-height:25px;}
.main1 .p2 .main1-span{ line-height:30px;}	
.main2{ height:auto;}
.main2 img{ width:95%;margin: 30px auto 0;}
.main2 .p1{ width:95%; margin:20px auto;}
.main3 .main3-ul{ display:none;}
.course-mb{ display: block; width:95%; margin:20px auto 0;}

.main3 img{ width:100%;}
.main4 .outside{width:95%;margin: 30px auto;height: 950px;}
.main4 .left, .main4 .right{ width:90%; padding:30px 5% 0; height:auto;}
.main4 .main4-span{ margin-bottom: 20px;}
.main4 .p2{margin: 20px auto;}
.main4 .main4-ul li{width: 31%; margin-right:3%;}
.main4 .main4-ul li .top{ width: 100%;}
.main4 .left img{ width:80%;}
.main4 .right{ border:none;}
.main4 button{ margin: 20px auto;}

.main5{ height:auto;}
.p1{ width:95%; margin:30px auto;}
.main5 .box{ display:none;}
.main5 .personnel{ display:block; margin:20px auto;}
.main5 .personnel img{ width:100%;}

.main6{ width:95%; margin:30px auto;padding:0;}
.main6 .part1{ display:none;}
.main6 .pc{ display: none}
.main6 .mb{ display:block; width:100%;}
.main6 .part2{padding-top: 20px; height: auto;}
.main6 .part2 li,.main6 .part3 li{ width:24%; margin:0 0.5%; height:auto;}
.main6 .part2 li:first-child{ background:url(../images/certificate-1.png) no-repeat center 0; background-size: contain;}
.main6 .part2 li:nth-child(2){ background:url(../images/certificate-2.png) no-repeat center 0; background-size: contain;}
.main6 .part2 li:nth-child(3){ background:url(../images/certificate-3.png) no-repeat center 0; background-size: contain;}
.main6 .part2 li:last-child{ background:url(../images/certificate-4.png) no-repeat center 0;  background-size: contain;}

.main6 .p2{padding-top:30px; margin-top:0; font-size:18px;}
.main6 e{ width:25%;margin-right:0;padding-top: 20px; font-size:16px;}
.main6 .part3 { height:160px;}
.main6 .part3 li{width:24%;margin:0 0.5%; height:150px;}
.main6 .part3 li:first-child{ background:url(../images/teacher-1.png) no-repeat center 0; background-size: contain;}
.main6 .part3 li:nth-child(2){ background:url(../images/teacher-2.png) no-repeat center 0;background-size: contain;}
.main6 .part3 li:nth-child(3){ background:url(../images/teacher-3.png) no-repeat center 0;background-size: contain;}
.main6 .part3 li:last-child{ background:url(../images/teacher-4.png) no-repeat center 0;background-size: contain;}
.main6 .p3{ font-size:14px;line-height: 16px;}


.main7{ margin-top:0;}
.main7 .partner{ width:95%; margin:30px auto;}
.main7 .thr{ width:100%;}
.main7 .one li, .main7 .two li, .main7 .thr li,.main7 .thr li{ width:33%;}
.main7 .one li img, .main7 .two li img, .main7 .thr li img{ width:80%;}

.bdproduct-footers{ display:none;}

}