.header{ height: 72px; padding-top: 28px; padding-bottom: 3px; /* overflow: hidden;*/ } .header .logo{ float: left; } .header .nav{ float: left; margin-left: 10%; } .header .nav li{ float: left; margin-right: 22px; position: relative; } .header .nav li a{ display: inline-block; font-size: 14px; padding: 0 3px; padding-top: 10px; padding-bottom: 41px; color: #333; } .header .nav li .xiala{ display: none; position: absolute; width: 200px; background: rgba(255,255,255,0.8); left: -60px; z-index: 999; } .header .nav li .xiala a{ display: block; height: 40px; line-height: 40px; font-size: 14px; color: #444; padding-left: 20px; padding-bottom: 0; border-bottom: solid 1px #ccc; position: relative; } .header .nav li .xiala a:hover{ border-bottom: none; color: white; /* background: #da231b;*/ } .header .nav li .xiala a:before { position: absolute; top: -1px; left: 0; right: 0; bottom: 0; content: ""; background: #da231b; color: #fff; -webkit-transition: -webkit-transform .3s cubic-bezier(.39,.575,.28,.995); transition: -webkit-transform .3s cubic-bezier(.39,.575,.28,.995); transition: transform .3s cubic-bezier(.39,.575,.28,.995); transition: transform .3s cubic-bezier(.39,.575,.28,.995),-webkit-transform .3s cubic-bezier(.39,.575,.28,.995); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); z-index:-2; } .header .nav li .xiala a:hover::before { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .header .nav li.active{ border-bottom: solid 2px #da231b; } .header .nav li a:hover{ border-bottom: solid 2px #da231b; } .header .language{ float: right; width: 60px; height: 40px; line-height: 40px; position: relative; } .header .language img{ position: absolute; top: 14px; left: 0; } .header .language a{ font-size: 14px; color: #333; display: inline-block; margin-left: 25px; } /*banner*/ .banner .swiper-wrapper .swiper-slide img{ width: 100%; } .have .title{ text-align: center; padding: 0 220px; padding-top: 90px; } .have .title h1{ font-family: myFirstFont; font-weight: 600; font-size: 36px; color: #4b4b4b; } .have .title h2{ font-size: 24px; color: #4b4b4b; margin-bottom: 20px; } .have .title p{ font-size: 14px; line-height: 28px; color: #666; } /*bitland*/ .bitland{ background: url(../images/bitland_bg.png) no-repeat -190px bottom; text-align: center; padding-bottom: 90px; } .bitland ul{ margin-top: 50px; margin-bottom: 50px; overflow: hidden; } .bitland ul li{ float: left; width: 24.9%; text-align: center; padding-top: 75px; border-right: solid 1px #e5e5e5; } .bitland ul li h3{ font-weight: 600; font-size:18px; color: #595959; text-align: center; margin-bottom: 10px; } .bitland ul li p{ font-size:14px; color: #888; text-align: center; } .bitland ul li:nth-child(1){ padding-left: 0; background: url(../images/cruise.png) no-repeat center top; } .bitland ul li:nth-child(2){ background: url(../images/award.png) no-repeat center top; } .bitland ul li:nth-child(3){ background: url(../images/group.png) no-repeat center top; } .bitland ul li:nth-child(4){ border-right: none; padding-right: 0; background: url(../images/google-plus-symbol.png) no-repeat center top; } .bitland a{ display: inline-block; padding: 10px 50px; /* background: #da251d;*/ border: solid 1px #dbdbdb; border-radius: 20px; color: #888; font-size: 14px; --hover: #da251d; } .bitland a span{ padding-left: 5px; font-size: 14px; } .bitland a:hover{ transition:1s; box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover); color: white; background: #d7160d; } /*合作我们*/ .partner{ background: #f6f6f6; padding-bottom: 60px; } .our{ position: relative; margin-top: 40px; overflow: hidden; } .our .swiper-slide{ width: 150px !important; } .our .p_next{ width: 50px; height: 50px; border-radius: 50%; background: #c3c3c3; text-align: center; line-height: 50px; position: absolute; color: white; } .our .p_prev{ width: 50px; height: 50px; border-radius: 50%; background: #c3c3c3; text-align: center; line-height: 50px; position: absolute; color: white; } .our .swiper-wrapper{ width: 1200px; height: 100px; margin: 0 auto; overflow: hidden; } .our .swiper-wrapper .swiper-slide{ float: left; margin-top: 40px; margin-right: 50px; } /*人才招聘*/ .recru{ text-align: center; padding-bottom: 120px; background: url(../images/recru.png) no-repeat bottom; } .recru .title{ padding-top: 70px; } .recru .title h1,.recru .title h2,.recru .title p,.recru a{ color: white; } .recru a{ display: inline-block; width: 175px; height: 40px; text-align: center; line-height: 40px; border: solid 1px #fff; border-radius: 20px; margin-top: 35px; --hover:white; } .recru a:hover{ transition:1s; box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover); color: #da251d; background: #fff; } .partner .p_prev{ display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #c3c3c3; color: white; border-radius: 50%; float: left; position: absolute; top: 5px; left: 0; } .partner .p_next{ display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: #c3c3c3; color: white; border-radius: 50%; float: right; position: absolute; top: 5px; right: 0; } .partner span:hover{ background: #da251d; } .small_box1{overflow:hidden;height: 70px;position: relative;margin-top: 30px;} .small_list1{height: 70px;float:left;overflow:hidden;width: 80%;margin-left: 10%;} .small_list1 ul{height: 70px;overflow:hidden;width: 3000px !important;} .small_list1 ul li{position:relative;float:left;margin-right:50px;height: 70px;} .small_list1 ul li img{display:block;margin-top: 20px;width: 100%;} /*新闻中心*/ .news .list{ margin-top: 40px; overflow: hidden; } .news .list ul{ overflow: hidden; } .news .list li{ width: 23.87%; float: left; margin-right: 18px; padding-bottom: 34px; border-bottom: solid 1px #eee; } .news .list li:last-child{ margin-right: 0; } .news .list li .pic{ position: relative; width: 100%; height: 202px; overflow: hidden; } .news .list li .pic img{ position: absolute; transition: all 1s; } .news .list li:hover .pic img{ transform: scale(1.1); } .news .list li h3{ font-size: 15px; margin-top: 15px; margin-bottom: 10px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-overflow: ellipsis; } .news .list li p{ font-size: 14px; line-height: 25px; width: 100%; text-overflow: clip; white-space: pre-line; color: #888; margin-bottom: 5px; } .news .list li span{ font-size: 14px; color: #ccc; } .news .list .recru{ background: none; } .news .list .recru a{ display: inline-block; width: 175px; height: 40px; text-align: center; line-height: 40px; border: solid 1px #e5e5e5; border-radius: 20px; margin-top: 35px; font-size: 14px; color: #888; --hover: #da251d; } .news .list a:hover{ transition:1s; box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover); color: white; background: #d7160d; } /*底部*/ .foot{ background: #303030; padding-top: 50px; padding-bottom: 35px; overflow: hidden; } .foot .f_left{ width: 45%; float: left; } .foot .f_left dl{ float: left; margin-right: 14%; } .foot .f_left dl dt a{ color: white; font-size: 18px; display: inline-block; margin-bottom: 15px; } .foot .f_left dl dd a{ color: #888; font-size: 14px; line-height: 25px; } .foot .erwm{ float: left; width: 14%; } .foot .erwm img{ margin-left: 5%; } .foot .contact{ float: left; padding-left: 1%; width: 27%; } .foot .contact h1{ font-size: 18px; color: #fff; margin-bottom: 15px; } .foot .contact p{ font-size: 14px; color: #888; padding-left: 26px; margin-bottom: 20px; background: url(../images/tel.png) no-repeat left center; } .foot .contact p:first-child{ } .foot .contact p:last-child{ background: url(../images/address.png) no-repeat left center; } .foot .contact span{ color: #ff0001; font-size: 18px; } .foot .share{ float: left; padding-left: 2%; } .bdsharebuttonbox a{ background-size: 20px; } .bdsharebuttonbox.foot-share { width: 1100px; margin: 0 auto; padding-top: 26px; padding-bottom: 26px; text-align: center; } .bdsharebuttonbox a { display: inline-block; *display: inline; *zoom: 1; float: none; width: 40px; height: 40px; margin: 0 15px 0 0; border: solid 1px #555;border-radius: 50%;} .bdsharebuttonbox a:hover{border: none;} .share .bds_tsina.sina { background: url(../images/weibo2.png) no-repeat center; background-size: 20px;} .share .bds_tsina.sina:hover { background:#da251d url(../images/weibo1.png) no-repeat center; background-size: 20px;} .share .bds_sqq.qq { background: url(../images/QQ1.png) no-repeat center; } .share .bds_sqq.qq:hover { background:#da251d url(../images/qq2.png) no-repeat center;background-size: 15px; } .share .bds_weixin.weixin { background: url(../images/weixin2.png) no-repeat center; background-size: 20px;} .share .bds_weixin.weixin:hover { background:#da251d url(../images/weixin1.png) no-repeat center;background-size: 20px; } .bdshare-button-style0-32 a{margin-right: 15px !important;} .footer{ height: 53px; line-height: 53px; border-top: solid 1px #3c3c3c; background: #303030; } .footer p{ font-size: 14px; color: #929292; float: left; } .footer span{ font-size: 14px; color: #929292; float: right; } .footer span a{ font-size: 14px; color: #929292; } .foot .f_left dl dd a:hover,.footer a:hover{ color: #d63c36; } .foot .main{ overflow: hidden; } .foot .link{ color: #888; font-size: 14px; margin-top: 40px; } .foot .link a{ display: inline-block; width: 6%; text-align: center; color: #888; font-size: 14px; } .foot .link a:hover{ color: #d63c36; } /*7.17*/ .header .language .l_hide{ display: none; background:white; position: absolute; z-index: 999; } .header .language .l_hide a{ width: 100%; text-align: center; margin-left: 0; display: inline-block; } .header .language .l_hide a:hover{ background: #da231b; color: white; } /*7.18*/ .news .list .recru a{ display: inline-block; width: 175px; height: 40px; text-align: center; line-height: 40px; border: solid 1px #e5e5e5; border-radius: 20px; margin-top: 35px; font-size: 14px; color: #888; --hover: #da251d; } /*7.25*/ .small_box1{overflow:hidden;height: 70px;position: relative;margin-top: 30px;} .small_list1{height: 70px;float:left;overflow:hidden;width: 80%;margin-left: 10%;} .small_list1 ul{height: 70px;overflow:hidden;width: 3000px !important;} .small_list1 ul li{position:relative;float:left;margin-right:30px;height: 70px;text-align: center;width: 170px;} .small_list1 ul li img{display:block;margin-top: 20px;}