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%;}
.wrap .title{width:27.2%;max-width: 204px;position:absolute;top:2.317%;left:36.533%; opacity: 0;}
.wrap .title.show{-webkit-animation:scaleIn02 1s ease-in-out .5s forwards;}
.wrap .title.show img{-webkit-animation:shake 2s ease-in-out 1.5s alternate infinite;}
.index,.yth,.hyrc,.yjjb,.hybm,.zhxx{background:url("../images/p1.jpg") left top no-repeat; background-size:100% auto;}
.index .logo{width:25.33%;max-width:190px;position: absolute;right:3.5%;top:3.4%;opacity: 0;}
.index .logo.show,#content-wrap9 .more.show{-webkit-animation:bounceInRight 500ms linear forwards;}
.index .logo.show{-webkit-animation-delay: .5s;}
.index .slogan,.index .shadow{width:59.733%;max-width:448px;position: absolute;left:21.33%;top:23.675%;opacity: 0;}
.index .slogan.show,.index .msg.show,#content-wrap9 .foot.show{-webkit-animation:bounceInDown 500ms linear forwards;}
.index .slogan.show{-webkit-animation-delay: .5s;}
.index .shadow{top:29.8%;}
.index .shadow.show{-webkit-animation:bounceInUp 500ms linear 1.5s forwards;}
.index .msg{width:100%;text-align:center;position:absolute;left:0;top:34.6%;color:#fff;opacity: 0;}
.index .msg.show{-webkit-animation-delay: 1s;}
.index .time{width:100%;position: absolute;top:45.92%;left:0;color:#fff;text-align:center;opacity: 0;}
.index .time .linde{color:#b1ffe3;font-size:1.6rem;font-weight: bold;line-height: 1.2em;}
.index .time .linde02{font-size:1rem;margin-bottom:10px; color:#fff;}
.index .time.show{-webkit-animation:scaleOut 500ms linear 1.5s forwards;}
.index .border{width: 74.667%;max-width: 530px;position: absolute;top:44.768%;left:13.33%;opacity: 0;}
.index .border.show,#content-wrap2 .txt09.show,#content-wrap3 .border.show,#content-wrap9 .header.show,#content-wrap9 .ma.show{-webkit-animation:scaleIn 600ms linear forwards;}
.index .border.show{-webkit-animation-delay:2s;}

.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: #fff;}
.zhxx .dotred{width:6px;height: 6px; background:#fff;border-radius:12px;border:6px solid #ff0030; position: absolute; z-index:9;}
.zhxx .dotred.show{-webkit-animation: redtips 1.5s ease-in-out infinite;}
.zhxx .d1{ top:54%; right:18%;}
.zhxx .d2{ top:60%; left: 73%;}
.zhxx .d3{ top:60%; right:38%;}
.zhxx .d4{ top:49%; right: 19%;}
.zhxx .d5{ top:30%; right: 19%;}
.zhxx .h2{width:80%; position: absolute;left:9.06%;top:10%;opacity: 0;}
.zhxx .h2.show{-webkit-animation:bounceInLeft 500ms linear forwards;}
.zhxx .displayinfo{width:66%; color: #fff; font-size:.8rem; line-height: 1.4; position: absolute;left:9.06%;top:24%;opacity: 0; color:#fff;}
.zhxx .displayinfo.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .5s;}
.zhxx .zhpic{ width: 80%; position: absolute; left: 10%; bottom: 15%;}
.text99{ width: 80%; margin-top: 10%; line-height: 1.6;  margin-left: 10%;}
.text99 h2{ font-size: 1.2rem; color: #2e6699;}

.slogan1{width:66%;position: absolute;left:4.06%;top:10%;opacity: 0;}
.slogan1.show{-webkit-animation:bounceInLeft 500ms linear forwards;-webkit-animation-delay: .5s;}
.shadow1{width:66%;position: absolute;left:4.06%;top:16.6%;opacity: 0;}
.shadow1.show{-webkit-animation:bounceInUp 500ms linear forwards;-webkit-animation-delay: 1s;}
.yth .text{width:76%;position: absolute; font-size: 1.2rem; color: #fff; left:9.06%;top:22.5%;opacity: 0;}
.yth .text.show{-webkit-animation:bounceInRight 500ms linear forwards;-webkit-animation-delay: .8s;}
.yth .text1{width:80%; color: #fff; line-height: 1.6; position: absolute;left:9.06%;top:30.6%;opacity: 0; font-size:0.9rem;}
.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: 72%;}
.hyrc .time{width:80.8%;max-width: 606px;position: absolute;top:22.59%;left:14.667%;opacity: 0;}
.hyrc .msg{width:86.933%;max-width: 652px; margin-bottom: 20%; position: absolute;top:22.59%;left:7.733%;opacity: 0;}
.hyrc .time.show,.hyrc .msg.show{-webkit-animation:scaleOut02 500ms ease-out 1s forwards;}
.hyrc .msg.show{-webkit-animation-delay: 1.5s;}

.yjjb .head.show li,.yjjb .infor.show li.cur .name{-webkit-animation:scaleOut02 500ms ease-out 1.5s forwards;}
.yjjb .head{position: absolute;top:33.112%;left:5%;width:90%;}
.yjjb .head li{float:left;width:20%;max-width:146px;border-radius: 100%;opacity: 0;}
.yjjb .head li img{border-radius: 100%;border:5px solid #cdeefa;background: rgba(35,184,236,1);opacity: .3;}
.yjjb .head li.cur{width:40%;max-width: 278px;background: transparent;margin:-18% 9% 0;}
.yjjb .head li.cur img{opacity: 1;}
.yjjb .head.show li:nth-child(1){-webkit-animation-delay: 2s;}
.yjjb .head.show li:nth-child(2){-webkit-animation-delay: 1.5s;}
.yjjb .head.show li:nth-child(3){-webkit-animation-delay: 2.5s;}
.yjjb .head.show li.change img{-webkit-animation: scaleOut04 500ms ease-out forwards;}
.yjjb .infor{width:86.4%;max-width: 648px;position: absolute;top:51.57%;left:6.667%;}
.yjjb .infor li{display: none;}
.yjjb .infor li .name{margin-bottom:15px;font-size: 1rem;text-align: center;line-height: 1.2em;}
.yjjb .infor li .name h3{color:#b1ffe3;font-size: 1.4rem;margin-bottom:10px;}
.yjjb .infor li .name p{color:#fff; font-size:1.2rem; line-height:1.4rem;}
.yjjb .infor li .msg{ font-size:1rem; color:#fff; line-height:1.2rem;}
.yjjb .infor.show div{opacity: 0;}
.yjjb .infor.show li.cur{display:block;}
.yjjb .infor.show li.cur .name{-webkit-animation-delay: 2.9s;}
.yjjb .infor.show li.cur .name.change{-webkit-animation-delay: .5s;}
.yjjb .infor.show li.cur .msg{-webkit-animation:scaleOut03 500ms ease-out 3.4s forwards;}
.yjjb .infor.show li.cur .msg.change{-webkit-animation-delay: 1s;}


.hybm .foot{width:100%;max-width: 508px; margin-bottom: 20%; opacity: 0; color:#fff; font-size:0.8rem; line-height:1rem;}
.hybm .foot.show{-webkit-animation:bounceInUp02 500ms linear 2s forwards;}
.hybm #UpdateDetail{position:absolute;top:23.84%;left:16.267%;width:67%;opacity: 0;}
#UpdateDetail.show{ -webkit-animation:bounceInRight 600ms linear 1.5s forwards; -webkit-animation-delay: .6s;}
#UpdateDetail input{text-indent:1em;width:100%;height:40px;line-height:40px;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:#fff;font-size:1rem;height:1.2rem;line-height:1.2rem;}

.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: #fff; 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);}
    0%{-webkit-transform:translate3d(0,-10px,0);opacity:0;}
    100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-webkit-keyframes bounceInUp02{
    0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{-webkit-transform:translate3d(0,-10px,0);opacity:0;}
    100%{-webkit-transform:translate3d(0,0,0);opacity:.5;}
}
/*放大*/
@-webkit-keyframes scaleIn{
    0% {opacity: 0;-webkit-transform:scale(.5);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
@-webkit-keyframes scaleIn02{
    0% {opacity: 0;-webkit-transform:translate(50px,30px) scale(0);}
    80% {opacity: 1; -webkit-transform:translate(0,0) scale(1.2);}
    100% {opacity: 1; -webkit-transform:translate(0,0) scale(1);}
}
@-webkit-keyframes scaleIn03{
    0% {opacity: 0;-webkit-transform:translate(-50px,-30px) scale(0);}
    80% {opacity: 1; -webkit-transform:translate(0,0) scale(1.2);}
    100% {opacity: 1; -webkit-transform:translate(0,0) scale(1);}
}
@-webkit-keyframes scaleOut{
    0% {opacity: 0;-webkit-transform:scale(1.5);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
@-webkit-keyframes scaleOut02{
    0% {opacity: 0;-webkit-transform:scale(1.2);}
    80% {opacity: 1; -webkit-transform:scale(.9);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
@-webkit-keyframes scaleOut03{
    0% {opacity: 0;-webkit-transform:scale(2);}
    70% {opacity: .5; -webkit-transform:scale(.8);}
    100% {opacity: .5; -webkit-transform:scale(1);}
}
@-webkit-keyframes scaleOut04{
    0% {opacity: 1;-webkit-transform:scale(2);}
    70% {opacity: 1; -webkit-transform:scale(.8);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
/*渐变显示*/
@-webkit-keyframes start{
    0% {opacity: .4;}
    100% {opacity: 1;}
}
/*红点闪动*/
@-webkit-keyframes redtips{
    0%{opacity:.2;}
    50%{opacity:.8;}
    100%{opacity:.2;}
}
/*摇摆*/
@-webkit-keyframes shake {
    0% {opacity: 0.8;margin-top: 0;}
    100% {opacity: 1;margin-top: 10px;}
}
/*左边滑入*/
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
    0%{-webkit-transform:translate3d(-50px,0,0);opacity:0;}
    100%{-webkit-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);}
    0%{-webkit-transform:translate3d(50px,0,0);opacity:0;}
    100%{-webkit-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);}
    0%{-webkit-transform:translate3d(0,50px,0);opacity:0;}
    100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}

/*iphone4*/
@media only screen and (min-height:320px) and (max-height:480px){
.zhxx .d1{ bottom: 43%;}
.yth .text{ font-size: 1.06rem;}
.yth .text1{ font-size: .8rem}
}
/*iphone5*/
@media only screen and (min-height:490px) and (max-height:570px){
.yth .text{ font-size: 1.06rem;}
.yth .text1{ font-size: .8rem}
}
/*iphone6*/
@media only screen and (min-height:580px) and (max-height:670px){

}