﻿/*====================导航*********/
.nav_pc_logo{float:left;/*height:4.2rem;*/margin:.8rem 0;max-width:300px;padding-right:1rem}
.nav_pc_logo img{/*height:4.2rem;*/max-width:100%}
.header{width:100%;z-index:999}
header .top{line-height:30px;background:#f6f6f6}
header .top h5{line-height:30px;font-size:13px;color:#666}
header .top ul li a{font-size:13px;color:#666;margin-left:18px;transition:all .3s}
header .top ul li a:hover{color:#ff7e00}
.container{max-width:1200px;margin:auto}
.header .left a img{height:100%;max-width:100%}
.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:52px;display:block;width:100%;background:#006633}
.header .nav ul{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.header .navbar_nav li{float:left;position:relative;display:block;width:11%;border-right:1px solid #00542a;text-align:center}
.header .navbar_nav li:last-child{border:none}
/*.header .navbar_nav li:after{content:"";width:0;height:2px;background:#fff;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}*/
.header .navbar_nav li:hover{color:#fff;background:#e7512f}
.header .navbar_nav li a{text-decoration:none;height:100%;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#fff;font-size:1rem;line-height:52px;}
.header .navbar_nav li:hover a{color:#fff}
.header .navbar_nav li a:hover{color:#fff}
.header .navbar_nav .dropdown{position:relative}
.header .navbar_nav dl{display:none;position:absolute;top:52px;width:100%;background-color:rgba(255,255,255,0.9);z-index:1000}
.header .navbar_nav .dropdown dl a{font-size:14px;color:#666;padding:3px 5px;line-height:32px;text-align:center; border-bottom:1px solid #ddd;}
.header .navbar_nav .dropdown:hover dl{display:block}
.header .navbar_nav .dropdown:hover dl a{color:#666}
.header .navbar_nav .dropdown:hover dl a:hover{color:#fff;background:#e7512f}
.header.on .left .img1{display:none}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{}
.header.on .navbar_nav li:hover a{color:#999}
#navToggle{}
.m_nav{position:fixed;top:0px;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:0px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #ccc;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:45px;line-height:45px;width:100%}
.m_nav .ul li dl{display:none}
.m_nav .ul li.dropdown.active dl{display:block}
.m_nav .ul li dl a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #004f9c}
.m_nav .ul li dl a:last-child{border:none}
.banner{width:100%}
.nav_mo_logo{float:left;width:calc(100% - 7rem);height:3.5rem;margin-left:1.2rem;max-width:260px}
.nav_mo_logo img{height:3.5rem;max-width:100%;max-width:100%}
.nav_mo_ico{float:right;width:3.0rem;height:3.0rem;margin-right:1rem}
.nav_mo_ico{display:block;color:#333;text-align:center;line-height:3.5rem;height:3.5rem;font-size:2.0rem}
.nav_mo{margin:0.8rem 0}
.nav_mo{display:none}

.dianhua_right{float:right;margin-top:0rem;padding-right:1rem}
.dianhua_right .tu{float:left;margin:1.5rem 1rem 0 0}
.dianhua_right .text{float:right}
.dianhua_right span{font-size:0.9rem;color:#333;line-height:1.8rem}
.dianhua_right p{font-size:1.5rem;color:#e7512f;line-height:1.8rem;/*font-weight:600;*/font-family:impact}

.fuwu{float:left;border-left:1px dashed #ccc;height:50px;margin-top:1.2rem;padding-left:2rem}
.fuwu p{font-size:1rem;color:#00983d;font-weight:600;padding-bottom:5px}
.fuwu span{font-size:1rem;color:#666}
@media screen and (max-width:1000px){.header .left{padding-top:0}
.nav_mo{display:block}
.header{padding:0 0px;width:auto;margin:1.0rem}
.header #navToggle{width:3.0rem;height:3.0rem;text-align:center;display:block;line-height:3.0rem;display:inline-block;float:right}
.header #navToggle i{display:block;font-size:2.0rem;line-height:3.0rem}
.header #navToggle span{width:25px;height:1px;margin-top:10px}
.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:#000}
.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{display:none}
.header .nav{}
.banner img{height:300px;object-fit:cover}
.header .left{width:67%;height:3.0rem}
.header .left img{width:100%}
}