/*reset*/
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}img,embed,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
html, body, input, textarea, h1, h2, h3, h4, h5, h6, p {
	font-family: "Avenir Next","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","WenQuanYi MicroHei",sans-serif;
}
input[type="button"], input[type="submit"], input[type="reset"], textarea {-webkit-appearance: none;}
img {border:none;max-width:100%;}
a{text-decoration:none;}
table {width:100%;text-align:center;border-collapse:collapse;border:1px solid #ddd;text-align:center;} th,td {border:1px solid #ddd;padding:0;}

.logo-index{
    height: 74px;
    display:block;
    float:left;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999;
}
.logo-index img {display:block;margin:17px auto;height:40px;}

input,textarea,select {background:#fff;border: 1px solid #ccc;    border-radius: 3px;    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
input[type="text"]:focus,textarea:focus,input[type="password"]:focus,input[type="url"]:focus,select:focus{
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-color: #71bbfe;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(113, 187, 254, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(113, 187, 254, 0.6);
}

.label{
    font-size: 12px;
    color:#d2dc36 ;
}
.input_label{
    display: none;
    font-size: 12px;
    font-family: "Microsoft YaHei", "Hiragino Sans GB";
}
.help_tip{
    padding:5px 0;
    color:#aaa;
    font-size:13px;
    line-height:20px;
}
.err_tip{
    padding:5px 0;
    color: #ED5E61;
    font-size:13px;
    line-height:20px;
}
.must-info{
    color: #d6253b;
    margin: 0 3px;
}
.label-warning{
    color: #f0ad4e;
}
.label-danger{
    color:#ee0303 ;
}

.text-danger{
    color:#ED5E61 !important;

}
.text-warning{
   color:#FF9A33 !important;
}
.text-success{
    color:#27BD9F !important;
}
.text-default{
    color:#737373 !important;
}

.text-info{
    color:#23A1F1 !important;

}

.clearfix { zoom: 1;}
.clearfix:before,
.clearfix:after { display: table; content: " ";}
.clearfix:after { clear: both;}
.hide { display: none!important;}
.pull-left 	{ float: left;}
.pull-right { float: right;}
.text-center  	{ text-align: center;}
.list.list-inline li { display: inline-block; padding: 0;}

.header,.banner,.main,.footer,.about{
	box-sizing: border-box;
}
.header-con,.banner-con,.main-con,.footer-con,.about-con{box-sizing: border-box;margin: 0 auto;}

.header-con {overflow: hidden;position: relative;}
.header-con .nav{
	float: left;
	margin-left:6%;
}
.header-con .nav li{
	float: left;
	line-height: 74px;
	position: relative;
}
.header-con .nav li a{
	height: 74px;
	display: block;
	font-size: 16px;
	color: #555;
	padding: 0 16px;
}

.header-con .nav li.active a{
	color: #04b2ed;
}


.header-con .nav li a:hover{
	color: #04b2ed;
}
.header-con .btn-box{
	float: right;
	padding-left: 20px;
	padding-top: 21px ;
}
.header-con .btn-box a, .header-menuOut .btn-box a{
	padding: 5px 18px ;
	font-size: 14px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 0 0 5px;
}

.header-con .btn-signin, .header-menuOut .btn-signin {
	background: #fff;
	color: #00b0ec;
	border: 1px solid #00b0ec;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.header-con .btn-register, .header-menuOut .btn-register {
	background: #00b0ec;
	color: #fff;
	border: 1px solid #00b0ec;
}
.header-con .btn-signin:hover {
	color: #fff;
}
.header-con .btn-signin:hover,
.header-con .btn-register:hover {
	background-color: #0ABFFF;
	border-color: #0ABFFF;
}

/*banner*/
.banner{
	height: 580px;
	background: #7ab7d2;
}
.banner-con{
	height: 100%;
}
.banner-con h3{
	font-size: 58px;
	color:#fff ;
	padding-top: 147px;
	text-align: center;
}
.banner-con h3.mar-top144{
	padding-top: 147px;
}
.banner-con h3 span{
	padding-left: 40px;
}
.banner-con h5{
	padding-top: 30px;
	font-size: 25px;
	color: #fff;
	text-align: center;
	letter-spacing: 3px;
}
/*main*/
.main{
	height:auto!important;
	min-height:500px;
}
.main-con{
}
/*footer*/
.footer{
	background: #313636;
}
.footer-con{
	padding: 40px 0;
	text-align: center;
	border-bottom: solid 1px #404648;
}
.footer-con p {
	text-align: center;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.footer a.btn {
	display: inline-block;
	padding: 12px 30px;
	background: #00b0ec;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 3px ;
	border-radius: 3px;
	letter-spacing: 1px;
}
.footer a.btn:hover {
	background-color: #00A5E0;
}

/*about*/
.about{background:#313636;}
.about-con{height: 100%;}
.about-con .con-box{
	padding: 40px 0;
	border-bottom: 1px solid #404648;
	overflow: hidden;
}
.about-con .about-left{
	float: left;
	box-sizing: border-box;

}
.about-con .about-left p{
	padding: 5px 0 0 5px;
	font-size: 14px ;
	color: #95989D;
	letter-spacing: 1px;
}
.about-con .about-right{
	float: left;
	overflow: hidden;
	width: 876px;
	margin-top: -10px;

}
.about-con .about-right ul{
	float: left;
	padding-right: 90px;
}
.about-con .about-right ul li{
	width: 100%;
	padding: 5px 0;
}
.about-con .about-right ul li a{
	font-size:14px;
	color:#95989D;
}
.about-con .about-right ul li a:hover {
	color: #fff;
}
.about-con .about-right ul li a:hover i {
	opacity:100;
    filter:alpha(opacity=100);
}
.about-con .about-right .tit a,
.about-con .about-right .tit {
	color:#fff;
}
.about-con .copy{
	text-align: center;
	font-size: 14px;
	color:#6D7174 ;
	padding: 25px 0;
}

.about-con .icon-about-email i,
.about-con .icon-about-qq i,
.about-con .icon-about-number i,
.about-con .icon-about-mobile i {
	height: 16px;
	width: 16px;
	display: inline-block;
    vertical-align:middle;
	background: url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/st-ctctbox-white.png) no-repeat;
    background-size:16px 64px;
    margin:-2px 5px 0 0;
    opacity:0.8;
    filter:alpha(opacity=80);
}
.about-con .list-icon .tit{
	background: none;
}
.about-con .list-icon .icon-about-email i {
    background-position: 0 -32px;
}
.about-con .list-icon .icon-about-qq i {
    background-position: 0 -48px;
}
.about-con .list-icon .icon-about-number i {
    background-position: 0 0;
}
.about-con .list-icon .icon-about-mobile i {
    background-position: 0 -16px;
}

.st-ctctbox {display:none;}

/*dl*/
.dl-box{
	padding-top: 60px;
	padding-bottom: 60px;
}
.dl-box dl{
	border-top:1px dashed #ccc;padding:50px 0;
}
.case .dl-box dl{
    padding:0;
}
.dl-box dl:first-child {border-top:none;}
.dl-box dl.dl-left dt{
	width:48%;
	margin:0 1%;
	float: left;
}
.dl-box dl.dl-left dt p {text-align:justify;text-justify:distribute-all-lines;}
.dl-box dl dt h5{
	font-size:27px ;
	line-height: 28px;
	color: #333;
	word-break:break-all;
}
.dl-box dl dt h5 span{
	float: left;
	width:12px ;
	height: 12px;
	background:#00b0ec ;
	margin-top: 8px;
	margin-right: 10px;
}
.dl-box dl dt p{
	padding: 8% 0;
	font-size:17px ;
	color: #505050;
}
.dl-box dl dt .pad-t0{
	padding-top: 0;
}
.dl-box dl dt a{
	font-size: 17px;
	color:#05b2ed ;
	letter-spacing: 1px;
}
.dl-box dl dt a span{
	font-size: 18px;
}
.dl-box dl.dl-left dd{
	float: left;
	width:48% ;
	margin:0 1%;
	text-align: center;
}
.dl-box dl dd img{
	vertical-align: middle;
	border: 0;
}
.dl-box dl.dl-right dt{
	width:48%;
	margin:0 1%;
	float: left;
}
.dl-box dl.dl-right dd{
	float: left;
	width:48%;
	margin:0 1%;
}
.about-con .qr {
	width: 60px ;
	height: 60px;
	background: #fff;
	margin-top: 5px;
	display: none;
}
.about-con .active .qr {
	display: block;
}

/*mask*/
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background:#142e66;
	opacity: .8;
}

/*developer list-nav*/
.deve-nav{
	width: 100%;
	height:50px;
	position: relative;
	margin-top: -50px;
}

.deve-nav .mask{
	height: 100%;
	background: #000000;
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
    display: block;
}
.deve-nav .list-box{
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
.deve-nav .deve-list{
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
.deve-nav .deve-list li{
	padding: 0 30px;
	display:inline-block;
	height: 100%;
	line-height: 50px;
}
.deve-nav .deve-list li a{
	font-size:18px ;
	color: #a39fa6;
	display: inline-block;
	height: 100%;
	padding: 0 10px;
}
.deve-nav .deve-list li a:hover {
	color: #fff;
}
.deve-nav .deve-list .active a {
	border-bottom: 2px solid #00b0ec;
	color: #fff;
}

/*下拉菜单*/
.header .header-con .nav .hover a{
	color: #04b2ed;
}
.header{
	position: relative;
}

/*err*/
.input-box .err , .lodiv .err{
    display: inline-block;
    font-size: 12px;
    color: #843534;
    display: none;
}

.down-info .down-mess .err , .down-info .down-mess .label{
    margin-left:76px ;
}

/*register*/
.register-ess-box .ess-form .input-box.check-box .err , .register-ess-box .ess-form .input-box.check-box .label{
    position: absolute;
    left: 0;
    bottom: 5px;
}


/* side-tips-form 提示语放在表单右侧的表单 */
.side-tips-form .input-box {position:relative;}
.side-tips-form .input-box input.active {border:1px solid #ED5E61;}
.side-tips-form .help_tip.tip_fixed, .side-tips-form .err_tip.err_tip_pwd.tip_fixed {position:absolute;top:0;right:-230px;width:200px;background:#f8f8f8;padding:8px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:content-box;color:#777;font-size:12px;}
.side-tips-form .help_tip:before, .side-tips-form .err_tip.err_tip_pwd:before {content:"";position:absolute;top:8px;left:-12px;width:12px;height:12px;background:no-repeat url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/images/side-tips-form-arrow.png);}
.side-tips-form .help_tip .item, .side-tips-form .err_tip.err_tip_pwd .item {padding-left:12px;position:relative;}
.side-tips-form .help_tip .item:before, .side-tips-form .err_tip.err_tip_pwd .item:before {content:"";position:absolute;top:7px;left:0;width:6px;height:6px;border-radius:100%;background:#d2d2d2;}
.side-tips-form .help_tip.help_tip_pwd .item:before , .side-tips-form .err_tip.err_tip_pwd .item:before {top:5px;left:-3px;width:12px;height:12px;background:transparent no-repeat url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/images/side-tips-form-status.png);}
.side-tips-form .err_tip.active .item:before, .side-tips-form .help_tip.active .item:before {background-position:0 -12px;}

.side-tips-form .err_tip.tip_fixed {position:absolute;top:50%;right:-225px;margin-top:-15px;width:218px;box-sizing:content-box;font-size:14px;}
.side-tips-form .err_tip.err_tip_pwd {margin-top:0;}
.help_tip:empty, .err_tip:empty {display:none!important;}


.store-dl-box {width:auto;max-width: 1200px;margin: 0 auto 30px;overflow: hidden;}
.store-dl-box dl{float: left;width:16.4666%;margin:0 0.1% 15px;}
.store-dl-box .margin0 {margin: 0 0 15px 0;}
.store-dl-box dl dt{height:90px ;background: #fff;width: 100%;text-align: center;}
.store-dl-box dl dd{height:36px ;margin-top: 1px;background: #fff;text-align: center;font-size: 14px;color: #333;line-height: 36px;letter-spacing: 1px;}
.store-dl-box dl dt div{width: 150px;height: 60px;margin-top: 15px;display: inline-block;background-image:url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/sass/sass-comp-icons.png);background-repeat:no-repeat ;vertical-align: middle;}
.store-dl-box dl .bg1 div{background-position: left top;}
.store-dl-box dl .bg2 div{background-position: left -60px;}
.store-dl-box dl .bg3 div{background-position: left -120px;}
.store-dl-box dl .bg4 div{background-position: left -180px;}
.store-dl-box dl .bg5 div{background-position: left -240px;}
.store-dl-box dl .bg6 div{background-position: left -300px;}
.store-dl-box dl .bg7 div{background-position: left -360px;}
.store-dl-box dl .bg8 div{background-position: left -420px;}
.store-dl-box dl .bg9 div{background-position: left -480px;}
.store-dl-box dl .bg10 div{background-position: left -540px;}
.store-dl-box dl .bg11 div{background-position: left -600px;}
.store-dl-box dl .bg12 div{background-position: left -660px;}
.store-dl-box dl .bg16 div{background-position: left -960px;}
.store-btn-box{max-width:1200px;margin: 0 auto 30px;overflow: hidden;}
.store-btn-box p {float: left;line-height: 44px;width:49.8%;margin:0 0.1%;text-align: center;background: #fff;}
.store-btn-box p:first-child {margin-left:0;}
.store-btn-box .margin2{margin-right: 2px;}
.store-btn-box p a{display: block;height: 100%;text-align: center;background: #fff;border: solid 1px #fff;-webkit-transition: all .3s;transition: all .3s;}
.store-btn-box p a:hover {border-color: #09B4EE;}
.store-btn-box p a span{color: #35c1f1;font-size: 16px;letter-spacing: 1px;display: inline-block;}
.store-btn-box p a span i{display: inline-block;height: 44px;width: 30px;background: url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/index/icon/index-btns.png);background-repeat:no-repeat ;}
.store-btn-box p a span.check_in i{background-position:left top;}
.store-btn-box p a span.store_in i{background-position: -30px top;}


/*input框颜色*/

input,textarea,select{
    box-shadow: none;
    outline: none;
}

/*备案号样式*/
.record-number{
	color: #6D7174;
}
.record-number:hover{
	color: #fff;
}
/* public.css */
	/* 覆盖 */
	body {min-width:300px;}
	html,body {height:100%;}
	html.hidden, body.hidden {overflow:hidden;}
	.st-maxw {max-width:1200px;margin:0 auto;box-sizing:border-box;}
	.header-con,.main-con,.footer-con,.about-con {max-width:1200px;width:auto;box-sizing:border-box;margin:0 auto;}
	.about-con .about-left {display:block;float:none;width:220px;text-align:center;}
	.about-con .about-right {width:auto;float:none;}
	.about-con .about-right ul {padding-right:0;width:20%;}
	.about-con .copy {padding:25px 2.5%;}
	.list.list-inline li {display:block;}
	#mmenu {display:none;}

	/* 新增 */
    .swiper-wrapper {height:auto!important;}
    .swiper-slide {height:auto!important;}
	.about-con .con-box {position:relative;}

	/* 1100 */
	@media only screen and (min-width:1120px) {

	}
	@media only screen and (max-width:1120px) {
		.header-con .nav {margin-left:2%;}
		.header-con .nav li a {padding:0 10px;}
	}

	/* 960 */
	@media only screen and (min-width:980px) {
		.about-con .about-left {position:absolute;top:40px;left:0;}
		.about-con .about-right {margin-left:250px;}
		.header-mico, .header-menuOut .btn-box {display:none;}
		.menue{position: absolute;z-index: 200;width: 100%;display: none;margin-top: -1px;background: #313636;}
		.menue.active{display: block;}
		.menue .list-box{display: none;}
		.list-box.active{display: block;}
		.menue .list-menu-box{background: #3d4141;min-height: 53px;}
		.menue .list-menu-box .list-menu2{width: 1200px;text-align: center;}
		.menue .list-menu-box .list-menu2.align-developer-ul{position: absolute;}
		.menue .list-menu-box .list-menu2.align-about-ul{position: initial;margin: 0 auto;}
		.menue .list-menu-box .list-menu2 li{display: inline-block;width: 180px;font-size: 18px;text-align: center;position: relative;}
		.menue .list-menu-box .list-menu2 li a{width: 100%;height: 100%;display: inline-block;text-align: center;line-height: 50px;}
		.menue .list-menu-box .list-menu2 li a i{font-style: normal;display: inline-block;height: 100%;font-size: 14px;}
		.menue .list-menu-box .list-menu2 li .bg{width: 30px;height: 30px;display: inline-block;margin-right: 5px;opacity: .5;vertical-align: middle;background-image:url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/listicon/publicicon.png) ;background-repeat:no-repeat ;}
		.menue .list-menu-box .list-menu2 .bg.pro{background-position: left -60px;}
		.menue .list-menu-box .list-menu2 .bg.ser{background-position: left top;}
		.menue .list-menu-box .list-menu2 .bg.hangye{background-position: left -210px;}
		.menue .list-menu-box .list-menu2 .bg.jishu{background-position: left -150px;}
		.menue .list-menu-box .list-menu2 .bg.devser{background-position: left -300px;}
		.menue .list-menu-box .list-menu2 .bg.devsour{background-position: left -271px;}
		.menue .list-menu-box .list-menu2 .bg.word{background-position: left -420px;}
		/*about*/
		.menue .list-menu-box .list-menu2 .bg.instri{background-position: left -180px;}
		.menue .list-menu-box .list-menu2 .bg.saas{background-position: left -30px;}
		.menue .list-menu-box .list-menu2 .bg.news{background-position: left -90px;}
		.menue .list-menu-box .list-menu2 .bg.join{background-position: left -120px;}
		.menue .list-menu-box .list-menu2 .bg.contact{background-position: left -330px;}
		.menue .list-menu-box .list-menu2 li a{color: #bbb;}
		.menue .list-menu-box .list-menu2 .active{background: #313636;}
		.menue .list-menu-box .list-menu2 .active .bg{opacity: 1;}
		.menue .list-menu-box .list-menu2 .active a{color: #fff;}
		.menue .list-box.solution .listbox3 .list-menu3 li{width: 140px;}
		.menue .listbox3{display: none;}
		.menue .listbox3.active{display: block;}
		.menue .listbox3{width: 1200px;margin: 0 auto;}
		.menue .listbox3 .list-menu3.ipg{margin-top: 17px;padding-bottom: 17px;border-bottom: 1px solid #5a5e5e;}
		.menue .listbox3.pro .list-menu3 li{width: 190px;}
		.menue .listbox3 .list-menu3 li{display: inline-block;height: 48px;text-align: center;width: 220px;line-height: 50px;cursor: pointer;}
		.menue .listbox3.pro .list-menu3 li{text-align: left;}
		.menue .listbox3 .list-menu3 li a {color:#999 ;font-size: 16px;}
		.menue .listbox3 .list-menu3 li:hover a{color: #fff;}
		.menue .listbox3 .list-menu3 li.tit{text-align: center;width: 220px;cursor: default;}
		.menue .listbox3 .list-menu3 li.tit a{font-size: 16px;cursor: default;font-weight: 600;}
		.menue .listbox3 .list-menu3 li.mar-le{margin-left: 220px;}
		.menue .listbox3 .list-menu3 li.tit a{font-size: 16px;width: 170px;}
		.menue .listbox3 .list-menu3 li.tit:hover a{color:#999 ;}
		.menue .listbox3 .list-menu3.spg{margin: 12px 0;}
		.menue .listbox3 .list-menu3 {margin: 12px 0;}
		.menue .listbox3.ser .list-menu3 li{width: 220px;margin-left: 290px;}
		.list-box.showall .list-menu-box .list-menu2 .tits{display: block;width: 100%;text-align:left;height: initial;border-bottom:1px solid #404648;position: relative;}
		.list-box.showall .list-menu-box .list-menu2 .tits .tita{position: absolute;height: initial;}
		.menue .list-box.pro-ser .list-menu-box .list-menu2 .tits .tita{top: 0px;}
		.menue .list-box.pro-ser .list-menu-box .list-menu2 .tits .tita.tita-pro{top: 5px;}
		.menue .list-box.pro-ser .list-menu-box .list-menu2 .tits .tita.hei70{height: 50px;line-height: 50px;}
		.list-box.showall .list-menu-box .list-menu2 .border0{border: 0;}
		.list-box.showall .list-menu-box .list-menu2 .border0.padle{padding-left: 150px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .tita{width: 160px;text-align: left;margin-left: 15px;top: 5px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .downa{width: 110px;display: inline-block;height: 32px;background:#aaa ;margin: 15px 0;line-height: 32px;border-radius: 2px;color: #333;}
		.list-box.showall .list-menu-box .list-menu2 .tits .downa:hover {background: #e0e0e0;}
		.list-box.showall .list-menu-box .list-menu2 .tits .downa.mar-le-10{margin-left: 10px;}
		.menue .list-box.showall .list-menu-box .list-menu2{position: inherit;margin: 0 auto;}
		.menue .showall .list-menu-box{height: initial;background:#313636 ;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3{display: inline-block;width: 990px;margin-left: 150px;}
		.list-box.solution  .list-menu-box .list-menu2 .tits .list-menu3{margin-left: 210px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3.ipg{margin-bottom: 10px;margin-top: 10px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3.spg{margin-bottom: 10px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li{height: initial;width: initial;width: auto;height: auto;text-align: left;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li a{text-align: left;font-size: 14px;line-height: 30px;margin: 0;width: initial;padding-right: 22px;padding-top: 15px;padding-bottom: 15px;}
		.menue .list-box.pro-ser .list-menu-box .list-menu2 .tits .list-menu3 li a{padding-top:0 ;padding-bottom: 0;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit{width: 100%;text-align: left;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a{width: 150px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3.secend-list3{margin: 10px 0;margin-left: 150px;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li a:hover{color: #fff;}
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a,
		.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a:hover{cursor: default;color: #777;}
		.menue .list-box.showall .list-menu-box .list-menu2 .bg{opacity: .5;}
		.menue .list-box.showall .list-menu-box .list-menu2 .downa .bg{opacity: .5;margin-right: 0;padding: 0;}
		.menue .list-box.showall .list-menu-box .list-menu2 .tita:hover .bg{opacity: 1;}
		.menue .list-box.showall .list-menu-box .list-menu2 .tita:hover i{color: #fff;}
		.menue  .list-menu-box .list-menu2 .bg.store{background-position: center -360px;/*background-color:#aaa;*/}
		.menue .list-menu-box .list-menu2 .bg.down{background-position: center -390px;}
	}
	@media only screen and (max-width:980px) {
		body {padding-top:46px;}
		.about-con .about-left {margin:0 auto 40px;}
		.about-con .about-right {margin:0 auto;}
		.header-con .nav {display:none;}
		.header-con .btn-box {display:none;}
		.header {position:fixed;top:0;left:0;width:100%;z-index:500;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
		.header-con {height:46px;padding:0 2%;}
		.logo-index {height:46px;}
		.logo-index img {height:30px;padding:0;margin-top:8px;box-sizing:content-box;}
		.header .menue {display:none;}
		.header-mico {position:fixed;z-index:150;top:0;right:0;width:50px;height:46px;cursor:pointer;}
		.header-mico i {position:absolute;left:13px;width:24px;height:2px;background:#24B4ED;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
		.header-mico i.a {top:15px;}
		.header-mico i.b {top:22px;}
		.header-mico i.c {top:29px;}
		.header-menuOut {display:none;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-moz-transition:opacity 0.15s ease-in-out;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}
		.header-menuOut.fixed {display:block;position:fixed;z-index:110;top:0;right:0;width:100%;height:100%;padding:30px 2.5% 0;background:#fff;opacity:0;}
		.header-menuOut.active {opacity:1;}
		.header-mico.active {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
		.header-mico.active i {top:50%;margin-top:-1px;}
		.header-mico.active i.a {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
		.header-mico.active i.c {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
		.header-mico.active i.b {opacity:0;}
		.header-menuOut.fixed .menue, .header-menuOut.fixed .btn-box, .header-menuOut.fixed #mmenu {display:block;}
		/* header menue */
		.header-menuOut .menue, .header-menuOut .btn-box {display:none;}
		.header-menuOut .about {background:none;}
		.header-menuOut .btn-box {text-align:center;max-width:320px;margin:0 auto;}
		.header-menuOut .btn-box a {width:145px;text-align:center;margin:0 2px;padding:3px 0;}
		#mmenu {padding:10% 0 20px;max-width:320px;margin:0 auto;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);}
		#mmenu.active, .header-menuOut .btn-box.active {-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}
		.header-menuOut .btn-box {-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px);}
		#mmenu>ul>li>.mmenu-face {position:relative;border-top:1px solid #ddd;cursor:pointer;}
		#mmenu>ul>li.has-sub>.mmenu-face .mmenu-ico {position:absolute;z-index:2;top:0;right:0;width:30px;height:100%;}
		#mmenu>ul>li:first-child>.mmenu-face {border-top:none;}
		#mmenu>ul>li>.mmenu-face a {display:block;color:#333;font-size:15px;line-height:20px;padding:14px 0;}
		#mmenu>ul>li>.mmenu-face a:hover {text-decoration:underline;}
		#mmenu>ul>li .mmenu-lv2 {display:none;}
		#mmenu>ul>li.active .mmenu-lv2 {display:block;border-top:1px solid #ddd;padding:15px 0;}
		#mmenu>ul>li.active .mmenu-lv2 li {line-height:20px;padding:5px 2.5%;}
		#mmenu>ul>li.active .mmenu-lv2 li a {display:block;color:#666;font-size:14px;}
		#mmenu>ul>li.active .mmenu-lv2 li i {font-style:normal;}
		#mmenu>ul>li.active .mmenu-lv2 li .downa {display:inline-block;width:100px;border:none;border-radius:3px;background:#ddd;line-height:26px;text-align:center;margin-bottom:5px;padding:0!important;}
		#mmenu>ul>li.active .mmenu-lv2 li.tits>a {border-bottom:1px solid #eee;padding:5px 0;margin-bottom:5px;}
		.store-dl-box dl{width:24.8%;margin:0 0.1% 10px;}
		#mmenu>ul>li.has-sub>.mmenu-face:before {content:"";position:absolute;top:50%;right:0;margin-top:-10px;width:20px;height:20px;background:no-repeat center center url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/hd-mmenu-down.png);background-size:20px 20px;}
		#mmenu>ul>li.active>.mmenu-face:before {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}


	}

	/* 840 */
	@media only screen and (min-width:860px) {
	}
	@media only screen and (max-width:860px) {
		.deve-nav .list-box {overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
		.deve-nav .deve-list.fourli {width:750px;}
		.deve-nav .deve-list.fourli li {float:left;display:block;width:20%;padding:0;}
	}

	/* 800 */
	@media only screen and (min-width:820px) {
		.about-con .about-right .list-serv {width:16%;}
		.about-con .about-right .list-abo {width:25%;}
		.about-con .about-right .list-ctct {width:25%;}
		.about-con .about-right .list-follow {width:17%;}
		.about-con .about-right .list-dl {width:17%;}
		.about-con .about-right>ul {padding:0 1%;}
	}
	@media only screen and (max-width:820px) {
        .about-con .about-right .list-ctct {display:none;}
		.about-con .about-right>ul {width:100%;}
		.about-con .about-right>ul>li {border-bottom:1px solid #ddd;display:none;background:#eee;padding:10px 2%;}
		.about-con .about-right>ul>li a {color:#333;display:block;}
		.about-con .about-right>ul>li a:hover {color:#333;}
		.about-con .about-right>ul>li.tit {position:relative;display:block;padding:15px 2.5%;cursor:pointer;background:transparent;border-color:rgba(255,255,255,0.3);text-align:left;box-sizing:border-box;}
		.about-con .about-right>ul>li.tit:before {position:absolute;top:15px;right:2%;content:"";width:20px;height:20px;background:no-repeat center center url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/front-ft-list-down.png);background-size:20px 20px;}
		.about-con .about-right>ul>li.tit a {display:inline-block;font-weight:normal;font-size:15px;color:#eee;}
		.about-con .about-right>ul:last-child>li.tit {border-bottom:none;}
		.about-con .about-right>ul.active>li {display:block;}
		.about-con .about-right>ul.active>li.js-move {display:inline-block;}
		.about-con .about-right>ul.active>li.tit:before {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
		.about-con .list-follow li:last-child, .about-con .about-right>ul.list-follow.active>li:last-child {display:none;}
		.about-con .list-follow.active {text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);}
		.about-con .list-follow li.js-move {width:110px;box-sizing:border-box;text-align:center;padding:15px 0;margin:20px 5px;line-height:16px;}
		.about-con .qr {display:block!important;margin:8px auto 0;width:64px;height:64px;}
        .st-ctctbox {display:block;padding:25px 2.5%;background:#3b4040;}
        .st-ctctbox>.inner {margin:0 auto;}
        .st-ctctbox-tt {position:relative;text-align:center;}
        .st-ctctbox-tt:before {content:"";position:absolute;top:50%;left:50%;width:180px;height:1px;margin-left:-90px;background:#6e7272;}
        .st-ctctbox-tt span {position:relative;z-index:2;background:#3b4040;display:inline-block;padding:0 10px;font-size:15px;color:#eee;}
        .st-ctctbox-list {max-width:300px;margin:20px auto 0;}
        .st-ctctbox-list a {display:block;float:left;width:25%;text-align:center;cursor:pointer;}
        .st-ctctbox-list a:hover i {opacity:1;filter:alpha(opacity=100);}
        .st-ctctbox-list a i {display:inline-block;opacity:0.5;filter:alpha(opacity=50);vertical-align:middle;height:32px;width:32px;background:no-repeat url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/st-ctctbox-white.png);background-size:32px 128px;}
        .st-ctctbox-list a.tel i {background-position:0 0;}
        .st-ctctbox-list a.mob i {background-position:0 -32px;}
        .st-ctctbox-list a.mail i {background-position:0 -64px;}
        .st-ctctbox-list a.qq i {background-position:0 -96px;}
        .header-menuOut .st-ctctbox {background:#f8f8f8;margin:5% -2.5% 0;}
        .header-menuOut .st-ctctbox-tt:before {background:#ddd;}
        .header-menuOut .st-ctctbox-tt span {background:#f8f8f8;color:#555;}
        .header-menuOut .st-ctctbox-list a i {background-image:url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/public/st-ctctbox-black.png);}
	}

	/* 750 */
	@media only screen and (min-width:770px) {
		.deve-nav .deve-list li{padding: 0 30px;line-height: 50px;}
	}
	@media only screen and (max-width:770px) {
		[type="text"], [type="password"] {-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}
		.footer a.btn {padding:10px 20px;font-size:14px;}
		.dl-box {padding:0;}
		.dl-box dl {padding:25px 2.5%;}
		.banner-con h3 {font-size:24px;top:120px;}
		.banner-con h3 span {padding-left:3%;}
		.banner-con h5 {font-size:15px!important;letter-spacing:0!important;}
		.banner-con h5 i {display:block;height:0;overflow:hidden;}
		.deve-nav {height:40px;margin-top:-40px;}
		.deve-nav .deve-list li{padding: 0 5%;line-height: 40px;}
		.deve-nav .deve-list li a {font-size:17px;padding:0 15px;}
		.store-dl-box dl dt {height:80px;}
		.store-dl-box dl dt div {width:90px;height:36px;background-size:90px 612px;margin-top:22px;}
		.store-dl-box dl dd {font-size:13px;}
		.store-dl-box dl .bg2 div{background-position: left -36px;}
		.store-dl-box dl .bg3 div{background-position: left -72px;}
		.store-dl-box dl .bg4 div{background-position: left -108px;}
		.store-dl-box dl .bg5 div{background-position: left -144px;}
		.store-dl-box dl .bg6 div{background-position: left -180px;}
		.store-dl-box dl .bg7 div{background-position: left -216px;}
		.store-dl-box dl .bg8 div{background-position: left -252px;}
		.store-dl-box dl .bg9 div{background-position: left -288px;}
		.store-dl-box dl .bg10 div{background-position: left -324px;}
		.store-dl-box dl .bg11 div{background-position: left -360px;}
		.store-dl-box dl .bg12 div{background-position: left -396px;}
		.store-dl-box dl .bg16 div{background-position: left -432px;}
		.pro-list-box .tab .tab-btn {font-size:19px!important;line-height:20px!important;}
		.pro-list-box {box-sizing:border-box;padding:0 2.5%;}
		.pro-list-box .tab {padding:10px 0;}
	}

	/* 640 */
	@media only screen and (min-width:660px) {
	}
	@media only screen and (max-width:660px) {
		.footer a.btn {padding:10px 20px;font-size:14px;}
		.dl-box dl {position:relative;}
		.dl-box dl.dl-left dt, .dl-box dl.dl-right dt {width:54%;padding:0 2.5%;box-sizing:border-box;}
		.dl-box dl.dl-left dd, .dl-box dl.dl-right dd {width:46%;margin:0;float:none;position:absolute;top:50%;box-sizing:border-box;padding:0 2.5%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
		.dl-box dl dt h5 {font-size:17px;line-height:22px;}
		.dl-box dl dt h5 span {margin-top:5px;}
		.dl-box dl dt p {font-size:13px;line-height:18px;padding:8px 0;}
		.dl-box dl dt a {font-size:14px;line-height:16px;}
		.dl-box dl.dl-left dd {right:0;}
		.dl-box dl.dl-right dt {margin-left:46%;}
		.dl-box dl.dl-right dd {left:0;}
		.store-dl-box {margin-bottom:10px;}
		.store-btn-box p {line-height:44px;}
		.store-btn-box p span i {vertical-align:middle;margin:-2px 5px 0;}
	}
.sendsuccess{
    color: #FF9A33!important;
}



/**
 * 给所有变化添加简便
 */
button, a, input{
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	-ms-transition:all 0.1s ease-in;
	transition:all 0.2s ease-in;
}

/*
    修改菜单样式
    2017-11-20
*/
.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a,
.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a:hover{
    cursor: pointer;
}
.list-box.showall .list-menu-box .list-menu2 .tits .list-menu3 li.tit a:hover{
    color: #bbb;
}

.banner-register {height:210px;background:no-repeat center center url(https://vpn.ustb.edu.cn/https/77726476706e69737468656265737421e5e4559e69396c1e6b1b9daed6502720ceb1fa/static/v2/images/banner/register.png);background-size:cover;}
.banner-register-tit {color:#fff;text-align:center;font-size:24px;line-height:30px;padding:50px 0 30px;}
.banner-register-btn {color:#fff;text-align:center;font-size:16px;display:block;margin:0 auto;max-width:250px;border:1px solid #fff;border-radius:100px;line-height:50px;box-sizing:border-box;}
.banner-register-btn:hover {background:#fff;color:#00b0ec;}