/*====================导航*********/
.header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; height: 80px; background-image: url(/image/navbg.png); background-position: center center;  }
/*左侧logo*/
.header .left { min-width: 20%;  height: 80px; float: left; text-align: center; line-height: 80px; padding:0px 15px;box-sizing:border-box}
.header .navline {  height: 80px; width: 80px; background-color: #d8990e; }
/*右侧*/
.header .nav { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 80px; display: block; }
.header .navbar_nav li { float: left; position: relative; display: block; }
.header .navbar_nav li:after { content: ""; width: 0; height: 2px; background: orangered; 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: 0 25px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 16px; }
.header .navbar_nav li:hover a { color: orangered; }
.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: 80px; 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: 14px; color: #666; padding: 10px 10px; line-height: 150%; text-align: left; 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: 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: orangered; }
#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: 0px 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%; margin-top:81px;}

@media screen and (min-width: 939px) {
    .header { min-width: 1330px; }
}

@media screen and (max-width: 939px) {
    .header { height:50px}
    .navline { display: none; }
    .header .left { background-color: #202020; text-align: left; }
    .header .left { height:50px;line-height:45px;}
    .header .left img { height:40px;border:0px;}
    .header .navline, .header .navline img { height: 50px; width:50px;}
    .header #navToggle { height:50px; padding: 9px 15px; margin-right: 0px; 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: #fff; }
    .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 { margin-top: 51px; width: 100%; height:auto;}
    .banner img { width:100%; }
}


@media screen and (max-width: 760px) {
    .navline { display: none; }
    .header .left { background-color: #202020; text-align: left; }
}