*{margin: 0;padding: 0;}
body a{text-decoration: none;}
ul li{list-style: none;}
ol li{list-style: none;}

.header{background: url("../images/banner.png")no-repeat top center;background-size: 100%;height: 541px;}
section{}
.partbtn{width: 60%;margin: 1% auto;overflow: hidden;margin-bottom: 3%;}
.partbtn ul{}
.partbtn ul li{width: 30%;float: left;}
.partbtn ul li:nth-of-type(2){margin: 0 5%;}
.partbtn ul li a{font-size: 25px;padding: 15px 0;text-align: center;display: block;background-color: #01abfe;border-radius: 30px;color: #ffffff;}

.part1{width: 60%;margin: 0 auto;overflow: hidden;}
.part1 .title{width: 60%;margin: 0 auto;text-align: center;}
.part1 .title h1{letter-spacing: 4px;color: #343434;font-size: 40px;font-weight: 400;}
.part1 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part1 .title h4{letter-spacing: 2px;color: #747474;font-size: 20px;margin-top: -2%;}
.part1 ul{overflow: hidden;margin: 3% 0;}
.part1 ul li{float: left;width:25%;}
.part1 ul li:nth-of-type(1) .imgbox{background: url("../images/1-1.png")no-repeat center;background-size: 85%;height: 191px;}
.part1 ul li:nth-of-type(2) .imgbox{background: url("../images/1-2.png")no-repeat center;background-size: 85%;height: 191px;}
.part1 ul li:nth-of-type(3) .imgbox{background: url("../images/1-3.png")no-repeat center;background-size: 85%;height: 191px;}
.part1 ul li:nth-of-type(4) .imgbox{background: url("../images/1-4.png")no-repeat center;background-size: 85%;height: 191px;}
.part1 ul li h5{letter-spacing: 2px;color: #121212;text-align: center;font-size: 20px;margin: 3% 0;}
.part1 ul li p{padding: 0 40px;font-size: 16px;}
.part1 ul li a{display: block;border-radius: 20px;border: solid 1px #01abfe;width: 65%;margin: 0 auto;font-size: 16px;text-align: center;color: #121212;padding: 6px 0;margin-top: 5%;}

.part2{width: 60%;margin: 0 auto;}
.part2 .title{width: 60%;margin: 4% auto;text-align: center;}
.part2 .title h1{letter-spacing: 4px;color: #343434;font-size: 40px;font-weight: 400;}
.part2 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part2 .title h4{letter-spacing: 2px;color: #747474;font-size: 20px;margin-top: -2%;}
.part2 ul{padding: 5px}
.part2 ul li{width: 30%;float: left;border: solid 1px #e1e1e1;text-align: center;border-radius: 20px;margin-bottom: 4.7%;}
.part2 ul li:hover{background-color: #ffffff;box-shadow: 4px 7px 38px 2px rgba(166, 166, 166, 0.39);border: solid 1px #ffffff;}
.part2 ul li:nth-of-type(2),.part2 ul li:nth-of-type(5){margin: 0 4.7% 4.7% 4.7%;}
.part2 ul li:nth-of-type(1) .imgbox{background: url("../images/2.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li:nth-of-type(2) .imgbox{background: url("../images/2-1.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li:nth-of-type(3) .imgbox{background: url("../images/2-2.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li:nth-of-type(4) .imgbox{background: url("../images/2-3.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li:nth-of-type(5) .imgbox{background: url("../images/2-4.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li:nth-of-type(6) .imgbox{background: url("../images/2-5.png")no-repeat center;background-size: 20%;height: 110px;}
.part2 ul li h5{font-size: 28px;font-weight: normal;letter-spacing: -3px;margin-bottom: 5%;}
.part2 ul li h5 a{color: #1d1d1d;}
.part2 ul li p{color: #474747;font-size: 16px;line-height: 30px;}
.part2 ul li .btn{display: block;margin: 4% auto;width: 40%;border-radius: 10px;border: solid 1px #bcbbbb;color: #2e2e2e;font-size: 18px;padding: 5px 0;}
.part2 ul li:hover h5 a{color: #ff4e00;}
.part2 ul li:hover .btn{background-image: linear-gradient(112deg, #f06a5a 0%, #f88a7f 100%);color: #ffffff;border: solid 1px #f06a5a;}

.part3{clear: both;overflow: hidden;background: url("../images/3-1.png")no-repeat top center;background-size: 100%;}
.part3 .title{width: 36%;margin: 4% auto;text-align: center;}
.part3 .title h1{letter-spacing: 4px;color: #343434;font-size: 40px;font-weight: 400;}
.part3 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part3 .title h4{letter-spacing: 2px;color: #747474;font-size: 20px;margin-top: -2%;}
.part3 .bluebox{height: 75px;background-color: #01abfe;width:100%;}
.part3 #mis-tabq{width: 60%;margin: 0 auto;margin-top: -8.5%;}
.part3 #mis-tabq .tabq{width: 90%;overflow:hidden;margin:4% auto;}
.part3 #mis-tabq #ss-tab-conq{overflow:hidden;margin:0 auto;width: 98%;}
.part3 #mis-tabq .tabq a{font-size:30px;display:block;float:left;text-decoration:none;text-align: center;width: 30%;margin-left: 2.5%;background-color: #fccd3f;color:#393939;padding: 2% 0;}
.part3 #mis-tabq .tabq a span{font-size: 20px}
.part3 #mis-tabq .tabq a.onq{background-color:#ffa217;color: #ffffff;}
.part3 .ss-tabq .ss-tab-conq ul{}
.part3 .ss-tabq .ss-tab-conq ul li:nth-of-type(1){background: url("../images/3-4.png")no-repeat top center;background-size: 100%;padding: 20% 0;}
.part3 .ss-tabq .ss-tab-conq ul li:nth-of-type(2){background: url("../images/3-3.png")no-repeat top center;background-size: 100%;padding: 20% 0;}
.part3 .ss-tabq .ss-tab-conq ul li:nth-of-type(3){background: url("../images/3-2.png")no-repeat top center;background-size: 100%;padding: 20% 0;}
.part3 .btn{display: block;background-color: #01abfe;width: 15%;margin: 2% auto;font-size: 26px;text-align: center;color: #ffffff;padding: .5% 0;border-radius: 30px;}

.part4{overflow: hidden;}
.part4 .title{width: 36%;margin: 4% auto;text-align: center;}
.part4 .title h1{letter-spacing: 4px;color: #343434;font-size: 40px;font-weight: 400;}
.part4 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part4 .title h4{letter-spacing: 2px;color: #747474;font-size: 20px;margin-top: -2%;}
.part4 .ss-tabq{width: 60%;margin: 0 auto;}
.part4 #mis-tab .tabq{overflow:hidden;margin:30px auto;width:56.5%;}
.part4 #mis-tab #ss-tab-con{overflow:hidden;margin:0 auto;width: 95%;}
.part4 #mis-tab .tabq a{font-size:26px;display:block;float:left;text-decoration:none;line-height:49px;text-align: center;width: 160px;height: 49px;border: 1px solid #01abfe;border-radius: 10px;margin-left: 32px;color:#01abfe;}
.part4 #mis-tab .tabq a span{}
.part4 #mis-tab .tabq a.onq{background-color: #01abfe;color: #ffffff;}
.part4 #mis-tab .tabq a.onq span{}
.part4 .ss-tabq ul li{margin-bottom: 30px;}
/*.ss-tab-conq ul li a {  display: block;  width: 120px;  height: 45px;  line-height: 45px;  border: 1px solid #F06F6E;  color: #F06F6E;  text-align: center;  margin: 25px auto 0; }*/
.part4 .tec,.ul-cont ul{display: flex;justify-content: space-around;align-items: center;}
.part4 .techer-bg{width: 250px;height: 426px;overflow: hidden;cursor: pointer;}
.part4 .techer-bg img{width: 100%;}
.part4 .techer-js{display: none;width: 230px;height: 426px;color: #fff;background: rgba(0,0,0,.5);position: absolute;padding:14px;top: 0;}
.part4 .techer-bg:hover .techer-js{display: block;}
.part4 .techer-js p{margin-top: 135px;margin-bottom: 10px;color: #fff;font-size: 26px;text-align: center;}
.part4 .techer-js h5{font-size: 14px;color: #fff;margin-bottom: 10px}
.part4 .techer-js h5 b{font-size: 13px}
.part4 .techer-js span{font-size: 20px;overflow:hidden;  text-overflow:ellipsis;  display:-webkit-box;  -webkit-line-clamp:5;  -webkit-box-orient:vertical;line-height: 35px;color: #fff;}
.part4 .pr{position: relative}
.part4 .btn{display: block;background-color: #01abfe;width: 15%;margin: 1% auto;font-size: 26px;text-align: center;color: #ffffff;padding: .5% 0;border-radius: 30px;}

.part5{width: 60%;margin: 0 auto;}
.part5 .title{width: 60%;margin: 4% auto;text-align: center;}
.part5 .title h1{letter-spacing: 4px;color: #343434;font-size: 40px;font-weight: 400;}
.part5 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part5 .title h4{letter-spacing: 2px;color: #747474;font-size: 20px;margin-top: -2%;}
.part5 ul{overflow: hidden;margin-bottom: 5%;}
.part5 ul li{width: 25%;float: left;}
.part5 ul li h5{font-size: 26px;color: #393939;letter-spacing: 1px;text-indent: 1em;margin: 10% 0 5%;}
.part5 ul li p{font-size: 18px;color: #807777;letter-spacing: 1px;text-indent: 1.5em;}
.part5 ul li a{display: block;width: 40%;background-image: linear-gradient(99deg, #01c3ff 0%, #0d82ff 100%);color: #ffffff;text-align: center;border-radius: 20px;font-size:20px;letter-spacing: 1px;padding: 2px 0;margin: 5% 0 11% 8%;}
.part5 ul li:nth-of-type(1){background: url("../images/4.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(2){background: url("../images/4-1.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(3){background: url("../images/4-2.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(4){background: url("../images/4-3.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(5){background: url("../images/4-4.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(6){background: url("../images/4-5.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(7){background: url("../images/4-6.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(8){background: url("../images/4-7.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(9){background: url("../images/4-8.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(10){background: url("../images/4-9.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(11){background: url("../images/4-10.png")no-repeat top center;background-size: 100%;}
.part5 ul li:nth-of-type(12){background: url("../images/4-11.png")no-repeat top center;background-size: 100%;}

.part6{overflow: hidden;background-color: #3d88ffb0;padding-bottom: 3%;}
.part6 .title{width: 36%;margin: 3% auto;text-align: center;color: #ffffff;}
.part6 .title h1{letter-spacing: 4px;font-size: 40px;font-weight: 400;}
.part6 .tbbox{width: 100%;height: 60px;background: url("../images/1.png")no-repeat top center;background-size: 100%;margin-top: -2%;}
.part6 .title h4{letter-spacing: 2px;font-size: 20px;margin-top: -2%;}
.part6 ul{width: 60%;margin: 0 auto;overflow: hidden;}
.part6 ul li{float: left;width: 25%;color: #ffffff;}
.part6 ul li:nth-of-type(1){background: url("../images/2-11.png")no-repeat top center;background-size: 98%;}
.part6 ul li:nth-of-type(2){background: url("../images/2-22.png")no-repeat top center;background-size: 98%;}
.part6 ul li:nth-of-type(3){background: url("../images/2-33.png")no-repeat top center;background-size: 98%;}
.part6 ul li:nth-of-type(4){background: url("../images/2-44.png")no-repeat top center;background-size: 98%;}
.part6 ul li h1{font-size: 38px;width: 20%;border-bottom: 1px solid #ffffff;text-align: left;margin:8px 20px 0 20px;}
.part6 ul li p{font-size: 24px;padding:10px 0 10px 20px;}
.part6 ul li a{display: block;border: 1px solid #ffd800;background-color: #ffd800;width: 40%;margin: 8px auto;text-align: center;font-size: 18px;color: #3d88ff;}
.part6 ul li:nth-of-type(1):hover{background: url("../images/2-1-1.png")no-repeat top center;background-size: 98%;color:#0e6bff;}
.part6 ul li:nth-of-type(2):hover{background: url("../images/2-2-2.png")no-repeat top center;background-size: 98%;color:#0e6bff;}
.part6 ul li:nth-of-type(3):hover{background: url("../images/2-3-3.png")no-repeat top center;background-size: 98%;color:#0e6bff;}
.part6 ul li:nth-of-type(4):hover{background: url("../images/2-4-4.png")no-repeat top center;background-size: 98%;color:#0e6bff;}
.part6 ul li:hover h1{border-bottom: 1px solid #ffffff;color: #ffffff;}
.part6 ul li:hover p{color: #ffffff;}
.part6 ul li:hover a{display: block;background-color: #3d88ff;color: #ffffff;border-bottom: 1px solid #ffffff;width: 40%;margin: 8px auto;text-align: center;font-size: 18px;}

footer{background-color: #303030;color: #ffffff;overflow: hidden}
footer .cont{overflow: hidden;width: 60%;margin: 2% auto;}
footer .cont .f-left{width: 50%;float: left;}
footer .cont .f-left img{margin-bottom:6%;}
footer .cont .f-left p{font-size: 15px;margin-bottom: 2%;}
footer .cont .f-right{width: 30%;float: right;}
footer .cont .f-right ul{overflow: hidden}
footer .cont .f-right ul li{float: left;margin-right: 20%;}
footer .cont .f-right ul li p{font-size: 15px;text-align: center;margin-top: 5%;}