@charset "UTF-8"; /* 绉诲姩绔〉闈㈣璁$瀹藉害 */ /* 绉诲姩绔〉闈㈣璁$dpr鍩哄噯鍊 */ /* 灏嗙Щ鍔ㄧ椤甸潰鍒嗕负10鍧 */ /* 缂╂斁鎵€鏀寔鐨勮澶囨渶灏忓搴 */ /* 缂╂斁鎵€鏀寔鐨勮澶囨渶澶у搴 */ /* rem涓巔x瀵瑰簲鍏崇郴锛?rem浠h〃鍦↗S涓缃殑html font-size鍊硷紙涓轰竴鍧楃殑瀹藉害锛夛紝$rem鍗充负$px瀵瑰簲鍗犲灏戝潡 $px $rem ------------- === ------------ $design-width $blocks */ /* 鍗曚綅px杞寲涓簉em */ /* 鍗曚綅rem杞寲涓簆x锛屽彲鐢ㄤ簬鏍规嵁rem鍗曚綅蹇€熻绠楀師px */ /* html鏍圭殑瀹藉害瀹氫箟 */ /* 璁剧疆瀹瑰櫒鎷変几鐨勬渶灏忓搴 */ /* 璁剧疆瀹瑰櫒鎷変几鐨勬渶澶у搴 */ /* 璁剧疆瀛椾綋澶у皬锛屼笉浣跨敤rem鍗曚綅锛 鏍规嵁dpr鍊煎垎娈佃皟鏁 */ html body { margin-right: auto; margin-left: auto; min-width: 320px; } @media (-webkit-device-pixel-ratio: 2) { html body { min-width: 640px; } } @media (-webkit-device-pixel-ratio: 3) { html body { min-width: 960px; } } html body[data-content-max] { margin-right: auto; margin-left: auto; max-width: 540px; } @media (-webkit-device-pixel-ratio: 2) { html body[data-content-max] { max-width: 1080px; } } @media (-webkit-device-pixel-ratio: 3) { html body[data-content-max] { max-width: 1620px; } } html[data-dpr="1"] body { min-width: 320px; } body { background: #f5f5f5; font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif; } body.open { overflow: hidden; } label { margin-bottom: 0; } .container-fluid { padding-left: 0.1866666667rem; padding-right: 0.1866666667rem; } .margin-top-10 { margin-top: 0.1333333333rem; } .margin-top-20 { margin-top: 0.2666666667rem; } .margin-top-15 { margin-top: 0.2266666667rem; } .margin-top-6 { margin-top: 0.08rem; } .margin-top-24 { margin-top: 0.32rem; } ul { margin-bottom: 0; } a:active, a:link { text-decoration: none; } #page_box { padding-top: 1.3333333333rem; padding-bottom: 1.8666666667rem; } .top { font-size: 0.4rem; background: #fdad13; height: 1.3333333333rem; line-height: 1.3333333333rem; text-align: center; color: #ffffff; position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; } .top span { display: inline-block; width: 0.5066666667rem; height: 0.5066666667rem; border-radius: 50%; vertical-align: top; line-height: 0.5066666667rem; font-size: 0.2666666667rem; color: #ffffff; margin-top: 0.4266666667rem; border: solid 0.04rem #ffffff; } .top a { color: #ffffff; } .top_nav { font-size: 0.4rem; background: #fdad13; height: 1.3333333333rem; line-height: 1.3333333333rem; text-align: center; color: #ffffff; padding: 0; position: fixed; top: 0; left: 0; z-index: 99999; } .top_nav a { color: #ffffff; } .top_nav div { float: left; } .top_nav div:nth-child(1) { width: 0.9333333333rem; padding-left: 0.2rem; } .top_nav div:nth-child(1) i { font-size: 0.4rem; color: #ffffff; } .top_nav div:nth-child(2) { width: 8rem; } .top_nav div:nth-child(2) span { display: inline-block; width: 0.5066666667rem; height: 0.5066666667rem; border-radius: 50%; vertical-align: top; line-height: 0.5066666667rem; font-size: 0.2666666667rem; color: #ffffff; margin-top: 0.4266666667rem; border: solid 0.04rem #ffffff; } .top_nav div:nth-child(3) { width: 1.0533333333rem; float: right; padding-right: 0.4666666667rem; } .top_nav div:nth-child(3) i { color: #ffffff; font-size: 0.5333333333rem; } .logo_box { height: 1.8666666667rem; padding: 0.4666666667rem 0.84rem 0.5066666667rem 0.76rem; background: #ffffff; } .logo_box div { height: 0.84rem; float: left; } .logo_box .logo { width: 2.3733333333rem; } .logo_box .logo img { width: 2.3733333333rem; height: 0.88rem; } .logo_box .miaoshu { margin-left: 0.52rem; border-left: solid 0.0266666667rem #e5e5e5; padding-left: 0.4666666667rem; } .logo_box .miaoshu strong { font-size: 0.3733333333rem; color: #0076c3; line-height: 0.4266666667rem; text-align: justify; } .logo_box .miaoshu span { font-size: 0.3466666667rem; color: #616161; text-align: justify; text-align-last: justify; } .logo_box .miaoshu span, .header .miaoshu strong { display: block; } .banner_box { padding: 0; height: 6.6666666667rem; } .banner_box img { width: 10rem; height: 6.6666666667rem; } .search_bg { border-radius: 0.1333333333rem; display: block; border: solid 1px #d9d9d9; height: 1.2rem; font-weight: normal; padding: 0.2666666667rem 1rem; position: relative; } .nav_01 { display: flex; flex-wrap: wrap; padding: 0.44rem 0.2133333333rem; border-radius: 0.1333333333rem; background: #ffffff; } .carousel-indicators li { height: 0.2266666667rem; width: 0.2266666667rem; background: #ffffff; border-color: #ffffff; margin-left: 0.2rem; } .carousel-indicators li.active { width: 0.2266666667rem; height: 0.2266666667rem; background: #0076c3; border-color: #0076c3; margin-left: 0.2rem; } .index_title_top { font-size: 0.48rem; color: #333333; text-align: center; font-weight: bold; } .index_video_list ul li span { position: relative; width: 9.0666666667rem; height: 5.1733333333rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; } .cxscroll .box { overflow: hidden; } .youshi_list div:first-child img { width: 8.8rem; height: 5.7333333333rem; } .index_anlie_list ul li span { position: relative; width: 9.0666666667rem; height: 6.8533333333rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; border-radius: 0.1333333333rem; } .news_nav div span { display: block; width: 33.33%; padding-right: 0.2rem; float: left; } .news_list ul li div.news_time_box { width: 3.2rem; height: 2.4rem; position: relative; background: #5fa2ce; color: #ffffff; text-align: center; float: left; } .liuyan_title { margin-bottom: 0.4rem; } .liuyan_title * { display: block; text-align: center; } .linkmap_box.linkmap_line { border-bottom: solid 0.0266666667rem #f5f5f5; padding-bottom: 0.2666666667rem; } .structure_box ul li { position: relative; padding: 0.6133333333rem 0 0.3333333333rem 1.6666666667rem; background: url("../../images/kfal_line.jpg") repeat-x left bottom; margin: 0 0.1333333333rem; } .course_box .represent h3 { font-size: 0.3733333333rem; color: #666666; line-height: 0.56rem; margin-top: 0; } .course_box .represent .course_img img { max-width: 100%; } .news_lists ul li div.news_time_box { width: 3.2rem; height: 2.4rem; position: relative; background: #5fa2ce; color: #ffffff; text-align: center; float: left; } .search_text { height: 100%; width: 100%; border: none; background: none; outline: none; font-size: 0.32rem; color: #333; } .btn_search { position: absolute; right: 0.4rem; top: 0.24rem; border: none; outline: none; background: none; } .btn_search i { font-size: 0.5066666667rem; vertical-align: top; color: #dfdfdf; } input.search_text::-webkit-input-placeholder { color: #333; text-align: center; } input::-webkit-input-placeholder { color: #333; font-size: 0.3733333333rem; } textarea::-webkit-input-placeholder { color: #333; font-size: 0.3733333333rem; } .nav_01 div { width: 20%; list-style: none; text-align: center; line-height: 0.3733333333rem; padding-bottom: 0.5333333333rem; margin: 0 auto; } .nav_01 div a { color: #414141; font-size: 0.3733333333rem; } .nav_01 div a span { margin-top: 0.4rem; } .nav_01 div i { font-size: 0.7466666667rem; line-height: 0.7466666667rem; color: #5fa2ce; } .nav_01 div:nth-child(n+5) { padding-bottom: 0; } .nav_01 div:nth-child(4) i { font-size: 0.64rem; } .nav_01 div:nth-child(7) i { font-size: 0.64rem; } .nav_01 div a strong, .nav_01 div a span { display: block; font-weight: normal; } #leftnav { display: none; width: 10rem; height: 100%; position: fixed; top: 1.3333333333rem; padding: 0rem 0.2rem; z-index: 99999; right: 0; overflow-y: auto; overflow-x: hidden; background: rgba(0, 0, 0, 0.8); } #leftnav .navCategory { box-shadow: 0 0.0266666667rem 0.1866666667rem #666; border-radius: 0.1333333333rem; z-index: 999999; } .index_product_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 1.0666666667rem 0.2533333333rem; } .index_title { text-align: center; width: 100%; margin: 0 auto; position: relative; } .index_title_top span { color: #0076c3; } .index_title_bottom { color: #333; font-size: 0.2933333333rem; } .index_title_bottom i { color: #333; font-size: 0.3733333333rem; vertical-align: middle; } .index_title_bottom i:first-child { margin-right: 0.2666666667rem; } .index_title_bottom i:last-child { margin-left: 0.2666666667rem; } .nanti_title { margin-top: 0.6666666667rem; } .nanti_list { margin-top: 0.6666666667rem; } .nanti_list li { float: left; width: 4.7466666667rem; height: 4.8666666667rem; background: #ffffff; border-radius: 0.1333333333rem; margin-bottom: 0.1066666667rem; position: relative; } .nanti_list li:nth-child(2n) { margin-left: 0.1066666667rem; } .nanti_list li strong { width: 100%; height: 2.36rem; display: block; border-radius: 0.1333333333rem 0.1333333333rem 0 0; } .nanti_list li em { display: block; font-style: normal; position: absolute; left: 50%; width: 2.7333333333rem; height: 0.6666666667rem; margin-left: -1.36rem; top: 2.0266666667rem; font-size: 0.3733333333rem; line-height: 0.6666666667rem; background: #0874cc; text-align: center; color: #ffffff; border-radius: 0.4rem; } .nanti_list li span { width: 100%; display: block; padding: 0.4rem 0.2666666667rem 0.0666666667rem 0.2666666667rem; font-size: 0.32rem; color: #333333; line-height: 0.5333333333rem; } .nanti_list li:nth-child(1) strong { background: url("../../images/nanti_1.jpg") no-repeat center top #ffffff; background-size: 100% 2.36rem; } .nanti_list li:nth-child(2) strong { background: url("../../images/nanti_2.jpg") no-repeat center top #ffffff; background-size: 100% 2.36rem; } .nanti_list li:nth-child(3) strong { background: url("../../images/nanti_3.jpg") no-repeat center top #ffffff; background-size: 100% 2.36rem; } .nanti_list li:nth-child(4) strong { background: url("../../images/nanti_4.jpg") no-repeat center top #ffffff; background-size: 100% 2.36rem; } .fangan { margin-top: 0.9333333333rem; } .fangan_list { margin-top: 0.7333333333rem; } .fangan_list li { float: left; width: 4.7466666667rem; height: 3.56rem; border-radius: 0.0666666667rem; margin-bottom: 0.1066666667rem; } .fangan_list li:nth-child(2n) { margin-left: 0.1066666667rem; } .fangan_list ul li a { display: block; height: 100%; color: #ffffff; text-align: center; position: relative; } .fangan_list ul li a:after { content: ''; height: 100%; width: 100%; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 2; border-radius: 0.0666666667rem; } .fangan_list ul li a i { font-size: 1.04rem; } .fangan_list ul li a div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.0666666667rem; } .fangan_list ul li a div:first-child { z-index: 3; } .fangan_list ul li a span { display: block; padding-top: 0.4933333333rem; } .fangan_list ul li a strong { display: block; font-size: 0.32rem; font-weight: normal; margin-top: 0.2666666667rem; } .fangan_list ul li:nth-child(1) a div:last-child { background-image: url("../../images/a1.jpg"); } .fangan_list ul li:nth-child(2) a div:last-child { background-image: url("../../images/a2.jpg"); } .fangan_list ul li:nth-child(3) a div:last-child { background-image: url("../../images/a3.jpg"); } .fangan_list ul li:nth-child(4) a div:last-child { background-image: url("../../images/a4.jpg"); } .index_product_box { margin-top: 1rem; } .answerImage_box { position: relative; font-size: 0.32rem; height: auto; padding: 0 0 0 0; margin: 0.4rem auto 0.4rem; border: solid 1px #d9d9d9; border-radius: 0.1333333333rem; } .index_select { position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; } .answerImage_preview { height: 1.1333333333rem; border-radius: 0.1333333333rem; text-align: center; position: relative; } .answerImage_preview strong { color: #292929; font-size: 0.3733333333rem; font-weight: normal; line-height: 1.1333333333rem; display: block; } .answerImage_preview span { display: block; width: 0.4266666667rem; height: 0.4266666667rem; position: absolute; right: 1.0133333333rem; bottom: 0.3866666667rem; border-radius: 50%; } .answerImage_preview span i { display: block; width: 0; height: 0; border-left: 0.16rem solid transparent; border-right: 0.16rem solid transparent; border-top: 0.24rem solid #333333; margin: 0.1333333333rem auto; } .index_product { padding: 0; } .index_product div { margin-bottom: 0.4rem; padding: 0; width: 4.7466666667rem; } .index_product div:nth-child(2n) { margin-left: 0.1066666667rem; } .index_product a { display: block; width: 100%; height: 5.5733333333rem; background: #ffffff; border-radius: 0.1333333333rem; } .index_product a img { width: 4.72rem; height: 4.72rem; border-radius: 0.1333333333rem 0.1333333333rem 0 0; } .index_product a strong { display: block; text-align: center; line-height: 0.8rem; font-size: 0.3733333333rem; color: #333; font-weight: normal; padding: 0 0.1333333333rem; height: 0.8rem; overflow: hidden; border-top: solid 1px #e5e5e5; } .index_more_bg { position: relative; } .index_more { display: block; margin: 0.6666666667rem auto 0 auto; line-height: 1.0666666667rem; width: 3.2rem; text-align: center; color: #666; font-size: 0.32rem; border-radius: 0.1333333333rem; border: solid 1px #d9d9d9; } .index_more.product_more { background: #fff; } .index_video_box { margin-top: 0.6666666667rem; } .index_video_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.5333333333rem 0.2533333333rem 0.64rem 0.2533333333rem; } .index_video_list { position: relative; } .index_video_list ul li span img { width: 100%; max-height: 5.1733333333rem; } .index_video_list ul li span i { font-size: 1.0666666667rem; width: 1.3333333333rem; height: 1.3333333333rem; color: #ffffff; position: absolute; left: 50%; top: 50%; margin-top: -0.6666666667rem; margin-left: -0.6666666667rem; } .index_video_list ul li strong { display: block; width: 100%; height: 0.4666666667rem; position: relative; text-align: center; color: #333; margin-top: 0.8rem; font-size: 0.3466666667rem; font-weight: normal; } .index_video_list .cxscroll .box { width: 9.0666666667rem; height: 6.44rem; } .index_video_nav_left, .index_video_nav_right { width: 0.6rem; height: 0.6rem; } .index_video_nav_left i, .index_video_nav_right i { font-size: 0.3466666667rem; font-weight: normal; color: #bcbcbc; } .index_video_nav_left { position: absolute; left: 0; bottom: 0; } .index_video_nav_right { position: absolute; right: 0; bottom: 0; } /*婊氬姩鎻掍欢鏍峰紡*/ .cxscroll .list { overflow: hidden; width: 133.3333333333rem; margin-bottom: 0; } .cxscroll .list li { float: left; } .index_anlie_list { position: relative; } .index_anlie_list .cxscroll .box { width: 9.0666666667rem; min-height: 7.44rem; } .index_anlie_list ul li span img { width: 9.0666666667rem; height: 6.8533333333rem; border-radius: 0.1333333333rem; } .index_anlie_list ul li span i { font-size: 1.0666666667rem; width: 1.3333333333rem; height: 1.3333333333rem; color: #0076c3; position: absolute; left: 50%; top: 50%; margin-top: -0.6666666667rem; margin-left: -0.6666666667rem; } .index_anlie_list ul li strong { display: block; width: 100%; height: 0.4666666667rem; position: relative; text-align: center; color: #333; margin-top: 0.2666666667rem; font-size: 0.3466666667rem; font-weight: normal; } .index_honor_list { position: relative; } .index_honor_list .cxscroll .box { width: 9.0666666667rem; /*height: px2xem(1067);*/ } .index_honor_list .swiper-slide { overflow: hidden; height: 5.3333333333rem; } .index_honor_list .swiper-slide.swiper-slide-active { display: block; height: auto; } .index_honor_list .swiper-slide span { position: relative; width: 9.0666666667rem; /*height: px2xem(972);*/ margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; border-radius: 0.1333333333rem; } .index_honor_list .swiper-slide span img { width: 9.0666666667rem; /*height: px2xem(972);*/ } .index_honor_list .swiper-slide strong { display: block; width: 100%; height: 0.4666666667rem; position: relative; text-align: center; color: #333; margin-top: 0.2666666667rem; font-size: 0.3466666667rem; font-weight: normal; } .index_honor_list ul li span img { width: 9.0666666667rem; /*height: px2xem(972);*/ } .index_honor_list ul li strong { display: block; width: 100%; height: 0.4666666667rem; position: relative; text-align: center; color: #333; margin-top: 0.2666666667rem; font-size: 0.3466666667rem; font-weight: normal; } .youshi { margin-top: 0.24rem; } .youshi_box { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.8rem 0.4rem 0.5733333333rem 0.4rem; } .youshi_box .carousel-indicators { bottom: -0.2rem; } .youshi_box .carousel-indicators li { background: #CCCCCC; border-color: #CCCCCC; border-radius: 50%; margin-left: 0.1333333333rem; } .youshi_box .carousel-indicators li.active { background: #0076c3; } .youshi_box .carousel-control.left, .youshi_box .carousel-control.right { background: none; display: none; } .youshi_list div.youshi_text { height: 3.7333333333rem; } .youshi_list div.youshi_text * { display: block; text-align: center; color: #2e2e2e; } .youshi_list div.youshi_text em { font-size: 1.0666666667rem; font-family: "Oswald", serif; font-weight: bold; font-style: normal; line-height: 1.3333333333rem; } .youshi_list div.youshi_text strong { font-size: 0.4rem; line-height: 0.6133333333rem; } .youshi_list div.youshi_text span { text-align: left; font-size: 0.32rem; color: #666666; } .index_anlie_box { margin-top: 0.6666666667rem; } .index_anlie_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.5333333333rem 0.2533333333rem 0.64rem 0.2533333333rem; } .index_fwkh_box { margin-top: 0.8266666667rem; } .index_fwkh_box .index_more { margin-top: 0.4266666667rem; } .index_fwkh_nav { margin-top: 0.76rem; } .index_fwkh_nav li { float: left; width: 4.7066666667rem; height: 1.0666666667rem; border: solid 1px #d9d9d9; border-radius: 0.1333333333rem; text-align: left; line-height: 1.0666666667rem; padding-left: 1.7066666667rem; margin-bottom: 0.2266666667rem; position: relative; } .index_fwkh_nav li:nth-child(2n) { margin-left: 0.1866666667rem; } .index_fwkh_nav li a { color: #333333; font-size: 0.32rem; } .index_fwkh_nav li i { font-size: 0.5333333333rem; color: #d6d6d6; position: absolute; left: 0.8666666667rem; } .ifwkh { margin-top: 0.5733333333rem; position: relative; } .ifwkh ul li { width: 3.04rem; float: left; height: 2.28rem; position: relative; margin-right: 0.24rem; background: #ffffff; margin-bottom: 0.24rem; } .ifwkh ul li:nth-child(3n) { margin-right: 0; } .ifwkh ul li span { width: 3.04rem; height: 2.28rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; } .ifwkh ul li span img { width: 3.04rem; height: 2.28rem; } .index_about_box { margin-top: 0.6666666667rem; } .index_about_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.9333333333rem 0 0.32rem 0; } .iabout_img { margin-top: 0.4rem; } .iabout_img img { width: 100%; } .about_num { padding: 0.7066666667rem 0.1333333333rem; } .about_num li { float: left; height: 2rem; padding-left: 0.2rem; position: relative; text-align: center; width: 50%; } .about_num li strong { font-size: 1.0666666667rem; font-family: "Oswald", serif; font-weight: bold; color: #0076c3; display: block; } .about_num li span { display: block; font-size: 0.2666666667rem; } .about_num li:nth-child(1) { border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; } .about_num li:nth-child(2) { border-bottom: solid 1px #dfdfdf; } .about_num li:nth-child(3):before { content: '涓?; position: absolute; left: 3.6666666667rem; top: 0.7733333333rem; font-size: 0.4rem; color: #0076c3; } .about_num li:nth-child(3) { border-right: solid 1px #dfdfdf; } .about_num li:nth-child(4):before { content: '+'; position: absolute; left: 4.0666666667rem; top: 0.1066666667rem; font-size: 0.64rem; color: #0076c3; font-family: "Oswald", serif; } .iabout_text { padding: 0 0.3333333333rem 0.5866666667rem 0.3333333333rem; font-size: 0.3466666667rem; line-height: 0.56rem; } .iabout_text strong { font-size: 0.4533333333rem; text-align: center; display: block; color: #333; } .iabout_text p { margin-top: 0.4266666667rem; color: #666666; } .iabout_ico { padding: 0 0.3333333333rem; } .iabout_ico a { width: 2.8666666667rem; height: 1.0666666667rem; display: block; float: left; margin-right: 0.16rem; border: solid 1px #dfdfdf; border-radius: 0.1333333333rem; line-height: 1.0666666667rem; padding-left: 1.12rem; position: relative; color: #333333; font-size: 0.32rem; } .iabout_ico a:last-child { margin-right: 0; } .iabout_ico a i { position: absolute; left: 0.3466666667rem; font-size: 0.5333333333rem; color: #d6d6d6; } .iabout_ico a:first-child i { font-size: 0.6666666667rem; } .index_honor_box { margin-top: 0.6666666667rem; } .index_honor_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.5333333333rem 0.2533333333rem 0.64rem 0.2533333333rem; } .fwlc_box { background: #ffffff; width: 100%; border-radius: 0.1333333333rem; padding: 0.9866666667rem 0.8rem 0 0.8rem; } .fwlc_box ul { margin-top: 0.9333333333rem; } .fwlc_box ul li { float: left; width: 1.56rem; height: 2.3333333333rem; margin-right: 1.56rem; margin-bottom: 0.5333333333rem; position: relative; } .fwlc_box ul li:nth-child(3n) { margin-right: 0; } .fwlc_box ul li:nth-child(-n+2):before { position: absolute; content: ''; display: block; width: 0; height: 0; border-left: 0.1866666667rem solid #333333; border-bottom: 0.1066666667rem solid transparent; border-top: 0.1066666667rem solid transparent; right: -0.8666666667rem; bottom: 0.2rem; } .fwlc_box ul li:nth-last-child(-n+2):before { position: absolute; content: ''; display: block; width: 0; height: 0; border-right: 0.1866666667rem solid #333333; border-bottom: 0.1066666667rem solid transparent; border-top: 0.1066666667rem solid transparent; left: -0.8666666667rem; bottom: 0.2rem; } .fwlc_box ul li span { display: block; width: 1.56rem; height: 1.56rem; border-radius: 50%; border: dotted 0.0266666667rem #878787; padding: 0.0533333333rem; } .fwlc_box ul li span i { width: 100%; height: 100%; display: block; background: #cdcdcd; border-radius: 50%; color: #ffffff; text-align: center; font-size: 0.6133333333rem; position: relative; } .fwlc_box ul li span i:before { position: absolute; top: 50%; left: 50%; margin-left: -20%; margin-top: -30%; } .fwlc_box ul li strong { display: block; text-align: center; line-height: 0.9066666667rem; font-size: 0.3733333333rem; color: #333333; font-weight: normal; } .inews_box { margin-top: 0.84rem; } .news_nav { margin-top: 0.5733333333rem; } .news_nav div span:last-child { padding-right: 0; } .news_nav a { display: block; width: 100%; height: 1.0666666667rem; float: left; background: #ffffff; text-align: center; line-height: 1.0666666667rem; font-size: 0.3733333333rem; color: #333333; border-radius: 0.0666666667rem; position: relative; } .news_nav a:last-child { margin-right: 0; } .news_nav a.active { background: #5fa2ce; color: #ffffff; } .inews_img { margin-top: 0.4266666667rem; } .inews_img a { display: block; position: relative; } .inews_img a img { width: 9.6rem; height: 7.2rem; border-radius: 0.1333333333rem; } .inews_img a span { display: block; position: absolute; width: 100%; bottom: 0; left: 0; height: 1.1066666667rem; font-weight: bold; line-height: 1.1066666667rem; text-align: center; font-size: 0.48rem; background: rgba(0, 0, 0, 0.6); color: #ffffff; border-radius: 0 0 0.1333333333rem 0.1333333333rem; overflow: hidden; } .news_list { margin-top: 0.4rem; } .news_list ul li { margin-bottom: 0.4666666667rem; height: 2.4rem; background: #ffffff; } .news_list ul li:last-child { margin-bottom: 0; } .news_list ul li div.news_time_box img { width: 3.2rem; height: 2.4rem; } .news_list ul li div.news_time_box strong { display: block; height: 0.5866666667rem; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; width: 100%; font-weight: normal; line-height: 0.5866666667rem; font-size: 0.32rem; } .news_list ul li div.news_time_box i { font-size: 0.2933333333rem; font-weight: normal; } .news_list ul li div.news_text { padding: 0.36rem; float: left; width: 6.4rem; } .news_list ul li div.news_text a { display: block; height: 0.48rem; font-size: 0.4rem; color: #222222; line-height: 0.48rem; overflow: hidden; } .news_list ul li div.news_text span { font-size: 0.32rem; color: #aeaeae; margin-top: 0.0666666667rem; display: block; overflow: hidden; height: 1.3333333333rem; padding: 0.1333333333rem 0; line-height: 0.56rem; } /*鐣欒█閮ㄥ垎*/ .index_feed_bg { background: url("../../images/b3.jpg") no-repeat center top #ffffff; background-size: 100% auto; padding-top: 4.96rem; } .liuyan_title strong { font-size: 0.64rem; line-height: 0.64rem; } .liuyan_title span { font-size: 0.32rem; } .liuyan_content { margin-top: 0.2266666667rem; } .liuyan_content div.fir { position: relative; } .liuyan_content div.fir:nth-child(n+2) { height: 1.28rem; /*width: 100%;*/ background: #f3f3f3; border-radius: 0.1333333333rem; margin-bottom: 0.4666666667rem; padding: 0.2666666667rem 0.3733333333rem 0.2666666667rem 0.6rem; } .liuyan_content div.fir:nth-child(n+2) strong.ftitle { width: 2.1333333333rem; color: #333333; font-size: 0.4rem; line-height: 0.7466666667rem; } .liuyan_content div.fir:nth-child(n+2) label.flabel { width: 4rem; padding-top: 0.0666666667rem; } .liuyan_content div.fir:nth-child(n+2) label.flabel input { width: 4rem; } .liuyan_content div.fir:nth-child(8):before, .liuyan_content div.fir:nth-child(9):before { content: '*'; position: absolute; color: #ff3300; font-size: 0.32rem; left: 0.2666666667rem; top: 35%; } .liuyan_content div.fir:last-child { background: none; padding: 0; } .liuyan_content label.flabel { height: 0.6666666667rem; width: 6.8rem; position: relative; } .liuyan_content label.flabel input { border: none; outline: none; background: none; font-weight: normal; font-size: 0.4rem; } .liuyan_content button { background: #ffae00; border: none; line-height: 1.28rem; width: 100%; font-size: 0.4rem; border-radius: 0.1333333333rem; color: #333; } .liuyan_content div.fir:nth-child(n+2) strong.ftitle, .liuyan_content div.fir:nth-child(n+2) label.flabel { display: block; float: left; } .select_box { position: relative; font-size: 0.32rem; height: auto; padding: 0 0 0 0; margin: 0; width: 6.1333333333rem; display: inline-block; vertical-align: top; } .select_box select { position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; } .select_box .select_preview { height: 0.7466666667rem; border-radius: 0.1333333333rem; text-align: center; position: relative; } .select_box .select_preview strong { color: #292929; font-size: 0.3733333333rem; font-weight: normal; line-height: 0.7466666667rem; display: block; } .select_box .select_preview span { display: block; width: 0.4266666667rem; height: 0.4266666667rem; position: absolute; right: 0.3466666667rem; bottom: 0.2533333333rem; border-radius: 50%; } .select_box .select_preview span i { display: block; width: 0; height: 0; border-left: 0.16rem solid transparent; border-right: 0.16rem solid transparent; border-top: 0.24rem solid #d6d6d6; margin: 0.1333333333rem auto; } .footer_bg { margin-top: 0.72rem; } .footer_ico { text-align: center; width: 4.8933333333rem; margin: 0 auto; } .footer_ico a { display: block; margin-right: 0.5466666667rem; float: left; width: 0.8133333333rem; height: 0.8133333333rem; background: #cecece; border-radius: 50%; position: relative; padding-top: 0.1333333333rem; } .footer_ico a:last-child { margin-right: 0; padding-top: 1px; } .footer_ico a:last-child i { font-size: 0.56rem; } .footer_ico a i { font-size: 0.4266666667rem; color: #ffffff; } .footer_ico a span { display: none; width: 2.6666666667rem; height: 2.6666666667rem; position: absolute; top: 0.8133333333rem; left: -0.3333333333rem; } .footer_ico a span img { width: 2.6666666667rem; height: 2.6666666667rem; } .footerbg_info { font-size: 0.3733333333rem; text-align: center; color: #909090; padding-bottom: 0.56rem; padding-top: 0.3466666667rem; } .footerbg_info a { color: #909090; font-size: 0.3733333333rem; } .footer_nav { left: 0; bottom: 0; width: 100%; height: 1.8666666667rem; z-index: 1010; background: #f7f7f7; padding-top: 0.2666666667rem; position: fixed; border-top: solid 1px #ececec; } .footer_nav a { text-align: center; display: block; color: #292929; font-size: 0.3733333333rem; } .footer_nav a i { font-size: 0.5333333333rem; color: #8f8f8f; } .footer_nav a span { display: block; height: 0.56rem; } .footer_nav a:hover { color: #0076c3; } .footer_nav a:hover i { color: #0076c3; } .footer_nav a.active { color: #0076c3; } .footer_nav a.active i { color: #0076c3; } /*浜岀骇椤甸潰*/ .about_bg { background: #ffffff; padding: 0.56rem 0.44rem; border-radius: 0.1333333333rem; } .linkmap_box { position: relative; } .linkmap_box em.about_map { position: absolute; top: -2.8rem; } .linkmap_box strong { font-size: 0.48rem; color: #333333; } .linkmap_box span { font-size: 0.2933333333rem; color: #666; margin-left: 0.0666666667rem; } .linkmap_box i { font-size: 0.2933333333rem; color: #e8e8e8; margin-left: 0.0666666667rem; } .about_content { padding-top: 0.4666666667rem; } .about_img { padding-left: 0; padding-right: 0; width: 100%; } .about_img img { max-width: 100%; } .customerviewcontent { font-size: 0.3733333333rem; color: #666666; line-height: 0.56rem; } .structure_box ul li:last-child { background: none; } .structure_box ul li i { font-size: 0.9333333333rem; color: #e2e2e2; position: absolute; left: 0; top: 0.3466666667rem; } .structure_box ul li strong { font-size: 0.4rem; color: #333; display: block; font-weight: normal; } .structure_box ul li span { font-size: 0.3733333333rem; color: #666; display: block; margin-top: 0.2rem; line-height: 0.5066666667rem; } .course_box { width: 100%; position: relative; margin-top: 0.84rem; padding-left: 2.7066666667rem; } .course_box:before { content: ''; height: 100%; width: 0.0533333333rem; background: #e4e2e2; left: 2.3333333333rem; position: absolute; top: 0.2666666667rem; } .course_box:after { width: 0; height: 0; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent; border-top: 0.4rem solid #e4e8ec; position: absolute; left: 2.1466666667rem; bottom: -0.6666666667rem; } .course_box li { position: relative; margin-bottom: 0.56rem; } .course_box li:last-child { margin-bottom: 1.2rem; } .course_box li .date { display: block; position: absolute; left: -2.7066666667rem; top: 0.0266666667rem; width: 2rem; font-size: 0.32rem; color: #333333; text-align: right; } .course_box li i { display: block; position: absolute; width: 0.3466666667rem; height: 0.3466666667rem; border: solid 0.0533333333rem #e4e2e2; background: #ffffff; left: -0.52rem; border-radius: 50%; top: 0.1066666667rem; } .honor_bg { background: #ffffff; padding: 0.56rem 0.2666666667rem; border-radius: 0.1333333333rem; } .honor_bg .linkmap_box { padding-left: 0.2666666667rem; } .fixed_nav { background: #ffffff; } .fixed_nav.affix { position: fixed; left: 0; width: 100%; top: 1.3333333333rem; margin-top: 0; z-index: 999; padding: 0.2666666667rem 0.2rem; } .fixed_nav.affix .answerImage_box { margin: 0 auto; } .nav_sec { margin-top: 0.7333333333rem; background: #ffffff; } .nav_sec.affix { position: fixed; left: 0; width: 100%; top: 1.3333333333rem; margin-top: 0; padding-top: 0.2666666667rem; z-index: 999; } .nav_sec .swiper-slide { display: block; float: left; height: 0.8533333333rem; margin-right: 0.4rem; padding: 0 0.2rem; width: auto; } .nav_sec .swiper-slide a { display: block; width: 100%; height: 100%; text-align: center; font-size: 0.4rem; color: #333333; position: relative; padding-bottom: 0.2666666667rem; } .nav_sec .swiper-slide a.active { font-weight: bold; } .nav_sec .swiper-slide a.active:before { content: ''; height: 0.0533333333rem; background: #0076c3; width: 100%; position: absolute; left: 0; bottom: 0; } .nav_sec ul { border-bottom: solid 0.0266666667rem #f5f5f5; } .nav_sec ul li { float: left; height: 0.5866666667rem; width: 2.0666666667rem; margin-right: 1.4266666667rem; } .nav_sec ul li:last-child { margin-right: 0; } .nav_sec ul li a { display: block; width: 100%; height: 100%; text-align: center; font-size: 0.3733333333rem; color: #333333; position: relative; padding-bottom: 0.1333333333rem; } .nav_sec ul li a.active:before { content: ''; height: 0.0533333333rem; background: #0076c3; width: 100%; position: absolute; left: 0; bottom: 0; } .nav_sec.videonav { padding: 0 0.2666666667rem; } .nav_sec.videonav ul li { width: 1.5733333333rem; margin-right: 0.92rem; } .nav_sec.frt_sec ul li { width: 2.4rem; margin-right: 1rem; } .honor_content { margin-top: 0.4933333333rem; } .honor_content ul li { float: left; width: 4.4rem; height: 6.9333333333rem; background: #f7f7f7; margin-bottom: 0.2666666667rem; } .honor_content ul li:nth-child(2n) { margin-left: 0.2666666667rem; } .honor_content ul li span { position: relative; width: 4.4rem; height: 5.8533333333rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; border: solid 1px #dedede; } .honor_content ul li span img { max-width: 100%; max-height: 100%; } .honor_content ul li strong { display: block; height: 1.0666666667rem; border: solid 1px #dedede; background: #f7f7f7; border-top: none; text-align: center; line-height: 1.0666666667rem; font-size: 0.3466666667rem; color: #333333; font-weight: normal; overflow: hidden; } .video_bg { background: #ffffff; padding: 0.56rem 0; border-radius: 0.1333333333rem; } .video_bg .linkmap_box { padding-left: 0.2666666667rem; } .video_content { margin-top: 0.4933333333rem; } .video_content ul li { float: left; width: 9.6rem; height: 7.3333333333rem; margin-bottom: 0.6666666667rem; } .video_content ul li .video_play { margin: 0 auto; width: 9.0666666667rem; height: 6.8rem; } .video_content ul li .video_box { position: relative; } .video_content ul li .video_box em { position: absolute; left: 0.44rem; top: 0.3466666667rem; font-size: 0.48rem; font-style: normal; color: #ffffff; } .video_content ul li span { position: relative; width: 9.6rem; height: 5.48rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; } .video_content ul li span img { max-width: 100%; max-height: 100%; } .video_content ul li span i { position: absolute; left: 50%; margin-left: -0.48rem; top: 50%; margin-top: -0.48rem; color: #ffffff; font-size: 0.96rem; width: 0.96rem; height: 0.96rem; } .video_content ul li strong { display: block; height: 0.88rem; line-height: 0.88rem; font-size: 0.3466666667rem; color: #333333; font-style: normal; } .video_content ul li i { font-size: 0.3466666667rem; color: #333333; font-style: normal; display: block; width: 50%; float: left; font-weight: normal; } .video_content ul li i:first-child { text-align: left; padding-left: 0.3066666667rem; } .video_content ul li i:last-child { text-align: right; padding-right: 0.3066666667rem; } .more_other { text-align: center; font-size: 0.3733333333rem; border-bottom: solid 0.0266666667rem #c7c7c7; height: 0.8rem; } .news_lists { margin-top: 0.4rem; } .news_lists ul li { margin-bottom: 0.4666666667rem; height: 2.9866666667rem; background: url("../../images/kfal_line.jpg") repeat-x left bottom #ffffff; } .news_lists ul li:last-child { margin-bottom: 0; } .news_lists ul li div.news_time_box img { width: 3.2rem; height: 2.4rem; border: solid 1px #c6c6c6; } .news_lists ul li div.news_time_box strong { display: block; height: 0.5866666667rem; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; width: 100%; font-weight: normal; line-height: 0.5866666667rem; font-size: 0.32rem; } .news_lists ul li div.news_time_box i { font-size: 0.2933333333rem; font-weight: normal; } .news_lists ul li div.news_text { padding: 0 0.36rem 0.36rem 0.36rem; float: left; width: 5.8666666667rem; } .news_lists ul li div.news_text a { display: block; height: 0.96rem; font-size: 0.4rem; color: #222222; line-height: 0.48rem; } .news_lists ul li div.news_text span { font-size: 0.32rem; color: #aeaeae; margin-top: 0.2rem; display: block; } .news_title { font-size: 0.4533333333rem; } .news_title h3 { font-size: 0.4533333333rem; font-weight: bold; line-height: 0.64rem; } .newsviewauthor { margin-top: 0.4rem; font-size: 0.32rem; color: #666; text-align: center; } .newsviewauthor a { color: #666; font-size: 0.32rem; } .newsviewcontent { font-size: 0.3733333333rem; color: #333; padding: 0.3733333333rem 0; } .img-box { width: 100%; } .page_nav { margin-top: 0.32rem; } .nextprea4 { width: 100%; height: 1.0666666667rem; line-height: 1.0666666667rem; text-align: center; border: solid 1px #d9d9d9; font-size: 0.3733333333rem; color: #333333; padding: 0 0.2666666667rem; overflow: hidden; border-radius: 0.1333333333rem; } .nextprea4 a { font-size: 0.3733333333rem; color: #333333; } .fangan_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.56rem 0.1733333333rem; } .fangan_lists { margin-top: 0.7333333333rem; } .fangan_lists li { float: left; width: 4.5333333333rem; height: 4.64rem; border-radius: 0.1333333333rem; margin-bottom: 0.1733333333rem; background: #f5f5f5; } .fangan_lists li:nth-child(2n) { margin-left: 0.1733333333rem; } .fangan_lists ul li a { display: block; height: 100%; color: #ffffff; text-align: center; position: relative; } .fangan_lists ul li a:after { content: ''; height: 3.4rem; width: 100%; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 2; border-radius: 0.1333333333rem 0.1333333333rem 0 0; } .fangan_lists ul li a i { font-size: 1.04rem; } .fangan_lists ul li a div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 0.0666666667rem; } .fangan_lists ul li a div:first-child { z-index: 3; } .fangan_lists ul li a div:last-child { height: 3.4rem; } .fangan_lists ul li a span { display: block; padding-top: 1.16rem; height: 3.4rem; } .fangan_lists ul li a strong { display: block; font-size: 0.3466666667rem; font-weight: normal; color: #333; height: 1.24rem; line-height: 0.48rem; padding-top: 0.1333333333rem; } .fangan_lists ul li:nth-child(1) a div:last-child { background-image: url("../../images/a1.jpg"); } .fangan_lists ul li:nth-child(2) a div:last-child { background-image: url("../../images/a2.jpg"); } .fangan_lists ul li:nth-child(3) a div:last-child { background-image: url("../../images/a3.jpg"); } .fangan_lists ul li:nth-child(4) a div:last-child { background-image: url("../../images/a4.jpg"); } .product_list { padding: 0; margin-top: 0.4rem; } .product_list div { margin-bottom: 0.2933333333rem; padding: 0; width: 4.5333333333rem; float: left; } .product_list div:nth-child(2n) { margin-left: 0.1733333333rem; } .product_list a { display: block; width: 100%; height: 5.8666666667rem; background: #ffffff; border-radius: 0.1333333333rem; border: solid 1px #dddddd; } .product_list a img { width: 100%; height: 4.5333333333rem; border-radius: 0.1333333333rem 0.1333333333rem 0 0; } .product_list a strong { display: block; text-align: center; line-height: 0.5066666667rem; font-size: 0.3733333333rem; color: #333; font-weight: normal; padding: 0.16rem 0.1333333333rem; height: 1.3066666667rem; overflow: hidden; border-top: solid 1px #e5e5e5; background: #f4f4f4; border-radius: 0 0 0.1333333333rem 0.1333333333rem; } .article_list { padding: 0; } .article_list div { margin-bottom: 0.2933333333rem; padding: 0; width: 4.5333333333rem; float: left; } .article_list div:nth-child(2n) { margin-left: 0.1733333333rem; } .article_list a { display: block; width: 100%; height: 4.36rem; background: #ffffff; border-radius: 0.1333333333rem; border: solid 1px #dddddd; } .article_list a img { width: 100%; height: 3.4133333333rem; border-radius: 0.1333333333rem 0.1333333333rem 0 0; } .article_list a strong { display: block; text-align: center; line-height: 0.6533333333rem; font-size: 0.3733333333rem; color: #333; font-weight: normal; padding: 0.16rem 0.1333333333rem; height: 0.92rem; overflow: hidden; border-top: solid 1px #e5e5e5; background: #f4f4f4; border-radius: 0 0 0.1333333333rem 0.1333333333rem; } .newsviewimg { margin-top: 0.4rem; } .newsviewimg img { width: 100%; } .frt_list { margin-top: 0.4666666667rem; } .frt_list ul li { float: left; width: 2.84rem; height: 3.4666666667rem; margin-right: 0.2666666667rem; } .frt_list ul li:nth-child(3n) { margin-right: 0; } .frt_list ul li a span { position: relative; width: 2.84rem; height: 2.1333333333rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; border: solid 0.0266666667rem #ebebeb; } .frt_list ul li a span img { max-width: 2.7866666667rem; max-height: 2.08rem; } .frt_list ul li a strong { display: block; text-align: center; color: #333333; font-size: 0.3466666667rem; line-height: 0.8rem; height: 0.8rem; overflow: hidden; font-weight: normal; } .contact_ico table tr td { border-bottom: solid 0.0266666667rem #f5f5f5; border-top: none; color: #686868; font-size: 0.3733333333rem; position: relative; padding: 0.1333333333rem 0 0.1333333333rem 0.7333333333rem; line-height: 0.56rem; } .contact_ico table tr td span { width: 0.4666666667rem; height: 0.4666666667rem; position: absolute; left: 0.2rem; top: 0.1333333333rem; } .contact_ico table tr td strong { font-weight: normal; } .contact_ico table tr td i { font-size: 0.3733333333rem; color: #dadada; } .contact_ico table tr td a { color: #686868; } .contact_ico table tr:last-child td { border-bottom: none; } .aliuyan_content { margin-top: 0.5333333333rem; } .aliuyan_content div { height: 1.0666666667rem; font-size: 0.32rem; color: #6d6d6d; padding: 0.3066666667rem 0.56rem; background: #f5f5f5; border-radius: 0.1333333333rem; margin-bottom: 0.2666666667rem; } .aliuyan_content div label { width: 100%; height: 100%; font-weight: normal; } .aliuyan_content div input { width: 100%; height: 100%; background: none; border: none; outline: none; } .aliuyan_content div:nth-child(4) { height: auto; } .aliuyan_content div:nth-child(4) textarea { height: 1.6rem; width: 100%; background: none; border: none; outline: none; } .aliuyan_content div:last-child { text-align: center; height: auto; background: none; padding: 0; clear: both; } .aliuyan_content div:last-child button { width: 4.4266666667rem; height: 1.0666666667rem; display: block; float: left; background: #ffae00; border-radius: 0.1333333333rem; border: none; color: #333333; } .aliuyan_content div:last-child button:last-child { float: right; background: #dfdfdf; } .map_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.2666666667rem; } .contact_map { width: 100%; margin-top: 0.4rem; } .contact_html { width: 100%; height: 6.88rem; } .product_info { background: #fff; border-radius: 0.1333333333rem; padding: 0.5333333333rem 0.3066666667rem; font-size: 0.3733333333rem; color: #333; line-height: 0.56rem; } .product_info img { width: 100%; } .product_box { background: #fff; padding: 0; } .product_bg .carousel-control.left, .product_bg .carousel-control.right { background: none; display: none; } .product_bg .carousel-inner .item span { position: relative; width: 9.68rem; height: 9.68rem; margin: 0 auto; display: table-cell; vertical-align: middle; text-align: center; } .product_bg .carousel-inner img { width: 9.68rem; height: 9.68rem; } .detail_bg { background: #ffffff; border-radius: 0.1333333333rem; padding: 0.3333333333rem; } .product_title { font-size: 0.4266666667rem; color: #333333; line-height: 0.5066666667rem; border-bottom: solid 0.0266666667rem #f5f5f5; padding-bottom: 0.32rem; font-weight: bold; } .detail_title { padding-top: 0.2933333333rem; position: relative; } .detail_title i { position: absolute; right: 0; font-size: 0.2666666667rem; color: #bcbcbc; top: 50%; } .detail_title div { width: 100%; } .detail_title div a { display: block; width: 8.5333333333rem; line-height: 0.4266666667rem; height: 1.3333333333rem; overflow: hidden; color: #333333; font-size: 0.3466666667rem; } .detail_title div a table { margin-bottom: 0; table-layout: fixed; } .detail_title div a table td { white-space: nowrap; border: none; width: 2.2666666667rem; overflow: hidden; text-overflow: ellipsis; color: #666666; } .detail_title div a table td.title { color: #333333; } .product_table { position: fixed; width: 100%; background: #ffffff; border-radius: 0.2933333333rem; bottom: 0; z-index: 1200; padding: 0.1333333333rem 0.32rem 0.3333333333rem 0.32rem; height: 11.7333333333rem; } .product_table .product_table_title { height: 0.8rem; line-height: 0.8rem; font-size: 0.48rem; font-weight: bold; text-align: center; } .product_table .product_table_foot { text-align: center; height: 0.4rem; } .product_table .product_table_content { max-height: 9.3333333333rem; overflow-y: auto; } .product_table .table > tbody > tr > th { width: 2.6666666667rem; } .product_table button { width: 3.56rem; height: 1.0666666667rem; line-height: 1.0666666667rem; margin-top: 0.3333333333rem; border: none; background: #f8f8f8; color: #333333; text-align: center; font-size: 0.3733333333rem; outline: none; } .product_table .table > tbody > tr > td, .product_table .table > tbody > tr > th { border-top: none; border-bottom: solid 1px #dadada; font-size: 0.3733333333rem; padding: 0.2666666667rem 0; } .product_table .table > tbody > tr:last-child > td, .product_table .table > tbody > tr:last-child > th { border-bottom: none; } .forbidrootscroll { height: 100%; overflow: hidden; } .modal-dialog { width: 9.7333333333rem; margin: 0.1333333333rem; font-size: 0.32rem; } .modal-dialog * { font-size: 0.32rem; } .modal-dialog .modal-body { padding: 0.2rem; font-size: 0.32rem; } .modal-dialog .modal-footer { padding: 0.2rem; } .modal-dialog .btn { padding: 0.08rem 0.16rem; font-size: 0.32rem; } .block { position: absolute; left: 0; top: 0; } .sliderContainer { position: relative; text-align: center; line-height: 0.5333333333rem; background: #f7f9fa; color: #45494c; border-radius: 0.0266666667rem; } .sliderbg { position: absolute; left: 0; right: 0; top: 0; background-color: #f7f9fa; height: 0.5333333333rem; border-radius: 0.0266666667rem; border: 1px solid #e6e8eb; } .sliderContainer_active .slider { top: -0.0133333333rem; border: 1px solid #008a3d; } .sliderContainer_active .sliderMask { border-width: 1px 0 1px 1px; } .sliderContainer_success .slider { top: -0.0133333333rem; border: 1px solid #008a3d; background-color: #008a3d !important; } .sliderContainer_success .sliderMask { border: 1px solid #008a3d; border-width: 1px 0 1px 1px; background-color: #008a3d; } .sliderContainer_success .sliderIcon:before { content: "\f00c"; } .sliderContainer_fail .slider { top: -0.0133333333rem; border: 1px solid #f57a7a; background-color: #f57a7a !important; } .sliderContainer_fail .sliderMask { border: 1px solid #f57a7a; background-color: #fce1e1; border-width: 1px 0 1px 1px; } .sliderContainer_fail .sliderIcon:before { content: "\f00d"; } .sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText { display: none; } .sliderMask { position: absolute; left: 0; top: 0; height: 0.5333333333rem; border: 0 solid #008a3d; background: #d1e9fe; border-radius: 0.0266666667rem; } .slider { position: absolute; top: 0; left: 0; width: 0.5333333333rem; height: 0.5333333333rem; background: #fff; box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.3); cursor: pointer; transition: background .2s linear; border-radius: 0.0266666667rem; display: flex; align-items: center; justify-content: center; } .slider:hover { background: #008a3d; } .slider:hover .sliderIcon { background-position: 0 -0.1733333333rem; } .sliderText { position: relative; } .refreshIcon { position: absolute; right: 0; top: 0; cursor: pointer; margin: 6px; color: black; font-size: 0.1866666667rem; z-index: 9999; transition: color .3s linear; } .refreshIcon:hover { color: #6c757d; } /*鏂板閰嶇疆*/ .slidercaptcha { margin: 0 auto; height: 5.1466666667rem; border-radius: 0.0533333333rem; box-shadow: 0 0 0.1333333333rem rgba(0, 0, 0, 0.125); } .slidercaptcha .card-body { padding: .1rem; } .slidercaptcha canvas:first-child { border-radius: 0.0533333333rem; border: 1px solid #e6e8eb; } .slidercaptcha.card .card-header { background-image: none; background-color: rgba(0, 0, 0, 0.03); } .dnews_title { font-size: 0.3733333333rem; margin-top: 0.4rem; font-weight: bold; padding-left: 0.1333333333rem; } .dnews_box { width: 100%; margin-top: 0.4rem; } .dnews_box ul li { float: left; width: 100%; height: 1.8666666667rem; margin-bottom: 0.4rem; } .dnews_box ul li a { display: block; height: 1.8666666667rem; } .dnews_box ul li a span { display: block; font-size: 0.3733333333rem; } .dnews_box ul li a i { font-size: 0.32rem; } .dnews_box ul li a strong { display: block; float: left; padding: 0.2rem 0.24rem; font-weight: normal; color: #a4a4a4; } .dnews_box ul li a strong span { font-weight: bold; color: #333333; } .dnews_box ul li a strong.dnews_left { width: 8rem; height: 1.7333333333rem; border: solid 1px #CCCCCC; } .dnews_box ul li a strong.dnews_right { width: 1.0666666667rem; line-height: 0.6666666667rem; height: 1.7333333333rem; text-align: center; padding-top: 0.6666666667rem; border: solid 1px #CCCCCC; border-left: none; } .dnews_box ul li a strong.dnews_right i { font-size: 0.3333333333rem; } .dnews_box ul li a strong i { font-style: normal; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 0.5866666667rem 2.0266666667rem; } .fancybox-next span { right: 0.1333333333rem; background-position: 0 -0.96rem; } .fancybox-prev span { left: 0.1333333333rem; background-position: 0 -0.48rem; } .fancybox-nav span { position: absolute; top: 50%; width: 0.48rem; height: 0.4533333333rem; margin-top: -0.24rem; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-title-float-wrap .child { font-size: 0.3733333333rem; line-height: 0.5333333333rem; font-weight: normal; } /*鍥剧墖鍒楄〃灞曠ず*/ #origin-img { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999999; } #origin-img .swiper-slide img { width: 100%; } .swiper-pagination { font-size: 0.3466666667rem; top: 1em; bottom: auto; color: #fff; } .upload { position: absolute; bottom: 0.1333333333rem; background: rgba(0, 0, 0, 0.5); z-index: 5; color: #fff; width: 100%; font-size: 0.3466666667rem; text-align: center; } .honor_img_box { display: table; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-align: center; vertical-align: middle; color: #ffffff; font-size: 36px; } .honor_img_box .honor_img { display: table-cell; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-align: center; vertical-align: middle; color: #ffffff; font-size: 36px; } html #newBridge .nb-invite-body-base .nb-invite-ok, html #newBridge .nb-invite-body-base .nb-invite-no { font-size: 0.24rem; /*width: px2xem(100);*/ } /*# sourceMappingURL=style.css.map */