/*顶部*/ .top{height: 48px;line-height: 48px;background: #f4f4f4;} .header_con .logo{ position: relative; float: left; margin-right: 10px; } .logo img{height: 55px;} .header_con .logo a:before { -webkit-animation: aniBlink120 3s infinite linear; -moz-animation: aniBlink120 3s infinite linear; -o-animation: aniBlink120 3s infinite linear; animation: aniBlink120 3s infinite linear; } .header_con .logo a:before { content: ''; position: absolute; width: 60px; height: 90px; margin-top: 0px; margin-left: -60px; /* overflow: hidden; */ /* z-index: 6; */ background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); /* background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0))); */ /* background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); */ background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(226, 217, 217, 0.4) 50%,rgba(255,255,255,0) 100%); /* -webkit-transform: skewX(-25deg); */ /* transform: skewX(-25deg); */ } @keyframes aniBlink120{ 0%{margin-left:-60px} 100%{margin-left:570px} } @-webkit-keyframes aniBlink120{ 0%{margin-left:-60px} 100%{margin-left:570px} } .welcome,.language{width: 50%;} .welcome p{float: left; line-height: 48px;} .welcome ul{float: left;margin-left:15px; *width: 170px; _padding-top: 15px;} .welcome ul span{padding:0 3px} .welcome ul i.icon_ewm{display: inline-block;background: url(/Content/Areas/Common/images/common/icon_ewm.png) no-repeat center;width: 17px;height: 17px;vertical-align: middle;padding:0 2px;margin-top:-3px;position: relative;cursor: pointer;} .wx_img,.phone_img{width:120px;height:auto;position:absolute;top:20px;left: -52px;z-index:10000000;display: none;} .phone_img{ top:25px;left: -40px; } .language ul{float: right; *width: 260px} .language ul li{display: inline-block;padding-left: 15px; *float: left;} .language ul li a{padding-left:15px ;} .language ul li a:hover{color: #511b66;} .language ul li a.phone{background: url(/Content/Areas/Common/images/common/icon-phone.png) no-repeat left center;position: relative;} .language ul li a.english{background: url(/Content/Areas/Common/images/common/icon-english.png) no-repeat left center;padding-left: 25px;} .language ul li a.phone:hover{background: url(/Content/Areas/Common/images/common/icon-phone-h.png) no-repeat left center; } .language ul li a.english:hover{background: url(/Content/Areas/Common/images/common/icon-english-h.png) no-repeat left center;padding-left: 25px;} /*头部*/ .logo_2 img { width: 255px; /* margin-top: 20px; */ } .logo_2 { float: left; } .header_con{ padding:10px 0px; } .header .pull-right{ width: 365px\9; } div.form-horizontal{width: 290px;border:1px solid #511b66;height: 30px;line-height: 30px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius: 5px;padding:0 10px;margin-top: 15px;} .search_box{ margin-top:35px;} .searchType_simulate{float:left;position:relative;background: url(/Sites/Uploaded/UserUpLoad/20170526/20170526120426.png) no-repeat right center;} .searchType .searchChoose{height:30px;line-height:30px;width:60px;float:left;cursor:pointer;border-right:none;text-align: center;} .searchType .searchDownList{ background: #511b66;font-size: 12px;left: 0; color:#fff;position: absolute;text-align: center;top: 31px;width:62px; z-index: 1000000;} .searchType .searchDownList li{ cursor:pointer; line-height:32px;} .searchtxt{float: left;height: 30px;padding: 0 10px;width: 180px;color:#bcc7cf;line-height: 30px;border: 0px;} .searchbtn {float: right;*float:none;background: url(/Content/Areas/Common/images/common/search-btn.png) no-repeat center;width: 28px;text-indent:9000px;cursor: pointer;border: 0px;line-height: 30px;} .searchbtn:hover{ opacity:0.8} input-group .searchbtn{float: right;*float:none;background: url(/Content/Areas/Common/images/common/search-btn.png) no-repeat center;width: 28px;text-indent:9000px;cursor: pointer;} .hot-search{line-height: 40px;padding-left: 15px;font-size: 12px;} .hot-search span{color: #511b66;} .hot-search a{margin-right: 15px;color: #666;} .hot-search a:hover{color:#511b66;} .hot-search{line-height: 40px;padding-left: 15px;font-size: 12px;} .hot-search span{color: #511b66; float: left;} .hot-search li{ float: left; } .hot-search a{margin-right: 15px;color: #666;} .hot-search a:hover{color:#511b66;} @media only screen and (max-width:1200px){ .top,.header{ width: 1200px; } } @media only screen and (max-width:768px){ .header{ width: 100%; background: #5e2076; padding:10px 15px; box-sizing: border-box; } .top,.logo{ display: none; } .header .pull-right{ display: none; } .header_con{ padding:0px; } } @media only screen and (max-width:680px){ .header{ height: auto; } .phone_logo img{ width: 80%; } }