*{

	margin: 0;

	padding: 0;

	border: none;

}

html,

body{

	min-width: 700px;

	width: 100%;

	background: #fff;

	display: flex;

	flex-direction: column;

	align-items: center;

	

	font-size: 10px;

	font-family: "Microsoft Yehei";

}

#head-box{

	width: 100%;

	height: 100px;

	background: #fff;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	margin:0 auto;

	max-width:100%

}

#head-box .head-panel{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.youlian{max-width:1200px; width:100%; line-height:28px;  padding:0px; margin: 0px; margin:  0 auto; overflow:hidden; }

@media screen and (min-width:1204px) and (max-width:1920px){

	#head-box .head-panel{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#head-box .head-panel{

		flex: 1;

		width: 100%;

	}

}

#head-box .head-panel .left{

	display: flex; 

}

#head-box .head-panel .left .logo-box{

	display: flex;

	align-items: center;

	width: 150px;

	border-right: 1px solid #DDDDDD;

}

#head-box .head-panel .left .logo-box .log{

	

	width: 43px;

	height: 43px;

	margin-left: 10px;

}

#head-box .head-panel .left .logo-box .qq{

	

	width: 72px;

	height: 51px;

	margin-left: 8px;

	margin-right: 18px;

}

#head-box .head-panel .left .title-box{

	display: flex;

	flex-direction: column;

	margin-left: 20px;

}

#head-box .head-panel .left .title-box .title1{

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #333333;

}

#head-box .head-panel .left .title-box .title2{

	margin-top: 14px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #444444;

}

#head-box .head-panel .right{

	display: flex;

	flex-direction: column;

	align-items: flex-end;

}

#head-box .head-panel .right .phone-box{

	display: flex;

}

#head-box .head-panel .right .phone-box .icon{

	width: 12px;

	height: 18px;

	margin-right: 6px;

}

#head-box .head-panel .right .phone-box label{

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #111111;

}

#head-box .head-panel .right .num{

	font-size: 2.4rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFB001;

	line-height: 44px;

}

/*---------------------------------------------------------------------------------nav-box*/

#nav-box{

	position: fixed;

	top: 100px;

	left: 0px;

	right: 0px;

	z-index: 101;

	width: 100%;

	height: 52px;

	background: #333333;

	display: flex;

	flex-direction: column;

	align-items: center;

	margin:0 auto;

	max-width:100%;

}

#nav-box .nav-panel{

	width: 100%;

	height: 52px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#nav-box .nav-panel{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#nav-box .nav-panel{

		flex: 1;

		width: 100%;

	}

}

#nav-box .nav-panel ul{

	padding: 0px 30px;

	box-sizing: border-box;

	width: 100%;

	height: 52px;

	list-style-type: none;

    white-space:nowrap;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#nav-box .nav-panel ul li{

	

}

#nav-box .nav-panel ul li a{

	position: relative;

	float:left;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFFFFF;

	text-decoration: none;

}

#nav-box .nav-panel ul li .liselected{

	color: #FFB001;

}

/*---------------------------------------------------------------------------------ad-box*/

#ad-box{

	position: relative;

	width: 100%;

	height: 500px;

	display: flex;

	flex-direction: column;

	align-items: center;

	margin:0 auto;

	max-width:100%;

	background-image: url("../../util/img/bg.jpg");

	background-position: center;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#ad-box .ad{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#ad-box .ad{

		flex: 1;

		width: 100%;

	}

}

#ad-box .ad{

	height: 100%;

	display: flex;

	justify-content: space-between;

}

#ad-box .ad .left{

	width: 59.47%;

	display: flex;

	flex-direction: column;

}

#ad-box .ad .left .imgpanle{

	display: flex;

	margin-top: 86px;

	margin-left: 10px;

	width: 82.54%;

}

#ad-box .ad .left .imgpanle img{

	width: 100%;

}

#ad-box .ad .left .desc{

	margin-top: 16px;

	margin-left: 10px;

	width: 83.63%;

/*	width: 598px;*/

	height: 56px;

	background: #E2AB34;

	opacity: 0.6;

	border-radius: 6px;

	display: flex;

	justify-content: center;

	align-items: center;

}

#ad-box .ad .left .desc label{

	font-size: 2.4rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #FFFFFF;

}

#ad-box .ad .left .icon-box{

	width: 90%;

	display: flex;

	justify-content: space-between;

	margin-top: 30px;

	padding: 0px 5px;

}

#ad-box .ad .left .icon-box .icon-item{

	width: 18%;

	display: flex;

	flex-direction: column;

	align-items: center;

}

#ad-box .ad .left .icon-box .icon-item .img-box{

	width: 100%;

	margin-bottom: 16px;

	animation: circletranslate 5s ;

	-webkit-animation: circletranslate 5s ;

}

@keyframes circletranslate{

	0%{

		margin-top: 0px;

	}

	25%{

		margin-top: 30px;

	}

	50%{

		margin-top: 10px;

	}

	100%{

		margin-top: 30px;

	}

}

@keyframes rotateimg{

	0%{

				transform: rotate(0deg);

			-ms-transform: rotate(0deg); /* IE 9 */

		-webkit-transform: rotate(0deg); /* Safari and Chrome */

		

	}

	50%{

				transform: rotate(180deg);

			-ms-transform: rotate(180deg); /* IE 9 */

		-webkit-transform: rotate(180deg); /* Safari and Chrome */

	}

	100%{

				transform: rotate(360deg);

			-ms-transform: rotate(360deg); /* IE 9 */

		-webkit-transform: rotate(360deg); /* Safari and Chrome */

	}

}

#ad-box .ad .left .icon-box .icon-item .img-box:hover{

	animation: rotateimg 5s ;

	-webkit-animation: rotateimg 5s ;

}

#ad-box .ad .left .icon-box .icon-item .img-box img{

	width: 100%;

}

#ad-box .ad .left .icon-box .icon-item label{

	font-size: 2.2rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

#ad-box .ad .left .icon-box .flag{

	color: #fff;

	margin-top: 42px;

	font-size: 2.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFFFFF;

}

#ad-box .ad .right {

	bottom: 0px;

	width: 35.54%;

	height: 100%;

	display: flex;

	align-items: flex-end;

}

#ad-box .ad .right img{

	width: 100%;

	animation: mrtranslate 1s;

	-webkit-animation: mrtranslate 1s;

}

@keyframes mrtranslate{

	0%{

		width: 0%;

	}

	100%{

		width: 100%;

	}

}

.p-title{

	position: relative;

	margin: 0px auto;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	.p-title{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	.p-title{

		flex: 1;

		width: 100%;

	}

}

.p-title {

	position: relative;

	margin: 0px auto;

}

@media screen and (min-width:1204px) and (max-width:1920px) {

.p-title {

	width: 1204px;

}

}

@media screen and (min-width:500px) and (max-width:1204px) {

.p-title {

	flex: 1;

	width: 100%;

}

}

.p-title .p-title1{

	position: relative;

	width: 66.28%;

	margin: 0 auto;

	z-index: 99;

	flex: 1;

	margin-top: 60px;

	padding-bottom: -5px;

	

	line-height: 50px;

	text-align: center;

	font-size: 4rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #111111;

}



.p-title .p-title1 .p-xg{

	width: 100%;

	height: 10px;

	position: absolute;

	left: 0px;

	right: 0px;

	bottom: 0px;

}

.p-title .p-xg img{

	width: 508px;

	margin: 0 auto;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

}

.p-title .p-title2{

	width: 100%;

	margin-top: 20px;

	line-height: 20px;

	text-align: center;

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

}

/*--------------------------------------------------------------yyzc-box*/

#yyzc-box{

	position: relative;

	width: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	margin:0 auto;

	max-width:100%;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#yyzc-box .icon-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#yyzc-box .icon-box{

		flex: 1;

		width: 100%;

	}

}



#yyzc-box .icon-box{

	display: flex;

	justify-content: space-between;

	margin-top: 44px;

}

#yyzc-box .icon-box .icon-item{

	flex: 0 0 23.75%;

/*	width: 284px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	box-sizing: border-box;

}

#yyzc-box .icon-box .icon-item .name{

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFB001;

}

#yyzc-box .icon-box .icon-item .img-box{

	margin-top: 30px;

/*	flex: 1;*/

	width: 100%;

	height: 63.125%;

/*	height: 202px;*/

	background: #EFD052;

	border-radius: 4px;

	display: flex;

	justify-content: center;

	align-items: center;

	box-sizing: border-box;

	padding: 13px 18px 13px 18px;

	overflow: hidden;

}

#yyzc-box .icon-box .icon-item .img-box img{

	width:86.97%; 

/*

	width: 247px;

	height: 175px;

*/

}

#yyzc-box .icon-box .icon-item .img-box img:hover{

	transform: scale(1.1);

}



#yyzc-box .icon-box .icon-item .dsc{

	margin-top: 20px;

	width: 100%;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #444444;

}

/*-----------------------------------------------------------------------------------------------------stjm-box*/

#stjm-box{

	position: relative;

	width: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #f9f6ed;

	margin:0 auto;

	max-width:100%;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#stjm-box .icon-box{

		width: 944px;

	}

	#stjm-box .xsqd-box{

		width: 1204px;

	}

	#stjm-box .sdfc-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#stjm-box .icon-box{

		flex: 1;

		width: 100%;

	}

	#stjm-box .xsqd-box{

		flex: 1;

		width: 100%;

	}

	#stjm-box .sdfc-box{

		flex: 1;

		width: 100%;

	}

}

#stjm-box .icon-box{

	display: flex;

	justify-content: space-between;

	margin-top: 26px;

}

#stjm-box .icon-box .icon-imgitem{

	display: flex;

	flex-direction: column;

	align-items: center;

}



#stjm-box .icon-box .icon-imgitem img{

	width: 138px;

	height: 138px;

	animation: imgrotate 5s infinite alternate;

}

@keyframes imgrotate{

	0%{

				transform: rotate(30deg);

			-ms-transform: rotate(30deg); /* IE 9 */

		-webkit-transform: rotate(30deg); /* Safari and Chrome */

		

	}

	100%{

				transform: rotate(-30deg);

			-ms-transform: rotate(-30deg); /* IE 9 */

		-webkit-transform: rotate(-30deg); /* Safari and Chrome */

	}

}



#stjm-box .icon-box .icon-imgitem label{

	margin-top: 20px;

	font-size: 1.9rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #444444;

}

#stjm-box .xsqd-box{	

	display: flex;

	align-items: center;

	margin-top: 30px;

}

#stjm-box .xsqd-box .left{

	flex: 1 1 48.17%;

	height: 69px;

	background: #FFFFFF;

	border: 1px solid #FFB001;

	border-radius: 11px;

	display: flex;

	align-items: center;

	box-sizing: border-box;

	padding: 0px 5px 0px 20px;

}

#stjm-box .xsqd-box .left .item{

	width:25%;

	display: flex;

	align-items: center;

	padding-right: 2%;

}

#stjm-box .xsqd-box .left .item .img-box{

	padding-right: 5%;

	width: 48px;

	height: 48px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#stjm-box .xsqd-box .left .item img{



}

#stjm-box .xsqd-box .left .item .font-box{

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #111111;

}

#stjm-box .xsqd-box .left .item .add-box{

	font-size: 2.5rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #000000;

}

#stjm-box .xsqd-box .right{

	margin-left: 32px;

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #111111;

}

#stjm-box .sdfc-box{

	display: flex;

	margin-top: 16px;

	margin-bottom: 50px;

}

#stjm-box .sdfc-box .left{

	flex: 1 1 49.83%;

	overflow: hidden;

}

#stjm-box .sdfc-box .left img{

	width: 100%;

	height: 100%;

}

#stjm-box .sdfc-box .left img:hover{

	transform: scale(1.1);

}

#stjm-box .sdfc-box .right{

	flex: 1 1 50.17%;

	display: flex;

	flex-direction: column;

	max-width:100%;

	padding: 34px 38px 0px 38px;

	box-sizing: border-box;

	background: #fff;

}

#stjm-box .sdfc-box .right .head-box{

	display: flex;

	align-items: flex-end;

	padding-bottom: 42px;

	font-size: 3rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #111111;

}

#stjm-box .sdfc-box .right .head-box .flag{

	width:8px;

	height: 28px;

	margin-right: 10px;

	background: #FFB001;

}

#stjm-box .sdfc-box .right .item{

	display: flex;

	flex-direction: column;

	padding-bottom: 18px;

}

#stjm-box .sdfc-box .right .item .title{

	display: flex;

	line-height: 18px;

}

#stjm-box .sdfc-box .right .item .title .title1{

	font-size: 1.8rem;

	font-family: Impact;

	font-weight: 400;

	color: #FFB001;

	margin-right: 10px;

}

#stjm-box .sdfc-box .right .item .title .title2{

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #666666;

}

#stjm-box .sdfc-box .right .item .des{

	margin-top: 10px;

	line-height: 26px;

	

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #999999;

}

/*-------------------------------------------------------------------------------------------------------app-box*/

#app-box{

	position: relative;

	width: 100%;

	padding-bottom: 72px;

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #fff;

	margin:0 auto;

	max-width:100%

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#app-box .rz-box{

		width: 1204px;

	}

	#app-box .bz-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#app-box .rz-box{

		flex: 1;

		width: 100%;

	}

	#app-box .bz-box{

		flex: 1;

		width: 100%;

	}

}

#app-box .rz-box{

	display: flex;

	justify-content: space-between;

	margin-top: 66px;

}

#app-box .rz-box .left{

	width: 564px;

	display: flex;

	flex-direction: column;

}

#app-box .rz-box .left .title-box{

	width: 100%;

	display: flex;

	align-items: flex-end;

	margin-bottom: 17px;

}

#app-box .rz-box .left .title-box .flag{

/*	flex: 1;*/

	width:8px;

	height: 28px;

	margin-left: 10px;

	background: #FFB001;

}

#app-box .rz-box .left .title-box .title{

	width: 100%;

/*	flex: 1;*/

	margin-left: 24px;

	font-size: 3rem;

	font-family: MicrosoftYaHei-Bold;

	font-weight: bold;

	color: #111111;

}

#app-box .rz-box .left .desc-box{

	font-size: 1.6rem;

	font-family: Adobe Heiti Std R;

	color: #333333;

	line-height: 30px;

	margin-top: 17px;

	margin-bottom: 20px;

}

#app-box .rz-box .left .list-box ul{

	list-style: none;

	font-size: 1.6rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

}

#app-box .rz-box .left .list-box ul li{

	font-size: 1.6rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

}

#app-box .rz-box .left .list-box ul li::before{

	content: "·";

	font-size: 24px;

	color: #FFB001;

	height: 28px;

	margin-right: 5px;

}

#app-box .rz-box .left .qrcode-box{

	display: flex;

	margin-top: 46px;

}

#app-box .rz-box .left .qrcode-box .item{

	display: flex;

	flex-direction: column;

	align-items: center;

	width: 214px;

	border-right: 1px dashed #999999;

}

#app-box .rz-box .left .qrcode-box .item .logo-box{

	display: flex;

}

#app-box .rz-box .left .qrcode-box .item .logo-box label{

	font-size: 1.7rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #333333;

}

#app-box .rz-box .left .qrcode-box .item .qrcode-icon{

	display: flex;

}

#app-box .rz-box .left .qrcode-box .item .qrcode-icon img{

	width: 132px;

	height: 130px;

}

#app-box .rz-box .left .qrcode-box .item .qrcode-icon img:hover{

	transform: scale(1.1);

}



#app-box .rz-box .right{

	

}

#app-box .bz-box{

	display: flex;

	justify-content: space-between;

	margin-top: 52px;

}

#app-box .bz-box .item{

	background: #EFD052;

	display: flex;

	align-items: center;

	width: 33%;

	height: 114px;

}

#app-box .bz-box .item:hover{

	transform: scale(1.02);

}

#app-box .bz-box .item .icon-box{

	padding-left: 10%;

	width: 50px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

}

#app-box .bz-box .item .txt-box{

	margin-left: 18px;

	display: flex;

	flex-direction: column;

	

}

#app-box .bz-box .item .txt-box .top{

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #333333;

}

#app-box .bz-box .item .txt-box .down{

	margin-top: 14px;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #685B24;

}

/*------------------------------------------------------------------------------------------------------------shj*/

#shj-box{

	position: relative;

	width: 100%;

	padding-bottom: 66px;

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #fff;

	background: url("../../util/img/wrzsbg.png");

	background-position: center;

}

#shj-box .jq-box{

	display: flex;

	flex-direction: column;

	align-items: center;

}

#shj-box .jq-box .bigfont{

	font-size: 3rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #000000;

	

}

@keyframes ydfont{

	0%{

		transform: scale(1);

	}

	25%{

		transform: scale(1.1);

	}

	50%{

		transform: scale(1.3);

	}

	75%{

		transform: scale(1.1);

	}

	100%{

		transform: scale(1);

	}

}

#shj-box .jq-box .smallfont{

	font-size: 2.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFB001;

}

#shj-box .jq-box .row1{

	margin-top: 26px;

	padding: 14px 0px;

	border-bottom: 1px solid #DDDDDD;

}

#shj-box .jq-box .row2{

	padding: 14px 0px;

}

#shj-box .jq-box .row3{

	width: 100%;

	display: flex;

	justify-content: space-between;

}

#shj-box .jq-box .row3 .col1{

	width: 29.23%;

	display: flex;

	flex-direction: column;

}

#shj-box .jq-box .row3 .col1 .col1-row1{

	display: flex;

	flex-direction: column;

	align-items: center;

	animation: ydfont 1s ;

	-webkit-animation: ydfont 1s ;

}

#shj-box .jq-box .row3 .col1 .col1-row1:hover{

	animation: ydfont 3s infinite alternate;

	-webkit-animation: ydfont 3s infinite alternate;

}



#shj-box .jq-box .row3 .col1 .col1-row1 .top{

	padding: 14px 0px;

	border-bottom: 1px solid #DDDDDD;

}

#shj-box .jq-box .row3 .col1 .col1-row1 .down{

	padding: 14px 0px;

}

#shj-box .jq-box .row3 .col1 .col1-row2{

	display: flex;

	flex-direction: column;

	align-items: center;

	animation: ydfont 1s ;

	-webkit-animation: ydfont 1s ;

}

#shj-box .jq-box .row3 .col1 .col1-row2:hover{

	animation: ydfont 3s infinite alternate;

	-webkit-animation: ydfont 3s infinite alternate;

}

#shj-box .jq-box .row3 .col1 .col1-row2 .top{

	padding: 14px 0px;

	border-bottom: 1px solid #DDDDDD;

}

#shj-box .jq-box .row3 .col1 .col1-row2 .down{

	padding: 14px 0px;

}

#shj-box .jq-box .row3 .col2{

	width: 41.11%;

	display: flex;

	flex-direction: column;

}

#shj-box .jq-box .row3 .col3{

	width: 29.23%;

	display: flex;

	flex-direction: column;

}

#shj-box .jq-box .row3 .col3 .col3-row1{

	display: flex;

	flex-direction: column;

	align-items: center;

	animation: ydfont 1s ;

	-webkit-animation: ydfont 1s ;

}

#shj-box .jq-box .row3 .col3 .col3-row1:hover{

	animation: ydfont 3s infinite alternate;

	-webkit-animation: ydfont 3s infinite alternate;

}

#shj-box .jq-box .row3 .col3 .col3-row1 .top{

	padding: 14px 0px;

	border-bottom: 1px solid #DDDDDD;

}

#shj-box .jq-box .row3 .col3 .col3-row1 .down{

	padding: 14px 0px;

}

#shj-box .jq-box .row3 .col3 .col3-row2{

	display: flex;

	flex-direction: column;

	align-items: center;

	animation: ydfont 1s ;

	-webkit-animation: ydfont 1s ;

}

#shj-box .jq-box .row3 .col3 .col3-row2:hover{

	animation: ydfont 3s infinite alternate;

	-webkit-animation: ydfont 3s infinite alternate;

}

#shj-box .jq-box .row3 .col3 .col3-row2 .top{

	padding: 14px 0px;

	border-bottom: 1px solid #DDDDDD;

}

#shj-box .jq-box .row3 .col3 .col3-row2 .down{

	padding: 14px 0px;

}

#shj-box .jq-box .row4{

	margin-top: 64px;

	padding: 14px 0px;

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #333333;

}

#shj-box .bz-box{

	display: flex;

	justify-content: space-between;

	margin-top: 26px;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#shj-box .jq-box{

		width: 1204px;

	}

	#shj-box .bz-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#shj-box .jq-box{

		flex: 1;

		width: 100%;

	}

	#shj-box .bz-box{

		flex: 1;

		width: 100%;

	}

}

#shj-box .bz-box .item-box{

	flex: 3;

	width: 240px;

	height: 66px;

	border: 1px solid #999999;

	display: flex;

	justify-content: center;

	align-items: center;

	padding-left: 40px;

}

#shj-box .bz-box .item-box:hover{

	border: 1px solid #FFB001;

	background: #f9f6ed;

}



#shj-box .bz-box .item-box img{



}

#shj-box .bz-box .item-box label{

	flex: 1;

	margin-left: 10px;

	font-size: 2.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #535068;

}

#shj-box .bz-box .flag{

	flex: 1;

	width: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

}

#shj-box .bz-box .flag img{

	flex: 0 1 21px;

	width: 21px;

	height: 23px;

}

/*------------------------------------------------------------------------------------------------------------pfgh-box*/

#pfgh-box{

	position: relative;

	width: 100%;

/*	margin-bottom: 72px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #fff;

	margin:0 auto;

	max-width:100%

}

#pfgh-box .bz-box{

	display: flex;

	align-items: center;

}



@media screen and (min-width:1204px) and (max-width:1920px){

	#pfgh-box .bz-box{

		width: 1204px;

	}

	#pfgh-box .zebra{

		width: 1204px;

	}

	#pfgh-box .title-box{

		width: 1204px;

	}

	#pfgh-box .title2-box{

		width: 1204px;

	}

	#pfgh-box .btn-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#pfgh-box .bz-box{

		flex: 1;

		width: 100%;

	}

	#pfgh-box .img-box{

		flex: 1;

		width: 100%;

	}

	#pfgh-box .title-box{

		flex: 1;

		width: 100%;

	}

	#pfgh-box .title2-box{

		flex: 1;

		width: 100%;

	}

	#pfgh-box .btn-box{

		flex: 1;

		width: 100%;

	}

}

#pfgh-box .bz-box .item-box{

	flex: 3;

	width: 150px;

	height: 100px;

	display: flex;

/*	justify-content: center;*/

	align-items: center;

	padding-left: 16px;

	padding-right: 22px;

}

#pfgh-box .bz-box .item-box .num-box{

	flex: 0 0 24%;

/*	width: 36px;*/

	height: 36px;

	background: #F4F4F4;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFB001;

}

#pfgh-box .bz-box .item-box label{

	padding-left: 6px;

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #666666;

}

#pfgh-box .bz-box .flag{

	flex: 1;

	width: 50px;

	height: 3px;

	display: flex;

	justify-content: center;

	align-items: center;

}

#pfgh-box .bz-box .flag .bj{

	width: 100%;

	height: 100%;

	border-bottom: 1px dashed #666666;

}

#pfgh-box .img-box{

	display: flex;

	align-items: center;

}

#pfgh-box .title-box{

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 40px;

}

#pfgh-box .title-box .small{

	font-size: 3rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	font-style: italic;

	color: #333333;

}

#pfgh-box .title-box .big{

	font-size: 4.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	font-style: italic;

	color: #FF5502;

	line-height: 44px;

}

#pfgh-box .title2-box{

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

	margin-top: 46px;

	line-height: 40px;

}

#pfgh-box .title2-box .big{

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #333333;

}

#pfgh-box .title2-box .small{

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: Regular;

	color: #666666;

}

#pfgh-box .btn-box{

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 20px;

	margin-bottom: 48px;

}

#pfgh-box .btn-box .see-btn{

	flex: 0 0 20.43%;

/*	width: 246px;*/

	height: 60px;

	background: #FFB001;

	display: flex;

	justify-content: center;

	align-items: center;

	

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFFFFF;

}

/*------------------------------------------------------------------------------------------------------------jmal-box*/

#jmal-box{

	position: relative;

	width: 100%;

/*	margin-bottom: 72px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #F3F3F3;

	margin:0 auto;

	max-width:100%

}

#jmal-box .news-box{

	display: flex;

	align-items: center;

	margin-top: 84px;

	margin-bottom: 66px;

}



@media screen and (min-width:1204px) and (max-width:1920px){

	#jmal-box .news-box{

		width: 1204px;

	}

	

}

@media screen and (min-width:500px) and (max-width:1204px){

	#jmal-box .news-box{

		flex: 1;

		width: 100%;

	}

	

}

#jmal-box .news-box .item-box{

	flex: 1;

	height: 210px;

	display: flex;

	flex-direction: column;

	align-items: center;

	padding-top: 14px;

}

#jmal-box .news-box .item-box .title{

	font-size: 2.9rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFB001;

}

#jmal-box .news-box .item-box ul{

	margin-top: 24px;

}

#jmal-box .news-box .item-box ul li{

	font-size: 1.9rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

	line-height: 32px;

}



#jmal-box .news-box .flag{

	width: 1px;

	height: 210px;

	display: flex;

}

#jmal-box .news-box .flag .bj{

	width: 100%;

	height: 100%;

	border-right: 1px solid #FFB001;

}

/*------------------------------------------------------------------------------------------------------------gyqq-box*/

#gyqq-box{

	position: relative;

	width: 100%;

/*	height: 210px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	margin:0 auto;

	max-width:100%

}

#gyqq-box .count-box{

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: 36px;

	background-image: url("../../util/img/gyqq_bj.png");

}

#gyqq-box .count-box .count{

	width: 100%;

	display: flex;

	align-items: center;

	

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#gyqq-box .count-box .count{

		width: 1204px;

	}

	#gyqq-box .con-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#gyqq-box .count-box .count{

		flex: 1;

		width: 100%;

	}

	#gyqq-box .con-box{

		flex: 1;

		width: 100%;

	}

}

#gyqq-box .count-box .item-box{

	flex: 1;

	height: 210px;

	display: flex;

	flex-direction: column;

	align-items: center;

	padding-top: 64px;

}

#gyqq-box .count-box .item-box .num-box{

	margin-top: 26px;

	font-size: 4rem;

	font-family: Impact;

	font-weight: 400;

	color: #FFB001;

}

#gyqq-box .count-box .item-box .num-box .data{

/*	float: left; */

/*	width:150px; */

	line-height: 66px; 

	text-align: center;

	display: flex;

	justify-content: center;

}

#gyqq-box .count-box .item-box .num-box .data .count{

	width: 100%;

}

#gyqq-box .count-box .item-box .name-box{

	margin-top: 18px;

	font-size: 1.6rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #FFFFFF;

}

#gyqq-box .con-box{

	display: flex;

	margin-top: 40px;

}

#gyqq-box .con-box .left{

	position: relative;

	flex: 1;

	width: 650px;

	height: 484px;

}

#gyqq-box .con-box .left .num-box{

	position: absolute;

	left: 0px;

	bottom: 0px;

	display: flex;

	flex-direction: column;

	

}

#gyqq-box .con-box .left .num-box .num-item{

	display: flex;

	align-items: center;

}

#gyqq-box .con-box .left .num-box .num-item .item-flag1{

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #52E5FF;

}

#gyqq-box .con-box .left .num-box .num-item .item-flag2{

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #FF9601;

}

#gyqq-box .con-box .left .num-box .num-item .item-flag3{

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #F4C41D;

}

#gyqq-box .con-box .left .num-box .num-item .item-flag4{

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #6C33ED;

}

#gyqq-box .con-box .left .num-box .num-item .item-flag5{

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #52E5FF;

}

#gyqq-box .con-box .left .num-box .num-item .item-font{

	margin-left: 12px;

	line-height: 28px;

	font-size: 1.4rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

}

#gyqq-box .con-box .left img{

	width: 100%;

	position: absolute;

	right: 0px;

	bottom: 0px;

}

#gyqq-box .con-box .right{

	margin-left: 50px;

	flex: 1;

	width: 554px;

	height: 484px;

	display: flex;

	flex-direction: column;

	padding: 6px 4px 0px 6px;

	background: #fff;

}

#gyqq-box .con-box .right .title{

	display: flex;

}

#gyqq-box .con-box .right .title label{

	width: 50%;

	line-height: 30px;

	font-size: 1.6rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

}

#gyqq-box .con-box .right .title img{

	padding-left: 36px;

	width: 50%;

	box-sizing: border-box;

}

#gyqq-box .con-box .right .title img:hover{

	transform: scale(1.1);

}

#gyqq-box .con-box .right .intro{

	padding-top: 40px;

	font-size: 1.6rem;

	font-family: Adobe Heiti Std;

	font-weight: normal;

	color: #333333;

}

#gyqq-box .con-box .right .img-box{

	padding-top: 40px;

	display: flex;

	justify-content: space-between;

}

#gyqq-box .con-box .right .img-box .item-box{

	display: flex;

	flex-direction: column;

	width: 32%;

}

#gyqq-box .con-box .right .img-box .item-box img:hover{

	transform: scale(1.01);

}

#gyqq-box .con-box .right .img-box .item-box img{

	width: 100%;

}

#gyqq-box .con-box .right .img-box .item-box label{

	margin-top: 10px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #333333;

}

/*------------------------------------------------------------------------------------------------------------zlhz-box*/

#zlhz-box{

	position: relative;

	width: 100%;

/*	height: 210px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	margin:0 auto;

	max-width:100%

}

#zlhz-box .logo-box{

	display: flex;

	justify-content: space-between;

	margin-top: 36px;

/*	border: 1px solid orange;*/

}

#zlhz-box .more-box{

	display: flex;

	justify-content: center;

	margin-top: 37px;

	margin-bottom: 60px;

	

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #666666;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#zlhz-box .logo-box{

		width: 1204px;

	}

	#zlhz-box .more-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#zlhz-box .logo-box{

		flex: 1;

		width: 100%;

	}

	#zlhz-box .more-box{

		flex: 1;

		width: 100%;

	}

}

#zlhz-box .logo-box .item-box{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 17.77%;

}

#zlhz-box .logo-box .item-box img{

	width: 100%;

}

#zlhz-box .logo-box .item-box img:hover{

	transform: scale(1.01);

}



/*------------------------------------------------------------------------------------------------------------foot1-box*/

#foot1-box .topimg{

	position: absolute;

	bottom: 0px;

	width: 97.81%;

}

#foot1-box{

	position: relative;

	width: 100%;

/*	margin-bottom: 72px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #2B273E;

/*	border: 1px solid #fff;*/

}

#foot1-box .gotop-box{

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-top: 50px;

	padding-bottom: 46px;

	margin:0 auto;

	max-width:100%;

	height: 42px;

}

#foot1-box .gotop-box .right{

	display: flex;

	width: 86%;

}

#foot1-box .gotop-box .right ul{

	padding: 0px 100px;

	box-sizing: border-box;

	width: 100%;

	height: 52px;

	list-style-type: none;

    white-space:nowrap;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

#foot1-box .gotop-box .right ul li{

	

}

#foot1-box .gotop-box .right ul li a{

	position: relative;

	float:left;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #B1ABCD;

	text-decoration: none;

}

#foot1-box .gotop-box .right ul li .liselected{

	color: #FFB001;

}

/*------------------------------------------------------------------------------------------------------------foot-box*/

#foot-box{

	position: relative;

	width: 100%;

/*	margin-bottom: 72px;*/

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #2B273E;

	padding-bottom: 36px;

}

#foot-box .news-box{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 84px;

	margin-bottom: 66px;

	margin:0 auto;

	max-width:100%;

}

@media screen and (min-width:1204px) and (max-width:1920px){

	#foot-box .news-box{

		width: 1204px;

	}

	#foot1-box .gotop-box{

		width: 1204px;

	}

}

@media screen and (min-width:500px) and (max-width:1204px){

	#foot-box .news-box{

		flex: 1;

		width: 100%;

	}

	#foot1-box .gotop-box{

		flex: 1;

		width: 100%;

	}

}

#foot-box .news-box .code-box{

	flex: 1;

	height: 210px;

	display: flex;

	justify-content: space-between;

	

}

#foot-box .news-box .code-box .item{

	flex: 1;

	display: flex;

	flex-direction: column;

}

#foot-box .news-box .code-box .item .title{

	margin-bottom: 36px;

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

#foot-box .news-box .code-box .item .qrcode-box{

	flex:1;

	display: flex;

}

#foot-box .news-box .code-box .item .qrcode-box .qrcode{

	flex:1;

	display: flex;

	flex-direction: column;

	align-items: center;

	margin-right: 5px;

}

#foot-box .news-box .code-box .item .qrcode-box .qrcode .img{

	

	width: 112px;

	height: 112px;

}

#foot-box .news-box .code-box .item .qrcode-box .qrcode .img img{

	width: 100%;

}

#foot-box .news-box .code-box .item .qrcode-box .qrcode label{

	margin-top: 12px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #807B99;

}

#foot-box .news-box .code-box .item2{

	flex: 1;

	display: flex;

	flex-direction: column;

	align-items: center;

}

#foot-box .news-box .code-box .item2 .title{

	margin-bottom: 36px;

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

#foot-box .news-box .code-box .item2 .qrcode-box{

	flex:1;

	display: flex;

}

#foot-box .news-box .code-box .item2 .qrcode-box .qrcode{

	flex:1;

	display: flex;

	flex-direction: column;

	align-items: center;

	margin-right: 5px;

}

#foot-box .news-box .code-box .item2 .qrcode-box .qrcode .img{

	width: 112px;

	height: 112px;

}

#foot-box .news-box .code-box .item2 .qrcode-box .qrcode .img img{

	width: 100%;

}

#foot-box .news-box .code-box .item2 .qrcode-box .qrcode label{

	margin-top: 12px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #807B99;

}

#foot-box .news-box .item-box{

	flex: 1;

	height: 210px;

	display: flex;

	flex-direction: column;

	align-items: center;

}

#foot-box .news-box .item-box .item{

	display: flex;

	flex-direction: column;

}

#foot-box .news-box .item-box .item .title1{

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

#foot-box .news-box .item-box .item .title2{

	margin-top: 26px;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFFFFF;

}

#foot-box .news-box .item-box .item .title3{

	margin-top: 8px;

	margin-bottom: 8px;

	line-height: 32px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #807B9A;

}

#foot-box .news-box .flag{

	width: 1px;

	height: 222px;

	display: flex;

}

#foot-box .news-box .flag .bj{

	width: 100%;

	height: 100%;

	border-right: 1px solid #544B89;

}

#foot-box .news-box .item2-box{

	width: 28%;

	display: flex;

	flex-direction: column;

	align-items: flex-end;

}

#foot-box .news-box .item2-box .item{

	display: flex;

	flex-direction: column;

}

#foot-box .news-box .item2-box .item .title1{

	font-size: 1.8rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

#foot-box .news-box .item2-box .item .kf{

/*	flex:1;*/

	margin-top: 26px;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 90px;

	height: 75pxpx;

    color: #fff;

    padding-left: 6px;

}

#foot-box .news-box .item2-box .item .kf .icon-box{

/*	flex: 1;*/

	width: 20px;

	height: 22px;

}

#foot-box .news-box .item2-box .item .kf .icon-box img{

	width: 100%;

}

#foot-box .news-box .item2-box .item .kf label{

	margin-left: 10px;

	font-size: 1.6rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #FFFFFF;

}

#foot-box .news-box .item2-box .item .imgtxt{

	margin-top: 16px;

	display: flex;

	

}

#foot-box .news-box .item2-box .item .imgtxt .txt-box{

	margin-left: 20px;

}

#foot-box .news-box .item2-box .item .imgtxt .txt-box .title{

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #807B99;

}

#foot-box .news-box .item2-box .item .imgtxt .txt-box .num{

	font-size: 2rem;

	font-family: Microsoft YaHei;

	font-weight: bold;

	color: #FFFFFF;

}

/*------------------------------------------------------------------------------------------------------------bot-box*/

#bot-box{

	position: relative;

	width: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

	background: #201E28;

	padding-bottom: 76px;

}

#bot-box .bot{

	display: flex;

	justify-content: space-between;

	margin-bottom: 76px;

	margin:0 auto;

	max-width:100%

}



@media screen and (min-width:1204px) and (max-width:1920px){

	#bot-box .bot{

		width: 1204px;

	}

	

}

@media screen and (min-width:500px) and (max-width:1204px){

	#bot-box .bot{

		flex: 1;

		width: 100%;

	}

	

}

#bot-box .bot .left{

	display: flex;

	flex-direction: column;

	

}

#bot-box .bot .left .title1{

	margin-top: 24px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #B1ABCD;

}

#bot-box .bot .left .title2{

	margin-top: 12px;

	line-height: 26px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #535068;

}

#bot-box .bot .right{

	display: flex;

	align-items: center;

	margin-top: 42px;

}

#bot-box .bot .right .img-box{

	flex: 1;

	width: 155px;

	height: 36px;

}

#bot-box .bot .right .img-box img{

	width: 100%;

}

#bot-box .bot .right .xy{

	margin-left: 22px;

	font-size: 1.4rem;

	font-family: Microsoft YaHei;

	font-weight: 400;

	color: #535068;

}

.youlian .p-title .p-title1{ margin-top:0;}

.youlian2{ margin:30px 0;}

.youlian2 a{    text-decoration: none;

    border: 1px solid #ccc;

    padding: 2px 6px;

    margin: 3px 5px;

    display: inline-block;

    color: #636262;}