*{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: 1300px;background-color: #ffffff;}

/*top*/
.top{width:100%;height: 98px;float:left;background: #035392;/* border-bottom: 2px solid #035392; */}
.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: #ffffff;border-top: 1px solid #002d50;border-bottom: 10px solid #035392;}

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

.hbg .old{display: inline-block;float: left;margin-top: 55px;padding: 0 30px;font-size: 26px;color: #ffffff;line-height: 60px;text-align: center;font-weight: bold;letter-spacing: 2px;background: #035392;border-radius: 40px;}

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

/*module*/
.module{}

.module li{width: 370px;float:left;margin:15px;}

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

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

.module li a p{width: 100%;float: left;padding-bottom: 40px;font-size: 42px;line-height:60px;color: #494949;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;}
.module li:hover a p{color:#035392;}

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

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

.title::before,.title::after{content:"";width: 445px;height: 75px;float: left;}
.title::before{background: url(../images/title-l.png;vpn_img) no-repeat right center;}
.title::after{background: url(../images/title-r.png;vpn_img) 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;vpn_img) no-repeat top center;background-size: 100% 135px;}
.server li.i2 a{background: url(../images/server2.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i3 a{background: url(../images/server3.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i4 a{background: url(../images/server4.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i5 a{background: url(../images/server5.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i6 a{background: url(../images/server6.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i7 a{background: url(../images/server7.png;vpn_img) no-repeat top center; background-size:100% 135px;}
.server li.i8 a{background: url(../images/server8.png;vpn_img) 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;vpn_img) #ffffff no-repeat center;}
.server li.i2 a i::after{background: url(../images/i2.png;vpn_img)#ffffff  no-repeat center;}
.server li.i3 a i::after{background: url(../images/i3.png;vpn_img)#ffffff  no-repeat center;}
.server li.i4 a i::after{background: url(../images/i4.png;vpn_img)#ffffff  no-repeat center;}
.server li.i5 a i::after{background: url(../images/i5.png;vpn_img)#ffffff  no-repeat center;}
.server li.i6 a i::after{background: url(../images/i6.png;vpn_img)#ffffff  no-repeat center;}
.server li.i7 a i::after{background: url(../images/i7.png;vpn_img)#ffffff  no-repeat center;}
.server li.i8 a i::after{background: url(../images/i8.png;vpn_img)#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:#035392;}

/*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: #035392;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: #035392;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 #ddf0ff;border-radius: 60px;font-size: 30px;line-height: 56px;color: #ddf0ff;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 #ddf0ff;border-left: 3px solid #ddf0ff;-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: #035392; border-color:#035392;}
.class-list li:hover .l-r::after{border-top-color: #035392;border-left-color: #035392;}

/*essay*/
.essay{width: 100%;float: left;padding: 0 50px 50px 50px;background: #f5f5f5;}

.essay-bt{width: 100%;height: 70px;float: left;margin-bottom: 10px;}

.essay-list{width: 1100px;float: left;padding: 30px;background: #ffffff;border: solid 1px #d9d9d9;}

.essay .essay-content{width: 100%;float: left;}

.essay .essay-content h1{font-size: 30px;line-height: 60px;color: #333333;text-align:center;padding: 40px 20px;}
.essay .essay-content h2{font-size: 20px;line-height: 40px;color: #333399;text-align:center;padding: 20px;}
.essay .essay-content h3{font-size: 18px;line-height: 45px;color: #999999;font-weight:normal;}

.essay .essay-content .time{width: 100%;float: left;padding-bottom: 10px;margin-bottom: 30px;}
.essay .essay-content .time p{float: left;width: 510px;font-size: 17px;line-height: 50px;color: #333333;text-align: left;padding-left: 20px;}
.essay .essay-content .time p font{font-weight:bold;padding-right: 10px;}

.essay .essay-content .message{width: 100%;float: left;padding-bottom: 10px;margin-bottom: 30px;background: url(../images/message.png;vpn_img) repeat-x center bottom;}
.essay .essay-content .message p{float: left;font-size: 14px;line-height: 50px;color: #999999;text-align: left;padding-left: 20px;}
.essay .essay-content .message p font{float:left;color: #333333;font-weight:bold;}
.essay .essay-content .message p:last-child font{ width: auto; margin-right: 10px;}
.essay .essay-content .message .m-txt-print{width: 150px;float: left;margin-left: 20px;}
.essay .essay-content .message .m-txt-print span{cursor: pointer;font-size: 14px;line-height: 50px;color: #999999;text-align: left;}
.essay .essay-content .message .m-txt-print span.font{padding-left: 30px;margin-left: 20px;}
.essay .essay-content .message .m-txt-print .switchsize{padding-left: 0px !important;margin-left: 0px !important;}
.essay .essay-content .message .m-txt-print .switchsize span{padding-left: 10px;}
.essay .essay-content .message .m-txt-print .print{background: url(../images/print.png;vpn_img) no-repeat left center;}
.essay .essay-content .message .m-txt-print .save{background: url(../images/save.png;vpn_img) no-repeat left center;}

.essay .essay-content .shared{width: 250px;float: right;}
.essay .essay-content .shared p{line-height: 50px;padding-left: 0;}
.essay .essay-content .qrcode{width: 150px;float: left;margin-top: 40px;text-align: center;}

.essay .essay-content .m-txt-article{width: 998px;min-width: 998px;float:left;padding:0 30px;font-family: "SimSun";overflow-x: scroll;}
.essay .essay-content .m-txt-article p{font-size: 18px;line-height: 40px;color: #404040;text-indent: 2em;margin-bottom: 20px;}
.essay .essay-content .m-txt-article img{text-align: center;}

.essay .essay-content .m-txt-article .next{width:100%;float:left;margin-top: 30px;}
.essay .essay-content .m-txt-article .next a{display: block;width: 100%;float: left;background: #fafafa;margin-bottom: 25px;font-size: 18px;line-height: 40px;color: #222222;text-indent:1em;}
.essay .essay-content .m-txt-article .next a font{font-weight:bold;padding-right: 10px;}
.essay .essay-content .m-txt-article .next a:hover{background: #f5f5f5;transform: translateY(-5%);box-shadow: 3px 3px 10px 5px #f1f1f1;-webkit-box-shadow: 3px 3px 10px 5px #f1f1f1;-moz-box-shadow: 3px 3px 10px 5px #f1f1f1;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}

.essay .essay-content .m-txt-article .fj{width:100%;float:left;margin-top: 30px;}
.essay .essay-content .m-txt-article .fj li{width:100%;float:left;margin-bottom: 30px;}
.essay .essay-content .m-txt-article .fj li font{width: 100%;float: left;font-size: 18px;line-height: 50px;color: #000080;font-weight: bold;}
.essay .essay-content .m-txt-article .fj li h7{width:100%;float:left;}
.essay .essay-content .m-txt-article .fj li a,.essay .essay-right .news-content .fj li h8{font-family: "SimSun";font-size: 17px;line-height: 45px;color: #444444;text-indent: 3em;font-weight: normal;}
.essay .essay-content .m-txt-article .fj li a:hover{color:#000080;}
.essay .essay-content .m-txt-article .fj li h8 span{font-weight: bold;}

/*fenxiang*/
.fenxiang{width: 120px;height: 26px;float: right;margin-top:  10px;}

.m-share{float: left;}
.share{zoom: 1;}
.share:after{content: "";display: block;clear: both;}
.share a{float: left;width: 35px;height: 35px;border-radius: 50%;margin-left: 27px;background: #c9c9c9;cursor: pointer;display: block;}
.share a i{display: block;width: 35px;height: 35px;-webkit-transition: .4s all;-moz-transition: .4s all;-ms-transition: .4s all;transition: .4s all;}
.share a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
.share #share-icon{width: 35px;height: 35px;float: left;display: none;}
.share #share-icon img{width: 100%;height: 100%;}
.share .share-qqzone i{background: url(../images/share.png;vpn_img) 9px center no-repeat;}
.share .share-qqzone:hover{background-color: #fc7354;}
.share .share-wechat{position: relative;}
.share .share-wechat i{background: url(../images/share.png;vpn_img) -25px center no-repeat;}
.share .share-wechat:hover{background-color: #1fbc7d;}
.share .share-weibo i{background: url(../images/share.png;vpn_img) -61px center no-repeat;}
.share .share-qq:hover{background-color: #27a8f2;}
.share .share-qq i{background: url(../images/share.png;vpn_img) -96px center no-repeat;}

.share .share-weibo:hover{background-color: #e96157;}
.share .bg-code{left: -36px;z-index: 10;}
.share .qrcode{position: absolute;top: 36px;border: 1px solid #aaaaaa;padding: 5px;background: #ffffff;display: none;width: 150px;height: 150px;left: -98%;z-index: 11;}
.share .close-btn{position: absolute;background: #fff;color: #000;font-size: 12px;z-index: 12;width: 12px;height: 12px;line-height: 12px;text-align: center;right: -39px;top: 50px;display: none;cursor: pointer;}

.relevant{width: 100%;float: left;margin-top: 30px;}
.relevant p{width: 90px; float: left; font-family: "SimSun"; font-size: 18px; line-height: 40px; color: #035392; font-weight: bold; text-align: left;}

/*foot*/
.foot{width:100%;float:left;background:#035392;border-top: 5px solid #1b92e9;}
.footer{width: 1200px;margin: 0 auto;overflow: hidden;padding: 15px 0;}

.f-left{width: 780px;float: left;margin-top: 15px;}

.f-left p{font-size:14px;color:#ffffff;line-height:32px;text-align: left;}
.f-left p a{color:#ffffff;}
.f-left p span{float: left;margin-right: 10px;}
.f-left p span:last-child{margin-right: 0px;}

.f-left p span a img{float: left;margin: 5px 5px 0 0;}

.f-l-l{width: 317px !important;float: left;padding-right: 7px !important;margin-right: 15px;border-right: 1px solid #2f6d9d;}

.f-l-r{width: 440px;float: left;}

.f-right{width: 400px;float:left;margin-left: 20px;}

.f-right a{display:block;}
.f-right a img{width: 100%;float: left;}

.f-r-t{width: 100%;float: left;margin-bottom: 15px;}

.f-r-t .red{width: 50px;height: 60px;float: left;margin:0 15px;}
.f-r-t .code{width:60px;height: 60px;float: left;margin:0 15px;}
.f-r-t .code img{width:100%;height: 100%;float: left;}
.f-r-t .jiucuo{display: block;width: 110px;height: 55px;float: left;margin-top: 2px;}

.f-r-b{width: 100%;float: left;}
.f-r-b .wljb{width: 190px;height: 40px;float: left;margin-right: 10px;}