锘緻charset "utf-8"; /* CSS Document */ @font-face{ font-family: 'Alibaba_PuHuiT'; src:url('/shujutang/static/public/font/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf'); } /*, sans-serif, Raleway, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"*/ body { font-family: 'Alibaba_PuHuiT'; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; font-style: normal!important; font-variant: normal!important; margin: 0px; padding: 0px; color: #343434; font-size: 12px; background-color: #fff; position: relative; } html { font-size: 62.5%; margin: 0px; padding: 0px; } a { color: #343434; text-decoration: none; outline: none; } a:hover { color: #294764; text-decoration: none; outline: none; } a:focus { outline: none; text-decoration: none; } .clear { clear: both; font-size: 0px; line-height: 0; height: 0; } * html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } .cell, .cell2, .cell3 { border-collapse: collapse; border-spacing: 0; } .text { float: right; } .fl { float: left; } .fr { float: right; } .yh { font-family: Raleway, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -webkit-font-smoothing: antialiased; } a, img { border: 0px; } p { margin: 0px; padding: 0px; line-height: 20px; } i { margin: 0px; padding: 0px; font-style: normal; } ul { margin: 0px; padding: 0px; list-style: none; } ul li { margin: 0px; padding: 0px; list-style: none; } br { margin: 0px; padding: 0px; } .clearheight { width: 100%; height: 1px; overflow: hidden; } input, select, textarea { font-family: "Microsoft Yahei"; outline: none; } input[type="text"]:disabled { background-color: #fff; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #969696; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #969696; } input:-ms-input-placeholder { color: #969696; } input::-webkit-input-placeholder { color: #969696; } /*common*/ .container { width: 100%; } .wrap { width: 100%; margin: 0px auto; padding: 0px; } .wrap_c { width: 94%; margin: 0px auto; padding: 0px; max-width: 1200px; /* overflow: hidden; */ } .wrap_in { width: 94%; margin: 0px auto; padding: 0px; } .img_hover { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .img_hover:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /*img:hover -webkit-transform:scale3d(1.05,1.05,1); transform:scale3d(1.05,1.05,1);*/ .retop_click { width: 40px; height: 40px; display: none; overflow: hidden; position: fixed; right: 0px; bottom: 14%; z-index: 9990; } .retop_click img { width: 100%; display: block; } .re_page { position: fixed; right: 0px; bottom: 10%; margin-bottom: 60px; z-index: 9990; background-color: #f5a21b; padding: 0px 10px; line-height: 30px; font-size: 12px; color: #fff; } .text_wz { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .text_wz_lddj { text-align: justify; text-justify: inter-ideograph; } .topfr { overflow: visible; position: fixed; z-index: 99998; top: 20px; left: 0px; } .topfr .fr { line-height: 30px; } .topfr .menu_li { overflow: visible; float: left; display: none; } .topfr .menu_li ul li { float: left; margin-left: 20px; position: relative; } .topfr .menu_li ul li a { font-size: 16px; color: #fff; } .topfr .menu_li ul li>a { width: 100%; display: block; overflow: hidden; position: relative; padding-bottom: 10px; } .topfr .menu_li ul li>a b { width: 32px; height: 4px; display: block; overflow: hidden; background-color: #f5a21b; position: absolute; left: 0px; bottom: 0px; display: none; } .topfr .menu_li ul li a:hover { color: #f5a21b; } .topfr .menu_li ul li .menu_li_c { width: 100px; position: absolute; left: 0px; top: 40px; padding: 10px; display: none; } .topfr .menu_li ul li .menu_li_c p { width: 100%; overflow: hidden; font-size: 14px; line-height: 24px; } .topfr .menu_li ul li .menu_li_c p a { color: #d7d7d7; font-size: 14px; } .topfr .menu_li ul li .menu_li_c p a:hover { color: #f5a21b; } .topfr .menu_li ul li:hover>a b { display: block; } .topfr .menu_li ul li:hover>a { color: #f5a21b; } .topfr .menu_li ul li:hover .menu_li_c { display: block; } .topfr .top_lang { float: left; /* margin-left: 40px; */ position: relative; cursor: pointer; } .topfr .top_lang .top_lang_t { width: 100%; overflow: hidden; } .topfr .top_lang .top_lang_t span { display: inline-block; font-size: 16px; background: url("/shujutang/static/image/index/top_04.png") right center no-repeat; padding-right: 18px; color: #555; } /* .topfr .top_lang .top_lang_c { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 24px; display: none; } .topfr .top_lang .top_lang_c p { width: 100%; overflow: hidden; font-size: 16px; line-height: 24px; } .topfr .top_lang .top_lang_c p a { color: #555; } */ .topfr .top_lang:hover .top_lang_c { display: block; } .topfr .top_sch { float: left; margin-left: 20px; display: none; } .topfr .top_sch a { width: 20px; height: 30px; display: block; overflow: hidden; background: url("/shujutang/static/image/index/top_02.png") center no-repeat; background-size: 100%; } .topfr .menu { float: left; margin-top: -5px; margin-left: 20px; cursor: pointer; position: relative; z-index: 99998; } .topNavBg .menu { margin-top: -3px; } .topfr .menu em { width: 34px; height: 34px; display: block; overflow: hidden; float: left; position: relative; color: white!important; cursor: pointer; background: url('/shujutang/static/image/index/menu_white.png') no-repeat center; background-size: 66%; } .topfr .menu em.on { background: url('/shujutang/static/image/index/close_black.png') no-repeat center; background-size: 54%; } .blackSize .menu em { width: 34px; height: 34px; display: block; overflow: hidden; float: left; position: relative; color: white!important; cursor: pointer; background: url('/shujutang/static/image/index/menu_black.png') no-repeat center; background-size: 66%; } .topNavBg .menu em { width: 34px; height: 34px; display: block; overflow: hidden; float: left; position: relative; color: white!important; cursor: pointer; background: url('/shujutang/static/image/index/menu_black.png') no-repeat center; background-size: 66%; } /* .topfr .menu em i{cursor:pointer;width:60%;display:block;overflow:hidden;height:2px;background-color:#555;position:absolute;left:15%;top:10px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;} .topfr .menu em i.i1{top:10px;} .topfr .menu em i.i2{top:18px;} .topfr .menu em i.i3{top:26px;} */ /* .topfr .menu em.on i.i2{opacity:0;} .topfr .menu em.on i.i1{width:60%;left:20%;transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-moz-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);} .topfr .menu em.on i.i3{width:60%;left:20%;transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-moz-transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);} */ .topfr_01 .menu { display: none; } .topfr_01 .menu_li { display: block; } .topfr_01 .top_lang .top_lang_t span { color: #fff; background: url("/shujutang/static/image/index/top_03.png") right center no-repeat; } .topfr_01 .top_lang .top_lang_c p a { color: #fff; } .topfr_01 .top_sch a { background: url("/shujutang/static/image/index/top_01.png") center no-repeat; background-size: 100%; } .topfr_02 .menu { display: block; } .topfr_02 .menu em i { background-color: #fff; } .topfr_02 .menu em.on i { background-color: #333; } .topfr_02 .menu_li { display: none; } .topfr_02 .top_lang .top_lang_t span { color: #fff; background: url("/shujutang/static/image/index/top_03.png") right center no-repeat; } .topfr_02 .top_lang .top_lang_c p a { color: #fff; } .topfr_02 .top_sch a { background: url("/shujutang/static/image/index/top_01.png") center no-repeat; background-size: 100%; } .menufr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 99990; background-color: #f8f8f8; display: none; } .menufr .fl { width: 50%; overflow: hidden; margin-top: 0px; } .menufr .fl p { width: 100%; overflow: hidden } .menufr .fl p.p1 { font-size: 40px; color: #333; line-height: 40px; font-family: Arial; } .menufr .fl p.p2 { font-size: 16px; color: #888; line-height: 26px; margin-top: 10px; } .menufr .fr { width: 50%; margin-top: 0px; } .menufr .fr ul li { width: 100%; overflow: visible; position: relative; } .menufr .fr ul li .menu_t { line-height: 30px; padding: 15px 0px; overflow: hidden; } .menufr .fr ul li .menu_t span { display: inline-block; float: left; } .menufr .fr ul li .menu_t span.sp1 { line-height: 20px; width: 100px; position: relative; } .menufr .fr ul li .menu_t span.sp1 i { float: left; font-size: 16px; color: #dcdcdc; display: inline-block; background-color: #f8f8f8; position: relative; z-index: 9; padding-right: 10px; } .menufr .fr ul li .menu_t span.sp1 b { width: 100%; height: 2px; display: block; overflow: hidden; background-color: #dcdcdc; position: absolute; left: 0px; top: 50%; margin-top: -1px; } .menufr .fr ul li .menu_t span.sp2 { font-size: 20px; float: left; color: #333; margin-left: 20px; } .menufr .fr ul li.on .menu_t span.sp2 { color: #f5a21b; } .menufr .fr ul li.on .menu_t span.sp1 i { color: #f5a21b; } .menufr .fr ul li.on .menu_t span.sp1 b { background-color: #f5a21b; } .menufr .fr ul li .menu_c { position: absolute; left: 250px; top: 0px; display: none; z-index: 9990; } .menufr .fr ul li .menu_c p { width: 100%; overflow: hidden; line-height: 28px; } .menufr .fr ul li .menu_c p a { font-size: 16px; color: #888; } .menufr .fr ul li .menu_c p a:hover { color: #f5a21b; } .page1 { overflow: hidden; position: relative; } .page1_slide { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; } .page1_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; background-color: #fff; } .page1_slide .swiper-slide .fr { width: 60%; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; background: #000; } .page1_slide .swiper-slide .fr .page1_bg img { width: 100%; } .page1_slide .swiper-slide .fl { width: 30%; overflow: hidden; position: absolute; left: 15%; top: 20%; } .page1_slide .swiper-slide .fl p { width: 60%; overflow: hidden; } .page1_slide .swiper-slide .fl p.p1 { font-size: 40px; color: #333; line-height: 60px; font-weight: bold; } .page1_slide .swiper-slide .fl p.p2 { font-size: 30px; color: #333; font-weight: 100; line-height: 40px; margin-top: 5px; } .page1_slide .swiper-slide .fl p.p3 { margin-top: 20px; font-size: 14px; color: #888; line-height: 26px; text-align: justify; text-justify: inter-ideograph; } .page1_slide .swiper-slide .fl p.p4 { width: 100%; margin-top: 50px; } .page1_slide .swiper-slide .fl p.p4 a { width: 45%; height: 50px; display: block; overflow: hidden; float: left; border-radius: 50px; background-color: #fff; font-size: 14px; color: #888; text-align: center; line-height: 50px; border: 1px solid #e4e4e4; } .page1_slide .swiper-slide .fl p.p4 a:nth-child(2) { float: right; } .page1_slide .swiper-slide .fl p.p4 a:hover { background-color: #f5a21b; border: 1px solid #f5a21b; color: #fff; } .page1_slide .page1_prev { width: 30px; height: 30px; display: block; overflow: hidden; background: url("/shujutang/static/image/comm/in_01.png") center no-repeat; background-size: 100%; position: absolute; right: 2%; bottom: 10px; margin-bottom: 40px; z-index: 990; } .page1_slide .page1_next { width: 30px; height: 30px; display: block; overflow: hidden; background: url("/shujutang/static/image/comm/in_02.png") center no-repeat; background-size: 100%; position: absolute; right: 2%; bottom: 10px; z-index: 990; } .page1_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transition: 7s; -webkit-transition: 7s; transition-timing-function: linear; -webkit-transition-timing-function: linear; } .page1_slide .swiper-slide-active .page1_bg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .page1_slide .swiper-slide .banner_01_video { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .page2 { overflow: hidden; position: relative; background-color: #f8f8f8; } .page2_t { width: 100%; overflow: hidden; text-align: center; margin-top: 38px; position: relative; z-index: 990; } .page2_t p { width: 100%; overflow: hidden; text-align: center; } .page2_t p.p1 { font-size: 30px; color: #333; line-height: 50px; } .page2_t p.p2 { font-size: 16px; color: #888; line-height: 24px; } .page2_c { width: 100%; overflow: hidden; margin-top: 30px; position: relative; } .page2c_slide { width: 85%; overflow: hidden; margin: 0px auto; padding: 30px 0px; } .page2c_slide .swiper-slide { width: 60%; overflow: hidden; } .page2c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; position: relative; } .page2c_slide .swiper-slide a img { width: 100%; display: block; } .page2c_slide .swiper-slide a em.em1 { position: absolute; left: 0px; top: 0px; width: 100%; overflow: hidden; font-style: normal; } .page2c_slide .swiper-slide a em.em1 span { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; } .page2c_slide .swiper-slide a em.em1 span.sp1 { font-size: 20px; color: #fff; line-height: 34px; position: relative; margin-top: 20px; padding-top: 10px; } .page2c_slide .swiper-slide a em.em1 span.sp1 b { width: 50px; height: 2px; display: block; overflow: hidden; background-color: #f5a21b; position: absolute; left: 0px; top: 0px; } .page2c_slide .swiper-slide a em.em1 span.sp2 { width: 50%; margin-top: 15px; font-size: 14px; color: #fff; line-height: 20px; margin-left: 5%; } /* .page2c_slide .swiper-slide a em.em1 span.sp3{margin-top:15px;} */ .page2c_slide .swiper-slide a em.em1 span.sp3 i { display: inline-block; font-size: 14px; color: #333; line-height: 30px; padding: 0px 15px; background-color: #fff; /* border-radius: 30px; */ } .page2c_slide .swiper-slide a em.em2 { position: absolute; right: 5%; top: 0px; height: 100%; display: flex; vertical-align: middle; font-style: normal; align-items: center; font-size: 40px; color: #fff; } .page2c_slide .swiper-slide a:hover em.em1 span.sp3 i { background-color: #f5a21b; color: #fff!important; } .page2c_slide .swiper-slide-active { -moz-box-shadow: 0px 0px 30px rgba(16, 121, 185, 0.2); -webkit-box-shadow: 0px 0px 30px rgba(16, 121, 185, 0.2); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); } .page2_c .page2_prev { width: 69px; height: 100%; display: block; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_01.png") center no-repeat; background-size: 36%; position: absolute; left: 0px; top: 0px; z-index: 990; } .page2_c .page2_next { width: 69px; height: 100%; display: block; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_02.png") center no-repeat; background-size: 36%; position: absolute; right: 0px; top: 0px; z-index: 990; } .page3 { overflow: hidden; position: relative; } .page3_c { width: 100%; overflow: hidden; margin-top: 60px; } .page3_c ul li { width: 26.6666%; overflow: hidden; float: left; margin-right: 10%; } .page3_c ul li:nth-child(3) { margin-right: 0px; } .page3_c ul li em { width: 100%; display: block; overflow: hidden; font-style: normal; } .page3_c ul li em.em1 { position: relative; } .page3_c ul li em.em1 img { width: 100%; display: block; } .page3_c ul li.li1 em.em1 b.b1 { width: 100%; overflow: hidden; height: 104%; position: absolute; left: 0px; top: -2%; background: url("../images/in_06_01.png") center no-repeat; background-size: 100% 100%; } .page3_c ul li.li1 em.em1 b.b2 { width: 20%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: #fff; } .page3_c ul li.li1 em.em1 b.b3 { width: 20%; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; background-color: #fff; } .page3_c ul li.li2 em.em1 b.b1 { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/in_07_01.png") center no-repeat; background-size: 100%; } .page3_c ul li.li2 em.em1 b.b2 { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/in_07_02.png") center no-repeat; background-size: 100%; } .page3_c ul li.li2 em.em1 b.b3 { width: 100%; overflow: hidden; height: 100%; position: absolute; right: 0px; top: 0px; background: url("../images/in_07_03.png") center no-repeat; background-size: 100%; } .page3_c ul li.li3 em.em1 b.b1 { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../images/in_08_01.png") center no-repeat; background-size: 100%; } .page3_c ul li.li3 em.em1 b.b2 { width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0px; bottom: 0px; background: url("../images/in_08_02.png") center no-repeat; background-size: 100%; } .page3_c ul li span { width: 100%; display: block; overflow: hidden; margin-top: 20px; font-size: 20px; color: #333; line-height: 30px; text-align: center; } .page3_c ul li i { width: 100%; display: block; overflow: hidden; text-align: center; margin-top: 10px; font-size: 14px; color: #888; } .page3_c ul li b.b4 { width: 52px; height: 52px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; background: url("/shujutang/static/image/comm/in_05.png") center no-repeat; background-size: 100%; margin-top: 20px; } .page3_c ul li:hover b.b4 { background: url("/shujutang/static/image/comm/in_06.png") center no-repeat; background-size: 100%; } .page3c_hide { display: none; } .page4 { overflow: hidden; position: relative; background-color: #f8f8f8; } .page4 img.img1 { position: absolute; right: 0%; top: 0px; height: 100%; display: block; } .page4_c { width: 100%; overflow: hidden; position: relative; z-index: 990; margin-top: 120px; } .page4_c .fl { width: 30%; overflow: hidden; position: relative; } .page4_c .fl img { width: 100%; display: block; } .page4_c .fl img.img2 { width: 40%; display: block; position: absolute; left: 30%; top: 30%; -webkit-animation: cubemove11 4s linear infinite; animation: cubemove11 4s linear infinite; } @-webkit-keyframes cubemove11 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } @keyframes cubemove11 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } } .page4_c .fr { width: 40%; overflow: hidden; } .page4_c .fr ul li { width: 100%; overflow: hidden; background-color: #fff; margin-bottom: 20px; padding: 20px 0px; } .page4_c .fr ul li img { float: left; display: block; height: 80px; } .page4_c .fr ul li em { width: 70%; overflow: hidden; display: block; font-style: normal; float: left; margin-left: 5%; } .page4_c .fr ul li em span { width: 100%; display: block; overflow: hidden; font-size: 20px; color: #333; line-height: 30px; } .page4_c .fr ul li em i { width: 100%; display: block; overflow: hidden; font-size: 14px; color: #888; line-height: 22px; margin-top: 5px; } .page5 { overflow: hidden; position: relative; } .page5 .wrap_c {} .page5 .page5_b { width: 100%; /* overflow:hidden;position:absolute;left:0px;bottom:0px; */ } .page5 .page5_b img.img1 { width: 60%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; -webkit-animation: cubemove11 14s linear infinite; animation: cubemove11 14s linear infinite; } .page5b_d_01 { position: absolute; left: 10%; top: 46%; z-index: 990; } .page5b_d_02 { position: absolute; left: 5%; top: 70%; z-index: 990; } .page5b_d_03 { position: absolute; right: 10%; top: 46%; z-index: 990; } .page5b_d_04 { position: absolute; right: 5%; top: 70%; z-index: 990; } .page5b_01 { width: 25%; overflow: visible; } .page5b_01 em { display: block; overflow: hidden; font-style: normal; } .page5b_01 em.em1 { width: 75%; float: left; } .page5b_01 em.em1 span { width: 100%; display: block; overflow: hidden; text-align: right; font-size: 20px; color: #333; line-height: 30px; } .page5b_01 em.em1 i { width: 100%; display: block; overflow: hidden; text-align: right; font-size: 14px; color: #888; line-height: 20px; margin-top: 5px; } .page5b_01 em.em2 { width: 20%; overflow: visible; float: right; border-radius: 50%; position: relative; background-color: #fff; -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); } .page5b_01 em.em2 img { width: 100%; display: block; border-radius: 50%; } .page5b_01 em.em2 img.p5_img2 { position: absolute; left: 50%; top: 50%; width: 0px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5b_01 em.em2 b { width: 0px; height: 0px; border: 0px solid #f6a727; position: absolute; border-radius: 50%; left: 50%; top: 50%; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5b_01:hover em.em2 img.p5_img2 { width: 90%; left: 5%; top: 5%; background-color: #f6a727; } .page5b_01:hover em.em2 b { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; z-index: 9; -moz-box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); -webkit-box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); } .page5b_02 { width: 25%; overflow: visible; } .page5b_02 em { display: block; overflow: hidden; font-style: normal; } .page5b_02 em.em1 { width: 75%; float: right; } .page5b_02 em.em1 span { width: 100%; display: block; overflow: hidden; text-align: left; font-size: 20px; color: #333; line-height: 30px; } .page5b_02 em.em1 i { width: 100%; display: block; overflow: hidden; text-align: left; font-size: 14px; color: #888; line-height: 20px; margin-top: 5px; } .page5b_02 em.em2 { width: 20%; overflow: visible; float: left; border-radius: 50%; position: relative; background-color: #fff; -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.08); } .page5b_02 em.em2 img { width: 100%; display: block; border-radius: 50%; } .page5b_02 em.em2 img.p5_img2 { position: absolute; left: 50%; top: 50%; width: 0px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5b_02 em.em2 b { width: 0px; height: 0px; border: 0px solid #f6a727; position: absolute; border-radius: 50%; left: 50%; top: 50%; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .page5b_02:hover em.em2 img.p5_img2 { width: 90%; left: 5%; top: 5%; background-color: #f6a727; } .page5b_02:hover em.em2 b { width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; z-index: 9; -moz-box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); -webkit-box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); box-shadow: 0px 0px 2px rgba(245, 162, 27, 1); } .page6 { overflow: hidden; position: relative; background-color: #f8f8f8; height: 600px !important } .page6 .fl { width: 20%; overflow: hidden; float: left; margin-left: 10%; margin-top: 228px; } .page6 .fl p { width: 100%; overflow: hidden; text-align: center; } .page6 .fl p.p1 { font-size: 30px; color: #333; line-height: 50px; } .page6 .fl p.p2 { font-size: 14px; color: #888; line-height: 24px; } .page6 .fl p.p3 { margin-top: 30px; } .page6 .fl p.p3 a { display: inline-block; line-height: 40px; padding: 0px 30px; border-radius: 20px; background-color: #fff; font-size: 14px; color: #333; border: 1px solid #e3e3e3; } .page6 .fl p.p3 a:hover { background-color: #f5a21b; color: #fff; border: 1px solid #f5a21b; } .page6 .fr { width: 55%; overflow: hidden; margin-top: 36px; } .page6_slide { width: 100%; overflow: hidden; } .page6_slide .swiper-slide { width: 100%; overflow: hidden; } .page6_slide .swiper-slide ul li { width: 16.6666%; overflow: hidden; float: left; } .page6_slide .swiper-slide ul li img { width: 100%; display: block; } .page7 { overflow: hidden; position: relative; background-color: #333; padding: 30px 0px; } .page7_t { width: 100%; overflow: hidden; } .page7_t .fl { width: 80%; overflow: hidden; } .page7_t .fl dl { float: left; width: 14%; overflow: hidden; } .page7_t .fl dl dt { margin: 0px; padding: 0px; line-height: 26px; margin-bottom: 10px; } .page7_t .fl dl dt a { font-size: 16px; color: #fff; } .page7_t .fl dl dd { margin: 0px; padding: 0px; line-height: 22px; } .page7_t .fl dl dd a { font-size: 14px; color: #717171; } .page7_t .fl dl a:hover { color: #f5a21b; } .page7_t .fr { width: 20%; } .page7_t .fr em { display: block; overflow: hidden; font-style: normal; } /* .page7_t .fr em.em1{width:65%;} */ .page7_t .fr em.em1 span { width: 100%; display: block; overflow: hidden; margin-bottom: 20px; } .page7_t .fr em.em1 span i { width: 100%; display: block; overflow: hidden; } .page7_t .fr em.em1 span i.i1 { color: #717171; font-size: 14px; line-height: 20px; } .page7_t .fr em.em1 span i.i2 { font-size: 16px; color: #fff; line-height: 20px; } .page7_t .fr em.em1 span.sp1 { background: url("../images/btn_01.jpg") left center no-repeat; background-size: 30px; text-indent: 40px; } .page7_t .fr em.em1 span.sp2 { background: url("../images/btn_02.jpg") left center no-repeat; background-size: 30px; text-indent: 40px; } .page7_t .fr em.em2 { width: 42%; text-align: center; float: none; } .page7_t .fr em.em2 img { width: 100%; display: block; } .page7_t .fr em.em2 span { width: 100%; display: block; overflow: hidden; font-size: 14px; color: #fff; line-height: 24px; margin-top: 10px; } .page7_c { width: 100%; overflow: hidden; border-top: 1px solid #444; margin-top: 20px; padding-top: 20px; text-align: center; } .page7_c p { width: 100%; overflow: hidden; font-size: 14px; color: #717171; } .page7_c p.p1 {} .page7_c p a { display: inline-block; background: url("../images/btn_03.jpg") left center no-repeat; padding-left: 10px; margin: 0px 10px; color: #717171; } .page7_c p a:hover { color: #f5a21b; } .indexPageItem { height: 600px; padding-top: 20px; } .indexPage2 { height: 550px; } .indexPage6 { height: 716px; } .sitefr { overflow: hidden; padding-top: 45px!important; font-size: 14px; color: #999; } .sitefr a { color: #999; float: left; margin-bottom: 5px; } .sitefr a.last { color: #333; } .sitefr i { float: left; margin: 0px 5px; margin-bottom: 5px; } .sitefr a:hover { color: #333; } .newsxq_01 { overflow: hidden; } .newsxq_01 .wrap_c { overflow: hidden; background-color: #fff; padding: 40px 0px 60px; } .nxq_01_t { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; } .nxq_01_t h1 { margin: 0px; padding: 0px; text-align: center; font-weight: normal; font-size: 30px; color: #333; line-height: 30px; } .nxq_01_t p { width: 100%; margin-top: 28px; overflow: hidden; text-align: center; /*border-bottom: 1px solid #eee;*/ font-size: 14px; color: #999; line-height: 30px; padding-bottom: 28px; } .nxq_01_t p span { display: inline-block; margin: 0px 30px 0 0; } .nxq_01_c { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; } .nxq_01_c p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 24px; margin-bottom: 10px; } .nxq_01_c img { max-width: 100%; } .nxq_01_b { width: 100%; overflow: hidden; margin: 0px auto; padding: 0px; border-top: 1px solid #eee; margin-top: 40px; padding-top: 20px; } .nxq_01_b p { width: 100%; overflow: hidden; line-height: 30px; margin: 5px 0px; } .nxq_01_b p a { font-size: 14px; color: #999; line-height: 30px; } .nxq_01_b p a:hover { color: #f7a300; } .ryzl_01 { width: 96%; overflow: visible; margin: 0px auto; padding: 0px; } .ryzl_01 ul li { width: 30%; height: 496px; overflow: hidden; position: relative; float: left; margin-right: 5%; margin-bottom: 40px; -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04); } .ryzl_01 ul li:nth-child(3n) { margin-right: 0px; } .ryzl_01 ul li a { width: 100%; display: block; overflow: hidden; } .ryzl_01 ul li a img { width: 100%; display: block; } .ryzl_01 ul li a em { width: 100%; display: block; overflow: hidden; height: 100%; background-color: rgba(255, 180, 6, 0.95); position: absolute; left: 0px; top: -100%; font-style: normal; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .ryzl_01 ul li a em span { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; color: #fff; } .ryzl_01 ul li a em i { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; color: #fff; font-size: 12px; line-height: 20px; } .ryzl_01 ul li a em span.sp1 { font-size: 20px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; } .ryzl_01 ul li a em span.sp2 { font-size: 14px; line-height: 24px; margin-top: 10px; } .ryzl_01 ul li a em span.sp3 { font-size: 14px; line-height: 24px; } .ryzl_01 ul li a:hover em { top: 0px; } .pages { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 40px; text-align: right; font-size: 14px; color: #333; } .pages a { display: inline-block; line-height: 40px; padding: 0px 13px; border-radius: 4px; /* background-color: #EBF0FC; */ margin: 0px 5px; color: #666; font-size: 16px; margin-bottom: 10px; } .pages a:hover { /* background-color: #f5a21b; color: #fff; */ color: #333; } .pages a.on { /* background-color: #f5a21b; color: #fff; */ color: #333; } .pages a.a1:hover { /* background-color: #333; color: #fff; */ color: #333; } .pages i { display: inline-block; line-height: 40px; margin: 0px 5px; margin-bottom: 10px; } .pages a.gray:hover { /* background-color: #EBF0FC; color: #666;*/ color: #666; } .zdjs_01 { overflow: hidden; position: relative; } .zdjs_01 .zdjs_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; -webkit-animation: animate1 5.4s linear infinite; animation: animate1 5.4s linear infinite; transform: scale(1.02, 1.02); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); } .zdjs_01 .zdjs_bg1 { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .zdjs_01 .zdjs_bg1 img.img2 { width: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; } .zdjs_01 .zdjs_bg1 b.b2 { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; } .zdjs_01 .zdjs_bg_add { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: 2s ease-in-out; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; -moz-transition: 2s ease-in-out; } .zdjs_01 .zdjs_bg_remove { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .zdjs_01 .wrap_in { position: relative; z-index: 9; } .zdjs_01 h1 { margin: 0px; padding: 0px; color: #f5a21b; font-size: 30px; line-height: 40px; text-align: center; width: 100%; } .zdjs_01 h1.h1_01 { color: #fff; } .zdjs_01 p { width: 100%; overflow: hidden; text-align: center; line-height: 24px; font-size: 16px; margin-top: 20px; color: #fff; } .zdjs_01 p a { color: #fff; display: inline-block; margin: 0px 15px; background: url("../images/zdjs_01.png") left center no-repeat; padding-left: 10px; margin-bottom: 10px; } .zdjs_01 p.p1 { position: relative; width: 50%; margin: 0px auto; padding: 0px; margin-top: 30px; } .zdjs_01 p.p1 input.sjj_01_txt { width: 100%; height: 45px; line-height: 40px; border-radius: 50px; border: 0px; background-color: #fff; text-indent: 50px; font-size: 14px; padding: 0px; } .zdjs_01 p.p1 input.sjj_01_btn { width: 40px; height: 45px; border: 0px; cursor: pointer; background: url("/shujutang/static/image/index/top_02.png") center no-repeat; background-size: 20px; position: absolute; left: 5px; top: 0px; } .zdjs_02 { overflow: hidden; } .zdjs_02 ul li { width: 100%; overflow: hidden; background-color: #f8f8f8; padding: 60px 0px; } .zdjs_02 ul li:nth-child(2n) { background-color: #fff; } .zdjs_02 ul li a { width: 100%; display: block; overflow: hidden; } .zdjs_02 ul li em { width: 46%; display: block; font-style: normal; } .zdjs_02 ul li em.em1 { overflow: hidden; position: relative; } .zdjs_02 ul li em.em1 img { width: 100%; display: block; } .zdjs_02 ul li em.em1 img.img2 { width: 100%; position: absolute; left: 0px; top: 0px; display: none; } .zdjs_02 ul li em.em1 img.img3 { width: 100%; position: absolute; left: 0px; top: 0px; display: none; } .zdjs_02 ul li em.em1 img.img4 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .zdjs_02 ul li em.em1 img.img5 { width: 100%; display: block; position: absolute; left: 0%; top: 0px; } .zdjs_02 ul li em.em1 img.img6 { width: 50%; display: block; position: absolute; right: -50%; top: 0px; transition: 2s ease-in-out; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; -moz-transition: 2s ease-in-out; } .zdjs_02 ul li em.em1 img.img7 { width: 100%; height: 100%; display: block; position: absolute; left: 0%; bottom: 0px; } .zdjs_02 ul li em.em1 img.img8 { width: 100%; height: 100%; display: block; position: absolute; right: 0%; bottom: 0px; } .zdjs_02 ul li em.em1 img.img9 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; opacity: 0; } .zdjs_02 ul li em.em1 img.img10 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; opacity: 0; } .zdjs_02 ul li em.em1 .animte_07_img7 { width: 100%; height: 0%; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 0px; } .zdjs_02 ul li em.em1 .animte_14_c { width: 0%; height: 100%; display: block; overflow: hidden; position: absolute; right: 0px; bottom: 0px; } .zdjs_02 ul li em.em1 .animte_15_c { width: 0%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; bottom: 0px; } .animate_08_hover { right: 0%; } .animte_12 img.img8 {} .animte_12 img.img7 {} .animte_12.hover img.img4 { -webkit-animation: animte_12_an 5.4s linear infinite; animation: animte_12_an 5.4s linear infinite; } @-webkit-keyframes animte_12_an { 0% { top: 0%; } 100% { top: -100%; } } @keyframes animte_12_an { 0% { top: 0%; } 100% { top: -100%; } } .zdjs_02 ul li em.em2 {} .zdjs_02 ul li em.em2 span { width: 100%; display: block; overflow: hidden; } .zdjs_02 ul li em.em2 span.sp1 { font-size: 30px; color: #333; line-height: 50px; font-weight: 100; } .zdjs_02 ul li em.em2 span.sp2 { font-size: 14px; color: #888; line-height: 24px; margin-top: 20px; margin-bottom: 20px; } .zdjs_02 ul li em.em2 span.sp3 { margin-bottom: 5px; line-height: 32px; } .zdjs_02 ul li em.em2 span.sp3 i { display: inline-block; font-size: 16px; color: #f5a21b; background: url("../images/zdjs_02.png") left center no-repeat; background-size: 26px; padding-left: 32px; } @-webkit-keyframes cubemove { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cubemove { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes cubemove1 { 0% { left: -10%; } 100% { left: 0px; } } @keyframes cubemove1 { 0% { left: -10%; } 100% { left: 0px; } } @-webkit-keyframes cubemove2 { 0% { right: -10%; } 100% { right: 0px; } } @keyframes cubemove2 { 0% { right: -10%; } 100% { z right: 0px; } } .zdjs_03 { overflow: hidden; padding: 60px 0px; } .zdjs_03 p { width: 100%; overflow: hidden; text-align: center; margin: 0px auto; padding: 0px; } .zdjs_03 p.p1 { font-size: 30px; color: #fff; font-weight: 100; line-height: 50px; } .zdjs_03 p.p2 { font-size: 14px; color: #fff; line-height: 24px; margin-top: 20px; width: 80%; } .zdjs_03 p.p3 { margin-top: 40px; } .zdjs_03 p.p3 img { width: 80%; display: block; margin: 0px auto; padding: 0px; max-width: 855px; } .zdjs_03_c { width: 100%; overflow: hidden; height: 400px; position: relative; margin-top: 60px; } .zdjs_03_c a { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; cursor: default; } .zdjs_03_c a.astyle_0 { width: 120px; height: 40px; display: block; overflow: hidden; background-color: #f5a21b; border-radius: 20px; position: relative; font-size: 14px; color: #fff; line-height: 40px; text-indent: 20px; } .zdjs_03_c a.astyle_0 b { width: 30px; height: 30px; display: block; overflow: hidden; background: url("../images/in_05.png") center no-repeat; background-size: 100%; position: absolute; right: 5px; top: 5px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .zdjs_03_c a.astyle_1 { width: 100px; height: 40px; display: block; overflow: hidden; background-color: #f5a21b; border-radius: 20px; position: relative; font-size: 14px; color: #fff; line-height: 40px; text-align: right; padding-right: 20px; } .zdjs_03_c a.astyle_1 b { width: 30px; height: 30px; display: block; overflow: hidden; background: url("../images/in_05.png") center no-repeat; background-size: 100%; position: absolute; left: 5px; top: 5px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .zdjs_03_c a.astyle_0:hover { padding: 0px 5px; } .zdjs_03_c a.astyle_1:hover { padding: 0px 25px 0px 5px; } .zdjs_03_c a:hover b { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } .zdjs_03_c a.a1 { position: absolute; left: 36%; top: 0px; } .zdjs_03_c a.a2 { position: absolute; left: 32%; top: 30%; } .zdjs_03_c a.a3 { position: absolute; left: 34%; top: 60%; } .zdjs_03_c a.a8 { position: absolute; left: 42%; top: 0px; } .zdjs_03_c a.a4 { position: absolute; right: 30%; top: 25%; } .zdjs_03_c a.a5 { position: absolute; right: 33%; top: 54%; } .zdjs_03_c a.a6 { position: absolute; right: 40%; top: 76%; } .zdjs_03_c a.a7 { position: absolute; right: 32%; top: 0%; } .sjfw_01 { overflow: hidden; background-color: #f8f8f8; } .sjfw_01_t { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #333; line-height: 40px; margin-top: 60px; font-weight: 100; } .sjfw_01_c { width: 100%; overflow: hidden; margin-top: 20px; } .sjfw_01_c ul li { width: 100%; overflow: hidden; padding: 40px 0px; } .sjfw_01_c ul li:nth-child(2n) { background-color: #fff; } .sjfw_01_c ul li .sjfw_01_txt { width: 48%; overflow: hidden; } .sjfw_01_c ul li .sjfw_01_txt p { width: 100%; overflow: hidden; } .sjfw_01_c ul li .sjfw_01_txt p.p1 { font-size: 26px; color: #333; line-height: 30px; font-weight: 100; margin-bottom: 30px; } .sjfw_01_c ul li .sjfw_01_txt p.p2 { width: 100%; display: table; overflow: hidden; margin-top: 20px; } .sjfw_01_c ul li .sjfw_01_txt p.p2 em { display: table-cell; font-style: normal; vertical-align: top; } .sjfw_01_c ul li .sjfw_01_txt p.p2 em.em1 { width: 100px; } .sjfw_01_c ul li .sjfw_01_txt p.p2 em.em1 span { display: inline-block; background-color: #f5a21b; font-size: 14px; color: #fff; line-height: 24px; padding: 0px; width: 100px; text-align: center; } .sjfw_01_c ul li .sjfw_01_txt p.p2 em.em2 { font-size: 14px; color: #888; line-height: 24px; padding-left: 20px; } .sjfw_01_c ul li .sjfw_01_img { width: 48%; overflow: hidden; position: relative; } .sjfw_01_c ul li .sjfw_01_img img { width: 100%; display: block; } .sjfw_01_c ul li .sjfw_01_img img.img1 { position: absolute; left: 0px; top: 0px; opacity: 0; } .sjfw_01_c ul li .sjfw_01_img img.img2 { position: absolute; left: 0px; top: 0px; opacity: 0; } .sjfw_01_c ul li .sjfw_01_img img.img5 { position: absolute; left: 0px; top: 0px; opacity: 0; } .sjfw_01_c ul li .sjfw_01_img img.img3 { position: absolute; left: 0px; top: 0px; z-index: 9; } .sjfw_01_c ul li .sjfw_01_img img.img4 { position: absolute; left: 0px; top: 0px; opacity: 0; } .sjfw_01_c ul li .sjfw_01_img .sjfw_01img_c { width: 74.46153846153845%; height: 66.74418604651163%; position: absolute; left: 12.615384615384615%; top: 5.5813953488372094%; z-index: 8; } .sjfw_01_c ul li .sjfw_01_img .sjfw_01img_c img { width: 100%; display: block; z-index: 9; } .sjfw_01_c ul li .sjfw_01_img .sjfw_01img_c img.img3 { position: absolute; left: 0px; top: 0px; width: auto; height: 100%; } .sjfw_01_c ul li .sjfw_01_img .sjfw_01img_c img.an_01 { -webkit-animation: cubemove3 11.4s linear infinite; animation: cubemove3 11.4s linear infinite; } @-webkit-keyframes cubemove3 { 0% { left: 0%; } 100% { left: -100%; } } @keyframes cubemove3 { 0% { left: 0%; } 100% { left: -100% } } .sjfw_02 { overflow: hidden; margin-top: 0px; } .sjfw_02_c { width: 100%; overflow: hidden; margin-top: 40px; } .sjfw_02_c .fl { width: 50%; overflow: hidden; max-width: 573px; opacity: 0; position: relative; } .sjfw_02_c .fl img { width: 100%; display: block; } .sjfw_02_c .fl img.img2 { width: 100%; display: block; position: absolute; left: 0px; top: 0px; } .sjfw_02_c .fl img.img1 { position: absolute; left: 14.772727272727273%; top: 10.535714285714286%; width: 69.8051948051948%; -webkit-animation: cubemove11 30s linear infinite; animation: cubemove11 30s linear infinite; } .sjfw_02_c .fr { width: 45%; overflow: hidden; opacity: 0; } .sjfw_02_c .fr p { width: 100%; overflow: hidden; font-size: 16px; color: #888; line-height: 26px; margin-top: 20px; } .sjfw_03 { overflow: hidden; background-color: #f8f8f8; position: relative; margin-top: 60px; padding: 50px 0px; min-height: 500px; } .sjfw_03 img.img1 { height: 100%; display: block; position: absolute; right: 0px; top: 0px; } .sjfw_03 .wrap_c { overflow: hidden; position: relative; } .sjfw_03 .fl { width: 40%; overflow: hidden; opacity: 0; } .sjfw_03 .fl p { width: 100%; overflow: hidden; } .sjfw_03 .fl p.p1 { font-size: 30px; color: #333; font-weight: 100; line-height: 50px; margin-top: 140px; } .sjfw_03 .fl p.p2 { width: 80%; overflow: hidden; background: url("../images/sjfw_01.png") no-repeat; background-size: 100% 100%; color: #fff; margin-top: 40px; padding: 20px 0px; } .sjfw_03 .fl p.p2 span { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; font-size: 14px; line-height: 24px; } .sjfw_03 .fl p.p4 {} .sjfw_03 .fl p.p4 b { width: 26px; height: 15px; display: block; overflow: hidden; background: url("../images/sjfw_02.png") no-repeat; background-size: 100%; float: left; margin-left: 30px; } .sjfw_03 .fl p.p3 { margin-top: 30px; font-size: 14px; color: #888; line-height: 24px; } .sjfw_03 .fr { width: 38%; overflow: hidden; margin-top: 160px; opacity: 0; } .sjfw_03 .fr img { width: 100%; display: block; max-width: 629px; margin: 0px auto; padding: 0px; } .kfsj_01 { overflow: hidden; margin-top: 60px; } .kfsj_01 .fl { width: 68%; } .kfsj_01 .fl ul li { width: 48%; float: left; margin-right: 4%; margin-bottom: 40px; background-color: #fff; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .kfsj_01 .fl ul li:nth-child(2n) { margin-right: 0px; } .kfsj_01_t { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; border-bottom: 1px solid #e6e6e6; font-size: 14px; line-height: 36px; padding: 10px 0px; } .kfsj_01_t a { float: right; color: #999; } .kfsj_01_t a:hover { color: #333; } .kfsj_01_t i { display: inline-block; border-bottom: 2px solid #000; color: #000; } .kfsj_01_c { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; margin-bottom: 15px; } .kfsj_01_c p { width: 100%; overflow: hidden; border-bottom: 1px dotted #e6e6e6; font-size: 14px; line-height: 24px; padding: 10px 0px; } .kfsj_01_c p a { width: 100%; display: block; overflow: hidden; color: #333; background: url("../images/kfsj_07.jpg") right center no-repeat; background-size: 7px; } .kfsj_01_c p a span { width: 80%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kfsj_01_c p a:hover { color: #f5a21b; } .kfsj_01 .fr { width: 28%; } .kfsj_02 { width: 100%; overflow: hidden; background-color: #fff; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .kfsj_02_t { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; border-bottom: 1px solid #e6e6e6; font-size: 14px; line-height: 36px; } .kfsj_02_t i { display: inline-block; border-bottom: 2px solid #000; color: #000; padding: 10px 0px; } .kfsj_02_c { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .kfsj_02_c ul li { width: 100%; overflow: hidden; border-bottom: 1px dotted #e6e6e6; font-size: 14px; line-height: 24px; padding: 10px 0px; } .kfsj_02_c ul li a { width: 100%; display: block; overflow: hidden; } .kfsj_02_c ul li a i { color: #ccc; display: inline-block; width: 40px; text-align: center; float: left; } .kfsj_02_c ul li:nth-child(1) a i { color: #f5a21b; } .kfsj_02_c ul li:nth-child(2) a i { color: #f5a21b; } .kfsj_02_c ul li:nth-child(3) a i { color: #f5a21b; } .kfsj_02_c ul li a span { width: 60%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .kfsj_02_c ul li a:hover { color: #f5a21b; } .kfsj_02_b { width: 100%; overflow: hidden; margin-top: 30px; } .kfsj_02_b a { width: 100%; display: block; overflow: hidden; padding: 58px 0px; } .kfsj_02_b a span { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px 0px 15px 0px; color: #fff; font-size: 16px; position: relative; line-height: 26px; font-weight: bold; } .kfsj_02_b a span b { width: 32px; height: 3px; display: block; overflow: hidden; background-color: #fff; position: absolute; left: 0px; bottom: 0px; } .kfsj_03 { overflow: hidden; background-color: #fff; margin-top: 60px; } .kfsj_03 .fl { width: 40%; overflow: hidden; } .kfsj_03 .fl p { width: 100%; overflow: hidden; } .kfsj_03 .fl p.p1 { font-size: 30px; color: #333; font-weight: 100; line-height: 40px; } .kfsj_03 .fl p.p2 { font-size: 16px; color: #666; line-height: 26px; margin-top: 10px; } .kfsj_03 .fl p.p3 { margin-top: 30px } .kfsj_03 .fl p.p3 a { display: inline-block; line-height: 40px; padding: 0px 40px; border-radius: 20px; background-color: #f5a21b; font-size: 16px; color: #fff; } .kfsj_03 .fr { width: 60%; overflow: hidden; margin-top: 40px; } .kfsj_03 .fr img { width: 100%; display: block; } .sjj_02 { overflow: hidden; background-color: #fff; padding: 40px 0px; } .sjj_02 ul li { width: 100%; overflow: hidden; display: table; border-bottom: 1px dotted #e3e3e3; padding: 10px 0px; } .sjj_02 ul li span { display: table-cell; width: 100px; font-size: 18px; color: #000; line-height: 30px; vertical-align: top; } .sjj_02 ul li.last { border-bottom: 0px; } .sjj_02 ul li em { display: table-cell; font-style: normal; vertical-align: top; } .sjj_02 ul li em a { float: left; font-size: 15px; color: #888; line-height: 30px; margin-right: 30px; margin-top: 3px; } .sjj_02 ul li em a.on { background: url("../images/zdjs_01.png") left center no-repeat; padding-left: 10px; color: #f5a21b; } .sjj_02 ul li em a:hover { color: #f5a21b; } .kfsj_04 { overflow: hidden; position: relative; margin-top: 20px; } .kfsj_04 .wrap_c { overflow: hidden; position: relative; line-height: 40px; } .kfsj_04 b { width: 100%; height: 1px; display: block; overflow: hidden; background-color: #e3e3e3; position: absolute; left: 0px; bottom: 0px; } .kfsj_04 .fl {} .kfsj_04 .fl a { display: inline-block; font-size: 16px; color: #888; padding: 10px; } .kfsj_04 .fl a.on { border-bottom: 2px solid #f5a21b; color: #f5a21b; } .kfsj_04 .fr { line-height: 30px; font-size: 13px; margin-top: 10px; } .kfsj_04 .fr a { float: left; font-family: SimSun; } .kfsj_04 .fr i { float: left; color: #888; } .kfsj_04 .fr i.i1 { color: #f5a21b; margin-left: 5px; } .kfsj_04 .fr i.i2 { margin-right: 5px; } .kfsj_04 .fr span { float: left; margin-right: 20px; color: #888; } .kfsj_05 { overflow: hidden; } .kfsj_05 ul li { width: 100%; overflow: hidden; margin-top: 40px; position: relative; background-color: #fff; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .kfsj_05 ul li .fl { width: 32%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .kfsj_05 ul li .fl img { width: 100%; display: block; cursor: pointer; } .kfsj_05 ul li .fl b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .kfsj_05 ul li .fr { width: 64%; margin-right: 2%; overflow: hidden; /* padding: 40px 0px; */ display: table; } .kfsj_05 ul li .fr em { display: table-cell; font-style: normal; vertical-align: top; } .kfsj_05 ul li .fr em.em1 {} .kfsj_05 ul li .fr em.em1 span { width: 80%; display: block; overflow: hidden; } .kfsj_05 ul li .fr em.em1 span.sp1 { font-size: 20px; color: #333; line-height: 40px; margin: 10px 0; } .kfsj_05 ul li .fr em.em1 span.sp2 { margin-top: 20px; font-size: 14px; color: #888; line-height: 24px; border-bottom: 1px solid #e3e3e3; padding-bottom: 35px; } .kfsj_05 ul li .fr em.em1 span.sp3 { margin: 20px 0; } .kfsj_05 ul li .fr em.em1 span.sp3 a { display: inline-block; line-height: 30px; background-color: #f8f8f8; border-radius: 30px; padding-right: 20px; font-size: 14px; color: #888; margin-right: 10px; float: left; margin-top: 5px; } .kfsj_05 ul li .fr em.em2 { width: 120px; position: relative; } .kfsj_05 ul li .fr em.em2 span { width: 100%; display: block; overflow: hidden; text-align: center; margin-top: 40px; } .kfsj_05 ul li .fr em.em2 span a { display: inline-block; line-height: 40px; border-radius: 40px; border: 1px solid #e3e3e3; padding: 0px 30px; font-size: 14px; color: #888; } .kfsj_05 ul li .fr em.em2 span.sp2 { margin-top: 40px; position: absolute; left: 0px; bottom: 0px; font-size: 14px; color: #888; margin-bottom: 15px; } .kfsj_05 ul li .fr em.em2 span.sp2 i { display: inline-block; line-height: 24px; float: left; } .kfsj_05 ul li .fr em.em2 span.sp2 img { display: inline-block; height: 24px; float: left; margin-left: 5px; } .kfsj_05 ul li:hover .fr em.em1 span.sp1 { color: #f5a21b; } .kfsj_05 ul li:hover .fr em.em2 span a { background-color: #f5a21b; border: 1px solid #f5a21b; color: #fff; } .kfsj_05 ul li:hover .fl b { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .cpxq_01 { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; display: table; } .cpxq_01 .cpxq_01_cell { display: table-cell; overflow: hidden; vertical-align: middle; width: 50%; } .cpxq_01 .cpxq_01_l { overflow: hidden; } .cpxq_01 .cpxq_01_l img { width: 100%; display: block; height: auto; } .cpxq_01 .cpxq_01_r {} .cpxq_01 .cpxq_01_r p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .cpxq_01 .cpxq_01_r p.p1 { font-size: 20px; color: #000; line-height: 40px; } .cpxq_01 .cpxq_01_r p.p2 { font-size: 16px; color: #000; line-height: 24px; } .cpxq_01 .cpxq_01_r p.p3 { margin-top: 20px; font-size: 14px; color: #666; line-height: 24px; margin-top: 10px; } .cpxq_01 .cpxq_01_r p.p4 { margin-top: 40px; } .cpxq_01 .cpxq_01_r p.p4 a { display: inline-block; line-height: 36px; padding: 0px 40px; margin-right: 30px; border-radius: 20px; border: 1px solid #e3e3e3; font-size: 14px; color: #333; } .cpxq_01 .cpxq_01_r p.p4 a:hover { background-color: #f5a21b; color: #fff; border: 1px solid #f5a21b; } .cpxq_02 { width: 100%; overflow: hidden; margin-top: 40px; } .cpxq_02_t { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; font-size: 18px; color: #000; line-height: 30px; } .cpxq_02_c { width: 100%; overflow: hidden; margin-top: 20px; position: relative; } .cpxq_02c_slide { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; position: relative; } .cpxq_02c_slide .swiper-slide { width: 25%; overflow: hidden; float: left; } .cpxq_02c_slide .swiper-slide em { width: 100%; display: block; overflow: hidden; } .cpxq_02c_slide .swiper-slide em img { width: 100%; display: block; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .cpxq_02c_slide .swiper-slide:hover em img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .cpxq_02c_slide .swiper-slide span { width: 100%; display: block; overflow: hidden; font-size: 14px; color: #000; line-height: 24px; margin-top: 5px; text-align: center; } .cpxq_02c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .cpxq_02c_slide .swiper-slide a:hover span { color: #f5a21b; } .cpxq_02_c .cpxq_02_prev { width: 13px; height: 75%; display: block; overflow: hidden; position: absolute; left: 2%; top: 0px; background: url("/shujutang/static/image/index/cpxq_01.png") center no-repeat; background-size: 100%; } .cpxq_02_c .cpxq_02_next { width: 13px; height: 75%; display: block; overflow: hidden; position: absolute; right: 2%; top: 0px; background: url("/shujutang/static/image/index/cpxq_02.png") center no-repeat; background-size: 100%; } .cpxq_xx { width: 90%; overflow: hidden; height: 1px; margin: 0px auto; margin-top: 60px; padding: 0px; background-color: #e3e3e3; } .cpxq_03 { overflow: hidden; width: 90%; margin: 0px auto; padding: 0px; margin-top: 40px; } .cpxq_03_t { width: 100%; overflow: hidden; } .cpxq_03_t span { display: inline-block; line-height: 40px; font-size: 20px; color: #333; background: url("/shujutang/static/image/partnerRecruit/cpxq_05.png") left center no-repeat; background-size: 26px; padding-left: 40px; } .cpxq_03_c { width: 96%; margin-left: 4%; overflow: hidden; position: relative; margin-top: 30px; } .cpxq_03_c b.b1 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_06.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; } .cpxq_03_c b.b2 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_07.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; } .cpxq_03_c b.b3 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_08.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; } .cpxq_03_c b.b4 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_09.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px; } .cpxq_03c_c { width: 90%; overflow: hidden; margin: 0px auto; padding: 20px 0px; } .cpxq_03c_c p { width: 100%; overflow: hidden; font-size: 16px; color: #333; line-height: 24px; } .cpxq_03c_c p a.a1 { color: #097fe3; } .cpxq_03_c1 { width: 96%; margin-left: 4%; overflow: hidden; position: relative; margin-top: 30px; } .cpxq_03_c1 b.b1 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_06.png") top no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; } .cpxq_03_c1 b.b2 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_07.png") center no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; } .cpxq_03_c1 b.b3 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_08.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; top: 0px; } .cpxq_03_c1 b.b4 { width: 9px; height: 9px; display: block; overflow: hidden; background: url("/shujutang/static/image/active/cpxq_09.png") center no-repeat; background-size: 100%; position: absolute; right: 0px; bottom: 0px; } .cpxq_03_c1 b.b5 { width: 1px; height: 100%; display: block; overflow: hidden; background-color: #e3e3e3; position: absolute; left: 0px; top: 0px; } .cpxq_03_c1 b.b6 { width: 1px; height: 100%; display: block; overflow: hidden; background-color: #e3e3e3; position: absolute; right: 0px; top: 0px; } .cpxq_03_c1 b.b7 { width: 100%; height: 1px; display: block; overflow: hidden; background-color: #e3e3e3; position: absolute; left: 0px; top: 0px; } .cpxq_03_c1 b.b8 { width: 100%; height: 1px; display: block; overflow: hidden; background-color: #e3e3e3; position: absolute; left: 0px; bottom: 0px; } .cpxq_03c_c1 { width: 90%; overflow: hidden; margin: 0px auto; padding: 40px 0px; } .cpxq_03c_c1 table { width: 100%; overflow: hidden; } .cpxq_03c_c1 table tr td { border-bottom: 1px solid #e3e3e3; font-size: 14px; color: #666; line-height: 24px; padding: 10px; text-align: left; vertical-align: top; } .cpxq_03c_c1 table tr td.td1 { color: #000; width: 100px; } .sjsys_01 { overflow: hidden; } .sjsys_01 .fl { width: 20%; margin-left: 13%; } .sjsys_01 .fl p { width: 100%; overflow: hidden; } .sjsys_01 .fl p.p1 { font-size: 40px; color: #333; line-height: 60px; font-weight: bold; } .sjsys_01 .fl p.p2 { font-size: 30px; color: #333; font-weight: 100; line-height: 40px; margin-top: 5px; } .sjsys_01 .fl p.p3 { margin-top: 20px; font-size: 14px; color: #888; line-height: 26px; text-align: justify; text-justify: inter-ideograph; } .sjsys_01 .fr { width: 60%; overflow: hidden; position: relative; } .sjsys_01 .fr img.img1 { width: 100%; display: block; /* -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.1);-webkit-animation: animate1 10.4s linear infinite;animation: animate1 10.4s linear infinite; */ } .sjsys_01 .fr img.img2 { width: 60%; display: block; position: absolute; right: 10%; top: 6%; /* -webkit-animation: animate_rote 30.4s linear infinite;animation: animate_rote 30.4s linear infinite; */ } /*.sjsys_01 .fr:hover img.img1{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);transition:2s ease-in-out;-webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out;-moz-transition:2s ease-in-out;} .sjsys_01 .fr:hover img.img2{transform: rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);transition:2s ease-in-out;-webkit-transition:2s ease-in-out;-o-transition:2s ease-in-out;-moz-transition:2s ease-in-out;}*/ .animte_11 { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-animation: animate1 5.4s linear infinite; animation: animate1 5.4s linear infinite; transition: 2s ease-in-out; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; -moz-transition: 2s ease-in-out; } @-webkit-keyframes animate1 { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } } @keyframes animate1 { 0% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } 100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } } @-webkit-keyframes animate_rote { 0% { -webkit-transform: scale(1.2) rotate(0deg); -moz-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); -o-transform: scale(1.2) rotate(0deg); } 100% { -webkit-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); } } @keyframes animate_rote { 0% { -webkit-transform: scale(1.2) rotate(0deg); -moz-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); -o-transform: scale(1.2) rotate(0deg); } 100% { -webkit-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); } } .sjsys_02 { overflow: hidden; padding: 50px 0px 80px 0px; color: #fff; } .sjsys_02_t { width: 100%; overflow: hidden; text-align: center; } .sjsys_02_t p { width: 100%; overflow: hidden; } .sjsys_02_t p.p1 { font-size: 30px; color: #fff; line-height: 40px; font-weight: 100; } .sjsys_02_t p.p2 { margin-top: 20px; } .sjsys_02_t p.p2 em { display: inline-block; position: relative; line-height: 40px; font-style: normal; } .sjsys_02_t p.p2 em a { font-size: 16px; color: #fff; margin: 0px 20px; padding: 0px 20px; display: inline-block; position: relative; z-index: 9; padding-bottom: 10px; } .sjsys_02_t p.p2 em a.on { border-bottom: 2px solid #f5a21b; } .sjsys_02_t p.p2 em b { width: 100%; height: 1px; display: block; overflow: hidden; background-color: #fff; position: absolute; left: 0px; bottom: 0px; } .sjsys_02_c { width: 100%; overflow: hidden; padding-top: 80px; } .sjsys_02_c ul { width: 100%; display: table; overflow: auto; } .sjsys_02_c ul li { width: 33.3333%; /* overflow: hidden; */ display: table-cell; position: relative; } .sjsys_02_c ul li p { width: 100%; /* overflow: hidden; */ } .sjsys_02_c ul li p.p1 {} .sjsys_02_c ul li p.p1 img { display: block; margin: 0px auto; padding: 0px; width: 53px; transition: 1.3s ease-in-out; -webkit-transition: 1.3s ease-in-out; -o-transition: 1.3s ease-in-out; -moz-transition: 1.3s ease-in-out; } .sjsys_02_c ul li p.p2 { text-align: center; font-size: 20px; line-height: 30px; margin-top: 20px; margin-bottom: 15px; } .sjsys_02_c ul li p.p3 { text-align: center; font-size: 14px; line-height: 24px; } .sjsys_02_c ul li b.b1 { width: 1px; height: 100%; display: block; overflow: hidden; background-color: #507d87; position: absolute; right: 0px; top: 0px; } .sjsys_02_c ul li.sjsy02c_hover p.p1 img {} /* .sjsys_02_c ul li:hover p.p1 img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); } */ .sjsys_02c_1 ul li { width: 25%; } .sjsys_03 { overflow: hidden; padding: 60px 0px; } .sjsys_03_t { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #333; line-height: 40px; font-weight: 100; } .sjsys_03_c { width: 100%; overflow: hidden; position: relative; margin-top: 60px; } .sjsys_03c_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; } .sjsys_03c_slide .swiper-slide { width: 33.333%; overflow: hidden; padding: 20px 0px; position: relative; } .sjsys_03c_slide .swiper-slide img { width: 100%; display: block; margin: 0px auto; padding: 0px; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .sjsys_03c_slide .swiper-slide img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); } .sjsys_03c_slide .swiper-slide em { display: none; } .sjsys_03c_slide .swiper-slide-active img { width: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .sjsys_03c_slide .swiper-slide em { width: 100%; display: block; overflow: hidden; height: 100%; background-color: rgba(255, 180, 6, 0.95); position: absolute; left: 0px; top: -100%; font-style: normal; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .sjsys_03c_slide .swiper-slide em span { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; color: #fff; } .sjsys_03c_slide .swiper-slide em i { width: 90%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; color: #fff; font-size: 12px; line-height: 20px; } .sjsys_03c_slide .swiper-slide em span.sp1 { font-size: 20px; line-height: 30px; margin-top: 20px; margin-bottom: 10px; } .sjsys_03c_slide .swiper-slide em span.sp2 { font-size: 14px; line-height: 24px; margin-top: 10px; } .sjsys_03c_slide .swiper-slide em span.sp3 { font-size: 14px; line-height: 24px; } .sjsys_03c_slide .swiper-slide-active:hover em { top: 0px; } .sjsys_03c_slide .swiper-slide:hover img { -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.18); } .sjsys_03_c .sjsys_03c_prev { width: 40px; height: 40px; display: block; overflow: hidden; background: url("/shujutang/static/image/comm/sjsys_04.png") center no-repeat #fff; background-size: 100%; position: absolute; left: 15%; top: 50%; margin-top: -20px; border-radius: 50%; z-index: 999; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .sjsys_03_c .sjsys_03c_prev:hover { background: url("/shujutang/static/image/comm/sjsys_04_on.png") center no-repeat #f5a21b; background-size: 100%; } .sjsys_03_c .sjsys_03c_next { width: 40px; height: 40px; display: block; overflow: hidden; background: url("/shujutang/static/image/comm/sjsys_05.png") center no-repeat #fff; background-size: 100%; position: absolute; right: 15%; top: 50%; margin-top: -20px; border-radius: 50%; z-index: 999; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .sjsys_03_c .sjsys_03c_next:hover { background: url("/shujutang/static/image/comm/sjsys_05_on.png") center no-repeat #f5a21b; background-size: 100%; } .sjsys_03_b { width: 100%; overflow: hidden; margin-top: 60px; text-align: center; } .sjsys_03_b a { display: inline-block; line-height: 40px; border-radius: 20px; background-color: #fff; font-size: 16px; color: #333; padding: 0px 40px; border: 1px solid #e3e3e3; } .sjsys_03_b a:hover { background-color: #f5a21b; color: #fff; border: 1px solid #f5a21b; } .sjsys_04 { overflow: hidden; margin-top: 60px; } .sjsys_04_t { width: 100%; overflow: hidden; line-height: 40px; } .sjsys_04_t span { font-size: 24px; color: #333; } .sjsys_04_t a { float: right; display: inline-block; line-height: 30px; background-color: #fff; border-radius: 15px; padding: 0px 20px; font-size: 16px; color: #333; margin-top: 10px; border: 1px solid #e3e3e3; } .sjsys_04_t a:hover { background-color: #f5a21b; color: #fff; border: 1px solid #f5a21b; } .sjsys_04_c { width: 100%; overflow: hidden; margin-top: 40px; } .sjsys_04c_slide { width: 100%; overflow: hidden; } .sjsys_04c_slide .swiper-slide { width: 300px; overflow: hidden; padding-bottom: 20px; background-color: #fff; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); } .sjsys_04c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .sjsys_04c_slide .swiper-slide a em { width: 100%; display: block; overflow: hidden; height: 200px; position: relative; } .sjsys_04c_slide .swiper-slide a em b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .sjsys_04c_slide .swiper-slide a em img { width: 100%; display: block; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .sjsys_04c_slide .swiper-slide a span { width: 90%; margin: 0px auto; padding: 0px; display: block; overflow: hidden; font-size: 16px; color: #333; line-height: 26px; margin-top: 10px; } .sjsys_04c_slide .swiper-slide a i { width: 90%; margin: 0px auto; padding: 0px; display: block; overflow: hidden; font-size: 13px; color: #5c5c66; line-height: 20px; margin-top: 5px; } .sjsys_04c_slide .swiper-slide a b { width: 90%; margin-left: 5%; height: 7px; display: block; overflow: hidden; background: url("/shujutang/static/image/comm/sjsys_01.jpg") left no-repeat; margin-top: 15px } .sjsys_04c_slide .swiper-slide a:hover em b { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .sjsys_04c_slide .swiper-slide a:hover span { color: #f5a21b; } .sjsys_04_b { width: 100%; overflow: hidden; margin-top: 60px; } .sjsys_04_b a { width: 36px; height: 36px; display: block; overflow: hidden; float: left; margin-right: 15px; } .sjsys_04_b a.sjsys_04c_prev { background: url("/shujutang/static/image/comm/sjsys_2.jpg") center no-repeat; background-size: 100%; } .sjsys_04_b a.sjsys_04c_prev:hover { background: url("/shujutang/static/image/comm/sjsys_02_on.jpg") center no-repeat; background-size: 100%; } .sjsys_04_b a.sjsys_04c_next { background: url("/shujutang/static/image/comm/sjsys_03.jpg") center no-repeat; background-size: 100%; } .sjsys_04_b a.sjsys_04c_next:hover { background: url("/shujutang/static/image/comm/sjsys_03_on.jpg") center no-repeat; background-size: 100%; } .sjsys_05 { overflow: hidden; margin-top: 60px; padding: 100px 0px; color: #fff; text-align: center; } .sjsys_05 p { width: 100%; overflow: hidden; } .sjsys_05 p.p1 { font-size: 30px; line-height: 40px; font-weight: 100; } .sjsys_05 p.p2 { margin-top: 20px; font-size: 16px; line-height: 24px; margin-top: 20px; } .sjsys_05 p.p3 { margin-top: 40px; } .sjsys_05 p.p3 a { display: inline-block; line-height: 40px; border-radius: 20px; padding: 0px 40px; background-color: #fff; font-size: 16px; color: #333; border: 1px solid #e3e3e3; } .sjsys_05 p.p3 a:hover { background-color: #f5a21b; color: #fff; border: 1px solid #f5a21b; } .dt_01 { /* overflow: hidden; */ margin-top: 30px; margin-bottom: 40px; } .dt_01 .pages { text-align: right; width: 100%; } .dt_01 ul { width: 100%; /* overflow: hidden; */ } .dt_01 ul li { width: 100%; overflow: hidden; /* background-color: #EBF0FC; */ /* margin-top: 30px; */ padding: 30px 60px 30px 30px; box-sizing: border-box; position: relative; border-bottom: 1px solid #ddd; /* -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04); */ } .dt_01 ul li:hover { box-shadow: 0 0 7px rgba(153, 153, 153, 0.4); } .dt_01 ul li a { width: 100%; display: block; overflow: hidden; display: flex; justify-content: space-between; } .dt_01 ul li a em { display: block; overflow: hidden; font-style: normal; } .dt_01 ul li a em.em1 { width: 34.5%; height: 230px; } .dt_01 ul li a em.em1 b { width: 100%; height: 100%; display: block; overflow: hidden; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .dt_01 ul li a em.em2 { width: 63%; } .dt_01 ul li a em.em2 span { width: 100%; display: block; overflow: hidden; } .dt_01 ul li a em.em2 span.sp1 { font-size: 22px; color: #004fcf; line-height: 30px; padding-bottom: 27px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dt_01 ul li a em.em2 p.sp2 { font-size: 14px; color: #999; line-height: 34px; float: left; } .dt_01 ul li a em.em2 span.sp3 { font-size: 14px; color: #666; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 21px; } .dt_01 ul li a em.em2 p.sp4 { padding-top: 24px; float: right; } .dt_01 ul li a em.em2 p.sp4 i { display: inline-block; line-height: 30px; padding: 0px 25px; height: 30px; border: 1px solid rgba(153, 153, 153, 1); border-radius: 15px; font-size: 14px; color: #666; } /* .dt_01 ul li:hover { box-shadow: 0px 3px 7px 0px rgba(14, 59, 133, 0.4); } */ .dt_01 ul li a:hover em.em1 b { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .dt_01 ul li a:hover em.em2 p.sp4 i { background-color: #f5a21b; border: 1px solid #f5a21b; color: #fff; } .sitefr1 { overflow: hidden; margin: 60px 0; font-size: 14px; color: #999; } .sitefr1 a { color: #999; float: left; margin-bottom: 0; } .sitefr1 a.last { color: #333; } .sitefr1 i { float: left; margin: 0px 5px; margin-bottom: 5px; } .sitefr1 a:hover { color: #333; } .tzzgx_01 { overflow: hidden; text-align: center; margin-top: 40px; } .tzzgx_01 .wrap_c { overflow: hidden; border-bottom: 1px solid #e6e6e6; font-size: 24px; padding-bottom: 20px; } .tzzgx_02 { overflow: hidden; margin-top: 40px; } .tzzgx_02 ul li { width: 100%; overflow: hidden; border-bottom: 1px dotted #e6e6e6; padding-bottom: 40px; margin-bottom: 40px; } .tzzgx_02 ul li a { width: 100%; display: table; overflow: hidden; cursor: default; } .tzzgx_02 ul li a em { display: table-cell; font-style: normal; vertical-align: middle; } .tzzgx_02 ul li a em.em1 { width: 30%; overflow: hidden; } .tzzgx_02 ul li a em.em1 img { width: 100%; display: block; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .tzzgx_02 ul li a em.em2 { padding: 0px 5%; } .tzzgx_02 ul li a em.em2 span { width: 100%; display: block; overflow: hidden; font-size: 20px; color: #000; line-height: 30px; } .tzzgx_02 ul li a em.em2 i { width: 100%; display: block; overflow: hidden; font-size: 13px; color: #333; line-height: 24px; margin-top: 10px; } .tzzgx_02 ul li a:hover em.em1 img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .zwxx_01 { overflow: hidden; } .zwxx_01 .wrap_c { overflow: hidden; background-color: #fff; } .zwxx_01 ul li { width: 100%; overflow: hidden; border-bottom: 1px solid #e3e3e3; margin-bottom: 60px; } .zwxx_01 ul li:last-child { margin-bottom: 40px; } .zwxx_01 ul li .zwxx_01c_t { /* width: 90%; margin: 0px auto; border-bottom: 1px solid #e3e3e3; */ padding: 0px; overflow: hidden; padding-bottom: 0; } .zwxx_01 ul li .zwxx_01c_t p { width: 100%; overflow: hidden; } .zwxx_01 ul li .zwxx_01c_t p.p1 { font-size: 24px; color: #000; line-height: 30px; } .zwxx_01 ul li .zwxx_01c_t p.p2 { margin-top: 20px; line-height: 30px; color: #666; font-size: 16px; } .zwxx_01 ul li .zwxx_01c_t p.p2 span { float: left; display: inline-block; line-height: 30px; background-color: #fff; font-size: 16px; color: #666; margin-right: 40px; } .zwxx_01 ul li .zwxx_01c_c { /* width: 90%; */ overflow: hidden; /* margin: 0px auto; */ padding: 0px; margin-top: 54px; } .zwxx_01 ul li .zwxx_01c_c p { width: 100%; overflow: hidden; font-size: 14px; color: #333; line-height: 24px; } .zwxx_01 ul li .zwxx_01c_c p.p1 { color: #333; line-height: 30px; font-size: 18px; padding-bottom: 23px; } .zwxx_01 ul li .zwxx_01c_c p.p2 { padding: 50px 0; } .zwxx_01 ul li.last { border-bottom: 0px; } .zwxx_02 { overflow: hidden; margin-bottom: 90px; } .zwxx_02 .pages { margin-top: 0; text-align: right; width: 100%; } /**/ .ab_p1 { overflow: hidden; position: relative; } .ab_p1 .wrap_c { overflow: hidden; position: relative; } .ab_p1 b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.1); transition: 2s ease-in-out; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; -moz-transition: 2s ease-in-out; } .ab_p1 b.animte1 { -webkit-animation: animate1 5.4s linear infinite; animation: animate1 5.4s linear infinite; } .ab_p1 .abp1_c { width: 100%; overflow: hidden; position: relative; z-index: 990; } .ab_p1 p { width: 100%; overflow: hidden; text-align: center; color: #fff; } .ab_p1 p.p1 { font-size: 30px; line-height: 50px; } .ab_p1 p.p2 { margin-top: 10px; font-size: 14px; line-height: 24px; } .ab_p2 { overflow: hidden; position: relative; background-color: #f7f7f7; } .ab_p2 .fl { width: 50%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; } .ab_p2 .fl b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; opacity: 0; } .ab_p2 .fr { width: 30%; margin-right: 15%; margin-top: -40px; } .ab_p2 .fr p { width: 100%; overflow: hidden; font-size: 14px; color: #888; line-height: 24px; margin-bottom: 10px; } .ab_p2 .fr p.p1 { font-size: 30px; color: #333; font-weight: 100; line-height: 50px; margin-bottom: 20px; } .ab_p3 { overflow: hidden; position: relative; background-color: #fff; } .ab_p3 .wrap_in { overflow: visible; position: relative; } .ab_p3 .wrap_in b.b1 { width: 100%; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 9; background-color: #fff; } .aboutUsP3 { width: 94%; margin: 0 auto; height: 882px; position: relative; background: url('../upimg/ab_03.png') center no-repeat; background-size: 100%; padding: 0; } .abp3_c { overflow: hidden; position: absolute; } .abp3_c p { overflow: hidden; font-size: 14px; color: #666; line-height: 24px; margin-left: 40px; } .abp3_c p.p1 { font-size: 20px; color: #000; line-height: 40px; position: relative; padding-bottom: 5px; margin-bottom: 5px; } .abp3_c p.p1 b { width: 20px; height: 4px; display: block; overflow: hidden; background-color: #f5a21b; } .abp3_c i { width: 16px; height: 16px; display: block; overflow: hidden; background: url("../images/ab_01.png") no-repeat; background-size: 100%; position: absolute; left: 0px; bottom: 0px; } .abp3_c1 { overflow: hidden; position: absolute; } .abp3_c1 p { width: 100%; overflow: hidden; font-size: 14px; color: #666; line-height: 24px; } .abp3_c1 p.p1 { font-size: 20px; color: #000; line-height: 40px; position: relative; padding-bottom: 5px; margin-bottom: 5px; margin-top: 20px; } .abp3_c1 p.p1 b { width: 20px; height: 4px; display: block; overflow: hidden; background-color: #f5a21b; } .abp3_c1 i { width: 16px; height: 16px; display: block; overflow: hidden; background: url("../images/ab_01.png") no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px; } .abp3_01 { bottom: 49%; left: -5px; } .abp3_02 { bottom: 57%; left: 23%; } .abp3_03 { bottom: 62.4%; left: 53%; } .abp3_04 { bottom: 62.5%; left: 77%; } .abp3_05 { bottom: 20%; left: 8.5%; } .abp3_06 { bottom: 28%; left: 35.5%; } .abp3_07 { bottom: 31%; left: 63.5%; } .abp3_08 { bottom: 26%; left: 90.5%; } .ab_p3_t { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #333; line-height: 50px; margin-top: 40px; font-weight: 100; margin-bottom: 20px; } .ab_p4 { overflow: hidden; position: relative; height: 454px; margin-top: 0; } .ab_p4_t { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #333; line-height: 50px; margin-top: 40px; font-weight: 100; } .ab_p4_c { width: 100%; overflow: hidden; margin-top: 40px; position: relative; } .ab_p4_c a.ab_p4c_prev { width: 13px; height: 100%; display: block; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_01.png") center no-repeat; position: absolute; left: 0px; top: 0px; z-index: 990; } .ab_p4_c a.ab_p4c_next { width: 13px; height: 100%; display: block; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_02.png") center no-repeat; position: absolute; right: 0px; top: 0px; z-index: 990; } .ab_p4c_slide { width: 80%; /* overflow: hidden; */ margin: 0px auto; padding: 0px; } .ab_p4c_slide .swiper-slide { width: 33%; /* overflow: hidden; */ float: left; } .ab_p4c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; } .ab_p4c_slide .swiper-slide a em { width: 100%; display: block; overflow: hidden; } .ab_p4c_slide .swiper-slide a em img { width: 100%; display: block; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } .ab_p4c_slide .swiper-slide a span { width: 100%; display: block; overflow: hidden; font-size: 12px; color: #666; line-height: 20px; margin-top: 10px; } .ab_p4c_slide .swiper-slide a i { width: 100%; display: block; overflow: hidden; font-size: 14px; color: #333; line-height: 24px; padding: 20px 0; } /* .ab_p4c_slide .swiper-slide a:hover em img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } */ .ab_p5 { overflow: hidden; position: relative; height: 562px; margin-top: 0; padding: 20px; } .ab_p5_c { width: 100%; overflow: hidden; margin-top: 60px; position: relative; } .abp5c_slide { width: 80%; overflow: hidden; margin: 0px auto; padding: 0px; } .abp5c_slide .swiper-slide { width: 100%; overflow: hidden; position: relative; } .abp5c_slide .swiper-slide a { width: 100%; display: block; overflow: hidden; height: 360px; } .abp5c_slide .swiper-slide a em.em2 { width: 35%; display: block; overflow: hidden; margin: 0px auto; padding: 0px; margin-top: 60px; margin-bottom: 60px; height: 240px; background-color: #ededed; } .abp5c_slide .swiper-slide a em.em1 { width: 45%; overflow: hidden; position: absolute; left: 10%; top: 0px; background-color: #f5a21b; height: 200px; font-style: normal; } .abp5c_slide .swiper-slide a em.em1 span { width: 78%; margin-left: 6%; overflow: hidden; display: block; color: #fff; } .abp5c_slide .swiper-slide a em.em1 span.sp1 { font-size: 12px; line-height: 20px; margin-top: 30px; } .abp5c_slide .swiper-slide a em.em1 span.sp2 { font-size: 16px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; } .abp5c_slide .swiper-slide a em.em1 span.sp3 { font-size: 13px; line-height: 24px; margin-top: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; } .abp5c_slide .swiper-slide a em.em1 span.sp4 { margin-top: 15px; } .abp5c_slide .swiper-slide a em.em1 span.sp4 b { width: 69px; height: 11px; display: block; overflow: hidden; background: url("../images/more_01.png") no-repeat; } .abp5c_slide .swiper-slide a em.em3 { width: 45%; overflow: hidden; position: absolute; right: 10%; bottom: 0px; height: 200px; } .abp5c_slide .swiper-slide a em.em3 b { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; background-size: 100% !important; } .abp5c_slide .swiper-slide a:hover em.em3 b { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .ab_p5_c .abp5c_prev { width: 13px; display: block; height: 100%; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_01.png") center no-repeat; background-size: 100%; position: absolute; left: 12%; top: 0px; z-index: 990; } .ab_p5_c .abp5c_next { width: 13px; display: block; height: 100%; overflow: hidden; background: url("/shujutang/static/image/index/cpxq_02.png") center no-repeat; background-size: 100%; position: absolute; right: 12%; top: 0px; z-index: 990; } .ab_p6 { overflow: hidden; position: relative; } .ab_p6_t { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #fff; line-height: 50px; margin-top: 140px; font-weight: 100; } .ab_p6_c { width: 100%; overflow: hidden; margin-top: 60px; } .ab_p6_c ul li { width: 48%; float: left; margin-right: 4%; margin-bottom: 40px; background: url("../images/ab_02.png") center no-repeat; background-size: 100% 100%; padding: 20px 0px; } .ab_p6_c ul li:nth-child(2n) { margin-right: 0px; } .ab_p6_c ul li p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; font-size: 14px; color: #fff; line-height: 24px; } .ab_p6_c ul li p.p1 { font-size: 20px; line-height: 40px; margin-bottom: 10px; } .aboutUsItem { height: 652px; } .ab_p2 { padding: 0; } /**/ .zxtc_fr { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999990; display: none; } .zxtc_fr .zxtcfr_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); } .zxtc_fr .zxtcfr_c { /* width: 50%; */ overflow: hidden; background-color: #f8f8f8; position: absolute; left: 25%; top: 50%; border-radius: 10px; padding-bottom: 30px; margin-top: -300px; } .zxtc_fr .zxtcfr_c a.zxtcfr_close { width: 20px; height: 20px; display: block; overflow: hidden; background: url("/shujutang/static/image/index/close.jpg") center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; z-index: 990; } .zxtc_fr .zxtcfr_c p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .zxtc_fr .zxtcfr_c p.p1 { text-align: center; font-size: 20px; color: #333; line-height: 40px; margin-top: 10px; } .zxtc_fr .zxtcfr_c p.p2 { line-height: 35px; margin-top: 10px; position: relative; } .zxtc_fr .zxtcfr_c p.p2 span { width: 15%; display: block; overflow: hidden; text-align: right; float: left; margin-right: 10px; font-size: 14px; color: #333; } .zxtc_fr .zxtcfr_c p.p2 span b { font-weight: normal; color: #f5a21b; } .zxtc_fr .zxtcfr_c p.p2 i { font-size: 14px; color: #f5a21b; } .zxtc_fr .zxtcfr_c p.p2 input.zxtc_txt { width: 80%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr .zxtcfr_c p.p2 textarea { width: 80%; height: 100px; overflow: hidden; border: 1px solid #e3e3e3; padding: 10px 0px; font-size: 14px; } .zxtc_fr .zxtcfr_c p.p2 input.zxtc_txt1 { width: 40%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 20px; } .zxtc_fr .zxtcfr_c p.p2 img { height: 35px; display: block; float: left; } .zxtc_fr .zxtcfr_c p.p3 { text-align: center; margin-top: 40px; } .zxtc_fr .zxtcfr_c p.p3 input { border: 0px; cursor: pointer; height: 40px; padding: 0px 40px; background-color: #f5a21b; border: 0px; cursor: pointer; font-size: 14px; color: #fff; border-radius: 20px; } p.p2 textarea { position: relative; z-index: 99; background: transparent; } .zxtc_fr_example .zxtcfr_c p.p2 b { font-size: 14px; color: #f5a21b; } .zxtcfr_c p.p2 { position: relative; } .zxtc_fr1 { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999990; display: none; } .zxtc_fr1 .zxtcfr1_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); } .zxtc_fr1 .zxtcfr1_c { width: 50%; overflow: hidden; background-color: #f8f8f8; position: absolute; left: 25%; top: 50%; border-radius: 10px; padding-bottom: 30px; margin-top: -300px; } .zxtc_fr1 .zxtcfr1_c a.zxtcfr1_close { width: 20px; height: 20px; display: block; overflow: hidden; background: url("/shujutang/static/image/index/close.jpg") center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; z-index: 990; } .zxtc_fr1 .zxtcfr1_c p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .zxtc_fr1 .zxtcfr1_c p.p1 { text-align: center; font-size: 20px; color: #333; line-height: 40px; margin-top: 10px; } .zxtc_fr1 .zxtcfr1_c p.p2 { line-height: 35px; margin-top: 10px; position: relative; } .zxtc_fr1 .zxtcfr1_c p.p2 span { width: 20%; display: block; overflow: hidden; text-align: right; float: left; margin-right: 10px; font-size: 14px; color: #888; } .zxtc_fr1 .zxtcfr1_c p.p2 span b { font-weight: normal; color: #f5a21b; } .zxtc_fr1 .zxtcfr1_c p.p2 i { font-size: 14px; color: #f5a21b; } .zxtc_fr1 .zxtcfr1_c p.p2 input.zxtc_txt { width: 70%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr1 .zxtcfr1_c p.p2 select.zxtc_txt { width: 70%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr1 .zxtcfr1_c p.p2 textarea { width: 70%; height: 80px; overflow: hidden; border: 1px solid #e3e3e3; padding: 10px 0px; text-indent: 10px; font-size: 14px; } .zxtc_fr1 .zxtcfr1_c p.p2 input.zxtc_txt1 { width: 40%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr1 .zxtcfr1_c p.p2 img { height: 35px; display: block; float: left; } .zxtc_fr1 .zxtcfr1_c p.p3 { text-align: center; margin-top: 40px; } .zxtc_fr1 .zxtcfr1_c p.p3 input { border: 0px; cursor: pointer; height: 40px; padding: 0px 40px; background-color: #f5a21b; border: 0px; cursor: pointer; font-size: 14px; color: #fff; border-radius: 20px; } .zxtc_fr_example { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999990; display: none; } .zxtc_fr_example .zxtcfr_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); } .zxtc_fr_example .zxtcfr_c { /* width: 50%; */ overflow: hidden; background-color: #f8f8f8; position: absolute; left: 25%; top: 50%; border-radius: 10px; padding-bottom: 30px; margin-top: -300px; } .zxtc_fr_example .zxtcfr_c a.zxtcfr_close { width: 20px; height: 20px; display: block; overflow: hidden; background: url("/shujutang/static/image/index/close.jpg") center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; z-index: 990; } .zxtc_fr_example .zxtcfr_c p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .zxtc_fr_example .zxtcfr_c p.p1 { text-align: center; font-size: 20px; color: #333; line-height: 40px; margin-top: 10px; } .zxtc_fr_example .zxtcfr_c p.p2 { line-height: 35px; margin-top: 10px; } .zxtc_fr_example .zxtcfr_c p.p2 span { width: 15%; display: block; overflow: hidden; text-align: right; float: left; margin-right: 10px; font-size: 14px; color: #333; } .zxtc_fr_example .zxtcfr_c p.p2 i { font-size: 14px; color: #f5a21b; } .zxtc_fr_example .zxtcfr_c p.p2 input.zxtc_txt { width: 80%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr_example .zxtcfr_c p.p2 textarea { width: 80%; height: 80px; overflow: hidden; border: 1px solid #e3e3e3; padding: 10px 0px; text-indent: 10px; font-size: 14px; } .zxtc_fr_example .zxtcfr_c p.p2 input.zxtc_txt1 { width: 40%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 10px; } .zxtc_fr_example .zxtcfr_c p.p2 img { height: 35px; display: block; float: left; } .zxtc_fr_example .zxtcfr_c p.p3 { text-align: center; margin-top: 20px; } .zxtc_fr_example .zxtcfr_c p.p3 input { border: 0px; cursor: pointer; height: 40px; padding: 0px 40px; background-color: #f5a21b; border: 0px; cursor: pointer; font-size: 14px; color: #fff; border-radius: 20px; } .zxtc_fr_example .zxtcfr_c p.p4 { text-align: center; font-size: 14px; color: #48263d54; line-height: 40px; margin-top: 10px; width: 62%; } .zxtc_fr_technologyFiles { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 9999990; display: none; } .zxtc_fr_technologyFiles .zxtcfr_bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; background-color: rgba(0, 0, 0, 0.5); } .zxtc_fr_technologyFiles .zxtcfr_c { width: 50%; overflow: hidden; background-color: #f8f8f8; position: absolute; left: 25%; top: 50%; border-radius: 10px; padding-bottom: 30px; margin-top: -300px; } .zxtc_fr_technologyFiles .zxtcfr_c a.zxtcfr_close { width: 20px; height: 20px; display: block; overflow: hidden; background: url("/shujutang/static/image/index/close.jpg") center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 10px; z-index: 990; } .zxtc_fr_technologyFiles .zxtcfr_c p { width: 90%; overflow: hidden; margin: 0px auto; padding: 0px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p1 { text-align: center; font-size: 20px; color: #333; line-height: 40px; margin-top: 10px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 { line-height: 35px; margin-top: 10px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 span { width: 15%; display: block; overflow: hidden; text-align: right; float: left; margin-right: 10px; font-size: 14px; color: #333; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 i { font-size: 14px; color: #f5a21b; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 b { font-size: 14px; color: #f5a21b; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 input.zxtc_txt { width: 80%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 20px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 textarea { width: 80%; height: 80px; overflow: hidden; border: 1px solid #e3e3e3; padding: 10px 0px; text-indent: 10px; font-size: 14px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 input.zxtc_txt1 { width: 40%; float: left; height: 35px; border: 1px solid #e3e3e3; padding: 0px; font-size: 14px; text-indent: 20px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p2 img { height: 35px; display: block; float: left; } .zxtc_fr_technologyFiles .zxtcfr_c p.p3 { text-align: center; margin-top: 20px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p3 input { border: 0px; cursor: pointer; height: 40px; padding: 0px 40px; background-color: #f5a21b; border: 0px; cursor: pointer; font-size: 14px; color: #fff; border-radius: 20px; } .zxtc_fr_technologyFiles .zxtcfr_c p.p4 { text-align: center; font-size: 14px; color: #48263d54; line-height: 40px; margin-top: 10px; width: 62%; } .nodata_01 { overflow: hidden; margin-top: 150px; padding-bottom: 100px; text-align: center; } .nodata_01 p { width: 100%; overflow: hidden; } .nodata_01 p img { display: block; margin: 0px auto; padding: 0px; max-width: 100%; } .nodata_01 p span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 20px; color: #888; line-height: 40px; font-weight: 100; margin-top: 10px; } .obtainMethod .page2c_slide .sp3 i { width: 155px; height: 45px; color: #f5a21b!important; border: 1px solid #f5a21b; font-size: 16px!important; line-height: 45px!important; text-align: center; margin-top: 30px; } @media screen and (max-width:1440px) { .index_tjbd .zxtcfr1_c { height: 500px!important; overflow: scroll!important; } .pro_page6 { margin-top: 60px!important; } .page2_t { margin-top: 38px!important; } .page6_content .page6_content_left li a { padding: 20px 0 10px!important; } .page6_content .page6_content_right .page6_right_tu { width: 300px!important; height: 245px!important; } .zxtc_fr1 .zxtcfr1_c p.p3 { margin-top: 20px!important; } .indexPage6 { height: 380px !important; } .indexPage6 .fl { margin-top: 162px; } .page6_content .page6_content_right .page6_right_tu a { left: 72px!important; } .page6_content .page6_content_right .page6_right_phone { padding: 20px 0 20px 90px!important; background: #fff4e2 url(../openCoursr/phone.png) no-repeat 30px!important; } .page6_content .page6_content_right .page6_right_letter { padding: 0 0 20px 90px!important; background: #fff4e2 url(../openCoursr/letter.png) no-repeat 30px 12px!important; } .page5_content .page_table_value table { margin-bottom: 10px!important; } .page4_c .page4_tit_box { margin: 80px 0 20px!important; } .page4_c .page4_tit_box span { margin: 10px 0!important; } .report .ab_p5_c { margin-top: 30px!important; } .page4_c { margin-top: 60px!important; } .page5_content .page_table_row { padding: 5px 0!important; } .page5_content { margin-top: 30px!important; } .page4_c .page4_tit_box { height: 135px!important; } .page5_content .page_titbox { padding: 0 0 20px 50px!important; } .page5_content .page_table { padding: 20px 88px 40px!important; margin: 0 20px!important; } .page6_content .page6_content_left { margin: 0 55px 0 0!important; } .page6_content .page6_content_right { margin-top: 0!important; } /* .cooperation { padding-top: 60px!important; } */ .ab_p4 { height: 454px; } } @media screen and (max-width:1280px) { /* 棣栭〉banner鏇挎崲涓虹函鑹茶儗鏅 */ /* .homePageBg{ background-color: #cccc; } */ .homePageBgImg { display: none; } .selected .zxtcfr1_c p.p2 span { width: 20%!important; } .selected .wordNum { left: 22%!important; } .page1_slide { width: 100%; } .page1_slide .swiper-slide .fr { width: 100%; } .page1_slide .swiper-slide .fl { width: 60%; } .page1_slide .swiper-slide .fl p.p1 { color: #fff; width: 100%; } .page1_slide .swiper-slide .fl p.p2 { color: #fff; width: 100%; } .page1_slide .swiper-slide .fl p.p3 { color: #fff; width: 100%; } .page1_slide .swiper-slide .fl p.p4 a { height: 30px; line-height: 30px; } /* .topfr_01 .menu_li{display:none;} .topfr_01 .menu{display:block;}*/ .page2c_slide .swiper-slide { width: 100%; } .page4_c .fl { display: none; } .page4_c .fr { width: 80%; } .page5 .page5_b { margin-top: 60px; } .page6 .fl p.p1 { font-size: 20px; line-height: 30px; } .ryzl_01 ul li a em i { -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis; display: -webkit-box; height: 80px; } .sjfw_03 { min-height: 300px; } .sjfw_03 .fr { width: 42%; margin-top: 100px; } .sjfw_03 .fl p.p1 { margin-top: 50px; } .sjsys_01 .fl { width: 74%; position: absolute; left: 0px; top: 0px; } .sjsys_01 .fl p.p3 { font-size: 12px; line-height: 20px; } .sjsys_01 .fr { width: 100%; } .sjsys_01 .fl p.p1 { color: #fff; } .sjsys_01 .fl p.p2 { color: #fff; } .sjsys_01 .fl p.p3 { color: #fff; } .abp5c_slide { width: 100%; } /* .zxtc_fr .zxtcfr_c { width: 90%; left: 5%; } */ .zxtc_fr1 .zxtcfr1_c { width: 90%; left: 5%; } .sjsys_03c_slide .swiper-slide em i { -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; height: 40px; } .ab_p4 { height: 454px; } } @media screen and (max-width:900px) { .wrap_c { width: 96%; } .paging_border { padding-bottom: 50px; } .zdjs_01 h1 { font-size: 38px; } .kfsj_03 .fl p.p1 { font-size: 38px; } .kfsj_03 .fl p.p2 { font-size: 24px; } .kfsj_03 .fl p.p3 a { line-height: 50px; border-radius: 25px; font-size: 24px; } .wrap { min-width: 0px; } .topfr_01 .menu_li { display: none; } .topfr_01 .menu { display: block; width: 34px; height: 44px; overflow: hidden; } .kfsj_05 ul li .fr em.em2 span a { line-height: 50px; border-radius: 50px; font-size: 24px; } .kfsj_05 ul li .fr em.em1 span.sp1 { font-size: 24px; } .kfsj_05 ul li .fr em.em1 span.sp2 { font-size: 20px; } /* .page1_slide .swiper-slide .fl p.p1{ display: block!important; } .page1_slide .swiper-slide .fl p.p2{ display: block!important; } .page1_slide .swiper-slide .fl p.p3{ display: block!important; } */ .paging { float: none!important; display: block; width: 100%; position: absolute; left: 10%; top: 40px; } .homePageBg { background: rgba(0, 0, 0, .5); width: 100%; height: 100%; overflow: hidden; margin: 0; position: relative; } .homePageBg .fr { padding: 10% 0; } /* .sjsys_02 { padding: 0!important; } */ .companyProfile { height: 430px !important; } .ab_p2 .companyProfile .fr { margin-top: 78px; } .ab_p2 .companyProfile .fr .p1 { text-align: center; } .page1_slide { height: 100%; } /*棣栭〉*/ .indexPage1 { height: 700px !important; min-height: 700px !important; } .topfr_01 img { width: 100px!important; } .topfr .menu em.on { background-color: #f8f8f8; } .page1_slide .swiper-slide .fl { position: absolute; top: 24%; left: 50%; transform: translateX(-50%); } .indexPage2 { height: 360px; } .indexPage3 { height: 490px; } .indexPage4 { height: 490px; } .indexPage5 { height: 560px; } .indexPage2 .page2_t { margin-top: 30px !important; } .indexPage3 .page2_t { margin-top: 30px !important; } .indexPage4 .page2_t { margin-top: 30px !important; } .indexPage5 .page2_t { margin-top: 42px !important; } .indexPage6 { height: 360px; } .indexPage6 .fl { margin-top: 30px !important; } .indexPage7 { height: 380px !important; } .indexPage7 .ab_p4_t { margin-top: 0 !important; } .indexPage6 .fr { margin-top: 30px !important; } .aboutUsP3 .abp3c_fr { padding-top: 20px !important; } .aboutUsP3 .wrap_in { background: none !important; } .wordMsg { display: none!important; } /*鍏充簬鎴戜滑App*/ .ab_p1 { height: 560px !important; min-height: 560px !important; } .ab_p1 .homePageBg { height: 560px !important; min-height: 560px !important; } .ab_p1 .homePageBg .abp1_c { margin-top: 235px !important; } .ab_p5 { height: 400px; } .ab_p5 .ab_p4_t { margin-top: 0px !important; } .wordNum { display: none!important; } .hidden { display: none!important; } .zxtcfr_c { width: 90%!important; left: 5%!important; } .zxtc_fr1 .zxtcfr1_c { overflow-y: scroll!important; } .topfr .menu em i { background: #fff; } .topfr .menu em.on i { background-color: #555; } .topNavBg .menu em i { background: #555; } /* form{ overflow: scroll!important; overflow-y: scroll!important; } */ .zxtcfr_c p.p2 span { width: 30%!important; position: absolute; } .zxtcfr_c p.p2 input.zxtc_txt { width: 96%!important; padding-left: 26%!important; box-sizing: border-box; } .zxtcfr_c p.p2 textarea { width: 96%!important; box-sizing: border-box; padding-left: 26%!important; } .zxtc_fr1 .zxtcfr1_c p.p2 select.zxtc_txt { margin-left: 95px!important; } .smallAlert { top: 75%!important; right: 30%!important; } .page2_t { margin-top: 140px!important; } .page2_t p.p1 { font-size: 20px; line-height: 30px; } .page2c_slide .swiper-slide a em.em1 span.sp2 { display: none; } .page2c_slide .swiper-slide a em.em1 span.obtainMethod_sp2 { display: block; text-align: left !important; margin-top: 0; } .page2c_slide .swiper-slide a { height: auto!important; } .page5 .page5_b { position: relative; } .page5 .page5_b img.img1 { display: none; } .page5b_d_01 { position: relative; left: 0%; top: 0px; z-index: 990; margin-top: 20px; } .page5b_d_02 { position: relative; left: 0%; top: 0%; z-index: 990; margin-top: 20px; } .page5b_d_03 { position: relative; right: 0%; top: 0px; z-index: 990; margin-top: 20px; } .page5b_d_04 { position: relative; right: 0%; top: 0%; z-index: 990; margin-top: 20px; } .page5b_01 { width: 100%; overflow: hidden; } .page5b_02 { width: 100%; overflow: hidden; } .page5b_01 em.em1 i { height: 40px; } .page5b_02 em.em1 i { height: 40px; } .page6 .fl { width: 80%; margin-top: 140px; } .page6 .fr { width: 100%; } .page7_t .fl { display: none; } .page7_t .fr { width: 100%; } .page7_t .fr em.em1 { width: 58%; float: right; margin-bottom: 0px; margin-right: 2%; } .page7_t .fr em.em1 span { width: 178px; margin: 0px auto; padding: 0px; margin-top: 10px; } .page7_t .fr em.em1 span i.i2 { font-size: 12px; } .page7_t .fr em.em2 { display: block; width: 30%; max-width: 100px; float: left; margin: 0px auto; padding: 0px; margin-left: 3%; } .page7_t .fr em.em2 span { font-size: 12px; margin-top: 2px; } .page7_c p a { padding-left: 7px; margin: 0px 4px; margin-bottom: 10px; } .menufr .fl { display: none; } .menufr .fr { width: 100%; } .menufr .fr ul li .menu_t { padding: 10px 0px; width: 100%; overflow: hidden; } .menufr .fr ul li .menu_t span.sp1 { width: 50px; } .menufr .fr ul li .menu_t span.sp2 { font-size: 16px; } .menufr .fr ul li .menu_c { position: relative; display: block; width: 80%; left: 0px; overflow: hidden; margin-left: 70px; } .menufr .fr ul li .menu_c p { line-height: 20px; width: auto; display: inline-block; float: left; margin-right: 10px; } .menufr .fr ul li .menu_c p a { font-size: 13px; } .ryzl_01 ul li { width: 48%; margin-right: 4%; } .ryzl_01 ul li:nth-child(3n) { margin-right: 4%; } .ryzl_01 ul li:nth-child(2n) { margin-right: 0px; } .ryzl_01 ul li a em i { display: none; } .zdjs_02 ul li em { width: 100%; } .zdjs_02 ul li em.em2 { margin-top: 30px; } .sjfw_01_c ul li .sjfw_01_img { width: 100%; } .sjfw_01_c ul li .sjfw_01_txt { width: 100%; } .sjfw_02_c .fl { width: 100%; float: none; margin: 0px auto; padding: 0px; } .sjfw_02_c .fr { width: 100%; } .sjfw_03 { min-height: 0px; } .sjfw_03 img.img1 { height: 130%; } .sjfw_03 .fr { width: 100%; margin-top: 40px; } .sjfw_03 .fl { width: 100%; } .sjfw_03 .fl p.p3 { color: #fff; } .sjfw_03 .fl p.p1 { margin-top: 0px; color: #fff; } .sjfw_03 .fl p.p2 { width: 100%; } .kfsj_01 .fl { width: 100%; } .kfsj_01 .fr { display: none; } .kfsj_01 .fl ul li { width: 100%; margin-right: 0px; } .kfsj_03 { margin-top: 20px; } .kfsj_03 .wrap_c { overflow: hidden; position: relative; padding: 40px 0px; } .kfsj_03 .fr { width: 100%; position: absolute; left: 0px; bottom: 0px; } .kfsj_03 .fr img { display: none; } .kfsj_03 .fl { width: 100%; position: relative; z-index: 990; text-align: center; } .sjj_02 { padding: 10px 0px; } .kfsj_05 ul li .fl { width: 90%; position: relative; left: 5%; } .kfsj_05 ul li .fr { width: 90%; overflow: hidden; padding-top: 20px; margin-right: 5%; } .kfsj_05 ul li .fr em { display: block; width: 100%; overflow: hidden; } .kfsj_05 ul li .fr em.em1 span { width: 100%; } .kfsj_05 ul li .fr em.em2 span.sp2 { position: relative; margin-top: 10px; } .kfsj_05 ul li .fr em.em2 { width: 100%; margin-top: 20px; } .kfsj_05 ul li .fr em.em2 span.sp2 { display: none; text-align: center; } .kfsj_05 ul li .fr em.em2 span.sp2 i { float: none; } .kfsj_05 ul li .fr em.em2 span.sp2 img { float: none; position: relative; top: 6px; } .kfsj_05 ul li .fr em.em1 span.sp3 { display: none; } .kfsj_04 .fr { margin-top: 5px; } .kfsj_04 .fl a { margin-left: 0px; padding: 0px 5px; font-size: 24px; } .kfsj_04 .fr span { display: none; } .zdjs_01 p.p1 { width: 90%; } .cpxq_01 .cpxq_01_cell { display: block; width: 100%; } .cpxq_01 .cpxq_01_r { margin-top: 20px; } .cpxq_01 .cpxq_01_r p.p4 a { margin-right: 10px; padding: 0px 15px; } .cpxq_02c_slide { width: 80%; } .cpxq_03c_c1 table tr td { width: 70%; } .cpxq_03c_c1 table tr td.td1 { width: 30%; } .sjsys_01 .fl p.p3 { display: none; } .sjsys_01 .fl p.p1 { font-size: 20px; line-height: 30px; text-align: center; } .sjsys_01 .fl p.p2 { font-size: 14px; line-height: 20px; text-align: center; } .sjsys_02_c ul li {} .sjsys_02_c ul li b.b1 { display: none; } .sjsys_02_c ul li p.p3 { display: none; } .sjsys_03c_slide .swiper-slide img { width: 100%; } .dt_01 ul li a em.em1 { width: 100%; height: 200px; position: relative; } .dt_01 ul li a em.em2 { width: 94%; } .tzzgx_02 ul li a em { display: block; } .tzzgx_02 ul li a em.em1 { width: 100%; } .tzzgx_02 ul li a em.em2 { width: 90%; margin-top: 20px; } .ab_p2 .fl { width: 100%; } .ab_p2 .fl b { width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; } .ab_p2 .fr { width: 70%; position: relative; z-index: 990; } .ab_p2 .fr p { color: #fff; } .ab_p2 .fr p.p1 { color: #fff; } .ab_p2 .fr p.p2 { display: none; } .ab_p3 .wrap_in b.b1 { display: none; } .abp3_c { position: inherit; width: 100%; float: left; margin-right: 0%; } .abp3_c i { display: none; } .abp3_c p { width: 100%; margin-left: 0px; } .abp3_c1 { position: inherit; width: 100%; float: left; margin-right: 0%; } .abp3_c1 i { display: none; } .abp3_c1 p.p1 { margin-top: 0px; } .abp3_01 { left: 0px; bottom: 0px; } .abp3_02 { left: 0px; bottom: 0px; } .abp3_03 { left: 0px; bottom: 0px; } .abp3_04 { left: 0px; bottom: 0px; } .abp3_05 { left: 0px; bottom: 0px; margin-right: 0px; } .abp3_06 { left: 0px; bottom: 0px; margin-right: 0px; } .abp3_07 { left: 0px; bottom: 0px; margin-right: 0px; } .abp3_08 { left: 0px; bottom: 0px; margin-right: 0px; } .abp3c_fr { width: 100%; overflow: hidden; padding-top: 140px; } .abp3_c p.p1 { font-size: 20px; line-height: 30px; } .abp3_c p { font-size: 12px; line-height: 18px; } .abp5c_slide .swiper-slide a em.em1 { width: 80%; position: relative; height: auto; overflow: hidden; display: block; left: 0px; margin: 0px auto; padding: 0px; } .abp5c_slide .swiper-slide a em.em3 { width: 80%; position: relative; height: 200px; overflow: hidden; display: block; right: 0px; margin: 0px auto; padding: 0px; } .abp5c_slide .swiper-slide a em.em2 { display: none; } .abp5c_slide .swiper-slide a { height: auto; } .ab_p5_c .abp5c_prev { top: 0px; left: 0px; } .ab_p5_c .abp5c_next { top: 0px; right: 0px; } .ab_p6_c ul li { width: 100%; margin-right: 0px; margin-bottom: 15px; } .ab_p4 { height: 360px } .ab_p4_t { margin-top: 0px; font-size: 20px; } .ab_p5_c { margin-top: 0px; } .abp5c_slide .swiper-slide a em.em1 span.sp3 { display: none; } .abp5c_slide .swiper-slide a em.em1 span.sp1 { margin-top: 10px; } .abp5c_slide .swiper-slide a em.em1 span.sp4 { margin-bottom: 10px; } .zxtc_fr .zxtcfr_c p.p2 { position: relative; } .zxtc_fr .zxtcfr_c p.p2 span { position: absolute; left: 0px; top: 0px; width: 90px; } p.p2 span { z-index: 999; } .zxtc_fr .zxtcfr_c p.p2 i { margin-left: 100px; } .zxtc_fr .zxtcfr_c p.p2 input.zxtc_txt { text-indent: 20px; width: 98%; } .zxtc_fr .zxtcfr_c p.p2 textarea { width: 98%; height: 60px; line-height: 30px; padding: 0; } .zxtc_fr .zxtcfr_c p.p3 { margin-top: 20px; } .zxtc_fr1 .zxtcfr1_c p.p2 { position: relative; } .zxtc_fr1 .zxtcfr1_c p.p2 span { position: absolute; left: 0px; top: 0px; width: 90px; } .zxtc_fr1 .zxtcfr1_c p.p2 i { margin-left: 100px; } .zxtc_fr1 .zxtcfr1_c p.p2 input.zxtc_txt { text-indent: 100px; width: 98%; } .zxtc_fr1 .zxtcfr1_c p.p2 textarea { width: 98%; padding-top: 30px; height: 30px; } .zxtc_fr1 .zxtcfr1_c p.p3 { margin-top: 5px!important; } .zdjs_03_c { height: auto; } .zdjs_03_c a.a1 { position: relative; left: 0; top: 0; } .zdjs_03_c a.a2 { position: relative; left: 0; top: 0; } .zdjs_03_c a.a3 { position: relative; left: 0; top: 0; } .zdjs_03_c a.a4 { position: relative; right: 0; top: 0; } .zdjs_03_c a.a5 { position: relative; right: 0; top: 0; } .zdjs_03_c a.a6 { position: relative; right: 0; top: 0; } .zdjs_03_c a.a7 { position: relative; right: 0; top: 0; } .zdjs_03_c a.a8 { position: relative; left: 0; top: 0; } .zdjs_03_c a.astyle_0 { text-align: left; display: inline-block; } .zdjs_03_c a.astyle_1 { text-align: left; padding-left: 20px; padding-right: 0px; display: inline-block; } .zdjs_03_c a.astyle_1 b { left: inherit; right: 5px; } .zdjs_03_c { text-align: center; } .zdjs_03_c a { display: inline-block; float: none; margin-bottom: 10px; } .sitefr { overflow: hidden; padding-top: 80px!important; } /* 鏁版嵁浜у搧start */ .kfsj_05 ul li .fr em.em2 span { margin-top: 10px; margin-bottom: 30px; } .kfsj_05 ul li .fr em.em1 span.sp1 { line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 鏁版嵁浜у搧end */ } @media screen and (max-width:700px) { .indexPage6 { height: 360px !important; } .ab_p4 { height: 270px; } .ab_p5 { height: 370px; } } @media screen and (max-width:512px) { .advertisement .bigAlert { display: none!important; } .ab_p4 { height: 270px; } .ab_p5 { height: 370px; } .indexPage6 { height: 360px !important; } .kfsj_03 .fl p.p1 { font-size: 24px; } .sjsys_02_t p.p1 { font-size: 24px; } .sjsys_03_t { font-size: 24px; } .sjsys_05 p.p1 { font-size: 24px; } .page2_t p.p1 { font-size: 24px; } .openSourceTit { font-size: 24px!important; } .zdjs_01 h1 { font-size: 24px; } .kfsj_04 .fl a { font-size: 16px; } .kfsj_05 ul li .fr em.em1 span.sp1 { font-size: 20px; } .kfsj_05 ul li .fr em.em1 span.sp2 { font-size: 16px; } .kfsj_05 ul li .fr em.em2 span a { line-height: 40px; border-radius: 40px; font-size: 16px; } .kfsj_03 .fl p.p2 { font-size: 16px; } .kfsj_03 .fl p.p3 a { line-height: 40px; border-radius: 20px; font-size: 16px; } } .explain { font-size: 12px; color: #666; width: 70%!important; font-size: 12px; color: #666; padding: 20px 20%!important; } .explain a { color: #f5a21b; } .wordNum { color: #999!important; font-size: 12px!important; width: 50%!important; position: absolute; left: 23%; top: 1px; text-align: left!important; } .open_source .zxtcfr1_c p.p2 span { width: 30%!important; } .open_source .zxtcfr1_c p.p2 input.zxtc_txt { width: 65%!important; } .open_source .zxtcfr1_c p.p2 .xqms_txt { width: 65%!important; } .open_source .wordNum { left: 34%!important; width: 100%!important; } .zxtcfr1_c_tit { font-size: 14px!important; line-height: 30px!important; } .errorMsg { font-size: 12px; color: red; margin-left: 21%; } .errorMsg3 { font-size: 12px; color: red; margin-left: 21%!important; } .errorMsgList { font-size: 12px; color: red; margin-left: 21%!important; } .wordMsg { color: #999!important; font-size: 12px!important; width: 50%!important; position: absolute; left: 23%; top: 1px; text-align: left!important; } /* 寮€婧愭暟鎹〉 */ /* .c_orange{ color: #f5a21b; } .f_bold{ font-weight: bold; } .yellowBg .fl{ width: 35%!important; } .page4_c .page4_tit_box{ width: 125px; height: 175px; border: 1px solid #f5a21b; margin: 80px 0 30px; padding: 10px; } .page4_c .page4_tit_box p{ color: #f5a21b; font-size: 16px; line-height: 30px; padding-bottom: 10px; } .page4_c .page4_tit_box span{ display: block; width: 155px; height: 1px; margin: 20px 0; border-top:1px solid #f5a21b; } .page4_c .fr .page4_tit_box span{ margin-left: -30px!important; border-top: 1px solid #fdc569; } .page4_c .page4_tit_box .page4_tit_big{ font-size: 22px; text-align: center; } .page4_c .page4_msg p{ font-size: 14px; color: #333; line-height: 30px; } .page4_c .page4_msg span{ font-size: 16px; } .page4_yellow .fl{ background: url('../openCoursr/page_bg2.png') no-repeat 50% 70%; background-size: contain; margin-right: 0!important; } .page4_c .fr .page4_tit_box{ background: #fff; text-align: right; float: right; } .page4_c .fr .page4_msg{ float: right; } .page4_c .fr .page4_msg p{ text-align: right; color: #fff; } .page4_c .fr .page4_msg span{ background: url(../openCoursr/border.png) no-repeat; background-size: 100% 100%; padding: 0 5px 2px; } .page4_c .fr .page4_msg_last{ border: 1px dashed #fff; float: right; padding-bottom: 0!important; } .page4_c .fr .page4_msg a{ text-decoration: underline; color: #fff; } */ /* 琛ㄦ牸 */ /* .page5 .wrap_c .page2_t{ width: 80px!important; } */ /* .page5_content{ width: 1280px; margin: 60px auto 0; box-sizing: border-box; position: relative; } .page5_content .page_titbox{ font-size: 20px; color: #333; background: url(../openCoursr/menu.png) no-repeat 0px 5px; padding: 0 0 30px 50px; width: 1060px; } .page5_content .page_msg{ color: #333; margin: 0 35px 30px; padding: 10px 35px 10px; text-align: justify; background: url(../openCoursr/sjjs_top.png) no-repeat,url(../openCoursr/sjjs_bottom.png) no-repeat 0 100%; background-size: 100%; width: 1060px; font-size: 14px; } .page5_content .page_table{ margin: 10px 20px; padding: 40px 88px; background: url(../openCoursr/sjjxq_top.png) no-repeat,url(../openCoursr/sjjxq_bottom.png) no-repeat 0 100%; background-size: 100%; width: 1000px; } .page5_content .page_table_row{ border-bottom: 1px solid #ddd; display: flex; padding: 10px 0; } .page5_content .page_table_key{ width: 320px; font-size: 14px; line-height: 30px; color: #000; } .page5_content .page_table_value{ position: relative; width: 100%; } .page5_content .page_table_value p{ color: #666; font-size: 14px; line-height: 30px; } .page5_content .page_table_value table{ width: 590px; border-collapse: collapse; margin-bottom: 20px; } .page5_content .page_table_value table th{ height: 40px; line-height: 40px; width: 98px; text-align: center; border: 1px solid #ddd; background: #ffcf56; } .page5_content .page_table_value table td{ height: 40px; width: 98px; border: 1px solid #ddd; line-height: 40px; text-align: center; } .c_gray{ background: #f0f0f0; } .page5_content .page_table_value a{ display: inline-block; color: #f5a21b; font-size: 14px; text-align: center; width: 74px; height: 30px; line-height: 30px; border: 1px solid #f5a21b; position: absolute; bottom: 50px; left: 503px; } .page5_content .page_table_value a.click_see{ top: 0!important; left: 270px!important; } .page_table_last{ color: #999; } */ /* 鑾峰彇鏂瑰紡 */ .page2c_slide .swiper-slide a { background: #fff; height: 300px; } .page2c_slide .get_type { height: 300px!important; margin-top: 50px; } .page2c_slide .get_type .em1 .sp1 { font-size: 18px!important; color: #f5a21b!important; background: url(../openCoursr/dui.png) no-repeat 30px 10px; padding-left: 70px; } .page2c_slide .get_type2 .em1 .sp1 { background: url(../openCoursr/jingxuan.png) no-repeat 30px 10px; } .page2c_slide .get_type3 .em1 .sp1 { background: url(../openCoursr/two.png) no-repeat 30px 10px; } .page2c_slide .get_type .em1 .sp2 i { color: #286fff; } .page2c_slide .get_type .em1 .sp2 { margin-top: 20px!important; color: #000!important; width: 80%!important; text-align: justify; } .page2c_slide .get_type .em1 .sp3 i { width: 155px; height: 45px; color: #f5a21b!important; border: 1px solid #f5a21b; font-size: 16px!important; line-height: 45px!important; text-align: center; margin-top: 30px; } .page2c_slide .get_type3 .em1 .sp3 i { margin-top: 10px; } /* 鍚堜綔鏈烘瀯 */ /* .cooperation{ padding-top: 180px; } .cooperation li{ width: 290px!important; height: 210px; margin-right: 10px!important; position: relative; border: 1px solid #ddd; box-sizing: border-box; } .cooperation li .cooperationImg{ background: #fff; width: 100%; height: 100%; box-sizing: border-box; } .cooperation li img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .cooperation li .cooperationImg:hover{ transform: scale(1.1); transition: 1s all; } */ /* .cooperation li:hover .cooperation_mouseover{ display: inline-block; } .cooperation .cooperation_mouseover{ background: #f5a624; opacity: .9; box-sizing: border-box; width: 290px; height: 210px; padding: 10px; position: absolute; top: 0; left: 0; display: none; } .cooperation .cooperation_mouseover .cooperation_mouseoverBor{ border: 1px solid #fff; text-align: center; color: #fff; height: 190px; padding-top: 45px; box-sizing: border-box; } .cooperation .cooperation_mouseover .cooperation_mouseoverBor p{ font-size: 18px; } .cooperation .cooperation_mouseover .cooperation_mouseoverBor span{ font-size: 14px; color: #fff; line-height: 24px; } */ /* .cooperation_box{ background: url('../openCoursr/hzjg_bg.png'); } .cooperation_box .page3_c{ width: 1200px!important; } .report{ background: url('../openCoursr/xgbd_bg.png') no-repeat 0 100%; background-size: cover; } .report .report_bg{ width: 60%; min-width: 640px; height: 300px; display: block; overflow: hidden; margin: 60px 0 0 100px; border: 1px solid #ddd; box-sizing: border-box; } .report .report_bg img{ width: 100%; height: 100%; } .report .report_msg{ box-sizing: border-box; width: 40%; min-width: 570px; overflow: hidden; position: absolute; top: 105px; right: 100px; background-color: #f1f1f1; height: 215px; font-style: normal; padding: 30px; } .report .report_msg .ab_p5_tit{ display: block; font-size: 18px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom: 15px; font-weight: bold; } .report .report_msg .ab_p5_msg{ display: block; font-size: 13px; color: #333; line-height: 20px; overflow: hidden; height: 60px; } .report .report_msg .ab_p5_btn{ margin-top: 15px; display: block; font-size: 14px; color: #f5a21b; padding: 10px 0; border: 1px solid #f5a21b; width: 110px!important; text-align: center; border-radius: 19px; } .report .report_msg:hover .ab_p5_btn{ background: #f5a21b; color: #fff; } */ /* 鏇村鏁版嵁浜у搧鎺ㄨ崘 */ /* .page6_content{ padding-top: 20px; display: flex; width: 1120px; margin: 0 auto; } .page6_content .page6_content_left{ margin: 50px 55px 0 0; } .page6_content .page6_content_right{ margin-top: 50px; } .page6_content .page6_content_left li a{ padding: 20px 0; font-size: 18px; color: #333; display: block; } .page6_content .page6_content_left li p{ font-size: 14px; color: #666; line-height: 20px; height: 40px; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; } .page6_content .page6_content_left li a::after{ content: ''; display: inline-block; width: 45px; height: 18px; background: url('../openCoursr/hot.png') no-repeat; position: relative; top: 2px; left: 4px; } .page6_content .page6_content_left li a:hover{ text-decoration: underline; } .page6_content .page6_content_left .clickSee{ color: #f5a624; float: right; margin-top: 10px; font-size: 14px; } .page6_content .page6_content_right .page6_right_tu{ width: 360px; height: 300px; position: relative; } .page6_content .page6_content_right .page6_right_tu img{ width: 100%; height: 100%; } .page6_content .page6_content_right .page6_right_tu a{ position: absolute; bottom: 20px; left: 102px; font-size: 18px; color: #fff; background: #f5a21b; width: 155px; height: 50px; text-align: center; line-height: 50px; } .page6_content .page6_content_right .page6_right_phone{ padding: 20px 0 20px 129px; background: #fff4e2 url('../openCoursr/phone.png') no-repeat 40px; font-size: 16px; } .page6_content .page6_content_right .page6_right_letter{ padding: 0 0 35px 129px; background:#fff4e2 url('../openCoursr/letter.png') no-repeat 40px 12px; font-size: 16px; } .page6_content .page6_content_right .page6_right_phone p{ font-size: 16px; color: #333; line-height: 30px; } .page6_content .page6_content_right .page6_right_letter p{ font-size: 16px; color: #333; line-height: 30px; } */ .page1 .page1_slide img { /* width: 100%; */ /* height: 100%; */ } .sample_download .zxtcfr1_c p.p2 span { width: 30%; } .sample_download .zxtcfr1_c p.p2 input.zxtc_txt { width: 65%; } .sample_download .zxtcfr1_c p.p2 .xqms_txt { width: 65%; } .sample_download .wordNum { left: 34%; width: 100%; } .selected .zxtcfr1_c p.p2 span { width: 30%; } .selected .zxtcfr1_c p.p2 input.zxtc_txt { width: 65%!important; } .selected .zxtcfr1_c p.p2 .xqms_txt { width: 65%!important; } .selected .wordNum { left: 34%!important; width: 100%!important; } .selected .selectedBtn { padding: 10px 33%!important; width: 60%!important; margin-left: -30px !important; } .selected .selectedBtn span { width: 14px; height: 14px; display: inline-block; background: url(/shujutang/static/image/openCoursr/gray_border.png) no-repeat; position: relative; top: 2px; margin-right: 5px; } .selected .selectedBtn i { padding-left: 14px; } .selected .selectedBtn a { color: #f5a21b; } .selectBor { background: url(/shujutang/static/image/openCoursr/select.png) no-repeat!important; } /* .open_source_nav{ background: #f5a21b; padding: 0 2px 0 3px!important; } .open_source_nav:hover{ color: #fff!important; } */ .popup { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.705); position: fixed; top: 0; z-index: 999; } .expect { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.705); position: fixed; top: 0; z-index: 999; } .popup_box { width: 250px; height: 100px; padding: 40px 20px; text-align: center; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 9999; transform: translateX(-50%) translateY(-50%); } .popup_box p { text-align: center; font-size: 14px; color: #333; } .popup_btn { display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; margin-top: 40px; position: absolute; left: 50%; transform: translateX(-50%); color: #f5a21b; border: 1px solid #f5a21b; } .popup_btn:hover { background-color: #f5a21b; color: #fff; } .down_load { display: inline-block; height: 40px; padding: 0px 40px; background-color: #f5a21b; border: 0px; cursor: pointer; font-size: 14px; color: #fff; border-radius: 20px; line-height: 40px; } .page_gettype .page_gettype_btn { position: absolute; right: 110px; display: inline-block; line-height: 30px; background: #f5a21b; padding: 0 4px; font-size: 14px; color: #fff; } /* 鎮诞骞垮憡 */ .smallAlert { position: fixed; right: 3%; top: 20%; z-index: 9; animation: dd 1s linear alternate infinite; } @keyframes dd { from { transform: translate(0, -5px) } to { transform: translate(0, 5px) } } .smallAlert a { display: inline-block; width: 200px; height: 150px; background-size: contain; } .advertisement { width: 100%; position: fixed; bottom: 0; left: 0; } .advertisement .bigAlert { position: absolute; bottom: -3px; left: 0; } .advertisement .bigAlert img { width: 100%; } .advertisement .bigAlert a { width: 100px; height: 100%; display: inline-block; position: absolute; top: 0; right: 26%; } .advertisement .advertisementClose { width: 40px; height: 40px; background: url(../upimg/close_btn.png) no-repeat; background-size: contain; position: absolute; right: 10%; top: 10%; } .chinaxieyi { color: #286fff; } /* 寮€婧愭暟鎹産anner鏂囧瓧 */ .topMsg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; font-size: 30px; color: #fff; line-height: 80px; } .topMsg h2 { color: #f5a21b; font-size: 30px; color: #fff; } .topMsg p { color: #f5a21b; } .topfr_01 .index_menu img { width: 120px; } .topfr_01 .open_menu img { width: 120px; } .topNavBg { background: #fff; padding: 10px 0; /* box-shadow: 0 5px 10px #ececec; */ } .topNavBg .fr { line-height: 52px; } .topNavBg .menu_li ul li a { color: #666; } .topNavBg .top_lang .top_lang_t span { color: #666; background: url(../images/downArr.png) right center no-repeat; } .topNavBg .top_lang .top_lang_c p a { color: #666; } .topNavBg .menu_li ul li .menu_li_c { margin-top: 20px; background: #fff; } .topNavBg .menu_li ul li .menu_li_c p a { color: #666; } .topNavBg .menu em { margin-top: 10px; } /***寮€婧愭暟鎹 start-x**************************/ .opensource_banner { margin-top: 0; } /* .opensource_banner p.titleSub{ font-size: 16px; } */ .opensource_banner img.img1 { width: 62% !important; } .opensource_banner .wrap_c .fl, .opensource_banner .wrap_c .fr { opacity: 1; } .opensource_banner img.activityImg { height: 100%; display: block; position: absolute; left: 0px; top: 0px; } .opensource_banner .fr .activitySmCon li a { color: #fff; } .f_public_tit { width: 120px; border: 2px solid #fff; position: relative; padding: 0 10px; box-sizing: border-box; margin-bottom: 80px; background: #fff; } .opensource_banner .fl .f_public_tit { border-color: #ff8b1a; } .f_public_tit h6 { font-size: 12px; line-height: 30px; color: #ff8b1a; } .f_public_tit span { position: absolute; width: 100%; height: 1px; background: #ff8b1a; top: 100px; color: #ff8b1a; } #datainfo1 span { color: #ff8b1a; } #guige tbody tr td table { border: 1px solid #ddd; border-bottom: none; margin-bottom: 20px; } #guige tbody tr td table td { text-align: center; } .zs { color: #999; } .zs li { line-height: 24px; font-size: 12px; } .inLook { display: inline-block; width: 72px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #ff8b1a; color: #ff8b1a; margin-left: 10px; } .inLook:hover { color: #ff8b1a; } .childTableHead td { background: #ffcf56; } .childTableHeadTwo td { background: #f0f0f0; } .f_public_tit h3 { font-size: 24px; line-height: 30px; color: #ff8b1a; } /*娲诲姩鑳屾櫙*/ .activityBgCon { font-size: 16px; color: #333; line-height: 30px; } .activityBgCon span { font-size: 16px; color: #ff8b1a; } .activityBgCon p { margin-top: 26px; } /*娲诲姩璇存槑*/ .activitySmCon { text-align: right; color: #fff; } .activitySmCon label { font-size: 16px; display: inline-block; background: url(/shujutang/static/image/openCoursr/border.png) no-repeat; background-size: 100% 100%; padding: 0 5px 2px; } .activitySmCon p { padding: 3px; border: 1px dotted #fff; } .fr .f_public_tit span { left: -10px; } .opensource_banner .fr { width: 48%; text-align: right; margin-top: 0; } .dataSetTit { width: 100%; text-align: center; margin: 120px 0 70px; font-size: 30px; } .dataSetTit h4 { line-height: 42px; margin: 0; padding: 0; } .obtainMethod .page2c_slide h6 { line-height: 34px; position: relative; margin-top: 20px; padding-top: 10px; font-size: 18px; color: #f5a21b; padding-left: 70px; } .obtainMethod .page2c_slide em.em1 { top: 60px !important; } .obtainMethod .page2c_slide .em1 .sp2 { width: 90% !important; color: #333 !important; } .obtainMethod .page2c_slide h6.get-type1 { background: url(/shujutang/static/image/openCoursr/dui.png) no-repeat 30px 10px; } .obtainMethod .page2c_slide h6.get-type2 { background: url(/shujutang/static/image/openCoursr/jingxuan.png) no-repeat 30px 10px; } .obtainMethod .page2c_slide h6.get-type3 { background: url(/shujutang/static/image/openCoursr/two.png) no-repeat 30px 10px; } /* .obtainMethod .page2c_slide .em1 .sp3 i{ display:inline-block; width:280px; height:64px; border:1px solid #ff8b1a; } */ /*寮€婧愬悎浣滄満鏋?*/ .cooperationCompany { background: url(/shujutang/static/image/openCoursr/hzjg_bg.png) no-repeat center; background-size: cover; height: 577px !important; } .openSourceTit { font-size: 30px; color: #333; padding-top: 36px; box-sizing: border-box; text-align: center; margin-bottom: 180px; } .companyList { width: 1280px; margin: 0 auto; } .imgItem { width: 298px; height: 216px; border: 1px solid #ddd; display: inline-block; overflow: hidden; margin-right: 16px; } .imgItem img:hover { transform: scale(1.1); transition: 1s all; } .moreProduct .wrap_c { margin-top: 46px; } .moreProduct .wrap_c .fl { width: 60%; opacity: 1; } .moreProduct .wrap_c .fr { width: 38%; opacity: 1; margin: 0; } .moreProduct .wrap_c .fl a.moreData { float: left; color: #333; position: relative; width: 80px; font-size: 16px; display: none; user-select: none; } .moreProduct .wrap_c .fl a.moreData i { display: inline-block; width: 0; height: 0; border-left: 7px solid #666; border-right: 7px solid transparent; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; right: 0px; top: 6px; } .moreProduct_item { margin-bottom: 48px; } .moreProduct_item h5 { font-size: 18px; color: #333; padding: 0; margin: 0; margin-bottom: 20px; font-weight: normal; } .moreProduct_item h5 a { text-decoration: none; } .moreProduct_item h5 a:hover { text-decoration: underline; } .moreProduct_item p { font-size: 14px; color: #666; line-height: 24px; } .moreProduct_item a { text-decoration: underline; } .moreProduct_item span { display: inline-block; width: 45px; height: 18px; background: url(/shujutang/static/image/openCoursr/hot.png) no-repeat; } .consultationTop { width: 100%; height: 396px; position: relative; } .consultationTop img { width: 100%; height: 100%; } .consultationTop a { position: absolute; width: 154px; height: 46px; bottom: 20px; left: 50%; margin-left: -77px; font-size: 16px; color: #fff; background: #f5a21b; ; text-align: center; line-height: 46px; } .consultationBottom .consultationTel { padding: 20px 0 20px 90px!important; background: #fff4e2 url(/shujutang/static/image/openCoursr/phone.png) no-repeat 30px!important; } .consultationBottom .consultationEmail { padding: 0 0 20px 90px!important; background: #fff4e2 url(/shujutang/static/image/openCoursr/letter.png) no-repeat 30px 12px!important; } @media screen and (max-width:1440px) {} @media screen and (max-width:1280px) {} @media screen and (max-width:900px) { /*寮规*/ .selected .zxtcfr1_c p.p2 span, .open_source .zxtcfr1_c p.p2 span, .sample_download .zxtcfr1_c p.p2 span { float: left; width: 26% !important; } .selected .zxtcfr1_c p.p2 span em, .open_source .zxtcfr1_c p.p2 span em, .sample_download .zxtcfr1_c p.p2 span em { display: none; } .selected .zxtcfr1_c p.p2 input.zxtc_txt, .open_source .zxtcfr1_c p.p2 input.zxtc_txt, .sample_download .zxtcfr1_c p.p2 input.zxtc_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } .selected .zxtcfr1_c p.p2 .xqms_txt, .open_source .zxtcfr1_c p.p2 .xqms_txt, .sample_download .zxtcfr1_c p.p2 .xqms_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } } @media screen and (max-width:700px) { .clickSee { display: none !important; } .page2c_slide { width: 80% !important; z-index: 999999; } .obtainMethod_page2c_slide { width: 96% !important; height: 304px; } /*鏁版嵁浜戞睜**/ #pagesid .prePage a { background: none; } #pagesid .nextPage a { background: none; } .f_public_tit { margin-bottom: 30px; } .f_public_tit h6 { display: none; } .activityBgCon { color: #fff; } .dataSetTit { font-size: 24px; margin: 50px 0 40px } .dataSetTit h4 { line-height: 26px; } .opensource_banner .fl .activityBgCon { margin-bottom: 60px; } .opensource_banner>img { display: none; } .opensource_banner img.img1 { width: auto !important; } .opensource_banner .fr { width: 100%; } .opensource_banner .fr .activitySmCon li { font-size: 16px !important; line-height: 30px !important; } .opensource_banner .fr .activitySmCon li a { display: block; color: #fff; display: none; } .activityBgCon span { color: #fff; } .openSourceTit { padding-top: 32px; margin-bottom: 58px; } .cooperationCompany { height: 430px !important; } .companyList { width: 340px; margin: 0 auto; } .imgItem { width: 149px; height: 108px; border: 1px solid #ddd; display: inline-block; overflow: hidden; margin-right: 16px; } .imgItem img { width: 100%; height: auto; } .imgItem img:hover { transform: scale(1.5); transition: all 1s; } .report .page2_t { margin-top: 20px !important; } .moreProduct { background: #f5a21b; margin-top: 0; padding: 10px 0 30px 0; } .moreProduct .page2_t { margin-top: 10px !important; } .moreProduct .page2_t p.p1, .moreProduct .page2_t p.p2, .moreProduct h5 a, .moreProduct .fl p { color: #fff; } .moreProduct .wrap_c .fl a.moreData { display: block; float: right; margin-top: -30px; margin-bottom: 20px; } .moreProduct-last { display: none; } /* .moreProduct .wrap_c .fl a.moreData i{ display:inline-block; width:0; height:0; border-left:7px solid #666; border-right:7px solid transparent; border-top:7px solid transparent; border-bottom:7px solid transparent; position: absolute; right:0px; top:6px; } */ .moreProduct .page2_t { margin-top: 20px !important; } .obtainMethod .page2_t { margin-top: 20px !important; } .obtainMethod .page2c_slide h6 { font-size: 16px; padding-left: 38px; padding-top: 0; } /*寮€婧愭暟鎹?app(鑾峰彇鏂瑰紡)*/ .page2_c .page2_prev { width: 40px !important; } .page2_c .page2_next { width: 40px !important; } .obtainMethod .page2c_slide .swiper-slide a em.em1 span { text-align: center; } .obtainMethod .page2c_slide h6 span.titNone { display: none; } .obtainMethod .page2c_slide h6.get-type1 { background: url(/shujutang/static/image/openCoursr/dui.png) no-repeat 13px 8px; background-size: 18px 18px; font-weight: normal; } .obtainMethod .page2c_slide h6.get-type2 { background: url(/shujutang/static/image/openCoursr/jingxuan.png) no-repeat 13px 8px; background-size: 18px 18px; font-weight: normal; } .obtainMethod .page2c_slide h6.get-type3 { background: url(/shujutang/static/image/openCoursr/two.png) no-repeat 14px 8px; background-size: 18px 18px; font-weight: normal; } .obtainMethod .page2c_slide .swiper-slide a { width: 99%; height: 320px !important; z-index: 9999999; border: 1px solid #ddd; } .obtainMethod .page2c_slide .sp3 i { width: 108px; height: 32px; line-height: 32px !important; } .obtainMethod .page2c_slide .swiper-slide a em.em1 span.sp3 i { float: none; border: 1px solid #ff8b1a; margin-top: 22px; } .userEffect { display: none; } #guige .td1>span { display: none; } .moreProduct .wrap_c .fl { width: 100%; } .moreProduct .wrap_c .fr { width: 100%; } .moreProduct_item h5 { font-size: 16px; } .consultationTop { height: auto; } .consultationTop img { width: 100%; height: auto; } .report.ab_p5 { height: 420px !important; } .inLook { display: inline-block; width: 60px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #ff8b1a; color: #ff8b1a; margin-left: 10px; } /***寮€婧愭暟鎹 end-x***/ /*鍏充簬鎴戜滑*/ .aboutUsP3 { background: none; height: 924px; } /*寮规*/ .selected .zxtcfr1_c p.p2 span, .open_source .zxtcfr1_c p.p2 span, .sample_download .zxtcfr1_c p.p2 span { float: left; width: 26% !important; } .selected .zxtcfr1_c p.p2 span em, .open_source .zxtcfr1_c p.p2 span em, .sample_download .zxtcfr1_c p.p2 span em { display: none; } .selected .zxtcfr1_c p.p2 input.zxtc_txt, .open_source .zxtcfr1_c p.p2 input.zxtc_txt, .sample_download .zxtcfr1_c p.p2 input.zxtc_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } .selected .zxtcfr1_c p.p2 .xqms_txt, .open_source .zxtcfr1_c p.p2 .xqms_txt, .sample_download .zxtcfr1_c p.p2 .xqms_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } } @media screen and (max-width:375px) { .ab_p4 { height: 270px; } .ab_p5 { height: 370px; } /*鏁版嵁浜戞睜**/ #pagesid .prePage a { background: none; } #pagesid .nextPage a { background: none; } .f_public_tit { margin-bottom: 30px; } .f_public_tit h6 { display: none; } .activityBgCon { color: #fff; } .dataSetTit { font-size: 20px; margin: 50px 0 40px } .dataSetTit h4 { line-height: 26px; } .opensource_banner p.titleSub span { display: block; } .opensource_banner .fl .activityBgCon { margin-bottom: 60px; } .opensource_banner>img { display: none; } .opensource_banner .fr { width: 100%; } .opensource_banner .fr .activitySmCon li { font-size: 14px !important; line-height: 30px !important; } .opensource_banner .fr .activitySmCon li a { display: block; color: #fff; display: none; } .activityBgCon span { color: #fff; } .openSourceTit { padding-top: 32px; margin-bottom: 58px; } .cooperationCompany { height: 430px !important; } .companyList { width: 340px; margin: 0 auto; } .imgItem { width: 149px; height: 108px; border: 1px solid #ddd; display: inline-block; overflow: hidden; margin-right: 16px; } .imgItem img { width: 100%; height: auto; } .imgItem img:hover { transform: scale(1.5); transition: all 1s; } .report .page2_t { margin-top: 20px !important; } .moreProduct { background: #f5a21b; } .moreProduct .page2_t { margin-top: 10px !important; } .moreProduct .page2_t p.p1, .moreProduct .page2_t p.p2, .moreProduct h5 a, .moreProduct .fl p { color: #fff; } .moreProduct .wrap_c .fl a.moreData { display: block; float: right; margin-top: -30px; margin-bottom: 20px; } .moreProduct-last { display: none; } .indexPage6 { height: 360px !important; } .moreProduct .page2_t { margin-top: 20px !important; } .moreProduct_item h5 { font-size: 16px; } .obtainMethod .page2_t { margin-top: 20px !important; } .obtainMethod .page2c_slide h6 { font-size: 16px; } .obtainMethod .page2c_slide .swiper-slide a { width: 99%; height: 320px !important; z-index: 9999999; border: 1px solid #ddd; } .obtainMethod .page2c_slide .swiper-slide a em.em1 span.sp3 i { display: inline-block; float: none; border: 1px solid #ff8b1a; margin-top: 22px; } .userEffect { display: none; } #guige .td1>span { display: none; } .moreProduct .wrap_c .fl { width: 100%; } .moreProduct .wrap_c .fr { width: 100%; } .consultationTop { height: auto; } .consultationTop img { width: 100%; height: auto; } .report.ab_p5 { height: 420px !important; } .inLook { display: inline-block; width: 60px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #ff8b1a; color: #ff8b1a; margin-left: 10px; } /*寮规*/ .selected .zxtcfr1_c p.p2 span, .open_source .zxtcfr1_c p.p2 span, .sample_download .zxtcfr1_c p.p2 span { float: left; width: 26% !important; } .selected .zxtcfr1_c p.p2 span em, .open_source .zxtcfr1_c p.p2 span em, .sample_download .zxtcfr1_c p.p2 span em { display: none; } .selected .zxtcfr1_c p.p2 input.zxtc_txt, .open_source .zxtcfr1_c p.p2 input.zxtc_txt, .sample_download .zxtcfr1_c p.p2 input.zxtc_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } .selected .zxtcfr1_c p.p2 .xqms_txt, .open_source .zxtcfr1_c p.p2 .xqms_txt, .sample_download .zxtcfr1_c p.p2 .xqms_txt { width: 72% !important; margin-left: 26%; text-indent: 6px; } /***寮€婧愭暟鎹 end-x***/ /*鍏充簬鎴戜滑*/ .aboutUsP3 { background: none; height: 924px; } } /* 鏁版嵁鍒楄〃椤典笂闈㈢殑鍒嗛〉 */ .paging { float: right; overflow: hidden; } .paging p { float: left; padding-left: 10px; line-height: 50px; font-size: 15px; } .paging span { font-size: 15px; } .paging img { width: 8px; padding: 10px 10px 0; } /* 鏁版嵁鍒楄〃椤典笂闈㈢殑鍒嗛〉 end */ .homePageBg .fr { margin-top: 150px; } .blackSize .menu_li ul li a { color: #666; } .blackSize .menu_li ul li .menu_li_c p a { color: #666; } .blackSize .menu em i { background: #555; } .blackSize .top_lang .top_lang_t span { color: #666; background: url(/shujutang/static/image/index/downArr.png) right center no-repeat; } .blackSize .top_lang .top_lang_c p a { color: #666; } .prePage img { width: 8px; } .nextPage img { width: 8px; } .topNavBg .top_lang .top_lang_c { left: 1px; top: 35px; } .topNavBg .index_menu img { margin-top: 5px; } .topNavBg .open_menu img { margin-top: 5px; } .zdjs_01 .opensource_banner { position: absolute; top: 50%; transform: translateY(-50%); }