{margin: 0; padding: 0; font-family: '微软雅黑' !important;}
a{text-decoration: none;}
li{list-style: none;}
img{border: none;}


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,article,aside,dialog,footer,header,section,footer,nav,figure,menu{margin:0;padding:0;}
hr{margin:0;padding:0;border:0;}
iframe{padding:0;margin:0;border:0;}
table{border-collapse:collapse;border-spacing:0;text-align:center;}
table,td{border-color:#999;}
fieldset,img{border:0;display:block;}
input{border:0;outline:none;}
ol,ul{list-style:none;}
li{list-style-type:none;}
caption,th{text-align:center;}
address,cite,code,em,th,i,b{font-style:normal;font-weight:normal;}
a{text-decoration:none;}


article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{font-family:"microsoft yahei";}
 

header{width: 100%; height: 120px; background:  center center no-repeat; background-size: cover;}
header .logo{
	float: left;
}
.header{width: 1280px; margin: 0 auto;}
.search{float: right;}
.logo *{display: inline-block; vertical-align: middle;}
.logo span{width: 2px; height: 40px; margin: 0 20px 0 20px; background-color: #ccc;}

header{width: 100%; height: 120px; background: url(../images/header_bg.png) center center no-repeat; background-size: cover;}

.search{padding-top: 30px;}
.search a{font-size: 14px; cursor: pointer; margin: 20px; color: #fff;}
.search>.search-top>span{ height: 18px;border-left: 1px solid #ccc;}
.search input{display: block; outline: none; margin-left: 10px; width: 272px; border: none; padding-left: 10px;
 border-radius: 10px; height: 38px; margin-top: 10px; color: #000; font-size: 14px; background: #ffff;}
.search button{height: 38px; border-radius:0px  10px 10px 0px; position: relative; outline: none; top: -38px; left: 253px;
 cursor: pointer; display: block; border: none; background: #003967;width: 40px;display: flex;justify-content: center;align-items: center;}
.search button img{
    display: block;
    width: 20px;
        
}

nav{width: 100%; height: 75px; background: hsl(207, 94%, 26%); font-size: 0;position: relative;z-index: 999;}
.nav{width: 1391px; margin: 0 auto; display: flex;position: absolute;left: 50%;margin-left: -696px;}
.nav a{display: inline-block; line-height: 75px; vertical-align: top; font-size: 18px;color: #fff; transition: all .5s;}
.sub-nav a:hover{background: #044980b8; color: #fff;}
.nav li{ position: relative; height: 75px; overflow: hidden; z-index: 900; display: inline-block; text-align: center;  vertical-align: top;min-width: 100px;}
.sub-nav{ display: inline-block; visibility: hidden; position: relative; top: -20px; opacity: 0; white-space: nowrap; transition: all .5s; background: #ba0000;width: 100%;}
.sub-nav a{display: block; width: auto !important; text-align: left !important;  line-height: 60px !important; padding: 0 40px 0 40px  !important;font-size: 14px;}
.nav li:hover .sub-nav{ opacity: 0; visibility: inherit; top: 0px; opacity: 1;background-color: #fff;}
.nav li:hover{background-color: #fff; overflow: inherit;}
.nav li:hover a{
    color:#044980;
}
.nav li::after{
    content: '';
    display: block;
    height: 18px;border-left: 1px solid #0073ce;
    position: absolute;
    top: 31px;
    left: 0;
}
.nav li:nth-child(1):after{
    display: none;
}
.swiper-pagination-custom {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-container1 .swiper-pagination-bullet,.swiper-container3 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    margin: 0 5px;opacity: 1;
}
/*自定义分页器激活时的样式表现*/
.swiper-container1 .swiper-pagination-bullet-active,.swiper-container3 .swiper-pagination-bullet-active {
    width: 38px;
    border-radius: 5px;
    background-color: #fff;
}



/* 学院新闻 */
.news{
    width: 1391px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;flex-direction: row;
}
.news_con{
	width:1015px;float: left;
}
.news .left{
    width: 515px;
    margin-right: 28px;float: left;
}


h4{
    text-indent: 25px;
    font-size: 18px;
    width: 100%;
    color: #fff;
    height: 50px;
    background-color: rgba(140,140,140,.5);
    position: absolute;
    bottom: 0px;
    line-height: 50px;
}
.swiper-container2{
    display: flex;
    flex-direction: row;
}
.swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets{text-align: right;bottom: 50px;left: -10px;}
.swiper-container2 .swiper-pagination-bullet {
    bottom: 17px;
    right: 0;
    width: 100%;opacity: 1;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-container2 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border: #fff 2px solid;
    border-radius: 50%;
    display: inline-block;
    background-color: #5e5e5b;
   
    margin: 0 4px;
}
/*自定义分页器激活时的样式表现*/
.swiper-container2 .swiper-pagination-bullet-active {
    background-color: #ff0000;
}
.swiper-container2 img {
	width: 100%;
}
/* 查看更多 */
/* h6{
    position: relative;
    text-align: right;
    line-height: 56px;
    font-size: 12px;
    color: #7f7f7f;
    padding-right: 30px;
}
 h6::after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/more.png) no-repeat ;
    background-size: auto;
    position: absolute;
    top: 22px;
    right: 0;
} */
.news_left{
	display: flex;
	justify-content: space-between;
}
.news .center{
	width: 470px;float: right;
}
.news .center li{
    position: relative;
    width: 470px;
    height: 44px;
    line-height: 44px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #ccc;
}
.news .center li a{
    font-size: 16px;
    color: black;
    left: 20px;
    position: absolute;width:77%;display: inline-block;
	white-space: nowrap; 
	 overflow: hidden;
	 text-overflow: ellipsis;

}
.news .center li span{
    font-size: 12px;
    color: #8c8c8c;
}

/* .news .right h3{
    text-indent: 44px;
}
.news .right h3::after{
    content: '';
    display: block;
    width: 36px;
    background: url(../images/craft.png) no-repeat ;
    
} */
.news .right a{
    font-size: 24px;
    color: #fff;
}
.news .right{
    margin-left: 52px;width: 320px;
	float: right;
}
.news .right li{
    width: 320px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    margin-top: 20px;
}
.news .right li:nth-child(1){
    background-color: #d97538;
}
.news .right li:nth-child(2){
    background-color: #0ba299;
}
.news .right li:nth-child(3){
    background-color: #5f9d3f;
}
.news .right li:nth-child(4){
    background-color: #0062ac;
}
.notice{
    background-color: #f3f3f3;
    margin-top: 50px;
}
.notice .content{
    width: 1391px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
/* .notice .content h3::after{
    background: url(../images/notice.png) no-repeat ;
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-size: auto;
	position: absolute;
	top: 21px;
    
} */
.content .left{
    width: 1017px;
    position: relative;
}
.content .left ul{
    display: flex;
    justify-content: space-between;
   flex-wrap: wrap;
}
.notice .content .left li{
    width: 486px;
    height: 73px;
    background-color: #e2e9ee;
    display: flex;
    margin-bottom: 30px;
}
.notice .content .left li .time{
    width: 73px;
    padding: 10px 0;
}
.notice .content .left li a{
    color: black;
    margin: 15px;
  overflow: hidden;width: 90%;
  text-overflow: ellipsis;
  /* 将对象作为弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 限制在一个块元素显示的文本的行数 */
  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
  -webkit-line-clamp: 2;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;

}
.time{
    background-color: #c1d9ec;
    color: #0061ae;
}
.time h2{
    font-size: 24px;
    text-align: center;
}
.time p{
    font-size: 12px;
    text-align: center;
}
/* .content>.left .more{
    font-size: 12px;
    color: black;
} */

/* .content>.left .more{
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    line-height: 56px;
    font-size: 12px;
    color: #7f7f7f;
    padding-right: 30px;
}
.content>.left .more::after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/more01_03.png) no-repeat ;
    background-size: auto;
    position: absolute;
    top: 22px;
    right: 0;
} */
.content .right li{
    width: 320px;
    /*height: 42px;*/
    text-align: center;
    margin-bottom: 5px;
}
.content .right li:nth-child(1){
    background-color: #378ed0;
}
.content .right li:nth-child(2){
    background-color: #51cbc4;
}
.content .right li:nth-child(3){
    background-color: #82ca5d;
}
.content .right li:nth-child(4){
    background-color: #6fa8d3;
}
.content .right li:nth-child(5){
    background-color: #e09567;
}
.content .right li:nth-child(6){
    background-color: #aa76cb;
}
.content .right li:nth-child(7){
    background-color: #dd7399;
}
.content .right li>a{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}
.bottom{
    height: 124px;  
    background-color: #044980;
   
}
.bottom .content{
    width: 1391px;
    margin: 0 auto;
    position: relative;
}
.bottom .logo{
	float:left;
}
.top{
    position: absolute;
    right: 0;
    bottom: 30px;
}
.bottom .content span{
    font-size: 14px;
    color: #fff;
    
}
.contact{
    padding-top: 40PX;
    padding-bottom: 30PX;
    margin-left: 30PX;
}
.contact span{
    display: block;
}



.bottomsj{
    background-color: #044980;
	text-align: center;
	padding: 20px 0px;
	color: #fff;margin-top: 20px;width: 100%;float: left;
   
}
.bottomsj .logo{
	width: 70%;margin: 0px auto;
}
.bottomsj .logo a{
	width: 100%;
}
.bottomsj .logo img {
	width: 100%;
}
.bottomsj .content{
    width: 100%;
    margin: 0 auto;
    position: relative;
}


.bottomsj .content span{
    font-size: 14px;
    color: #fff;
    
}
.bottomsj a{
	color: #fff;
}

.search{float: right;}
/* .logo{float: left; padding-top: 0px;} */
.logo *{display: inline-block; vertical-align: middle;}
.logo span{width: 2px; height: 40px; margin: 0 20px 0 20px; background-color: #ccc;}


/* .search{padding-top: 30px;}
.search a{font-size: 14px; cursor: pointer; margin: 20px; color: #fff;}
.search>.search-top>span{ height: 18px;border-left: 1px solid #ccc;}
.search input{display: block; outline: none; margin-left: 10px; width: 272px; border: none; padding-left: 10px; border-radius: 10px; height: 38px; margin-top: 10px; color: #fff; font-size: 14px; background: #ffff;}
.search button{height: 38px; position: relative; outline: none; top: -38px; left: 248px; cursor: pointer; display: block; border: none; background: #003967;}
.search button img{
    display: block;
    height: 100%;
        
}
 */
/* nav{width: 100%; height: 75px; background: hsl(207, 94%, 26%); font-size: 0;position: relative;}
.nav{width: 1391px; margin: 0 auto; display: flex;position: absolute;left: 50%;margin-left: -696px;}
.nav a{display: inline-block; line-height: 75px; vertical-align: top; font-size: 18px;color: #fff; transition: all .5s;}
.sub-nav a:hover{background: #044980; color: #fff;}
.nav li{width: auto; position: relative; height: 75px; overflow: hidden; z-index: 900; display: inline-block; text-align: center;  vertical-align: top;}
.sub-nav{ display: inline-block; visibility: hidden; position: relative; top: -20px; opacity: 0; white-space: nowrap; transition: all .5s;
 background: #ba0000;width: 100%;}
.sub-nav a{display: block; width: auto !important; text-align: left !important;  line-height: 60px !important; padding: 0 40px 0 40px  !important;font-size: 14px;}
.nav li:hover .sub-nav{ opacity: 0; visibility: inherit; top: 0px; opacity: 1;background-color: #fff;}
.nav li:hover{background-color: #fff; overflow: inherit;}
.nav li:hover a{
    color:#044980;
}
.nav li::after{
    content: '';
    display: block;
    height: 18px;border-left: 1px solid #0073ce;
    position: absolute;
    top: 31px;
    left: 0;
}
.nav li:nth-child(1):after{
    display: none;
} */

.clear_hidden{
    overflow: hidden;
}

.list_news li{
    height: 57px;width: 100%;
    border-bottom: 1px dashed #ccc;
    line-height: 57px;
}
.list_news li .left{
    margin-right: 5px;float: left;
}
.list_news li .right{
float: right;color: #ccc;
}
.list_news li a{
    width: 68%;display: inline-block;
    color: black; white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;float: left;

}
.list_news li:hover {
 
    border-bottom: 3px solid #0061ae;
}
.list_news li:hover  a{
	   color: #0061ae;
}
.button{
    width: 600px;
    margin: 20px auto;
   /* margin-top: 100px;*/
}
.button button{
    margin-left: 60px;
    padding: 10px 30px;
    background-color: #0061ae;
    box-shadow: none;
    border: none;
    color: white;
}
.main {
	width: 1391px;
	margin: 0px auto;
}
.main .title {
    font-size: 14px;
    color: #ccc;
    width: 100%;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    
}
.main .title>span{
    font-size: 24px;
    border-left: 3px solid #0061ae;
    color: #0061ae;
    padding-left: 10px;
}
.main .title>dl{
    display: flex;
}


.container .bottom{
    height: 124px;  
    background-color: #044980;
   
}
.bottom .content{
    width: 1391px;
    margin: 0 auto;
    position: relative;
}

.top{
    position: absolute;
    right: 0;
    bottom: 30px;
}
.bottom .content span{
    font-size: 14px;
    color: #fff;
    
}
.contact{
    padding-top: 40PX;
    padding-bottom: 30PX;
    margin-left: 30PX;
}
.contact span{
    display: block;
}
.main .title>dl a{
    color: #ccc;
}


/* .search{float: right;}
.header .logo{float: left; }
.logo *{display: inline-block; vertical-align: middle;}
.logo span{width: 2px; height: 40px; margin: 0 20px 0 20px; background-color: #f97871;} */
/* 
.search{padding-top: 30px;}
.search a{font-size: 14px; cursor: pointer; margin: 10px; color: #a92823;}
.search input{display: block; outline: none; margin-left: 10px; width: 200px; border: none; padding-left: 10px; border-radius: 15px; height: 30px; margin-top: 10px; color: #fff; font-size: 14px; background: #A92823;}
 *//* .search button{position: relative; outline: none; top: -24px; left: 190px; cursor: pointer; display: block; border: none; background: #A92823;}
 */
/*nav{width: 100%; height: 84px; background: #a92823; font-size: 0;}*/
/* .nav{width: 1296px; margin: 0 auto;} */
/*.nav a{display: inline-block; line-height: 84px; vertical-align: top; font-size: 18px;color: #fff; transition: all .5s;}*/
.sub-nav a:hover{background: #044980b8; color: #fff;}
/*.nav li{position: relative; height: 84px; overflow: hidden; width: 144px; z-index: 900; display: inline-block; text-align: center;  vertical-align: top;}*/
/*.sub-nav{ display: inline-block; visibility: hidden; position: relative; top: -20px; opacity: 0; white-space: nowrap; transition: all .5s; background: #ba0000;}*/
/*.sub-nav a{display: block; width: auto !important; text-align: left !important;  line-height: 60px !important; padding: 0 40px 0 40px  !important;}*/
.nav li:hover .sub-nav{ opacity: 0; visibility: inherit; top: 0px; opacity: 1;}
.nav li:hover{background: #fff; overflow: inherit;}

.banner{width: 100%;}
.banner-con{position: relative; width: 100%;}
.banner .bg{position: relative; width: 100%; z-index: 1;}
.banner .word{position: absolute; z-index: 2; display: block; left: 50%; transform: translateX(-50%); top: 160px;}

footer{width: 100%; height: 233px; background: url(../image/bg2.png) center center no-repeat; background-size: cover;}
.footer{width: 1280px; margin: 0 auto;}
.footer-top{color: #fff; padding: 40px 0 40px 0;}
.footer-top img,.footer-top span,.footer-top a{display: inline-block; vertical-align: middle;}
.footer-top span{font-size: 26px;}
.footer-top a{width: 200px; line-height: 40px; margin-left: 22px; text-align: center; background: #fff; color: #818181;}
.footer-top a:hover{background: #ffe7ae;}

.f{text-align: center; font-size: 14px; line-height: 26px; color: #fff;}


.list-left{float: right; font-size: 16px;}
.list-left *{display: inline-block;vertical-align: middle;}
.list-left a{color: #333333;}
.list-left a:hover{color: #ce1012;}
.list-left a::after{content: ">";}
.list-left a:last-child::after{display: none;}

.clear_hidden{
    overflow: hidden;
}
*{
    margin: 0;
    padding: 0;
}
.list_news{
font-size: 16px;
width: 100%;
margin: 50px auto;
color: black;


}
.list_news .bottom_my>ul{
    display: flex;
    flex-direction: row-reverse;
   
}

.button_my{
    
    margin: 20px auto;
    margin-top: 100px;
}

.main_my .title {
    font-size: 14px;
    color: #ccc;
    width: 1391px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    
}
.main_my .title>span{
    font-size: 24px;
    border-left: 3px solid #044980;
    color: #044980;
    padding-left: 10px;
}
.time_my{
    color: #ccc;
    display: block;
    line-height: 70px;
    width: 100%;
    text-align: center;
}
.main_my .title>dl{
    display: flex;
}
.content_my,.bottom_my{
     width: 1391px;margin: 0px auto;
}
.content_my h1{
    text-align: center;
}
.content_my >.logo>span{
    display: block;
    text-align: center;
    margin-top: 20px; 
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.content_my img{
    /*display: block;
	width: 50%;*/
    margin: 0 auto;
}
.content_my p{
    line-height: 30px;
    text-indent: 30px;
}
.content_my h4{
    font-weight: normal;
    text-align: center;
    line-height: 40px;
}
.bottom_my>ul>li>a{
    color:black;
}
.bottom_my>ul>li>a:hover{
    color: red;
}
 .button_my{
     width: 1164px;
     margin: 30px auto;
    font-size: 16px;
    display: flex;
}
.button_my .prev,.button_my .next{
    width: 50%;
}
.button_my .prev>span,.button_my .next>span{
    color: red;
    font-weight: 600;
    font-size: 20px;
}
.button_my .prev>a,.button_my .next>a{
    color: black;
   
}
.button_my .prev>a:hover{
    color: red;
    border-bottom: 2px solid red;
}
.button_my .next>a:hover{
    color: red;
    border-bottom: 2px solid red;
}
.h4{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 60px;
}
.main_my .title>dl a{
    color: #ccc;
}

table{
    text-align: center;
    margin: auto;
}


.slide{display: inline-block; vertical-align: top; margin-top: 60px; width: 280px;}
.first{display: block; margin-bottom: 20px;  width: 240px;  height: 60px; line-height: 60px; text-align: center; font-size: 24px; 
background: #004ca3; color: #fff;}
.se{display: block; width: 240px;  height: 50px;  line-height: 50px; text-align: center; font-size: 18px; background: #efefef; color: #555555;}
.this{background: #387ac5; color: #fff;}

.lis-content{position: relative;width: 1368px; margin: auto;}
.lis{ width: 1065px; display: inline-block; padding: 50px 0 0 0; background: #fff;}
.lis ul{padding-top:25px;width:100%}
.lis li{width:100% ;display: inline-block; height: 57px; border-bottom: 1px dashed #ccc; line-height: 57px;}
.lis li .id{display: inline-block; vertical-align: top; width: 20px; font-size: 16px; color: #ccc}
.lis a{display: inline-block; font-size: 16px;  color:black;}
.lis .times{float: right; font-size: 16px; color: #ccc;;}
.lis li a{max-width: 68%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.position{width: 1065px; height: 46px; margin: 0 auto; line-height: 46px; border-bottom: 1px solid #5885ad;}
.position .l strong{font-size: 18px; color: #0052a6;}
.position .l{float: left;}
.position .r{float: right;}
.position .r a, .position .r p, .position .r span{display: inline-block; margin: 0 !important; text-decoration: none; font-size: 14px; color: #4e4f51;}

#dopages{padding: 40px 0 40px 0}
#dopages .page{font-size:0;text-align:center;}
#dopages .page a{line-height:30px;height:30px;display:inline-block;*display:inline;*zoom:1;font-size:14px;border:1px solid #d5d5d5;background:#fff;color:#666666;text-align:center;padding:0 10px;margin:0 5px; text-decoration: none;}
#dopages .page a:hover{background:#0076ab;color:#fff;}
#dopages .page a.now{background:#0076ab;color:#fff;}
#dopages .page a.prev{margin-right:10px;}
#dopages .page a.next{margin-left:10px;}
.p_first_d, .p_last{display:none}

.p_fun_d {
    line-height: 30px;
    height: 30px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #666666;
    text-align: center;
    padding: 0 10px;
    margin: 0 5px;
    text-decoration: none;
}

.centerBig img {
				-webkit-animation-name: centerBig;
				animation-name: centerBig;
			}
			
			@-webkit-keyframes centerBig {
				100% {
					transform: scale(1.1, 1.1);
				}
			}
			
			@keyframes centerBig {
				100% {
					transform: scale(1.1, 1.1);
				}
			}
			.swiper-slide img {
				animation-duration: 5s;
				animation-timing-function: linear;
				animation-fill-mode: forwards;
				-webkit-animation-duration: 5s;
				-webkit-animation-timing-function: linear;
				-webkit-animation-fill-mode: forwards;
			}

.sjbanner{
/* 	margin-top: 55px; */
	margin-top: 60px;
	
	width: 100%;
	float: left;
}
.sjbanner img {
	width: 100%;
}
.sjtop{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;width: 90%;
	padding: 15px 5%;background: url(../images/sjtopbj.png) center center no-repeat;position: fixed;top: 0px;
	left: 0px;z-index: 999;height: 30px;
}
.sjtop .search-btn2{
	width: 12%;
}
.sjtop .search-btn2 img{
	width:100%;
}
.sjlogo {
	width:80%;
}
.sjlogo img {
	width: 100%;
}
.navbtnm{
	width:10%;position: relative;
	z-index: 999;
}
.navbtnm img {
	width: 100%;
}

 .big-nav {
    position: fixed;
    z-index: 49;
    top: 0;
    right: 0%;
    background-size: cover;
 transition: 0.3s;
    height: auto;
    width: 100%;
    overflow-y: auto;
	display: none;
  }
  
  .big-nav .scroll {
/*    overflow-y:auto; */
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    top: 55px;
    z-index: 22;
    background: #0b76cc;
    padding-bottom: 15px;
    color: #fff;
    height: 94%;
  }
  .big-nav .scroll ul {
	  width: 100%;
  }

  .big-nav .scroll .ul2 li {
    width: 33%;
    text-align: left;
    padding: 5px 0;
  }
  .big-nav .scroll .ul2 li a {
    color: #fff;
    font-size: 12px;
    line-height: 50px;
    font-weight: normal;
    padding: 0 10px 0 15px;
    position: relative;
    display: flex;
    align-items: center;
      word-break: keep-all;
  }
  .big-nav .scroll .ul2 li a i {
    font-size: 2rem;display: flex;align-items: center;justify-content: center;
  }
.big-nav .scroll .ul2 li a i.icon-fanhuishouye {font-size:3rem;}
  .big-nav .scroll .ul2 li .icons {
    margin-right: 1rem;
    width: 4rem;
    height: 4rem;
  }
   .big-nav .scroll .ul2 li .icons img {
	   line-height: 4rem;
	   vertical-align: middle;width: 90%;
   }
  .big-nav .scroll .ul2 li.on a {
    color: #c80514;
  }
  .big-nav .scroll .ul2 li.li2 {
    width: 65%;
  }
/*  .big-nav .scroll .ul2 li:last-child {
    margin-top: 1rem;
    width: 100%;
  } */
  .big-nav .scroll .ul1 li {
    width: 100%;
    text-align: left;
    padding-top: 0;
    border-bottom: rgba(238, 238, 238, 0.1) solid 1px;
  }
  .big-nav .scroll .ul1 li h2 {
    font-size: 15px;
    line-height: 40px;
    padding: 0 10px 0 15px;
    position: relative;
  }
  .big-nav .scroll .ul1 li h2 a {
    display: block;
    color: #fff;
    font-weight: normal;
  }

  .big-nav .scroll .ul1 li .list {
    padding: 0 15px 10px 15px;
    display: none;
  }
  .big-nav .scroll .ul1 li .list h3 {
    font-size: 14px;
    line-height: 38px;
    padding-left: 10px;
    margin: 0;
    font-weight: normal;
  }
  .big-nav .scroll .ul1 li .list h3 a {
    color: #fff;
  }
  .big-nav .scroll .ul1 li .list h3:nth-child(1) {
    border: 0;
  }
  .big-nav .scroll .ul1 li .list dl {
    padding: 0 10px 10px 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .big-nav .scroll .ul1 li .list dd {
    font-size: 13px;
    line-height: 33px;
    width: 100%;
  }
  .big-nav .scroll .ul1 li .list dd a {
    display: block;
  }
  .big-nav .scroll .ul1 li.on h2 a {
    color: #fff;
  }
    .big-nav .scroll .ul1 li h2.v1:after {
      display: block;
      position: absolute;
      top: 13px;
      right: 20px;
      font-size: 12px;
      font-family: "iconfont" !important;
      content: "";
      color: #fff;
      transition: 0.3s;
  	background: url(../images/xiajiantou.png) center center no-repeat;width: 25px;
  	height: 14px;background-size:80%;
    }
  .big-nav .scroll .ul1 li.on h2.v1:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  
  .ss_input {
  		width:95%;margin: 10px auto;
  		display: flex;height:42px;
  		flex-direction: row;border-radius: 5px;
  		align-items: center;overflow: hidden;
  	}
  	.ss_input p{
  			width: 95%;
  			height:42px;
  			background-color: #ffffff;
  					border-radius: 5px;	display: flex;align-items: center;padding: 0px 2.5%
  	}
  			.ss_input input[type='text']{
  						width:92%;
  						color: #a2a2a2;	font-size: 16px;height: 42px;
  						border: none;outline: none;color: #000;
  			}
  			
  		.ss_input img {
  	margin-left: 10px;
  	
  	} .big-nav .scroll .ul2{
		 width: 100%;
		 margin-top: 20px;
	 }
	 .big-nav .scroll .ul2 li {
	      width: 33%;float: left;
	      text-align: left;
	      padding: 5px 0;
	    }
		.icons {
		  width:30PX;
		  height:30PX;
		  flex-shrink: 0;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  box-sizing: border-box;
		  border-radius: 50%;
		  border: 1px dashed rgba(255, 255, 255, 0.2);
		}
	    .big-nav .scroll .ul2 li a {
	      color: #fff;
	      font-size: 14px;
	      line-height: 40px;
	      font-weight: normal;
	      padding: 0 10px 0 15px;
	      position: relative;
	      display: flex;
	      align-items: center;
	        word-break: keep-all;
	    }
	    .big-nav .scroll .ul2 li a i {
	      font-size: 2rem;display: flex;align-items: center;justify-content: center;
	    }
	  .big-nav .scroll .ul2 li a i.icon-fanhuishouye {font-size:24px;}
	    .big-nav .scroll .ul2 li .icons {
	      margin-right: 1rem;
	      width: 40px;
	      height: 40px;
	    }
	     .big-nav .scroll .ul2 li .icons img {
	  	   line-height: 4rem;
	  	   vertical-align: middle;width: 90%;
	     }
	    .big-nav .scroll .ul2 li.on a {
	      color: #c80514;
	    }
	    .big-nav .scroll .ul2 li.li2 {
	      width: 65%;
	    }
  

	.closemenu{
		display: none;
	}
	.sjcon{
			display: block;
		}
		.pcno{
			display: none;
		}
		.wid1240{
			width:95%;margin: 0px 2.5%;
		}
		.wid100{
			width:95%;
			margin:0px;
			padding: 0px 2.5%;
		}
	
	
	.index_tit{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;align-items: center;  line-height: 70px;height: 70px;margin-top: 10px;
	}
.index_tit h3{
/* 
   
    line-height: 70px; */
	 text-indent: 15px;
    font-size: 20px;
    color: #7f7f7f;
	float: left;
}
.index_tit  a{
	line-height: 45px;display: flex;
	align-items: center;
	flex-direction: row;
}
.index_tit a.more{
	    position: relative;
	    text-align: right;
	    line-height: 56px;
	    font-size: 12px;
	    color: #7f7f7f;
	    padding-right: 30px;
	}
.index_tit a.more::after{
	    content: '';
	    display: block;
	    width: 30px;
	    height: 30px;
	    background: url(../images/more.png) no-repeat ;
		
	    background-size: auto;
	    position: absolute;
	    top: 22px;
	    right: 0;
	}
	
	
	.bannerny{ position: relative; z-index: 2; background: #fff; min-height:60px; overflow: hidden;}
	.bannerny{ width: 100%; height: auto; margin-bottom: 12px; overflow: hidden;}
	.bannerny img{
		width: 100%;
	}



.pcno .bannerny{
	margin-top: 38px;width: 100%;float: left;
}
.sjno .bannerny{
	margin-top: 38px;width: 100%;float: left;
}







@media (max-width: 767.98px) {
	
	.content_my img{
		
		width: 100%;
		height: 100%;
	}
	

	.content_my h1{
		font-size: 18px;
	}
	.sjno{
				display: none;
			}
			.pcno{
				display: block;
			}
	.news,.notice .content{
		display: flex;
		flex-direction: column;
	}
	.news,.notice .content,.bottom .content,.content_my,.bottom_my,.button_my,.button{
		width: 95%;margin: 0px auto;
	}
	.news .left,.news .center,.news .right,.news_con,.news .center li,.content .right li,.bottomsj .contact,.button_my .prev, .button_my .next{
		width: 100%;
	}
	.bottomsj .contact{
		margin-left: 0px;display: flex;
		flex-direction:column;
		align-items: center;
		font-size: 14px;padding: 20px 0px;line-height: 20px;
	}
	.button_my{
		display: flex;
		flex-direction:column;
	}
	.news .right{
		margin-left: 0px;
	}
	.content .left{
		width: 100%;
	}
	.news_left{
		flex-direction: column;
	}
	.index_tit{
		line-height: 45px;height: 45px;
	}
	.index_tit h3{
		line-height: 45px;font-size: 18px;text-indent:15px;;
	}
	.index_tit h3::after,{
		top:10px;
		width: 24px;background-size: 24px
	}
	.news .right h3::after{
		width: 30px;background-size: 30px;top: 15px;
	}
	.news .right li{
		width: 100%;
		margin-top: 10px;
	}
	.notice{
		margin-top: 30px;
	}
	.notice .content .left li{
		width: 100%;margin-bottom: 15px;
	}
	
	
	.swiper-container2 .swiper-pagination-bullet {
	    width: 10px;
	    height: 10px;
	    border: #fff 1px solid;
	    border-radius: 50%;
	    display: inline-block;
	    background-color: #5e5e5b;
	   
	    margin: 0 4px;
	}
	
	.swiper-container2 .swiper-pagination-bullet-active {
	    background-color: #ff0000;
	}
	h4{
		font-size: 16px;height: 40px;line-height: 40px;
	}
	.main,.lis-content,.main_my .title{
		width: 95%;margin: 0px auto;
	}
	.content_my{
		margin-top: 20px;
	}
	.main .title,.list_news{
		width: 100%;
		margin: 20px auto;float: left;
	}
	.list_news{
		margin-top: 0px;
	}
	.slide,.main_my .title>dl,.position .r,.main .title>dl{
		display: none;
	}
	.lis,.position,.lis ul,.lis li{
		width: 100%;
	}
	.lis,.lis ul{
		padding-top: 20px;
	}
	.lis li{line-height: 45px;height: 45px;}
	#dopages,.button{padding: 20px 0 20px 0}
}