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

@media screen and (max-width: 1200px) {
	body{width: 100%; overflow-x: hidden;}
	#openlc{
		position: absolute;
		right: 20px;
		top: 16px;
	}
    .lcbody{
        width:30px;
        height:30px;
        position:relative;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.4s cubic-bezier(0.4,0.01,.165,0.99)
    }

    .lcitem{
        position:absolute;
        left:0;
        top:0;
        transform:translateZ(0px) rotate(0deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        -webkit-transform:translateZ(0px) rotate(0deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0s;
        width:30px;
        height:30px;
    }

    .lcitem .rect{
        width:30px;
        height:2px;
        background:#000;
        position:absolute;
        left:0;
        top:14px;
        transition:transform 0.2s ease 0.2s;
        -webkit-transition:-webkit-transform 0.2s ease 0.2s;
    }
    body .lcitem.center{
		opacity:1;
	}

    .lcitem .rect.top{
        transform:translate3d(0px,-10px,0px);
        -webkit-transform:translate3d(0px,-10px,0px);
    }
    .lcitem .rect.center{
        transform:translate3d(0px,0px,0px);
        -webkit-transform:translate3d(0px,0px,0px);
    }

    .lcitem .rect.bottom{
        transform:translate3d(0px,10px,0px);
        -webkit-transform:translate3d(0px,10px,0px);
    }

    body.open .lcbody{
        transform:translateZ(0px) rotate(90deg);
        -webkit-transform:translateZ(0px) rotate(90deg);
    }

    body.open .lcitem{
        transform:translateZ(0px) rotate(45deg);
        transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;
        -webkit-transform:translateZ(0px) rotate(45deg);
        -webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;
    }

    body.open .lcitem.bottom{
        transform:translateZ(0px) rotate(-45deg);
        -webkit-transform:translateZ(0px) rotate(-45deg);
    }

    body.open .lcitem .rect{
        transition:transform 0.2s ease 0s;
        transform:translate3d(0px,0px,0px);
        -webkit-transition:-webkit-transform 0.2s ease 0s;
        -webkit-transform:translate3d(0px,0px,0px);
    }
    body.open .lcitem.center{
		opacity:0;
	}
	.header{
		height: 42px !important;
		padding: 15px 0 12px !important;
	}
	.top_search{display: none;}	
	.header .top_left img{
		width: 140px !important;
	}
	.header .top_left{
		margin-left: 15px !important;
	}
	.header .top_nav {
	    width: 100%;
		margin-left: 0px !important;
		margin-top: 18px !important;
	}
	.top_nav ul li strong{display: block;}
	.header .top_nav>ul {
		background: #fff;
		text-align: left;
		display: none;
		box-shadow: rgba(0,0,0,0.3) 2px 4px 6px;
	}
	.header .top_nav ul li{
		float: none;
		padding: 15px 20px !important;
		text-align: left;
		border-bottom: 1px #ccc solid;
	}
	.header .top_nav ul li a{
		padding-bottom: 0 !important;
		-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;
		color: #222222;
	}
	@-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;
		}
	}
	.header .top_nav ul li#englishver,
	.header .top_nav ul li#teachlogin,
	.header .top_nav ul li#stulogin,
	.header .top_nav ul li#websearch{display: block;}
	.header .top_nav ul li ul{
		display: none;
		position: unset;
		left: 0;
		margin-left: 0!important;
		background:#ffffff;
		padding-left: 30px;
		height: auto;
		border: 0;
		width: 100%;
	}
	.top_nav ul li:hover>a{
		border: 0 !important;
	}
	.header .top_nav ul li ul li{
		background-position: 1px 58%;
		padding: 0 0 0 10px !important;
		border: 0 !important;
	}
	.header .top_nav ul li ul a{
		display: block;
		text-align: left; 
		width: 90%;
		border-bottom: 1px #ccc solid !important; 
		padding: 10px 0; color: #222;
	}
	.header .top_nav ul li ul li:last-child a{border: none !important;}
	.layout{width: 90%; margin: 0 auto;}
	.mod_ewm{display: none;}
	.swiper-container{height: 900px; padding-bottom: 50px; box-shadow: rgba(0,0,0,0.3) 0 0 10px 0;}
	/* .swiper-wrapper{height: 300px;} */
	.swiper-conent{background-size: 180%;}
	.swiper-conent .shadow {
		display: none;
	}
	.swiper-conent .layout{
		width: 90%;
		left: 50%;
		top: 310px;
		position: absolute;
		margin-left: -45%;
		/* text-align: center; */
		color: #000;
	}
	.swiper-conent .title a{color: #013357; font-weight: bold;}
	.swiper-conent .title{font-size: 18px; margin-top: 30px;  line-height: 30px;}
	.swiper-conent .abstract{
		width: auto;
	/* 	-webkit-box-orient: vertical;
		-webkit-line-clamp: 5; */
		color: #292929;
		display: -webkit-box;
		font-size: 16px;
		line-height: 28px;
		margin-top: 17px;
		/* overflow: hidden */
	}
	.swiper-conent .link{display: block; margin-top: 20px; font-size: 14px;}
	.swiper-conent .link a{
		color: #f39c12;
		text-decoration: underline;
	}
	/* .swiper-conent .abstract{display: none;} */
	/* .swiper-conent span{display: none;} */
	.swiper-button-prev,.swiper-button-next{display: none;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		top: 240px;
		    bottom: 0;
			height: 30px;
	}
	
	.hd_title{
		font-size: 18px;
		line-height: 28px;
		text-indent: 16px;
	}
	.mod_con{height: auto;}
	.con_left.xsqy{display: none;}
	.con_left,.con_right{width: 100%; float: none;}
	.pic1 .title{line-height: 28px; font-size: 16px;}
	.pic1 img{width: 100%; height: auto;}
	.con_right{padding-top: 20px;}
	.pic2{height: auto; margin-bottom: 20px;}
	.pic2 .left{width: 74%;}
	.pic2 img{width: 20%; height: auto;}
	.pic2 .info{display: none;}
	.mod_con{padding-top: 38px;}
	.mod_con2,.mod_con3,.mod_con4,.mod_con5{
		height: auto;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.mod_con2 .info1,.mod_con2 .info2{
		width: 100%; 
		height: auto;    
		text-align: justify;    
		padding-bottom: 10px;
	}
	.mod_con3{
		height: 370px;
		overflow:hidden;
	}
	.mod_con3 .bd{
		margin-top:20px;
	}
	.mod_con3 .video{
		width: 45%;
		margin-right: 18px;
		float: left;
		height: auto;
		margin-bottom: 30px;
	}
	.mod_con3 .video::after{
		content: '';
		display: block;
		clear: both;
	}
	.mod_con3 .video img{width: 100%;/* float: left; */}
	.mod_con3 .video span{top: 24px;left: 50%;}
	.mod_con3 .video p{
		/* width: 50%; */
		padding-left: 10px;
		-webkit-line-clamp: 5;
	}
	.mod_con2 .info1 p{
		display: none;
	}
	.mod_con2 .info1{padding-bottom: 0;}
	.mod_con2 .info1 h3{
		color: #333;
		font-size: 16px;
		line-height: 24px;
		font-weight: normal;
	}
	.mod_con2 .info2 h4{
		font-weight:normal;
	}
	.mod_con4 .info3 .title_right{
		width: 72%;
	}
	.mod_con4 .info3 .title_right p{display: none;}
	.mod_con4 .info3 .title_right h4{line-height: 24px;}
	.mod_con4 .con_right li{
		line-height: 26px;
		height: auto;
		padding: 10px 0;
		background-position: left 23px;
		white-space: normal;
	}
	.mod_con5 ul li{
		line-height: 24px;
		white-space: normal;
		padding: 8px 0;
		background-position: left 20px;
	}
	.con_right.xsqy .pic2 .left{
		float: right;
		margin-left: 20px;
		margin-right: 0;
	}
	.con_right.xsqy .pic2 img{
		float: left;
	}
	.con_right.xsqy .pic2::after{
		content: '';
		display: block;
		clear: both;
	}
	
	.subBanner{height: 160px !important;}
	.sub_list_left{float: none; width: 100%;}
	.sub_list_right{display: none;}
	.sub_list_left ul li>div .img1{width: 60px;}
	.sub_list_left ul li>div .img1 img{
		display: block;
		height: auto;
		width: 100%;
	}
	.sub_list_left ul li>div .fr p{
	/* 	text-overflow: -o-ellipsis-lastline;
		overflow: hidden;				
		text-overflow: ellipsis;		
		display: -webkit-box;			
		-webkit-line-clamp: 2;			
		line-clamp: 2;					
		-webkit-box-orient: vertical; */	
	}
	.sub_list_left ul li>div .fr span{font-size: 12px; margin-top: 10px;}
	.sub_list_left ul li>div .fr span a{margin-left: 0px;}
	
	.sub_mod_con .sub_mod_con_info{margin-top: 20px;}
	.sub_list_left .sub_info .tit h2{font-size: 16px;}
	
	.sub_list_left .sub_info video{
		max-width: 100%;
		height: auto !important;
	}
	.sub_list_left .ul-item .tops .img1{display: none;}
	.sub_list_left .ul-item .tops .fr{width: 100%;}
	
	.sub_list_left .searchListTop input{
		width: 60%;
		font-size: 14px;
		line-height: 40px;
	}
	.sub_list_left .searchListTop button{width: 30%; font-size: 14px;line-height: 40px;background-size: 10px;}
	.sub_list_left .searchListTop .searchSelect ul h4{
		display: block;
		margin-bottom: 10px;
	}
	.sub_list_left .searchListTop .searchSelect ul label{margin-right:0; margin-left: 0;}
	
	.sub_mod_con_info .scholarInfo .scholarInfoTips{
		    padding: 20px;
	}
	.sub_mod_con_info .scholarInfo .scholarInfoTips h3{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.sub_mod_con_info .scholarInfo .scholarInfoTips p{font-size: 14px;}
	.sub_mod_con_info .scholarInfo .scholarInfoNav .nav{
		float: none;
		width: 100%;
	}
	.sub_mod_con_info .scholarInfo .scholarInfoNav .nav li{
		width: 50%;
		border: none;
	}
	.sub_mod_con_info .scholarInfo .scholarInfoNav .nav li a{padding: 0;display: block;text-align: center;}
	.sub_mod_con_info .scholarInfo .scholarInfoNav .scholarInfoSelect{
		float: none;
		margin-top: 10px;
		padding-left: 10px;
	}
	.sub_mod_con_info .scholarInfo .scholarInfoNav .scholarInfoSelect label{
		margin-right: 10px;
	}
	
	.about_left_nav{display: none;}
	.about_right{
		width: 100%;
		float: none;
	}
	.sub_info .con img{
		max-width: 100%;
		/* width: 100% !important; */
		height: auto !important;
	}
	.mod_con4 .info3 .icon_left{
		display: none;
	}
	.mod_con4 .info3 .title_right{width: 100%;}
	.mod_con4 .info3{
		margin-top:20px
	}
	
	.sub_list_left ul.info3 li>div .img1 .icon_left{display: none;}
	.sub_list_left ul.info3 li>div .fr{width: 100%;}

	
	.scholarInfosTit{padding: 20px;}
	.scholarInfosPerson>div p{
		margin-top: 10px;
	}
	.scholarInfosPerson>div{
		padding-left: 186px;
	}
	.mod_sub_nav{display: none;}
	.pages{font-size: 14px;}
	.footer .con_left .left1 .cc,.footer .con_left .left1 .c1{
		width: 50px;
		height: 50px;
		background-size: contain;
	}
	.footer .con_left .left2,.footer .con_right .right1,.footer .con_right .right4{display: none;}
	.footer .con_right .right2{
		margin-top: 0;
		text-align: center;
	}
	.footer .con_right .right3 .mt35{
		margin-top: 15px;
	}
    .footer{height: 280px;}
	.footer .con_right{margin-top: 10px; width: 100% !important;}
}
@media screen and (max-width: 1280px) {
   
}
@media screen and (max-width: 1440px) {
   
}
@media screen and (max-width: 1600px) {
	.header{height: 52px}
	.header .top_left{margin-left: 60px;}
	.top_nav{margin-left: 50px; margin-top: 20px;}
	.top_search{ margin-top: 20px;}
	.top_nav ul li a{font-size: 16px;}
   .header .top_left img{
	   width: 200px;
   }
   .subBanner{
	   height: 300px;
   }
   .searchCon{
		top: 125px;   
		height: 524px;
   }
   .searchCon .close{
		right: 15%;
   }
   .mod_con4 .info3 .icon_left h4{
	   line-height: 34px;
   }
   .searchCon.sub_searchBox{
	   height: 175px;
   }
}

@media screen and (max-width: 1280px) {
	.top_nav {
    float: left;
    margin-left: 34px !important;
    margin-top: 21px !important;
}
   
}