/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1600px;
		 max-width: 100%;
	
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}



.loginbox{width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: column;}
.login{padding: 50px;border-radius: 10px;background-color: #fff;}
.login h1{text-align: center;font-size: 24px;color: #333;text-align: center;letter-spacing: 4px;margin-bottom: 20px;}
.login ul li{width: 100%;margin-bottom: 10px;}
.login ul li .l_text{width: 100%;border: 1px solid #333;border-radius: 5px;height: 30px;line-height: 30px;padding: 0 10px;}
.login ul li .l_btn{background-color: #2a62ac;color: #fff;font-size: 16px;border-radius: 5px;width: 100%;height: 30px;line-height: 30px;}


.topbox{width: 100%;margin: 0 auto;background: linear-gradient(to bottom,#55b4f6,#64bff4);}
.top{width: 100%;margin: 0 auto;display: flex;align-items: center;padding: 10px 0;}




.mainbox{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.menu{width: 20%;background-color: #e6efff;}
.main_right{width: 80%;}
.menu .title{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 10px;border-bottom: 2px solid #aec9ef;}
.menu .title span{display:block;text-align:left;font-size: 16px;line-height: 40px;}
.menu .title i{transform: rotate(180deg);}
.menu .title i img{width: 20px;}
.list>ul>li{border-bottom: 2px solid #aec9ef;}
.list ul li{position: relative;padding: 0 10px;}
.list ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;font-style: normal;}
.list ul li{position:relative;line-height:45px;font-size:16px}
.list>ul >li:last-child{border-bottom: 2px solid #aec9ef;}
.list ul li ul{display:none}
.list ul li a{color:var(--font-color);width:100%;padding: 0 1.4vw;display: block;box-sizing: border-box;}
.list ul li a:hover{color: #000000;}
.list ul li ul li a{     color: var(--font-color);
    display: block;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;}
.list ul li ul li a img {
    padding: 0 5px;
}
.list ul li i{color: #2a62ac;}
.list ul li i img{width: 20px;}
.list ul li i.on{transform: rotate(90deg);}
.list ul li ul li>ul{margin-left:10px}
.list ul li ul li{border-top: none;}


.show_list{width: 100%;background-color: #e0ecff;border-top: 1px solid #adc9ee;}
.show_list ul{display: flex;align-items: center;}
.show_list ul li{margin: 0 5px;padding-top: 2px;}
.show_list ul li span{background-color: #e4eeff;border-top-left-radius: 10px;border-top-right-radius: 10px;text-align: center;padding: 5px;font-size: 16px;color: #4e658d;display: inline-block;border: 1px solid #adc9ee;}
.show_list ul li.curr span{background-color: #fff;border-bottom: 0;}
.show_list ul li i{font-style: normal;cursor: pointer;}

.show_box{width: 100%;font-size: 0;}
.show_box img{width: 100%;}

.inside{padding: 20px;}


.searchbox{width: 100%;display: flex;align-items: center;padding: 20px;}
.searchbox input{width: 300px;border: 1px solid #adc9ee;font-size: 14px;padding: 5px;margin-right: 15px;display: inline-block;}
.searchbox button{background-color: transparent;font-size: 14px;color: #999;margin-right: 20px;}
.searchbox button img{max-width: 100%;width: auto;}
.s_btn1 a{display: flex;align-items: center;}
.s_btn1 a img{max-width: 100%;width: auto;margin-right: 10px;}
.s_btn1 a span{font-size: 14px;color: #999;}