@charset "UTF-8";
.nav li:hover a,.select a{border-bottom:1px solid currentcolor}
.adminbar,.pages2-describe,.pages2-title,.pages3-describe,.pages3-list-pic,.pages3-list-title,.pages3-title,.top-bottom-left{text-align:center}
body{font-family:"微软雅黑"}
.l .l-title,.pages2-list-title,.pages2-title,.pages3-list-title,.pages3-title,.top-left>.comp div:last-of-type{font-family:myFirstFont}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.adminbar li,.nav li,.top-left>.logo{float:left}
.logo img{border-radius: 33px;}
ul{list-style:none;margin:0;padding:0}
.pages1,.top{padding:25px 45px 45px}
a{color:#337ab7;text-decoration:none}
.pages1{background:rgba(0,0,0,.3)}
.index-screen_video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;vertical-align:baseline}
.section{position:relative}
.cover{position:absolute;width:100%;height:100%;background:rgba(44,66,76,.5);z-index:99}
.top{height:65px;position:fixed;top:0;left:0;right:0;z-index:100}
.top-left{width:50%}
.top-left>.comp{float:left;margin-top:10px;margin-left:15px}
.top-left>.comp div:first-of-type{font-family:myFirstFont;font-size:25.29px;color:inherit;letter-spacing:10px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.top-left>.comp div:last-of-type{color:#6D6C6C;font-size:11.22px}
.top-right{width:35%;height:auto;position:relative}
.adminbar,.nav{position:absolute}
.nav{right:30%}
.nav li{margin-right:30px;line-height:65px}
.nav li a{color:inherit;font-size:16px;padding-bottom:8px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.adminbar li,.select a{-webkit-transition:.3s;-o-transition:.3s}
.select a{transition:.3s}
.adminbar{display:inline-block;border:1px solid currentcolor;width:25%;line-height:27px;-webkit-border-radius:18px;border-radius:18px;top:18px;right:0}
.adminbar li{color:inherit;width:50%;font-size:14px;transition:.3s}
.adminbar li:first-of-type{filter:alpha(opacity=20);background-color:rgba(212,219,221,.1);-webkit-border-bottom-left-radius:22px;border-bottom-left-radius:22px;-webkit-border-top-left-radius:20px;border-top-left-radius:20px;position:static}
.adminbar li a{display:block;position:relative;color:inherit;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.top-center{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;top:20%;height:450px;z-index:999}
.topCenterBar{background:url(..../../../images/pages1-center-bg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;height:100%}
.top-title{margin-bottom:10%;padding-top:20%}
.top-title>img{padding-bottom:12%}
.line{width:12%;margin:auto;border-bottom:2px solid #fff}
.top-center a{color:#37414D;font-size:16px;font-weight:700;background:#fff;padding:10px 30px;margin-left:38%;-webkit-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.pages2,.top-bottom{padding:25px 45px 45px}
.top-center a:hover{font-size:20px}
.top-bottom{position:fixed;bottom:0;left:0;right:0;z-index:100}
.top-bottom-left{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;color:#fff;font-size:12px;-webkit-animation:float-tb .5s ease-in infinite alternate;animation:float-tb .5s ease-in infinite alternate}
.top-bottom-left>span{position:relative;left:0;top:-46px;display:block}
#page-1-btn{display:inline-block}
.pages2-list li a,.pages3-list li a,.pagesBox-right ul li a{display:block}
.top-bottom-right{float:right!important;position:relative}
.top-bottom-right>img{position:absolute;right:0;top:123px}
.pages2-title{font-size:34.77px;margin-top:7%;color:#272F3C}
.pages2-describe{font-size:16px;color:#71767C}
.pages2-list{margin:2% auto 0;padding-left:9%;padding-right:9%}
.pages2-list li{width:19.6%;height:170px;background:#fff;float:left;margin-top:1%;margin-left:1%;padding:20px;opacity:.9;-webkit-box-shadow:0 3px 3px #ccc;box-shadow:0 3px 3px #ccc}
.pages2-list li:hover{-webkit-box-shadow:0 3px 10px #ccc;box-shadow:0 3px 10px #ccc}
.pages2-list li:nth-of-type(1){background:url(..../../../images/icon1.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(2){background:url(..../../../images/icon2.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(3){background:url(..../../../images/icon3.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(4){background:url(..../../../images/icon4.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(5){background:url(..../../../images/icon5.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(6){background:url(..../../../images/icon6.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(7){background:url(..../../../images/icon7.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list li:nth-of-type(8){background:url(..../../../images/icon8.png) right 10% bottom 12% no-repeat #fff;-webkit-background-size:18% 18%;background-size:18%}
.pages2-list-title{font-size:20px;color:#272F3c;}
.pages2-list-describe{font-size:14px;color:#71767C;margin-top:6%;line-height:180%;padding-bottom:50px}
.pages3{padding:25px 45px 45px}
.pages3-title{font-size:34.77px;margin-top:7%;color:#fff}
.pages3-describe{font-size:16px;color:#fff}
.pages3-list{margin:2% auto 0;padding-left:9%;padding-right:9%}
.pages3-list li{width:17%;height:300px;float:left;margin-top:1%;margin-left:3%;padding:20px;border:1px solid #fff;position:relative;line-height:180%}
.pages3-list li:hover{background:#fff}
.pages3-list li:hover .pages3-list-describe,.pages3-list li:hover .pages3-list-title{color:#333}
.pages3-list-pic>img{width:25%}
.pages3-list-title{color:#fff;font-size:16px;margin-top:8%}
.pages3-list-describe{color:#fff;font-size:14px;text-align:center;margin-top:5%}
.x{position:absolute;bottom:-9px;right:-11px}
.pagesBox{width:70%;margin:0 auto}
.pagesBox-left{float:left;width:24%;position:relative}
.pagesBox-left>img{width:100%;height:100%}
.pagesBox-right{float:left;width:70%}
.pagesBox-left span{width:1px;height:65%;background:#37414D;position:absolute;top:50px;right:-55px;float:right}
.pagesBox-right ul{width:100%;float:left}
.pagesBox-right ul li{width:80%;margin-left:20%;margin-top:6%}
.pagesBox-right ul li .r{width:8%}
.pagesBox-right ul li .r>img{width:100%;height:100%}
.pagesBox-right ul li .l{width:80%;margin-left:5%}
.l .l-title{font-size:18px;color:#37414D}
.bottom-left,.bottom-left>a,.l .l-describe{font-size:12px;color:#9EA5AF}
.bottomBar{position:absolute;bottom:0;width:95%;padding:30px 40px}
.bottom-left>span{font-size:14px;font-weight:700;color:#272F3C}
.bottom-center{-webkit-animation:float-tb .5s ease-in infinite alternate;animation:float-tb .5s ease-in infinite alternate;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%}
.bottom-center>img{width:80%}
.bottom-right span{color:#9EA5AF;font-size:12px}
.bottom-right b{font-size:12px;color:#272F3C}
.bottom-right b:first-of-type{margin-right:10px}
@-webkit-keyframes float-tb{0%{-webkit-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}
100%{-webkit-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}
}
@keyframes float-tb{0%{-webkit-transform:translate3d(0,-5%,0);transform:translate3d(0,-5%,0)}
100%{-webkit-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}
}
.clearopcity{opacity:1!important}
#page2-sub-title{-webkit-animation-delay:.3s;animation-delay:.3s}
/*# sourceMappingURL=index.css.map */
