*{margin:0;padding:0;box-sizing: border-box;}
li{list-style-type: none;}
a{text-decoration: none; color: #222222;border:0;  }
div{margin:0; padding:0px;}
ul{ margin: 0; padding: 0;}
img{border:0; margin: 0; padding: 0;}

/*all*/
.w100{width: 100%; float: left;}
.w1200{width: 1200px;margin: 0 auto;}

.left{float: left;}
.right{float: right;}
.over{overflow: hidden;}


/*space*/
.f1{margin-top: 50px;}
.f2{padding: 50px 0;}

/*background*/
.bg{background:#f2f2f2;}

body{font-family: "Microsoft YaHei";min-width: 1200px;background-color: #ffffff;}

/*top*/
.top{width:100%;height: 98px;float:left;background: #004564;border-bottom: 1px solid #166386;}
.top p{float:left;font-size: 32px;line-height: 100px;color: #ffffff;}
.top .exit{display: block;float:left;margin-top: 16px;margin-left: 50px;padding: 10px 20px;border-radius: 5px;background: #d18044;font-size: 32px;color: #ffffff;}

/*hbg*/
.hbg{width: 100%;float:left;padding: 30px 0;background: #004564;border-top: 1px solid #002b3e;border-bottom: 10px solid #145a79;}

.hbg .logo{width: 550px;height: 200px;float: left;background: url(../images/logo.png) no-repeat 20px center;}

.hbg .old{display: inline-block;float: left;margin-top: 60px;padding: 0 50px;font-size: 35px;color: #ffffff;line-height: 80px;text-align: center;font-weight: bold;letter-spacing: 2px;background: none;border-radius: 40px;border: 3px solid #ffffff;}

.hbg .wza{display: inline-block;float: right;margin-top: 15px;margin-right: 15px;padding: 0 28px;font-size: 24px;color: #ffffff;line-height: 55px;text-align: center;font-weight: bold;letter-spacing: 2px;background: none;border: 2px solid #ffffff;border-radius: 40px;}

/*module*/
.module{width: 100%;float: left;}

.module li{width: 370px;float:left;margin:15px;box-shadow: 0px 8px 10px -1px #dddddd;border-radius: 20px;overflow: hidden;}

.module li a{display:block;width:100%;float: left;}

.module li.icon1{background:#80c9ab;}
.module li.icon2{background:#73acc2;}
.module li.icon3{background:#c3b378;}
.module li.icon4{background:#5db8c1;}
.module li.icon5{background:#cfae88;}
.module li.icon6{background:#d59690;}

.module li a i{width: 135px;height:135px;float:left;border-radius: 50%;margin: 30px 117.5px;}
.module li.icon1 a i{background: url(../images/ico01.png)  no-repeat top center;}
.module li.icon2 a i{background: url(../images/ico02.png)  no-repeat top center;}
.module li.icon3 a i{background: url(../images/ico03.png)  no-repeat top center;}
.module li.icon4 a i{background: url(../images/ico04.png)  no-repeat top center;}
.module li.icon5 a i{background: url(../images/ico05.png)  no-repeat top center;}
.module li.icon6 a i{background: url(../images/ico06.png)  no-repeat top center;}

.module li a p{width: 100%;float: left;padding-bottom: 40px;font-size: 42px;line-height:60px;color: #ffffff;letter-spacing: 2px;text-align:center;font-weight: bold;}

.module li:hover{transform: translateY(-4%);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}

/*title*/
.title{width: 100%;float: left;margin-bottom: 50px;}

.title p{float: left;margin: 0 50px;font-size: 50px;line-height: 75px;color: #004564;font-weight: bold;letter-spacing: 2px;text-align: center;}

.title::before,.title::after{content:"";width: 440px;height: 75px;float: left;}
.title::before{background: url(../images/title-l.png) no-repeat right center;}
.title::after{background: url(../images/title-r.png) no-repeat left center;}

/*server*/
.server{width: 100%;float: left;}

.server li{width: 270px;float:left;margin:15px;}

.server li a{display:block;width:100%;height: 340px;float: left;background: #ffffff;box-shadow: 0px 8px 10px -1px #dddddd;border-radius: 6px;overflow: hidden;}

.server li.i1 a{background: url(../images/server1.png) no-repeat top center;background-size: 100% 135px;}
.server li.i2 a{background: url(../images/server2.png) no-repeat top center; background-size:100% 135px;}
.server li.i3 a{background: url(../images/server3.png) no-repeat top center; background-size:100% 135px;}
.server li.i4 a{background: url(../images/server4.png) no-repeat top center; background-size:100% 135px;}
.server li.i5 a{background: url(../images/server5.png) no-repeat top center; background-size:100% 135px;}
.server li.i6 a{background: url(../images/server6.png) no-repeat top center; background-size:100% 135px;}
.server li.i7 a{background: url(../images/server7.png) no-repeat top center; background-size:100% 135px;}
.server li.i8 a{background: url(../images/server8.png) no-repeat top center; background-size:100% 135px;}

.server li a i{width: 72px;height: 72px;float: left;margin: 105px 100px 0;background: rgba(255, 255, 255, .6);border-radius: 50%;}
.server li a i::after{content:"";width: 62px;height: 62px;float:left;margin: 5px;border-radius: 50%;}

.server li.i1 a i::after{background: url(../images/i1.png) #ffffff no-repeat center;}
.server li.i2 a i::after{background: url(../images/i2.png)#ffffff  no-repeat center;}
.server li.i3 a i::after{background: url(../images/i3.png)#ffffff  no-repeat center;}
.server li.i4 a i::after{background: url(../images/i4.png)#ffffff  no-repeat center;}
.server li.i5 a i::after{background: url(../images/i5.png)#ffffff  no-repeat center;}
.server li.i6 a i::after{background: url(../images/i6.png)#ffffff  no-repeat center;}
.server li.i7 a i::after{background: url(../images/i7.png)#ffffff  no-repeat center;}
.server li.i8 a i::after{background: url(../images/i8.png)#ffffff  no-repeat center;}

.server li a p{width: 100%;float: left;padding: 20px;font-size: 42px;line-height:60px;color: #494949;letter-spacing: 2px;text-align:center;font-weight: bold;}

.server li:hover{transform: translateY(-4%);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.server li:hover a p{color:#004564;}

/*class*/
.class{width: 100%;float: left;background: #ffffff;}

.class-bt{width: 100%;height: 70px;float: left;border-bottom: solid 2px #d9d9d9;}

.class-list{width: 1200px;float: left;background: #ffffff;}

.class-list li{width: 100%;float: left;border: 1px solid #eaeaea;margin-top: 49px;padding: 36px 38px;}
.class-list li a{display: block; float: left;}
.class-list li .l-l{width: 954px;}
.class-list li .l-l font{width: 795px;float:left;font-size: 36px;line-height: 50px;color: #004564;text-align: left;font-weight: 500;}
.class-list li .l-l font::before{content:"";width: 13px;height: 13px;float: left;margin: 20px 10px 0 0;background: #004564;border-radius: 50%;}
.class-list li .l-l span{width: 135px;float:left;padding-top: 19px;font-size: 24px;color: #888888;font-weight: 400;}
.class-list li .l-l p{width:100%;float:left;font-size: 30px;line-height: 60px;color: #444444;}

.class-list li .l-r{width: 168px;height: 60px;float:left;position: relative;top: 30px;background: #ffffff;border: 2px solid #ccdae0;border-radius: 60px;font-size: 30px;line-height: 56px;color: #ccdae0;text-indent: 45px;}
.class-list li .l-r::after{content:"";position: absolute;top: 21px;right: 35px;width: 15px;height: 15px;float:left;background: none;border-top: 3px solid #ccdae0;border-left: 3px solid #ccdae0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}

.class-list li:hover{transform: translateY(-2%);
box-shadow: 5px 5px 10px #eaeaea;-webkit-box-shadow: 5px 5px 10px #eaeaea;-moz-box-shadow: 5px 5px 10px #eaeaea;
-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
.class-list li:hover .l-r{color: #004564; border-color:#004564;}
.class-list li:hover .l-r::after{border-top-color: #004564;border-left-color: #004564;}


/*foot*/
.foot{width: 100%;float: left;background: #004564;}
.foot .footer{width: 1200px;margin: 30px auto;overflow: hidden;}
.foot .footer div{float: left;background: #145a79;margin-right: 5px;}

.foot .footer .f-l{width: 250px;height: 155px;padding: 37px 15px;}
.foot .footer .f-l .red{width: 80px;height: 80px;margin-right: 20px;}
.foot .footer .f-l .jiucuo{width: 110px;margin-top: 13px;}

.foot .footer .f-c{width: 130px;height: 155px;padding-top: 5px;}
.foot .footer .f-c p{width: 100%;float: left;}
.foot .footer .f-c p a{display: block;font-size: 14px;line-height: 51px;color: #ffffff;text-align: center;}

.foot .footer .f-e{width: 565px;height: 155px;padding: 5px 20px 0;}
.foot .footer .f-e p{float: left;margin-right: 20px;font-size: 14px;line-height: 50px;color: #ffffff;}

.foot .footer .f-r{width: 240px;height: 155px;padding: 20px 20px 0;margin-right: 0;}
.foot .footer .f-r a{display:block;float: left;}
.foot .footer .f-r a img{width: 100%;float: left;margin: 10px 0;}

.foot .foot-b {width: 100%;float: left;background: #145a79;}
.foot .foot-b p{float:left;font-size: 16px;color: #ffffff;padding: 0 75px;line-height: 60px;text-align:left;}
.foot .foot-b p a{color: #ffffff;}
.foot .foot-b p a img{float: left;margin: 22px 10px 0 0;}