@charset "utf-8"; /* CSS Document */ .nav .sou .img2{ display:none; } .nav{ background:#1a37a0; } .nav_top{ background-color:#1a37a0; height:35px; line-height:33px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;c color: #7a8fbb; } .nav_top .nav_center{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .nav_top a{ font-size: 14px; color: #FFFFFF; display: inline-block; } .nav_top i{ margin:0 6px; font-size:12px; color:#ffffff; } .nav_top .right .item{ position:relative; } .nav_top .right .item .box{ display:none; position: absolute; left: 0; top: 35px; width: 110px; margin-left: -20px; } .nav_top .right .item .box img{ width:100%; } .nav_top .right .item:hover .box{ display:block; } .nav_top a:before{content:"";display: block;border-top:2px solid #d39797;transition:all 0.4s ease-out 0s;transform:scaleX(0);} .nav_top a:hover:before{transform:scaleX(1);border-color:#fff; color:#fff;} .nav_top a:hover{ color:#fff;transition:all 0.4s ease-out 0s;} .masked{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } .video{ position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.6); } .video .url_video{ margin-left: 20%; width: 60%; margin-top: 17.5vh; } .video .videoclose{ margin-left: 77.5%; margin-top: 19vh; position: fixed; z-index: 10000;} .video .videoclose a {font-size:16px;text-decoration:none;color:#fff;} .sou_box{display:none;} .nav_bot{ position:fixed; top:35px; left:0; width:100%; height: 160px; z-index:9999; background:#1a37a0 url(../images/xiaoxun.png) no-repeat center 38px; background-size: contain; } .nav_bot .logo{ float:none; width:20%; margin:0 auto; height:100px; display:flex; text-align:center; justify-content:center; align-items:center; } .nav_bot .logo>img{ width:90%; } .nav_bot .nav_list{ width:100%; margin-left:0; float:left; height:60px; } .nav_top .sou{ width:28px; display:block; float:right; height:30px; display:flex; justify-content:center; align-items:center; padding-top:3px; } .sou_box{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;} .sou_box .cos{ display:block;position:absolute; right:50px;top:50px; width:60px; height:60px;} .sou_box form{ position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -269px; } .sou_box form tbody tr:nth-child(odd) td, .sou_box form tbody tr:nth-child(odd) th{ background:none!important;} .sou_box form table,.sou_box form td, .sou_box form th{ border:none!important; border: none!important; padding: 0; height: 40px; display: inline-block; line-height: 40px; margin: 0;} .sou_box input{ width: 400px; padding-left: 10px; height: 46px; line-height: 46px; color: #616161; font-size: 16px; /* margin-right: 10px; */ border: none; padding-top: 0; padding-bottom: 0; } .nav_bot .nav_list>li{ width:calc(100%/10); width:12.5%; height:60px; float:left; text-align:center; line-height:60px; } .nav_bot .nav_list>li>a{ display:block; color:#fff; height:60px; font-size:20px; display:inline-block; position:relative; text-shadow:#5d5d5d 1px 1px 2px; } .nav_bot .nav_list>li>a:after{ display: block; position: absolute; top: 0; right: -15px; font-size: 12px; font-family: "iconfont" !important; content: "\e60c"; } .nav_bot .nav_list>li:hover a{ color:#eeeeee; transition:all 0.3s linear; } .nav_bot .nav_list .ative>a{ color:#143270; border-bottom: 2px solid #143270; } .nav_bot .top_rt .phone2{ display:none!important; } .nav_la .nav_top{ opacity:0; display:none; transition:all 0.3s linear; } .nav_la .nav_bot{ display: flex; height:80px; top:0; background:rgba(26,55,160,1)!important; background-color:rgba(26,55,160,1); width:100%; transition:all 0.3s linear; box-shadow: 0 0 10px #666; } .nav_la .sou .img1{ display:none; } .nav_la .sou .img2{ display:block; } .nav_la .nav_bot .nav_list>li>a{ color:#fff; transition:all 0.3s linear; text-shadow:none; } .nav_la .nav_bot .top_rt .phone1{ display:none; transition:all 0.3s linear; } .nav_la .nav_bot .top_rt .phone2{ display:block!important; transition:all 0.3s linear; } .nav_la .logo{ height:80px!important; width:19%!important; transition:all 0.3s linear; float:left; margin:0; } .nav_la .nav_list{ float:right; width:80%!important; height:80px!important; transition:all 0.01s linear; } .nav_la .nav_list>li{ height:80px!important; line-height:80px!important; transition:all 0.1s linear; } .nav_la .nav_list>li>a{ height:55px!important; transition:all 0.1s linear; } .nav_la .mainlevel .subnav{ top:80px!important; transition:all 0.1s linear; } .nav_la .nav_list>li:hover a{ color: #eee; transition: all 0.1s linear; } .wap_nav1{ display:none;} .wap_nav{ position:fixed; background-color:#1a37a0; box-shadow: 0 1px 4px rgba(0,0,0,0.3); top:0; left:0; z-index:999; height:50px; width:100%; display:none; } .wap_nav_la{ display:none!important; } .logo2{ display:none; display:block; width: 108px; padding:8px 0; margin: 0 auto; float: none; } .nav_bot .nav_center{ position:relative; } .nav_bot .mainlevel .subnav { display: none; position: absolute; top: 160px; width: 10%; background-color:rgba(26,55,160,0.95); overflow:hidden; padding: 20px; } .nav_bot .mainlevel .subnav .box{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .nav_la .nav_bot .mainlevel .subnav{ width:8%; padding-top:20px; transition: all 0.3s linear; } .nav_la .sou{ height:80px;} .wp_search .search { color: #fff; background: #143270!important; font-size: 16px; height: 46px; padding: 0; text-align: center; width: 100px; line-height: 46px; } .nav_bot .mainlevel .subnav .list{ float:left; width:100%; overflow:hidden; display: -ms-flexbox; display:block; -ms-flex-pack: justify; justify-content: center; -ms-flex-align: center; align-items: center; } .nav_bot .mainlevel .subnav .list li{ float:left; width:100%; line-height:40px; } .nav_bot .mainlevel .subnav .list li a{ color:#ffffff; font-size:18px; border-bottom:0px solid #ccc; padding-bottom:6px; } .nav_bot .mainlevel .subnav .list li a:hover{ color:#eeeeee; border-bottom: 1px solid #ddd; transition: all 0.4s ease-out 0s; } .sidenav-menu>li>a{border-bottom:1px solid rgba(0,0,0,0.08); box-sizing: border-box;} .sidenav-menu>li:nth-child(odd) a{border-right:1px solid rgba(0,0,0,0.08);} .sidenav-menu>li:nth-child(-n+2) a{border-top:1px solid rgba(0,0,0,0.08);} .sidenav-menu li .jian{ border:none!important;} .sidenav-menu .sidenav-dropdown a{ border:none!important;} .nav_botxiala { display: none; } @media (max-width:1599px){ .nav_bot .mainlevel .subnav .right h2{ font-size:42px; line-height:42px; } } @media (max-width:1399px){ .nav_bot .mainlevel .subnav .right h2{ font-size: 30px; line-height: 30px; } .nav_bot{ position:fixed; top:35px; left:0; width:100%; height: 110px; background:#1a37a0 url(../images/xiaoxun.png) no-repeat center 22px; background-size: contain; } .nav_bot .logo{ height:60px; } .nav_bot .logo>img { width: auto; max-height:60px; } .nav_bot .nav_list{ width:100%; margin-left:0; float:left; height:50px; } .nav_bot .nav_list>li{ width:calc(100%/10); width:12.5%; height:50px; float:left; text-align:center; line-height:50px; } .nav_bot .nav_list>li>a{ display:block; color:#fff; height:50px; font-size:20px; display:inline-block; position:relative; text-shadow:#5d5d5d 1px 1px 2px; } .nav_bot .mainlevel .subnav { display: none; position: absolute; top: 110px; width: 10%; } } @media (max-width:1299px){ .nav_bot .mainlevel .subnav .right h2{ font-size:36px; line-height:36px; } } @media (max-width:1199px){ .nav_bot .mainlevel .subnav .right h2{ font-size:32px; line-height:32px; } } @media (max-width:1099px){ .nav_bot{ } .nav_bot .nav_list{ height:50px; } .nav_bot .sou{ width:26px; height:60px;} .nav_bot .nav_list>li{ height:50px; line-height:50px; } .nav_bot .nav_list>li>a{ height:42px; font-size:15px; } .nav_bot .logo{ height:60px; } .nav_bot .logo>img { width: auto; max-height:55px; } .nav_bot .mainlevel .subnav{ top:60px; } .nav_bot .nav_list>li>a:after{ height:12px; } .nav_bot .mainlevel .subnav .list li a{ font-size:16px; } .nav_bot .mainlevel .subnav .right h1{ font-size:22px; line-height:22px; } .nav_bot .mainlevel .subnav .right h2{ font-size:30px; line-height:30px; } } @media (max-width:996px){ .nav{ display:none; } .nav1{ display:none; } .wap_nav{ display:block; } .wap_nav1{ display:block; } }