/*
* @Author: ZhangJiaoLong
* @Date:   2017-06-13 16:43:24
* @Last Modified by:   ZhangJiaoLong
* @Last Modified time: 2017-11-27 15:13:05
*/
body{ background:#FFFFFF url("../../images/group_jykxx/bg_body.png") center top no-repeat; }
.content { width: 1200px; margin: 0 auto; position: relative; padding: 0 10px; }
.main{  padding: 20px 0 0px 0; }
.main-box{ width:100%; padding:0 10px; background:#FFF;  }
/* 头部 */
.header{  }
.header .header-content{ height: 250px;}
.header .logo{ float: left; display: block; margin: 12px 0 40px 0; }
.header .website{ display: block;  margin:0px auto 0 200px; float:none; width:427px; height:78px; }
.header .school-home{ display: inline-block; float: right; margin-top: 80px; color: #FFF; font-size: 1.6em; padding: 12px 20px 12px 50px; -webkit-border-radius: 2px; border-radius: 2px; 
 background:#FF8C1C url("../../images/group_jykxx/home.png") 20px center no-repeat;  }


/* 导航 */
.nav-wrap{ }
.nav{background: #3793FF;}
.nav li {width: 10%; float: left; display: block; position: relative; }
.nav li a{ display: block; line-height: 50px; font-size: 1.6em; color: #FFF; text-align: center;}
.nav li.selected a,.nav li:hover a{  background: #FF8C1C; }
.nav li ul{display: block; max-height: 0; overflow: hidden; width: 100%; position: absolute; left: 0; top:50px; z-index: 1000; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.nav li ul li{ display: block; width: 100%; float: none; }
.nav li ul li a,.nav li ul li a{display: block; line-height: 32px; font-size: 1.4em; }
.nav li.selected ul li a,.nav li:hover ul li a{background: url(../../images/group_jykxx/bg_mask.png) repeat; color: #FFF;}
.nav li ul li:hover a{ background: #3793FF; }
.nav li:hover ul{max-height: 300px;}

.nav-btn { display: none; width: 45px; height: auto; position: fixed; top: 10px; right: 20px; cursor: pointer; z-index: 99999; }
.nav-btn span { display: block; width: 80%; height: 3px; margin: 10px auto; background: #FFF; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.nav-btn.active { z-index: 1003 }
.nav-btn.active .line2 { display: none; }
.nav-btn.active .line1 { -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotateZ(45deg) translateY(10px); -moz-transform: rotateZ(45deg) translateY(10px); -ms-transform: rotateZ(45deg) translateY(10px); -o-transform: rotateZ(45deg) translateY(10px); transform: rotateZ(45deg) translateY(10px); }
.nav-btn.active .line3 { -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotateZ(-45deg) translateY(-10px); -moz-transform: rotateZ(-45deg) translateY(-10px); -ms-transform: rotateZ(-45deg) translateY(-10px); -o-transform: rotateZ(-45deg) translateY(-10px); transform: rotateZ(-45deg) translateY(-10px); }

/* 页面底部 */
.footer{ background: #0C3464; color: #fff; font-size: 1.4em; line-height: 2.2; text-align: center; padding: 10px 0 }
.footer span{padding: 0 20px;}
.footer a{ color: #fff; }

/*返回顶部*/
#scroll-top{ width: 54px; height: 54px; position: fixed; right: 5px; bottom: 55px; opacity: .8; z-index: 1000; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; background:url("../../images/group_jykxx/top.png") center center no-repeat;  }
#scroll-top:hover{ opacity: 1;   }

/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1200px) {
.content{ width: 990px; }
}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
body{ background-position: center 60px; }
.content{ width:740px; }
.container{ padding-top: 60px; }

.header .header-content{ height:232px; }
.nav-wrap{ background: #3793FF; position: fixed; top: 0; left:0; z-index: 1001; width:100%; height: 60px; }
.nav-btn{display: block}
.header .logo{ display: block; height: 60px; padding: 10px; position: fixed; left: 10px; top: 0; z-index: 1002; margin: 0; }
.header .logo img{ display: block; height: 100%; }
.header .school-home{ display: none }
.header .website{ float: none; display: block; margin: 0  auto; }
.header .website img{ display: block; max-width:60%; margin: 100px auto 0 auto;  }
.nav { display: none; position: fixed; right: 0; top: 66px; width: 70%; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; background: #FFF; -webkit-box-shadow: 0 6px 16px #8ACC3E; box-shadow: 0 6px 16px #8ACC3E;}
.nav li { width: 100%; float: none; display:block; margin: 5px 0; }
.nav li a{ line-height: 2.2; color: #333; background: #F6F6F6; -webkit-border-radius: 5px; border-radius: 5px;  }
.nav li.selected a,
.nav li:hover a { background: #8ACC3E; color: #FFF; }
.nav li ul{position: static; max-height: 300px; background: none;}
.nav li ul li{ width: 33.3333%; float: left; padding: 5px; }
.nav li ul li a,.nav li:hover ul li a{background: #999; color: #FFF; }
.nav li:hover ul li a:hover{background: #3793FF; color:#333333; }



.footer{ padding: 10px 0; line-height: 1.8 }
.footer .info span{ display: none;  }
.footer .info span a{ display: none }
.footer .info span.copy{ display: block; }
.footer .info br{ display: none }
}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */
@media only screen and (width:768px) and (orientation:portrait) {

}

/*640-767 内容宽度590 两边间距25 页面内容居中 */
@media only screen and (max-width:767px) {
.content{ width:590px; }

}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) {
.content{ width:96%; }


}
/* 380-479  按百分比缩放 */
@media only screen and (max-width:479px) {

.nav-wrap{ height: 48px; }
.nav-btn{ top: 2px; }
.header .logo{ height: 48px; padding: 5px; }
.header .website{ width:98%;}
.nav{top: 51px;}
.nav-btn {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);}
.banner .website{  margin:0; position:absolute; width:90%; height: auto; left:5%; top:30px; }
.banner .website img{ width:100%;height: auto;}
}
/* 360-479  按百分比缩放 */
@media only screen and (max-width:379px) {

}