/*视频播放器样式*/ .video { height: 100%; width: 100%; position: relative; height: 426px; background-color: black; } #v1 { width: 100%; height: 100%; } .v_box { width: 90%; height: 10px; position: absolute; bottom: 20px; margin-left: 5%; } .v_btn { font-size: 10px; font-weight: normal; color: #fff; } .play { width: 10px; height: 10px; background-position: center; background-repeat: no-repeat; display: block; float: left; } .v_btn:nth-of-type(2) { float: right; margin-top: -2px; } .v_btn:nth-of-type(3) { display: none; } #div1 { width: 85%; height: 1px; background-color: rgba(255,255,255,.5); float: left; margin-top: 5px; margin-left: 14px; } #div2 { width: 0%; height: 1px; background-color: rgba(255,255,255,1); } #play_box { background: rgba(0,0,0,.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #play_btn { width: 45px; height: 45px; margin: auto; margin-top: 188px; } @media screen and (max-width: 900px) { .header { /*overflow: scroll;*/ } } /*@media screen and (min-width: 992px) { .ff { margin-left:3%; } } @media screen and (min-width: 1200px) { .ff { margin-left:2%; } }*/ @media screen and (max-width: 992px) { .layout { width: 992px; } .layout .footer { width: 992px; } .item-left .year { font-size: 14px; } .item-left .day { font-size: 32px; } } @media screen and (max-width: 1179px) { .mbox .moveq ul { padding-top: 10%; } } @media screen and (max-width: 1125px) { .mbox .moveq ul li { float: inherit; } } @media screen and (min-width: 1145px) { .mbox .moveq ul li { float: left; } } @media screen and (max-width: 828px) { .header-right { /*left: 415px;*/ /*overflow:scroll;*/ /*width:340px;*/ } .header-menu { /*left: 715px;*/ } } @media screen and (max-width: 868px) { .layou1 { top: 125px !important; } .layout { margin: 0 !important; } } .ff { margin-left: 23px; } .header { width: 100%; } body { font-family: "微软雅黑"; } .layout { transition: width 0.3s ease-in-out; /*width: 80%;*/ } /*右边导航*/ .layou1 { background-color: rgb(32,32,32); position: fixed; right: 0; top: 0; /*width: 20%;*/ padding-top: 30px; padding-left: 50px; z-index: 1001; display: none; /*min-height:670px;*/ height: 100%; } #accordion li { padding-top: 30px; } .right-nav ul { padding: 0; margin: 0; } .right-nav a:focus { text-decoration: none; } .moveq a:focus { text-decoration: none; } .header-menu span { display: none; } .right-nav, .right-nav a { color: white; text-decoration-line: none; } .right-nav a:active { text-decoration-line: none; } .firstnav { color: #faa51a; } .right-nav .collapsed .firstnav { color: #fff; } .right-nav { margin-right: 2px; height: 90%; /*max-height: 806px;*/ overflow-y: auto; } .right-nav .jspTrack, .right-nav .jspVerticalBar { background: #202020; } .right-nav .jspDrag { background: #434343; border-radius: 10px; } .navitem { margin-bottom: 10px; } .firstnav { font-size: 22px; max-width: 175px; width: 175px; letter-spacing: 2px; } .link li { padding-top: 40px; } .link a { color: rgb(143,143,143); font-size: 14px; } .link a:hover { color: white; } /*右边导航End*/ .left-decrese { width: 75%; } body { font-family: "微软雅黑"; } .header { z-index: 1000; } a:hover { text-decoration: none; } .adjust { padding: 0; padding-top: 6px; width: 100%; } .layout { } .header-menu { color: #fff; } .menu-text { font-size: 16px; } .icon-closed { font-size: 16px; display: block; width: 25px; } .header { background-color: #110c0c; height: 125px; position: relative; } .header-left { padding-top: 25px; padding-left: 33px; position: relative; } .left-logo { float: left; } .left-middle { height: 55px; width: 1px; overflow: hidden; position: absolute; left: 269px; top: 34px; } .left-right { position: absolute; left: 291px; top: 34px; height: 54px; width: 52px; } .header-right { /*float:right;*/ position: absolute; right: 113px; top: 36px; } .header-tel { width: 340px; /*position:relative;*/ } .header-tel img { /*margin-top:13px;*/ } .header-right .tel-text { display: inline-block; float: left; color: #f8b62a; font-size: 16px; padding-left: 15px; } .tel-text { /*padding-top:10px;*/ } .tel-text span { line-height: 24px; display: block; } .header-menu { height: 125px; /*margin-left:344px;*/ position: absolute; right: 0; top: 0; padding: 37px 50px; border-left: 1px solid #565353; } .ajust-col { padding: 0; } .channel-block { color: white; font-size: 24px; } .big-text { font-size: 48px; min-height: 115px; color: #10218b; text-align: center; line-height: 60px; margin-top: 23px; margin-bottom: 23px; } .big-text p { margin: 0; } /*颜色块*/ .blockq { text-align: center; vertical-align: middle; height: 280px; line-height: 280px; position: relative; overflow: hidden; width: 50%; } .moveq { text-align: center; } .moveq ul { /*width:360px; height:85px;*/ padding: 0; padding-top: 90px; padding-bottom: 90px; width: 100%; text-align: center; height: 100%; } .moveq li { /*float:left;*/ display: inline-block; height: 48px; padding-right: 20px; } .moveq li.marri { } .mbox .moveq li a { /*color:#e47571;*/ color: white; /*line-height:48px;*/ font-size: 17px; line-height: 48px; display: inherit; width: 170px; } .mbox, .moveq { transition: all 0.5s ease; } .bigbox { overflow: hidden; } .bigbox:hover .mbox { margin-left: -100%; } .bigbox:hover .moveq { /*left:0;*/ margin-left: -100%; } .moveq { text-align: center; vertical-align: middle; height: 280px; /*line-height: 280px;*/ position: absolute; width: 100%; left: 100%; top: 0; } /*颜色块*/ .channel-block .row { margin-bottom: 6px; } .channel-block .row a { color: white; font-size: 24px; } .tt { height: 425px; position: relative; background-color: #3f55d9; } .about-us { } .about-us-title, .about-us-content { padding-left: 8%; } .about-us-title { font-size: 16px; color: #000000; padding-top: 86px; } .about-us-content { text-align: justify; font-size: 14px; color: #dfe5e9; padding-top: 32px; /*padding-bottom:8%;*/ padding-right: 9%; line-height: 26px; text-indent: 2em; width: 100%; } .about-us-detail { height: 64px; background-color: #3f53bf; text-align: center; color: white; font-size: 16px; line-height: 64px; position: absolute; bottom: 0; width: 100%; } .about-us-detail a { color: #fff; } .vedio { height: 425px; } /*新闻*/ .news-header { font-weight: bold; font-size: 14px; } .news-header a { color: #000000; } .news-title { padding-top: 25px; } .news-title a { font-size: 30px; color: #ffffff; } .news-intro { color: #eaeaea; font-size: 14px; padding-top: 20px; line-height: 26px; } .news { background-color: #8aa0a7; text-align: left; position: relative; height: 427px; padding-right: 0; } ul li { list-style-type: none; } .bd { padding: 65px 55px 0px 55px; } .news-bottom { position: absolute; bottom: 0; background-color: #6e8086; height: 62px; width: 100%; left: 0; } .news-bottom-arrow { float: right; } .prev { display: inline-block; width: 76px; height: 62px; background: url(../images/on.png) no-repeat; } /*.item{ display:none; }*/ .news-ul { padding-left: 0; overflow: Hidden; /*height: 300px;*/ } /*.news-ul .active{ display:block; }*/ .next { display: inline-block; width: 76px; height: 62px; background: url(../images/next.png) no-repeat; } .news-image { height: 427px; width: 100%; } .row { margin: 0; } .footer { padding: 0; background: url(../images/footer.png) repeat-y; background-size: cover; } .bg1 { background: url(../images/footer_ico1.png) no-repeat bottom left; width: 36px; } .bg2 { background: url(../images/footer_ico2.png) no-repeat bottom left; width: 63px; } .bg3 { background: url(../images/footer_ico3.png) no-repeat bottom left; width: 47px; } .pencil { height: 60px; vertical-align: bottom; margin-top: 20px; } .marklay { background-color: #000000; height: 100%; left: 0; filter: alpha(opacity=30); opacity: 0.3; overflow: hidden; position: absolute; top: 0; /*width: 100%;*/ z-index: 900; } .mark { width: 100%; /*height: 900px;*/ /*background-color: #000000;*/ /*opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=50);*/ background: rgba(0,0,0,0.4); } /*遮罩效果*/ .menu-shadow-overlay { top: -87px; position: absolute; bottom: 0; background: #000000; z-index: 500; left: 0; right: 0; display: none; opacity: 0.7; /* display: block;*/ } .mark { margin-top: 28px; } .mark1 { /*padding:78px 65px 0 53px;*/ padding-top: 58px; padding-left: 30px; padding-bottom: 95px; border-bottom: 1px solid #62625e; } .f-left { /*height:60px;*/ border-right: 1px solid #778e99; } .f-mid { /*height:60px;*/ border-right: 1px solid #778e99; } .footer2 { padding-top: 62px; padding-left: 30px; padding-right: 30px; } .f-nav { padding-left: 15px; } .f-nav li { /*float:left;*/ /*text-align:center; display:inline-block;*/ height: 14px; line-height: 14px; padding-right: 10px; border-right: 1px solid white; } .f-nav li a { color: white; } .clear-border-right { border-right: 0; } .mm { color: white; padding-left: 13px; line-height: 24px; } .f-select { color: #ababab; font-size: 12px; /*width: 100%;*/ width: 224px; height: 32px; line-height: 32px; padding-left: 20px; border: 0; /*width:*/ } .f-select option { background-color: white; } #Baidu a { float: right; } .ob, .ob a { color: white; line-height: 24px; } /*list页面*/ .list-bread { background-color: #333030; height: 56px; line-height: 56px; color: #909090; } .list-bread a { color: #909090; } .list-header { height: 60px; line-height: 60px; border-bottom: 1px solid #dbdbdb; font-size: 12px; } .list-nav { /*width: 153px; margin: 0 auto;*/ text-align: center; } .list-nav a { display: inline-block; height: 57px; line-height: 57px; color: #3f3f3f; } .nav-sep { padding-left: 23px; padding-right: 23px; } .list-nav .selected { color: #13629f; border-bottom: 2px solid #13629f; } .item-left { /*max-width: 99px;*/ height: 96px; } .item-right { height: 96px; overflow: hidden; } .item-right, .item-left { display: inline-block; /*float:left;*/ } .day { width: 100%; max-width: 97px; height: 56px; border-bottom: 1px solid #e0e0e0; color: #5f5f5f; font-size: 36px; line-height: 56px; text-align: center; border: 1px solid #e0e0e0; } .year { width: 100%; max-width: 97px; height: 38px; background-color: #f4f4f4; color: #424242; font-size: 18px; line-height: 38px; text-align: center; border: 1px solid #e0e0e0; } .right-title a { font-size: 24px; color: #4b4b4b; } .right-intro { font-size: 16px; color: #878787; margin-top: 10px; } .right-intro a { color: #444444; padding-left: 10px; } .list-ul { padding-top: 52px; padding-left: 0; } .list-ul-item { border-bottom: 1px solid #e7e7e7; padding-bottom: 28px; padding-top: 28px; } /*内容页*/ .detail { font-size: 16px; color: #404040; line-height: 36px; padding-top: 30px; padding-bottom: 80px; } /*图片列表*/ .pic-left img { /*max-width:519px; max-height:340px;*/ } .pic-header { color: #3f3f3f; line-height: 30px; font-size: 30px; } .pic-intro { color: #5a5a5a; font-size: 16px; line-height: 30px; padding-top: 30px; } .pic-detail { padding-top: 8px; } .pic-detail a { color: #353535; font-size: 16px; } .t-detail li { padding-bottom: 37px; border-bottom: 1px solid #dddddd; padding-top: 37px; } /*表单页*/ .form { margin-top: 12px; padding-bottom: 130px; } .form-title { color: #13629f; font-size: 30px; text-align: center; } .form-input, .form-textarea { display: block; padding-left: 22px; border: 1px solid #e0e0e0; width: 100%; margin-top: 21px; color: #535353; font-size: 16px; } .form-input { height: 53px; } .form-textarea { min-height: 285px; margin-bottom: 36px; } .form-msg button { padding: 20px 80px 20px 80px; border: 1px solid #e0e0e0; background-color: none; } .form-button { text-align: right; } .yy { border-right: 1px solid #dddddd; padding-right: 23px; } .gg { padding-top: 53px; } .hh { padding-left: 23px; } .right-font { line-height: 30px; font-size: 16px; color: #6a6a6a; } .map { margin-top: 25px; }