html,body{width:100%;height:100%;}
.nave{width:375px; height: 100%; background:#1453a2;position:fixed;left:0;top:0px}
.nave .logo{ width:100%; text-align: center; margin-top:15px;}
.nave .hottel{ width:100%; text-align: center; margin-top:30px;}
.nave .hottel h1{ font-size:22px; line-height: 10px; color: #fff;}
.nave ul{width:100%; float:left; color: #fff; margin-top:30px;margin-left:18%;}
.nave ul li{width:100%; text-indent: 65px; float:left; margin-top:10px; cursor:pointer;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.nave ul li h1{ font-size:23px; line-height: 40px;}
.nave ul li h5{ font-size:14px; font-weight: normal; text-transform: uppercase; line-height: 20px;}
.nave ul .current,.nave ul li:hover{ color:#ff8216;}
.main_box{width:100%;height:100%;padding:0px 0 0 375px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.main_box>div{width:100%}
.page1 img{ width:100%; height:100%;}


.page2{ background: url(../images/conditionBanner.jpg) no-repeat 100%; }
.page2 .page2Content{position: relative; height: 170px; top:30%;}
.page2 .slogan{ width:100%; float:left; color:#fff; font-size:50px; text-transform: uppercase; text-align: center;}
.page2 .search{ width:70%; float:left; margin-left:20%; margin-top:30px; }
.page2 .search input{ width:100%; float:left; background: none; border:none;  height: 70px; line-height: 70px;  font-size:20px;}
.page2 .search input.text{text-align:center;padding:10px 20px;width:300px;}
.page2 .search .searchInput{ width:calc(100% - 200px); float:left;   padding:0px 40px; background: #fff; border-radius: 35px 35px 35px 35px;}
.page2 .search button{ width:120px; height: 70px; line-height: 70px; display:block; font-size:20px; float:right; background:#1453a2;  border-radius:35px 35px 35px 35px; text-align:center; color:#fff; }
.page2 .search button:hover{width:120px; cursor: pointer; color:#fff;background:#0e3c77;}

.page2 .search2{ width:59%; float:left; margin-left:20%; margin-top:30px; }
.page2 .search2 input{ width:100%; float:left; background: none; border:none;  height: 70px; line-height: 70px;  font-size:20px;}
.page2 .search2 .searchInput{ width:calc(100% - 200px); float:left;   padding:0px 40px; background: #fff; border-radius:  35px 0px 0px 35px;}
.page2 .search2 button{ width:120px; height: 70px; line-height: 70px; display:block; font-size:20px; float:right; background:#1453a2;  border-radius:0px 35px 35px 0px; text-align:center; color:#fff; }
.page2 .search2 button:hover{width:120px; cursor: pointer; color:#fff;background:#0e3c77;}


.page3{ background: url(../images/trackbox.jpg) no-repeat 100%; }
.page3 .page3Content{position: relative; height: 170px; top:30%;}
.page3 .slogan{ width:100%; float:left; color:#fff; font-size:50px; text-transform: uppercase; text-align: center;}
.page3 .search{ width:60%; float:left; margin-left:20%; margin-top:30px; }
.page3 .search input{ width:100%; float:left; background: none; border:none;  height: 70px; line-height: 70px;  font-size:20px;}
.page3 .search .searchInput{ width:calc(100% - 200px); float:left;   padding:0px 40px; background: #fff; border-radius: 35px 0px 0px 35px;}
.page3 .search button{ width:120px; height: 70px; line-height: 70px; display:block; font-size:20px; float:left; background:#1453a2;  border-radius:0px 35px 35px 0px; text-align:center; color:#fff; }
.page3 .search button:hover{width:120px; cursor: pointer; color:#fff;background:#0e3c77;}

.page4{background: url(../images/exchangeBanner.jpg) no-repeat 100%; color:#fff;}
.page4 .time{ margin-top:80px;}
.page4 ul{ margin-top:30px;}
.page4 .time, .page4 ul, .page4 ul li div, .page4 ul li p{ width:100%; float:left; text-align: center;}
.page4 ul li{ width:25%; float:left; margin-bottom: 20px; margin-top:30px;}
.page4 .time h2, .page4 ul li h2{font-size:20px; line-height: 30px;}
.page4 .time div, .page4 ul li div{font-size:10px; line-height: 10px;}
.page4 .time h1, .page4 ul li h1{font-size:30px;line-height: 40px;}
.page4 .time p, .page4 ul li p{font-size:14px;line-height: 14px;}
.page4 .queryBtn input, .page4 .queryBtn input{ width:100%; float:left; background: none; line-height: 70px; color:#fff; font-size:20px; cursor: pointer;}


.page5{background: url(../images/taxBanner.jpg) no-repeat 100%;}
.page5 ul{ width:100%; float:left; margin-top:250px;}
.page5 ul li{ width:25%; height:100px; float:left; margin:20px 0px; text-align: center;}
.page5 ul li img{ width:180px; height:72px; border-radius: 10px;}
.page5 ul li img:hover{width:200px; height:80px; border-radius: 10px;}


.page6{background: url(../images/aboutBanner.jpg) no-repeat 100%;}
.page6 .about{ width:80%; float:left; margin-left:7%; padding:3%; background: #fff; margin-top:18%;}
.page6 .channel, .page6 .aboutText{ width:100%; float:left;}
.page6 .channel{ text-align:center;}
.page6 .channel h1{ font-size:24px; line-height: 50px;}
.page6 .channel h5{ font-size:14px; font-weight: normal; text-transform: uppercase; line-height: 20px;}
.page6 .aboutText{ margin-top:30px;}
.page6 .aboutText p{ line-height:30px; margin-bottom:20px;}

.page7{ background: url(../images/loginpg.jpg) no-repeat 100%; }
.page7 .page7Content{position: relative; width:100%; top:30%;}
.page7 .slogan{ width:100%; float:left; color:#fff; font-size:50px; text-transform: uppercase; text-align: center;}
.page7 .search{ width:60%; float:left; margin-left:20%; margin-top:30px; }
.page7 .search input{ width:100%; float:left; background: none; border:none;  height: 70px; line-height: 70px;  font-size:20px;}
.page7 .search .searchInput{ width:calc(100% - 200px); float:left;   padding:0px 40px; background: #fff; border-radius: 35px 0px 0px 35px;}
.page7 .search button{ width:120px; height: 70px; line-height: 70px; display:block; font-size:20px; float:left; background:#1453a2;  border-radius:0px 35px 35px 0px; text-align:center; color:#fff; }
.page7 .search button:hover{width:120px; cursor: pointer; color:#fff;background:#0e3c77;}

.login, .tips{width:70%; float:left; margin-left:15%; margin-top:30px; }
.fl{float:left;}
.fr{float:right;}
.ml30{margin-left:30px}
.loginText{width:calc(50% - 130px);}
.loginText input{width:100%; float:left; line-height: 50px; background: #fff; text-indent: 20px; font-size:18px;}
.loginBtn{width:200px;}
.loginBtn input{width:100%; float:left; line-height: 50px; background: #1453a2; font-size:18px; font-weight: bold; color:#fff;border-radius:35px 35px 35px 35px;}
.tips{width:70%; margin-top:20px; font-size:16px; line-height: 50px; color:#fff;float:right;}
.tips a{ color:#ff8314;}

.queryPage{ background:#f5f5f5;}
.queryPage .search{ width:70%; float:left; margin-left:15%; margin-top:30px; }
.queryPage input{ width:100%; float:left; background: none; border:none;  height: 60px; line-height: 60px;  font-size:20px;}
.queryPage .searchInput{ width:calc(100% - 201px); float:left; padding:0px 40px; background: #fff; border-radius: 35px 0px 0px 35px; border:1px solid #eaeaea; border-right:none;}

.queryPage .search button{ width:120px; height: 60px; line-height: 60px; display:block; font-size:20px; float:left; background:#1453a2;  border-radius:0px 35px 35px 0px; text-align:center; color:#fff; }
.queryPage .search button:hover{width:120px; cursor: pointer; color:#fff; background:#0e3c77;}
.queryPage .result{ width:calc(90% - 2px); float:left; margin-left:5%; border:1px solid #eaeaea;}
.resultDiv div{ width:100%;  float:left; }
.resultDiv div:last-child{border:none;}
.resultDiv div ul{ width:100%; float:left;}
.resultDiv div ul li{ float:left; text-indent:20px; line-height: 40px; width:100%;}
.resultDiv div ul li:first-child{ background:#1453a2; color:#fff;}
.resultDiv div ul li:last-child{ color:#666;}


/* content */
.content{position:relative; background:#fff; width:100%; float:left;}
.content .wrapper{position:relative;width:100%;margin:0 auto;}
.content .main{background:url("../images/line-bg.png") repeat-y 199px 0;}
.content .main .title{position:absolute;line-height:40px;padding-left:67px;left:180px;top:0;color:#1453a2;font-size:24px;background:url("../images/clock.png") no-repeat left top;}
.content .main .year .list{margin:50px 0 10px;position:relative;overflow:hidden;}
.content .main .year .list ul{bottom:0;}
.content .main .year .list ul li{background:url("../images/circle.png") no-repeat 185px 20px;padding:20px 0;color:#666;}
.content .main .year .list ul li.highlight{background-image:url("../images/circle-h.png");}
.cls{zoom:1;}
.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro, .content .main .year .list ul li.highlight .more{color:#ff8216;}
.content .main .year .list ul li .date{float:left;display:block;clear:left;width:150px;line-height:24px;text-align:right; font-size:14px;line-height:32px;color:#666;}
.content .main .year .list ul li .date span{font-size:18px;}
.content .main .year .list ul li .more{ float:left; display:block; width:calc(100% - 350px); margin-left:100px; line-height:30px;}
.content .main .year .list ul li .intro{float:left; display:block; width:calc(100% - 350px); margin-left:100px; font-size:18px;line-height:32px;color:#333; text-transform: uppercase;}
.resultLine span{ cursor: pointer;}