html{height: 100%;}
body{font-family: "Microsoft YaHei","SimSun","STHeiti Light",Arial;background: url(sy-ydyl20180807-1.jpg) no-repeat center center;height: 100%;}
*{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}
.inner{width: 1000px;height: 646px;position: absolute;left: 50%;top: 50%;margin-left: -500px;margin-top: -323px;}
.nav{padding-left: 54px;}
/*
.nav li{float: left;font-size: 18px;line-height: 38px;height: 38px;width: 132px;text-align: center;background: url(sy-ydyl20180807-2.png);margin-right: 115px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;}
*/
.nav li{float: left;font-size: 18px;line-height: 38px;height: 38px;width: 132px;text-align: center;background: url(sy-ydyl20180807-2.png);margin-right: 115px;}

.nav li a{color: #0c72a7;}
.nav .on{height: 47px;position: relative;}
.nav .on a{color: #fff;text-shadow: 1px 1px 1px #b1b1b1;-webkit-text-shadow: 1px 1px 1px #b1b1b1;-moz-text-shadow: 1px 1px 1px #b1b1b1;}
.nav .mr0{margin-right: 0;}
.index-pic{position: absolute;left: 168px;top: 150px;width: 655px;height: 397px;}
.index-pic img{width: 100%;height: 100%;display: block;}
.english{width: 118px;height: 33px;line-height: 33px;text-align: center;border: 1px solid #9ad6e4;position: absolute;left: 440px;top: 585px;opacity: 0;animation: slideInUp 0.8s 4s linear forwards;-webkit-animation: slideInUp 0.8s 4s linear forwards;-moz-animation: slideInUp 0.8s 4s linear forwards;-ms-animation: slideInUp 0.8s 4s linear forwards;-o-animation: slideInUp 0.8s 4s linear forwards;overflow: hidden;}
.english a{color: #2e87b6;position: relative;display: inline-block;width: 100%;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;}
.rc{width: 98px;line-height: 64px;position: absolute;right: 0;top: 50%;margin-left: -36px;font-size: 24px;text-align: center;padding-bottom: 8px;background: url(sy-ydyl20180807-16.png) no-repeat left top;}
.rc a{color: #00507a;}
.index-pic1{width: 351px;height: 257px;position: absolute;left: 325px;top: 148px;animation: bounceInDown 1s linear;-webkit-animation: bounceInDown 1s linear;-moz-animation: bounceInDown 1s linear;-ms-animation: bounceInDown 1s linear;-o-animation: bounceInDown 1s linear;}
.index-pic2{width: 655px;height: 28px;position: absolute;left: 172px;top: 439px;opacity: 0;animation: fadeIn 1s 1s linear forwards;-webkit-animation: fadeIn 1s 1s linear forwards;-moz-animation: fadeIn 1s 1s linear forwards;-ms-animation: fadeIn 1s 1s linear forwards;-o-animation: fadeIn 1s 1s linear forwards;}
.index-pic3{width: 655px;height: 46px;position: absolute;left: 172px;top: 466px;opacity: 0;animation: fadeIn 1s 2s linear forwards;-webkit-animation: fadeIn 1s 2s linear forwards;-moz-animation: fadeIn 1s 2s linear forwards;-ms-animation: fadeIn 1s 2s linear forwards;-o-animation: fadeIn 1s 2s linear forwards;}
.index-pic4{width: 655px;height: 33px;position: absolute;left: 172px;top: 510px;opacity: 0;animation: fadeIn 1s 3s linear forwards;-webkit-animation: fadeIn 1s 3s linear forwards;-moz-animation: fadeIn 1s 3s linear forwards;-ms-animation: fadeIn 1s 3s linear forwards;-o-animation: fadeIn 1s 3s linear forwards;}
.index-pic1 img,.index-pic2 img,.index-pic3 img{width: 100%;height: 100%;}
.english a span{position: relative;z-index: 10;}
.english a:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	background: #9ad6e4;
	top: 0;
	left: -170%;
	width: 160%;
	height: 110%;
	-o-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	
    }

.english a:hover:after{
		left: -30%;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
	} 
.english a:hover{
		color: #FFFFFF;
	}  


/*1*/
.chsy-box{background: url(sy-ydyl20180807-2.png);padding: 16px;}
.chsy-box1{border: 1px solid #f6fbfe;padding: 10px;}
.chsy-box2{background-color: #ffffff;}
.jt{width: 12px;height: 14px;background: url(sy-ydyl20180807-6.png) no-repeat left top;position: absolute;left: 65px;top: 40px;}
.foucua01{width: 941px;height: 543px;position: relative;overflow: hidden;}
.foucua01 .slides_item{width: 941px;height: 543px;}
.foucua01 .img-title{position: absolute;left: 0;bottom: 0;width: 100%;text-indent: 2em;background: url(sy-ydyl20180807-9.png);padding: 10px 0;color: #fff;}
.foucua01 .img-title a{color: #fff;font-size: 16px;line-height: 30px;padding-left: 25px;padding-right: 125px;display: inline-block;}
.foucua01 .img-box,.foucua01 .img-640-360{width: 941px;height: 543px;position: relative;}
.img-tit{width: 20px; text-align: center; font-size:20px;position: absolute;right: 30px; bottom:27px; line-height: 25px;font-weight: bold; z-index: 999;}
.foucua01 .img-640-360 img{width: 100%;height: 100%;}
.prev{width: 28px;height: 51px;background: url(sy-ydyl20180807-10.png);position: absolute;left: 16px;top: 240px;}
.next{width: 28px;height: 51px;background: url(sy-ydyl20180807-11.png);position: absolute;right: 16px;top: 240px;}
.foucua01 .img-tit-more a{font-size: 14px;color: #fff;padding: 0;line-height: 14px;}
.img-tit-more{position: absolute;right: 12px;bottom: 15px;}
.rc{width: 98px;line-height: 64px;position: absolute;right: 0;top: 50%;margin-left: -36px;font-size: 24px;text-align: center;padding-bottom: 8px;background: url(sy-ydyl20180807-16.png) no-repeat left top;}
.rc a{color: #00507a;}
/*2*/
.jt{width: 12px;height: 14px;background: url(sy-ydyl20180807-6.png) no-repeat left top;position: absolute;left: 65px;top: 40px;}
.hyjj-l{width: 537px;padding: 6px 8px 10px;float: left;}
.hyjj-l-tit{font-size: 16px;line-height: 24px;text-align: center;padding: 7px 0;}
.hyjj-l-tit a{color: #000;}
.hyjj-l-cont{padding: 0 13px;}
.hyjj-l-p{text-indent: 2em;font-size: 14px;color: #656565;line-height: 18px;}
.hyjj-l-more{width: 128px;line-height: 24px;height: 24px;text-align: center;border: 1px solid #a3ccdf;font-size: 12px;float: right;margin-top: 8px;overflow: hidden;}
.hyjj-l-more a{color: #000;position: relative;display: inline-block;width: 100%;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;}
.hyjj-r{width: 335px;float: right;padding-right: 25px;padding-left: 18px;border-left: 1px solid #dddddd;margin-top: 7px;}
.hyjj-r-tit{font-size: 18px;line-height: 24px;padding: 14px 0 12px;border-bottom: 1px dashed #cccccc;}
.hyjj-r-tit a{color: #4f4e4e;padding-right: 10px;}
.hyjj-r-tit.cl{padding-top: 0;}
.hyjj-r-tit.cl a{color: #4188be;}
.hyjj-r-tit span{font-size: 14px;color: #a3a3a3;display: inline-block;}
.hyjj-r-more{width: 73px;}
.hyjj-l-more a span{position: relative;z-index: 10;}
.hyjj-l-more a:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	background: #a3ccdf;
	top: 0;
	left: -170%;
	width: 160%;
	height: 110%;
	-o-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	
    }
.hyjj-l-more a:hover:after{
		left: -30%;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
	} 
	.hyjj-l-more a:hover{
		color: #fff;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
	}
/*3*/
.chsy-list{padding-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.chsy-list li{float: left;width: 189px;background-color: #ececec;position: relative;height: 399px;overflow: hidden;}
.chsy-txt{height: 95px;padding: 0 18px;position: relative;z-index: 10;}
.chsy-name{font-size: 24px;line-height: 44px;}
.chsy-name a{color: #426a8b;}
.chsy-zc{font-size: 12px;color: #a5a5a5;line-height: 18px;}
.chsy-pic{height: 304px;overflow: hidden;position: relative;z-index: 10;margin: 0 auto;}
.chsy-pic img{display: block;width: 100%;height: 100%;}
.chsy-bg{height: 399px;width: 100%;background-color: #426a8b;position: absolute;left: 0;top: 0;display: none;}
.chsy-box2{background-color: #ffffff;}
.news-list{padding-left: 15px;padding-top: 10px;padding-bottom: 25px;position: relative;}
.news-list li{font-size: 14px;line-height: 25px;padding-left: 20px;background: url(sy-ydyl20180807-5.jpg) no-repeat left 10px;}
.news-list li a{color: #4d4d4d;}
.news-list .cl a{color: #426a8b;}
.jt{width: 12px;height: 14px;background: url(sy-ydyl20180807-6.png) no-repeat left top;position: absolute;left: 65px;top: 40px;}
.news-more{width: 73px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #a3ccdf;font-size: 12px;position: absolute;right: 11px;bottom: 8px;overflow: hidden;}
.news-more a{color: #000;position: relative;display: inline-block;width: 100%;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;}

.news-more a span{position: relative;z-index: 10;} 
.news-more a:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	background: #a3ccdf;
	top: 0;
	left: -170%;
	width: 160%;
	height: 110%;
	-o-transform: skewX(-30deg);
	-ms-transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	transform: skewX(-30deg);
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	
	
    }
.news-more a:hover:after{
		left: -30%;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		filter: alpha(opacity=100);
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
	}  
	.news-more a:hover{
		color: #fff;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
	}  
/*4*/
.jjsj-pic1{width: 156px;height: 108px;overflow: hidden;}
.jjsj-pic2{width: 313px;height: 217px;overflow: hidden;}
.jjsj-pic1 img,.jjsj-pic2 img{width: 100%;height: 100%;display: block;cursor: pointer;}
.pos1{position: absolute;left: 0;top: 0;}
.pos2{position: absolute;left: 157px;top: 0;}
.pos3{position: absolute;left: 314px;top: 0;}
.pos4{position: absolute;left: 471px;top: 0;}
.pos5{position: absolute;left: 628px;top: 0;}
.pos6{position: absolute;left: 0;top: 109px;}
.pos7{position: absolute;left: 157px;top: 109px;}
.pos8{position: absolute;left: 471px;top: 109px;}
.pos9{position: absolute;left: 0;top: 218px;}
.pos10{position: absolute;left: 471px;top: 218px;}
.pos11{position: absolute;left: 628px;top: 218px;}
.pos12{position: absolute;left: 785px;top: 218px;}
.pos13{position: absolute;left: 0;top: 327px;}
.pos14{position: absolute;left: 157px;top: 327px;}
.pos15{position: absolute;left: 314px;top: 327px;}
.pos16{position: absolute;left: 471px;top: 327px;}
.pos17{position: absolute;left: 785px;top: 327px;}
.pos18{position: absolute;left: 0;top: 436px;}
.pos19{position: absolute;left: 157px;top: 436px;}
.pos20{position: absolute;left: 314px;top: 436px;}
.pos21{position: absolute;left: 785px;top: 436px;}
.jjsj-bg1{background-color: #88d5e6;}
.jjsj-bg2{background: url(sy-ydyl20180807-14.jpg);}
.jjsj-bg3{background-color: #c3e6ee;}
.jjsj-bg4{background-color: #4da0b3;}
.jjsj-pic-more{font-size: 14px;line-height: 14px;position: absolute;right: 20px;bottom: 15px;}
.jjsj-pic-more a{color: #fff;}
.cover{width: 100%;height: 100%;background: url(sy-ydyl20180807-2.png);position: absolute;left: 0;top: 0;}
.hyjj-l-c{width: 950px;padding: 6px 8px;background: #fff;/*height: 495px;*/overflow: hidden;position: absolute;left: 17px;top: 17px;display: none;}
.hyjj-l-c .hyjj-l-tit{font-size: 16px;line-height: 24px;text-align: center;padding: 7px 0;}
.hyjj-l-c .hyjj-l-tit a{color: #000;}
.hyjj-l-c .hyjj-l-cont{padding: 0 13px;}
.hyjj-l-c .hyjj-l-p{text-indent: 2em;font-size: 14px;color: #656565;line-height: 18px;}
.hyjj-l-c .hyjj-l-pic{width: 100%;height: 540px;}
.hyjj-l-c .hyjj-l-pic img{width: 100%;height: 100%;}
.close{position: absolute;right: 8px;top: 6px;width: 22px;height: 22px;cursor: pointer;z-index:100;}
.close img{width: 100%;height: 100%;display: block;}
@keyframes bounceInDown {
	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}
	75% {
		transform: translate3d(0, -10px, 0)
	}
	90% {
		transform: translate3d(0, 5px, 0)
	}
	to {
		transform: none
	}
}

.bounceInDown {
	animation-name: bounceInDown
}


@keyframes fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fadeIn {
	animation-name: fadeIn
}
@keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}
	to {
		transform: translateZ(0);
		opacity: 1;
	}
}

.slideInUp {
	animation-name: slideInUp
}