/*头部样式*/
.header{width:100%;min-width: 300px;height:auto;z-index:10;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;border-top: 6px solid #1e3282;}
.header::before{content: '';display: block;position: absolute;left: 0;right: 0;top: -1px;padding-bottom: calc(260% / 19.2);background: -webkit-linear-gradient(top, rgba(10,22,51,1) , rgba(10,22,51,0));background: -o-linear-gradient(bottom, rgba(10,22,51,1), rgba(10,22,51,0));background: -moz-linear-gradient(bottom, rgba(10,22,51,1), rgba(10,22,51,0));background: linear-gradient(to bottom, rgba(10,22,51,1) , rgba(10,22,51,0));}
.wrapTop{width: 100%;}
.header .top{height: 148px;position:relative;z-index: 2;max-width: 1700px;}
.logo{width: 462px;position: absolute;left: 0;font-size: 0;top: 47px;z-index: 2;}
.logo a{display: block;position: absolute;top: 0;bottom: 0;}
.logo img{width: 100%;display: block;}
.logo a.logo1{left: 0;width: 100%;}
.logo a.logo2{width: 40%;right: 0;z-index: 2;}

.top_link{position: absolute;right: 1px;top: 13px;/* left: 0; */color: #fff;text-align: right;line-height: 34px;color: rgba(255,255,255,.4);}
.top_link a{padding: 0;color: #fff;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.top_link a:hover{opacity: 1;}

.ser{height: 37px;z-index:600;overflow: hidden;width: 200px;position: relative;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 0 0 24px;border: 1px solid rgba(255,255,255,.3);border-radius: 40px;}
.search{width: 100%;height: 100%;background: rgba(0,0,0,.1);border-radius: 17px;}
.search input.notxt{position:absolute;width: calc(100% - 56px);height: 100%;color: #eee;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 12px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.search input.notxt1{position:absolute;width: 37px;height: 100%;border:none;background: url(../images/search_btn.png) center center no-repeat #e6000f;right: 0;cursor: pointer;border-radius: 50%;top: 0;z-index: 3;font-size: 0;padding: 0;}

.nav{position: absolute;width: 780px;right: 0;top: 56px;border-bottom: 1px solid rgba(255,255,255,.5);}
/* .nav::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-left: 20px solid #01589c;border-bottom: 29px solid transparent;border-top: 29px solid transparent;} */
.nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 57px;height: 57px;}
.nav ul li > a{font-size: 20px;display: block;position: relative;color: #fff;}
.nav ul li > a:hover,.nav ul li > a.on{opacity: 1;}
.nav ul li:hover > a::after,.nav ul li > a.on::after{position: absolute;width: 100%;height: 3px;background: #e6000f;content: "";left: 0;bottom: -2px;}
/* .nav ul li > a:hover::before,.nav ul li > a.on::before{position: absolute;width: 0;height: 0;content: "";left: 50%;transform: translateX(-50%);border: 9px solid transparent;border-bottom-color: #ff9f05;bottom: 1px;} */
.nav ul li > a,.nav ul li:hover > a{}
.subNav{width:160px;background: #1e3282;white-space: normal;position: absolute;right: calc(50% - 80px);top: 100%;display: none;}
.subNav dd {}
.subNav a{color:#fff;padding:10px 15px;display: block;line-height: 24px;border-top:1px solid rgba(0,0,0,0.2);font-size: 16px;}
.subNav a:hover{background: rgba(0,0,0,0.1);}

/* .header.currents{box-shadow: 0 2px 6px rgba(0,0,0,0.4);background: #20895e;}
.header.currents .top{height: 120px;} */

.nav ul li:hover .subNav{
	-webkit-animation-name: flipInY ;animation-name: flipInY ;
	animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;   visibility: visible !important; display: block;
}
@keyframes flipInY  {
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}

/*手机端导航*/
.mobile{width: 100%;position:absolute;display: none;top: 0;right: 0;z-index: 30;}
.mobile-inner-header{width:100%;height: 0;position: absolute;top: 0px;right: 0px;z-index: 2;}
.mobile-inner-header-icon{font-size:25px;text-align: center;float:right;width: 40px;position: relative;border-radius: 50%;}
/* .mobile-inner-header-icon:hover{opacity:0.8;cursor: pointer;} */
.mobile-inner-header-icon{color: #fff;height: 54px;text-align: left;width: 54px;position: absolute;cursor: pointer;font-weight: bold;text-align: right;top: 16px;right: 20px;}

.mobile-inner-nav{background: #192a6d;position: absolute;top: 0;left: 60px;right: 0;padding: 52px 0 20px;display: none;overflow: hidden;box-shadow: 0 5px 30px rgba(0,0,0,0.6);}
.mobile-inner-nav ul{}
.mobile-inner-nav a{display: inline-block;line-height: 46px;text-decoration: none;width: 100%;font-size: 18px;color: #fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.mobile-inner-nav a:hover{}
.mobile-inner-nav li{position: relative;padding: 0 30px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.mobile-inner-nav li a{}
.mobile-inner-nav li strong{color: #dddd;position: absolute;right: 5px;top:0;font-size: 0;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: url(../images/mobile_arrow1.png) center no-repeat;}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.mobile-inner-nav li strong.on{background: url(../images/mobile_arrow2.png) center no-repeat;}
@-webkit-keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
.mobile_subNav{display: none;padding: 0 0 8px 22px;margin: -3px 0 0;}
.mobile-inner-nav dd a{height: 29px;line-height: 29px;font-size: 14px;color: rgba(255,255,255,0.4);}
.mobile-inner-nav dd a:hover{color: #fff;}
.mobile-inner-nav li.on{background: rgba(0,0,0,0.15);}
.mobile-inner-nav .mobile_link{color: #fff;text-align: center;}
.mobile-inner-nav .mobile_link a{font-size: 16px;text-align: center;padding: 16px 10px 12px;line-height: 30px;display: inline-block;*display: inline;*zoom:1;width: auto;}
.mobile_search{clear: both;position: relative;height: 36px;margin:10px 30px 0;border:1px solid #d3d3d3;border-radius: 30px;overflow: hidden;}
.mobile_search input.notxt{width: 80%;margin-left: 13px;border:none;height: 36px;line-height: 36px;background: none;box-shadow: none;color: #fff;}
.mobile_search input.notxt1{width: 55px;background-color:#fff;background:url(../images/search_btn.png) no-repeat center center;border:none;height: 36px;line-height: 36px;float: left;top: 0;}

footer{clear: both;position: relative;padding: 54px 0 0;border-top: 1px solid #e6e6e6;}
.footer_top{border-bottom: 1px solid rgba(0,0,0,.2);padding: 0 0 33px;}
.footer_lf{width: 409px;float: left;margin: 0 0 0 0;text-align: center;}
.footer_rt{float: right;padding: 24px 0 0;line-height: 36px;color: #333;}

.footer_logo{position: relative;margin: 0 0 44px;}
.footer_logo img{display: block;width: 100%;}
.footer_logo a{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.footer_logo a.logo2{z-index: 2;left: auto;width: 40%;}

.footer .md{padding: 0 0 0 calc(50% - 526px);float: left;}
.footer .md h3{position: relative;margin: 0 0 24px;}
.footer .md a{display: block;padding: 0 0 0 22px;line-height: 30px;position: relative;margin: 0 0 10px;}
.footer .md a::before{content: '';display: block;background: #ccc;width: 4px;height: 4px;position: absolute;left: 0;top: 14px;}

.footer_share{width: 98px;height: 98px;display: inline-block;*display: inline;*zoom:1;margin: 0 23px 0;border: 1px dashed #b3bfd5;position: relative;}
.footer_share.wechat{background: url(../images/footer_wechat.png) center no-repeat;}
.footer_share.sina{background: url(../images/footer_sina.png) center no-repeat;}
.footer_share .code{background: #fff;margin: 0 0 3px;position: absolute;left: 0;bottom: 100%;width: 100%;display: none;}
.footer_share:hover .code{display: block;}
.footer_share .code img{display: block;}
.footer_share p{color: #fff;text-align: center;padding: 10px 0 0;}

.copy_right{text-align: center;border-top: 1px solid #e6e6e6;color: #999;line-height: 24px;padding: 25px 0;margin: 50px 0 0;}

.fix_box{position: fixed;right: 10px;top: 60%;transform: translateY(-50%);background: #e6000f;color: #fff;z-index: 10;padding: 20px 0 0;}
.fix_box .box{padding: 15px 10px;position: relative;}
.fix_box .box::after{content: '';display: block;clear: both;}
.fix_box .ico{width: 49px;height: 49px;background: rgba(255,255,255,.3) center no-repeat;border-radius: 50%;display: inline-block;margin: 0 10px 0 0;vertical-align: middle;}
.fix_box .ico1{background-image: url(../images/side_ico1.png);}
.fix_box .ico2{background-image: url(../images/side_ico21.png);}
.fix_box .alert_box{position: absolute;right: 100%;top: 0;bottom: 0;background: url(../images/side_line.png) right center no-repeat #fff;color: #e6000f;line-height: 24px;white-space: nowrap;padding: 16px 24px;display: none;}
.fix_box .box2 .title{display: inline-block;vertical-align: middle;line-height: 49px;}
.fix_box .info_box{display: inline-block;vertical-align: middle;}
.fix_box .info_box p{font-weight: bold;}
.fix_box .box2:hover{background: #fff;}
.fix_box .box2:hover .title{color: #333;float: right;}
.fix_box .box2:hover .ico2{background-image: url(../images/side_ico22.png);float: right;margin: 0;}
.fix_box .box2:hover .alert_box{display: block;}
.fix_box .close{width: 20px;height: 20px;padding: 4px;background: url(../images/close.png) center no-repeat #fff;background-size: 20px auto;position: absolute;right: 0;top: 0;}
.fix_box .btn{display: none;}

.fix_box.off .close,.fix_box.off .box{display: none;}
.fix_box.off .btn{display: block;text-align: center;}
.fix_box.off{padding: 6px 10px;}

@media screen  and (max-width:1480px){
	.header .top{max-width: 1200px;overflow: visible;width: auto;}
	.logo{position: relative;transform: none;overflow: visible;width: 300px;}
	.nav{left: 500px;width: auto;}
	.nav ul li > a{font-size: 16px;}
	.subNav a{font-size: 14px;}
}
@media screen  and (max-width:1280px) {
	.logo{top: 20px;}
	.header .top{height: 110px;}
	.nav{left: 390px;}
	.nav ul li > a{font-size: 14px;}
	
	.footer_top{text-align: justify;}
	.footer_lf{float: none;margin: 0 auto 10px;}
	.footer .md{padding: 15px 0 0;}
	.footer_rt{text-align: center;float: right;padding: 18px 0 0;line-height: 40px;}
}
@media screen  and (max-width:1040px) {
	.footer.row{overflow: visible;}
	.top_link,.nav{right: 20px;}
	
	.footer_info h3{font-size: 16px;}
	
}
@media screen  and (max-width:992px) {
	.header.currents{display: none !important;}
	
	.nav,.top_link{display: none;}
	
	.search_btn{width: 30px;height: 54px;font-size: 0;display: inline-block;*display: inline;*zoom:1;float: none;vertical-align: middle;margin: 0;}
	.search_btn::after{display: none;}
	
	.header .top{height: auto;padding: 0px 10px;width: auto;}
	.logo{top: 0;padding: 12px 0;}
	.mobile{display: block;}
	
	.wrapTop{}
	.mobile-inner-header-icon-out{background: url(../images/m_nav1.png) center no-repeat;}
	.mobile-inner-header-icon-click{background: url(../images/m_nav2.png) center no-repeat;right: 0;top: 0;}
	.mobile-inner-header-icon span{display: none;}
	
	.search_box .close{width: 40px;height: 40px;}
	
	footer{background-size: cover;}
	.footer_lf{float: none;width: auto;margin: 0 auto 20px;text-align: center;display: block;}
	.footer_logo{margin: 0 auto 20px;max-width: 290px;display: block;}
	.footer_lf::after{display: none;}
	
	.fix_box{top: auto;transform: translateY(0);bottom: 20px;}
	/* .fix_box .close{display: block;} */
	
	
}
@media screen  and (max-width:767px) {
	.logo{overflow:hidden;width: 200px;max-width: 100%;/* margin:0 auto; */text-align: center;position: relative;padding: 8px 0;}
	.mobile{top: 0px;}
	
	/* .search_btn{width: 37px;height: 37px;right: 70px;padding: 0;font-size: 0;background: url(../images/search_btn.png) center no-repeat #fff;border-radius: 50%;top: 11px;} */
	.search_box .close{width: 32px;height: 32px;}
	.ser{width: 80%;}
	.search input.notxt{width: 100%;box-sizing: border-box;position: relative;}
	.search input.notxt1{/* position: static; *//* width: 100%; */}
	
	.mobile-inner-nav{}
	.mobile-inner-header-icon{width: 37px;height: 37px;}
	.mobile-inner-header-icon-out{top: 6px;}
	.mobile-inner-header-icon-click{background-size: 15px auto;right: 5px;top: 9px;}
	.mobile-inner-nav ul{}
	.mobile-inner-nav a{}
	
	
	.mobile-inner-nav a{font-size: 16px;}
	
	.footer .md{float: none;}
	.footer_rt{width: auto;float: none;padding: 30px 0 0;text-align: center;}
	
}
@media screen and (max-width:413px) {
	.footer_share a{}
	
	.footer_info h3{font-size: 14px;}
	.footer_info p{font-size: 12px;line-height: 20px;}
	
	
	.footer_share{width: 60px;height: 60px;background-size: 70% auto !important;}
}
@media screen and (max-width:380px) {
	/* .logo{float:left;} */
}
.gongan{ background: url(https://www.gcc.edu.cn/images/gongan.png) no-repeat left top; padding-left: 22px !important;}