@charset "utf-8";

@media (max-width: 1200px) {
	.index-content .container ,.container{
		margin: 0 .2rem;
	}
}

@media (max-width: 1024px) {

	.header .container,
	.container {
		margin: 0 .2rem;
		padding: 0;
	}

	.logo {
		width: 88%;
	}

	.logo a.logo1 {
		width: 2.1rem;
		margin-right: .3rem;
	}

	.logo a.logo1::before {
		right: -.16rem;
		width: 1px;
		height: .6rem;
	}

	.logo a span.logo-text {
		font-size: .14rem;
		letter-spacing: .016rem;
	}

	.logo a.logo-text1 {
		font-size: .2rem;
		letter-spacing: .01rem;
		line-height: .3rem;
		margin: .22rem 0 .2rem;
	}

	.header-right-box {
		width: 12%;
	}

	.searchbox-kuang {
		height: .3rem;
		border-radius: .3rem;
		margin: .35rem 0;
		box-sizing: border-box;
	}

	.searchbox-kuang .input-text {
		width: 63%;
		height: .3rem;
		padding-left: 0rem;
		margin-left: .1rem;
		font-size: .14rem;
	}


	.searchbox-kuang .input-button {
		width: .15rem;
		height: .15rem;
		margin-right: .06rem;
		margin-top: .08rem;
	}

	.nav ul {
		padding: 0 .5rem;
	}


	.nav li a {
		font-size: .18rem;
		height: .6rem;
		line-height: .6rem;
	}

	.nav li:hover a::after,
	.nav li.active a::after {
		height: .59rem;
	}

	.index-content {
		padding: .3rem 0 0;
	}

	.index-one {
		margin-bottom: .35rem;
	}

	.index-Intr {
		padding: .12rem 0 .38rem;
	}

	.index-title {
		padding: .06rem 0;
		border-bottom: 2px solid #E2E7F4;
	}

	.index-title::before {
		bottom: -2px;
		width: 1.7rem;
		height: .03rem;
	}

	.index-title h3 {
		font-size: .25rem;
		height: .36rem;
		line-height: .36rem;
	}

	.index-title h3 img {
		width: .28rem;
		height: .28rem;
		margin-right: .08rem;
	}

	.index-title .more {
		font-size: .15rem;
		padding-right: .48rem;
		background-size: .12rem .12rem;

	}

	.index-title .more::before {
		right: .12rem;
	}

	.index-title .more::after {
		right: .12rem;
		width: .3rem;
	}

	.index-title .more:hover::before {
		width: .3rem;
	}

	.index-Intr .index-title {
		margin: 0 .28rem .15rem 1rem;
	}

	.index-video {
		height: 3.5rem;
	}

	.Intr-text {
		margin: 0 .4rem 0 1rem;
		height: 2.7rem;
	}

	.Intr-text,
	.Intr-text p {
		font-size: .15rem;
		line-height: .24rem;
	}

	.Intr-text p+p {
		margin-top: .08rem;
	}

	.about h2.title {
		font-size: .25rem;
		line-height: .3rem;
		margin: 0 0 .18rem;
	}

	.about h4.information {
		line-height: .18rem;
		font-size: .14rem;
		padding-bottom: .12rem;
	}

	.about .content p {
		font-size: .15rem;
		line-height: .25rem !important;
		margin-bottom: .06rem;
	}

	.footer .copyRight {
		font-size: .13rem;
	}

}


@media (max-width:992px) {

	.header .container,
	.container {
		margin: 0 .15rem;
	}

	.logo {
		width: 95%;
		margin: .1rem 0 .12rem;
	}

	.logo a.logo1 {
		width: 1.8rem;
		margin-right: .24rem;
	}

	.logo a.logo1::before {
		right: -.12rem;
		height: .53rem;
	}

	.logo a span.logo-text {
		font-size: .13rem;
		letter-spacing: normal;
	}

	.logo a.logo-text1 {
		font-size: .18rem;
		letter-spacing: normal;
		line-height: .28rem;
		margin: .19rem 0 .18rem;
	}

	.navbar-toggle {
		position: absolute;
		display: block;
		margin-right: .15rem;
		margin-top: 0;
		top: .27rem;
	}

	.navbar-toggle.on {
    top: .34rem;
}

.navbar-toggle.on .icon-bar.icon-bar1{
	    margin-bottom: -18px;
}

	.searchbox-kuang {
		display: none;
	}

	.header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: .87rem;
		background: rgba(48, 75, 142, 0.89);
		z-index: 9;
	}

	.banner,
	.x-banner {
		margin-top: .87rem;
	}

	.nav.on{
		display: block;
	}

	.nav {
		display: none;
		position: fixed;
		top: .87rem;
		left: 0;
		width: 100%;
		height: calc(100% - .87rem);
		z-index: 8;
	}

	.nav ul {
		padding:.05rem 0 .15rem;
	}

	.nav ul li {
		width: 100%;
		margin-left: 0;
		margin-top: .1rem;
	}

	.nav ul li:first-child {
		width: 100%;
	}

	.nav li a {
		font-size: .16rem;
		height: .4rem;
		line-height: .4rem;
		text-align: left;
		padding: 0 .1rem;
	}

	.nav li:hover a::after,
	.nav li.active a::after {
		height: .4rem;
	}

    .nav .searchbox-kuang {
        display: block;
        margin: 0;
        height: .35rem;
    }

	.searchbox-kuang .input-text {
        width: 80%;
        height: .34rem;
        padding-left: .05rem;
        margin-left: .1rem;
        font-size: .14rem;
    }

	    .searchbox-kuang .input-button {
        width: .18rem;
        height: .18rem;
        margin-right: .1rem;
        margin-top: .08rem;
    }

	.index-content .container {
		margin: 0 .15rem;
	}

	.index-video {
		height: 3.2rem;
	}

	.index-title::before {
		width: 1.46rem;
	}

	.index-title h3 {
		font-size: .22rem;
	}

	.index-title h3 img {
		width: .25rem;
		height: .25rem;
		margin-right: .06rem;
	}

	.index-title .more {
		font-size: .14rem;
	}

	.Intr-text {
		height: 2.5rem;
	}

	.about .content {
		padding: .18rem 0 0;
	}


	.about h2.title {
		font-size: .22rem;
		line-height: .28rem;
		margin: 0 0 .15rem;
	}

	.about h4.information {
		line-height: .15rem;
		font-size: .13rem;
		padding-bottom: .1rem;
	}

}

@media (max-width:860px) {

	.index-video {
		height: 2.8rem;
	}

	.index-Intr .index-title {
		margin: 0 .25rem .15rem .8rem;
	}

	.Intr-text {
		margin: 0 .35rem 0 .8rem;
		height: 2.1rem;
	}

	.Intr-text,
	.Intr-text p {
		font-size: .15rem;
		line-height: .23rem;
	}

	.Intr-text p+p {
		margin-top: .04rem;
	}
}



@media (max-width:768px) {

	.header .container,
	.container {
		margin: 0 .1rem;
	}

	.logo {
		position: relative;
	}

	.logo a.logo-text1 {
		position: absolute;
		left: 2.04rem;
		top: 50%;
		width: calc(100% - 2.04rem);
		font-size: .17rem;
		transform: translateY(-50%);
		margin: 0;
	}

	.navbar-toggle {
		margin-right: .1rem;
	}

	.nav li a {
		font-size: .15rem;
		height: .35rem;
		line-height: .35rem;
	}

	.nav li:hover a::after,
	.nav li.active a::after {
		height: .35rem;
	}


	.index-one {
		margin-bottom: .25rem;
	}

	.index-content {
		padding: .2rem 0 0;
	}

	.index-content .container {
		margin: 0 .1rem;
	}

	.index-title h3 {
		font-size: .2rem;
		height: .33rem;
		line-height: .33rem;
	}

	.index-title h3 img {
		width: .22rem;
		height: .22rem;
		margin-right: .05rem;
	}

	.index-title::before {
		width: 1.26rem;
	}

	.index-title .more {
		font-size: .13rem;
	}

	.index-video {
		height: 2.5rem;
	}

	.index-Intr .index-title {
		margin: 0 .2rem .12rem .72rem;
	}

	.Intr-text {
		margin: 0 .28rem 0 .72rem;
		height: 1.8rem;
	}

	.Intr-text,
	.Intr-text p {
		font-size: .14rem;
		line-height: .2rem;
	}

	.about h2.title {
		font-size: .2rem;
		line-height: .26rem;
		margin: 0 0 .12rem;
	}

	.about .content p {
		font-size: .14rem;
		line-height: .23rem !important;
		margin-bottom: .04rem;
	}




}


@media (max-width:640px) {

	.logo a.logo-text1 {
		font-size: .16rem;
		line-height: .24rem;
	}

	.nav li a {
		font-size: .14rem;
		height: .32rem;
		line-height: .32rem;
	}

	.nav li:hover a::after,
	.nav li.active a::after {
		height: .32rem;
	}

	    .nav .searchbox-kuang {
        height: .31rem;
    }

	    .searchbox-kuang .input-text {
        height: .3rem;
        font-size: .13rem;
    }


	.searchbox-kuang .input-button {
        width: .16rem;
        height: .16rem;
        margin-top: .07rem;
    }

	.index-one {
		margin-bottom: .18rem;
	}

	.index-video {
		height: 2rem;
	}

	.index-Intr .index-title {
		margin: 0 .15rem .1rem .6rem;
	}


	.index-title h3 {
		font-size: .19rem;
		height: .3rem;
		line-height: .3rem;
	}

	.index-title h3 img {
		width: .21rem;
		height: .2rem;
	}

	.Intr-text {
		margin: 0 .2rem 0 .6rem;
		height: 1.37rem;
	}

	.index-two {
		padding: .05rem 0 .27rem;
	}

	.about h2.title {
		font-size: .19rem;
		line-height: .24rem;
		margin: 0 0 .1rem;
	}





}

@media (max-width:580px) {}



@media (max-width:560px) {
	.index-video {
		position: initial;
		width: 100%;
		height: 2.5rem;
	}

	.index-Intr {
		width: 100%;
		padding: .12rem 0 .3rem;
		margin: .15rem 0 0;
	}

	.index-one {
		margin-bottom: .15rem;
	}

	.index-Intr .index-title {
		margin: 0 .1rem .1rem;
	}

	.Intr-text {
		margin: 0 .1rem;
		height: 2.2rem;
	}

	.index-Report {
		width: 100%;
		margin-right: 0;
	}

	.index-Support {
		width: 100%;
		margin-top: .2rem;
	}
}



@media (max-width:520px) {

	.header {
		height: .75rem;
	}

	.nav {
		top: .75rem;
		height: calc(100% - .75rem);
	}

	.logo {
        width: 93%;
        margin: .08rem 0 .05rem;
    }

	.logo a.logo1 {
		width: 1.6rem;
		margin-right: .2rem;
	}

	.logo a.logo1::before {
		right: -.1rem;
		height: .46rem;
	}

	.logo a span.logo-text {
		font-size: .12rem;
	}

	.logo a.logo-text1 {
		width: calc(100% - 1.8rem);
		line-height: .22rem;
		font-size: .15rem;
		left: 1.8rem;
	}

	.navbar-toggle{
		top:.23rem;
	}

	.banner,
	.x-banner {
		margin-top: .75rem;
	}


}



@media (max-width:480px) {
	.navbar-toggle {
		width: .22rem
	}

	.index-video {
		height: 2.3rem;
	}
}

@media (max-width:460px) {}


@media (max-width:420px) {
	.logo a.logo-text1 {

		line-height: .2rem;
		font-size: .14rem;
		left: 1.8rem;
	}

	.navbar-toggle {
		width: .2rem;
	}

	.navbar-toggle .icon-bar {
		margin-top: .05rem;
	}

	.index-title {
		padding: .04rem 0;
		bottom: -1px;
		border-bottom: 1px solid #E2E7F4;
	}

	.index-title::before {
		width: 1.1rem;
		height: .02rem;
	}

	.index-title h3 {
		font-size: .18rem;
		height: .28rem;
		line-height: .28rem;
	}

	.index-title h3 img {
		width: .2rem;
		height: .2rem;
		margin-right: .03rem;
	}

	.index-video {
		height: 2.2rem;
	}



	.about h2.title {
		font-size: .18rem;
		line-height: .22rem;
		margin: 0 0 .1rem;
	}

	.navbar-toggle.on .icon-bar.icon-bar1{
		margin-bottom: -14px;
	}


}

@media (max-width:380px) {

	.header {
		height: .71rem;
	}

	.nav {
		top: .71rem;
		height: calc(100% - .71rem);
	}

	.logo a.logo1 {
		margin-right: .12rem;
	}

	.logo a.logo1::before {
		right: -.06rem;
	}

	.logo a span.logo-text {
		margin-top: 0;
	}

	.logo a.logo-text1 {
		width: calc(100% - 1.72rem);
		line-height: .18rem;
		font-size: .13rem;
		left: 1.72rem;
	}

	.index-video {
		height: 2.1rem;
	}

	.banner,
	.x-banner {
		margin-top: .71rem;
	}
}

@media (max-width:360px) {
	.logo a.logo-text1 {
		font-size: .12rem;
	}

	.navbar-toggle {
		width: .18rem;
	}

	.index-video {
		height: 2rem;
	}
}

@media (max-width:340px) {
	.logo a.logo-text1 {
		line-height: .14rem;
	}
}