@charset "gb2312";
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	margin: 0 auto;
	padding: 0;
}
article, aside, dialog, footer, header, section, nav, figure, menu {
	display: block;
	margin: 0 auto;
	padding: 0;
}
ul, ol, li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0 none;
	display: block;
	vertical-align: top;
}
a {
	text-decoration: none;
	outline: none;
	color: inherit;
}
body {
	font-family: "˼ԴºÚÌå", "΢ÈíÑźÚ", "Arial Narrow";
	font-size: 16px;
	color: #202020;
}
.vh {
	visibility: hidden;
}
.hide {
	display: none;
}
.screen_box {
	width: 100%;
	height: 100%;
	max-width: 1920px;
	max-height: 1080px;
	background: url(../images/screen_bg.jpg) top center no-repeat;
	overflow: hidden;
	position: fixed;
	top: 0px;
	z-index: 90;
}
#animation01 {
	-webkit-animation: fadeInUp 1s .3s ease both;
	-moz-animation: fadeInUp 1s .3s ease both;
	background: url(../images/screen_t1.png) no-repeat;
	width: 944px;
	height: 481px;
	top: 120px;
	left: 24%;
	position: absolute;
	float: left;
	z-index: 98;
}
#animation02 {
	-webkit-animation: fadeInUp 1s 1s ease both;
	-moz-animation: fadeInUp 1s 1s ease both;
	background: url(../images/screen_t2.png) no-repeat;
	width: 1035px;
	height: 40px;
	top: 620px;
	left: 23%;
	position: absolute;
	float: left;
	z-index: 97;
}
#animation03 {
	-webkit-animation: fadeInUp .6s 2s ease both;
	-moz-animation: fadeInUp .6s 2s ease both;
	background: url(../images/screen_logo.png) no-repeat;
	width: 345px;
	height: 45px;
	top: 780px;
	left: 41%;
	position: absolute;
	float: left;
	z-index: 96;
}
#animation04 {
	-webkit-animation: fadeInUp .6s 1.5s ease both;
	-moz-animation: fadeInUp .6s 1.5s ease both;
	background: url(../images/screen_t3.png) no-repeat;
	width: 210px;
	height: 50px;
	top: 690px;
	left: 44%;
	position: absolute;
	float: left;
	z-index: 95;
	cursor: pointer;
}
.screen_box .top_lizi {
	width: 850px;
	height: 500px;
	background: url(../images/screen_lizi.png) no-repeat;
	animation: top_lizi 3s steps(1) infinite;
	position: absolute;
	margin-left: 24%;
	margin-top: 60px;
	opacity: 0.7;
	z-index: 91;
}
/*Á£×Ó¶¯»­*/
@keyframes top_lizi {
	0% {
		background-position: 0px 0px
	}
	3.12% {
		background-position: -1000px 0px
	}
	6.25% {
		background-position: 0px -500px
	}
	9.38% {
		background-position: -1000px -500px
	}
	12.50% {
		background-position: 0px -1000px
	}
	15.62% {
		background-position: -1000px -1000px
	}
	18.75% {
		background-position: 0px -1500px
	}
	21.88% {
		background-position: -1000px -1500px
	}
	25.00% {
		background-position: 0px -2000px
	}
	28.12% {
		background-position: -1000px -2000px
	}
	31.25% {
		background-position: 0px -2500px
	}
	34.38% {
		background-position: -1000px -2500px
	}
	37.50% {
		background-position: 0px -3000px
	}
	40.62% {
		background-position: -1000px -3000px
	}
	43.75% {
		background-position: 0px -3500px
	}
	46.88% {
		background-position: -1000px -3500px
	}
	50.00% {
		background-position: 0px -4000px
	}
	53.12% {
		background-position: -1000px -4000px
	}
	56.25% {
		background-position: 0px -4500px
	}
	59.38% {
		background-position: -1000px -4500px
	}
	62.50% {
		background-position: 0px -5000px
	}
	65.62% {
		background-position: -1000px -5000px
	}
	68.75% {
		background-position: 0px -5500px
	}
	71.88% {
		background-position: -1000px -5500px
	}
	75.00% {
		background-position: 0px -6000px
	}
	78.12% {
		background-position: -1000px -6000px
	}
	81.25% {
		background-position: 0px -6500px
	}
	84.38% {
		background-position: -1000px -6500px
	}
	87.50% {
		background-position: 0px -7000px
	}
	90.62% {
		background-position: -1000px -7000px
	}
	93.75% {
		background-position: 0px -7500px
	}
	96.88% {
		background-position: -1000px -7500px
	}
	100.00% {
		background-position: 0px -8000px
	}
}
/*¶¯»­¿â*/
/*×ó±ßµ­Èë*/
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}
/*Óұߵ­Èë*/
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}
/*´Óϵ­Èë*/
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}
.main {
	width: 100%;
	max-width: 1920px;
	overflow: hidden;
	padding-bottom: 50px;
	background: url(../images/main_bg.jpg) top center repeat;
}
.top,.top img{
	width: 100%;
}
.ztsp {
	width: 1200px;
	height: 657px;
	margin-top: 50px;
	overflow: hidden;
	background: url(../images/ztsp_bg.png) top center no-repeat;
}
.ztsp .dbt {
	width: 1120px;
	height: 190px;
	margin-top: 20px;
	overflow: hidden;
}
.ztsp .dbt h1 {
	width: 1120px;
	text-align: center;
	height: 72px;
	line-height: 72px;
	font-family: "΢ÈíÑźÚ";
	font-size: 38px;
	color: #f8482b;
	overflow: hidden;
}
.ztsp .dbt p {
	width: 1120px;
	height: 108px;
	line-height: 36px;
	font-weight: bolder;
	text-indent: 2em;
	letter-spacing: 2px;
	overflow: hidden;
}
.ztsp #focus {
	float: left;
	width: 610px;
	height: 400px;
	margin-left: 40px;
	overflow: hidden;
}
.ztsp #focus img {
	width: 610px;
	height: 400px;
}
.hotnews {
	float: right;
	width: 490px;
	height: 400px;
	margin-right: 30px;
	overflow: hidden;
}
.hotnews .single {
	width: 490px;
	height: 140px;
	overflow: hidden;
}
.hotnews .single h4 {
	width: 490px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: "΢ÈíÑźÚ";
	font-size: 22px;
	color: #212121;
	overflow: hidden;
}
.hotnews .single p {
	width: 490px;
	height: 90px;
	line-height: 30px;
	text-indent: 2em;
	font-size: 16px;
	color: #5b5b5b;
	overflow: hidden;
}
.hotnews .list {
	width: 490px;
	height: 240px;
	overflow: hidden;
	margin-top: 20px;
}
.hotnews .list li {
	width: 490px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.hotnews .list li::before {
	display: block;
	content: " ";
	float: left;
	width: 10px;
	height: 10px;
	background-color: #f8482b;
	border-radius: 50%;
	margin: 15px 15px 15px 0;
}
.main_title {
	width: 1200px;
	height: 98px;
	margin-top: 40px;
}
.fzyj {
	width: 1200px;
	height: 473px;
	margin-top: 40px;
	overflow: hidden;
	background: url(../images/fzyj_bg.png) top center no-repeat;
}
.fzyj .roll {
	position: relative;
	width: 1200px;
	height: 380px;
	margin-top: 50px;
	overflow: hidden;
}
.fzyj .roll .prev {
	float: left;
	width: 50px;
	height: 50px;
	margin-top: 140px;
	cursor: pointer;
}
.fzyj .roll .next {
	float: right;
	width: 50px;
	height: 50px;
	margin-top: 140px;
	cursor: pointer;
}
.fzyj .roll .box {
	width: 1055px;
	height: 380px;
	overflow: hidden;
}
.fzyj .roll .box ul {
	width: 9999px;
}
.fzyj .roll .box li {
	position: relative;
	float: left;
	width: 335px;
	height: 380px;
	margin-right: 25px;
	background: #ffffff;
	overflow: hidden;
}
.fzyj .roll .box li>span {
	position: relative;
	display: block;
	width: 335px;
	height: 190px;
	overflow: hidden;
}
.fzyj .roll .box li>span img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.fzyj .roll .box li>span img:hover {
	transform: scale(1.2);
}
.fzyj .roll .box li h4 {
	display: block;
	width: 285px;
	height: 85px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	color: #303030;
	overflow: hidden;
}
.fzyj .roll .box li h4:before {
	display: block;
	content: " ";
	width: 60px;
	height: 5px;
	margin-bottom: 20px;
	background: #ff5c27;
}
.fzyj .roll .box li p {
	display: block;
	width: 285px;
	height: 72px;
	line-height: 24px;
	margin-top: 10px;
	font-size: 14px;
	color: #555555;
	overflow: hidden;
}
.szcm {
	width: 1200px;
	height: 601px;
	margin-top: 40px;
	overflow: hidden;
	background: url(../images/szcm_bg.png) top center no-repeat;
}
.szcm .show {
	width: 1160px;
	height: 530px;
	margin-top: 40px;
	overflow: hidden;
}
.szcm .box {
	width: 1160px;
	height: 490px;
	overflow: hidden;
}
.szcm .box li {
	float: left;
	width: 280px;
	height: 235px;
	margin: 0 5px 10px 5px;
	background: #ffffff;
	overflow: hidden;
}
.szcm .box li img {
	width: 280px;
	height: 160px;
}
.szcm .box li span {
	display: block;
	margin: 10px;
	width: 260px;
	height: 60px;
	line-height: 30px;
}
.szcm .menu {
	width: 200px;
	height: 25px;
	margin-top: 10px;
}
.szcm .menu span {
	float: left;
	width: 50px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}
.szcm .menu ul {
	float: left;
	margin: 0 10px;
}
.szcm .menu li {
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin: 0 5px;
	text-align: center;
	cursor: pointer;
}
.szcm .menu .on {
	background: #e33000;
	color: #ffffff;
}
.szcy {
	width: 1200px;
	height: 575px;
	margin-top: 40px;
	overflow: hidden;
	background: url(../images/szcy_bg.png) top center no-repeat;
}
.szcy .box{
	width: 1140px;
	height: 480px;
	margin-top: 60px;
	overflow: hidden;
}
.szcy .piclist{
	float: left;
	width: 630px;
	height: 480px;
	overflow: hidden;
}
.szcy .piclist li{
	width: 630px;
	height: 160px;
	overflow: hidden;
}
.szcy .piclist li img{
	width: 220px;
	height: 125px;
	float: left;
	margin-right: 30px;
}
.szcy .piclist li h4{
	display: block;
	float: right;
	width: 380px;
	line-height: 36px;
	font-size: 22px;
}
.szcy .piclist li p{
	display: block;
	float: right;
	margin-top: 10px;
	width: 380px;
	line-height: 24px;
	color: #666666;
}
.szcy .piclist li p a{
	color: red;
}
.szcy .single{
	float: right;
	position: relative;
	width: 475px;
	height: 285px;
	overflow: hidden;
}
.szcy .single img{
	width: 475px;
	height: 285px;
}
.szcy .single span{
	position: absolute;
	width: 475px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	font-weight: bolder;
}
.szcy .list{
	float: right;
	width: 475px;
	height: 180px;
	margin-top: 15px;
	overflow: hidden;
}
.szcy .list li{
	width: 475px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 18px;
	color: #666666;
	font-weight: bolder;
}
.szcy .list .more{
	float: right;
	line-height: 30px;
	color: #666666;
}
.dcyx {
	width: 1200px;
	height: 575px;
	margin-top: 40px;
	overflow: hidden;
	background: url(../images/dcyx_bg.png) top center no-repeat;
}
#certify {
	position: relative;
	width: 1100px;
	margin-top: 60px;
	overflow: hidden;
}
#certify .swiper-container {
	padding-bottom: 60px;
}
#certify .swiper-slide {
	width: 740px;
	height: 420px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
	position: relative;
}
#certify .swiper-slide img {
	display: block;
	width: 740px;
	height: 420px;
}
#certify .swiper-slide span {
	position: absolute;
	bottom: 0;
	width: 740px;
	height: 35px;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	line-height: 35px;
	overflow: hidden;
	text-align: center;
}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}