.warp{width:100%;} .bg{background:#ddd;} .clear{clear:both;} .warp-f{width:80%;margin:auto;} .warp-f-new{width:80%;margin:auto;} .header{height:auto;} .login-prompt{line-height:25px;padding:5px 0px;overflow:hidden;color:#494b60;font-size:0.75rem;text-align:right;background:#080d35;} .login-prompt a{color:#2c3b5f;} .logo-menu{height:100px;padding:0 75px;background:#070f4a;} .logo{float:left;width:240px;height:65px;margin-right:50px;padding-top:12px;} .menu{float:left;position:absolute;z-index: 9;left:350px;} .menu ul{display:inline-block;float:left;font-size:0.875rem;font-weight:bold;} .menu ul li{height:auto;position:relative;float:left;} .menu ul li ul{display:none;width:100%;clear:both;position: absolute;top: 99px;} .menu ul li .menu-title{display:block;float:left;line-height:100px;border:0;padding:0 17px;color:#fff;} .menu ul li ul li{display:block;clear:both;width:100%;} .menu ul li ul li a{display:block;text-align:center;color:#8e8e8e;background:#fff;border:1px solid #ddd;border-top:0; padding: 20px 10px;} .menu ul li a.hover{color:#fff;background:#051694;} .menu ul li a:hover{color:#fff;background:#051694;} .menu ul li ul li a:hover{border:1px solid #051694;border-top:0;} .query{width:260px;height:30px;margin-top:35px;float:right;background:#fff;} .query img{float:left;width:25px;height:25px;margin-top:2px;} .query input{height:100%;border:0;font-size:0.75rem;} .query input.submit{height:100%;float:right;padding:0 9px;color:#fff;font-size:0.875rem;letter-spacing:2px;background:#051694;} .menu-pho{display: none;} .qurey-pho{width:7%;float:right;margin:3% 1%;} /*澶撮儴鐧婚檰鍏虫帀*/ .menu-close{display:none;float:right;width:6.25%;margin-right:10px;} .menu-close img{width:100%;} /*banner\n*/ .banner{width:100%;overflow:hidden; } /*.swiper-slide img{width:100%; height:100%;}*/ .swiper-slide,.swiper-container{overflow-y:hidden;} .slide-cont{position:absolute;width: 360px;height:460px;text-align:center;background:#080d35;z-index:9;right:10%;bottom:0;color:#fff;} .slide-cont h3{font-size:1.5rem;padding-top:40px;} .slide-cont span{display:block;width:80%;margin:auto;font-size:0.875rem;margin-top:20px;line-height:1.5rem;word-wrap:break-word;} .pho-a{position:absolute;bottom:10%;margin:auto;left:0;right:0;width:60%;} .pho-a a{display:block;float:left;width:40%;margin:0 5%;padding:3% 0;font-size:1rem;color:#080d35;border-radius:5px;background:#fff;} /*鎵嬫満灞忓箷鐨勮彍鍗?/ .pho-menu{display:none;position:fixed;z-index:9;top:0;right:-280px;width:280px;height:100%;overflow-y:scroll;border-left:1px solid #ddd;background:#fff;} .close{height:auto;overflow:hidden;padding:5% 0;padding-right:3%;color:#fff;font-size:2rem;text-align:right;background:#051694;} .pho-menu ul li a{display:block;padding:10px 30px; border-top:1px solid #e1e1e1;color:#080D35; font-size:1rem} .pho-menu ul li ul{display:none; border-top: 1px solid #e1e1e1;border-bottom: none;} .pho-menu ul li ul li a{background:#e9e9e9;} /*棰樼洰*/ .title{padding-top:50px;text-align:center;font-size:3rem;font-family:arial;font-weight:400;line-height: 4rem;background:url(../../images/hl/h-bg.png) no-repeat center bottom;} .sub-title{font-size:1.25rem;margin-bottom:50px;margin-top:10px;text-align:center;font-weight:400;} .sub-title a{color:#fff;} .block{display:block;} /*flex鐨勮彍鍗?/ .flex-menu{width:100%;} .flex-menu ul{height:auto;overflow:hidden;width:100%;display:none;} .flex-menu ul.dinwei{z-index:999;position:fixed;top:0;left:0;} /*鎵嬫満绔笅婊戞爮鐩?/ .flex-menu ul.w1 li{width:100%;} .flex-menu ul.w2 li{width:50%;} .flex-menu ul.w3 li{width:33.3%;} .flex-menu ul.w4 li{width:25%;} .flex-menu ul.w5 li{width:20%;} .flex-menu ul.w6 li{width:16.6%;} .flex-menu ul.w7 li{width:14.285%;} .flex-menu ul.w8 li{width:12.5%;} .flex-menu ul.w9 li{width:11.11%;} .flex-menu ul li{float:left;text-align:center;} .flex-menu ul li a{display:block;padding:10px 0;background:#070F4A;color:#fff;} /*鍒嗛〉*/ .page{text-align:center;} .page-cont{display:inline-block;height:auto;overflow:hidden;margin:50px auto;} .page a,.page span{float:left;display: block;padding:5px 10px; margin:0 5px;color:#090909; border:1px solid #DCDCDC;} .page span{background: #ccc} /*搴曢儴*/ .footer{text-align:center;background:#DCDCDC url(../../images/hl/footer-bg.gif) no-repeat;background-size: 100% 400px;} .footer h3,.footer h4{color:#fff;} .contact{width:89%;height:auto;overflow:hidden;background:#fff;margin:auto;margin-top:30px;padding:20px 0 20px 100px;} .contact ul{float:left;width:16.6%;height:auto;overflow:hidden; text-align:left;} .contact ul li{line-height:2.5rem;} .contact ul li a{color:#4d4d4d;font-size:1rem;} .contact ul li.first-li{font-size:1.25rem;} .copyright{font-size:0.625rem;padding:10px 0;color:#8f8f8f;background:#dcdcdc;} .contact ul li.first-li a{font-size:1.25rem;} /*搴曢儴*/ .contact-pho{display:none;width:100%;text-align:left;padding-left:0;height:auto;overflow:hidden;font-size:16px;} .contact-pho ul{width:100%;border-bottom:1px solid #ddd;height:auto;overflow:hidden;} .contact-pho ul li{display:none;width:90%;padding:0 5%;background:#f5f5f5;line-height:2.5rem;} .contact-pho ul li a{color:#4d4d4d;} .contact-pho ul li.first-li{display: block;border-bottom:1px solid #ddd;background:#fff;} @media (min-width:1101px)and (max-width:1440px ) { body,html{font-size:14px;} /*鏂伴椈鍒嗛〉*/ .list-ul li{width:25%;margin:2% 0;} /*banner*/ } @media (min-width:641px)and (max-width:1100px ) { .pho-menu{width:30%;} body,html{font-size:12px;} /*banner*/ .login-prompt a{color:#fff;} .logo-menu{height:auto;overflow:hidden;padding:0 10px;} .logo{padding: 0;} .menu{display:none;} .menu-pho{display:block;} .query{display:none;} .qurey-pho{width:35px;} .contact{padding-left:40px;} } @media only screen and (max-width:640px ) { body,html{font-size:10px;} .warp-f{width:95%;} .warp-f-new{width:100%;} .menu-close{display:block;} /*banner*/ /*澶撮儴*/ .login-prompt{color:#b6b8ba;text-align:center;background:#52565a;} .login-prompt a{color:#fff;} .logo-menu{height:auto;overflow:hidden;padding:0 5px;} .logo{width:32%;height:auto;padding:2% 0;} .menu{display:none;} .menu-pho{display:block;} .query{display:none;} .contact{display:none;} .contact-pho{display:block;} } @media only screen and (max-width:350px ) { /*banner*/ .title{font-size:2rem} .contact{display:none;} .contact-pho{display:block;} } /*杞挱*/ .overflow-h{overflow:hidden;} .carousel{width:100%;height:auto;background:rgba(0,0,0,0.7);} .swiper-container{width:100%;} .swiper-slide{position:relative;} .swiper-slide .carousel-img{position:relative;width:100%;height:0;padding-bottom:28%;overflow:hidden;} .swiper-slide .carousel-img-moblie{position:relative;display:none;width:100%;height:0;padding-bottom:29%;overflow: hidden;} .swiper-slide .carousel-img img,.swiper-slide .carousel-img-moblie img{position:absolute;top:0;left:0;width:100%;} .carousel-cont{position:absolute;bottom:0;right:10%;width:360px;height:380px;padding-top:30px;color:#fff;text-align:center;/*background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;*/background:rgba(0,0,0,0.7); } .carousel-cont h1{line-height:2em;} .carousel-cont span{text-align: left;display:block;width:80%;margin:20px auto;word-break:break-all;word-wrap:break-word;} .carousel-cont .carousel-a{display:inline-block;margin-top:50px;} .carousel-cont .carousel-a a{display:block;float:left;margin:20px;padding:5px 20px;border:1px solid #DCDCDC;color:#000;background:#fff;cursor: pointer;} .hf{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:85px;height:85px;background:url(../../images/hl/video.png)no-repeat ;} .hf-m{position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;z-index:100;display:none;width:13%;height:0;padding-bottom:13%;background:url(../../images/hl/video.png)no-repeat ;background-size:100% 100%;} .line{display:block;margin:auto;width:80%;} @media only screen and (max-width:1440px ) { .carousel-cont{height:270px;padding-top:20px;} } @media only screen and (max-width:1000px ) { .carousel-cont{width:100%;height:auto;padding-top:20px;position:relative;right:0;text-align:left;} .carousel-cont h1{text-align:left;padding-left:20px;} .carousel-cont .line{display:none;} .carousel-cont span{text-indent:24px;float:left;margin:10px 0;padding-left:20px;} .carousel-cont .carousel-a{margin-top:10px;} .carousel-cont h1{font-size:1.625rem;} } @media only screen and (max-width:754px ) { .swiper-slide .carousel-img{display:none;} .swiper-slide .carousel-img-moblie{display:block} .carousel-cont h1{font-size:1.5rem;} } @media only screen and (max-width:640px ) { .carousel-cont .carousel-a { margin-top:0px;} .hf-m{display: block;} .hf{display: none;} } /*鍦板潃*/ .contact-us-addr{height:auto;overflow:hidden;} .contact-us-addr span{display:block;margin:15px 0;}