.nav{ transition: all .8s cubic-bezier(.35,.75,.55,1); -webkit-transition: all .8s cubic-bezier(.35,.75,.55,1); -moz-transition: all .8s cubic-bezier(.35,.75,.55,1); } .mobile{display:none;float: right;width:55px;height:55px;background: #46ab34;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box; padding-top: 2px;transition: 0.4s ease-in-out;} .mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: white;margin-top: 5px;border-radius: 5px;} .mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px} .mobile i:nth-child(2){transition: 0.4s ease-in-out;} .mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;} .mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(5px);} .mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;} .mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);} header{position: fixed;width: 100%;top:0;left: 0;line-height: 80px;height: 80px;box-sizing: border-box;padding: 0 4%;z-index: 3;background: rgba(255,255,255,1); box-shadow: 0 0 10px 3px rgba(0,0,0,.5);} .nav{display: inline-block;float: right;} .nav:after{content: '';display: block;clear: both;} .nav ul{font-size: 0;display: inline-block;vertical-align: top;float: right;} .nav ul li a{font-size: 15px;color:#282828;padding: 0 10px;} .nav ul li a:hover{color: #000;} .nav ul>li{display: inline-block;vertical-align: top;text-align: center;position: relative;width: auto;} .nav ul>li:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 15px;background:lightgray;position: absolute;right: 0;top: 33px;} .nav ul>li:last-child:after{display: none;} .nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 20px;position: relative;border-bottom:2px solid transparent;color:#000 !important;} /*.nav ul>li:before{content: '';display: block;width: 1px ;height: 14px;background: rgba(0,0,0,.2);position: absolute;right:0;top:38px;}*/ .nav ul>li:last-child a{border: none;} .nav ul>li.active>a,.nav ul>li:hover>a{color: #46ab34 !important;} .nav ul>li:last-child:before{display: none} header.active1 .nav ul>li>a{color: white;} header.active1 .nav ul>li.active>a,header.active1 .nav ul>li:hover>a{color: #46ab34;} header.active1 .langweight a.active{color: #393939;} .logo{display:inline-block;transition: 0.4s ease-in-out;vertical-align: middle;} .logo img{max-height:60px;max-width:500px;} .divBox{width: 1200px;margin: 0 auto;} .divBox_list{width:970px;margin: 0 auto;} .index_divBox{width: 92%;margin: 0 auto;} .footer{ width:100%; background:rgba(255,255,255,.1); line-height:58px; clear:both; overflow:hidden; font-size:14px; text-align:center;} .footer a{ } .footer a:hover{ color:#46ab34; text-decoration:underline;} .linkbox {margin-top:50px;} .linkbox p {border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#46ab34;padding-bottom:15px;font-weight:bold;margin-bottom:15px;} .linkbox p span {text-transform:uppercase;font-size:16px;font-weight:normal;color:#999;line-height:25px;} .linkbox a { margin-right:15px;line-height:25px;} .mobile-fixed,.mobile-footer{display:none;} @media only screen and (max-width: 750px) { .mobile{display: block;} header.active .nav,.nav{transform: translateX(0);opacity: 1;} .nav{position: fixed;top:70px;left: 0;width: 100%;margin:0;line-height: 50px;background:#f8f8f8;left:100%;z-index: 3333;} header.active .nav{left:0} header{line-height: 70px;height: 70px;background:#f8f8f8 !important;} .mobile{width: 49px;height: 45px;} .mobile i:nth-child(1){margin-top: 11px;} .mobile{margin-top: 12px;} header{padding: 0 10px;z-index: 222;position: fixed;} .nav ul>li{width: 100%;border-bottom: 1px solid #eee;box-sizing: border-box;} .nav ul>li>a{width: 100%;border: none;height: 100%;display: inline-block;} .nav ul>li ol{display: none;} header{padding-top: 0 !important;} header.active1 .mobile,header.active1 .logo{transform: translateX(0);opacity: 1;} .mobile-fixed,.mobile-footer{display:block;height:50px} .mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#46ab34;color:#fff;padding:10px 0;border-top:1px solid #fff;} .mobile-footer a{color:#fff;} .mobile-footer li{float:left;width:25%;padding:0 10px;text-align:center;box-sizing:border-box;} .mobile-footer li .icon{display:block} .mobile-footer li .icon .fa-qq{background:url(/mbimg/ft-qq.png) 50% no-repeat} .mobile-footer li .icon .fa-phone{background:url(/mbimg/ft-phone.png) 50% no-repeat} .mobile-footer li .icon .fa-home{background:url(/mbimg/ft-home.png) 50% no-repeat} .mobile-footer li .icon .fa-duanxin{background:url(/mbimg/ft-duanxin.png) 50% no-repeat} .mobile-footer li .icon .fa{width:25px;height:25px;display:inline-block;background-size:25px} .mobile-footer li p{font-size:14px} } .mmpbox{position:fixed;right:20px;bottom:20px;width:140px;height:160px; padding:20px; background:#f1f1f1;} .mmpbox p{height:20px; line-height:20px; width:100%; text-align:center;font-size:14px;} .mmpbox img{width:140px;height:140px;} @media (max-width:768px){ .mmpbox{display:none;} }