﻿
/*公用样式*/
body{ margin:0; padding:0;font-size:14px; color:#2d2d2d; font-family:"微软雅黑"; background:#fff; overflow-x:hidden !important;}
div,h1,h2,h3,h4,h5,h6,ul,li,img,dl,dt,dd,a,input,table,tr,td,span{ margin:0; padding:0; border:0; font-weight:normal; list-style-type:none; text-decoration:none; outline:none;font-family:"微软雅黑";}

body{min-width: 320px;}
table{width:100%!important;}

h3{font-size: 20px;line-height: 34px;letter-spacing:2px;}
h4{font-size: 18px;line-height: 32px;letter-spacing:2px;}
h5{font-size: 16px;line-height: 30px;letter-spacing:1px;}
h6{font-size: 15px;}
a,span,p{font-size: 16px; line-height: 30px;}
@media only screen and (max-width:1920px){
	h3{font-size: 21px;}
    h4{font-size: 19px;}
   h5{font-size: 17px;}
   h6{font-size: 16px;}
   a,span,p{font-size: 16px; }
   .container {
    width:90%; padding:0 5%;
    }
}
.clearfix:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfix{zoom:1;}

@media only screen and (max-width:1280px){
	h3{font-size: 20px;}
    h4{font-size: 18px;}
   h5{font-size: 16px;}
   h6{font-size: 14px;}
   a,span,p{font-size: 14px; }
}


@media only screen and (max-width:1024px){
	h3{font-size: 1.6rem;}
	h4{font-size: 1.5rem;line-height: 2rem;}
	h5{font-size: 1.4rem;}
	h6{font-size: 1.3rem;}
	a,p,span{font-size: 1.3rem;line-height: 2rem;}
}


/*---------------------导航栏-------------------- */
.in-nav{ top: 0; text-align: center;height: 90px;padding: 0 2%;background: #fff;z-index: 999; position: fixed; width: 100%;}
.in-logo{width: 18%;float: left;text-align: center;}
.in-logo img{width: 230px;margin-top: 10px;}

.in-nav-list{width: 64%;float: left;display: inline-block;padding: 0 3%;z-index: 10;}
.in-nav-list ul li{float: left;width: 11%;}
.in-nav-list ul li a{width: 100%; color: #2d2d2d;line-height: 90px;display: inline-block;font-size:18px;}
.in-nav-list ul li a:hover{background-color: #f5f5f5;}

.in-focus{width: 18%;float: right;margin-top: 14px;text-align: left;padding-left: 5%;}
.weixin,.weibo{position: relative;}
.weixin a{background: url(../img/weixin.png) left no-repeat;background-size: contain;padding-left: 26px;color: #2d2d2d;font-size: 14px;;}
.weixinp,.weibop{display: none;position: absolute;right: 0;top:30px; background: #f5f5f5;width: 120px;padding: 5px;}
.weibo a{background: url(../img/weibo.png) left no-repeat;background-size: contain;padding-left: 26px;color: #2d2d2d;font-size: 14px;}


@media only screen and (max-width:1440px){
	
	.in-focus{width: 14%; padding-left: 1%;}
	.in-nav-list{padding: 0 1%;}
    .in-nav{padding: 0 1%;}
    .in-logo img { width: 210px; margin-top: 13px;}

}
@media only screen and (max-width:1280px){
    .in-nav{height:80px;}
	.in-logo img{width:170px;}
	.in-nav-list{width: 68%;}
    .in-nav-list ul li a{line-height:80px;font-size:16px;}
}
@media only screen and (min-width:801px) and (max-width:1024px) {
    .in-nav{height:70px;}
	.in-logo {width: 20%;}
	.in-logo img{width:160px;}
	.in-nav-list{width: 78%;padding: 0 ;float: right;}
    .in-nav-list ul li a{line-height:70px;}
	.in-focus{display: none;}
}
		
@media only screen and (max-width:800px){
	.in-nav{height: 65px;}
	.in-logo img{width:170px;margin-top: 8px;}
	.in-focus{width:50%;text-align: right;margin-top: 8px;}
	.in-nav-list{position: fixed;bottom: 40px;right: 0; width:200px;padding: 0;display: none;}
	.in-nav-list ul li{width: 100%; background: #686868;color: #fff;opacity: .99;}
	.in-nav-list ul li a{font-size:14px;text-align:center;color: #fff;line-height: 49px;border-bottom: 1px solid #8b8b8b;}
	.in-nav-list ul li a:hover{color: #2d2d2d;}
}
@media only screen and (max-width:500px){
	.in-nav{height: 60px;}
	.in-logo img{width:150px;margin-top: 5px;}
    .in-focus{margin-top:5px;}
	.in-focus a{padding-left: 20px;}
}


/*---------------------banner & 常用系统-------------------- */

.in-banner{ overflow: hidden;height: 500px; background: url(../img/spring/in-banner.jpg) no-repeat;
            background-position: 63%;background-size: auto 100%;z-index: -1; margin: 90px 0 0 0;}

.in-system{position: relative;z-index: 10;}
.sys-inner{width: 230px;background-color: #686868;opacity: .99;overflow: hidden;}
.sys-tit{height: 53px; text-align: center;background-color: #fff;border-top: 2px solid #2d2d2d;}
.sys-tit h4{line-height: 53px;color: #2d2d2d;font-weight: bold;}
.sys-list ul li{border-bottom: 1px solid #8b8b8b;position: relative;transition: all .5s;}
.sys-list ul li a{color: #fff;padding-left: 24px;line-height: 55px;display: block;z-index: 1;}
.sys-list ul li a i{margin-right: 15px; vertical-align: middle;}
.sys-list ul li::before{content: "";width:100%;height: 100%;position: absolute;left: -230px;top: 0;background-color:#f5f5f5;}
.sys-list ul li:hover::before{transform: translateX(230px);transition: all .5s;z-index: -1;}
.sys-list ul li:hover a{color: #2d2d2d;}

@media only screen and (max-width:1600px) {
    .in-system{width: 95%;}
}


@media only screen and (max-width:1440px){
    .in-banner{height:450px;    background-position: 80%;}
    .in-system{width: 96%;}
    .sys-tit {height: 50px; }
    .sys-tit h4{line-height: 50px;}
    .sys-list ul li a{line-height:49px;}
}

@media only screen and (max-width:1280px){
    .in-banner{height:400px;}
    .in-system{margin-left: 0;width:100%;padding:0;}
    .sys-tit {height: 40px; }
    .sys-tit h4{line-height: 40px;}
    .sys-list ul li a{line-height:44px;}

}

@media only screen and (max-width:1024px){
    .in-banner{height:350px;}
    .sys-tit {height: 39px; }
    .sys-tit h4{line-height: 39px;}
    .sys-list ul li a{line-height:38px;}

}

@media only screen and (max-width:800px){
	.in-banner{height:250px;}
	.in-system{position: fixed;bottom: 40px;left: 0;padding: 0;height: 328px;display: none;}
    .sys-list ul li a{line-height:40px;}
	.sys-tit{display: none;}
    .in-nav-list ul li a{line-height:40px;font-size:14px;}
    .sys-inner { width: 200px; }
}

@media only screen and (max-width:600px){
	.in-banner{height: 150px;}
}


/*---------------------新闻动态 & 通知公告-------------------- */
.in-body{margin-top: 60px;}
.in-news{width: 65%;float: left;}
.news-box{margin-bottom: 40px;}

.news-tit{position: relative;padding-bottom: 20px;}
.news-tit h4{font-weight: bold;display: inline-block;}
.news-tit span{text-transform: uppercase;margin-left: 20px;color: #ababab;}
.news-tit a{color: #4a9ad9;position: absolute;right: 0;}
.news-tit a i{margin-left: 15px;}

.news-list{padding: 20px 0;border-bottom: 1px solid #2d2d2d;border-top: 1px solid #2d2d2d;}
.news-list ul li{margin: 15px 0;}
.news-list a{color: #2d2d2d;display: block;position: relative; }
.news-list span{padding: 0 20px;background-color: #f5f5f5;display: inline-block;text-align: center;float: left;font-size: 14px;}
.list-tt{width: 80%;display: inline-block;float: left;height: 30px;}
.news-list h6{width: 98%; display: inline-block;margin-left:30px; float: left;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.news-list a i{float: right;line-height: 30px;}
.news-list ul li:hover{background-color: #f5f5f5;}
.news-list ul li:hover span{background: #4a9ad9;color: #fff;}
.news-list ul li:hover h6,.news-list ul li:hover i{color:  #4a9ad9}

@media only screen and (max-width:1440px){
	.in-body{width:96%;margin-top: 50px;}
}

@media only screen and (max-width:1280px){
	.in-news{width: 64%;}
	.in-body {width: 100%;margin-top: 30px;}
}

@media only screen and (max-width:1024px){
	.news-list h6{margin-left: 15px;}
	.list-tt{width: 76%;}
	.in-news{width: 100%;float: none;}
	.news-box{float: none;}
    .news-tit{padding-bottom:15px;}
	.news-list a i{display: none;}
}

@media only screen and (max-width:800px){
    .news-list span{font-size:12px;}
}

@media only screen and (max-width:500px){
	.in-body{margin-top: 2rem;padding: 0 12px;min-width: 320px;}
	.news-tit {padding-bottom: 1rem;}
	.news-list {padding: 1.2rem 0;}
	.news-list span {padding: 0 5px;line-height: 30px;}
	.news-list h6 {margin-left: 10px;}
	.news-list ul li { margin: 1rem 0;}
	.news-list ul li a{line-height: 2.4rem;}
	.news-box {margin-bottom: 2rem;}
}

@media only screen and (max-width:400px){
	.list-tt{width: 74%;}
}

/*---------------------首页：常用链接-------------------- */
.in-link{width: 35%;float: right;}
.link-box{margin: 0 0 0 40px;}
.link-list{border: 1px solid #ddd;background-color: #f0f3fc;background-image: url("https://www.transparenttextures.com/patterns/light-sketch.png");}

.link-list ul{margin: 20px;}
.link-list li{margin-bottom: 7px;background: #fff;box-shadow:  0 1px 3px rgba(100,100,100,.4);padding: 0 20px;}
.link-list li:hover{background:#4a9ad9;box-shadow: 0px 0px 5px rgba(100,100,100,0); }
.link-list a{display: block;}
.link-list a:hover span,.link-list a:hover i{color:#fff; }
.link-list a{color: #2d2d2d;line-height: 34px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.link-list a span{color: #2d2d2d;display: inline-block;}
.link-list a i{line-height: 20px;display: inline-block;width: 20px;margin-right: 15px;font-size: 12px;color: #fff;border-radius: 2px;text-align: center;    float: left;
    margin-top: 8px;}

.link-list-up{margin-bottom: 20px;}
.link-list h4{line-height: 40px;text-align: center;color: #fff;}
.link-list-up h4,.link-list-up a i,.link-list-up li:hover{background: #4a9ad9;}
.link-list-down h4,.link-list-down a i,.link-list-down li:hover{background: #49bf68;}


@media only screen and (max-width:1280px){
	.in-link{width: 36%;float: right;}
	.link-box {margin: 0 0 0 20px;}
}

@media only screen and (max-width:1024px){
    .link-box {margin: 0;}
	.in-link{width: 100%;float: none;}
    .link-list ul {margin: 15px 10px;}
	.link-list h4{font-size: 1.6rem;line-height: 35px;}
    .link-list li {width: 46%;float: left;margin-right:20px; }
}

@media only screen and (max-width:800px){
	
    .link-list li {width: 100%;float: none;margin-right:0; }
}



/*---------------------校园风采--------------------
.in-pic{width: 35%;float: right;}
.in-pic img{box-shadow: 0 0 7px rgba(100,100,100,0.3);border-radius: 15px;width: 100%;max-width: 360px;margin:2%;}

@media only screen and (max-width:800px){
	.in-pic{width: 100%;}
	.in-pic img{width: 45%;border-radius: 10px;}
}

@media only screen and (max-width:500px){
	.in-pic img {margin: 1%;}
} */


/*---------------------版权信息-------------------- */

.in-foot{height: 490px; background: url(../img/spring/in-bg.png) bottom no-repeat;position: relative;margin-top: 0; }
.foot-inner{text-align: center;position: absolute;bottom: 30px;left: 0;right: 0;}
.foot-inner p{display: inline-block;margin: 0 10px;font-size:14px;}

@media only screen and (max-width:1440px){
    .in-foot { height: 400px;;}
}

@media only screen and (max-width:1280px){
  
}

@media only screen and (max-width:1024px){
    .in-foot { height: 350px;}
}


@media only screen and (max-width:800px){
	.foot-inner p{display: block;text-align: left;font-size:12px;}
	.in-foot{background-size: 100% auto;height: 400px;margin-top: 0;}
	.foot-inner{top: 30px;}
}

@media only screen and (max-width:500px){
	.in-foot{height: 300px;margin-bottom: 40px;}
}


/*---------------------手机导航-------------------- */
.phone-nav{width: 100%; height: 40px;background: #424242;position: fixed;bottom: 0;display: none;}
.phone-nav-s{position: relative;}
.phone-nav-s::before{content: "";width: 1px;height: 20px;position: absolute;right: 0;bottom: 10px;background: #ccc;}
.phone-nav span{width: 49%; line-height: 40px;color: #fff;text-align: center;display: inline-block;cursor: pointer;}
.phone-nav i{margin-right: 10px;}

@media only screen and (max-width:800px){
	.phone-nav{display: block;}
}


/*---------------------详情------------------- */


.details{margin-top: 20px;}
.suoyin a{color: #2d2d2d;}
.suoyin a:first-child{font-weight: bold;}
.suoyin i{margin: 0 10px;}

.det-tit{text-align: center;background: #f5f5f5;margin: 20px auto;padding: 7px 10px;border: 1px solid #e6e6e6;}
.det-tit h3{font-weight: 600;letter-spacing: 5px;}

.det-cont{background: #f5f5f5;margin: 20px auto;padding: 40px 70px;border: 1px solid #e6e6e6;}
.det-cont li{margin-bottom: 30px;}
.det-cont li p{text-indent: 30px;margin: 0;}
.det-cont li span{display: block;}
.det-cont li strong{margin: 14px 0;display: block;}

.det-back{background: #ccc;margin: 20px auto;padding: 7px 0;border: 1px solid #e6e6e6;text-align: center;}
.det-back a{display: block;color: #2d2d2d;font-size: 16px;}
.det-back:hover{background: #2d2d2d;}
.det-back:hover a{color: #f5f5f5;}

.detailsx{width: 70%;float: right;}
.detailsx .det-cont{padding: 30px 40px;}

@media only screen and (max-width:1000px){
	.detailsx .det-cont{padding: 20px 15px;}
}

@media only screen and (max-width:800px){
	.det-cont{padding: 20px 30px;}
	.detailsx{width: 97%;float: none;margin: 0 auto;}
}

@media only screen and (max-width:500px){
	.det-cont{padding: 15px 15px;}
}



/*---------------------选项卡------------------- */

.choose{margin-top: 0;}
.choose-l{width: 27%; background: #e6e6e6;float: left;padding: 40px 20px;}
.choose-list a{display: block;line-height: 40px;color: #2d2d2d;padding:0 20px;}
.choose-list ul li{background-color: #fff;margin-bottom: 5px;}

.choose-list a i{float: right;line-height: 40px;font-size: 12px;}

.choose-r{width: 70%; margin-top: 40px;float: right;}
.choose-r .suoyin{float: right;}

.active-c{background: #4a9ad9!important;color: #fff!important;}

.fanye{text-align: center;margin: 30px auto;}

@media only screen and (max-width:1200px){
	.choose{width: 100%;padding-left: 0;}
	.choose-l{padding: 40px 10px;}
	.choose-list a{padding: 0 10px;line-height: 35px;}
	.choose-list a i{ line-height: 35px;}
}


@media only screen and (max-width:800px){
	.choose{padding: 0;}
	.choose-l,.choose-r{float: none;width: 100%;}
	.choose-list ul li{width: 48.5%;float: left;margin-left: 3px;}
	.choose-r{padding: 0 10px;}
}

@media only screen and (max-width:500px){
	.choose-l{padding: 1.2rem 10px;}
	.choose-tit{text-align: center;}
	.choose-list ul li{width: 48%;float: left;margin-left: 3px;}
	.choose-r{padding: 0 10px;margin: 1.4rem 0 0 0;}
	.choose-list a {padding: 0 10px;}
	.choose-r .suoyin{display: none;}
	.choose-r .news-box {margin-bottom: 0;}
	.choose-list a i{display: none;}
}


/*---------------------悬浮窗口------------------- */

.go-up{width: 50px;position: fixed;right: 20px;bottom:50px;box-shadow: 0 5px 15px rgba(100,100,100,.5);z-index: 10;background-color: #fff;}
.go-up ul li{height: 50px;text-align: center;line-height: 50px;cursor: pointer;}
.active-s{background: #f5f5f5;color: #2d2d2d;}
.go-up a{color: #fff;height: 50px ;text-align: center;display: inline-block; line-height: 50px;background-color: #4a9ad9;width: 50px;}

@media only screen and (max-width:500px){
	.go-up{display: none;}
}