@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,h6,p,button,input,ul,ol,li,span,img,a,td,tr,table,select{border:0; margin:0; padding:0; list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
ul,ol,li,dl,dd,dt{list-style-type:none; margin:0; padding:0;}
a,a:link,a:visited,a:active{text-decoration:none;font-weight:normal;}
a:hover{font-weight:normal;}
img{width:100%; height:auto; max-width:100%; border:0 none; vertical-align:middle; -ms-interpolation-mode:bicubic;}
.clear{clear:both; height:0; overflow:hidden;}
textarea,input{ background:#fff; border:1px solid #ebebeb; color:#cccccc; font-family:"微软雅黑"; transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus{ border-color: rgba(82, 168, 236, 0.8);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;}
body{font-family:Microsoft YaHei,Helvetica,Arial; margin:0 auto; font-size:1.0em; color:#fff; background-color:#202d5a; background:url(../images/bodybg.jpg) center no-repeat; background-size:100% 100%; width:100%; height:100%;}

/*首页样式*/
.mainWrap{ width:100%;}
.main{ width:100%; height:100%; overflow:hidden; position:relative;}
.header{ width:100%; background-size:100% 26%;}
.logo{ position:absolute; background:url(../images/logo.png) no-repeat; background-size:138px 24px; width:138px; height:24px; right:20px; top:22px;}
.logofg{position:absolute; background:url(../images/icon-wit.png) no-repeat; background-size:290px 152px; width:290px; height:152px; left:0; right:0; margin:0 auto; top:13%;}
.witbox{ width:90%; margin:0 auto; position:absolute; top:43%; left:0; right:0;}
.witbox p{ font-size:0.875em; line-height:160%; color:#fff; text-align:justify;}
.witbox p b{ font-weight:normal; color:#abff5d;}
.footer{ position:absolute; bottom:4%; margin:0 auto; left:0; right:0;}
.footer a{ width:160px; height:44px; border:2px solid #fff; border-radius:22px; text-align:center; line-height:44px; display:block; font-size:1.2em; color:#fff; margin:0 auto;}
.footer a:hover{ background:rgba(255,255,255,0.2);}

/*第二页*/
.mainbox{width:100%;}
.mainbg{ width:100%; position:absolute; bottom:0px; background-size:100% 40%; z-index:10;}
.page{ width:100%; height:97%;}
.titlebox{ width:100%; height:56px; background:url(../images/top-wit.png) no-repeat; background-size:100% 56px;}
.titlebox span.title_icon1{ background-position:0 0;}
.content{ width:90%; margin:0 auto;}
.txpic{ width:122px; height:122px; background:rgba(255,255,255,0.2); border-radius:50%; margin:28px auto 40px auto; padding:4px;}
.txpic span{ width:116px; height:116px; background:#fff; border-radius:50%; display:block; padding:3px;}
.txpic span img{ width:116px; height:116px; border-radius:;}
.content p{ font-size:1.0em; color:#fff; text-align:justify; line-height:160%;}
.content p b{ font-size:1.2em; font-weight:normal;}
.footbtn{ position:absolute; bottom:4%; margin:0 auto; left:0; right:0;}
.footbtn a{ width:160px; height:44px; border:2px solid #fff; border-radius:22px; text-align:center; line-height:44px; display:block; font-size:1.2em; color:#fff; margin:0 auto;}
.footbtn a:hover{ background:rgba(255,255,255,0.2);}

/*第三页*/
.title{ width:90%; margin:25px auto 0px auto; font-weight:700; font-size:1.0em; color:#fff; line-height:150%; text-align:justify;}
.title span{ width:38px; height:24px; display:inline-block; vertical-align:top; background:url(../images/number.png) no-repeat; background-size:38px 114px; margin-right:10px;}
.title span.no1{ background-position:0 0;}
.title span.no2{ background-position:0 -31px;}
.title span.no3{ background-position:0 -62px;}
.title span.no4{ background-position:0 -93px;}
.examine{ width:85%; padding:0 5%; margin-top:20px;}
.examine fieldset,.examine section{ border:none; margin:0; padding:0;}
.row{ width:100%;}
.row li{ cursor:pointer; margin-bottom:10px; width:100%; word-wrap:break-word; word-break: break-all;}
.smart-form .button,.smart-form .checkbox,.smart-form .input,.smart-form .radio,.smart-form .select,.smart-form .textarea,.smart-form .toggle{
 position:relative; font-weight:400;}
.smart-form .radio{ margin-bottom:4px; padding-left:8%; text-align:justify; margin:0 auto; line-height:150%; color:#fff; cursor:pointer; font-size:1.0em;}
.smart-form .radio input{ position:absolute; left:-9999px;}
.smart-form .radio i{ position:absolute; top:1px; left:0; display:block; width:16px; height:16px; outline:0; border-width:1px; border-style:solid; background: #ddd;}
.smart-form .radio i{ border-radius:50%;}
@font-face { font-family: FontAwesome; src: url(http://cdn.staticfile.org/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0); src: url(http://cdn.staticfile.org/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(http://cdn.staticfile.org/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(http://cdn.staticfile.org/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(http://cdn.staticfile.org/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg'); font-weight:400; font-style:normal;}
.am-icon-circle:before{ content:"\f111";}
.smart-form .radio input+i:after{ position:absolute; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s;}
.smart-form .radio input:checked+i:after{ opacity:1;}
.smart-form .radio input+i:after{ content:'\f111'; top:0px; left:0px; width:16px; height:16px; font:400 16px/18px FontAwesome; text-align:center;
 color:#0f6586;}
.textareabox{ width:90%; margin:20px auto 0 auto;}
.boxtext{ border:none; border-radius:2px; width:93.5%; height:140px; padding:6px 3%; background:#fff; color:#bbb; font-size:0.875em; line-height:140%; resize:none; margin-bottom:10px; text-align:justify;}
.boxtext:focus{ color:#555;}
.inputbox{ width:90%; margin:30px auto 0 auto;}
.oninput{ border:none; width:94%; padding:0 3%; background:#fff; border-radius:2px; height:34px; line-height:34px; margin-bottom:20px; font-size:0.9em; color:#999;}
.subbtn{ width:160px; margin:0 auto;}
.subbtn a{ width:160px; height:44px; background:#0d5d77; border-radius:22px; text-align:center; line-height:44px; display:block; font-size:1.2em; color:#fff; margin:0 auto;}
.book{ width:260px; height:114px; background:url(../images/bookpic.png) no-repeat; background-size:260px 114px; margin:25px auto 0 auto; left:0; right:0;}
.footlogo{ position:absolute; background:url(../images/logo.png) no-repeat; background-size:138px 24px; width:138px; height:24px; margin:0 auto; right:0px; left:0; bottom:3%;}

/*弹出框样式*/
.zhezhao{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; display:none;}
.upbox{width:80%; padding:15px 5%; border-radius:6px; position:fixed; left:0; right:0; margin:0 auto; margin-left:5%; top:30%; z-index:99998; background:#fff; display:none;}
.upbox p{ color:#222; text-align:justify; font-size:1.0em; line-height:150%; margin-bottom:15px;}
.upbox span{ font-size:0.875em; display:block; line-height:150%; color:#222;}
.upbox span b{ font-weight:normal; color:#158cb3;}
.agenda ul li dl dt.tm{ color:#ffec4d;}
.agenda ul li dl dt.jb{ color:#fff;}
.agenda ul li dl{ margin-bottom:12px;}
#page2,#page3,#page4,#page5,#page6,#page7{ display:none;}

.tsbox{width:30%; padding:20px 5%; border-radius:6px; position:fixed; left:0; right:0; margin:0 auto; margin-left:30%; top:45%; z-index:99996; background:rgba(0,0,0,0.8); display:none;}
.tsbox p{ color:#fff; text-align:center; font-size:1.0em;}

@media screen and (min-width:100px) and (max-width:320px){ 
body{ font-size:0.875em;}
.logofg{ background-size:260px 130px; width:260px; height:130px; top:12%;}
.footer{ bottom:3%;}
.footer a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.footbtn{ bottom:3%;}
.footbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ bottom:3%;}
.subbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ width:160px; margin:0 auto 25px auto;}
.titlebox{ width:100%; height:46px; background:url(../images/top-wit.png) no-repeat; background-size:100% 46px;}
.inputbox{ width:90%; margin:20px auto 0 auto;}
.oninput{ border:none; width:94%; padding:0 3%; background:#fff; border-radius:2px; height:30px; line-height:30px; margin-bottom:15px; font-size:0.875em; color:#999;}
}
@media screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2){ /* 兼容iphone4/4s */
body{ font-size:0.875em;}
.logofg{ background-size:260px 130px; width:260px; height:130px; top:12%;}
.footer{ bottom:3%;}
.footer a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.footbtn{ bottom:3%;}
.footbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ bottom:3%;}
.subbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ width:160px; margin:0 auto 25px auto;}
.titlebox{ width:100%; height:46px; background:url(../images/top-wit.png) no-repeat; background-size:100% 46px;}
.inputbox{ width:90%; margin:20px auto 0 auto;}
.oninput{ border:none; width:94%; padding:0 3%; background:#fff; border-radius:2px; height:30px; line-height:30px; margin-bottom:15px; font-size:0.875em; color:#999;}

}
@media screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2){ /* 兼容iphone5 */
body{ font-size:0.9em;}
.logofg{ background-size:270px 140px; width:270px; height:140px; top:12%;}
.footer{ bottom:3%;}
.footer a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.footbtn{ bottom:3%;}
.footbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ bottom:3%;}
.subbtn a{ width:120px; height:38px; line-height:38px; font-size:1.0em;}
.subbtn{ width:160px; margin:0 auto 25px auto;}
.titlebox{ width:100%; height:46px; background:url(../images/top-wit.png) no-repeat; background-size:100% 46px;}
.inputbox{ width:90%; margin:25px auto 0 auto;}
.oninput{ border:none; width:94%; padding:0 3%; background:#fff; border-radius:2px; height:32px; line-height:32px; margin-bottom:18px; font-size:0.875em; color:#999;}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){ /* 兼容iphone6s*/ 
.footer,.footbtn,.subbtn,.footlogo{bottom:5%;}
.oninput{ margin-bottom:25px;}
.book{ width:320px; height:140px; background:url(../images/bookpic.png) no-repeat; background-size:320px 140px; margin:50px auto 0 auto; left:0; right:0;}
}
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait){ /* 兼容iphone6plus*/
.footer,.footbtn,.subbtn,.footlogo{bottom:5%;}
.oninput{ margin-bottom:25px;}
.book{ width:320px; height:140px; background:url(../images/bookpic.png) no-repeat; background-size:320px 140px; margin:50px auto 0 auto; left:0; right:0;}
}