body {background-color: #1b1b1b;}
.header {width: 100%;position: fixed;top: 0;left: 0;z-index: 999;padding: 0 30px;background: rgba(255, 255, 255, 0.8);}
.header .left {/*width: 12%;*/width:350px;}
.header .left a img {display: block;padding: 2.5vh 0;}
.header .left .img2 {display: none;}
.header .nav {-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 5rem;display: block;}
.header .navbar_nav li {float: left;position: relative;display: block;}
.header .navbar_nav li:after {content: "";width: 0;height: 2px;background: #c01a26;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after {width: 100%;}
.header .navbar_nav li a {text-decoration: none;height: 100%;padding: 2.4vh 0.8vw;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #3c3c3c;font-size: 1.8rem;}
.header .navbar_nav li:hover a {color: #c01a26;}
.header .navbar_nav li.dropdown {display: inherit;position: relative;}
.header .navbar_nav li.dropdown .jt {width: 20px;height: 20px;background: url(/*../images/top.png)*/ no-repeat;background-size: 100% 100%;display: block;}
.header .navbar_nav li.dropdown .dropdown_menu {display: none;position: absolute;width: 100%;background: #fff;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 120%;left: -10%;}
.header .navbar_nav li.dropdown .dropdown_menu a {font-size: 1.4rem;color: #666;padding: 0 0.52vw;line-height: 4rem;text-align: center;background: #fff;margin-bottom: 2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display: block;background: #f3f3f3;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.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: #c01a26;}
.header.on {background: rgba(255, 255, 255, 0.8);border-bottom: 1px solid #cccccc4d;}
.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: #c01a26;}
#navToggle {display: none;}
.m_nav {position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;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) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;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) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.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: 1220px) {
.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:before, .header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}
.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: none;}
.header #navToggle.open span:before, .header #navToggle.open span:after {background: #4f4f4f;}
.header .nav {display: none;}
.banner img {height: 600px;object-fit: cover;}
}