.header{height: 150px;background-color: #fff}
.header .inner{position: relative;}
.header .header-up{height: 89px;border-bottom: 1px solid #eeeeee}
.header .header-up .logo{display: block;padding-top: 15px;float: left;}
.header .header-up .header-right{float: right;margin-right: 60px}
.header .header-up .my-class{display: block;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;margin-top: 35px;font-size: 14px;color: #666666;margin-left: 30px;float: left;}
.header .header-up .personal{float: left;margin-left: 30px;margin-top: 35px;font-size: 14px;position: relative;}
.header .header-up .personal .pic{position: relative;width: 35px;height: 35px;float: left;top: -6px}
.header .header-up .personal .pic img{width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;right: 0;}
.header .header-up .personal .pic .pic-icon{position: absolute;right: 0;top: 0;width: 5px;height: 5px;border-radius: 50%;background-color: #f45039}
.header .header-up .personal span{color: #666666;float: left;padding-left: 3px;position: relative;padding-right: 14px; display:none; cursor:pointer;}
.header .header-up .personal span:after{content: '';display: block;border:5px solid transparent;border-top-color: #666;position: absolute;right: 0;top: 8px}
.header .header-up .personal span#un-login a{position: relative;float: left; color:#666; padding-right:20px;}
.header .header-up .personal span#un-login:after{display: none}
.header .header-up .personal span#un-login .log:after{opacity: 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;display: block;content: '';position: absolute;width: 42px;height: 1px;background-color: #f45039;bottom: -4px;left: 20px}
.header .header-up .personal span#un-login .log:hover:after{opacity: 1;left: 1px;}
.header .header-up .personal span#un-login #reg:after{opacity: 0;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;display: block;content: '';position: absolute;width: 26px;height: 1px;background-color: #f45039;bottom: -4px;left: 20px}
.header .header-up .personal span#un-login #reg:hover:after{opacity: 1;left: 1px;}


.header .header-up .personal span#un-login a:hover{color: #f45039}
.header .inner{width:1200px;margin:0 auto;}
.header .header-down{height: 60px;line-height: 60px;box-shadow: 0px 1px 2px 0px rgba(8, 1, 3, 0.1)}
.header .header-down li{margin:0 18px;height: 60px;width: 97px;float: left;position: relative;}
.header .header-down li a{font-size: 16px;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;display: block;text-align: center;color: #333}
.header .header-down li:before{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;height: 3px;display: block;content: '';background: #F45039;position: absolute;bottom: -3px;left: 0;right: 0;margin:  auto;opacity: 0}
.header .header-down li:hover:before{display: block;opacity:1;}
.header .header-down li:hover a{background-color: #f45039;color: #fff}
.header .header-down li.active a{background-color: #f45039;color: #fff}


.header .header-up .mobile{position: relative;display: block;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;margin-top: 25px;padding: 10px 0;font-size: 14px;color: #666666;padding-left: 17px;background: url(../img/mobile.png) no-repeat center left;background-size: 12px 18px;float: left; }

.header .header-up .mobile span{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;}
.header .header-up .mobile .mobile-img{  z-index: -1;border:1px solid #DCDCDC;-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;height: 141px;position: absolute;top:30px;left: 0;background: #fff;opacity: 0}
.header .header-up .mobile .mobile-img .ewm{width:120px;height:120px;margin-left:10px;margin-top:10px}
.header .header-up .mobile .mobile-img img{width:120px;height:120px;margin-left:10px;margin-top:10px}
.header .header-up .mobile .mobile-img p{text-align: center;padding-top:10px}

.header .header-up .mobile:hover{background-image: url(../img/mobile-ac.png);}
.header .header-up .mobile:hover span{color: #f45039;}
.header .header-up .mobile:hover .mobile-img{opacity: 1;z-index: 999;width:140px;height:160px}


.header .header-up .my-class:hover{color: #f45039;}
.header .header-up .personal ul{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;background: #fff;z-index: -1;position: absolute;top: 35px;right: 0;width: 170px;opacity: 0;border:1px solid #DCDCDC;}
.header .header-up .personal ul li a{-moz-transition: all .3s 0s ease;-ms-transition: all .3s 0s ease;-o-transition: all .3s 0s ease;-webkit-transition: all .3s 0s ease;transition: all .3s 0s ease;display: block;padding:0 20px;height: 30px;line-height: 30px;color: #666;}
.header .header-up .personal ul li:hover a{background:#f45039;color: #fff}
.header .header-up .personal:hover ul{opacity: 1;z-index: 999}
.header .header-search{width: 45px;height: 45px;overflow: hidden;position: absolute;right:0px;background: #F45039;border-radius: 23px;top:23px;-moz-transition: all .4s 0s ease;-ms-transition: all .4s 0s ease;-o-transition: all .4s 0s ease;-webkit-transition: all .4s 0s ease;transition: all .4s 0s ease;}
.header .header-search:hover{width: 272px;}
.header .header-search .search-btn{;width: 45px;height: 45px;background: url(../img/search-icon.png) no-repeat center center;cursor: pointer;position: absolute;right:0px}
.header .header-search input{color: #fff;position: absolute;right:45px;width: 215px;height: 24px;line-height: 24px;top:10px;background: none;    outline: medium; border: none;}
.header .header-search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #fff; 
} 
.header .header-search input:-moz-placeholder { 
color: #fff; 
} 
.header .header-search input::-moz-placeholder{ 
color: #fff; 
} 
.header .header-search input:-ms-input-placeholder{ 
color: #fff; 
} 

/**µ×²¿Ñùʽ**/
.body-foot{background-color: #222222}
.body-foot .foot-up{height: 89px;border-bottom: 1px solid #282828;text-align: center;}
.body-foot .foot-up img{padding-top: 20px}
.body-foot .foot-down{height: 50px;line-height: 50px;color: #444444;text-align: center;}