/* = = = = 全局样式 = = = = */
body{ font-size:14px;font-family: "微软雅黑"; color:#333333; }
body,html,table,tr,th,td,div,form,img,ul,ol,li,dl,dt,dd,p,input,select,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family: "微软雅黑"; }
ul,ol,li,dl,dt,dd{list-style:none;}
a{color:#666666;text-decoration:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#0b75ff;text-decoration:none;}
img{ border:none;}
a:focus{outline:none;}/*FF下*/
.clear{clear:both}
html, body {
    height: 100%;
    width: 100%;
}

 input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
 }

.ydy-content{width:1300px; margin:0 auto; z-index:10000;}

/*---兼容小屏---*/
@media only screen and (min-width:1601px) and (max-width:1920px) {
  .webbg{zoom:1;-moz-transform: scale(1);-moz-transform-origin: 0 0}
}
@media only screen and (min-width:1441px) and (max-width:1600px) {
 .webbg{zoom:0.9;-moz-transform: scale(0.83);-moz-transform-origin: 0 0}
}
@media only screen and (width:1440px){
 .webbg{zoom:0.81;-moz-transform: scale(0.81);-moz-transform-origin: 0 0}
}
@media only screen and (min-width:1366px) and (max-width:1439px) {
 .webbg{zoom:0.75;-moz-transform: scale(0.71);-moz-transform-origin: 0 0}
}
@media only screen and (max-width:1365px) {
 .webbg{zoom:0.7;-moz-transform: scale(0.65);-moz-transform-origin: 0 0}
}



.rslides img{height: 100%;}


.ydy_top{ width:100%; text-align:center; }
.ydy_top img{ padding:60px 0px 0px 0px;}



.ydy_bottom{width:100%; position: absolute; bottom:0px; text-align:center; color: #003387; z-index: 1000; }


.ydy-bg{ background-attachment: fixed; height:100%;  background:url(../ydyImages/ydy-bg.jpg) no-repeat center center; background-size:100% 100%;  }

.ydy_left{float:left; width:651px; height: 574px; position: relative; margin-top:40px; background:url(../ydyImages/25d_bg.png) no-repeat center center; }


.ydy_center{ width:1440px; height:440px;  margin:0 auto;  background:url(../ydyImages/ydy-center-bg.png) no-repeat center center; margin-top:230px;}
.ydy_center ul{margin:0px 0 0 40px;}
.ydy_center li{float: left; width:250px; text-align:center; padding:43px 0 0 0px; position: relative; cursor: pointer; margin:0px 11px; }

.ydy-logo{ width:278px; margin:0 auto; position:absolute; left:50%; margin-left:-139px; top:105px; }
.logo-img{ margin:30px 0 0 40px; position: relative; z-index:1000; animation: bounce 5s infinite forwards;}
.logo-bg{ position: absolute; top:0px; left:30px; }
.logo-zi{position: absolute;  top:240px; left:0px;}




.login_cont{float:right; margin:50px auto 0px auto; width:520px; height:555px; background:#fff; border-radius:10px; padding-top:20px;   box-shadow:0px 10px 20px rgba(70,144,277,0.36);   }
.login_cont p img{vertical-align: middle;margin-top: -10px;}
.login_cont p{ text-align: center; font-size: 36px; color: #0066ef; font-weight: bold; line-height: 80px; letter-spacing: 4px; background:url(../ydyImages/hydl_icon.png) bottom center no-repeat; }

.login_k{ width:400px; height: 400px; margin-left:55px; padding-top:20px; z-index: 9999; }
.login_k_tab{ width: 100%; margin-top: 10px;}
.login_k_tab li{ position:relative; margin-top:20px; }
.login_k_tab input{ width: 100%; vertical-align: top; outline: none; font-size:18px;  height: 52px;line-height: 52px;border: 1px solid #dedede; border-radius: 5px; text-indent: 56px; color: #888b8e; font-size: 16px;}
.login_k_tab input:hover{ border: 1px solid #0066ef;}
.login_k_tab span{ width:22px; height:24px; position: absolute; left:18px; top:15px; }
.login_k_tab font{float:right; width:125px; text-align: right;}


.login_tab_txt1{ background:url(../ydyImages/login_icon1.png) center center no-repeat;}
.login_k_tab:hover .login_tab_txt1{background:url(../ydyImages/login_icon1_h.png) center center no-repeat;}

.login_tab_txt2{ background:url(../ydyImages/login_icon2.png) center center no-repeat;}
.login_k_tab:hover .login_tab_txt2{background:url(../ydyImages/login_icon2_h.png) center center no-repeat;}

.login_tab_txt3{ background:url(../ydyImages/login_icon3.png) center center no-repeat;}
.login_k_tab:hover .login_tab_txt3{background:url(../ydyImages/login_icon3_h.png) center center no-repeat;}


.beizhu{ font-size: 16px;color:##888b8e;line-height: 12px; margin-top:40px;}
.beizhu input{float: left; color:#888b8e;vertical-align: middle;cursor: pointer;}
.beizhu a{float: right;vertical-align: middle;}

.login_tab_txt4{ width: 100%; height: 56px; line-height: 56px; background: #0066ef; border-radius: 6px; border: none; font-size: 24px; color: #FFFFFF; text-align: center; cursor: pointer; margin-top:50px; outline:none}
.login_tab_txt4:hover{background:#005edd; box-shadow: 0px 4px 6px rgba(6,56,149,0.5); }

.login_dtklp{width: 100%; height: 46px; border-radius: 3px; margin-top: 15px; text-align: left; color: #ffffff; font-size: 15px;
  background: #0154d0; border-radius: 5px; z-index: 9999; }
.login_dtklp img{ padding-left: 8px; padding-top: 6px;}
.login_dtklp input{ width: 238px; height: 32px; line-height: 32px; background: #FFFFFF; border: 0px solid #999999; color: #666666; text-indent: 5px;}
.login_dtklp td{color: #ffffff;}

/*---效果---*/
.move {
    position: absolute;
    left: 242px;
    top: 120px;
    width: 120px;
    height: 117px;
}

.thread1 {
	top: 78px;
	left: 29px;
	animation: fadeup 1s infinite;
	-webkit-animation: fadeup 1s infinite
}

.thread2 {
	top: 61px;
	left: 39px;
	opacity: 0;
	animation: fadeup 1s .8s infinite;
	-webkit-animation: fadeup 1s .8s infinite
}

.thread3 {
	top: 69px;
	left: 48px;
	opacity: 0;
	animation: fadeup 1s .4s infinite;
	-webkit-animation: fadeup 1s .4s infinite
}

.thread4 {
	top: 103px;
	left: 54px;
	opacity: 0;
	animation: fadeup 1s .2s infinite;
	-webkit-animation: fadeup 1s .2s infinite
}

.thread5 {
	top: 82px;
	left: 65px;
	opacity: 0;
	animation: fadeup 1s -.2s infinite;
	-webkit-animation: fadeup 1s -.2s infinite
}

@-webkit-keyframes fadeup {
	0 {
		opacity: 0;
		-webkit-transform: translateY(0)
	}

	40% {
		opacity: 1
	}

	60% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-70px)
	}
}

.move img {
	position: absolute
}

.updown1 {
	top: 18px;
	left: 0;
	animation: left-updown 1.7s infinite ease-in both;
	-webkit-animation: left-updown 1.7s infinite ease-in both
}

.updown2 {
	top: 62px;
	left: 6px;
	animation: left-updown 1.3s infinite ease-in both;
	-webkit-animation: left-updown 1.3s infinite ease-in both
}

.updown3 {
	top: 99px;
	left: 7px;
	animation: left-updown1 1.7s infinite ease-in both;
	-webkit-animation: left-updown1 1.7s infinite ease-in both
}

.updown4 {
	top: 29px;
	right: 0;
	animation: left-downup 1.7s .5s infinite ease-in both;
	-webkit-animation: left-downup 1.7s .5s infinite ease-in both
}

.updown5 {
	top: 100px;
	right: 0;
	animation: left-updown 1.7s .7s infinite ease-in both;
	-webkit-animation: left-updown 1.7s .7s infinite ease-in both
}



@-webkit-keyframes left-updown {

	0,
	100% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-20px)
	}
}

@keyframes left-downup {

	0,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(20px)
	}
}

@-webkit-keyframes left-updown1 {

	0,
	100% {
		-webkit-transform: translateY(10px)
	}

	50% {
		-webkit-transform: translateY(-10px)
	}
}

@keyframes left-updown1 {

	0,
	100% {
		transform: translateY(10px)
	}

	50% {
		transform: translateY(-10px)
	}
}


.img2 {
    position: absolute;
    top: 335px;
    left:35px;
    width: 76px;
    height: 109px;
}
.img3{
    top: 95px;
    left: 483px;

}
.img4{
   top: 305px;
   left: 460px;
}

.img2 .img2Line1 {
	position: absolute;
	top: 9px;
	left: 21px;
	animation: img2Line1 1.4s infinite ease-in forwards;
	-webkit-animation: img2Line1 1.4s infinite ease-in forwards
}

@-webkit-keyframes img2Line1 {
	0 {
		-webkit-transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-23px)
	}
}

@keyframes img2Line1 {
	0 {
		transform: translateY(0)
	}

	100% {
		transform: translateY(-23px)
	}
}

.img2 .img2Line2 {
	position: absolute;
	top: 71px;
	left: 12px;
	animation: img2Line1 1.9s -.3s infinite ease-in forwards;
	-webkit-animation: img2Line1 1.9s -.3s infinite ease-in forwards
}

.img2 .img2Line3 {
	position: absolute;
	top: 28px;
	left: 32px;
	animation: img2Line1 1.9s .3s infinite ease-in forwards;
	-webkit-animation: img2Line1 1.9s .3s infinite ease-in forwards
}

.img2 .img2Line4 {
	position: absolute;
	top: 70px;
	left: 57px;
	animation: img2Line1 1.5s -.1s infinite ease forwards;
	-webkit-animation: img2Line1 1.5s -.1s infinite ease forwards
}

.img2 .img2Line5 {
	position: absolute;
	top: 55px;
	left: 79px;
	animation: img2Line1 1.5s .2s infinite forwards;
	-webkit-animation: img2Line1 1.5s .2s infinite forwards
}

.img2 .circle {
	position: absolute;
	left: 7px;
	top: 49px;
	width: 4px;
	height: 4px;
	background: rgba(201, 243, 255, 1);
	border-radius: 50%
}

.img2 .circle1 {
	animation: img2circle 1.6s infinite forwards;
	-webkit-animation: img2circle 1.6s infinite forwards
}

@-webkit-keyframes img2circle {

	0,
	15% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes img2circle {

	0,
	15% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.img2 .circle2 {
	top: 36px;
	left: 39px;
	background: rgba(201, 243, 255, .55);
	animation: img2circle 1.8s .5s ease-in infinite forwards;
	-webkit-animation: img2circle 1.8s .5s ease-in infinite forwards
}

.img2 .circle3 {
	top: 86px;
	left: 48px;
	animation: img2circle 1.3s -.3s ease infinite forwards;
	-webkit-animation: img2circle 1.3s -.3s ease infinite forwards
}

.img2 .pic6img3 {
	position: absolute;
	bottom: 0;
	left: 22px;
	animation: pic6img3 1.3s infinite forwards;
	-webkit-animation: pic6img3 1.3s infinite forwards
}

@-webkit-keyframes pic6img3 {

	0,
	100% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-6px)
	}
}

@keyframes pic6img3 {

	0,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-6px)
	}
}

.img2 .pic6img2 {
	position: absolute;
	top: 50px;
	left: 29px;
	animation: pic6img2 1.3s infinite forwards;
	-webkit-animation: pic6img2 1.3s infinite forwards
}

@-webkit-keyframes pic6img2 {

	0,
	100% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(5px)
	}

	70% {
		-webkit-transform: translateY(-2px)
	}
}

@keyframes pic6img2 {

	0,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(5px)
	}

	70% {
		transform: translateY(-2px)
	}
}

.img2 .pic6img1 {
    position: absolute;
    top: 44px;
    left: 25px;
	animation: pic6img1 1.3s infinite forwards;
	-webkit-animation: pic6img1 1.3s infinite forwards
}

@-webkit-keyframes pic6img1 {

	0,
	100% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-3px)
	}

	70% {
		-webkit-transform: translateY(2px)
	}
}

@keyframes pic6img1 {

	0,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-3px)
	}

	70% {
		transform: translateY(2px)
	}
}

/* 光线 */
.path-move1 {
	position: absolute;
	left: 107px;
    top: 185px;
	width: 318px;
	height: 176px
}

.path-move2 {
	position: absolute;
	left: 318px;
    top: 425px;
	width: 318px;
	height: 176px
}

.undress1 {
	top: -3px;
	left: 0;
	offset-path: path('m2,2c0,0 0,52 0,52c0,0 81,48 81,48');
	animation: path-move1 5s linear infinite;
	-webkit-animation: path-move1 5s linear infinite
}

@-webkit-keyframes path-move1 {
	0 {
		offset-distance: 0
	}

	100% {
		offset-distance: 100%
	}
}

@keyframes path-move1 {
	0 {
		offset-distance: 0
	}

	100% {
		offset-distance: 100%
	}
}

.path-move3 {
	position: absolute;
	left: 207px;
    top: 155px;
	width: 318px;
	height: 176px
}

.undress2 {
	top: -3px;
	left: 0;
	offset-path: path('m61,1l-60,34l104,61l38,-2');
	animation: path-move1 5s linear infinite;
	-webkit-animation: path-move2 5s linear infinite
}


@-webkit-keyframes path-move2 {
	0 {
		offset-distance: 0
	}

	100% {
		offset-distance: 100%
	}
}

@keyframes path-move2 {
	0 {
		offset-distance: 0
	}

	100% {
		offset-distance: 100%
	}
}

/* 两束光线 */
.ban-line1 {
    position: absolute;
    top: 403px;
    left: 112px;
    width: 75px;
    height: 50px;
    overflow: hidden;
	animation:twossx 1.5s linear infinite;
    -webkit-animation: twossx 1.5s linear infinite;

}
@-webkit-keyframes twossx{
	0 {

		top: 403px;
        left: 112px;
		opacity: 1;
	}
	85%,
	{
		top: 365px;
        left: 178px;
		opacity:1;
	}
	100% {
		top: 365px;
        left: 178px;
		opacity:0;
	}

}

.ban-line2 {
    position: absolute;
    top: 225px;
    left: 452px;
    width: 75px;
    height: 50px;
    overflow: hidden;
	animation:twossx 1.5s linear infinite;
    -webkit-animation: twossx2 1.5s linear infinite;

}
@-webkit-keyframes twossx2{
	0 {
		top: 225px;
        left: 452px;
		opacity: 1;
	}
	85%,
	{
        top: 257px;
        left: 392px;
		opacity:1;
	}
	100% {
		top: 257px;
        left: 392px;
		opacity:0;
	}

}

.line2hover1 {
	position: absolute;
	top: 1px;
    left:0px;
	animation: line1hover1 1s linear infinite;
    -webkit-animation: line1hover1 1s linear infinite;
}

.line2hover2 {
	position: absolute;
	top: 15px;
    left: 14px;
	animation: line1hover1 1s linear infinite;
    -webkit-animation: line1hover1 1s linear infinite;
}

.img_map{ position:absolute; top:70px; left:54px; opacity: 0; animation:tuMing 5s linear infinite;-webkit-animation: tuMing 4s linear infinite; }

@-webkit-keyframes tuMing {

	from,
	to {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

@keyframes tuMing {

	from,
	to {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}


/* 新增 */
.dzsf_nav{ width:40px; height: 130px;  position:fixed; right:0px; bottom:20px; background:#fff; text-align:center; box-shadow:0 0 0.75rem 0 rgba(9,41,77,.1); cursor: pointer}
.dzsf_nav span{ display:block; background:url(../images/zsfw_icon.png) center center no-repeat; height: 21px; margin-top:15px; }
.dzsf_nav p{ width:10px; line-height: 18px; margin:5px 12px; font-size:16px; color:#979797}
.dzsf_nav:hover span{background:url("../images/zsfw_icon_hover.png") center center no-repeat;}
.dzsf_nav:hover{ background:#3778fd; }
.dzsf_nav:hover p{ color:#fff}

.hand_range{ width: 1rem; height: 3.6rem; background: transparent; position: absolute; right: -1rem; bottom: 0; transform: translateY(0);}
.hand_range:after{content: ""; position: absolute; top:1rem; margin-top:0; right:0.6rem; width: .8rem; height: .8rem; transform: rotate(45deg); background-color: #fff;}

.dzsf_box{ justify-content: space-between; align-items: center; /* display: none; */ position: fixed; bottom:20px; right:60px; width: 27rem; height:200px; padding:1rem 20px;background-color: #fff;box-shadow: 0 0 1.5rem 0 rgba(9,41,77,.12);opacity: 1;z-index: 99;}

.dzsf_box li{float:left; width:33.33%; text-align: center; font-size:18px; box-shadow:0.05rem 0 0 0 #f1f2f3; }

.dzsf_box_main{ margin-top:10px; padding:0px 20px; }
.dzsf_box_main img{ width:110px; height: 110px;}

.lxdh_box{ margin:10px 20px; font-size:18px; border-top:1px solid #f1f2f3; padding-top:10px;}
.lxdh_box img{ vertical-align:middle; margin-right:10px; }
.lxdh_box span{ font-size:22px; color:#3b79fc}