﻿:root {
	--zt_color--: #d20a14;
	--zt_deep_color--: #6b0a0b;
}

@keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(.2rem);
		-moz-transform: translateY(.2rem);
		-o-transform: translateY(.2rem);
		transform: translateY(.2rem)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

html {
	font-size: 100px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media screen and (min-width: 1400px) {
    body .width1400 {
        width: 14rem;
        margin: 0 auto;
    }
}
/* pc样式 */
@media screen and (min-width: 1024px) {
	.width1400 {
        box-sizing: border-box;
        padding: 0 10px;
        width: 95%;
        margin: 0 auto;
    }
	.header-top {
		padding: 0.2rem 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.header-top a {
		font-size: 0.16rem;
		color: #fff;
	}

	.header_box.xg .header-top a {
		color: #323232;
	}

	/* 搜索样式 */
	.header-search {
		display: flex;
		align-items: center;
		margin: 0 0.4rem;
		width: 2.4rem;
		height: 0.3rem;
		display: flex;
		border: 1px solid #fff;
		border-radius: 0.3rem;
	}

	.header_box.xg .header-search {
		border: 1px solid #323232;

	}

	.search-input {
		text-indent: 0.14rem;
		font-size: 0.16rem;
		width: 2rem;
		height: 0.3rem;
		border: none;
		outline: none;
		background: none;
		color: #fff;
	}

	.header_box.xg .search-input {
		color: #323232;
	}
	.search-input::-webkit-input-placeholder {
		color: #fff;
	}

	.header_box.xg .search-input::-webkit-input-placeholder {
		color: #323232;
	}

	.search-submit {
		border-radius: 0 0.3rem 0.3rem 0;
		cursor: pointer;
		width: 0.4rem;
		height: 0.3rem;
		border: 0;
		background-image: url(../images/search02.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 0.15rem;
		background-color: transparent;
	}

	.header_box.xg .search-submit {
		background-image: url(../images/search02_black.png);

	}

	.banner-sx {
		cursor: pointer;
		z-index: 9;
		position: absolute;
		bottom: 0.5rem;
		left: 50%;
		animation: scroll 2.5s ease-in-out infinite;
	}

	.bannerBox>.banner-sx>img {
		width: 0.4rem;
		height: 100%;
	}


	/* 标题样式1 */
	.title1-module {
		position: relative;
		height: 0.9rem;
		display: flex;
		justify-content: space-between;
	 }

	 .title1-module-white .title1-module-left{
		background-image: url(../images/title_white_left_xian.png);

	 }
	 .title1-module-white .title1-module-center{
		background-image: url(../images/title_white_bg.png);
	 }
	 .title1-module-white .title1-module-right{
		background-image: url(../images/title_white_right_xian.png);
	 }
	 .title1-module-white .title1-module-center h2,.title1-module-white .title1-module-center p{
		color: #fff;
	 }
	 .title1-module-white .title1-module-more {
		background-image: url(../icon/more_white.png);
		color: #fff;
	 }

	 .title1-module-left {
		width: 45.5%;
		background-image: url(../images/title_red_left_xian.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto 0.16rem;
	 }
	 .title1-module-center {
		width: 2rem;
		height: 0.9rem;
		position: absolute;
		bottom: 0;
		left: 50%;
		background-image: url(../images/title_bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 0.6rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		transform: translate(-50%, 0px);
	 }
	 .title1-module-center h2{
		  font-size: 0.36rem;
		  color: var(--zt_color--);
	 }
	 .title1-module-center p{
		line-height: 0.16rem;
		font-size: 0.24rem;
		color: var(--zt_color--);
	 }
	 .title1-module-right {
		width: 45.5%;
		background-image: url(../images/title_red_right_xian.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: auto 0.16rem;
	 }
	 .title1-module-more {
		padding-right: 0.45rem;
		background-image: url(../icon/more.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 0.16rem;
		font-size: 0.18rem;
		color: var(--zt_color--);
		position: absolute;
		right: 0;
		top: 0.1rem;
	 }

	 /* 标题样式2 */
	 .title2-module {
		position: relative;
		height: 0.9rem;
		display: flex;
		justify-content: space-between;
	 }
	 .title2-module-left {
		min-width: 1.2rem;
		height: 0.9rem;
		background-image: url(../images/title_bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 0.6rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 0.2rem;
	 }
	 .title2-module-left h2{
		  font-size: 0.36rem;
		  color: var(--zt_color--);
	 }
	 .title2-module-left p{
		line-height: 0.16rem;
		font-size: 0.24rem;
		color: var(--zt_color--);
	 }
	 .title2-module-right {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	 }
	 
	 .title2-module-more {
		margin-top: 0.1rem;
		padding-right: 0.45rem;
		background-image: url(../icon/more.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 0.16rem;
		font-size: 0.18rem;
		color: var(--zt_color--);
	 }
	 .title2-module-xian {
		width: 100%;
		height: 0.2rem;
		background-image: url(../images/title_red_right_xian.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: auto 0.16rem;
	 }


	/* 底部 */
	.footer {
		width: 100%;
		height: 2.8rem;
		background-image: url(../images/foter_bg.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.footer-top {
		padding: 0.2rem 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-top img{
		max-height: 1.5rem;
	}

	.footer-bottom{

	}
	.footer-bottom p{
		text-align: center;
		font-size: 0.18rem;
		line-height: 0.36rem;
		color: #ffffff;
	}
}


/* 移动端样式 */
@media screen and (max-width: 1024px) {
	.width1400 {
        box-sizing: border-box;
        padding: 0 10px;
        width: 100%;
    }
	.banner-sx {
		cursor: pointer;
		z-index: 9;
		position: absolute;
		bottom: 0.5rem;
		left: 50%;
		animation: scroll 2.5s ease-in-out infinite;
	}

	.bannerBox>.banner-sx>img {
		width: 0.4rem;
		height: 100%;
	}

	/* 标题样式1	 */
	.title1-module {
		position: relative;
		height: 0.8rem;
		display: flex;
		justify-content: space-between;
	 }

	 .title1-module-white .title1-module-left{
		background-image: url(../images/title_white_left_xian.png);

	 }
	 .title1-module-white .title1-module-center{
		background-image: url(../images/title_white_bg.png);
	 }
	 .title1-module-white .title1-module-right{
		background-image: url(../images/title_white_right_xian.png);
	 }
	 .title1-module-white .title1-module-center h2,.title1-module-white .title1-module-center p{
		color: #fff;
	 }
	 .title1-module-white .title1-module-more {
		background-image: url(../icon/more_white.png);
		color: #fff;
	 }

	 .title1-module-left {
		width: 45.5%;
		background-image: url(../images/title_red_left_xian.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: auto 0.16rem;
	 }
	 .title1-module-center {
		width: 2rem;
		height: 0.9rem;
		position: absolute;
		bottom: 0;
		left: 50%;
		background-image: url(../images/title_bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 0.6rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		transform: translate(-50%, 0px);
	 }
	 .title1-module-center h2{
		  font-size: 0.36rem;
		  color: var(--zt_color--);
	 }
	 .title1-module-center p{
		line-height: 0.16rem;
		font-size: 0.24rem;
		color: var(--zt_color--);
	 }
	 .title1-module-right {
		width: 45.5%;
		background-image: url(../images/title_red_right_xian.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: auto 0.16rem;
	 }
	 .title1-module-more {
		padding-right: 0.45rem;
		background-image: url(../icon/more.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 0.16rem;
		font-size: 0.22rem;
		color: var(--zt_color--);
		position: absolute;
		right: 0;
		top: 0.1rem;
	 }


	  /* 标题样式2 */
	  .title2-module {
		position: relative;
		height: 0.9rem;
		display: flex;
		justify-content: space-between;
	 }
	 .title2-module-left {
		min-width: 1.2rem;
		height: 0.9rem;
		background-image: url(../images/title_bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 0.6rem;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 0.2rem;
	 }
	 .title2-module-left h2{
		  font-size: 0.36rem;
		  color: var(--zt_color--);
	 }
	 .title2-module-left p{
		line-height: 0.16rem;
		font-size: 0.24rem;
		color: var(--zt_color--);
	 }
	 .title2-module-right {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	 }
	 
	 .title2-module-more {
		margin-top: 0.1rem;
		padding-right: 0.45rem;
		background-image: url(../icon/more.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 0.16rem;
		font-size: 0.22rem;
		color: var(--zt_color--);
	 }
	 .title2-module-xian {
		width: 100%;
		height: 0.2rem;
		background-image: url(../images/title_red_right_xian.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: auto 0.16rem;
	 }



	/* 底部 */
	.footer {
		padding: 0.2rem 0;
		width: 100%;
		min-height: 2.8rem;
		background-image: url(../images/foter_bg.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.footer-top {
		padding: 0.2rem 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-top img{
		max-height: 1.5rem;
	}

	.footer-bottom{

	}
	.footer-bottom p{
		text-align: center;
		font-size: 0.18rem;
		line-height: 0.36rem;
		color: #ffffff;
	}
}

@media screen and (max-width: 800px) {
	.title1-module-left,.title1-module-right {
        width: 42%;
	}
}
@media screen and (max-width: 500px) {
	.title1-module-left,.title1-module-right {
        width: 39%;
	}
}