.header{position:fixed;left:0;top:0;z-index:3;padding-top: 10px;width:100%;}
.header.active{background-color: #fff;border-bottom: 1px solid #ddd;}
.header.active .header-logo a{width: 260px;}
.header .main{background-color: #fff;}
.header-logo{padding-left:5px;float: left;}
.header-logo a{display: table-cell;width:304px;height: 80px;vertical-align:middle;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;}
.header-logo img{margin: 0 auto;display: block;width: 100%;}
.header-nav{position:relative;float: right;}
.header-nav-ul{float: left;}
.header-nav-li{margin-right:35px;position:relative;padding:24px 0;float: left;}
.header-nav-li-a{line-height: 42px;color: #666;line-height: 30px;}
.header-nav-li-a:after{content: '';display: block;width: 10%;height: 1px;background-color: transparent;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.header-nav-li-pull{position: absolute;left: 50%;top: 100%;margin-left: -95px;width: 190px;text-indent:20px;background-color: #fff;box-shadow:0 6px 10px rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
.header-nav-li-pull a{display: block;line-height: 48px;border-bottom: 1px solid #eee;color: #666;font-size: 12px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.header-nav-li-pull a:hover{background-color: #F5F5F5;color: #df4c18;text-indent: 40px;}
.header-nav-li.active .header-nav-li-a:after{width: 100%;background-color: #df4c18;}
.header-nav-li.active .header-nav-li-a{color: #df4c18;}
.header-nav-li:hover .header-nav-li-a:after{width: 100%;background-color: #df4c18;}
.header-nav-li:hover .header-nav-li-a{color: #df4c18;}
.header-nav-li:hover .header-nav-li-pull{opacity: 1;visibility: visible;transform: none;-moz-transform: none;none;}
.header-ser-i{margin-right:30px;float: left;height: 80px;width: 20px;background: url("../img/icon1.png") no-repeat center;cursor: pointer;}
.header-share{margin-right:30px;float: left;height: 80px;width: 20px;background: url("../img/icon4.png") no-repeat center;cursor: pointer;}
.header-share-cont{position: absolute;right: 0;top: 100%;padding:10px;display:none;background-color: #fff;}
.header-share:hover .header-share-cont{display: block;}
.head-ser{position: fixed;left: 0;top: 0;z-index:2;padding-top:90px;padding-bottom:85px;display:none;width: 100%;background: url("../img/bkg1.png") repeat;}
.head-ser-main{position:relative;padding-top:70px;margin: 0 auto;width: 1200px;}
.head-ser-cont{margin:0 auto;width:700px;background-color: #2495e5;}
.head-ser-inp{float: left;width: 640px;height: 60px;line-height: 60px;color: #fff;text-indent: 18px;font-size: 18px;}
.head-ser-btn{float: right;width: 60px;height:60px;background: url("../img/icon5.png") no-repeat center;}
.head-ser-close{position: absolute;right: 0;top: 0;width: 48px;height: 48px;background: url("../img/icon6.png") no-repeat center;cursor: pointer;}
.foot{border-top: 1px solid #eee;}
.foot p{margin: 0 auto;width: 1200px;font-size: 12px;line-height: 44px;color: #8e8e8e;}