@charset "utf-8";
body{ background: #F9F9F9;}
/* CSS Document */
.header{ background: #fff; width: 100%; padding:24px 0px;}
.header_auto{ width: 1270px; margin: 0 auto; }
.header_auto .logo img{ width: 144px; display: block;}
.header_auto .login img{ width: 35px; height: 35px; margin-right: 10px;}
.header_auto .login span{ color: #202020; font-size: 14px; line-height: 25px; display: block;}
.header_auto .login span.yidenglu{ position:relative; padding-left: 22px;}
.header_auto .login span.yidenglu:before{ background: url(../images/san.png) no-repeat; background-size: 100% 100%;width: 18px; height:18px; content: ''; position: absolute; left: 0; top: 50%;transform: translateY(-50%);}
.mask{background: #000000; opacity: 0.43; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99991; display: none;}
.popup{background: #FFFFFF; border-radius: 23px; position: fixed; left:50%; top:50%; width:420px; z-index: 99992;transform: translate(-50%,-50%); padding:25px; display: none;}
.erwima{ width: 200px; margin:20px auto;display: flex;
    flex-direction: row;
    justify-content: center;}
.erwima img{ width: 100%;}
.dengluhou{ position: absolute; left:0; top:45px; min-width: 152px; background: #FFFFFF; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); border-radius: 8px; padding: 0px 10px; display: none;}
.dengluhou.open{ display: block;}
.dengluhou ul li{ border-bottom:1px solid #E3E3E3; padding: 12px 0px; display: block;}
.dengluhou ul li:last-child{ border-bottom: none;}
.dengluhou ul li a{ display: flex; align-items: center; color: #202020; font-size: 16px; line-height: 25px;white-space: nowrap;}
.dengluhou ul li a img{ width: 19px; height: 19px; margin-right: 19px;}
.banner img{ width: 100%; display: block;}
.wrap{ padding: 50px;}
.index_list_box{ background: #FFFFFF; padding: 40px; padding-top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.index_list_box .item{ width:33.3333%; margin-top: 30px; padding: 0px 2%;}

.index_list_box .item .title{display: flex; align-items: center;}
.index_list_box .item .title img{ width: 25px; height: 25px;  display: block; position: relative; margin-right: 18px;}
.index_list_box .item .title img::before{width: 12px; height: 12px;background: #475478; position: absolute; bottom: -2px; right: -2px; content: '';}
.index_list_box .item .title span{ flex: 1; width: 100%;font-size: 22px; color: #202020; line-height:30px; display: block; padding: 12px 0px; border-bottom: 1px solid #ECECEC;}
.index_list { padding-left: 30px; margin-top: 12px;}
.index_list li{ position: relative;}
.index_list li a{ color: #838383; font-size: 16px; line-height: 50px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_list li .jiesuo{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background: linear-gradient( 180deg, rgba(255,255,255,0.76) 0%, #4AA6EE 100%); border-radius: 6px 6px 6px 6px; opacity: 0.99;}
.index_list li .jiesuo img{ width: 19px; height: 19px; margin-right: 6px;}
.index_list li .jiesuo span{color: #FFFFFF; font-size: 20px; font-weight: bold;}
.footer{ background: #4DADF7; padding: 12px; text-align: center;}
.footer .Copyright{font-size: 12px; color: #ffffff; line-height:28px; text-align: center;}
.footer .Copyright a{ color: #ffffff; }
.footer .Copyright a:hover{ opacity: .7;}
.details{ max-width: 1260px; width: 100%; margin: 0 auto; background: #ffffff; padding: 50px;}

@media screen and (max-width:1440px) {
	.index_list_box .item{ width:50%;
}