/* 公共文件 */ .container { max-width: 1200px; padding: 0; /* overflow: hidden; */ } .index-public-title{ text-align: center; margin: 80px 0 60px; color: #333; } .index-public-title h2{ display: inline-block; position: relative; } .row{ margin: 0; } body{ min-width: 1200px; } ul{ padding: 0; } li{ list-style: none; } a{ text-decoration: none; } a:hover{ text-decoration: none; } /* 首页 */ #index-nav{ position: absolute; top: 0; z-index: 999; min-width: 1200px; border-bottom: 1px solid #fff; background:#9f0206; width: 100%; } #index-nav .navbar-brand{ color: #fff; } #index-nav .navbar-light .navbar-nav .nav-link{ color: #fff; } #index-nav .navbar-brand{ padding-right: 2rem; } #index-nav .navbar{ padding: 0; height: 3.75rem; } #index-nav .nav-item{ padding: 10px 6px; } #index-nav .nav-text{ background: #cc000a; width: 100px; position: relative; left: 110px; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown>.dropdown-toggle:active { pointer-events: none; } #index-nav .nav-item:focus, #index-nav .nav-item:hover{ background:#700000d6; } #index-nav .nav-item.active{ background:#700000d6; } .dropdown-menu{ border-radius: 0; background:#700000d6; border: 0; color: #fff; } .dropdown-item{ color: #fff; font-size: 0.9rem; padding-left: .9375rem; } .dropdown-item span{ font-size: 1.375rem; padding-right: .625rem; } #index-nav .dropdown-item.active{ color: #16181b; text-decoration: none; background-color: #f8f9fa; } /*技能竞赛下拉样式*/ .indexdropbox{ position: absolute; width: 100%; top: 60px; left: 0; background: #700000d6; height: 0px; opacity: 0; transition: 0.5s; overflow: hidden; } .indexdropbox .container{ display: flex; } .indexdropbox .item{ padding: 15px; } .indexdropbox h2{ font-size: 16px; line-height: 30px; position: relative; padding-left: 15px; color: #fff; } .indexdropbox h2:after{ content: ''; position: absolute; top: 5px; left: 0; display: block; width: 4px; height: 20px; background: red; border-radius: 4px; } .indexdropbox a{ display: block; color: #fff; font-size: 12px; padding: 10px 0; border-bottom: 1px dashed #815b5b; } .indexdropbox a:hover{ color: red; } .hover{ position: static; } .hover .dropdown-menu{ display:none!important; } .hover:hover .indexdropbox{ opacity: 1; height: 300px; } /* 手机端显示pc导航 */ .collapse:not(.show){ display: inline-block; } .navbar-nav{ flex-direction: row; float: left; } .navbar-collapse{ flex-basis: inherit; } .navbar-nav .dropdown-menu{ position: absolute; } /* 轮播图 */ #index-slide .carousel-caption{ text-align: left; margin-bottom: 12.5rem; } #index-slide h5{ font-size: 2.1875rem; font-family: 微软雅黑; } #index-slide .carousel-caption p{ font-size: 1.5625rem; } #index-slide .carousel-caption a{ font-size: 1rem; border-radius: 1rem; padding: .3125rem 1.25rem; } #index-slide .carousel-indicators{ bottom: 30px; } @media screen and (max-width: 1400px) { #index-slide .carousel-caption { margin-bottom:6rem; } } @media screen and (max-width: 1300px) { #index-slide .carousel-caption { margin-bottom:5rem; } } @media screen and (max-width: 1200px) { #index-slide .carousel-caption { margin-bottom:4rem; } } @media screen and (max-width: 1100px) { #index-slide .carousel-caption { margin-bottom:2.5rem; } } /* 理念 */ .index-idea{ background: #330000; height: 6.25rem; color: #fff; } .index-idea h4{ font-size: 1.6875rem; margin-top: .75rem; } .index-idea span{ font-size: .75rem; color: #999; padding-left: .625rem; } .index-idea p{ font-size: .75rem; } /* 两化融合 */ .index-twoline h2::before{ content: ''; display: block; width: .3125rem; height: 1.5625rem; background: red; position: absolute; border-radius: .3125rem; top: .4375rem; left: -1.5625rem; } .index-twoline h2::after{ content: ''; display: block; width: .3125rem; height: 1.5625rem; background: red; position: absolute; border-radius: .3125rem; top: .4375rem; right: -1.5625rem; } .index-integration{ padding-bottom: 0; } .index-integration .col{ text-align: center; cursor: pointer; } .index-integration .col span{ font-size: 52px; line-height: normal; color: #fff; transition: 0.5s; padding: 14px; border-radius: 25px; margin-bottom: 10px; display: inline-block; background: linear-gradient(-45deg, #c51022, #e75418); } .index-integration .col h3{ font-size: 26px; line-height: normal; margin-top: .3125rem; color: #980000; transition: 0.5s; font-weight: bold; } .index-integration .col p{ font-size: 12px; color: #231815; transition: 0.5s; } .index-integration .col:hover span{ color: #fff; } .index-integration .col:hover h3{ color: #980000 } .index-integration .col:hover p{ color: #333; } /* 产品体系 */ .index-profession{ height: 820px; /*background: url(/uploads/image/sywimg/rhbg.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%);*/ } .index-profession .container{ overflow: hidden; } .index-profession .col-md-4{ position:relative; width:380px; height: 284px; background-color: #cc000a; padding: 0; margin-right: 30px; margin-bottom: 30px; flex: none; overflow: hidden; border-radius:10px; } .index-profession .text-white h2::before{ content: ''; background: #fff; } .index-profession .text-white h2::after{ content: ''; background: #fff; } .index-profession .col-md-4 .item{ position: absolute; transition: 0.5s; } .index-profession .col-md-4 .topline{ top: 0; left: -384px; width: 378px; height: 4px; background:url(/uploads/image/sywimg/topline.jpg); } .index-profession .col-md-4 .leftline{ top: -384px; width: 4px; height: 285px; background:url(/uploads/image/sywimg/leftline.jpg); } .index-profession .col-md-4 .rightline{ right: 0; bottom: -285px; width: 4px; height: 283px; background:url(/uploads/image/sywimg/rightline.jpg); } .index-profession .col-md-4 .bottomline{ right: -378px; top: 280px; width: 378px; height: 4px; background:url(/uploads/image/sywimg/bottomline.jpg); } .index-profession .col-md-4:hover .topline{ left: 0; } .index-profession .col-md-4:hover .leftline{ top: -1px; } .index-profession .col-md-4:hover .rightline{ bottom: 1px; } .index-profession .col-md-4:hover .bottomline{ right: 2px; } .index-profession .col-md-4:nth-child(1):hover{ background-image: url(/uploads/image/sywimg/cp01.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(2):hover{ background-image: url(/uploads/image/sywimg/cp02.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(3):hover{ background-image: url(/uploads/image/sywimg/cp03.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(4):hover{ background-image: url(/uploads/image/sywimg/cp04.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(5):hover{ background-image: url(/uploads/image/sywimg/cp05.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(6):hover{ background-image: url(/uploads/image/sywimg/cp06.jpg); background-size: 380px 284px; background-color: transparent; } .index-profession .col-md-4:nth-child(3n){ margin-right: 0; } .index-profession .row{ margin: 0; } .index-profession .col-md-4 .line{ position: absolute; width: 350px; height: 254px; border: 1px solid #ddd; margin: 15px; text-align: center; transition: 0.5s; } .index-profession .col-md-4:hover .line{ width:380px; height: 284px; margin: 0; border-color: transparent; /* border: 4px solid #ddd; */ /* border-image:linear-gradient(45deg,#ff7783,#fff) 1 10; */ } .index-profession .col-md-4:hover .line i{ color: #fff; margin-top: 20px; display: block; } .index-profession .col-md-4 .line i{ font-size: 100px; } .index-profession .col-md-4 .line p{ font-size: 26px; color: #fff; } .index-profession .col-md-4 > a{ color: #333; } /* 合作案例 */ .index-characteristics{ padding-bottom: 80px; } .index-characteristics .row { position: relative; width: 1200px; margin: 0 auto; overflow: hidden; } .index-characteristics .col-md-4 { width: 380px; height: 500px; } .index-characteristics .col-md-4::before { content: ''; display: block; position: absolute; top: 0; left: 380px; width: 30px; height: 500px; background-color: #fff; z-index: 999; } .index-characteristics .col-md-4 img { position: absolute; top: 0; left: 10px; width: 370px; height: 500px; } .index-characteristics .col-md-4 a { position: absolute; top: 0; left: 10px; text-decoration: none; display: inline-block; width: 370px; height: 500px; z-index: 10; } .index-characteristics .col-md-4 .line { width: 30px; height: 3px; background-color: #fff; margin: 20px auto 30px; } .index-characteristics h3 { font-size: 26px; color: #fff; margin-top: 170px; text-align: center; transition: 0.8s; } .index-characteristics .col-md-4 p { color: #fff; font-size: 14px; } .index-characteristics .wrap-box { width: 370px; height: 500px; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: -100%; z-index: 8; transition: 0.8s; } .index-characteristics .col-md-6:nth-of-type(1){ padding-left: 110px; } .index-characteristics .col-md-6:nth-of-type(2){ padding-left: 40px; } /* 协同育人 */ .index-xietong{ height: 300px; overflow: hidden; background: url(/uploads/image/sywimg/yurenbg.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%); } .index-xietong .content{ font-size: 16px; color: #fff; padding: 24px 32px; line-height: 30px; background: rgba(255, 255, 255, .3); } .index-xietong .index-more{ color: #fff; float: right; padding-top: 20px; } /* 行业服务 */ .index-service{ height: 380px; overflow: hidden; padding-left: 90px; margin-top: 80px; background: url(/uploads/image/sywimg/servicebg.png) center no-repeat; } .index-service .content{ width: 500px; line-height: 30px; } /* 主题峰会 */ .index-competition .wrap{ overflow: hidden; } .index-competition .col img{ transition: 0.5s; width:370px; } .index-competition .col:hover img{ transform: scale(1.1); } .index-competition .card{ border: none; } .index-competition .card-body{ padding: 27px 0 0 0; } .index-competition .card-body .left,.index-competition .card-body .right{ float: left; } .index-competition .card-body .left{ width: 100px; height: 74px; border: 1px solid #ddd; padding: 0 12px; margin-right: 10px; } .index-competition .card-body span{ color: #666; display: inline-block; font-size: 25px; } .index-competition .card-body i{ color: red; display: inline-block; font-style: normal; } .index-competition .card-body .right{ width: 250px; height: 74px; } .index-competition .card-body a{ color: #333; } .index-competition .card-body p{ color: #999; font-size: 14px; } /* 新闻资讯 */ .index-news{ height: 620px; margin-top: 440px; position: relative; background: linear-gradient(-90deg, #ac0307 0%, #8f0105 100%); } .index-news .line{ width: 100%; height: 4px; background:url(/uploads/image/sywimg/newsbg1.png) no-repeat center 0; border-radius: 4px; position: relative; top: -330px; } .index-news .line2{ width: 100%; height: 4px; background:url(/uploads/image/sywimg/newsbg2.png) no-repeat center 0; border-radius: 4px; position: relative; top: 285px; } .index-news .container{ overflow: hidden; position: relative; top: -350px; } .index-news .index-more{ color: #333; float: right; } .index-news .card{ box-shadow: 4px 4px 8px #0000007a; height:335px; border:none; } .index-news .card .card-img-top{ height: 220px; } .index-news .card-body{ padding: 1.25rem 1.25rem 5px; } .index-news .card > span{ padding-left: 1.25rem; color: #999; padding-bottom: 10px; display: block; } .index-news .card a{ color: #333; } .index-news .zixun{ text-align: center; color: #fff; margin-top: 150px; } .index-news .zixun h4{ font-size: 30px; } .index-news .zixun a{ display: inline-block; border: none; background-color: #fff; font-size: 20px; cursor: pointer; line-height:2; width: 160px; box-sizing:border-box; background-image: linear-gradient(#ac0307,#ac0307),linear-gradient(to bottom right, #ff8969, #ad0307); font-weight: 300; color: #fff; padding: 4px; border-radius: 100px; background-clip: content-box,padding-box; transition: filter .5s ease; margin-top: 30px; } .index-news .zixun a:hover{ color: #fff; /* filter:hue-rotate(345deg); */ } /* 底部信息 */ footer{ color: #fff; font-size: 12px; background-color: #330000; /* height: 300px; */ } .footwrap{ padding-top: 30px; } .footwrap dl{ float: left; width: 18%; } .footwrap dl dt{ padding-bottom: 10px; } .footwrap dl dd{ color: #ccc; } .footwrap dl a{ color: #ccc; } .footwrap dl:first-child{ width: 28%; } .footwrap .zhaopin{ text-indent: -10px; } .footwrap .zhaopin a{ background-color: #ac0307; color: #fff; padding: 3px 10px; border-radius: 12px; } footer .row{ padding-top: 30px; border-top: 1px solid #666; margin-top: 20px; } footer .row .col{ padding: 0; } footer .row .col p{ margin-bottom: 5px; } footer .row .weixinbg{ background: url(/uploads/image/sywimg/weixin1.jpg) no-repeat 0 0; background-size: 60px; padding-left: 80px; padding-bottom: 16px; } /* 友情链接 */ .yoodaolink{ padding: 50px 0 30px; } .yoodaolink h4{ font-size: 18px; } .yoodaolink .wrap a{ color: #fff; padding-right: 20px; font-size: 14px; line-height: 30px; } .yoodaolink .wrap a::after{ content: '|'; position: relative; top: -1px; left: 10px; } .indexcopy{ text-align: center; line-height: 30px; background-color: #260101; } .indexcopy a{ color: #fff; } /* 关于友道-集团简介 */ /* 栏目图 */ .column-h2 h2{ font-size: 30px; } .column-banner{ margin-bottom: 60px; position:relative; overflow:hidden; height: 380px; top: 60px; } .column-banner img{ position:absolute; top: 0; transform: translatex(-50%); width: 100%; margin-left: 50%; height: 100%; left:-1px; } .column-banner h1{ position: absolute; top: 50%; font-size: 40px; margin-top: -40px; transform: translatex(-50%); margin-left: 50%; color: #fff; } /* 栏目图2 */ .column2-h2 h2{ font-size: 30px; } .column2-banner{ margin-bottom: 60px; position:relative; overflow:hidden; height: 380px; top: 60px; } .column2-banner .container{ position: relative; } .column2-banner img{ position:absolute; top: 0; transform: translatex(-50%); width: 100%; margin-left: 50%; height: 100%; } .column2-banner h1{ position: absolute; top:20%; left: 0; font-size: 45px; /* margin-top: -40px; */ /* transform: translatex(-50%); */ /* margin-left: 50%; */ color: #fff; } .column2-banner p{ position: absolute; top: 40%; left: 0; font-size: 20px; color:#fff; width: 700px; line-height: 40px; } .column2-banner .container{ height: 100%; } /* 公司简介 */ .company{ overflow: hidden; } .company .content{ text-align: justify; } .yoodao_top { display: flex; } .yoodao_top .l_left{ padding-right: 30px; } .yoodao_top .l_left h3{ color: red; } .yoodao_top .img img{ border-radius: 10px; border: 1px solid #ddd; padding: 3px; width: 500px; margin-top: 10px; } /* 管理团队 */ .group{ border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; margin-top: 80px; padding-bottom: 60px; } .group .img{ width: 200px; height: 200px; border-radius: 50%; overflow: hidden; border: 1px solid #999; margin: 0 auto; } .group .img img{ width: 180px; height: 180px; border-radius: 50%; margin: 10px; } .group .col-md-3{ text-align: center; } .group .col-md-3 h2{ font-size: 26px; margin-top: 20px; } /* 发展历程 */ .timer-shaft-box{background: url(/uploads/image/sywimg/time.png) no-repeat 100px 20px;background-size: 1010px; width:100%;padding:0 40px;box-sizing: border-box;} .timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;} .timer-left{position:absolute;top:50%;left:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(/uploads/image/sywimg/icon_left.png) no-repeat;background-size: cover;cursor:pointer;} .timer-right{position:absolute;top:50%;right:20px;z-index:99;width:23px;height:37px;margin-top:-18.5px;background: url(/uploads/image/sywimg/icon_right.png) no-repeat;background-size: cover;cursor:pointer;} .timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 80px;font-size: 0;white-space: nowrap;} .timer-scale-cont{display:inline-block;height:100%;line-height:96px;} .time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:18px;color:#fff;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;} .timer-scale-cont.hov .time-circle{ width:80px;height:80px;line-height: 80px;font-size:24px;background: #ff8d3d; } .line-scale{display:inline-block;vertical-align:middle;width:150px;height:22px;margin:0 2px;} .timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;white-space: nowrap;} .shaft-detail-cont{display: none;width:100%;} .timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;} .icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(/uploads/image/sywimg/icon_sign.png) no-repeat;background-size: cover;} .timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;} .month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;} .month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;} .month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;} .month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(/uploads/image/sywimg/icon_circle.png) no-repeat;background-size: cover;} .incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;} .incident-record a{font-size:14px;color:#1d69a3;} /* 友道地图 */ .yoodao-map{ border-top:1px solid #ddd; background: url(/uploads/image/sywimg/maps.png) center no-repeat; margin-top: 60px; height: 480px; } .yoodao-map .content{ float:right; margin-right:82px; } /* 荣誉资质 */ .column-partner{ height: 488px; background: url(/uploads/image/sywimg/rongyu.png) center no-repeat; } /* 主要股东 */ .column-gudong{ border-top: 2px solid #ddd; margin-top: 120px; } .column-gudong .redbg{ height: 265px; background-color: #ac0307; margin-top: 238px; } .column-gudong .row{ position: relative; top: -446px; } .column-gudong .img{ width: 180px; height: 180px; border: 1px solid #ac0307; border-radius: 50%; overflow: hidden; margin: 0 auto; } .column-gudong .img img{ width: 180px; height: 180px; } .column-gudong .col{ background: url(/uploads/image/sywimg/gubg.jpg) no-repeat 0 bottom; height: 356px; } .column-gudong .col h3{ font-size: 16px; text-align: center; margin: 20px 0 30px; } .column-gudong .col p{ font-size: 12px; color: #666; } .column-gudong .container{ height: 0; } /* 关于友道-企业文化 */ /* 企业理念 */ .idea{ overflow: hidden; } .idea .item{ height: 155px; color: #fff; text-align: center; background-image: url(/uploads/image/sywimg/lnbg1.jpg); background-repeat: no-repeat; margin-bottom: 15px; } .idea .item:nth-child(2){ background-image: url(/uploads/image/sywimg/lnbg2.jpg); } .idea .item:nth-child(3){ background-image: url(/uploads/image/sywimg/lnbg3.jpg); } .idea .item h3{ font-size: 16px; padding-top: 40px; } .idea .item p{ font-size: 26px; font-weight: bold; } /* 友道之家 */ .yoodao-family{ background-color: #ac0307; padding: 60px 0; } .yoodao-family .text{ color: #fff; } .yoodao-family .col-md-4{ background-color: #fff; max-width: 380px; height: 270px; border-radius: 20px; } .yoodao-family .col-md-4:nth-child(2){ margin:0 30px; } .yoodao-family h4{ font-size: 26px; text-align: center; font-weight: bold; padding-top: 40px; } .yoodao-family .row{ margin-top: 50px; } .yoodao-family .row p{ color:#666; font-size: 16px; line-height: 30px; } /* 友道之家福利 */ .yoodao-fuli .col-md-2{ text-align: center; max-width:14%; } .yoodao-fuli .col-md-2 span{ font-size: 86px; background:#cc000a; padding: 25px; border-radius: 50%; color: #fff; transition: 0.5s; } .yoodao-fuli .col-md-2 h5{ margin-top: 30px; font-size: 20px; } .yoodao-fuli .col-md-2:hover span{ color: #ac0307; background: transparent; border:1px solid #ac0307; } .yoodao-fuli .col-md-2:hover h5{ color: #ac0307; } /* 友道之前团队建设 */ .yoodao-tuan{ padding-bottom: 60px; } .yoodao-tuan .col-md-4{ position: relative; max-width: 380px; height: 250px; padding: 0; margin: 10px; } .yoodao-tuan .col-md-4 img{ position: absolute; } .yoodao-tuan .col-md-4 a{ position: absolute; bottom: 0; display: inline-block; width: 100%; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 18px; text-align: center; } /* 关于友道-加入我们 */ /* 社会招聘 */ .social{ overflow: hidden; } .social .stitle { padding: 30px 0; } .social .stitle ul{ display: table; margin: 0 auto; } .social .stitle li{ position: relative; list-style: none; display: inline-block; } .social .stitle li a{ color: #333; font-size: 25px; display: table; margin:0 auto; padding: 0 10px; } .social .stitle li p{ margin-top: 20px; } .social .stitle li.active a{ color: #ac0307; } .social .zhaopinnav li:nth-child(1)::before{ content: '|'; position: absolute; top: 0; right: -6px; color: #999; font-size: 24px; } .social .zhaopintext li{ display: none; } .social .zhaopintext li.active{ display: block; } .social .list .more{ text-align: center; padding-top: 30px; } .social .list .more a{ color: #ac0307; padding: 5px 10px; } .social .list .more .active{ color: #fff; background-color: #ac0307; } .social .list li{ list-style: none; padding: 20px; background: #f2f2f2; margin-bottom: 15px; } .social .list li a{ font-size: 20px; color: #333; } .social .list li i{ font-style: normal; float: right; cursor: pointer; } .social .list li p{ padding-top: 10px; background-color: #f2f2f2 !important; } .social .list li span { padding-right: 50px; } .social .content{ font-size: 14px; color: #666; display: none; } /* ====================== */ /* 全国职业院校技能大赛 */ .zyds-top .nav-top{ display: flex; padding: 20px 0 0; } .zyds-top .nav-top .left{ display:flex; } .zyds-top .nav-top .right{ flex: 1; text-align: right; } .zyds-top .logo-text h1{ font-size: 24px; padding-top: 30px; } .zyds-top .logo-text p{ font-size: 16px; } .zyds-top .logo-img{ padding-right: 30px; } .zyds-top .right a{ padding-top: 30px; padding-left: 24px; display: inline-block; color: #df0b10; background: url(/uploads/image/sywimg/home.png) no-repeat 0 36px; } #zyds-index-nav{ /* position: absolute; top: 0; */ z-index: 999; min-width: 1200px; background:#000; width: 100%; } #zyds-index-nav .navbar-brand{ color: #fff; } #zyds-index-nav .navbar-light .navbar-nav .nav-link{ color: #fff; font-size: 14px; padding: 0 20px; } #zyds-index-nav .navbar-brand{ padding-right: 5rem; } #zyds-index-nav .navbar{ padding: 0 0 0 144px; height: 40px; } #zyds-index-nav .nav-item:focus .nav-link, #zyds-index-nav .nav-item:hover .nav-link{ color: #ac0307; } .zyds-column{ top: 0; height: 350px; } /* 赛项简介 */ .match-intro{ padding-bottom: 50px; } .match-intro h2{ font-size: 30px; text-align: center; margin-bottom: 30px; } .match-intro .content p{ font-weight: 28px; text-align: justify; } /* 主办单位 */ .sponsor-unit{ background-color: #f7f5f6; padding: 50px 0 30px; } .sponsor-unit h2{ font-size: 24px; text-align: center; padding-bottom: 20px; } .sponsor-unit ul{ padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } .sponsor-unit ul li{ list-style: none; padding: 0 25px; color: #666; line-height: 40px; } .sponsor-unit ul li::after{ content: '|'; position: relative; top: -1px; left: 25px; } /* 历届回顾 */ .review{ margin-bottom: 180px; margin-top: 70px; } .review .container{ height: 400px; background: url(/uploads/image/sywimg/hgbg.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%); } .review h2{ color: #fff; text-align: center; font-size: 30px; padding: 50px 0 30px; } .review ul{ padding: 0 0 0 45px; display: flex; } .review ul li{ padding: 20px; list-style: none; background-color: #fff; margin: 0 20px; } .review ul li span{ display: block; text-align: center; font-size: 26px; color: #333; padding-top: 10px; } /* 新闻动态 */ .zyds-news{ padding-bottom: 50px; } .zyds-news h2{ font-size: 30px; text-align: center; padding-bottom: 30px; } .zyds-news ul{ padding: 0; display: flex; justify-content: space-between; } .zyds-news ul li{ width: 276px; height: 276px; list-style: none; border: 1px solid #b9b6b7; } .zyds-news ul li img{ width: 100%; height: 160px; } .zyds-news ul li a{ color: #666; display: inline-block; padding: 15px; text-align: justify; } .zyds-news ul li span{ font-size: 14px; color: #666; padding-left: 15px; } .zyds-footer{ height: 120px; } /* 新闻列表 */ .zyds-newslist li{ display: flex; height: 148px; background-color: #f7f4f8; padding: 28px; margin-bottom: 20px; } .zyds-newslist .img{ width: 155px; height: 90px; border-right: 1px solid #ddd; margin-right: 30px; } .zyds-newslist .img img{ width: 124px; height: 75px; margin-top: 8px; } .zyds-newslist .title{ flex: 1; } .zyds-newslist .title a{ font-size: 18px; color: #333; } .zyds-newslist .title p{ color: #666; margin-top: 10px; } /* 赛项介绍 */ .zyds-about ul{ display: flex; justify-content: center; margin-bottom: 50px; } .zyds-about ul li{ padding: 0 10px; } .zyds-about ul li a{ font-size: 18px; color: #333; padding-bottom: 8px; text-decoration: none; } .zyds-about ul li a.active{ color: #ac0307; border-bottom: 2px solid #ac0307; background-color: transparent !important; color: #ac0307 !important; } .zyds-about .content{ padding: 50px 0; box-shadow: 0 0 30px #bbb; line-height: 28px; margin-bottom: 60px; } /* 协同育人 */ .xietongyuren{ margin-top: 60px; } .xietongyuren ul li a{ font-size: 14px; } .xietongyuren ul li a.active{ font-size: 14px; background-color: #ac0307 !important; color: #fff !important; } /* 赛项平台 */ .zyds-pingtai h2{ font-size: 30px; text-align: center; padding-bottom: 30px; } .zyds-pingtai img{ display: table; margin: 0 auto; } /* 历届回顾 */ .zyds-huigu .container{ padding-bottom: 30px; } .zyds-huigu h2{ font-size: 30px; text-align: center; margin-bottom: 50px; } .zyds-huigu ul{ padding-left: 170px; display: flex; } .zyds-huigu ul li{ width: 276px; height: 276px; list-style: none; border: 1px solid #b9b6b7; } .zyds-huigu ul li{ margin-right: 20px; } .zyds-huigu ul li:nth-last-of-type(1){ margin-right: 0; } .zyds-huigu ul li img{ width: 100%; height: 160px; } .zyds-huigu ul li a{ color: #666; display: inline-block; padding: 15px; text-align: justify; } .zyds-huigu ul li span{ font-size: 14px; color: #666; padding-left: 15px; } /* 资源转化 */ .zyds-ziyuan h2{ font-size: 30px; text-align: center; margin-bottom: 50px; } .zyds-ziyuan ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .zyds-ziyuan li{ width: 286px; height: 242px; border-bottom: 2px solid #999; margin-bottom: 50px; transition: 0.5s; } .zyds-ziyuan .img{ position: relative; width: 100%; height: 160px; } .zyds-ziyuan .img img{ width: 100%; height: 160px; } .zyds-ziyuan .img::before{ content: ''; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 83px; height: 83px; transition: 0.5s; background: url(/uploads/image/sywimg/hover2.png) no-repeat center; } .zyds-ziyuan li:hover .img::before{ content: ''; background: url(/uploads/image/sywimg/hover1.png) no-repeat center; } .zyds-ziyuan li:hover{ border-bottom: 2px solid #ac0307; } .zyds-ziyuan a{ color: #666; text-decoration: none; } .zyds-ziyuan a p{ padding: 10px; margin-top: 10px; } /* 大赛详情页 */ .zyds-show .container{ padding: 50px 0; } .zyds-show h2{ font-size: 30px; color: #231815; line-height: 46px; } .zyds-show span{ font-size: 18px; color: #999; display: inline-block; padding-bottom: 30px; } .zyds-show .content p{ line-height: 30px; } .zyds-show .page{ padding-top: 30px; } .zyds-show .page a{ color: #231815; display: inline-block; } /* 中职国赛-历届回顾 */ .zzgs-r h2{ padding: 60px 0 30px; } .zzgs-r .container{ height: 340px; } .zzgs-r ul{ padding: 0 0 0 18px; } .zzgs-r ul li{ width: 362px; padding: 14px; margin: 0 14px; } .zzgs-r ul li img{ width: 100%; } /* 高职国赛-赛项简介 */ .gzgs-intro .danwei{ display: flex; justify-content: space-between; padding-top: 30px; } .gzgs-intro .danwei .item{ width: 388px; height: 160px; background-color: #f5f3f3; text-align: center; } .gzgs-intro .danwei .item h3{ font-size:24px; font-weight:400; color:rgba(62,58,57,1); line-height:34px; margin-top: 40px; } .gzgs-intro .danwei .item p{ font-size:24px; font-size:16px; font-weight:400; color:rgba(62,58,57,1); line-height:27px; text-align: center; } /* 高职国赛-精彩回顾 */ .gzgs-jchg { background: url(/uploads/image/sywimg/gzbg.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%); } .gzgs-jchg .container{ background: none; } .chanye-line{ height: 4px; background: url(/uploads/image/sywimg/newsbg1.png) no-repeat center; } /* 共建产业学院 */ .chanye-title{ text-align: center; height: 212px; } .chanye-title h2{ font-size: 30px; color: #c20d23; margin: 100px 0 30px; } .chanye-title p{ color: #3e3a39; line-height: 30px; text-align: left; } /* 人才培养目标 */ .chanye-mubiao{ text-align: center; height: 242px; } .chanye-mubiao h2{ font-size: 30px; color: #231815; margin: 100px 0 30px; } .chanye-mubiao p{ color: #3e3a39; line-height: 30px; text-align: left; } /* 合作模式 */ .chanye-moshi{ height: 466px; background-color: #f7f6f9; } .chanye-moshi .container{ display:flex; justify-content: space-between; } .chanye-moshi h2{ font-size: 30px; color: #231815; padding: 72px 0 40px; } .chanye-moshi p{ color: #3e3a39; line-height: 30px; text-align: left; width: 554px; } .chanye-moshi img{ width: 576px; height: 372px; padding: 72px 88px 0 70px; } /* 组织架构 */ .chanye-jiagou{ text-align: center; } .chanye-jiagou h2{ font-size: 30px; color: #231815; margin: 60px 0; text-align: left; } .chanye-jiagou img{ padding-bottom: 100px; } /* 合作内容 */ .chanye-hezuo{ height: 659px; background: url(/uploads/image/sywironghe/bc01.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%); text-align: center; } .chanye-hezuo h2{ font-size: 30px; color: #fff; padding: 72px 0; } .chanye-hezuo ul{ display:flex; justify-content: space-between; } .chanye-hezuo li{ width: 230px; height: 340px; background-color: #fff; } .chanye-hezuo li h3{ font-size: 24px; color: #231815; margin: 60px 0 26px; } .chanye-hezuo li p{ color: #595757; line-height: 30px; } /* 就业体系 */ .chanye-tixi{ text-align: center; height: ; } .chanye-tixi h2{ font-size: 30px; color: #231815; margin: 100px 0 56px; } .chanye-tixi img{ margin-bottom: 100px; } /* 共建专业-合作模式 */ .gongjian-moshi{ text-align: center; height: 570px; } .gongjian-moshi .left{ width: 100%; } .gongjian-moshi ul{ display:flex; justify-content: space-between; } .gongjian-moshi h3{ color: #fff; font-size: 24px; background-color: #c20d24; border-radius: 30px; width: 200px; height: 40px; margin: 0 auto; line-height: 40px; } .gongjian-moshi p{ color: #fff; background-color: #c20d24; width: 530px; height: 300px; border-radius: 30px; padding: 30px 0 0 30px; line-height: 40px; } .gongjian-moshi span{ padding-left: 80px; display: inline-block; } /* 共建专业-安全管理体系 */ .gongjian-tixi{ text-align: center; } .gongjian-tixi h2{ font-size: 30px; color: #231815; margin: 70px 0 50px 0; } .gongjian-tixi p{ text-align: left; color: #3e3a39; } .gongjian-tixi ul{ display:flex; justify-content: space-between; padding: 70px 0; } .gongjian-tixi li p{ color: #666; font-size: 22px; } .gongjian-tixi li span{ background-color: #c20d24; color: #fff; font-size: 18px; display: inline-block; width: 20px; height: 24px; line-height: 24px; border-radius: 6px; margin-right: 20px; text-align: center; } .gongjian-tixi img{ padding-right: 400px; } /* 实训基地建设-通信信号实训基地 */ .tongxun{ height: 4060px; text-align: center; } .tongxun li:nth-child(2n){ background-color: #f0edf1; } .tongxun h2{ font-size: 30px; color: #3e3a39; } .tongxun p{ text-align: left; color: #3e3a39; margin: 40px 0; } .tongxun li div{ padding: 60px 0; } /* 实训基地建设-创新创业基地建设 */ .jidi-jianshe{ text-align: center; padding-bottom: 60px; } .jidi-jianshe h2{ font-size: 30px; color: #3e3a39; } .jidi-jianshe>p{ text-align: left; margin: 40px 0; } .jidi-jianshe li{ display:flex; justify-content: space-between; margin-bottom: 45px; position: relative; } .jidi-jianshe li .img{ width: 272px; height: 194px; } .jidi-jianshe li p{ background-color: #f2f2f2; font-size: 24px; line-height: 36px; color: #3e3a39; width: 906px; padding: 44px 30px; text-align: left; height: 194px; } .jidi-jianshe li .jiao{ position: absolute; top: -30px; left: -30px; } /* 合作案例 */ .yd-case{ margin-bottom: 80px; } .yd-case .case-nav{ padding-top: 70px; } .yd-case .case-nav ul{ display:flex; justify-content: left; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } .yd-case .case-nav li a{ font-size: 18px; color: #3e3a39; text-decoration: none; display: inline-block; width: 200px; height: 62px; } .yd-case .case-nav li{ text-align: center; line-height: 62px; padding: 10px 0; } .yd-case .case-nav li:hover a{ background-color: #c20d24; color: #fff; } .yd-case .case-nav .on a{ background-color: #c20d24; color: #fff; } .yd-case .case-list>ul{ display:flex; justify-content: left; flex-wrap: wrap; } .yd-case .case-list > ul > li{ width: 365px; height: 400px; border-bottom: 2px solid #ddd; padding-top: 50px; transition: 0.5s; margin-right: 50px } .yd-case .case-list > ul > li:nth-child(3n){ margin-right: 0; } .yd-case .case-list .img{ overflow: hidden; height: 232px; margin-bottom: 22px; } .yd-case .case-list img{ width: 100%; height: 232px; transition: 0.5s; } .yd-case .case-list > ul > li a{ font-size: 24px; color: #231815; text-decoration: none; transition: 0.5s; } .yd-case .case-list > ul > li p{ font-size: 20px; color: #231815; padding-top: 8px; } .yd-case .case-list > ul > li:hover a{ color: #e50012; } .yd-case .case-list > ul > li:hover{ border-bottom: 2px solid #e50012; } .yd-case .case-list > ul > li:hover img{ transform: scale(1.2); } /* 课程资源建设 */ .ziyuan-public-title h2{ color: #333; font-size: 30px; text-align: center; margin: 0; padding: 100px 0 50px; } .ziyuan-title{ padding-bottom: 70px; } /* 课程资源建设现状与问题分析 */ .ziyuan-fenxi ul{ display: flex; justify-content: space-between; } .ziyuan-fenxi ul li{ position: relative; width: 388px; height: 300px; padding: 85px 47px 0; line-height: 30px; z-index: 33; background: url(/uploads/image/sywironghe/kc01.png) no-repeat 0 0; } .ziyuan-fenxi ul li:nth-child(2){ background: url(/uploads/image/sywironghe/kc02.png) no-repeat 0 0; } .ziyuan-fenxi ul li:nth-child(3){ background: url(/uploads/image/sywironghe/kc03.png) no-repeat 0 0; } .ziyuan-fenxi ul li:hover{ background: url(/uploads/image/sywironghe/zhe.png) no-repeat 0 0; } .ziyuan-fenxi ul li:hover{ color: #fff; } /* .ziyuan-fenxi ul li:hover:nth-child(2){ background: url(/uploads/image/sywironghe/zhe2.png) no-repeat 0 0; } */ /* 建设目标 */ .ziyuan-mubiao{ height: 500px; background: url(/uploads/image/sywironghe/kc04.png) no-repeat 0 0; } .ziyuan-mubiao p{ padding: 0 75px; text-align: justify; } /* 建设内容 */ .ziyuan-neirong{ /* height: 778px; */ background: url(/uploads/image/sywironghe/bc02.png) center no-repeat,linear-gradient(-45deg, #ac0307 0%, #8f0105 100%); } .ziyuan-neirong ul{ display: flex; justify-content: center; } .ziyuan-neirong ul a{ color: #fff; text-decoration: none; padding: 0 10px; } .ziyuan-neirong ul a::after{ content: '|'; position: relative; left: 10px; color: #fff; } .ziyuan-neirong ul li.active a{ color: #fff000; } .ziyuan-neirong .nav-tabs{ border: none; } .ziyuan-neirong .tab-content img{ padding-top: 20px; padding-bottom: 50px; } /* 应用场景 */ .ziyuan-changjing ul li.active a{ color: #c20d23; } .ziyuan-changjing .nav-tabs{ border: none; } .ziyuan-changjing .nav-tabs{ display: flex; justify-content: center; } .ziyuan-changjing .nav-tabs a{ color: #333; padding: 0 10px; text-decoration: none; } .ziyuan-changjing ul li:nth-child(1) a::after{ content: '|'; position: relative; left: 10px; color: #666; } .ziyuan-changjing .wrap{ display: flex; justify-content: space-between; padding: 50px 0; } .ziyuan-changjing .item{ width: 222px; height: 340px; text-align: center; padding-top: 30px; background: url(/uploads/image/sywironghe/cj01.jpg) no-repeat 0 0; } .ziyuan-changjing .item h3{ font-size:16px; border-bottom: 1px solid #333; padding-bottom: 30px; margin-bottom: 30px; } .ziyuan-changjing .item p{ font-size: 22px; } .ziyuan-changjing .item:nth-child(2){ background: url(/uploads/image/sywironghe/cj02.jpg) no-repeat 0 0; } .ziyuan-changjing .item:nth-child(3){ background: url(/uploads/image/sywironghe/cj03.jpg) no-repeat 0 0; } .ziyuan-changjing .item:nth-child(4){ background: url(/uploads/image/sywironghe/cj04.jpg) no-repeat 0 0; } .ziyuan-changjing .item:nth-child(5){ background: url(/uploads/image/sywironghe/cj05.jpg) no-repeat 0 0; } /* 人才服务平台/职业能力测评系统 */ .jiaoyu-title{ text-align: center; } .jiaoyu-title h3{ margin: 0; padding: 60px 0 20px; font-size: 30px; } .jiaoyu-title .text{ font-size: 14px; color: #666; } .jiaoyu-fuwu .nav-tabs{ display: flex; justify-content: left; padding-bottom: 30px; } .jiaoyu-fuwu .nav-tabs a{ font-size: 30px; color: #333; text-decoration: none; padding: 18px 50px; } .jiaoyu-fuwu .nav-tabs .active a{ background-color: #c40c24; color: #fff; } .jiaoyu-fuwu .nav-tabs li:hover a{ background-color: #c40c24; color: #fff; } /* 人才服务平台-人才服务平台 */ .jiaoyu-fuwu .tab-pane p{ line-height: 40px; } .jiaoyu-fuwu .tab-pane img{ width: 100%; padding-bottom: 70px; } /* 人才服务平台-平台功能 */ .jiaoyu-fuwu .quanzhan{ display: flex; justify-content: center; flex-wrap: wrap; } .jiaoyu-fuwu .quanzhan li{ width: 296px; margin-bottom: 30px; border-right: 2px dashed #aaa; padding: 10px 20px 0 24px; } .jiaoyu-fuwu .quanzhan h4{ font-size: 18px; color: #231815; font-weight: 800; text-align: center; } .jiaoyu-fuwu .quanzhan li p{ color: #231815; line-height: 30px; padding-top: 10px; } .jiaoyu-fuwu .quanzhan li:nth-child(4){ border: 0; } .jiaoyu-fuwu .quanzhan li:nth-child(7){ border: 0; } .jiaoyu-fuwu .quanzhan li:nth-child(8){ border: 0; } /* 人才服务平台-平台使用 */ .jiaoyu-fuwu .shiyou ul{ display: flex; justify-content: center; } .jiaoyu-fuwu .shiyou ul li{ width: 50%; } /* 职业能力测评系统-职业能力测评系统 */ .jiaoyu-fuwu .ceping{ margin: 30px 0; } .jiaoyu-fuwu .ceping li{ display: flex; justify-content: left; padding-bottom: 10px; } .jiaoyu-fuwu .ceping span{ color: #fff; font-size: 22px; display: inline-block; width: 230px; height: 120px; text-align: center; line-height: 120px; } .jiaoyu-fuwu .ceping li:nth-child(1) span{ background-color: #f29601; } .jiaoyu-fuwu .ceping li:nth-child(2) span{ background-color: #21ab36; } .jiaoyu-fuwu .ceping li:nth-child(3) span{ background-color: #009fe9; } .jiaoyu-fuwu .ceping p{ background-color: #f0edf1; margin-left: 20px; width: 940px; height: 120px; text-align: left; padding-left: 30px; padding-top: 20px; } /* 轨道交通类产品体系 */ .jiaotong-title h2{ text-align: center; padding-top: 100px; font-size: 30px; color: #231815; } .jiaotong-title p{ color: #3e3a39; line-height: 40px; padding-top: 20px; } /* 轨道交通类产品体系-切换选项卡 */ .jiaotong-tab{ padding-bottom: 40px; } .jiaotong-tab .nav{ height: 90px; line-height: 90px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; margin: 60px 0 40px 0; } .jiaotong-tab .nav li a{ font-size: 18px; color: #3e3a39; text-decoration: none; padding: 16px 30px; } .jiaotong-tab .nav li.active a{ color: #fff; background-color: #c40c26; } .jiaotong-tab .nav li:hover a{ color: #fff; background-color: #c40c26; } /* 轨道交通类产品体系-通信与控制产品线 */ .jiaotong-tab .tab-pane p{ color: #3e3a39; line-height: 30px; } .jiaotong-tab .city{ display: flex; justify-content: left; flex-wrap: wrap; } .jiaotong-tab .city li{ margin-right: 20px; } .jiaotong-tab .city li img{ width:386px; height:250px; } .jiaotong-tab .city li:nth-child(3n){ margin-right: 0; } .jiaotong-tab .city p{ color: #231815; padding-top: 18px; padding-bottom: 24px; text-align:center; width: 386px; } /* 课程资源产品线/类型与规模 */ .leixin{ padding-top: 20px; } .leixin .guimo{ display: flex; justify-content: space-between; flex-wrap: wrap; } .leixin .guimo li{ width: 15%; /* color: #c10e24; */ text-align: center; margin-bottom:20px; } .leixin .guimo .icon{ width: 85px; height: 85px; line-height: 85px; margin: 0 auto; border: 1px solid #666; border-radius: 50%; transition: 0.5s; } .leixin .guimo .icon span{ font-size: 40px; transition: 0.5s; } .leixin .guimo h5{ color: #231815; font-size: 22px; margin-top: 10px; } .leixin .guimo li:hover .icon{ border: 1px solid #c10e24; background-color: #c10e24; } .leixin .guimo li:hover .icon span{ color: #fff; } /* 友道新闻 */ .yd-newsbox{ background-color: #f2f2f2; padding: 100px 0; } .yd-newsbox .yd-newsnav{ display: flex; justify-content: left; margin-bottom: 30px; } .yd-newsbox .yd-newsnav a{ color: #595757; font-size: 14px; background-color: #fffffd; padding: 10px 30px; border-right: 1px solid #ddd; } .yd-newsbox .yd-newsnav li:nth-last-child(1) a{ border-right: none; } .yd-newsbox .yd-newsnav li:hover a{ color: #fff; background-color: #c10e24; } .yd-newsbox .yd-newsnav .active a{ color: #fff; background-color: #c10e24; } .yd-newsbox .yd-newslist>li{ display: flex; justify-content: left; padding: 30px; border-bottom: 2px solid #ddd; } .yd-newsbox .yd-newslist>li:nth-child(1){ border-top: 2px solid #ddd; } .yd-newsbox .yd-newslist>li:hover{ background-color: #fff; border-bottom: 2px solid transparent; } .yd-newsbox .yd-newslist img{ width: 270px; height: 160px; margin-right: 30px; } .yd-newsbox .cent{ width:746px; } .yd-newsbox .cent>a{ color: #231815; font-weight: 800; } .yd-newsbox .cent p{ color: #727171; padding: 20px 0 7px; width: 80%; margin-bottom: 0; line-height: 28px; } .yd-newsbox .cent span{ font-size: 12px; color: #727171; background-color: #f9f9f9; padding: 6px; margin-right: 8px; } .yd-newsbox .search-post-tags{ display:flex; } .yd-newsbox .search-post-tags li{ padding-right:8px; } .yd-newsbox .search-post-tags li a{ font-size:12px; color:#666; padding:5px 10px; background:#fff; } .yd-newsbox .yd-newslist>li:hover .search-post-tags li a{ background:#f2f2f2; } .yd-newsbox .yd-newslist i{ color: #727171; font-style: normal; min-width:98px; } .search-pagination{ padding-top: 30px; } .search-pagination ul{ display: flex; justify-content: center; } .search-pagination li{ background: #ddd; margin: 0 5px; padding: 5px 0; } .search-pagination li:nth-of-type(1){ display:none; } .search-pagination li a{ padding: 6px 12px; } .search-pagination li.active a{ background: #ac0307; color: #fff; } /* 友道新闻-show */ .yd-showbox{ padding-top: 84px; padding-bottom: 70px; } .yd-showbox .container{ max-width: 1050px; } .yd-showbox .container .content{ background: #f6f7f7; padding:30px 20px 30px; } .yd-showbox h3{ font-size: 30px; color: #231815; line-height: 46px; padding-bottom: 6px; margin: 0 0 30px; } .yd-showbox .show-time{ font-size: 18px; color: #727171; } .yd-showbox .content{ margin: 30px 0; } .yd-showbox .content p{ color: #333; } .yd-showbox .next a{ color: #231815; line-height: 30px; } .yd-showbox .breadcrumb .fa{ font-size: 16px; left: -2px; margin: 0 10px; } .yd-showbox .breadcrumb a{ color: #666; } .yd-showbox .breadcrumb li:last-of-type .fa{ display: none; } /*首页留言咨询*/ .index-zixun{ width: 800px; position: fixed; bottom: -720px; left: 50%; margin-left: -400px; background: #fff; padding-top: 30px; border-radius: 6px; transition: 0.5s; } .index-zixun .form-group{ display: flex; } .index-zixun .form-group .col-md-2{ line-height: 38px; flex: 163px; max-width: 110px; } .index-zixun .form-group .col-md-2 .required{ color: red; position: relative; top: 2px; } .index-zixun .form-group .col-md-9{ padding: 0 } .index-zixun .btn{ background: red; color: #fff; } .index-zixun .index-close{ position: absolute; top: 8px; right: 8px; cursor: pointer; } .indexlang{ display: flex; align-items: center; width:150px; } .indexlang a{ font-size:14px; color:#fff; padding:0 15px; } .indexlang a.on{ background: rgba(255,255,255,.5); color: #333; padding: 20px 15px; } /*赛项单页面*/ .sx-header{ height: 550px; background: no-repeat center center; background-size: cover; margin-top: 60px; } .sx-header .back{ width: 1200px; margin: 0 auto; text-align: right; color: #fff; } .sx-header .back a{ margin-top: 20px; display: inline-block; } .sx-header.zz-header{ background: no-repeat center center; } .sx-header.zz-header3{ background: no-repeat center center; } .sx-header.zz-header4{ background: no-repeat center center; } .sx-header.zz-header5{ background: no-repeat center center; } .sx-logo{ width: 1200px; margin: 0 auto; color: #fff; font-size: 44px; padding-top: 330px; } .sx-container{ width: 1200px; margin: 0 auto; } .sx-title{ font-size: 36px; text-align: center; padding: 80px 0 40px; color: #333; } .sx-news ul{ padding: 0; display: flex; justify-content: space-between; } .sx-news ul li{ width: 380px; list-style: none; box-shadow: 0 0 10px #999; } .sx-news ul li img{ width: 100%; height: 220px; border-radius: 5px; } .sx-news ul li > a{ display: block; font-size: 18px; color: #333; text-decoration: none; padding: 10px; line-height: 30px; text-align: justify; } .sx-news ul li .item-bottom{ padding: 10px; display: flex; justify-content: space-between; } .sx-news ul li .item-bottom a{ color: #333; font-size: 18px; text-decoration: none; } .sx-news ul li .item-bottom span{ font-size: 18px; color: #999; } .zz-news ul li{ width: 100%; display: flex; background-color:rgba(248, 248, 248, 1); margin-bottom: 20px; padding: 20px; box-sizing: border-box; } .zz-news ul li a{ font-size: 18px; color: #333; } .zz-news ul li p{ font-size: 14px; color: #666; line-height: 30px; } .zz-news ul li .item{ margin-left: 20px; } .zz-news ul li img{ width: 320px; height: 160px; } .zz-news ul li .item-bottom{ padding: 10px 0; display: flex; justify-content: space-between; } .zz-news ul li .item-bottom a{ color: #333; font-size: 14px; text-decoration: none; } .zz-news ul li .item-bottom span{ font-size: 14px; color: #999; } /* 赛项名称 */ .sx-name{ background-color: rgba(248, 248, 248, 1); } .sx-name .sx-container{ display: flex; justify-content: space-between; } .sx-name .sx-container .sx-item h5{ font-size: 20px; margin: 20px 0 0px; color: #333; } .sx-name .sx-container .sx-item p{ font-size: 20px; color: #666; margin-top: 6px; } /* 通知公告 */ .sx-notice{ border-radius: 5px; box-shadow: 0 0 10px #ddd; padding: 20px; } .sx-notice li{ border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; } .sx-notice a{ font-size: 18px; line-height: 72px; } .sx-notice a:hover{ color: red; } .sx-notice span{ font-size: 18px; color: #999; } /* 赛项简介 */ .sx-profile{ height: 560px; background: no-repeat center left; } .sx-profile .sx-container{ position: relative; } .sx-profile .left{ color: #fff; padding-top: 100px; } .sx-profile .left h3{ font-size: 30px; margin-bottom: 10px; } .sx-profile .left p{ font-size: 18px; margin-top: 0; } .sx-profile .left .bt{ display: flex; flex-direction: column; font-size: 18px; border-left: 1px solid #fff; padding-left: 30px; margin-top: 40px; } .sx-profile .left .bt span{ display: block; line-height: 40px; } .sx-profile .right{ position: absolute; top: 100px; left: 300px; border-radius: 10px; background-color: rgba(248, 248, 248, 1); padding: 30px 20px; } .sx-profile .right h4{ font-size: 24px; color: rgba(204, 0, 10, 1); } .sx-profile .right p{ font-size: 18px; line-height: 30px; color: #666; } /* 竞赛内容 */ .sx-content p{ font-size: 18px; line-height: 30px; color: #333; margin-top: 0; } .sx-content .img{ display: flex; justify-content: space-between; }