/*pad*/

img {max-width: 100%;}
#header.index-pc{ display:none;}
#header.index-phone{ display:block;}

#gh {
	float: right;
	height: 40px;
	width: 50px;
	left: 50%;
	top: 0;
	position: absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	z-index: 1001;
	display: none;
}

.selected #gh {transform: rotate(90deg);}
.selected .h-naver{ z-index:1004;}
.mask-bg-noClick.headTe{ display:none!important;}


#gh a {
	background-color: #0e87ce;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

#gh a:after,
#gh a:before {
	background-color: #0e87ce;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

#gh a:after {	top: 16px;}

#gh a:before {top: -16px;}

.selected #gh a:after,
.selected #gh a:before {
	top: 0;
}

.selected #gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	background: #0e87ce;
}

.selected #gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	background: #0e87ce;
}

.selected #gh a {
	background-color: transparent !important;
}

.selected .header {overflow: visible;}

.selected .header .nav {
	display: block;
	z-index: 111;
	position: absolute;
	left: 0;
	top: 80px;
	right: 0;
	margin: 0;
}

.selected .header .nav li a {
	text-align: center;
	width: auto;
	display: block;
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	padding: 0;
}

.selected .header .nav li a {	color: #000000;}

.selected .header .nav .selected a {border-bottom-color: #73e5b1;}
.h-naver{ display:none;}

@media only screen and (max-width:1000px) {
.wrapper, body, html{ min-width:750px;}
#header{ background:#fff; height:80px;width:100%; min-width:750px;}
#header.te{ height:auto;}
#header.te .header-box .login-box{margin:6px 0 0 0;}
.header-box{ width:750px; height:64px; padding:8px 0;}
.header-box nav{ display:none;}
.login-box .login-person .subnav a{ font-size:16px;}
/*.login-box .login-person .img span.name{ margin-top:6px;}*/
.wrapper{width: 750px; min-width:auto;margin: 0 auto;overflow: hidden;position: relative;}
.all-width-box{ width:710px;}

#footer{min-width:750px;margin: 0 auto;}
#footer .copyright{  width:100%;height:auto; line-height:34px;font-size:24px; padding:15px 0;}
#footer .copyright span.phone{ display:block;}

.selected .mask-bg-noClick.headTe{ display:block!important;}


.header-box{ width:auto; padding:0 20px;}
body.icad .header-box{ width:auto;}
.header-box nav{ display:none;}
.wap{width: auto;}
#gh{display: block;left: auto;right: 26px;top: 17px;margin: 0;width: 55px;height: 50px;}
.h-naver li{float: none;width: auto;margin: 0;}
.h-naver{position: absolute;left: 0;right: 0;top: 80px;z-index: 300;background: #fff;height: auto;padding-bottom: 30px;display: none;}
.h-naver li{ text-align:center;}
.h-naver li a{font-size: 26px;line-height: 76px;border-bottom: 1px solid #ddd;color: #333; display:block;}
.h-naver li a.cur{ color:#fff; background:#32a8f5;}
.h-naver li:hover a,.h-naver li.cur a{color: #32a8f5;background-image: none;}
.h-naver li a:hover::before, .h-naver li.cur a::before{display: none;}
.h-naver li:last-child a{border-bottom: none;}

#banner.index {display:none;height: 300px;min-width: auto;width: 100%;}
#banner.index.phone{display:block;  background-size:cover!important;}

#banner.inside{height: 250px!important;min-width: auto;width: 100%;}
#banner.inside .module-content{font-size:24px; }
#banner.inside .module-content h2{ font-size:36px;  margin-top:40px;margin-bottom:15px;}
#banner.inside.process .module-content h2,#banner.inside.system .module-content h2{margin-top:70px;}

#banner.inside .module-content a.btn{ margin-top:20px; width:20%; height:46px; line-height:46px;  font-size:22px; }

.center-title strong.tit{height:60px; font-size:36px; line-height:36px; width:710px;}
.center-title strong.tit i.line{ height:2px; width:36px; left:337px; bottom:0px;}

.module-content{width:auto; }
#banner.inside .module-content{ padding:20px;}

.btn-box .more{ width:34%; height:60px; line-height:60px; font-size:24px; }
.btn-box .more:hover{ background:#32a8f5; color:#fff;}

.btn-box .more.white{ width:34%; height:60px; line-height:60px; font-size:24px; }

/*footer*/
#footer .footer-box{ width:auto; font-size:20px;}
#footer .code img{ width:148px; height:148px;}
#footer .code span em{ font-size:20px;line-height:44px;}
#footer .subnav{ font-size:20px; line-height:30px;}
#footer .subnav.fr{ /*float:inherit!important;*/ width:100%;}
#footer .copyright{/* height:50px;*/ line-height:30px; text-size-adjust:100%;}

#footer .technical{ line-height:50px; float:inherit!important;}


/*尾部隐藏*/
body.sczk #footer.guide,body.ggw #footer.guide,body.xdlx #footer.guide{ display:none;}


/*教师尾部*/
#footer.guide{min-width:750px; height:auto;}
#footer.guide .copyright{ height:auto; line-height:inherit; font-size:24px;}
#footer.guide .copyright em.phone{ display:block; background:none!important; margin-left:0!important; padding-left:0!important;}
#footer.guide .copyright em.phone.none{ display:inline-block; background:none!important; margin-left:0!important; padding-left:0!important;}
#footer.guide .copyright em.phone.te{ display:inline-block;background:url(../../images/school_project/bot_line.jpg) no-repeat left center!important; margin-left:5px!important;padding-left:15px!important;}

/*=======================首页================================*/
#module1.index,#module2.index,#module3.index,#module4.index,#module5.index,#module6.index,#module7.index,#module9.index{padding:70px 20px 80px;width:710px; min-width:auto;}

/*===============blue===================*/
body.blue #gh a,body.blue #gh a:after,body.blue #gh a:before,body.blue .selected #gh a:before,body.blue .selected #gh a:after,body.blue .selected .header .nav .selected a,body.blue .h-naver li a.cur{background: #32a8f5;}
body.blue .h-naver li:hover a,body.blue .h-naver li.cur a{color: #32a8f5;}

/*===============light-green================*/
body.light-green #gh a,body.light-green #gh a:after,body.light-green #gh a:before,body.light-green .selected #gh a:before,body.light-green .selected #gh a:after,body.light-green .selected .header .nav .selected a,body.light-green .h-naver li a.cur{background: #5dd5a9;}
body.light-green .h-naver li:hover a,body.light-green .h-naver li.cur a{color: #5dd5a9;}

/*===============green====================*/
body.green #gh a,body.green #gh a:after,body.green #gh a:before,body.green .selected #gh a:before,body.green .selected #gh a:after,body.green .selected .header .nav .selected a,body.green .h-naver li a.cur{background: #07c986;}
body.green .h-naver li:hover a,body.green .h-naver li.cur a{color: #07c986;}

/*===============hkjjxy(海口经济学院)====================*/
body.hkjjxy #gh a,body.hkjjxy #gh a:after,body.hkjjxy #gh a:before,body.hkjjxy .selected #gh a:before,body.hkjjxy .selected #gh a:after,body.hkjjxy .selected .header .nav .selected a,body.hkjjxy .h-naver li a.cur{background: #4570b5;}
body.hkjjxy .h-naver li:hover a,body.hkjjxy .h-naver li.cur a{color: #4570b5;}

/*===============djd(北京交通大学)====================*/
body.djd #gh a,body.djd #gh a:after,body.djd #gh a:before,body.djd .selected #gh a:before,body.djd .selected #gh a:after,body.djd .selected .header .nav .selected a,body.djd .h-naver li a.cur{background: #005bac;}
body.djd .h-naver li:hover a,body.djd .h-naver li.cur a{color: #005bac;}

/*===============hndx(海南大学)====================*/
body.hndx #gh a,body.hndx #gh a:after,body.hndx #gh a:before,body.hndx .selected #gh a:before,body.hndx .selected #gh a:after,body.hndx .selected .header .nav .selected a,body.hndx .h-naver li a.cur{background: #005bac;}
body.hndx .h-naver li:hover a,body.hndx .h-naver li.cur a{color: #005bac;}

/*===============hnyxy(海南医学院)====================*/
body.hnyxy #gh a,body.hnyxy #gh a:after,body.hnyxy #gh a:before,body.hnyxy .selected #gh a:before,body.hnyxy .selected #gh a:after,body.hnyxy .selected .header .nav .selected a,body.hnyxy .h-naver li a.cur{background: #005581;}
body.hnyxy .h-naver li:hover a,body.hnyxy .h-naver li.cur a{color: #005581;}

/*===============hnrdhyxy(海南热带海洋学院)====================*/
body.hnrdhyxy #gh a,body.hnrdhyxy #gh a:after,body.hnrdhyxy #gh a:before,body.hnrdhyxy .selected #gh a:before,body.hnrdhyxy .selected #gh a:after,body.hnrdhyxy .selected .header .nav .selected a,body.hnrdhyxy .h-naver li a.cur{background: #3b79c7;}
body.hnrdhyxy .h-naver li:hover a,body.hnrdhyxy .h-naver li.cur a{color: #3b79c7;}

/*===============qtsfxy(琼台师范学院)====================*/
body.qtsfxy #gh a,body.qtsfxy #gh a:after,body.qtsfxy #gh a:before,body.qtsfxy .selected #gh a:before,body.qtsfxy .selected #gh a:after,body.qtsfxy .selected .header .nav .selected a,body.qtsfxy .h-naver li a.cur{background: #6b1710;}
body.qtsfxy .h-naver li:hover a,body.qtsfxy .h-naver li.cur a{color: #6b1710;}

/*===============hnkjjyxy(海南科技职业学院)====================*/
body.hnkjjyxy #gh a,body.hnkjjyxy #gh a:after,body.hnkjjyxy #gh a:before,body.hnkjjyxy .selected #gh a:before,body.hnkjjyxy .selected #gh a:after,body.hnkjjyxy .selected .header .nav .selected a,body.hnkjjyxy .h-naver li a.cur{background: #0263b2;}
body.hnkjjyxy .h-naver li:hover a,body.hnkjjyxy .h-naver li.cur a{color: #0263b2;}

/*===============icad(国际商业美术设计师)====================*/
body.icad #gh a,body.icad #gh a:after,body.icad #gh a:before,body.icad .selected #gh a:before,body.icad .selected #gh a:after,body.icad .selected .header .nav .selected a,body.icad .h-naver li a.cur{background: #e30083;}
body.icad .h-naver li:hover a,body.icad .h-naver li.cur a{color: #e30083;}

/*===============logistics(智慧物流)====================*/
body.logistics #gh a,body.logistics #gh a:after,body.logistics #gh a:before,body.logistics .selected #gh a:before,body.logistics .selected #gh a:after,body.logistics .selected .header .nav .selected a,body.logistics .h-naver li a.cur{background: #ef5d00;}
body.logistics .h-naver li:hover a,body.logistics .h-naver li.cur a{color: #ef5d00;}

/*===============sdwlxy(成都文理学院)====================*/
body.sdwlxy #gh a,body.sdwlxy #gh a:after,body.sdwlxy #gh a:before,body.sdwlxy .selected #gh a:before,body.sdwlxy .selected #gh a:after,body.sdwlxy .selected .header .nav .selected a,body.sdwlxy .h-naver li a.cur{background: #b9251e;}
body.sdwlxy .h-naver li:hover a,body.sdwlxy .h-naver li.cur a{color: #b9251e;}

/*===============sczk(四川自考项目-20210-11-29)====================*/
body.sczk #gh a,body.sczk #gh a:after,body.sczk #gh a:before,body.sczk .selected #gh a:before,body.sczk .selected #gh a:after,body.sczk .selected .header .nav .selected a,body.sczk .h-naver li a.cur{background: #1D853E;}
body.sczk .h-naver li:hover a,body.sczk .h-naver li.cur a{color: #1D853E;}

/*===============ggw(关工委)====================*/
body.ggw #gh a,body.ggw #gh a:after,body.ggw #gh a:before,body.ggw .selected #gh a:before,body.ggw .selected #gh a:after,body.ggw .selected .header .nav .selected a,body.ggw .h-naver li a.cur{background: #dc3123;}
body.ggw .h-naver li:hover a,body.ggw .h-naver li.cur a{color: #dc3123;}

/*===============xdlx(学到流学)====================*/
body.xdlx #gh a,body.xdlx #gh a:after,body.xdlx #gh a:before,body.xdlx .selected #gh a:before,body.xdlx .selected #gh a:after,body.xdlx .selected .header .nav .selected a,body.xdlx .h-naver li a.cur{background: #00c09b;}
body.xdlx .h-naver li:hover a,body.xdlx .h-naver li.cur a{color: #00c09b;}

}