@charset "utf-8";
.index-li-keywords {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    margin-top:10px;
    border-top: 1px dotted #9fa0a0;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display: -ms-flexbox;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items:flex-start;
    overflow: hidden;
    color: #9fa0a0;
}
.index-li-keywords:before,.index-li-keywords:after{
    display:none;
}

.index-li-keywords .span {
    position:relative;
    padding-left:10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50%;
    color: #9fa0a0;
}

.index-li-keywords .span:before {
    content: '';
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    margin-top:-2px;
    background:#9fa0a0;
    border-radius:50%;
}
@media screen and (min-width:641px){
	.header{
		display:none;
	}
	.header.header-news{
		display:block;
	}
	.bdy{
		padding-top:0;
	}
	.viewdisbox{
		padding:0;
		height:0;
	}
	.indBan{
		padding-bottom:0;
	}
	.indBan.pad{
		padding-left:0;
		padding-right:0;
		background:#000;
	}
	.header_new{
		position:fixed;
		top:0;
		width:100%;
		left:0;
		z-index:99999;
		padding-top:32px;
		padding-bottom:32px;
		-webkit-transition:all .3s linear;
		transition:all .3s linear;
	}	
	.header_new.active{
		padding-top:11px;
		padding-bottom:11px;
		background:#fff;
		box-shadow:0 0 3px rgba(0,0,0,.15);
	}
	.header_new.menu_pop{
		background:none;
		box-shadow:none;
	}
	.header_new .lay_logo .logo-lnk{
		float:left;
		position:relative;
		height:88px;
		-webkit-transition:all .3s linear;
		transition:all .3s linear;
	}
	.header_new .lay_logo .logo,.header_new .lay_logo .logo1{
		-webkit-transition:all .3s linear;
		transition:all .3s linear;
	}
    .header_new .lay_logo .logo{
        position:relative;
    }
    .header_new .lay_logo .logo1{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
	.header_new .lay_logo .logo{
		opacity:1;
	}
	.header_new .lay_logo .logo1{
		opacity:0;
	}
	.header_new.active .lay_logo .logo{
		opacity:0;
	}
	.header_new.active .lay_logo .logo1{
		opacity:1;
	}
	.header_new.active.menu_pop .lay_logo .logo{
		opacity:1;
	}
	.header_new.active.menu_pop .lay_logo .logo1{
		opacity:0;
	}
	.header_new .menu_btn2{
		cursor:pointer;
		display:block;
		width:40px;
		height:32px;	
		margin-top:28px;
	}
	.header_new.menu_pop .menu_btn2{
		display:none;
	}
	.header_new .menu_btn2 .span{
		display:block;
		height:5px;
		background:#fff;
		-webkit-transition:all .3s linear;
		transition:all .3s linear;
		margin-bottom:8px;
	}
	.header_new.active .menu_btn2 .span{
		background:#000;
	}
	.header_new .btn-close{
		position:relative;
		width:56px;
		height:56px;	
		display:none;
	}
	.header_new.menu_pop .btn-close{
		display:block;
	}
	.header_new .btn-close .span-1,.header_new .btn-close .span-2{
		position:absolute;
		height:1px;
		width:78px;
		background:#fff;
		top:50%;
		left:50%;
		margin-left:-39px;
	}
	.header_new .btn-close .span-1{
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.header_new .btn-close .span-2{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.nav_pcindex{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:99998;
		background:rgba(0,0,0,0.9);
		display:none;
	}
	.nav_pcindex .inner{
		position:absolute;
		left:50%;
		top:50%;
		width:1000px;
		margin-left:-500px;
		height:352px;
		margin-top:-176px;
		text-align:center;
	}
	.nav_pcindex .chd{
		font-size:40px;
		line-height:88px;
		height:88px;
		color:#727171;
		display:block;
		width:300px;
		margin:0 auto;
		overflow:hidden;
		text-align:center;
		-webkit-transition:all .3s linear;
		transition:all .3s linear;
	}
	.nav_pcindex .chd h2{
		font-weight:normal;
	}
	.nav_pcindex .fadeInUp:nth-child(1) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.1s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.1s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(2) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(3) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.3s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.3s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(4) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.4s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(5) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.5s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.5s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(6) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.6s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.6s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(7) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.7s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.7s,color .3s linear;
	}
	.nav_pcindex .fadeInUp:nth-child(8) {
    	transition: opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.8s, transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.8s,color .3s linear;
	}
	.nav_pcindex .chd.current,.nav_pcindex .chd:hover{
		color:#fff;
	}
    .swiper-container-index{
        display:none;
    }
	
}
@media screen and (max-width:640px){
	.header_new{
		display:none;
	}
	.nav_pcindex{
		display:none;
	}
    .header{
        background:none;
    }
    .header.active{
        background:#fff;
    }
    .header .logo1{
        width:100%;
        height:100%;
        display:block;
    }
    .header .lay_logo .logo1{
        opacity:1;
    }
    .header .lay_logo .logo{
        opacity:0;
    }
    .header.active .lay_logo .logo1{
        opacity:0;
    }
    .header.active .lay_logo .logo{
        opacity:1;
    }
    .header.active.menu-pop-up .lay_logo .logo1{
        opacity:1;
    }
    .header.active.menu-pop-up .lay_logo .logo{
        opacity:0;
    }
    .header .menu_btn .span,.header.active.menu-pop-up .menu_btn .span{
        background:#fff;
    }
    .header.active .menu_btn .span{
        background:#000;
    }
    .header.active.menu-pop-up{
        background:none;
    }
    .indBan{
        display:none;
    }
    .swiper-container-index{
        position:relative;
        background:#fff;
        overflow:hidden;
        z-index:1;
    }
    .swiper-container-index .swiper-slide{
        width:100%;
        height:100%;
    }
    .swiper-container-index .img-xgl{
        display:block;
        width:100%;
    }
    .swiper-container-index.swiper-container-horizontal>.swiper-pagination-bullets {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 15px;
        z-index: 5;
        font-size: 0;
        line-height: 0;
    }
    .swiper-container-index.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 2px;
        margin:0 5px;
        cursor:pointer;
        opacity:1;
        background:rgba(255,255,255,.65);
        border-radius:0;
    }
    .swiper-container-index.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
        background:rgba(255,255,255,1);
    }
}