@charset "utf-8";
/* CSS Document */

html,body,ul,li,p {margin:0;padding:0;font-size:14px;}
ul,li {list-style:none;}

.main {    width: 100%;margin: 0 auto; }
.top_nav {    width: 100%;
    background: #000;
    opacity: 0.5;}
.top {    width: 1000px;margin:0 auto; overflow: hidden;}
.top .top_left {float:left;margin-top:8px;}
.top .top_left img {width:100%;}
.top .top_right {float:right;}
.top .top_right ul {}
.top .top_right ul li {display:inline-block;    line-height: 50px; padding: 0 10px;}
.top .top_right ul li a {    display: block; text-decoration: none;  color: #fff;}
.banner_pc {width:100%;background:url(../images/banner_pc.jpg) no-repeat center center;height:368px;}
.banner_mobile {display:none;width:100%}

.content {    width: 1000px;  margin: 40px auto;overflow:hidden;}
.content_left{    width: 680px;float:left;}
 .title {    background: url(../images/title_bg.png) no-repeat center center;position: relative;}
 .title h1{color: #666;  font-size: 22px;  margin: 0 auto;  text-align: center;   letter-spacing: 10px;}
 .title h2{    font-size: 12px;   color: #c1c0c0;   text-align: center;  margin: 0 auto;  font-weight: normal;margin-left:-10px;}
 .title u{    width: 150px;  height: 2px;  display: inline-block;   background: red;   position: absolute;   left: 50%;  margin-left: -82px;}
.content_left .video .video_container{margin-top:20px;}
.content_left .video .video_container video{margin-left:20px;}
.content_left .video_word {margin-top:30px;}
.content_left .video_word .record_word{width:100%;height:538px;    background: url(../images/record.jpg) no-repeat bottom;overflow-y:scroll; padding:10px 0;}
.content_left .video_word .record_word .duihua{ position: relative;  padding: 5px 5px 5px 24px;   border: 1px solid #e5e5e5;  border-radius: 8px;   margin: 0 auto;  margin-top: 25px;  width: 86%;}
.content_left .video_word .record_word .duihua p{    line-height: 20px; margin: 10px 0;}
.content_left .video_word .record_word .duihua .wen{    position: absolute;  left: -20px;  top: -20px;}
.content_left .video_word .record_word .duihua .da{    position: absolute;  right: -20px;  top: -20px;}

.content_right{    width: 240px;float: right;background:#f6f6f6;padding:0 20px;}
.content_right .intro .touxiang img {margin-left:50px;}	
.content_right .intro .touxiang p {text-align:center;}
.content_right .intro .touxiang .name{    text-align: center;
    font-size: 18px;
    margin-top: -18px;font-weight:bold;}
.content_right .intro .touxiang .zhicheng{ margin-top: 10px;}
.content_right .intro .touxiang .detail	{font-size: 12px;text-align: left;  margin-top: 10px;  line-height: 20px;}
.content_right .intro .college {margin-top:20px;}
.content_right .intro .college .school_name {    padding-bottom: 5px;  border-bottom: 1px solid #eb000f;}
.content_right .intro .college .school_name p {    padding-left: 5px;  border-left: 3px solid #eb000f;font-size:16px;}
.content_right .intro .college .school_detail {margin-top:10px;}
.content_right .intro .college .school_detail p {padding:2px 0;}
.content_right .intro .college .school_detail span{font-size:12px;}
.content_right .intro .college .school_detail .school_info{    line-height: 23px;  margin-top: 20px;   text-indent: 2em;}
.content_right .intro .college .school_detail .school_info .more	{color: #eb000f;   text-decoration: none;}
.content_right .intro .ewm {margin:20px auto;text-align:center;}
	
.gkgjBox-head img {    width: 21px; height: 20px;    vertical-align: top;}
.gkgjBox-head span { display: inline-block;  font-size: 16px;  font-weight: bold;   color: #2A4455;  line-height: 20px;  margin-left: 5px;}
.gkgjBox-cont {  margin-top: 15px;}
.clearfix {  zoom: 1;   _height: 1px;}
.gkgjBox-liLf {  float: left;  width: 48px;   height: 23px;   text-align: center;  line-height: 23px;  border: 1px solid #3D7EC9;   font-size: 14px;   color: #2A4455;}
.gkgjBox-liRi {  float: left;   font-size: 0;  margin-left: 12px;  margin-bottom: 18px;}
.gkgjBox-liRi>div {   margin-top: 3px;}
.gkgjBox-liRi a {  display: inline-block;   width: 50px;  font-size: 12px;  color: #2A4455;   line-height: 16px;  margin-right: 9px;  text-decoration: none;}	
.gkgj_mobile{display:none;}

	
.scene {  width: 100%;
    margin: 20px auto;
    background: url(../images/fg_bg.jpg) no-repeat center center;}
.scene .scene_container {width:1000px;margin:0 auto;}
.scene .title {padding-top:20px;}
.swiper-container { width: 100%;padding-top: 50px;   padding-bottom: 50px;}
.swiper-slide { background-position: center; background-size: cover;	box-shadow: 2px 4px 4px #333;width:500px;	height:354px;  }
.swiper-slide  img {width:100%;height:auto;}

.tuijian {    width: 1000px;margin: 0 auto;  margin-top: 20px;}
.tuijian h1 {    margin: 0; padding: 0;  font-size: 20px;  letter-spacing: 10px;}
.tuijian .detail {margin-top:15px;}
.tuijian .detail a {    width: 24%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.tuijian .detail a:hover {color:#eb000f;}
#glbbot {  background: #f6f6f6;  width: 100%;  padding: 20px 0;   margin: 20px auto 0; border-top: none;}
.footer_mobile {display:none;}
.bottom {    width: 100%;
    height: 10px;
    background: #eb000f;}

@media (max-width:768px) {
	.top {width:100%;}	
	/*.top .top_left {margin-top:13px;}*/
	
	
	.banner_pc {display:none;}
	.banner_mobile {display:block;position:relative;}
	.banner_mobile .top_nav {    position: absolute;
    top: 0;
    left: 0;}
	.banner_mobile .top .top_left {margin-top:5px;}
	.banner_mobile .top .top_left img {width:auto;height:20px;}
	.banner_mobile .top .top_right ul li {font-size:12px;line-height:30px;}
		
	.content {width:100%;}
	.content_left {width: 98%;  float: none;  margin: 0 auto;}
	.content_left .video .video_container video{    margin-left: 0;  width: 100%;}
	/*.content_left .video_word {display:none;}*/
	.content_left .video_word .record_word .duihua .wen {    left: -10px;    top: -10px;    width: 25px;}
	.content_left .video_word .record_word .duihua .da {right: -10px;    top: -10px;  width: 25px;}
	.content_right {    width: 100%;  float: none;  margin-top: 30px;  padding: 0;}
	.content_right .touxiang {    position: relative;}
	.content_right .intro .touxiang img {    position: absolute;  top: 0; left: 50%; margin-left: -70px;}
	.content_right .intro .touxiang .name {padding-top:150px;}
	.content_right .intro .college {padding:0 20px; padding-top:20px;}
	.gkgjBox-head {padding:0 20px;}
	.gkgjBox-cont {    overflow: hidden;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 15px;}
	.gkgjBox-liRi a {margin-right:40px;text-align: center;}
	.clearfix {clear:both;}
	.gk-selectRi {display:none;}
	.gkgj_mobile{display:block;}
	
	.gjx {  padding: 30px 0 0 0;  overflow: hidden;}
	.gjx > div {  width: 20%;  float: left;  box-sizing: border-box;   text-align: center;}
	.gjx > div a {  line-height: 1;    text-decoration: none;  color: #333;}
	.gjx i.icon-rili {  background: url(../images/icon_rili.png) no-repeat center;}
	.gjx i.icon-school {background: url(../images/icon_school.png) no-repeat center;}
	.gjx i.icon-paiming {	background: url(../images/icon_paiming.png) no-repeat center;}
	.gjx i.icon-chaxun {	background: url(../images/chaxun.png) no-repeat center;}
	.gjx i.icon-boshimao {	background: url(../images/boshimao.png) no-repeat center;}
	.gjx i {  width: 30px;    height: 30px;	display: inline-block;}
	.gjx span {    width: 100%;    display: block;    font-size: 14px;}
	.dbdh {    border-top: 1px solid #eee;   padding: 25px 0;}
	.dbdh div {    width: 25%;   text-align: center;    float: left;    border-right: 1px solid #eee;    line-height: 1;    box-sizing: border-box;}
	.dbdh div a {    font-size: 14px;    text-decoration: none;  color: #333;}

	.scene {background-size: 100% 100%;}
	.scene .scene_container {width:98%;}
	.swiper-container {padding-top:20px;}
	.content_right .intro .college .school_detail span {font-size:14px;}
	
	.tuijian {width:100%;}
	.tuijian h1,.tuijian .detail {    padding: 0 20px;}
	.tuijian .detail a {width:49%;}
	
	.footer_pc {display:none;}
	.footer_mobile {display:block;    height: 60px;   line-height: 60px;   background: #333;  text-align: center;  font-size: 16px;  color: #fff;  margin-top: 20px;}
	
	.swiper-slide { width:250px; height:177px;}

}
@media (max-width:320px) {
	.gkgjBox-liRi a {margin-right:22px;}	
	.content_right .intro .college .school_detail span {font-size:12px;}
}

.copyright { text-align: center; padding: 30px 0; background: #27313d; color: #fff; }

.copyright a:hover { font-weight: bold !important; text-decoration: underline; }

.copyright > div { font-size: 12px; color: #fff; line-height: 26px; text-align: center; }

.copyright a { font-size: 12px; color: #fff; line-height: 26px; padding-left: 5px; padding-right: 5px; }