.asan-left{ float:left; } .asan-right{ float:right; } .asan_blank40{height:40px;} .asan_blank30{height:30px;} .asan_blank20{height:20px;} .asan_blank10{height:10px;} .f16{font-size:16px;} .f18{font-size:18px;} .f21{font-size:21px;} .f24{font-size:24px;} .f36{font-size:36px;} .f48{font-size:48px;} .f52{font-size:52px;} .asan-container{ width:100%; margin:0 auto; padding:0px; /*background: #f1f1f1 url(bg.jpg) no-repeat center top; background-size:1920px 1314px;*/ background: #f1f1f1; /*min-height:500px;*/ } .asan-header{ /*background: url(headbg-.jpg) no-repeat right top;*/ /*background-color: rgba(2,79,167,0.7);*/ background-color:#024fa7; height:120px; width:100%; padding:0px; margin:0 auto; /*position:fixed; top:0; left:0;*/ z-index:9999; /*opacity:0.9; filter:alpha(opacity=90);*/ } .asan-logo{ height:120px; width:30%; /*background: url(logo2.png) no-repeat center center; background-size:cover;cover*/ float:left; text-align:left; } .asan-logo img{padding-top:10px;} .asan-top{ float:left; width:70%; } .asan-links{ width:100%; height:40px; line-height:40px; padding-top:10px; } .asan-links a{ color:#ffffff; float:right; padding:0px 3px; } .asan-links a:first-child{ padding:0px; } .asan-menus{ height:60px; line-height:60px; } .asan-menus2{ float:right; padding-top:35px; width:64px; text-align:right; } .asan-menus2 img{ width:32px; height:32px; } .asan-menus-1{height:60px;background-color:#e1e1e1;/*position:fixed;top:120px;left:0;*/z-index:9999;width:100%;} .asan-menus-2{margin:0 auto;float:left;} .asan-menus-3{height:60px;float:left;line-height:60px;} .asan-menus-3 a{color:#333333;font-size:16px;} .asan-menus-4 {float:right;height:60px;line-height:60px;} #so-top{margin:15px 20px;width:150px;height:30px;border: 1px #bcbcbc solid;border-radius: 15px;padding:0px 15px;background-color: #FFF;} #so-top input{width:120px;padding:0px;height:30px;line-height:30px;border: none;float: left;font-size: 14px;background-color: #FFF;} #so-top button {border: none;padding:0;margin:0;height:30px;padding:0 0 0 5px;float: right;background-color: #FFF;_margin-top:-10px;} #so-top i{font-size: 20px;line-height:30px;} /*.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}*/ .layui-nav{position:relative;padding:0 20px;color:#fff;background-color:transparent;border-radius:2px;font-size:0;box-sizing:border-box} /*.layui-nav *{font-size:14px}*/ .layui-nav *{font-size:16px} .layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px} /*.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}*/ .layui-nav .layui-nav-item a{display:block;padding:0 17px;color:#333333;transition:all .3s;-webkit-transition:all .3s} @media screen and (max-width:1199px){ .layui-nav .layui-nav-item a{display:block;padding:0 8px;color:#fff;transition:all .3s;-webkit-transition:all .3s} } /*.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}*/ .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#9c9050;transition:all .2s;-webkit-transition:all .2s} .layui-nav-bar{z-index:1000} .layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#9c9050} .layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%} .layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%} /*.layui-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)}*/ .layui-nav .layui-nav-more{display:none;} /*.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff}*/ .layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{display:none;} /*.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}*/ .layui-nav-child{display:none;position:absolute;left:0;top:60px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #f2f2f2;background-color:#f2f2f2;z-index:100;border-radius:2px;white-space:nowrap} /*.layui-nav .layui-nav-child a{color:#333}*/ .layui-nav .layui-nav-child a{color:#333333} /*.layui-nav .layui-nav-child a:hover{background-color:#f2f2f2;color:#000}*/ .layui-nav .layui-nav-child a:hover{background-color:#ffffff;} .layui-nav-child dd{position:relative} /*.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#5FB878;color:#fff}*/ .layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#9c9050;color:#fff} .layui-nav-child dd.layui-this:after{display:none} .layui-nav-tree{width:200px;padding:0} /*.layui-nav-tree{width:50px;padding:0}*/ /*.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:45px}*/ .layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:45px;background-color:transparent;} .layui-nav-tree .layui-nav-item a{position:relative;height:45px;line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} /*.layui-nav-tree .layui-nav-item a:hover{background-color:#4E5465}*/ .layui-nav-tree .layui-nav-item a:hover{background-color:#9b8f47;color:#ffffff;} /*.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688}*/ .layui-nav-tree .layui-nav-bar{width:0px;height:5px;background-color:#9c9050} /*.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#009688;color:#fff}*/ .layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#9c9050;color:#fff} .layui-nav-tree .layui-this:after{display:none} .layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important} .layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none} /*.layui-nav-tree .layui-nav-child a{height:40px;line-height:40px;color:#fff;color:rgba(255,255,255,.7)}*/ .layui-nav-tree .layui-nav-child a{height:32px;line-height:32px;color:#fff;color:rgba(255,255,255,.9)} .layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff} .layui-nav-tree .layui-nav-more{right:10px} .layui-nav-itemed>.layui-nav-child{display:block;padding:0;background-color:rgba(0,0,0,.3)!important} .layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block} .layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999} .layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after{background-color:#93D1FF} .layui-bg-blue .layui-nav-child dd.layui-this{background-color:#1E9FFF} .layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover{background-color:#007DDB!important} @media screen and (max-width:767px){ .asan-container{width:100%;overflow:hidden;} .layui-nav .layui-nav-more{display:block;content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)} .layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{display:block;margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff} } .asan-sidebar{width: 200px;height: 100%;min-width: 120px;display: inline-block;margin: 0px;right: -200px;position: fixed;overflow:hidden;} .asan-sidebar .asan-sidebar-right{background-color: #9c9050;width: 200px;display: inline-block;height: 100%;float: left;} .asan-slideLeft{transform: translate(-200px,0px);transition-delay: 0s;transition-timing-function: ease;transition-duration: 1s;} .asan-slideRight{transform: translate(-0px,0px);transition-delay: 0s;transition-timing-function: ease;transition-duration: 1s;} /*΅Χ²ΏΠΕΟ’*/ .asan-footer{clear:both;background: #024fa7 url(footerbg3.jpg) no-repeat center top;height:260px;width:100%;padding:0px;margin:0 auto;overflow:hidden;} .asan-footer_left{width:100%;height:320px;font-size:12px;line-height:21px;text-align:center;margin:0px;padding:0px;} .asan-footer_left a{color:#ffffff;} .asan-footer_left:before {content: '';position: absolute;left: auto;top: 15%;bottom: auto;right: 0;height: 50%;width: 1px;background-color: #6a90bd;} .asan-footer_maps{padding-top:70px;} .asan-footer_map1{float:left;width:80px;text-align:left;padding:5px 0px;} .asan-footer_map2{float:left;margin-left:48px;width:80px;text-align:center;padding:5px 0px;} .asan-footer_map3{float:left;margin-left:58px;width:80px;text-align:center;padding:5px 0px;} .asan-footer_map1 img,.asan-footer_map2 img,.asan-footer_map3 img{width:36px;height:36px;} .asan_weixin{position:relative;margin:0 auto;} .asan_weixin .asan_weixin_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-15px; top:75px; display:none;z-index:2;float:left;} .asan_weixin .asan_weixin_nr img{ margin-bottom:5px;} .asan_weixin .asan_weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;} .asan_weixin.on .asan_weixin_nr{ display:block;} .asan_weixin_nr img{width:100px;height:100px;}.asan_weixin .asan_weixin_nr{top:65px;} .asan-footer_center{width:100%;padding:0px;margin:0px;font-size:12px;} .asan-footer_slogo{margin-top:60px;height:146px;width:100%;background: url(slogo.png) no-repeat center center;} .asan-footer_right{height:320px;width:100%;font-size:12px;padding:0px;margin:0px;} .asan-footer_right:before{content: '';position: absolute;left: 0;top: 15%;bottom: auto;right: auto;height: 50%;width: 1px;background-color: #6a90bd;} .asan-footer_xun{clear:both;margin-top:70px;text-align:right;} .asan-footer_xun img{height:37px;} .asan-footer_copyright{padding-top:15px;margin-left:50px;text-align:left;color:#ffffff;line-height:18px;} .asan-footer_copyright-con{line-height:21px;float:left;} .asan-footer_gongan{width:40px;line-height:63px;float:right;} @media screen and (max-width:1200px){ .asan-footer_map2{margin-left:3.5%;} .asan-footer_map3{margin-left:7%;} .asan-footer_xun img{height:32px;} .asan-footer_copyright{padding-top:20px;margin-left:30px;} .asan-footer_gongan{display:none;} } @media screen and (max-width:991px){ .asan-footer_map2{margin-left:-10px;} .asan-footer_map3{margin-left:0%;} .asan-footer_xun img{height:24px;} .asan-footer_copyright{padding-top:20px;margin-left:30px;} .asan-footer_copyright-con{line-height:16px;} .asan-footer_gongan{display:none;} } @media screen and (max-width:767px){ .asan-container{padding:0px 0px 0px 0px;} .asan-header{height:60px;position: relative;} .asan-nav{position: absolute;left:0px;top:60px;z-index:9999;width:100%;} .asan-nav_item{background-color: rgba(162,136,55,0.9);height:50px;line-height:50px;text-align:center;} .asan-nav_item a{color:#ffffff;} .asan-logo{height:60px;width:30%;/*background: url(logo2.png) no-repeat center center;background-size:cover;cover*/} .asan-logo img{height:60px;padding-top:0px;} .asan-menus2{padding-top:15px;} .asan-footer_copyright{margin-left:0px;text-align:center;} .asan-footer_right:before {height: 0px;width: 0px;} .asan-footer_xun{clear:both;padding-left:0px;text-align:center;} .asan-footer_xun img{height:32px;} .asan-footer_copyright-con{width:100%;text-align:center;line-height:21px;} } .asan-page{font-size:14px;color:#333333;padding-top:30px;width:400px;margin:0 auto;} .asan-page a{padding:5px 8px;border: 1px #e1e1e1 solid;color:#333333;margin:0px 5px;} .asan-page a:hover{background:#9d9051;color:#ffffff;} @media screen and (max-width:767px){ width:100%; }