body{background-color:#1b1b1b}.header{width:100%;position:fixed;top:0;left:0;z-index:999;height:100px;padding:0 30px;background:rgba(50,55,56,.4)}.header .left{width:12%}.header .left a img{height:40px;margin-top:6px}.header .left .img2{display:none}.header .nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;line-height:50px;display:block}.header .navbar_nav li{float:left;position:relative;display:block}.header .navbar_nav li:after{content:"";width:0;height:2px;background:#ff4500;position:absolute;bottom:0;left:0;transition:all .5s ease 0s}.header .navbar_nav li:hover:after{width:100%}.header .navbar_nav li:hover a{color:#ff4500}.header .navbar_nav li.dropdown{display:inherit;position:relative}.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block}.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:50px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%}.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px}.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#f3f3f3;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#666}.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:orange}.header.on{background:#fff;border-bottom:1px solid #ccc}.header.on .left .img1{display:none}.header.on .left .img2{display:block}.header.on .navbar_nav li a{color:#333}.header.on .navbar_nav li:hover a{color:#ff4500}#navToggle{display:none}.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}.m_nav.open{transform:translateX(0)}.m_nav .top{height:60px;padding:20px;box-sizing:border-box}.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}.m_nav .logo{width:100%;margin:0 auto}.m_nav .logo img{height:50px;display:block;margin:30px auto}.m_nav .ul{margin-top:30px}.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}.m_nav .ul li .dropdown_menu{display:none}.m_nav .ul li.dropdown.active .dropdown_menu{display:block}.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}.m_nav .ul li .dropdown_menu a:last-child{border:none}.banner{width:100%}.banner img{width:100%}@media screen and (max-width:790px){.header{padding:0 10px}.header #navToggle{height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}.header #navToggle span:after,.header #navToggle span:before{content:'';position:relative;width:100%;height:1px;left:0}.header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#ffffff}.header #navToggle span:before{top:8px}.header #navToggle span:after{bottom:10px}.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}.header #navToggle.open span{background:0 0}.header #navToggle.open span:after,.header #navToggle.open span:before{background:#4f4f4f}.header .nav{display:none}.banner img{height:600px;object-fit:cover}}@media screen and (min-width:900px){.header .navbar_nav li a{text-decoration:none;height:100%;padding:0 25px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff;font-size:16px}}@media screen and (max-width:899px){.header .navbar_nav li a{text-decoration:none;height:100%;padding:0 10px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff;font-size:16px}}