/* 鍏叡鏂囦欢 */ body{ min-width: 320px; max-width: 640px; margin: 0 auto; } .index-public-title{ text-align: center; margin: 0.6rem 0; color: #333; } .index-public-title h2{ display: inline-block; position: relative; font-size: 0.3rem; margin: 0 0 0.26rem; } .index-public-title p{ font-size: 0.16rem; margin: 0; } ul{ padding: 0; } li{ list-style: none; } header{ height: 1.2rem; } header a > img{ height: 0.5rem; padding: 0.35rem 0 0 0.3rem; } a{ text-decoration: none; } /* 棣栭〉杞挱 */ .index_swiper img{ width: 100%; } .index_swiper .swiper-wrapper{ position: relative; color: #fff; } .index_swiper .swiper-wrapper h2{ position: absolute; top: 0.6rem; left: 0.3rem; font-size: 0.27rem; margin: 0; } .index_swiper .swiper-wrapper p{ position: absolute; top: 0.9rem; left: 0.3rem; font-size: 0.16rem; } .index_swiper .swiper-wrapper a{ position: absolute; top: 1.5rem; left: 0.3rem; font-size: 0.16rem; text-decoration: none; color: #333; background-color: #fff; padding: 0.1rem 0.3rem; border-radius: 0.2rem; } /* 涓ゅ寲铻嶅悎 */ .index-twoline h2::before{ content: ''; display: block; width: 4px; height: 0.25rem; background: red; position: absolute; border-radius: 4px; top: 0.04rem; left: -0.3rem; } .index-twoline h2::after{ content: ''; display: block; width: 4px; height: 0.25rem; background: red; position: absolute; border-radius: 4px; top: 0.04rem; right: -0.3rem; } .index_integration{ padding: 0 0.4rem; } .index_integration > ul{ padding: 0; } .index_integration > ul >li{ display: flex; margin-bottom: 0.5rem; } .index_integration > ul >li span{ font-size: 0.68rem; line-height: normal; color: #fff; padding: 0.18rem; border-radius: 0.4rem; display: inline-block; margin-right: 0.4rem; background: linear-gradient(-45deg, #C51022, #E75418); } .index_integration > ul >li h3{ font-size: 0.27rem; line-height: normal; color: #980000; font-weight: bold; margin: 0 0 0.17rem; } .index_integration > ul >li p{ font-size: 0.2rem; color: #231815; } /* 浜у搧浣撶郴 */ .index-profession{ height: 6.1rem; background: url(/static/yoodao/web/img/tx_bg.png) center no-repeat,linear-gradient(-45deg, #AC0307 0%, #8F0105 100%); background-size: auto 4.5rem; overflow: hidden; } .index-profession > ul{ display: table; margin: 0 auto; } .index-profession > ul >li{ width: 5.25rem; height: 0.5rem; line-height: 0.5rem; border: 1px solid #FF9092; border-radius: 10px; text-align: center; list-style: none; margin-bottom: 0.2rem; background-image: linear-gradient(to right,#E43726,#AE040E); } .index-profession > ul >li a{ font-size: 0.23rem; text-decoration: none; color: #fff; } .index-profession .text-white h2{ color: #fff; } .index-profession .text-white p{ color: #fff; } .index-profession .text-white h2::before{ content: ''; background: #fff; } .index-profession .text-white h2::after{ content: ''; background: #fff; } /* 鍚堜綔妗堜緥 */ .index-case > ul{ width: 6.4rem; height: 3rem; margin: 0 auto 0.7rem; background: url(/static/yoodao/web/img/case_bg.png) no-repeat center; background-size: auto 3rem; padding-top: 0.5rem; box-sizing: border-box; } .index-case > ul >li{ width: 5.25rem; height: 0.5rem; line-height: 0.5rem; border: 1px solid #fff; border-radius: 10px; text-align: center; list-style: none; margin: 0 auto 0.2rem; } .index-case > ul >li a{ font-size: 0.23rem; text-decoration: none; color: #fff; } /* 浜у鍚堜綔鍗忓悓鑲蹭汉椤圭洰 */ .index-xietong{ height: 4.5rem; background: url(/static/yoodao/web/img/yr_bg.png) center no-repeat,linear-gradient(-45deg, #AC0307 0%, #8F0105 100%); background-size: auto 4.5rem; overflow: hidden; padding: 0 0.15rem; box-sizing: border-box; } .index-xietong h2{ position: relative; color: #fff; margin: 0; } .index-xietong .index-public-title{ margin: 0.4rem 0; } .index-xietong h2 a{ position: absolute; top: 0.05rem; right: -1.8rem; font-size: 0.14rem; color: #fff; text-decoration: none; } .index-xietong>p{ margin: 0; background-color: rgba(255, 255, 255, 0.3); line-height: 0.36rem; color: #Fff; padding: 0.26rem; text-align: justify; box-sizing: border-box; } /* 琛屼笟鏈嶅姟 */ .index-hangye{ background: url(/static/yoodao/web/img/fw_bg.png) no-repeat center; background-size: auto 4.2rem; overflow: hidden; height: 4.2rem; padding: 0 0.2rem; margin:0.6rem 0.15rem; } .index-hangye .index-public-title{ margin-bottom: 0.4rem; } .index-hangye> p{ font-size: 0.22rem; color: #231815; text-align: justify; line-height: 0.4rem; margin:0; } /* 涓婚宄颁細 */ .index-fenghui > ul{ display: flex; justify-content: center; } .index-fenghui > ul li{ margin:0 0.1rem; list-style: none; text-align: center; } .index-fenghui > ul li img{ width: 2.25rem; } .index-fenghui > ul li a{ text-decoration: none; color: #333; font-size: 0.3rem; } .index-fenghui > ul li p{ margin:0.1rem 0 0; } /* 鏂伴椈璧勮 */ .index-news{ margin: 0 0.2rem; } .index-news .index-public-title{ margin-bottom: 0.3rem; } .index-news .index-public-title p{ position: relative; } .index-news .index-public-title a{ position: absolute; top: -0.55rem; right: 0.3rem; color: #333; text-decoration: none; } .index-news > ul li{ box-shadow: 0 0 0.1rem #999; margin-bottom: 0.3rem; } .index-news > ul li a{ display: flex; text-decoration: none; color: #333; } .index-news > ul li a .img{ font-size:0; } .index-news > ul li a img{ width: 2.6rem; height: 1.75rem; } .index-news > ul .news_right{ margin-left: 0.3rem; } .index-news > ul .news_right h4{ margin: 0.2rem 0 0.2rem; font-size: 0.25rem; } .index-news > ul .news_right span{ font-size: 0.14rem; color: #666; } .index-news > ul .news_right p{ margin: 0 0 0.1rem; font-size: 0.17rem; line-height: 0.3rem; } /* 鐣欒█鍜ㄨ */ .index-zixun{ text-align: center; color: #fff; height: 3rem; overflow: hidden; background: linear-gradient(-90deg, #AC0307 0%, #8F0105 100%); } .index-zixun h4{ font-size: 0.3rem; } .index-zixun p{ font-size: 0.14rem; margin:0; padding: 0 0.8rem; line-height: 0.35rem; } .index-zixun a{ display: inline-block; border: none; background-color: #fff; font-size: 0.15rem; cursor: pointer; line-height:2; width: 2rem; box-sizing:border-box; background-image: linear-gradient(#AC0307,#AC0307),linear-gradient(to bottom right, #FF8969, #AD0307); font-weight: 300; color: #fff; padding: 2px; border-radius: 1rem; background-clip: content-box,padding-box; transition: filter .5s ease; margin-top: 0.3rem; } /* 搴曢儴淇℃伅 */ footer{ background-color: #340001; color: #fff; } footer .f_top{ display: flex; justify-content: space-between; padding: 0.2rem 0.3rem 0; border: 2px solid #58282B; } footer .f_top dl{ font-size: 0.17rem; } footer .f_top dd{ color: #CFB0AB; margin: 0; padding: 0.3rem 0; } footer .f_top dl a{ color: #CFB0AB; text-decoration: none; } footer .f_right{ text-align: center; } footer .f_right img{ display: block; } footer .f_right img:nth-child(1){ height: 1.6rem; padding-left: 0.2rem; margin-top: 0.6rem; } footer .f_right img:nth-child(2){ height: 1.3rem; padding: 0.2rem 0 0.1rem; } footer .f_right span{ font-size: 0.14rem; display: inline-block; } footer .f_bottom{ font-size: 0.17rem; padding: 0 0.3rem 0.2rem; line-height: 0.35rem; } footer dl dd:nth-last-of-type(1) a{ padding-right: 0.2rem; } /* 鏍忕洰鍥? */ .column2-banner{ /* margin-bottom: 0.6rem; */ position:relative; overflow:hidden; height: 2.48rem; } .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:15%; left: 0.2rem; font-size: 0.27rem; color: #fff; } .column2-banner p{ position: absolute; top: 35%; left: 0.2rem; font-size: 0.16rem; color:#fff; width: 4.8rem; line-height: 0.34rem; text-align: justify; } .column2-banner .container{ height: 100%; } .chanye-line{ height: 2px; background: url(/static/yoodao/web/wapimg/newsbg1.png) no-repeat center; } /* 鍏卞缓浜т笟瀛﹂櫌 */ .chanye-title{ text-align: center; } .chanye-title h2{ font-size: 0.3rem; color: #C20D23; margin: 0.7rem 0 0.4rem; } .chanye-title p{ color: #3E3A39; line-height: 0.4rem; text-align: justify; padding: 0 0.2rem 0.3rem; font-size: 0.25rem; } /* 浜烘墠鍩瑰吇鐩爣 */ .chanye-mubiao{ text-align: center; /* height: 4.8rem; */ } .chanye-mubiao h2{ font-size: 0.3rem; color: #231815; margin: 0.7rem 0 0.4rem; } .chanye-mubiao p{ color: #3E3A39; line-height: 0.4rem; text-align: justify; padding: 0 0.2rem 0.3rem; font-size:0.25rem; } /* 鍚堜綔妯″紡 */ .chanye-moshi .container{ text-align: center; } .chanye-moshi h2{ font-size: 0.3rem; color: #231815; padding: 0.1rem 0 0; text-align: center; } .chanye-moshi p{ color: #3E3A39; line-height: 0.4rem; text-align: justify; padding: 0 0.2rem; font-size:0.25rem; } .chanye-moshi img{ height: 3.92rem; padding-bottom: 0.3rem; } /* 缁勭粐鏋舵瀯 */ .chanye-jiagou{ text-align: center; } .chanye-jiagou h2{ font-size: 0.3rem; color: #231815; margin: 0.7rem 0 0.3rem; } .chanye-jiagou img{ height: 2.7rem; padding-bottom: 0.3rem; } /* 鍚堜綔鍐呭 */ .chanye-hezuo{ background: url(/static/yoodao/web/img/ronghe/bc01.png) center no-repeat,linear-gradient(-45deg, #AC0307 0%, #8F0105 100%); background-size: auto 7.7rem; text-align: center; padding: 0 0.2rem 0.4rem; } .chanye-hezuo h2{ font-size: 0.3rem; color: #fff; padding: 0.7rem 0 0.3rem; } .chanye-hezuo ul{ padding: 0.4rem 0.2rem 0.1rem; background-color: #fff; margin: 0; } .chanye-hezuo li{ text-align: left; list-style: none; background-color: #fff; } .chanye-hezuo li h3{ font-size: 0.3rem; color: #fff; margin: 0; background-color: #C20D23; display: inline-block; padding: 0.1rem 0.2rem; border-radius: 0.08rem; font-weight: normal; } .chanye-hezuo li p{ color: #595757; line-height: 0.4rem; margin: 0.1rem 0; font-size: 0.12rem; text-align: justify; } /* 灏变笟浣撶郴 */ .chanye-tixi{ text-align: center; } .chanye-tixi h2{ font-size: 0.3rem; color: #231815; margin: 0.7rem 0 0.2rem; } .chanye-tixi img{ height: 2.58rem; } /* 鍏卞缓涓撲笟-鍚堜綔妯″紡 */ .gongjian-moshi{ text-align: center; padding: 0 0.3rem; } .gongjian-moshi .left{ width: 100%; } .gongjian-moshi li{ list-style: none; } .gongjian-moshi h3{ color: #C20D24; font-size: 0.28rem; line-height: 0.4rem; text-align: left; } .gongjian-moshi p{ color: #595757; line-height: 0.4rem; font-size: 0.25rem; } .gongjian-moshi span{ padding-left: 0.1rem; display: inline-block; } /* 鍏卞缓涓撲笟-瀹夊叏绠$悊浣撶郴 */ .gongjian-tixi{ text-align: center; padding: 0 0 0 0.2rem; } .gongjian-tixi h2{ font-size: 0.3rem; color: #231815; margin: 0.7rem 0 0.4rem 0; } .gongjian-tixi >p { text-align: left; color: #3E3A39; font-size: 0.25rem; line-height:0.4rem; } .gongjian-tixi ul{ display:flex; justify-content: space-between; padding: 0.2rem 0; } .gongjian-tixi li{ list-style: none; } .gongjian-tixi li p{ color: #666; text-align: left; font-size: 0.12rem; color: #C20D24; line-height: 0.4rem; } .gongjian-tixi img{ height: 2.1rem; } /* 瀹炶鍩哄湴寤鸿-閫氫俊淇″彿瀹炶鍩哄湴 */ .tongxun{ text-align: center; } .tongxun li:nth-child(2n){ background-color: #F0EDF1; padding-top: 0.2rem; } .tongxun h2{ font-size: 0.3rem; color: #3E3A39; } .tongxun p{ text-align: left; color: #595757; margin: 0.2rem 0; font-size: 0.25rem; line-height: 0.4rem; } .tongxun li div{ padding: 0 0.2rem; } /* 瀹炶鍩哄湴寤鸿-鍒涙柊鍒涗笟鍩哄湴寤鸿 */ .jidi-jianshe{ text-align: center; padding: 0.2rem 0.2rem; } .jidi-jianshe h2{ font-size: 0.3rem; color: #3E3A39; } .jidi-jianshe>p{ text-align: justify; color: #595757; line-height: 0.4rem; font-size: 0.25rem; } /* .jidi-jianshe li{ display:flex; justify-content: space-between; margin-bottom: 0.4rem; position: relative; } .jidi-jianshe li .img{ height: 1.43rem; } .jidi-jianshe li p{ background-color: #f2f2f2; font-size: 0.1rem; line-height: 0.4rem; color: #3E3A39; padding: 0.14rem 0.1rem; text-align: left; margin: 0; } .jidi-jianshe li .jiao{ height: 0.52rem; position: absolute; top: -0.25rem; left: -0.28rem; } */ /* 璇剧▼璧勬簮寤鸿 */ .ziyuan-public-title h2{ color: #333; font-size: 0.3rem; text-align: center; margin: 0; padding: 0.7rem 0 0.2rem; } .ziyuan-title{ padding-bottom: 0.3rem; } .ziyuan-title p{ font-size: 0.25rem; line-height: 0.4rem; padding: 0 0.2rem; text-align: justify; } /* 璇剧▼璧勬簮寤鸿鐜扮姸涓庨棶棰樺垎鏋 */ .ziyuan-fenxi ul{ display: flex; justify-content: space-between; padding: 0 0.2rem 0.3rem; } .ziyuan-fenxi ul li{ position: relative; width: 2.3rem; height: 1.5rem; padding: 0.1rem 0.1rem 0; z-index: 33; list-style: none; background: url(/static/yoodao/web/wapimg/ronghe/kc01.jpg) no-repeat 0 0; } .ziyuan-fenxi ul li p{ line-height: 0.3rem; margin: 0; text-align: justify; font-size: 0.12rem; color: #fff; } .ziyuan-fenxi ul li:nth-child(2){ background: url(/static/yoodao/web/wapimg/ronghe/kc02.jpg) no-repeat 0 0; margin: 0 0.1rem; } .ziyuan-fenxi ul li:nth-child(3){ background: url(/static/yoodao/web/wapimg/ronghe/kc03.jpg) no-repeat 0 0; } /* 寤鸿鐩爣 */ .ziyuan-mubiao{ /* height: 500px; */ background: url(/static/yoodao/web/wapimg/ronghe/kc04.jpg) no-repeat 0 0; background-size: 100% 6rem; } .ziyuan-mubiao p{ padding: 0 0.2rem 0.3rem; text-align: justify; font-size: 0.25rem; line-height: 0.3rem; color: #595757; margin: 0; line-height:0.4rem; } /* 寤鸿鍐呭 */ .ziyuan-neirong{ /* height: 778px; */ background: url(/static/yoodao/web/wapimg/ronghe/bc01.png) center no-repeat,linear-gradient(-45deg, #AC0307 0%, #8F0105 100%); background-size: auto 6.28rem; padding: 0 0.2rem; } .ziyuan-neirong img{ padding: 0.2rem 0 0.3rem; width: 100%; } .swiper1 { width: 100%; } .swiper1 .swiper-wrapper{ display: flex; justify-content: center; } .swiper1 .swiper-slide { text-align: center; font-size: 0.16rem; width: auto !important; /* height: 50px; */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; color: #fff; } .swiper1 .swiper-slide:nth-child(1)::before{ content: ''; } .swiper1 .swiper-slide::before{ content: '|'; color: #fff; position: relative; left: -4px; } .swiper1 .selected { color: #FFF000; } .swiper2 { width: 100%; } .swiper2 .swiper-slide { /* height: calc(100vh - 50px); */ /* background-color: #ccc; */ color: #fff; text-align: center; box-sizing: border-box !important; overflow-x: hidden !important; } /* 搴旂敤鍦烘櫙 */ .ziyuan-changjing .swiper1 .swiper-slide{ color: #333; } .ziyuan-changjing .swiper1 .selected{ color: #C20D23; } .ziyuan-changjing .swiper1 .swiper-slide:nth-child(1)::before{ content: ''; } .ziyuan-changjing .swiper1 .swiper-slide::before{ content: '|'; color: #333; } .ziyuan-changjing .swiper2{ margin-top: 0.2rem; margin-bottom: 0.3rem; background: url(/static/yoodao/web/wapimg/ronghe/changjing.jpg) no-repeat center; } .ziyuan-changjing .swiper2 .swiper-slide{ padding: 0.2rem 0; } .ziyuan-changjing .swiper2 dl{ display: flex; margin: 0; font-size: 0.16rem; line-height: 0.4rem; } .ziyuan-changjing .swiper2 dl dt{ width: 2.2rem; text-align: right; color:#231815 ; } .ziyuan-changjing .swiper2 dl dd{ margin-left: 0.1rem; } .ziyuan-changjing .swiper2 dl dd span{ padding-left: 0.1rem; } /* 鏁欒偛骞冲彴寤鸿 */ #yd_jiaoyu .swiper1 .swiper-slide{ color: #333; padding: 0.1rem 0.2rem; font-size: 0.2rem; } #yd_jiaoyu .swiper1 .selected{ color: #fff; background-color: #AC0307; } #yd_jiaoyu .swiper2 .swiper-slide { color: #333; } #yd_jiaoyu .swiper1 .swiper-wrapper{ justify-content: left; padding-left: 0.2rem; border-bottom: 1px solid #dddd; padding-bottom: 0.2rem; } #yd_jiaoyu .swiper1 .swiper-slide::before{ content: ''; } #yd_jiaoyu .jy_title h2{ font-size: 0.3rem; margin-bottom: 0.1rem; } #yd_jiaoyu .jy_title p{ font-size: 0.15rem; margin-top: 0.1rem; } #yd_jiaoyu .swiper2 .swiper-slide >p{ font-size: 0.25rem; padding: 0.2rem; text-align: left; line-height: 0.4rem; } #yd_jiaoyu .swiper2 .swiper-slide >p img{ width: 100%; padding: 0.2rem 0; } #yd_jiaoyu .gongneng{ display: flex; justify-content: space-between; flex-wrap: wrap; } #yd_jiaoyu .gongneng li{ width: 50%; } #yd_jiaoyu .gongneng li .wrap{ background-color: #F6F7F7; margin-right: 0.1rem; margin-bottom: 0.1rem; box-sizing: border-box; padding: 0.3rem 0.1rem 0.1rem; height: 2rem; } #yd_jiaoyu .gongneng2 li .wrap{ height: 1.6rem; } #yd_jiaoyu .gongneng li .wrap span{ font-size: 0.2rem; background-color: #AC0307; color: #fff; padding: 0.1rem 0.2rem; border-radius: 0.25rem; display: inline-block; } #yd_jiaoyu .gongneng li .wrap p{ font-size: 0.15rem; text-align: left; line-height: 0.3rem; } #yd_jiaoyu .gongneng li:nth-child(2n) .wrap{ margin-right: 0; } #yd_jiaoyu .pingce li{ display: flex; height: 1.3rem; margin-bottom: 0.1rem; } #yd_jiaoyu .pingce li span{ display: inline-block; font-size: 0.17rem; background-color:#F29700 ; text-align: center; line-height: 1.3rem; width: 1.3rem; color: #fff; margin-right: 0.1rem; } #yd_jiaoyu .pingce li p{ flex: 1; font-size: 0.15rem; background-color: #ddd; margin: 0; padding: 0.1rem; text-align: left; line-height: 0.3rem; } #yd_jiaoyu .pingce li:nth-child(2) span{ background-color: #22AB38; } #yd_jiaoyu .pingce li:nth-child(3) span{ background-color: #009FE8; } /* 杞ㄩ亾浜ら€氱被浜у搧浣撶郴 */ #yd_jiaotong .swiper1{ border-bottom: 1px solid #dddd; padding-top: 0.2rem; } #yd_jiaotong .swiper1 .swiper-slide{ color: #333; padding: 0.1rem 0.2rem; font-size: 0.2rem; } #yd_jiaotong .swiper1 .selected{ color: #fff; background-color: #AC0307; } #yd_jiaotong .swiper2 .swiper-slide { color: #333; } #yd_jiaotong .swiper1 .swiper-wrapper{ justify-content: left; padding-left: 0.2rem; padding-bottom: 0.2rem; } #yd_jiaotong .swiper1 .swiper-slide::before{ content: ''; } #yd_jiaotong .swiper1 .swiper-button-next{ color: rgb(241, 36, 40); } #yd_jiaotong .swiper1 .swiper-button-prev{ color: rgb(241, 36, 40); } #yd_jiaotong .swiper2 .swiper-slide p{ color: #3E3A39; font-size: 0.25rem; text-align: justify; line-height: 0.4rem; padding: 0 0.2rem; } #yd_jiaotong .swiper2 .swiper-slide p img{ width:100%; } #yd_jiaotong .city{ display: flex; justify-content: space-between; flex-wrap: wrap; } #yd_jiaotong .city li{ width: 50%; padding: 0 0.1rem; box-sizing: border-box; } #yd_jiaotong .city li img{ width: 100%; } #yd_jiaotong .city p{ color: #231815; padding-top: 18px; padding-bottom: 24px; } /* 璇剧▼璧勬簮涓庢暀鑲插钩鍙扮被浜у搧浣撶郴 */ /* 浜烘墠鏈嶅姟骞冲彴-骞冲彴鍔熻兘 */ .tx_ziyuan .quanzhan{ display: flex; justify-content: center; flex-wrap: wrap; } .tx_ziyuan .quanzhan li{ width: 50%; /* margin-bottom: 30px; */ border-right: 1px dashed #aaa; border-bottom: 1px dashed #aaa; /* padding: 10px 20px 0 24px; */ box-sizing: border-box; padding: 0.2rem 0; } .tx_ziyuan .quanzhan h4{ font-size: 0.25rem; color: #231815; font-weight: 800; text-align: center; margin-bottom: 0.1rem; margin-top: 0; } .tx_ziyuan .quanzhan li p{ color: #231815; line-height: 0.3rem; margin: 0; font-size: 0.2rem; text-align: justify; padding: 0 0.2rem; } .tx_ziyuan .quanzhan li:nth-child(2){ border-right: 0; } .tx_ziyuan .quanzhan li:nth-child(3){ border-bottom: 0; } .tx_ziyuan .quanzhan li:nth-child(4){ border-right: 0; border-bottom: 0; } /* 璇剧▼璧勬簮浜у搧绾?绫诲瀷涓庤妯 */ .leixin .guimo{ display: flex; justify-content: space-between; flex-wrap: wrap; } .leixin .guimo li{ width: 20%; /* color: #C10E24; */ text-align: center; margin-bottom: 0.2rem; } .leixin .guimo .icon{ width: 0.8rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; border: 1px solid #666; border-radius: 50%; transition: 0.5s; } .leixin .guimo .icon span{ font-size: 0.4rem; transition: 0.5s; } .leixin .guimo h5{ color: #231815; font-size: 0.25rem; margin-top: 0.1rem; margin-bottom: 0.1rem; } .leixin .guimo p{ margin: 0; text-align: center !important; font-size: 0.2rem; } .leixin .guimo li:hover .icon{ border: 1px solid #C10E24; background-color: #C10E24; } .leixin .guimo li:hover .icon span{ color: #fff; } .leixin > img{ width: 100%; } /* 鍏ㄥ浗鑱屼笟闄㈡牎鎶€鑳藉ぇ璧 */ .zyds-top .container{ position: relative; } .zyds-top .nav-top{ display: flex; padding: 0.2rem 0 0; justify-content: space-between; } .zyds-top .nav-top .left{ display:flex; padding-top: 0.2rem; } .zyds-top .nav-top .right{ text-align: right; } .zyds-top .logo-text h1{ font-size: 0.25rem; padding-top: 0.35rem; margin:0; } .zyds-top .logo-text p{ font-size: 0.16rem; } .zyds-top .logo-img img{ width: 1.5rem; padding-left: 0.1rem; } .zyds-top .right >a{ padding-left: 0.3rem; padding-right: 0.2rem; display: inline-block; color: #666; background: url(/static/yoodao/web/img/home.png) no-repeat 0 0; background-size: 0.25rem; font-size: 0.2rem; } .zyds-top .right .sannav{ padding-top: 0.2rem; padding-left: 0.5rem; } .zyds-top .right .sannav span{ display: block; width: 0.6rem; height: 4px; background-color: #AC0307; margin: 6px 0; } .zyds-top .itemnav{ position: absolute; top: 1.55rem; right: 0; z-index: 9999; width: 3rem; background-color: #C20D23; display: none; } .zyds-top .itemnav a{ display: block; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; text-align: center; } /* 璧涢」绠€浠 */ .match-intro h2{ font-size: 0.3rem; text-align: center; margin-bottom: 0.2rem; } .match-intro .content p{ font-size: 0.25rem; text-align: justify; padding: 0 0.2rem; color:#333; line-height:0.4rem; } /* 涓诲姙鍗曚綅 */ .sponsor-unit{ background-color: #F7F5F6; padding: 0.3rem 0 0.2rem; } .sponsor-unit h2{ font-size: 0.3rem; text-align: center; } .sponsor-unit ul{ padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } .sponsor-unit ul li{ list-style: none; padding: 0 0.1rem; color: #666; line-height: 0.4rem; font-size: 0.25rem; } .sponsor-unit ul li::after{ content: '|'; position: relative; top: -1px; left: 0.1rem; } /* 鍘嗗眾鍥為【 */ .review{ margin-bottom: 1.5rem; } .review .container{ height: 3rem; background: url(/static/yoodao/web/img/ronghe/bc01.png) center no-repeat,linear-gradient(-45deg, #AC0307 0%, #8F0105 100%); background-size:100%; } .review h2{ color: #fff; text-align: center; font-size: 0.3rem; padding: 0.5rem 0 0.3rem; } .review ul{ padding: 0 0 0 0.3rem; display: flex; } .review ul li{ padding: 0.1rem; list-style: none; background-color: #fff; margin: 0 0.15rem; } .review ul li img{ width: 3rem; } .review ul li span{ display: block; text-align: center; font-size: 0.25rem; color: #333; padding-top: 0.15rem; } .zzgs-r ul{ padding: 0 0 0 0.15rem; } .zzgs-r ul li{ padding: 0.1rem; margin: 0 0.1rem; } .zzgs-r ul li img{ width: 2rem; } /* 鏂伴椈鍔ㄦ€ */ .zyds-news h2{ font-size: 0.3rem; text-align: center; padding-bottom: 0.2rem; } .zyds-news ul{ padding: 0 0.1rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .zyds-news ul li{ width: 3.5rem; list-style: none; border: 1px solid #B9B6B7; padding-bottom: 0.1rem; margin-bottom: 0.2rem; } .zyds-news ul li img{ width: 100%; } .zyds-news ul li a{ color: #666; display: inline-block; padding: 0.1rem; text-align: justify; font-size: 0.2rem; text-decoration: none; line-height: 0.3rem; } .zyds-news ul li span{ font-size: 0.14rem; color: #666; padding-left: 0.1rem; display:block; } .zyds-footer{ /* height: 120px; */ padding: 0.2rem; } .zyds-footer p{ font-size: 0.2rem; } /* 鏂伴椈鍒楄〃 */ .zyds-newslist li{ background-color: #F7F4F8; padding: 0.2rem; } .zyds-newslist .img img{ margin-top: 8px; width:100%; } .zyds-newslist .title a{ font-size: 0.25rem; color: #333; text-decoration: none; } .zyds-newslist .title p{ color: #666; margin-top: 10px; font-size: 0.2rem; } .zyds-newslist li > span{ font-size:0.2rem; } /* 妗堜緥鏍忕洰 */ .yd-case .case-list{ /* display:flex; justify-content: left; flex-wrap: wrap; */ padding: 0 0.2rem; } .yd-case .case-list > li{ width: 100%; /* height: 400px; */ /* border-bottom: 2px solid #ddd; */ /* padding-top: 50px; */ /* transition: 0.5s; */ /* margin-right: 50px */ } .yd-case .case-list > li:nth-child(3n){ margin-right: 0; } .yd-case .case-list .img{ overflow: hidden; /* height: 232px; */ margin-bottom: 0.2rem; } .yd-case .case-list img{ width: 100%; /* height: 232px; */ /* transition: 0.5s; */ } .yd-case .case-list > li a{ font-size: 0.3rem; color: #231815; text-decoration: none; /* transition: 0.5s; */ } .yd-case .case-list > li p{ font-size: 0.25rem; color: #231815; text-align: center !important; /* padding-top: 8px; */ margin-top: 0.1rem; } /*璧涢」骞冲彴*/ .zyds-about h2{ font-size: 0.3rem; text-align: center; } .zyds-about .content p{ padding: 0 0.2rem; text-align: justify; font-size: 0.25rem; line-height: 0.4rem; } .zyds-about .content img{ width: 100%; } .gzgs-intro .danwei .item h3{ margin-bottom:0; font-size:0.3rem; padding-left:0.2rem; } /* 鍘嗗眾鍥為【 */ .zyds-huigu .container{ padding-bottom: 30px; } .zyds-huigu h2{ font-size: 0.3rem; text-align: center; margin-bottom: 0.3rem; } .zyds-huigu ul li{ width: auto; list-style: none; padding: 0 0.2rem; } .zyds-huigu ul li img{ width: 100%; } .zyds-huigu ul li a{ color: #666; display: inline-block; padding: 15px; text-align: justify; text-decoration: none; } .zyds-huigu ul li span{ font-size: 14px; color: #666; padding-left: 15px; } /* 鍙嬮亾鏂伴椈 */ .yd-newsbox{ background-color: #f2f2f2; padding:0.5rem 0; } .yd-newsbox .yd-newsnav{ display: flex; justify-content: left; margin-bottom: 0.3rem; } .yd-newsbox .yd-newsnav a{ color: #595757; font-size: 14px; background-color: #FFFFFD; padding: 10px 30px; border-right: 1px solid #ddd; text-decoration: none; } .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{ padding: 0.2rem; } .yd-newsbox .yd-newslist>li:nth-child(1){ border-top: 2px solid #ddd; } .yd-newsbox .yd-newslist img{ width:100%; } .yd-newsbox .cent>a{ color: #231815; font-weight: 800; text-decoration: none; padding-top: 0.2rem; display: block; font-size: 0.25rem; } .yd-newsbox .cent p{ color: #727171; padding: 0.2rem 0 0.2rem; margin-bottom: 0; line-height: 0.3rem; font-size:0.2rem; margin-top:0; } .yd-newsbox .cent span{ font-size: 0.2rem; color: #727171; background-color: #F9F9F9; padding: 6px; } .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:0.14rem; color:#666; padding:5px 10px; background:#fff; text-decoration: none; } .yd-newsbox .yd-newslist i{ color: #727171; font-style: normal; font-size:0.2rem; display: block; padding-top: 0.2rem; } /* 鍙嬮亾鏂伴椈-show */ .yd-showbox{ padding-top: 0.2rem; padding-bottom: 0.2rem; } .yd-showbox .breadcrumb{ display:none; } .yd-showbox .container .content{ background: #f6f7f7; padding:0.2rem; } .yd-showbox h3{ font-size: 0.3rem; color: #231815; line-height: 0.4rem; padding: 0 0.2rem; margin: 0 0 0.3rem; } .yd-showbox span{ font-size: 0.2rem; color: #727171; padding-left:0.2rem; } .yd-showbox .content{ margin: 0.3rem 0; } .yd-showbox .content p{ color: #333; line-height: 0.35rem; font-size:0.25rem; } .yd-showbox .content img{ width:100%; } .yd-showbox .next a{ color: #231815; line-height: 0.3rem; font-size:0.25rem; } .yd-showbox .breadcrumb .fa{ font-size: 0.25rem; left: -2px; margin: 0 0.1rem; } .yd-showbox .breadcrumb a{ color: #666; } .yd-showbox .breadcrumb li:last-of-type .fa{ display: none; } .yd-showbox .next{ padding-left:0.2rem; } /* 鍏徃绠€浠 */ .company{ overflow: hidden; padding: 0 0.2rem; font-size: 0.25rem; line-height: 0.35rem; } .company .content{ text-align: justify; } /* 绠$悊鍥㈤槦 */ .group{ border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; margin-top: 80px; padding-bottom: 60px; } .group .img{ width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; border: 1px solid #999; margin: 0 auto; } .group .img img{ width: 1.8rem; height: 1.8rem; border-radius: 50%; margin: 0.1rem; } .group .row{ display: flex; justify-content: space-between; flex-wrap: wrap; } .group .col-md-3{ text-align: center; width:50%; } .group .col-md-3 h2{ font-size: 0.3rem; margin-top: 0.2rem; } .group .col-md-3 p{ font-size:0.2rem; } /* 鍙戝睍鍘嗙▼ */ .timer-shaft-box{background: url(/static/yoodao/web/img/time.png) no-repeat 0 30px;background-size: 100%; width:100%;padding:0 0.2rem;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(/static/yoodao/web/img/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(/static/yoodao/web/img/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:82px;} .time-circle{display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;line-height: 0.5rem;text-align: center;font-size:0.2rem;color:#fff;border-radius: 50%;background: #e2302e;transition: all .3s;cursor:pointer;} .timer-scale-cont.hov .time-circle{ width:0.8rem;height:0.8rem;line-height: 0.8rem;font-size:0.3rem;background: #ff8d3d; } .line-scale{display:inline-block;vertical-align:middle;width:20px;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(/static/yoodao/web/img/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(/static/yoodao/web/img/icon_circle.png) no-repeat;background-size: cover;} .incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;margin:0;} .incident-record a{font-size:14px;color:#1d69a3;} /* 鍙嬮亾鍦板浘 */ .yoodao-map{ margin-top: 60px; } .yoodao-map .content{ padding: 0 0.2rem; font-size: 0.2rem; line-height: 0.4rem; } .yoodao-map .content img{ width:100%; } /* 鑽h獕璧勮川 */ .column-partner{ padding: 0 0.2rem; font-size: 0.2rem; line-height: 0.4rem; } .column-partner img{ width:100%; } /* 涓昏鑲′笢 */ .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(/static/yoodao/web/img/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(/static/yoodao/web/img/lnbg1.jpg); background-repeat: no-repeat; margin-bottom: 15px; } .idea .item:nth-child(2){ background-image: url(/static/yoodao/web/img/lnbg2.jpg); } .idea .item:nth-child(3){ background-image: url(/static/yoodao/web/img/lnbg3.jpg); } .idea .item h3{ font-size: 16px; padding-top: 40px; } .idea .item p{ font-size: 0.3rem; font-weight: bold; padding: 0 0.2rem; } /* 鍙嬮亾涔嬪 */ .yoodao-family{ background-color: #AC0307; padding: 0.2rem; line-height: 0.4rem; font-size: 0.25rem; } .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 .row{ display: flex; justify-content: space-between; padding: 0 0.2rem; } .yoodao-fuli .col-md-2{ text-align: center; } .yoodao-fuli .col-md-2 span{ font-size: 0.6rem; background:#CC000A; padding: 0.2rem; border-radius: 50%; color: #fff; transition: 0.5s; } .yoodao-fuli .col-md-2 h5{ margin-top: 0.3rem; font-size: 0.2rem; } .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; height: 250px; padding: 0; margin: 10px; overflow:hidden; } .yoodao-tuan .col-md-4 img{ position: absolute; width:100%; } .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; } .Social .list li span { padding-right: 50px; line-height:22px; } .Social .content{ font-size: 14px; color: #666; display: none; } /*琛ㄥ崟*/ .page-wrapper-row{ margin-top: 0 !important; } .page-wrapper-row .form-horizontal{ padding:0 0.2rem; } .page-wrapper-row .form-horizontal .form-group{ margin-bottom: 0.3rem; } .page-wrapper-row .form-horizontal .form-control { border: 1px solid #ddd; line-height: 0.4rem; border-radius: 3px; margin-top: 0.2rem; } .page-wrapper-row .form-horizontal .btn{ border:none; padding: 0.1rem 0.2rem; } /*璧涢」鍗曢〉闈?/ .sx-header2{ height: 2.2rem; background: url('/static/yoodao/web/img/sxpage/banner.jpg') no-repeat center center; background-size: contain; position:relative; } .sx-header2.zz-header2{ background: url('/static/yoodao/web/img/sxpage/banner2.jpg') no-repeat center center; background-size: contain; } .sx-logo2{ color: #fff; position:absolute; top: 1.3rem; left: 1rem; } .sx-container{ width: 100%; } .sx-title{ font-size: 0.3rem; text-align: center; padding: 0.2rem 0 0.2rem; color: #333; } .sx-news2 ul{ padding: 0 0.2rem; justify-content: space-between; } .sx-news2 ul li{ list-style: none; margin-bottom:0.3rem; } .sx-news2 ul li img{ width: 100%; border-radius: 5px; margin-bottom:0.2rem; } .sx-news2 ul li > a{ display: block; color: #333; text-decoration: none; line-height:0.4rem; text-align: justify; } .sx-news2 ul li .item-bottom{ display: flex; justify-content: space-between; margin-top:0.2rem; } .sx-news2 ul li .item-bottom a{ color: #333; text-decoration: none; } .sx-news2 ul li .item-bottom span{ color: #999; } .zz-news ul li{ width: 100%; display: flex; background-color:rgba(248, 248, 248, 1); /*margin-bottom: 20rem;*/ /*padding: 20rem;*/ box-sizing: border-box; } .zz-news ul li a{ /*font-size: 18rem;*/ color: #333; } .zz-news ul li p{ /*font-size: 14rem;*/ color: #666; /*line-height: 30rem;*/ } .zz-news ul li .item{ /*margin-left: 20rem;*/ } .zz-news ul li img{ /*width: 320rem;*/ /*height: 160rem;*/ } .zz-news ul li .item-bottom{ /*padding: 10rem 0;*/ display: flex; justify-content: space-between; } .zz-news ul li .item-bottom a{ color: #333; /*font-size: 14rem;*/ text-decoration: none; } .zz-news ul li .item-bottom span{ /*font-size: 14rem;*/ color: #999; } /* 璧涢」鍚嶇О */ .sx-name{ background-color: rgba(248, 248, 248, 1); } .sx-name .sx-container{ text-align:center; padding:0.2rem 0; } .sx-name .sx-container .sx-item h5{ margin: 10px 0 0; color: #333; } .sx-name .sx-container .sx-item p{ color: #666; margin-top: 1px; } /* 閫氱煡鍏憡 */ .sx-notice{ box-shadow: 0 0 10px #ddd; padding: 0.2rem; } .sx-notice li{ border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; } .sx-notice a{ font-size: 0.2rem; line-height: 0.4rem; color:#333; } .sx-notice a:hover{ color: red; } .sx-notice span{ font-size: 0.2rem; color: #999; } /* 璧涢」绠€浠 */ .sx-profile{ background: url('/static/yoodao/web/img/sxpage/sxjj.png') no-repeat center left; } .sx-profile .left{ color: #fff; padding:0.2rem; margin-bottom: 0.4rem; } .sx-profile .left h3{ margin-top:0; } .sx-profile .left p{ margin-top: 0; } .sx-profile .left .bt{ border-left: 1px solid #fff; padding-left: 0.2rem; } .sx-profile .left .bt span{ display: block; } .sx-profile .right{ background-color: rgba(248, 248, 248, 1); padding: 0.1rem 0.1rem; } .sx-profile .right h4{ color: rgba(204, 0, 10, 1); } .sx-profile .right p{ color: #666; } /* 绔炶禌鍐呭 */ .sx-content p{ line-height: 0.4rem; color: #666; margin-top: 0; padding:0 0.2rem; } .sx-content .img{ text-align:center; } .sx-content .img img{ margin-bottom:0.1rem; width: 100%; }