@charset "utf-8";
/* css document */
.banner{position: relative;z-index: 1;width: 100%;overflow: hidden;background: #f2f2f4;}
/* browser resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* flexslider necessary styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative;    max-height: 950px;    overflow: hidden;} /* hide the slides before the js is loaded. avoids image jumping */
.flexslider .slides > li.clone{position:relative;}
.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}
/* clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* no javascript fallback */
/* if you are not using another script, such as modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* flexslider default theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* direction nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 30px; height: 70px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background:url(/uploads/image/i2018images/lf.png) no-repeat center center; }
.flex-direction-nav .flex-next { right: -50px;  background:url(/uploads/image/i2018images/rt.png) no-repeat center center;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 1!important; filter:alpha(opacity=100); cursor: default; }
/* pause/play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* control nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 5px;*bottom:10px; right:0px; text-align: center; z-index:889; }
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: none; width: 10px; height: 10px; display: block; background: none;border:1px solid #283fa6; cursor: pointer; text-indent: -9999px;border-radius:8px;
	transition: all .4s;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease; }
.flex-control-paging li a:hover { background: #283fa6;}
.flex-control-paging li a.flex-active { background: #283fa6; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexslider .slides li .text{ position:absolute; bottom:10%; left:10%; background:url(/uploads/image/i2018images/textbg.png) repeat; padding:15px 20px; color:#fff; font-size:20px;}
.flexslider .slides li .text span{ display:block; text-align:right; font-size:14px; margin-top:10px;}


/*content*/
.content{width:100%;overflow: hidden;}

.mode01{max-width: 1400px;margin:10px auto 30px;overflow: hidden;}
.mode01 .lf{float: left;width: 35.64%;overflow: hidden;}
.mode01 .rt{float: right;width: 64.36%;overflow: hidden;}

.mode01_list1{overflow: hidden;height: 0;padding-bottom: 26%;background: #e1eafa;}
.mode01_list1 ul{overflow: hidden;}
.mode01_list1 ul li{float: left;text-align: center;padding:5.4% 0;width: 33.33%; background: #f2f2f2;}
.mode01_list1 ul li a {text-align: center;display: block;}
.mode01_list1 ul li a img{width: auto;}
.mode01_list1 ul li a p{font-size: 18px;color:#333;font-weight: bold;letter-spacing: 1.5px;margin-top:6px;}
.mode01_list1 ul li.icon1{background: #f2f2f2;}
.mode01_list1 ul li.icon2{background: #ebebeb;}
.mode01_list1 ul li.icon3{background: #e1eafa;}

.mode01_list2{overflow: hidden;height: 0;padding-bottom: 14.4%;background: #cdddfa;}
.mode01_list2 ul{overflow: hidden;}
.mode01_list2 ul li{float: left;width: 33.33%;background: #cdddfa;}
.mode01_list2 ul li.icon11{background: #cdddfa;}
.mode01_list2 ul li.icon22{background: #e1eafa;}
.mode01_list2 ul li.icon33{background: #ebebeb;}
.mode01_li2{padding:4% 6% 2% 6%;}
.mode01_li2 h2{text-align: center;letter-spacing:6px;font-size: 18px;}

.li2_box{overflow: hidden;margin-top:16px;text-align: center;}
.li2_box a { display: inline-block; }
.mode01_form{float: left;}
.mode01_form p{margin-bottom: 10px;}
.mode01_form p label{width: 64px;float: left;font-size: 15px;}
.mode01_form p input{border:1px solid #7d8ae1;background: none;padding:4px 0 4px 5px;width: 130px;font-size: 14px;}
.mode01_search{/*! float: left; *//*! margin-left:9%; */margin-top:4%;}
.mode01_search .mode01_ser_input{background: url(/uploads/image/cimages/mode01_search.png) no-repeat center left;background-color: none;border:none;width: 32px;height:34px;}
.mode01_form1 p label{width: 47px;}

.form-control{width: 130px;border:1px solid #7d8ae1;background: none;padding:1px 0 1px 0;}

.mode01_li2 .mode01_ser1_input{/*! float: left; */background:url(/uploads/image/cimages/mode01_rt.png) no-repeat center left;width: 32px;height:34px;/*! margin-left:15%; */margin-top:4%;width: 32px;height: 34px;display: block;margin: 4% auto 1.6%;}

.mode01_li2 .form-control{font-size: 14px;color:#666666;font-family: '微软雅黑';}
.mode01_li2 .form-control option{font-family: '微软雅黑';}



/*青大动态。。。*/
.mode02{max-width: 1400px;margin:0 auto 30px;overflow: hidden;border-bottom: 1px dashed #999999;padding-bottom: 25px;}
.mode02 .lf{float: left;width: 32.57%;overflow: hidden;}
.mode02 .md{float: left;width: 32.57%;margin-left:2.35%;overflow: hidden;}
.mode02 .rt{float: right;width: 30.14%;overflow: hidden;}

.article_list{overflow: hidden;}
.article_title{overflow: hidden; position:relative; }
.article_title a { position:absolute; right:0px; top:0px; height:40px; line-height:40px; background:#ffffff; padding:0 10px; color:#999999; }
.article_title a:hover { color:#253ba3; }
.article_title .title{font-size: 24px;color:#253ba3;font-weight: normal;float: left;margin-right:6%;}
.article_title .more{float: left;margin-top:0px;color:#999999;font-size: 14px;}
.article_title .more:hover{color:#e40000;}

.news_list{overflow: hidden;border-right:1px dashed #999;padding:0px 0 20px 0;margin-top: 10px;}
.news_list li{margin-top: 17px;}
.news_list li .date_time{float: left;width: 46px;height:28px;background: #6e9cec;line-height: 28px;color:#fff;text-align:center;border-radius: 5px;}
.news_list li a{display: block;margin-left: 55px;font-size: 16px;color:#323232;padding-right: 7%;height: 28px;line-height: 28px;overflow: hidden;*float: left;*margin-left:10px;}
.news_list li a.topic{color:#e40000;}
.news_list li a:hover{color:#253ba3;}
.news_list li a.topic:hover{color:#e40000;}

.news_list1 li a{margin-left: 0;padding-left: 12px;background: url(/uploads/image/i2018images/li.png) no-repeat left 7px;}
.news_list2 li a{margin-left: 0;padding-left: 16px;background: url(/uploads/image/i2018images/li1.png) no-repeat left 11px;padding-right: 0;}
.news_list2 {border-right:none;}

/*院系专业*/

.mode03{max-width: 1400px;margin:0 auto 10px;overflow: hidden;}
.mode03 .lf{float: left;width: 49%;overflow: hidden;border-right:1px dashed #999;}
.mode03 .rt{float: right;width: 46.64%;overflow: hidden;}
.article_title .title1{background: url(/uploads/image/i2018images/p_bg.png) no-repeat center left;padding-left: 35px;}

.profession_list{overflow: hidden;width: 93%;}
.profession_list li{width: 33%;*width: 33%; float: left;margin-top:22px; *margin-top: 16px;}

.profession_list li a{font-size: 15px;color:#323232;}
.profession_list li a:hover{font-size: 15px;color:#253ba3;}
.profession_list li.left{text-align: left;}
.profession_list li.center{text-align: center;}
.profession_list li.right{text-align: right;}

.article_title .title2{background: url(/uploads/image/i2018images/k_bg.png) no-repeat center left;padding-left: 35px;}
.news_list3 li{margin-top:14px;}
.qustion{overflow: hidden;}
.qustion .q_lf{float: left;width: 68%;}
.qustion .q_rt{float: right;width: 30%;}
.news_list3 li a{padding-right: 10%;}
.q_rt_list{text-align: center;margin-top:15px;}
.q_rt_list img{width: auto;background: #fff;}
.q_rt_list p{font-size: 16px;color:#666666;margin-bottom: 17px;/*margin-top:10px;*/}
.q_rt_list a.links{padding:10px 35px;background: #6e9cec;color:#fff;font-size: 16px;}
.q_rt_list a.links:hover{background: #e40000;}




.wrap_mode04{width: 100%;background: #f0f2f5;overflow: hidden;}
.mode04box{margin:0 -10px;font-size: 0;}
.mode04{max-width: 1400px;margin:30px auto 30px;overflow: hidden;}
.mode04 .lf{/* float: left; */width: 33.33%;display: inline-block;vertical-align: top;overflow: hidden;margin-bottom: 20px;}
.mode04 .md{/* float: left; */width: 33.33%;overflow: hidden;/* margin-left: 4.21%; */display: inline-block;vertical-align: top;}
.mode04 .rt{float: right;width: 33.33%;display: inline-block;overflow: hidden;vertical-align: top;}
.mode04_list{text-align: center;margin: 0 10px;}
.mode04_list .title3 {margin-bottom: 20px;}
.mode04_list .title3 a{font-size: 24px;color:#253ba3;font-weight: normal;}
.mode04_img{overflow: hidden;}
.mode04_img a{height: 0;padding-bottom: 56%;display: block;position: relative;overflow: hidden;background: #999;}
.mode04_img a i{background: url(/uploads/image/i2018images/play.png) no-repeat center center;position: absolute;left:50%;top:50%;margin:-35px 0 0 -35px;width: 70px;height:70px;background-size: 100% 100%;}
.mode04_img a:hover i{opacity: 0.7;}


.mode05{max-width: 1400px;margin:30px auto;}
.article_title .title5{text-align: center;float: none;background: url(/uploads/image/i2018images/title5_bg.png) no-repeat center center;margin-right: 0;}
.article_title .title5 img{display: inline;width: auto;}

.mode05_img{margin-top: 20px;}
.bx-wrapper .bx-viewport{-moz-box-shadow: none;
    -webkit-box-shadow:none;
    box-shadow: none;
    border: none;
    left: 0;
    background: none;}
.bx-wrapper .bx-pager{display: none;}
.bx-wrapper{margin-bottom: 0;}

.bx-wrapper .bx-controls-direction a{width:20px;height: 60px; margin-top: -30px;}
.bx-wrapper .bx-prev{left: -31px;background: url(/uploads/image/i2018images/controls.png) no-repeat 0 -60px;}
.bx-wrapper .bx-next{ right: -31px;background: url(/uploads/image/i2018images/controls.png) no-repeat -43px -60px;}


@media screen  and (max-width:1400px) {
	.mode01,.mode02,.mode03,.mode04,.mode05{width:94%;}
	.mode01_form p input{width: 92px;}
	.form-control{width: 107px;}
	.mode01_li2 {    padding: 4% 6% 2% 6%;}
	.li2_box{margin-top:8px;}
	.mode01_search ,.mode01_li2 .mode01_ser1_input{    /*! margin-left: 4%; */}
	.bx-wrapper .bx-prev{left: 0px;}
	.bx-wrapper .bx-next{ right:0px;}
	.mode01_li2 .mode01_ser1_input { margin:4% auto 1.6%}
}

@media screen  and (max-width:1300px) {
	.mode01_li2 {padding: 2% 6% 2% 6%;}
}

@media screen  and (max-width:1200px) {
	.mode01 .lf{float: none;width: 100%;margin-bottom: 10px;}
	.mode01 .rt{float: none;width: 100%;}
	.mode01_list1,.mode01_list2{height: auto;padding-bottom: 0;background:none;}
	.mode01_list1 ul li{padding:1.4% 0;}
	.mode01_form p input{width:150px;}
	.news_list li {margin-top: 16px;}
	.news_list3 li{margin-top:14px;}
	.mode04_img a i {    background-size: 70% 70%;}

}

@media screen  and (max-width:1160px) {
	.mode03 .lf{ width:52%;}
.profession_list{ width:98%;}
}

@media screen  and (max-width:1036px) {
	.profession_list{ width:99%;}

}
@media screen  and (max-width:1028px) {
	.profession_list{ width:99.5%;}

}


@media screen  and (max-width:1024px) {
	.mode01_form p input{width:108px;}
	.mode03 .lf{float: none;margin-bottom: 20px;width: 100%;border-bottom: 1px dashed #999;padding-bottom: 20px;border-right:none;}
	.mode03 .rt{float: none;width: 100%;}
	.profession_list{width: 100%;}
	.profession_list li{width: 33.33%;margin-top: 15px;}

}

@media screen  and (max-width:890px) {

}
@media screen  and (max-width:800px) {
	.mode01_form p input {	    width: 85px;	}
	.flexslider .slides li .text{ font-size:16px;left: 5%;bottom: 20%; }
	
}

@media screen and (max-width: 768px) {
	.mode01_form{float: none;	}
	.mode01_search, .mode01_li2 .mode01_ser1_input{/*! margin-left: 0; */margin-top:0;margin-bottom: 5px;}
	.mode01_form p input {   }
	.mode01_li2 h2{letter-spacing: 0;font-size: 16px;}
	.mode01_list1 ul li a p{font-size: 16px;}
	.mode01_li2 {padding: 6% 6% 2% 6%;}
	.li2_box {margin-top: 18px;}
	.mode01_search .mode01_ser_input ,.mode01_li2 .mode01_ser1_input{background-size: 80% 80%;}
		

}
@media screen  and (max-width:640px) {
	.flex-control-nav {bottom: -2px;right: 7px;}
	.mode01_form p input {    width: 76px;}
	.mode02 .lf{float: none;width: 100%;margin-bottom: 20px;border-bottom: 1px dashed #999;}
	.mode02 .md{float: none;width: 100%;margin-bottom: 20px;border-bottom: 1px dashed #999;margin-left: 0;}
	.news_list{border-right:none; margin-top: 0;}
	.mode02 .rt{float: none;width: 100%;}
	.article_title .title{font-size: 20px;}
	.mode04_list .title3 a{font-size: 20px;}
	.article_title .more{margin-top:3px;}
	.mode02{padding-bottom: 0;}
	.news_list li a{height: auto;overflow: visible;line-height: 24px;	padding-right: 0;font-size: 14px;}
	.news_list li {    margin-top: 10px;}
	.q_rt_list{margin-top:0;}
	.q_rt_list p{margin-bottom: 17px;margin-top:0;font-size: 14px;}
	.q_rt_list a.links {    padding: 4px 25px;    font-size: 14px;}
	.mode04_img a i {    background-size: 50% 50%;}
	.news_list2 li a{background: url(/uploads/image/i2018images/li1.png) no-repeat left 8px;}
	
	.flexslider .slides li .text{ font-size:14px;padding: 5px;}
	.flexslider .slides li .text span{ font-size:12px;}

}

@media screen  and (max-width:600px) {
	.form-control {    width: 84px;}
	.mode01_form p input {    width: 60px;}
	.profession_list li.center,.profession_list li.right{ text-align:left;}
	.profession_list li{width: 50%;}
}
	
@media screen and (max-width:480px) {
	.mode01,.mode02,.mode03,.mode04,.mode05{width:89%;}
	.mode01_list2 ul li{float: none;width: 100%;}
	.mode01_form p {overflow: hidden;}
	.mode01_form p label{width: 30%;}
	.mode01_form p input,.form-control{width: 60%;}
	.mode01_li2 {    padding: 3% 6% 1% 6%;}
	.mode01_li2 h2{font-size: 14px;}
	.mode01_list1 ul li a p{font-size: 14px;}
	.mode01_search .mode01_ser_input ,.mode01_li2 .mode01_ser1_input{background-size: 60% 60%;}
	.mode01_form{float: left;width: 86%;}
	.qustion .q_lf{float: none;width: 100%;border-bottom: 1px dashed #999;padding-bottom: 10px;margin-bottom: 20px;}
	.qustion .q_rt{float: none;width: 100%;}
	.mode03,.qustion,.article_list,.mode03 .rt{overflow: visible;}
	.mode04 .lf{float: none;width: 100%;margin-bottom: 20px;}
	.mode04 .md{float: none;width: 100%;margin-bottom: 20px;}
	.mode04 .rt{float: none;width: 100%;}
	.qustion .q_rt{margin-bottom: 28px;}

}



@media screen and (max-width:380px) {
	
  
}
@media screen and (max-width:320px) {
	
	.mode01_list1 ul li{float: none;width: 100%;}

	


}