html{-webkit-text-size-adjust:100%;height:100%;overflow-x:hidden;font:14px/24px Helvetica,Arial,sans-serif!important}
body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:0;width:100%; height:100%;margin:0 auto;overflow-x:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button{margin:0;padding:0;outline:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block;margin:0;padding:0}
audio,canvas,video,progress{display:inline-block;vertical-align:baseline}
input,button,select,textarea{font-size:100%;color:#636363;outline:0;-webkit-appearance:none;border-radius:0}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;vertical-align:top}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
body{width:100%;max-width:750px;margin:0 auto; overflow-x: hidden;}
a{ text-decoration: none;}
.wrap{width:100%;max-width:750px;height:100%; overflow-x:hidden;}
.wrap img{ width: 100%;}
.index{background:url("../images/p1.jpg") left top no-repeat;background-size:100% auto;}
.logo {width:29.33%;position: absolute;right:5%;top:3%;opacity: 0;}
.logo.show{-webkit-animation:bounceInLeft 500ms linear forwards;}
.slogan{width:46%;position: absolute;right:5%;top:18%;opacity: 0;}
.slogan.show{-webkit-animation:bounceInLeft 500ms linear forwards;-webkit-animation-delay: .8s;}
.shadow{width:46%;position: absolute;right:5%;top:24.6%;opacity: 0;}
.shadow.show{-webkit-animation:bounceInUp 500ms linear forwards;-webkit-animation-delay: 1.5s;}
.index .msg{width:40%;position: absolute;right:8%;top:27%;opacity: 0;}
.index .msg.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .8s;}
.contact{width:82%; position: absolute; right:5%; top:40%; opacity:0;}
.contact.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: 1.5s;}
.navbar{ width: 100%;  max-width: 750px; position: absolute; bottom: 5%; left: 0;}
.navbar li{ width: 25%; text-align: center; font-size: 1rem; display: inline; float: left;}
.navbar li a{ color: #333;}
.zhxx{background:url("../images/p2.jpg") left top no-repeat; background-size:100% auto;}
.zhxx .text{ font-size: 1rem; position: absolute;}
.zhxx .text a{ color: #002f62; text-decoration: none;}
.zhxx .t1{ left:3%; top:53%;}
.zhxx .t2{ right: 64.9%; top:42.5%;}
.zhxx .t3{ left: 62%; top:46%;}
.zhxx .t4{ right: 3%; top:58%;}
.zhxx .t5{ left: 37%; top:77%;}
.zhxx .dotred{width:6px;height: 6px;background:#fff;border-radius:12px;border:6px solid #ff0030; position: absolute;}
.zhxx .dotred.show{-webkit-animation: redtips 1.5s ease-in-out infinite;}
.zhxx .d1{ top:65%; left: 25%;}
.zhxx .d2{ top:53.5%; left: 42%;}
.zhxx .d3{ top:66.5%; right: 44.6%;}
.zhxx .d4{ top:65%; right: 20%;}
.zhxx .d5{ top:69%; left: 40%;}
.h2{width:77.06%;position: absolute;left:9.06%;top:10%;opacity: 0;}
.h2.show{-webkit-animation:bounceInLeft 500ms linear forwards;}
.displayinfo{width:47.46%;position: absolute;left:9.06%;top:22%;opacity: 0;}
.displayinfo.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .5s;}
.yth,.hyrc,.yjjb,.hybm{background:url("../images/p3.jpg") left top no-repeat; background-size:100% auto;}
.slogan1{width:50%;position: absolute;left:9.06%;top:10%;opacity: 0;}
.slogan1.show{-webkit-animation:bounceInLeft 500ms linear forwards;-webkit-animation-delay: .5s;}
.shadow1{width:50%;position: absolute;left:9.06%;top:16.6%;opacity: 0;}
.shadow1.show{-webkit-animation:bounceInUp 500ms linear forwards;-webkit-animation-delay: 1s;}
.yth .text{width:62.4%;position: absolute;left:9.06%;top:21.5%;opacity: 0;}
.yth .text.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .8s;}
.yth .text1{width:80%; color: #666; line-height: 1.6rem; position: absolute;left:9.06%;top:28.6%;opacity: 0;}
.yth .text1 a{ color: #4fc0ed;}
.yth .text1.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .8s;}
.yth_nav{ width: 100%;  max-width: 750px; position: absolute; bottom: 10%; left: 0;}
.yth_nav li{ width: 33.333%; text-align: center; font-size: 1rem; display: inline; float: left;}
.yth_nav li img{ width: 66%;}
.hyrc .timetable li.show{-webkit-animation:bounceInRight 800ms linear forwards;}
.hyrc .title,.yjjb .title,.hybm .title{width: 40%;max-width: 414px; font-size: 1.8rem; color: #005898; position: absolute;top:10%;left:6%;opacity: 0;}
.hyrc .title.show,.yjjb .title.show,.hybm .title.show{-webkit-animation:scaleIn 500ms linear forwards;}
.hyrc .timetable{position: absolute;top:16%;left:10%;}
.hyrc .timetable li{margin-top:25px;position: relative;opacity: 0;}
.hyrc .timetable .time01.show{-webkit-animation-delay: .5s;}
.hyrc .timetable .time02.show{-webkit-animation-delay: 1s;}
.hyrc .timetable .time03.show{-webkit-animation-delay: 1.5s;}
.hyrc .timetable .time04.show{-webkit-animation-delay: 2s;}
.hyrc .timetable .clock{width:15.4%;position: absolute;left:0;top:-10px;}
.hyrc .clock .hours{width:2px;height:24%;border-radius:3px;position:absolute;left:50%;margin-left:-2px;bottom:45%;background:#0e303f;-webkit-transform-origin: center bottom;-webkit-transform: rotate(0deg);}
.hyrc .clock .minutes{width:2px;height:32%;border-radius:3px;position:absolute;left:50%;margin-left:-2px;bottom:45%;background:#0e303f;-webkit-transform-origin: center bottom;-webkit-transform: rotate(0deg);}
.hyrc .clock:after{content: '';width:4px;height: 4px;background:#fff;border-radius:4px;border:2px solid #0e303f;position:absolute;bottom:38%;left:50%;margin-left:-4px;}
.hyrc .time01.show .hours{-webkit-animation: hours01 500ms linear .5s forwards;}
.hyrc .time02.show .hours{-webkit-animation: hours01 1s linear 1s forwards;}
.hyrc .time03.show .hours{-webkit-animation: hours02 1.5s linear 1.5s forwards;}
.hyrc .time04.show .hours{-webkit-animation: hours02 2s linear 2s forwards;}
.hyrc .time01.show .minutes{-webkit-animation: minutes01 500ms linear .5s forwards;}
.hyrc .time02.show .minutes{-webkit-animation: minutes02 1s linear 1s forwards;}
.hyrc .time03.show .minutes{-webkit-animation: minutes03 1.5s linear 1.5s forwards;}
.hyrc .time04.show .minutes{-webkit-animation: minutes04 2s linear 2s forwards;}
.hyrc .timetable .msg{margin-left:19%;}
.hyrc .time01 .msg{width: 23.4%;max-width:158px;}
.hyrc .time02 .msg{width: 65.778%;max-width:444px;}
.hyrc .time03 .msg{width: 54.222%;max-width:366px;}
.hyrc .time04 .msg{width: 25.185%;max-width:170px;}
.hyrc .submit{width: 66.933%;max-width: 502px;position: absolute;top:80%;left:16.533%;}
.yjjb .user{ width: 40%; text-align: center; margin-left: 30%; font-size: 1.13rem;  color: #005898;opacity: 0;}
.yjjb .user img{ border-radius:100%; margin-bottom: 10%; overflow: hidden; border: 5px solid #002f62; margin-left: -5px;}
.yjjb .user.show{-webkit-animation:scaleIn 400ms linear forwards; -webkit-animation-delay: .4s;}
.yjjb .text{ width: 88%; text-align: left; margin-left: 6%; color: #666666; opacity: 0;}
.yjjb .text.show{-webkit-animation:bounceInLeft 500ms linear forwards; -webkit-animation-delay: .8s;}
.yjjb .slider{width:100%;padding-bottom:100%;overflow:hidden;position: absolute;top:25%;}
.yjjb .slider{position: relative; max-width: 750px; overflow: hidden;}
.yjjb .slider:after{content: ''; display: block; width: 100%; padding-top: 50%; }
.yjjb .slider ul{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.yjjb .slider li{position: absolute; left: 0; top: 0; width: 100%; height: 100%;text-align: center;}
.yjjb .slider li:first-child{z-index: 1;}
.yjjb .prev,.yjjb .next{position: absolute;top:30%;}
.yjjb .prev{left:5.33%;-webkit-animation: arrowLeft 1s ease-out infinite;}
.yjjb .next{right:5.33%;-webkit-animation:arrowRight 1s ease-out infinite}

.hybm .text{ width: 88%; color: #002f62; line-height: 1.2;  position: absolute; left: 6%; top: 18%;opacity: 0;}
.hybm .text.show{-webkit-animation:bounceInLeft 500ms linear forwards; -webkit-animation-delay: .6s;}
#UpdateDetail{position:absolute;top:28%;left:16.267%;width:67%;opacity: 0;}
#UpdateDetail.show{-webkit-animation:bounceInRight 600ms linear forwards; -webkit-animation-delay: .8s;}
#UpdateDetail input{text-indent:1em;width:100%;height: 30px;line-height:30px;margin-bottom:10px;border-radius: 5px;border:0 none;background: #fff;color:#9b9b9b;font-weight: bold;}
#UpdateDetail input#btnSubmit{color:#fff;background: #15b3ef;}
#UpdateDetail p.pass-error{position:absolute;top:-20px;left:0;color:#000;font-size: 10px;height:14px;line-height: 14px;}
.hybm .text1{ width: 88%; color: #666; line-height: 1.6;  position: absolute; left: 6%; bottom: 8%;opacity: 0;}
.hybm .text1.show{-webkit-animation:bounceInLeft 500ms linear forwards; -webkit-animation-delay: .8s;}
.UpdateHudong{width:88%; margin: 0 auto}
.UpdateHudong input{ border: 1px solid #d8d8d8; text-indent:1em;width:100%;height: 30px;line-height:30px;margin-bottom:10px;border-radius: 5px; background: #f4f4f4;color:#999;font-weight: bold;}
.hudong h2,.dzyb h2{ width: 100%; z-index: 9; background: #15b3ef; height:40px; font-size: 22px; color: #fff; line-height:40px; text-align: center; position: fixed; top:0; left: 0;}
.hudong .text{ width: 88%; margin:15% auto 5%; color: #333; line-height: 1.6;}
#radio_frame{ width: 100%; clear: both; border-bottom: 1px solid #ddd;}
#radio_frame:after{ content: ""; visibility: hidden; clear: both; display: block;}
#radio_frame .radio { display: none; }
#radio_frame .trigger {cursor: pointer; position: relative; padding: 0 5%; height: 30px; float: left; border: 1px solid #d8d8d8; text-align: center; line-height: 30px; color: #5d5d5d; margin-bottom:10px; margin-left: 1%; margin-right: 1%; border-radius: 5px; background: #f4f4f4; -webkit-transition: background .15s linear;}
#radio_frame .radio:checked + .trigger { border: 1px solid #15b3ef; }
.question{width: 100%; clear: both; color: #5d5d5d; margin-bottom: 3%;}
.userinfo{ width: 70%; clear: both; margin:5% auto 20%}
.userinfo input.btnSubmit{color:#fff;background: #15b3ef; border: 1px solid #15b3ef}
.des{ text-align: center; margin: 2% 0;}

.navbottom{ width: 100%; height: 9.2%; position:fixed; bottom: 0; left: 0; background: #f5f5f5; border-top: 1px solid #c4c4c4;}
.navbottom img{ width: 11%; margin: 2% 1% 0;}
.bot_home{width: 13%; height: 100%; margin-left: 31%; display: inline;}
.bot_more{width: 13%; height: 100%; display: inline; position: relative; margin-left: 28%;}
.morebtn{background: #f5f5f5; border-left: 1px solid #bebebe; width: 100px;opacity: 0; position: absolute; right:-100px; bottom: 9.55%;}
.morebtn.show{right: 0; -webkit-animation:bounceInUp 200ms linear forwards;}
.morebtn a{ display: block; color: #000; text-align: center; line-height: 2; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe;}
.videobox{ width: 98%; position: absolute; left: 1%; top:20%;}
.dzyb{ background: #e2f1fb;}
.dzyb h2 img{ width: 8%; right: 6%; position: absolute; top:15%;}
.pdf-list{ width: 90%; margin:15% auto 20%}
.pdf-list li{ clear: both; border-bottom: 1px solid #ddd; padding: 4% 0;}
.pdf-list li:after{ content: ""; visibility: hidden; clear: both; display: block;}
.pdf-list li .pdfimg{ width: 24%; margin: 0 3%; float: left; border: 1px solid #333; box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.pdf-list li .btn{ width: 4%; display: block; margin-right: 1%; margin-left: 3%; margin-top:12%; float: right;}
.pdf-list li .introduce h3{ font-size: 1.2rem; padding-bottom: 5px;}
.pdf-list li .introduce p{ line-height: 1.2;font-size: .8rem;}
.pdf-list li a h3{ color: #000;}
.pdf-list li a p{ color: #999; font-size:0.8rem;}
.pdf-list li .introduce{ overflow: hidden; zoom:1;}
.page{ width: 12%; opacity: .6; position:fixed; top: 10%; left: 10%; background: #666; border-radius: 5px; color: #fff; text-align: center;}
.pdfcon{ width: 88%; margin:15% auto 20%;}
.pdfcon img{ display: block; margin: 2% auto; box-shadow:2px 2px 3px rgba(0,0,0,0.5);}
/*顶部滑入*/
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)  }
    0%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);opacity:0;}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
/*放大*/
@-webkit-keyframes scaleIn{
    0% {opacity: 0;-webkit-transform:scale(0);}
    90% {opacity: 1; -webkit-transform:scale(1);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
/*渐变显示*/
@-webkit-keyframes Alpha{
    100% {opacity: 1;}
}
/*左边滑入*/
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0);opacity:0;}
    70%{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);opacity:1;}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
/*右边滑入*/
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);opacity:0;}
    70%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);opacity:1;}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
/*底部滑入*/
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)  }
    0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);opacity:0;}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}
}
/*箭头循环*/
@-webkit-keyframes arrow{
	0%,30%{-webkit-transform:translate(0,5px)}
    60%{-webkit-transform:translate(0,0)}
    100%{-webkit-transform:translate(0,-4px)}
}
/*轮播箭头*/
@-webkit-keyframes arrowLeft{
    0%{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1;}
    100%{-webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0); opacity:0;}
}
@-webkit-keyframes arrowRight{
    0%{-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1;}
    100%{-webkit-transform:translate3d(50%, 0, 0); transform:translate3d(50%, 0, 0); opacity:0;}
}

/*红点闪动*/
@-webkit-keyframes redtips{
    0%{opacity:.2;}
    50%{opacity:.8;}
    100%{opacity:.2;}
}

/*时钟*/
@-webkit-keyframes hours01 {
    100%{-webkit-transform:rotate(30deg)}
}
@-webkit-keyframes hours02 {
    100%{-webkit-transform:rotate(70deg)}
}
/*分钟*/
@-webkit-keyframes minutes01 {
    100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes minutes02 {
    100%{-webkit-transform:rotate(540deg)}
}
@-webkit-keyframes minutes03 {
    100%{-webkit-transform:rotate(780deg)}
}
@-webkit-keyframes minutes04 {
    100%{-webkit-transform:rotate(1020deg)}
}

/*iphone4*/
@media only screen and (min-height:320px) and (max-height:490px){
  .zhxx .t1{ left: 4%; top:58%;}
  .zhxx .t2{ right: 64.9%; top:47.5%;}
  .zhxx .t3{ left: 62%; top:51%;}
  .zhxx .t4{ right: 3%; top:63%;}
  .zhxx .t5{ left: 37%; top:82%;}
  .zhxx .d1{ top:70.5%; left: 27%;}
.zhxx .d2{ top:59.5%; left: 42%;}
.zhxx .d3{ top:71.5%; right: 44.6%;}
.zhxx .d4{ top:71%; right: 25%;}
.zhxx .d5{ top:74%; left: 40%;}
   .hybm .text1{ bottom: 5%;}
}
/*iphone5*/
@media only screen and (min-height:490px) and (max-height:570px){

}
/*iphone6*/
@media only screen and (min-height:580px) and (max-height:670px){

}