body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 12px; background: #fff; } div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; } img { display: block; } /* Link */ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { border: 0px; background-color: Transparent; } a { blr: expression(this.onFocus=this.blur()); outline: none; } .blank5 { width: 100%; height: 5px; clear: both; } .blank10 { width: 100%; height: 10px; clear: both; } .blank15 { width: 100%; height: 15px; clear: both; } .blank20 { width: 100%; height: 20px; clear: both; } .blank30 { width: 100%; height: 30px; clear: both; } .blank40 { width: 100%; height: 40px; clear: both; } .blank50 { width: 100%; height: 50px; clear: both; } .blank60 { width: 100%; height: 60px; clear: both; } .blank70 { width: 100%; height: 70px; clear: both; } .blank80 { width: 100%; height: 80px; clear: both; } /*Clear*/ .clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; } /*鍙敤height:1px; overflow:hidden;鏉ユ帶鍒禝E6榛樿鐨刣iv鐨勯珮涓?2~14px,鐢˙R鏉ュ仛鍚э紝鐢―IV涓嶅お濂界敤*/ /*閽堝1920鐨勫灞?/ .max { position: relative; overflow: hidden; } .web { display: block; } .mobile { display: none; } .m_index { width: 100%; display: block; margin: 0 auto; } .section { height: 100vh !important; } /*section2*/ /* section3 */ .m_bianji { position: relative; } .m_bianji .biaoge { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display:none; visibility: hidden; } .m_bianji .biaoge.on { opacity: 1; display:block; visibility: visible; } .m_bianji .biaoge:nth-child(1) { position: relative; } .m_ntitle { width: 100%; float:left; } .m_ntitle ul { width: 100%; float: left; margin:1% 0 2% 0; text-align: center; } .m_ntitle ul li { width: 31%; max-width: 234px; height: 65px; display: inline-block; margin: 0 1%; } .m_ntitle ul li em { width: 100%; height: 65px; float: left; background: #fff; border-radius: 10px; font-size: 1.4vw; color: #333; text-align: center; line-height: 65px; font-weight: normal; font-style: normal;} .m_ntitle ul li:hover em,.m_ntitle ul li.active em { width: 100%; height: 65px; float: left; background: -webkit-linear-gradient(right,#3ce591,#17e981); background: -o-linear-gradient(right,#3ce591,#17e981); background: -moz-linear-gradient(right,#3ce591,#17e981); background: -mos-linear-gradient(right,#3ce591,#17e981); background: linear-gradient(right,#3ce591,#17e981); border-radius: 10px; font-size: 1.4vw; color: #fff; text-align: center; line-height: 65px; font-weight: normal; font-style: normal;} .m_news_img { width: calc(50% - 1%); max-width: 845px; margin: 0 0 10% 0; float: left; height:541px; background:rgba(255,255,255,1); border-radius:10px; box-shadow:0px 5px 2px rgba(34,34,34,.05); } .m_news_img img { width: 100%; max-height:400px; border-radius: 10px; } .m_news_img h3 { width: 100%; height: 40px; margin:10px 0 0 0; float: left; font-size: 20px; color: #333; text-align: left; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .m_news_img h4 { width: 100%; height: 40px; float: left; font-size: 16px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .m_news_img h5 { width: 100%; height:20px; float: left; font-size: 14px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .m_news_itext { width: calc(46% - 1%); max-width: 845px; margin: 0 0 10% 2%; float: left; } .m_news_itext ul { width: 100%; float: left; } .m_news_itext ul li { width: 100%; padding: 10px; height: 100px; background: #fff; border-radius: 10px; margin: 0 0 20px 0; float: left; box-shadow:0px 5px 2px rgba(34,34,34,.05);} .ntimes { width: 150px; height: 100px; float: left; background: #cacaca; font-family: Arial; font-size: 20px; color: #fff; text-align: center; line-height: 20px; font-weight: normal; overflow: hidden; } .ntimes img{width:100%;} .ntimes font { width: 100%; float: left; margin: 10px 0 0 0; font-family: Arial; font-size: 38px; color: #fff; text-align: center; line-height: 50px; font-weight: bold; } .ntcon { width: 70%; float: left; margin: 0 0 0 3%; } .ntcon h3 { width: 100%; height: 30px; float: left; font-size: 20px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .ntcon h4 { width: 100%; height: 40px; float: left; margin: 5px 0 5px 0; font-size: 16px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .ntcon h5 { width: 100%; height:20px; float: left; margin: 0px 0 0px 0; font-size: 14px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .m_news_itext .nright { float: right; width: 198px; margin:20px 0 0 0; } .m_news_itext .nright a .img1 { display: block; } .m_news_itext .nright a .img2 { display: none; } .m_news_itext .nright a:hover .img2 { display: block; } .m_news_itext .nright a:hover .img1 { display: none; } /* section4 */ .zp_title { width: 40%; float: left; text-align: left; font-size: 2.1vw; color: #000000; font-family: 'SourceHanSansSC-Bold'; background: url(../images/xian.png) no-repeat left bottom; padding-bottom: 4.2vh; text-transform: uppercase; } .zp_title.active { color: #fff; } .s_videos { width: 100%; height: auto; float: left; margin: 20px 0 0 0; } .svbg { width: 100%; float: left; } .svTitle { width: 100%; height: 68px; background: rgba(125,458,122,0); float: right; position: relative; } .svTitle h4 { float: right; font-size: 24px; color: #999999; text-align: left; line-height: 66px; font-weight: bold; padding: 0 10px; } .svTitle h3::after { width: 50px; height: 4px; background: #1a60a3; float: left; position: absolute; left: 0%; margin-left: 0px; bottom: -2px; content: ''; } .svTitle ul { height: 66px; float: right; display: inline; font-size: 24px; color: #999; text-align: left; } .svTitle ul li { width: 124px; height: 66px; margin: 0 5px; float: left; font-size: 24px; color: #222; text-align: center; line-height: 66px; font-weight: normal; } .svTitle ul li.active { height: 66px; margin: 0 5px; float: left; background: #1ae882; font-size: 24px; color: #fff; text-align: center; line-height: 66px; font-weight: normal; border-radius: 6px; } .svContent { width: 100%; height: auto; background: rgba(222,222,122,0); margin: 20px 0 0 0; float: left; position: relative; } .m_videos { position: relative; } .m_videos .shipins { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; } .m_videos .shipins.on { opacity: 1; display: block; visibility: visible; } .sybg { width: 100%; float: left; position: relative; } .syTitle { width: 20%; max-width: 200px; min-height: 700px; background: rgba(125,458,122,0); float: left; position: relative; } .syTitle h4 { float: left; width: 100%; } .syTitle h4 a { float: left; width: 100%; font-size: 24px; color: #3f4040; text-align: left; line-height: 40px; font-weight: normal; } .syTitle ul { width: 100%; float: left; margin: 20px 0 0 0; } .syTitle ul li { width: 100%; height: 30px; margin: 20px 0px; float: left; } .syTitle ul li a { width: 100%; height: 30px; float: left; font-size: 24px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; } .syTitle ul li a .span1 { width: 30px; height: 30px; float: left; margin: 0 4% 0 0; background: #3ce591; border-radius: 6px; font-size: 20px; color: #fff; text-align: center; line-height: 30px; font-weight: bold; } .syTitle ul li a font { width: 60%; height: 30px; float: left; font-size: 24px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .syTitle ul li a:hover font { color: #3ce591; } .syTitle .syrmore { float: left; width: 198px; margin: 40px 0 0 0; } .syTitle .syrmore a .img1 { display: block; } .syTitle .syrmore a .img2 { display: none; } .syTitle .syrmore a:hover .img2 { display: block; } .syTitle .syrmore a:hover .img1 { display: none; } .syContent { width: 84%; min-height: 700px; background: rgba(222,222,122,0); float: right; position: relative; z-index: 5; top: 0; right: 0; } .m_ppro { width: 100%; float: left; } .m_ppro dl { width: 100%; float: left; } .m_ppro dl dt { width: 30%; float: left; margin: 0 3% 3% 0; position: relative; z-index: 20; border-radius: 10px; overflow: hidden; } .m_ppro dl dt img { width: 100%; float: left; border-radius: 10px; position: relative; z-index: 5; } .m_ppro dl dt font { width: 100%; height: 60px; display: none; float: left; padding-top: 60px; font-size: 24px; color: #fff; text-align: center; line-height: 60px; background: url(../images/ppbgt.png) no-repeat center bottom; font-weight: normal; position: absolute; z-index: 10; left: 0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } .m_ppro dl dt:hover font { display: block; } .m_bianji { position: relative; } .m_bianji .biaoge { position: relative; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: none; visibility: hidden; } .m_bianji .biaoge.on { opacity: 1; display: block; visibility: visible; } .m_bianji .biaoge:nth-child(1) { position: relative; } /*section5*/ .zcy_title { width: 100%; float: left; text-align: center; font-size: 36px; line-height: 50px; color: #fff; font-family: 'SourceHanSansSC-Bold'; background: url(../images/zline1.jpg) no-repeat center bottom; background-size: 160px 2px; padding-bottom: 10px; margin-bottom: 1%; text-transform: uppercase; } .zcy_title.active { color: #fff; } .c_sdcy_wen { width: 60%; display: block; margin: 0 auto; padding: 3% 0; text-align: center; font-size: 20px; line-height: 40px; color: #fff; font-weight: normal; } .mcy_pro { width: 100%; float: left; } .mcy_pro dl { width: 103%; float: left; } .mcy_pro dl dt { width: 30%; float: left; margin: 0 3% 3% 0; position: relative; z-index: 20; overflow: hidden; } .mcy_pro dl dt img { width: 100%; float: left; position: relative; z-index: 5; } .mcy_pro dl dt .y_bt { width: 100%; height: 80px; float: left; padding-top: 60%; padding-bottom: 0px; font-size: 24px; color: #fff; text-align: center; line-height: 80px; background: url(../images/ppbgt.png) no-repeat center bottom; background-size: 100% 100%; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; bottom: 0; top: auto; transition: all .5s; text-overflow: ellipsis; overflow: hidden; } .mcy_pro dl dt .y_bt img { width: 50px; float: initial; display: none; margin: 20px auto 10px auto; } .mcy_pro dl dt .y_bt h4 { width: 90%; height: 80px; float: left; margin: 0 0 0 5%; font-size: 24px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; } .mcy_pro dl dt .y_bt h4::after { width: 140px; height: 3px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -70px; bottom: 10px; opacity:; } .mcy_pro dl dt .y_bt h5, .mcy_pro dl dt .y_bt h6 { opacity: 0; } .mcy_pro dl dt .y_bt:hover { width: 100%; height: 100%; float: left; padding-top: 0%; padding-bottom: 0px; background: rgba(5,197,91,.8); text-align: center; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; top: 0px; bottom: auto; transition: all .5s; text-overflow: ellipsis; overflow: hidden; } .mcy_pro dl dt .y_bt:hover img { width: 50px; float: initial; display: block; margin: 20px auto 10px auto; } .mcy_pro dl dt .y_bt:hover h4 { width: 90%; height: 80px; float: left; margin: 0 0 0 5%; font-size: 24px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; } .mcy_pro dl dt:hover .y_bt h4::after { width: 140px; height: 3px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -70px; bottom: 10px; opacity: 0; } .mcy_pro dl dt .y_bt h5 { width: 90%; height: 90px; float: left; margin: 2% 0 2% 5%; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; opacity: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .mcy_pro dl dt .y_bt h6 { width: 30%; max-width: 160px; height: 40px; float: left; margin: 2% 0 3% 35%; background: transparent; border: 1px solid #fff; font-size: 16px; color: #fff; text-align: center; opacity: 1; line-height: 40px; font-weight: normal; transition: all .5s; } .mcy_pro dl dt .y_bt h6:hover { background: #fff; color: #3ce591; transition: all .5s; } .mcy_pro .yqmore { float: none; width: 198px; margin: 10px auto 10px auto; } .mcy_pro .yqmore a .img1 { display: block; } .mcy_pro .yqmore a .img2 { display: none; } .mcy_pro .yqmore a:hover .img2 { display: block; } .mcy_pro .yqmore a:hover .img1 { display: none; } /*section7*/ .c_links_wen { width: 81%; display: block; margin: 0 auto; padding: 3% 0; text-align: center; font-size: 16px; line-height: 40px; color: #fff; font-weight: normal; } /*footer*/ .m_foot_guang { width: 84%; float: left; margin: 4% 0; font-family: Arial; font-size: 40px; color: #fff; text-align: left; line-height: 60px; font-weight: normal; text-transform: uppercase; } .m_foot_guang img { width: 100%; float: left; margin: 1% 0 2% 0; } .m_foot_guang font { width: 100%; float: left; font-family: Arial; font-size: 45px; color: #fff; text-align: left; line-height: 60px; font-weight: normal; } .m_foot_gwxin { width: 150px; float: right; margin: 4.5% 0 4% 2%; } .m_foot_gwxin img { width: 100%; } .m_foot1 { width: 280px; height: 260px; float: left; padding: 0 150px 0 0; border-right: 2px solid #363636; } .m_foot_logo { width: 220px; float: left; margin: 0 5% 4% 0; } .m_foot_logo img { width: 100%; } .m_foot_txt { width: 260px; float: left; margin: 1% 0 3% 10%; text-align: left; font-family: 'SourceHanSansSC-Normal'; font-size: 16px; line-height: 30px; color: #fff; font-weight: normal; } .s_banner { width: 100%; float: left; position: relative; z-index: 9; } .s_banner_con { width: 100%; float: left; position: absolute; z-index: 6; left: 0; top: 0; } .s_banner .s_ban_title { width: calc(100% - 200px); float: left; margin: 12% 0 3% 0%; text-align: right; font-size: 35px; line-height: 40px; color: #fff; font-weight: normal; } .s_banner .s_ban_title h4 { width: 100%; float: left; height: 60px; text-align: right; font-size: 35px; line-height: 60px; color: #fff; font-weight: normal; position: relative; } .s_banner .s_ban_title h4::after { width: 40px; height: 3px; float: right; background: #fff; content: ''; position: absolute; right: 0; bottom: -10px; } .s_banner .s_ban_title font { width: 100%; float: left; margin: 20px 0 0 0; text-align: right; font-family: Arial; font-size: 14px; line-height: 20px; color: #fff; font-weight: normal; } .s_banner img { width: 100%; float: left; position: relative; z-index: 3; } .s_foot { float: left; background: url(https://oss.lcweb01.cn/jzt/3861/image/20241217/0d5f1ef6d9afe13029cb5da5dcbcec3b.jpeg) no-repeat bottom; background-size: cover; height: 707px; } .c_max { width: calc(100% - 160px); margin: 0 auto; clear: both; } /*Chairman's Speech*/ .s_speech_cook { width: 100%; float: left; margin: 20px 0 30px 0; font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; } .s_speech_cook a { color: #222; } .s_speech_cook a:hover { color: #1a60a3; } .s_spe_title { width: 100%; float: left; margin: 10px 0 20px 0; border-bottom: 1px solid #f4f4f4; } .s_spe_title h3 { width: auto; float: left; margin: 0 0 10px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: left; line-height: 70px; font-weight: normal; } .s_spe_title h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 0; bottom: 0; z-index: 3; } .s_spe_title h3::before { width: 100px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 0; bottom: 0; z-index: 5; } .s_spe_title h3 font { padding: 18px 0 0 30px; font-family: Arial; font-size: 20px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; } .s_spe_title h4 { width: auto; float: right; margin: 0 0 0px 0; height: 56px; position: relative; font-size: 20px; color: #0275fc; text-align: right; line-height: 56px; font-weight: normal; border-bottom: 4px solid #0275fc; } .s_spe_title ul { float: right; margin-right: -20px; } .s_spe_title ul li { width: auto; float: left; margin: 0 20px; } .s_spe_title ul li a { float: left; height: 56px; position: relative; font-size: 20px; color: #222; text-align: center; line-height: 56px; font-weight: normal; border-bottom: 4px solid transparent; } .s_spe_title ul li a:hover, .s_spe_title ul li a.ahover { height: 56px; position: relative; font-size: 20px; color: #0275fc; text-align: center; line-height: 56px; font-weight: normal; border-bottom: 4px solid #0275fc; } .s_specbox { width: 1920px; *width: 1920px; _width: 1920px; height: auto; min-height: 860px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-top: 60px; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; background: url(../images/abo_bg.jpg) no-repeat center bottom; background-size: cover; display: block; overflow: hidden; } .mob_specbox { display: none; } .s_chairman { width: 34%; float: left; margin: 1.5% 0 0 0; } .s_chairman img { width: 100%; } .s_chair_txt { width: 64%; max-width: 1020px; float: right; margin: 0% 4% 0 0; font-size: 18px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_chair_tcon { width: 80%; max-width: 680px; float: left; margin: 12% 4% 0 0; font-size: 20px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_chair_tcon h3 { width: 100%; float: left; margin: 0 0 40px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: left; line-height: 70px; font-weight: normal; } .s_chair_tcon h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 0; margin-left:16px; bottom: 0; z-index: 3; } .s_chair_tcon h3::before { width: 60px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 0; margin-left:16px; bottom: 0; z-index: 5; } .s_chair_show { width: 1920px; *width: 1920px; _width: 1920px; height: auto; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-top: 60px; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; padding-bottom: 40px; background: url(../images/abo_bgc3.jpg) no-repeat center bottom; background-size: 100% 225px; display: block; overflow: hidden; } .mob_chair_show { display: none; } .s_cshow { width: 80%; float: left; margin: 0px 0 40px 10%; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_cshow h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_cshow h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -36px; bottom: 0; z-index: 3; } .s_cshow h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 0; z-index: 5; } .s_cshow dl { width: 103%; float: left; margin: 3% 0 0 0; } .s_cshow dl dt { width: 18%; float: left; margin: 1% 1% 1% 1%; height: 200px; background: #fff; text-align: center; display: flex; justify-content: center; align-items: center; vertical-align: middle; position: relative; z-index: 7; } .s_cshow dl dt img { width: auto; max-height: 200px; display: block; margin: 0 auto; position: relative; z-index: 10; } /* 涓汉涓撹憲 Personal monograph */ .s_mono { width: 100%; float: left; margin: 40px 0 80px 0; } .s_mono_title { width: 100%; float: left; } .s_mono_title h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_mono_title h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_mono_title h3::before { width: 60px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_mono_show { width: 1920px; float: left; position: relative; left: 0%; top: 0; margin: 0 auto; right: 0; padding-bottom: 40px; background: url(../images/abo_bgc4.jpg) no-repeat center bottom; background-size: 100% 100%; overflow: hidden; display: block; } .mob_mono_show { width: 100%; float: left; background: url(../images/abo21.jpg) no-repeat left bottom; background-size: 100% 100%; display: none; } .s_mono_luxbo { width: 100%; max-width: 500px; float: right; margin: 0px 20% 0 0; position: relative; } .s_mono_luxbo .swiper { width: 100%; height: 200px; display: block; margin: 0 auto; } .s_mono_luxbo .swiper-slide { background-size: cover; background-position: center; } .s_mono_luxbo .mySwiper2 { height: 80%; width: 100%; position: relative; } .s_mono_luxbo .mySwiper2 .swiper-slide-prev { transition: all .8s; opacity: 0; } .s_mono_luxbo .mySwiper2 .swiper-slide-next { transition: all .8s; opacity: 0; } .s_mono_luxbo .mySwiper2 .swiper-slide-prev .myStxt { display: none; opacity: 0; } .s_mono_luxbo .mySwiper2 .swiper-slide-next .myStxt { display: none; opacity: 0; } .s_mono_luxbo .mySwiper2 img { max-width: 100%; display: block; margin: 0 auto; } .s_mono_luxbo .mySwiper2 .myStxt { width: 172%; max-width: 860px; margin: 4% 4% 4% 0%; font-size: 16px; color: #20397c; text-align: justify; line-height: 36px; font-weight: normal; position: absolute; left: -180%; top: 4%; display: none; } .s_mono_luxbo .mySwiper2 .myStxt strong { float: left; width: 100%; font-size: 20px; color: #20397c; text-align: left; line-height: 40px; font-weight: bold; } .s_mono_luxbo .mySwiper2 .swiper-slide-active .myStxt { opacity: 1; display: block; } .s_mono_luxbo .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; overflow: hidden; } .s_mono_luxbo .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 1; margin: 0px 0 0 0; } .s_mono_luxbo .mySwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; background: #f3f6fd;} .s_mono_luxbo .mySwiper .swiper-slide-thumb-active { opacity: 1; margin-top: 0px; cursor: pointer; } .s_mono_luxbo .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; background: #f3f6fd;} .s_mono_luxbo .swiper-slide-prev { transition: all .8s; opacity: 0; } .s_mono_luxbo .swiper-slide-none { transition: all .8s; opacity: 0; } .c_foot { width: 100%; height:660px; } .c_foot .z_max { display: flex; align-items: flex-start; margin-top: 5vh; position: relative; } .c_foot .z_max .login { position: absolute; left: 0; bottom: 100px; display: flex; align-items: center; } .c_foot .z_max .login a { margin-right: 20px; position: relative; cursor: pointer; } .c_foot .z_max .login a:hover font { display: block; } .c_foot .z_max .login a font { position: absolute; width: 160px; height: 160px; background: #fff; box-sizing: border-box; padding: 10px; border-radius: 10px; border-bottom-left-radius: 0; left: 70px; bottom: 0; display: none; } .c_foot .z_max .login a font img { } .c_foot .z_max img { width: auto; margin-right: 5%; } .c_foot .z_max .nav { display: flex; align-items: flex-start; flex: 1; width: 0; justify-content: space-between; margin-top: 0px; margin-bottom: 10px; } .c_foot .z_max .nav li { display: flex; margin: 0 20px; align-items: flex-start; flex-flow: column; } .c_foot .z_max .nav li a { font-size: 20px; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 25px; } .c_foot .z_max .nav li a font { width: 17px; height: 17px; float: left; margin: 2px 20px 0 0; } .c_foot .z_max .nav li ol li { margin-bottom: 20px; } .c_foot .z_max .nav li ol li a { padding-left: 18px; font-family: 'SourceHanSansSC-Normal'; font-size: 14px; color: #aeaeae; margin: 0; font-weight: normal; } .c_foot .z_max .nav li ol li:hover a { color: #FFFFFF; } .c_foot .m_footbg { width: 100%; height: 400px; float: left; background: rgba(0,0,0,.4); } /*闆嗗洟浠嬬粛 / Group profile */ .s_group { width: 100%; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_group img { width: 45%; max-width: 674px; float: left; margin: 0 18px 10px 0; } /*浼佷笟鏂囧寲 / Enterprise culture*/ .s_prise { width: 100%; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; } .s_prise img { width: 100%; } .mob_prise { display: none; } .s_culture { width: 100%; float: left; margin: 2% 0 4% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; background: url(https://oss.lcweb01.cn/jzt/3861/image/20241216/0c3f88ec564f8597cc1e64decf3afc24.jpeg) no-repeat left top; background-size: 100% 205px; } .s_cult_list { width: 100%; float: left; margin: 80px 0 0 0; } .s_cult_list dl { width: 103%; float: left; margin: 0; text-align: center; } .s_cult_list dl dd { width: 23%; max-width: 390px; height: 130px; padding: 20px 10px 20px 20px; float: none; background: #fff; border-radius: 10px; border: 1px solid #e5eeff; box-shadow: -5px 10px 10px -4px #d7deec,5px 10px 10px -4px #d7deec; display: inline-block; margin: 10px 10px 20px 0; } .s_cult_list dl dd h4 { width: 100%; height: 30px; float: left; font-size: 18px; color: #0275fc; text-align: left; line-height: 30px; font-weight: bold; } .s_cult_list dl dd h5 { width: 100%; height: 60px; margin: 10px 0 0 0; float: left; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .s_cult_list dl dd h6 { width: 100%; height: 30px; float: left; font-size: 30px; color: #9bbaf7; text-align: left; line-height: 30px; font-weight: normal; } /*涓変华绂忔枃鍖栬壓鏈暱寤 Sanyi fuCulture and Art Corridor*/ .s_corridor { width: calc(100% - 280px); float: left; margin: 4% 0 4% 8%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; } .s_corridor dl { width: 60%; display: block; margin: 0 auto; text-align: center; } .s_corridor dl dd { width: 47%; display: inline-block; margin: 2% 1% 1% 1%; } .s_corridor dl dd img { width: 100%; } /*鍛樺伐椋庨噰 Employee style*/ .s_employ { width: calc(100% - 360px); float: left; margin: 4% 0 4% 10%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; } .s_employ dl { width: 100%; display: block; margin: 0 auto; text-align: center; } .s_employ dl dd { width: 30%; float: left; margin: 2% 2% 1% 1%; } .s_employ dl dd img { width: 100%; } .s_employ dl dd font { width: 100%; height: 40px; float: left; font-size: 16px; color: #222; text-align: center; line-height: 40px; font-weight: normal; } .s_employ dl dd:hover font { color: #0275fc; } .s_emore { width: 200px; display: block; margin: 0 auto; } .s_emore a { width: 198px; height: 43px; float: left; margin: 20px 0 0px 0; } .s_emore a img.moing1 { width: 100%; display: block; } .s_emore a img.moing2 { width: 100%; display: none; } .s_emore a:hover img.moing1 { width: 100%; display: none; } .s_emore a:hover img.moing2 { width: 100%; display: block; } /*浜т笟甯冨眬 / Industry layout*/ .s_lay_type { width: 30%; max-width: 276px; height: auto !important; min-height: 640px; background: #edeeef; float: left; margin: 0% 0 4% 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; } .s_lay_type ul { width: 90%; float: left; margin: 4% 0 1% 5%; } .s_lay_type ul li { width: 100%; max-width: 238px; height: 56px; float: left; margin: 1% 0 3% 0%; } .s_lay_type ul li a { width: 100%; height: 56px; float: left; background: #fff; border-radius: 6px; font-size: 18px; color: #3f3f3f; text-align: center; line-height: 56px; font-weight: normal; } .s_lay_type ul li a:hover, .s_lay_type ul li a.yhov { background: #3ce591; color: #fff; } .s_lay_right { width: 80%; max-width: 1410px; height: auto; background: #fff; float: right; margin: 0% 0 4% 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; } .s_lay_right img { max-width: 100%; display: block; margin: 0 auto; border-radius: 10px; } /*鍙戝睍鍘嗙▼ / Development history */ /* d1d1d1 銆?ce591*/ .s_develop { width: 100%; float: left; margin: 40px 0 40px 0; position: relative; overflow: hidden; } .s_develop_title { width: 100%; float: left; margin: 10px 0 10px 0; font-size: 28px; color: #222; text-align: center; line-height: 40px; font-weight: normal; } .s_develop_img { width: 100%; float: left; margin: 0px 0 40px 0; text-align: center; } .s_develop_img img{ max-width: 100%; display:block; margin:0 auto;} .s_develop ul { width: 100%; float: left; position: relative; padding: 2px 0 130px 0; overflow: hidden; } .s_develop ul::after { width: 2px; height: auto; min-height: 4000px; float: left; background: #1fa55a; position: absolute; z-index: -1; content: ''; left: 50%; margin-left: -1px; top: 0; } .s_develop ul li:nth-child(odd) { width: 51%; height: auto; min-height: 100px; margin-top: -10px; float: left; position: relative; z-index: 5; background: url(../images/san1.png) no-repeat 97% 10px; background-size: 12px 13px; } .s_develop ul li:nth-child(odd) .s_dtime { width:16%; max-width:80px; height: 36px; float: left; margin:10px 10px 20px 0; padding: 0px 10px 0px 0; border-right:4px solid #1fa55a; position: relative; font-family: Arial; font-size: 30px; color: #222222; text-align: left; line-height: 20px; font-weight: normal; } .s_develop ul li:nth-child(odd) .s_dtime font { width: 100%; height: 20px; float: left; padding-left:16px; font-family: Arial; font-size: 14px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; } .s_develop ul li:nth-child(odd) .s_dshow {width:74%; max-width: 710px; height: auto; float: left; margin:0px 0px 20px 10px; padding:0px 0; background: #fff; position: relative; } .s_develop ul li:nth-child(odd) .s_dshow img { width: 15px; margin: 4px 1% 0px 2%; float: none; display: none; } .s_develop ul li:nth-child(odd) .s_dshow font { margin:1% 2% 1% 1%; font-size: 16px; color: #222222; text-align: left; line-height: 24px; font-weight: normal; display: flex; flex-direction: column; } .s_develop ul li:nth-child(odd) .s_dshow font p{ display: flex; align-items: flex-start; } .s_develop ul li:nth-child(even) { width: 51%; height: auto; min-height: 100px; float: right; margin-top: -10px; position: relative; z-index: 5; background: url(../images/san2.png) no-repeat 3.5% 10px; background-size: 12px 13px; } .s_develop ul li:nth-child(even) .s_dtime { width:16%; max-width: 80px; height: 36px; float: right; margin:10px 10px 20px 10px; padding: 0px 0 0px 10px; border-left:4px solid #1fa55a; position: relative; font-family: Arial; font-size: 30px; color: #222222; text-align: right; line-height: 20px; font-weight: normal; } .s_develop ul li:nth-child(even) .s_dtime font { width: 100%; height: 20px; float: right; padding-right:16px; font-family: Arial; font-size: 14px; color: #999999; text-align: right; line-height: 20px; font-weight: normal; text-transform: uppercase; } .s_develop ul li:nth-child(even) .s_dshow { width:74%; max-width:710px; height: auto; float: left; margin:0px 0px 20px 60px; padding:0px 0; background: #fff; position: relative; } .s_develop ul li:nth-child(even) .s_dshow img { width: 15px; margin:4px 1% 0px 2%; float: none; display: none; } .s_develop ul li:nth-child(even) .s_dshow font { margin:1% 2% 1% 1%; font-size: 16px; color: #222222; text-align: left; line-height: 24px; font-weight: normal; display: flex; flex-direction: column; } .s_develop ul li:nth-child(even) .s_dshow font p{ display: flex; align-items: flex-start; } /*浼佷笟鑽ｈ獕 / Enterprise honor*/ .honbgcs { width: 100%; height: 100%; float: left; position: fixed; z-index: 999; left: 0; top: 0; background: rgba(0,0,0,.2); display: none; } .honbgcs h4 { width: 100%; float: left; } .honbgcs h4 font { float: right; width: 32px; cursor: pointer; } .honbgcs h4 font img { width: 100%; } .honbgcs .hon_tu { width: 90%; float: left; margin: 1% 1% 1% 5%; height: 554px; background: #d1d1d1; text-align: center; display: flex; justify-content: center; align-items: center; vertical-align: middle; position: relative; z-index: 7; } .honbgcs .hono_bt { width: 100%; height: 40px; float: left; font-size: 20px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } .honbgcs .hon_tu img { width: auto; max-height: 554px; display: block; margin: 0 auto; position: relative; z-index: 10; } .s_hobox { width: 68%; max-width: 1050px; max-height: 700px; float: left; margin: 8% 0 0 -25%; left: 50%; background: #fff; position: relative; z-index: 20; padding: 1% 1% 2% 2%; } .s_honors { width: 100%; float: left; margin: 20px 0 40px 0; position: relative; overflow: hidden; } .s_honors dl { width: 103%; float: left; } .s_honors dl dd { width: 23%; float: left; margin: 1% 2% 1% 0%; position: relative; cursor: pointer; } .s_honors dl dd img { width: 100%; } .s_honors dl dd font { width: 100%; height: 40px; float: left; font-size: 20px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } /*danye*/ /*鐮旂┒闄㈢畝浠 / Introduction to the Research Institute*/ .s_introdbox { width: 100%; height: auto; min-height: 420px; float: left; background: url(../images/kyan_bg1.png) no-repeat center bottom; background-size: contain; margin: 3% 0 0 0; } .s_intro_show { width: 100%; float: left; margin: 20px 0 20px 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_intro_show h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_intro_show h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_intro_show h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_intro_show img { max-width: 100%; display: block; margin: 10px auto 10px auto; } .s_intro_show h5 { width: 100%; float: left; margin: 20px 0 20px 0; height: auto; position: relative; font-family: 'SourceHanSansSC-Bold'; font-size: 28px; color: #222; text-align: center; line-height: 40px; font-weight: bold; } .s_intro_show h5 font { width: 100%; float: left; height: auto; position: relative; font-family: 'SourceHanSansSC-Bold'; font-size: 16px; color: #222; text-align: center; line-height: 30px; font-weight: bold; } .s_instbox { width: 100%; height: auto; min-height: 630px; float: left; background: url(../images/kyan_bg2.jpg) no-repeat center bottom; background-size: cover; margin: 0% 0 0% 0; } .s_instlist { width: 68%; max-width: 1020px; display: block; margin: 100px auto 40px auto; } .s_instlist ul { width: 103%; float: left; } .s_instlist ul li { width: 31%; max-width: 320px; height: 100px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,0); } .s_instlist ul li:hover { width: 31%; max-width: 320px; height: 100px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,.6); } .s_instlist ul li img { width: 100px; float: left; margin: 0 1% 0 2%; background: rgba(0,55,15,0); } .s_instlist ul li h4 { width: 51%; height: 40px; float: left; margin: 30px 0 0 2%; font-size: 17px; color: #0275fc; text-align: left; line-height: 20px; font-weight: normal; display: flex; align-items: center; justify-content: space-between; text-overflow: ellipsis; overflow: hidden; } .s_instlist .insright { float: none; width: 198px; margin: 40px auto 4px auto; } .s_instlist .insright a .img1 { display: block; } .s_instlist .insright a .img2 { display: none; } .s_instlist .insright a:hover .img2 { display: block; } .s_instlist .insright a:hover .img1 { display: none; } /*绉戠爺璁惧 Scientific research equipment*/ .s_equipbgc { width: 100%; float: left; padding: 30px 0; text-align: center; } .s_equlist { width: 100%; float: left; margin: 20px 0 20px 0%; } .s_equlist h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_equlist h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_equlist h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_scient { width: 96%; float: left; display: block; margin: 0 auto 2% 4%; } .s_scient dl { width: 100%; float: left; display: block; margin: 0 auto; } .s_scient dl dd { width: 32%; max-width: 500px; float: left; margin: 1% 0% 0 1%; position: relative; overflow: hidden; } .s_scient dl dd img { width: 100%; float: left; position: relative; z-index: 2; } .s_scient dl dd font { width: 96%; height: 40px; float: left; padding: 0 2%; background: rgba(2,117,252,.8); position: absolute; z-index: 5; left: 0%; bottom: 0; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } /*瀛︽湳甯﹀ご浜 Academic leader*/ .s_acadebox { width: 100%; height: auto; min-height: 420px; float: left; background: url(../images/kyan_bg3.jpg) no-repeat center top; background-size: 100%; margin: 0% 0 0 0; } .s_acade { width: 100%; float: left; margin: 40px 0 20px 0%; } .s_acade h3 { width: 100%; float: left; margin: 20px 0 10px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: normal; } .s_acade h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_acade h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_acade h4 { width: 100%; float: left; margin: 0px 0 7px 0; height: 40px; position: relative; font-size: 20px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .s_leaders { width: 100%; float: none; display: block; margin: 10px auto 2% auto; } .s_leaders dl { width: 100%; float: left; display: block; margin: 0 auto; } .s_leaders dl dd { width: 31%; max-width: initial; float: left; margin: 1% 0% 1% 2%; background: #f7f7f7; position: relative; overflow: hidden; } .s_leaders dl dd img { width: 100%; } .s_leaders dl dd h5 { width: 94%; float: left; margin: 2% 0 6% 3%; height: 108px; position: relative; font-size: 20px; color: #222222; text-align: left; line-height: 36px; font-weight: normal; } .s_leaders dl dd h5 font { width: 100%; height: 72px; float: left; font-size: 16px; color: #222222; text-align: left; line-height: 36px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .s_shiyan { width: 70%; float: none; display: block; margin: 10px auto 2% auto; } .s_shiyan dl { width: 100%; float: left; margin: 0% 0 5% 0; } .s_shiyan dl dd { width: 100%; float: left; margin: 4% 0 0 0; position: relative; z-index: 5; } .s_shiyan dl dd .syabgc { width: 28%; max-width: 290px; float: right; position: absolute; z-index: 23; top: 3%; right: 2%; } .syabgc .sy_ying { width: 90%; margin: 20% 10% 10px 0; position: absolute; z-index: 10; right: 0; top: 0; float: left; font-family: Arial; font-size: 26px; color: #fff; text-align: right; line-height: 32px; font-weight: normal; } .syabgc .sy_ying::after { width: 27px; height: 3px; float: right; position: absolute; right: 0; bottom: -10px; background: #fce63a; content: ''; } .syabgc .sy_zhong { width: 90%; margin: 50% 10% 10px 0; position: absolute; z-index: 10; right: 0; top: 0; float: left; font-family: 'SourceHanSansSC-Regular'; font-size: 20px; color: #fff; text-align: right; line-height: 32px; font-weight: bold; } .s_shiyan dl dd img { max-width: 100%; float: left; position: relative; z-index: 3; } .s_shiyan dl dd:nth-child(even) .syabgc { width: 28%; max-width: 290px; float: left; position: absolute; z-index: 23; top: 2%; left: 3%; right: auto; } /*绉戠爺鎴愭灉 Scientific research achievements */ .s_reseabox { width: 100%; height: auto; min-height: 630px; float: left; background: url(../images/kyan_bg4.jpg) no-repeat center bottom; background-size: cover; margin: 0% 0 0 0; } .s_resea_show { width: 100%; float: left; margin: 20px 0 20px 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_resea_show h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_resea_show h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_resea_show h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_resealist { width: 68%; max-width: 1020px; display: block; margin: 60px auto 40px auto; } .s_resealist ul { width: 103%; float: left; } .s_resealist ul li { width: 31%; max-width: 320px; height: 100px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,0); } .s_resealist ul li:hover { width: 31%; max-width: 320px; height: 100px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,.6); } .s_resealist ul li img { width: 90px; float: left; margin: 2% 1% 0 4%; background: rgba(0,55,15,0); } .s_resealist ul li h4 { width: 52%; height: 40px; float: left; margin: 30px 0 0 2%; font-size: 16px; color: #222222; text-align: left; line-height: 20px; font-weight: normal; display: inline-block; align-items: center; justify-content: space-between; text-overflow: ellipsis; overflow: hidden; } .s_resealist ul li h4 font { color: #3ce591; font-weight: bold; } /* 绉戠爺鑽ｈ獕 Scientific research honor*/ .s_sciebox { width: 100%; height: auto; float: left; background: url(../images/kyan_bg5.jpg) no-repeat center bottom; background-size: cover; margin: 0% 0 0 0; } .s_scients { width: 100%; float: left; margin: 20px 0 20px 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_scients h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_scients h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_scients h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_scients img { max-width: 100%; display: block; margin: 0 auto; } .s_scients h4 { width: 100%; float: left; margin:-10px 0 0px 0; height: auto; position: relative; font-size:16px; color: #222; text-align: center; line-height:40px; font-weight: normal; } .s_awards_bg { width: 100%; height: auto; float: left; } #certify8 { position: relative; width: 100%; max-width: 1720px; height: auto !important; min-height: 260px; float: none; background: rgba(0,0,0,0); display: block; margin: 30px auto 40px auto; } #certify8 .swiper-container { width: 93%; max-width: 1556px; padding-left: 12px; text-align: left; overflow: hidden; } #certify8 .swiper-slide { width: 381px !important; height: 261px !important; background: #fff; padding: 0px; float: left; text-align: center; position: relative; z-index: 15; display: table-cell; } #certify8 .swiper-slide img { max-width: 381px; max-height: 261px; display: block; margin: 0 auto; position: relative; z-index: 40; vertical-align: middle; } #certify8 .swiper-button-prev8 { text-indent: -9999px; top: auto; bottom: 100px; left: 0%; margin-left: -10px; width: 52px; height: 52px; background: url(../images/kprev1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; border-radius: 0%; } #certify8 .swiper-button-prev8:hover { background: url(../images/kprev1.png) no-repeat; } #certify8 .swiper-button-next8 { text-indent: -9999px; right: 0%; margin-right: 0px; top: auto; bottom: 100px; width: 52px; height: 52px; background: url(../images/knext1.png) no-repeat; border: none; -webkit-tap-highlight-color: transparent; outline: none; } #certify8 .swiper-button-next8:hover { background: url(../images/knext1.png) no-repeat; } /* 璐ㄩ噺鎺у埗 Quality Control*/ .s_quashow { width: 100%; height: auto; float: left; margin: 3% 0 4% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_quashow h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_quashow h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_quashow h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_quashow img { max-width: 100%; display: block; margin: 0 auto; } .s_quashow .qua_more { float: none; width: 198px; margin: 10px auto 10px auto; } .s_quashow .qua_more a .img1 { width: 100%; display: block; } .s_quashow .qua_more a .img2 { width: 100%; display: none; } .s_quashow .qua_more a:hover .img2 { width: 100%; display: block; } .s_quashow .qua_more a:hover .img1 { width: 100%; display: none; } /*鐮旂┒闄㈢畝浠 绯诲垪椤甸潰 璇︾粏*/ .s_danye_show { width: 100%; height: auto; float: left; background: url(../images/kyan_bg1.png) no-repeat center top; background-size: contain; margin: 3% 0 6% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_danye_show h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_danye_show h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_danye_show h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_danye_show img { max-width: 100%; display: block; margin: 10px auto 10px auto; } .s_danye_show h5 { width: 100%; float: left; margin: 20px 0 20px 0; height: auto; position: relative; font-family: 'SourceHanSansSC-Bold'; font-size: 28px; color: #222; text-align: center; line-height: 40px; font-weight: normal; } .s_danye_show h5 font { width: 100%; float: left; height: auto; position: relative; font-family: 'SourceHanSansSC-Bold'; font-size: 16px; color: #222; text-align: center; line-height: 30px; font-weight: normal; } /*prod*/ .s_prod_title { width: 100%; float: left; margin: 10px 0 10px 0; border-bottom: 1px solid #f4f4f4; } .s_prod_title h3 { width: auto; float: left; margin: 0 0 10px 0; height: 50px; position: relative; font-size: 32px; color: #222; text-align: left; line-height: 50px; font-weight: normal; } .s_prod_title h3 font { padding: 18px 0 0 10px; font-family: Arial; font-size: 20px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; } .s_prod_title h4 { width: auto; float: right; margin: 0 0 0px 0; height: 56px; position: relative; font-size: 20px; color: #0275fc; text-align: right; line-height: 56px; font-weight: normal; border-bottom: 4px solid #0275fc; } .s_prod_title ul { float: right; margin-right: -20px; } .s_prod_title ul li { width: auto; float: left; margin: 0 20px; } .s_prod_title ul li a { float: left; height: 56px; position: relative; font-size: 20px; color: #222; text-align: center; line-height: 56px; font-weight: normal; padding: 0 5px; border-bottom: 4px solid transparent; } .s_prod_title ul li a:hover, .s_prod_title ul li a.phove { height: 56px; position: relative; font-size: 20px; color: #0275fc; text-align: center; line-height: 56px; font-weight: normal; padding: 0 5px; border-bottom: 4px solid #0275fc; } .s_prolist { width: 100%; float: left; margin: 0px 0 30px 0; } .s_prolist dl { width: 106%; float: left; } .s_prolist dl dd { width: 20%; float: left; padding: 1%; border: 1px solid #f4f4f4; margin: 2% 2% 1% 0; transition: all ease-in .2s; } .s_prolist dl dd:hover { width: 20%; float: left; padding: 1%; border: 1px solid #0275fc; margin: 2% 2% 1% 0; transition: all ease-in .2s; } .s_prolist dl dd .orimg{width: 100%; height:260px; background:#f7f7f7; float: left; position:relative; overflow:hidden;} .s_prolist dl dd .orimg img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .s_prolist dl dd .pro_bt { width: 76%; float: left; margin: 10px 0 0 0; } .pro_bt h5 { width: 100%; height: 40px; float: left; font-size: 20px; color: #222; text-align: left; line-height:20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; } .pro_bt h5 em { float: left; font-size: 20px; color: #222; text-align: left; line-height: 40px; font-weight: bold; font-style: normal; } .pro_bt h5 b { float: left; font-size: 10px; color: #222; text-align: left; line-height: 12px; font-weight: bold; font-style: normal; margin-top: 5px; } .pro_bt h6 { width: 100%; height: 40px; float: left; font-size: 16px; color: #666; text-align: left; line-height: 20px; font-weight: normal; } .s_prolist dl dd font { float: right; margin: 10px 0 0 0; font-size: 16px; color: #c0c0c0; text-align: left; line-height: 40px; font-weight: normal; } .s_prolist dl dd:hover font { color: #0275fc; } /*prod show*/ .s_proshow { width: 100%; float: left; margin: 20px 0 30px 0; padding: 10px 0 30px 0; border-bottom: 1px solid #dddddd; } .s_pleft { width: 43%; max-width: 580px; float: left; margin: 0 0 0 20px; } .s_pleft_img { width: 100%; float: left; background: #f2f7fd; } .s_pleft_img img { width: 100%; } .s_pleft .djzx { width: 40%; max-width: 200px; float: right; margin: 3% 0 0 0; } .djzx .zixun { width: 100%; height: 48px; float: left; background: #0275fc; border: none; font-size: 18px; color: #fff; text-align: center; line-height: 48px; font-weight: normal; } .z_tc { width: 100%; height: 100%; position: fixed; z-index: 199; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; display: none; } .xbox { width: 60%; max-width: 420px; display: block; margin: 0 auto; } .x_bgc { width: 100%; height: auto; float: left; padding: 10px; background: #fff; border: none; border-radius: 10px; /*position:absolute; z-index:55; left:50%; margin-left:-18%;*/ top: 0; margin-top: 30%; } .x_bgc_head { width: 100%; margin: 0; float: left; } .x_bgc_head .x_clos { width: 20px; float: right; } .x_bgc_head .x_clos img { width: 100%; } .x_bgc_logo { width: 60%; margin: 0; float: left; margin: 1% 0% 4% 20%; } .x_bgc_logo img { max-width: 100% !important; display: block; margin: 0 auto; } table.table1 { width: 86%; float: left; margin-left: 8%; margin-top: 3%; border-collapse: collapse; } table.table1 tr { margin-top: 3%; margin-bottom: 3%; float: left; width: 100%; } table.table1 tr th { width: 70px; height: 30px; float: left; float: left; padding-right: 10px; font-size: 14px; color: #434343; line-height: 30px; text-align: right; font-weight: normal; } table.table1 tr th font { color: #f30; } table.table1 tr td { width: 73%; height: auto; float: left; line-height: 30px; } .tabt1 { width: 98%; height: 30px; float: left; padding-left: 3%; background: #fff; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 30px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; } .tabt2 { width: 92.5%; height: 100px; float: left; padding: 0 1% 1% 3%; background: #fff; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 14px; color: #4f4242; line-height: 58px\9; line-height: 30px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; } .tabt3 { width: 54%; max-width: 200px; height: 48px; float: left; margin: 10% 0 14% 26%; background: #0275fc; border: none; font-size: 18px; color: #fff; text-align: center; line-height: 48px; font-weight: normal; } .radio { float: left; margin: 0 0.5rem; } .radio聽input[type=radio] { position: absolute; opacity: 0; } .radio聽input[type=radio], .radio-label:before { content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .radio聽input[type=radio]:checked, .radio-label:before { background-color: #3197EE; box-shadow: inset 0 0 0 4px #f4f4f4; display: none; } .radio聽input[type=radio]:focus, .radio-label:before { outline: none; border-color: #3197EE; display: none; } .radio聽input[type=radio]:disabled, .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; display: none; } .radio聽input[type=radio], .radio-label:empty:before { margin-right: 0; } .s_pright { width: 65%; max-width: 1080px; float: right; margin: 0 0 0 0; } .s_pright ul { width: 100%; float: left; } .s_pright ul li { width: 100%; float: left; margin-bottom: 2%; } .s_pright ul li .biaoti { width: 150px; height: 30px; float: left; font-size: 16px; color: #222222; text-align: right; line-height: 30px; font-weight: bold; } .s_pright ul li .wenzi { width: 60%; max-width: 900px; height: auto; float: left; margin: 0 0 0 2%; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; } .s_pright .neirong { width:97%; height: auto; float: left; margin: 0 0 0 2%; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; } .s_proj_show { width: 100%; height: auto; float: left; margin: 3% 0 6% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; } .s_proj_show h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 50px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 50px; font-weight: normal; } .s_proj_show img { max-width: 100%; display: block; margin: 10px auto 10px auto; } /*鏂伴椈涓績 e6e6e6 */ .s_newlist { width: 100%; height: auto; float: left; margin: 1% 0 6% 0; } .s_newlist dl { width: 100%; height: auto; float: left; } .s_newlist dl dd { width: 100%; height: auto; float: left; margin: 0px 0 0px 0; padding: 16px 0 16px 0; border-bottom: 1px solid #e6e6e6; } .s_newlist dl dd img { width: 36%; max-width: 360px; float: left; margin: 0; } .s_newlist dl dd .new_con { width: 68%; float: left; background: rgba(2,8,1,0); margin: 1% 0 0 3%; } .new_con h4 { width: 100%; height: 30px; float: left; margin: 0 0 10px 0; font-size: 18px; color: #222; text-align: left; line-height: 30px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .new_con h5 { width: 100%; height: 30px; float: left; margin: 10px 0 0; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .new_con h6 { width: 100%; height: 30px; float: left; margin: 10px 0 0 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .new_con font { width: 100%; height: 30px; float: left; margin: 10px 0; font-size: 14px; color: #0275fc; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; } DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; } DIV.quotes A { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #333; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #fff 1px solid; border-radius: 4px; } DIV.quotes A:hover { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #0275fc 1px solid; BACKGROUND-COLOR: #0275fc; border-radius: 4px; } DIV.quotes A:active { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border-radius: 4px; } DIV.quotes SPAN.current { padding: 8px 12px 8px 12px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #0275fc 1px solid; BACKGROUND-COLOR: #0275fc; border-radius: 4px; } DIV.quotes SPAN.disabled { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #333; MARGIN-RIGHT: 8px; BORDER: #fff 1px solid; border-radius: 4px; } .s_newshow { width: 74%; max-width: 1260px; height: auto; float: left; margin: 3% 0 4% 14%; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; } .s_newshow h4 { width: 100%; float: left; font-size: 18px; color: #222; text-align: center; line-height: 30px; font-weight: bold; } .s_newshow h5 { width: 100%; float: left; margin: 0 0 2% 0; font-size: 14px; color: #222; text-align: center; line-height: 30px; font-weight: normal; } .s_newshow img { max-width: 100%; display: block; margin: 10px auto; } /*fenye*/ .s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; } .s_fan1 { width: 100%; height: auto; float: left; } .s_fan1 dl { width: 103%; height: auto; float: left; } .s_fan1 dl dd { max-width: 43%; height: 44px; float: left; padding: 0 2%; margin: 2% 3% 1% 0; } .s_fan1 dl dd:nth-child(2) { max-width: 43%; height: 44px; float: right; padding: 0 2%; margin: 2% 0% 1% 0; } .s_fan1 dl dd a { width: 100%; float: left; font-size: 16px; color: #222; text-align: left; line-height: 44px; font-weight: normal; } .s_fan1 dl dd a .span1 { width: 70px; height: 44px; float: left; font-size: 16px; color: #222; text-align: left; line-height: 44px; font-weight: normal; text-decoration: none; } .s_fan1 dl dd a font { max-width: 84%; height: 44px; float: left; font-size: 16px; color: #222; text-align: left; line-height: 44px; font-weight: normal; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .s_fan1 dl dd a:hover .span1, .s_fan1 dl dd a:hover font { color: #0275fc; } /*鏂伴椈--瑙嗛涓績*/ .s_vpic { width: 88%; max-width: 1400px; margin: 30px 0 30px 12%; float: left; } .s_vpic dl { width: 103%; float: left; } .s_vpic dl dd { width: 26%; max-width: 410px; float: left; margin: 1% 1% 1% 0; padding: 1% 1% 1% 1%; box-shadow: 2px 0 10px rgba(233,235,242,0); position: relative; } .s_vpic dl dd:hover { width: 26%; max-width: 410px; float: left; margin: 1% 1% 1% 0; padding: 1% 1% 1% 1%; box-shadow: 2px 0 10px rgba(233,235,242,1); position: relative; } .s_vpic dl dd .s_viframe { width: 100%; height: 237px; float: left; margin: 0; overflow: hidden; position: relative; } .s_viframe iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; } .s_vpic dl dd .s_viframe iframe img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; } .s_vpic dl dd .video_bt { width: 94%; height: 40px; float: left; margin: 1% 0 1% 2%; font-size: 16px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; } .s_vpic dl dd .video_bt .vwen { width: 84%; float: left; font-size: 16px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; height: 40px; text-overflow: ellipsis; overflow: hidden;} .s_vpic dl dd .video_bt font { float: right; width: 50px; margin: 1% 0 0 0; font-size: 16px; color: #222222; text-align: center; line-height: 30px; font-weight: normal; text-transform: uppercase; cursor: pointer; border-bottom: 2px solid #0275fc; } .panel { width: 100%; height: 100%; float: left; position: fixed; z-index: 999; left: 0; top: 0; background: rgba(0,0,0,.5); display: none; } .viobox { width: 1000px; height: 600px; background: #fff; float: left; position: relative; left: 50%; margin: 6% 0 0 -500px; } .viobox iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; } .viobox iframe img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: medium none; object-fit: cover; } .viocc { width: 31px; height: 31px; float: right; position: absolute; z-index: 15; top: -36px; right: -36px; } .viobox_video{ width:960px; height:560px; background: #f2f2f2; float: left; position: relative; left: 50%; top: 24px; margin-left: -1000px; overflow: hidden;} .viobox_video video{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } /*涓€绫绘柊鑽彂甯 Class I new drug release*/ .s_class { width: 100%; float: left; margin: 20px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; } .s_class img { max-width: 100%; } /*1銆佷細鍓嶈姳绲 Pre-meeting titbits*/ .s_titbits { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; background: url(../images/dubgc1.jpg) no-repeat center top; background-size: 100% 100%; } .s_meet_photo { width: 100%; float: left; margin: 5% 0 4% 0; position: relative; } .s_meet_photo h3 { width: 16%; max-width: 200px; float: left; margin: 0 0 10px 4%; position: relative; font-size: 36px; color: #222; text-align: left; line-height: 70px; font-weight: bold; } .s_meet_photo h3 em { width: 100%; float: left; font-size: 18px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; font-style:normal; } .s_meet_photo h3 font { width: 40px; float: left; } .s_meet_photo h3 font img { width: 100%; } #certify5 { position: relative; width:80%; float: right; margin: 40px 0px 0px 0px; } #certify5 .swiper-container { width: 100%; padding: 0px; } #certify5 .swiper-slide { padding: 0px; text-align: center; overflow: hidden; } #certify5 .swiper-slide img { width: 100%; border: 1px solid #999999; border-radius: 20px; } #certify5 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; } #certify5 .swiper-slide-active { } #certify5 .swiper-button-prev5 { text-indent: -9999px; top: auto; bottom: 10px; left: -18%; width: 50px; height: 50px; background: rgba(34,34,34,0) url(../images/tprev1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; } #certify5 .swiper-button-prev5:hover { background: rgba(49,75,128,0) url(../images/tprev2.png) no-repeat; } #certify5 .swiper-button-next5 { text-indent: -9999px; left: -12%; right: auto; top: auto; bottom: 13px; width: 50px; height: 50px; background: rgba(34,34,34,0) url(../images/tnext1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; } #certify5 .swiper-button-next5:hover { background: rgba(49,75,128,0) url(../images/tnext2.png) no-repeat; } /*2銆佷細鍦哄鏅 outside the venue */ .s_venue { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; background: url(../images/dubgc2.jpg) no-repeat center top; background-size: 100% 100%; } .s_venue_photo { width: 100%; float: left; margin: 5% 0 4% 0; position: relative; } .s_venue_photo h3 { width: 20%; max-width: 200px; float: left; margin: 0 0 10px 4%; position: relative; font-size: 36px; color: #222; text-align: left; line-height: 70px; font-weight: bold; } .s_venue_photo h3 em { width: 100%; float: left; font-size: 18px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; font-style:normal; } .s_venue_photo h3 font { width: 40px; float: left; } .s_venue_photo h3 font img { width: 100%; } #certify6 { position: relative; width: 80%; float: right; margin: 40px 0px 0px 0px; } #certify6 .swiper-container { width: 100%; padding: 0px; } #certify6 .swiper-slide { padding: 0px; text-align: center; overflow: hidden; } #certify6 .swiper-slide img { width: 100%; border: 1px solid #999999; border-radius: 20px; } #certify6 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; } #certify6 .swiper-slide-active { } #certify6 .swiper-button-prev6 { text-indent: -9999px; top: auto; bottom: 10px; left: -18%; width: 50px; height: 50px; background: rgba(34,34,34,0) url(../images/tprev1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; } #certify6 .swiper-button-prev6:hover { background: rgba(49,75,128,0) url(../images/tprev2.png) no-repeat; } #certify6 .swiper-button-next6 { text-indent: -9999px; left: -12%; right: auto; top: auto; bottom: 13px; width: 50px; height: 50px; background: rgba(34,34,34,0) url(../images/tnext1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; } #certify6 .swiper-button-next5:hover { background: rgba(49,75,128,0) url(../images/tnext2.png) no-repeat; } /*3銆 涓氱晫绮捐嫳榻愯仛鎵窞 The cream of the industry has gathered in Yangzhou*/ .s_yangzhou { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; background: url(../images/drug3.jpg) no-repeat center top; background-size: 100% 100%; } /*dddddd*/ .s_yangzhou_title { width:100%; float:left; margin:70px 0 20px 0; position:relative;} .s_yangzhou_title h3 { width: 100%; float: left; height:auto; position: relative; font-size:36px; color: #222; text-align: center; line-height: 50px; font-weight: bold; } .s_yangzhou_title h4 { width: 100%; float: left; height:auto; position: relative; font-size:18px; color: #999999; text-align: center; line-height:40px; font-weight: normal; margin-bottom:20px; } .s_yangzhou_title font { width:40px; height:4px; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; z-index: 3; } .s_yangzhou_photo { width: 100%; float: left; margin:2% 0 8% 0; position: relative; } #certify7 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; } #certify7 .swiper-container { padding: 5px; overflow: hidden; } #certify7 .swiper-slide { padding: 0px; text-align: center; position:relative; } #certify7 .swiper-slide::after {width:1px; height:500px; float:right; background:#ddd; content:''; position:absolute; top:0; right:-15%; } #certify7 .swiper-slide img{width:100%; border-radius:10px;} #certify7 .swiper-slide h5 { width: 100%; float: left; margin:20px 0 10px 0; height:36px; position: relative; font-size:20px; color: #222; text-align: center; line-height: 36px; font-weight: bold; text-overflow:ellipsis; overflow:hidden; } #certify7 .swiper-slide h6 { width: 100%; float: left; height:128px; position: relative; font-size:16px; color: #222; text-align: left; line-height:32px; font-weight: normal; text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis; overflow:hidden; } #certify7 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; } #certify7 .swiper-slide-active { } /*4銆佸浗瀹朵竴绫绘柊鍏借嵂鈥斺€旇嫍浣愬彂甯冨惎鍔ㄤ华寮 The launching ceremony of Miao Zuo, a new type of veterinary drug in China */ .s_miaozuo { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; background: url(../images/drug4.jpg) no-repeat center top; background-size: 100% 100%; } .s_miaozuo ul {width:100%; float:left; margin:0 0 2% 0;} .s_miaozuo ul li{width:100%; float:left; margin:2% 0 0 0; } .s_miaozuo ul li img{width:46%; float:right; border-radius:10px; } .s_miaozuo ul li .mz_con {width:39%; float:left; margin:4% 0 0 10%; } .s_miaozuo ul li .mz_con h5 { width: 100%; float: left; margin:20px 0 10px 0; height:36px; position: relative; font-size:20px; color: #222; text-align: left; line-height: 36px; font-weight: bold; text-overflow:ellipsis; overflow:hidden; } .s_miaozuo ul li .mz_con h6 { width: 100%; float: left; height:auto; position: relative; font-size:16px; color: #222; text-align: left; line-height:32px; font-weight: normal; } .s_miaozuo ul li:nth-child(2n){width:100%; float:left; margin:2% 0 0 0; } .s_miaozuo ul li:nth-child(2n) img{width:46%; float:left; border-radius:10px; } .s_miaozuo ul li:nth-child(2n) .mz_con {width:39%; float:right; margin:4% 10% 0 0%; } .s_launchbg{width:94%; float:left; background:#fff; padding:2%; border-radius:20px; margin:10px 0 30px 0; } .s_launchbg dl {width:100%; float:left; margin:0 0 2% 0;} .s_launchbg dl dd{width:100%; float:left; margin:2% 0 0 0; } .s_launchbg dl dd img{width:30%; float:left; border-radius:10px; } .s_launchbg dl dd .laun_con {width:64%; float:left; margin:0% 0 0 2%; } .s_launchbg dl dd .laun_con h5 { width: 100%; float: left; margin:0px 0 10px 0; height:36px; position: relative; font-size:20px; color: #222; text-align: left; line-height: 36px; font-weight: bold; text-overflow:ellipsis; overflow:hidden; } .s_launchbg dl dd .laun_con h6 { width: 100%; float: left; height:auto; position: relative; font-size:16px; color: #222; text-align: left; line-height:32px; font-weight: normal; } /*5銆佷笓瀹舵姤鍛婇珮绔閬 Expert reports speak at the top */ .s_speaks { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; background: url(../images/drug5.jpg) no-repeat center top; background-size: 100% 100%; } .s_speaks_bt{width:100%; float:left; margin:20px 0 10px 0;} .s_speaks_bt img { max-width:100%; float:left;} .s_explist {width:100%; float:left; margin:0 0 2% 0;} .s_explist ol {width:100%; float:left; margin:0 1% 0 0;} .s_explist ol li{width:24%; float:left; margin:2% 1% 0 0; } .s_explist ol li img{width:100%; float:left; border-radius:0px; } .s_explist ol li h5 { width: 100%; float: left; margin:20px 0 10px 0; height:64px; position: relative; font-size:18px; color: #222; text-align: left; line-height: 32px; font-weight: normal; text-overflow:ellipsis; overflow:hidden; } .s_reports{width:100%; float:left; margin:10px 0 10px 0; } .s_reports dl {width:100%; float:left; margin:0 0 2% 0;} .s_reports dl dd{width:45%; float:left; margin:2% 3% 0 0; padding:1%; box-shadow:0 1px 10px rgba(0,0,0,.1); border-radius:10px; } .s_reports dl dd img{width:40%; float:left; border-radius:10px; } .s_reports dl dd .po_con {width:56%; float:left; margin:0% 0 0 4%; } .s_reports dl dd .po_con h5 { width: 100%; float: left; margin:0px 0 10px 0; height:auto; position: relative; font-size:18px; color: #222; text-align: left; line-height: 36px; font-weight: bold; text-overflow:ellipsis; overflow:hidden; } .s_reports dl dd .po_con h5 font{ font-size:16px; font-weight:normal;} .s_reports dl dd .po_con h6 { width: 100%; float: left; height:auto; position: relative; font-size:16px; color: #222; text-align: left; line-height:32px; font-weight: normal; } .s_zhuanjia{width:100%; float:left; margin:0px 0 10px 0; } .s_zhuanjia dl {width:101%; float:left; margin:0 0 2% 0;} .s_zhuanjia dl dd{width:30%; float:left; margin:0% 3% 2% 0; background:#fff; box-shadow:0 1px 10px rgba(0,0,0,.1); border-radius:10px; } .s_zhuanjia dl dd img{ max-width:100%; display:block; margin:40px auto 10px auto; border-radius:10px; } .s_zhuanjia dl dd .zj_con {width:92%; float:left; margin:10px 0 0 4%; } .s_zhuanjia dl dd .zj_con h5 { width: 100%; float: left; margin:0px 0 0px 0; height:auto; position: relative; font-size:18px; color: #222; text-align: center; line-height: 36px; font-weight: bold; } .s_zhuanjia dl dd .zj_con h5 font{ width: 100%; height:60px; float:left; font-size:16px; color: #222; text-align: center; line-height: 30px; font-weight:normal; position:relative; text-overflow:ellipsis; overflow:hidden; } .s_zhuanjia dl dd .zj_con h5::after{width:100px; height:1px; float:left; background:#999; content:''; position:absolute; left:50%; margin-left:-50px; bottom:0;} .s_zhuanjia dl dd .zj_con h6 { width: 100%; float: left; margin:10px 0 40px 0%; height:288px; position: relative; font-size:16px; color: #222; text-align: left; line-height:32px; font-weight: normal; text-overflow:ellipsis; overflow:hidden; } /*6銆 鈥滀笁浠箣澶溾€濆€炬儏绛旇阿鍥涙捣瀹炬湅 鈥淭hree instruments night鈥 to thank the world friends */ .s_thanks { width: 100%; float: left; margin: 0px 0 0 0; font-size: 16px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; } /*6.1 鏅氬鍦烘櫙 Dinner scene */ .s_dinner{width:100%; float:left; margin:0px 0 10px 0; } .s_dinner ul {width:101%; float:left; margin:0 0 2% 0; } .s_dinner ul li{width:30%; float:left; margin:0 0 0% 0; position:relative; z-index:15;} .s_dinner ul li img {width:99%; float:left; margin:1% 0% 0 0; position:relative; z-index:4;} .s_dinner ul li font{width:100%; height:40px; float:left; padding-top:20px; background:url(../images/wzbg.png) no-repeat center bottom; background-size:100% 100%; position:absolute; z-index:10; left:0; bottom:0; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .s_dinner ul li:first-child{width:43%; float:left; margin:0 0 0% -1%;} .s_dinner ul li:first-child dl {width:100%; float:left; margin:0% 0% 0 0%; } .s_dinner ul li:first-child dl dd {width:49%; float:left; margin:1% 1% 0 0%; position:relative; z-index:15;} .s_dinner ul li:first-child dl dd img {width:100%; float:left; margin:0% 0% 0 0; position:relative; z-index:4;} .s_dinner ul li:first-child dl dd font{width:100%; height:40px; float:left; padding-top:20px; background:url(../images/wzbg.png) no-repeat center bottom; background-size:100% 100%; position:absolute; z-index:10; left:0; bottom:0; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .s_dinner ul li:nth-child(2){width:26.9%; float:left; margin:0 .5% 0% 0%;} .s_dinner ul li:nth-child(2) img {width:100%; float:left; margin:1% 0% 0 0%; } .s_dinner ul li:last-child{width:29%; float:left; margin:0 0 0% 0;} .s_dinner ul li:last-child img {width:100%; float:left; margin:1% 0% 0% 0; } .s_dinner ul li:last-child dl {width:100%; float:left; margin:0% 0% 0 0%; } .s_dinner ul li:last-child dl dd {width:100.2%; float:left; margin:1% 0% 0% 0%; position:relative; z-index:15;} .s_dinner ul li:last-child dl dd img {width:100%; float:left; margin:0% 0% 0 0; position:relative; z-index:4;} .s_dinner ul li:last-child dl dd font{width:100%; height:40px; float:left; padding-top:20px; background:url(../images/wzbg.png) no-repeat center bottom; background-size:100% 100%; position:absolute; z-index:10; left:0; bottom:0; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } /*6.2 鏅氬鍦烘櫙 Wonderful moments of the dinner party */ /*6.3 灏惧０ Epilogue */ .s_epiloshow{ width: 100%; float: left; margin:20px 0 80px 0; font-size: 16px; color: #222222; text-align: left; line-height: 32px; font-weight: normal; } .s_epiloshow img { max-width:100%; display:block; margin:0 auto; } /*涓変华璐ｄ换 San Yi responsibility*/ .s_resp_show { width: 100%; height: auto; float: left; margin: 0% 0 6% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_resp_show h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_resp_show h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_resp_show h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_resp_show img { max-width: 100%; display: block; margin: 10px auto 10px auto; } /*浜烘墠鐞嗗康 Talent concept */ .s_concept { width: 100%; height: auto; float: left; margin: 0% 0 6% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_concept h3 { display:none; width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_concept h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_concept h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_concept img { max-width: 100%; display: block; margin: 10px auto 10px auto; } /*鍩硅涓績 / The training center*/ .s_train { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_train h3 { display:block; width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_train h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_train h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_train ul { width: 100%; height: auto; float: left; margin: 2% 0 2% 0; } .s_train ul li { width: 100%; height: 60px; float: left; border-bottom: 1px dashed #dcdcdc; } .s_train ul li a { width: 100%; height: 60px; float: left; } .s_train ul li a h4 { width: 86%; height: 60px; float: left; background: #fff url(../images/jio1.jpg) no-repeat left 50%; background-size: 9px 14px; padding-left: 1%; font-size: 20px; color: #222; text-align: left; line-height: 60px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .s_train ul li a font { float: right; font-size: 16px; color: #222; text-align: left; line-height: 60px; font-weight: normal; } .s_train ul li a:hover h4 { background: url(../images/jio2.jpg) no-repeat left 50%; font-weight: bold; } /*鍥戒紒妫€娴 / The party testing */ .s_party { width: 100%; height: auto !important; min-height: 400px; float: left; margin: 1% 0 3% 0; background: url(../images/jcbg.jpg) no-repeat center bottom; background-size: cover; } .s_party ul { width: 100%; float: left; margin: 10% 0 2% 0%; text-align: center; } .s_party ul li { width: 18%; max-width: 280px; display: inline-block; margin: 2% 1% 2% 1%; background: rgba(5,12,25,0); } .s_party ul li .tybox { width: 80%; max-width: 180px; height: 180px; float: left; left: 50%; margin-left: 19%; background: url(../images/cbgc1.png) no-repeat center center; background-size: 100% 100%; } .s_party ul li .tybox img { display: block; margin: 50px auto 50px auto; } .s_party ul li font { float: left; width: 100%; height: 72px; font-size: 16px; color: #222; text-align: center; line-height: 36px; font-weight: normal; overflow: hidden; } /*鍚堜綔浼欎即 / Partners */ .s_union { width: 100%; height: auto; float: left; margin: 1% 0 0% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_union h3 { display:none; width: 100%; float: left; margin: 20px 0 20px 0; height: 50px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 50px; font-weight: normal; } .s_union h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_union h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } .s_unioshow { width: 100%; height: auto; float: left; margin: 2% 0 3% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_unioshow img { max-width: 100%; display: block; margin: 10px auto 10px auto; } .s_unibgc { width: 100%; height: auto !important; min-height: 600px; float: left; margin: 2% 0 3% 0; background: url(../images/hezuobg.jpg) no-repeat center bottom; background-size: cover; } .c_pinpai { width: 100%; display: flex; align-items: flex-start; flex-flow: wrap; margin-top: 10vh; } .c_pinpai li { margin-bottom: 5vh; margin-right: 3%; width: 17.6%; } .c_pinpai li img { width: 100%; } .c_pinpai li:nth-child(5n) { margin-right: 0; } /*鎶€鏈湇鍔 / Technical service */ .s_technic { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; } .s_technic h3 { width: 100%; float: left; margin: 20px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: normal; } .s_technic h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 3; } .s_technic h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: 0; z-index: 5; } /*f7f7f7*/ .s_technic dl { width: 103%; float: left; } .s_technic dl dd { width: 31%; max-width: 520px; float: left; margin: 1% 2% 1% 0; padding: 0%; background: #f7f7f7; position: relative; } .s_technic dl dd .chimg { width: 100%; height:375px; float:left; position:relative; overflow:hidden; } .s_technic dl dd .chimg img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .s_technic dl dd h5 { width: 92%; float: left; margin: 2% 0 0 3%; height: 40px; position: relative; font-family: 'SourceHanSansSC-Bold'; font-size: 20px; color: #222; text-align: left; line-height: 40px; font-weight: normal; } .s_technic dl dd font { width: 92%; margin: 0% 0 1% 3%; float: left; height: 96px; position: relative; font-size: 16px; color: #222; text-align: left; line-height: 24px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } /*鍏充簬 鍛ㄥ勾搴嗘椿鍔 Anniversary celebration */ .s_anniv_one { width: 100%; float: left; margin: 2% 0 0 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_one img { width: 100%; display: block; margin: 0 auto; } .s_anniv_two { width: 100%; float: left; margin: 0% 0 0 0; background: url(https://oss.lcweb01.cn/jzt/3861/image/20241217/6d35602a9536942b9aa3cc6766c1c5e3.jpeg) no-repeat center top; background-size: 100% 100%; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_two h3 { width: 100%; float: left; margin: 40px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_two h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_two h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_anniv_two img { max-width: 100%; display: block; margin: 0 auto; } .s_vocal { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; font-size: 16px; color: #fff; text-align: center; line-height: 36px; font-weight: normal; } .s_vocal h3 { width: 100%; float: left; margin: 40px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_vocal h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_vocal h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_vocal dl { width: 103%; float: left; } .s_vocal dl dd { width: 51%; float: left; margin: 2% 3% 1% 0; font-size: 16px; color: #fff; text-align: left; line-height: 32px; font-weight: normal; } .s_vocal dl dd:nth-child(2) { width: 43%; float: left; margin: 2% 3% 1% 0; font-size: 16px; color: #fff; text-align: left; line-height: 32px; font-weight: normal; } .s_vocal dl dd img { width: 100%; } /*history*/ .s_anniv_three { width: 100%; height: auto !important; min-height: 400px; float: left; margin: 0% 0 0 0; background: url(https://oss.lcweb01.cn/jzt/3861/image/20241217/bced1a48e4c38c79382da13f8b0519f8.jpeg) no-repeat center bottom; padding-bottom: 60px; background-size: contain; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_three h3 { width: 100%; float: left; margin: 60px 0 20px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_three h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_three h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_anniv_history { width: 90%; height: auto; float: left; margin: 3% 0 4% 5%; position: relative; z-index: 5; overflow: hidden; } .s_anniv_history::after { width: 1px; height: 100vh; float: left; background: #ccc; content: ''; position: absolute; z-index: -1; left: 10px; top: 5px; } .s_anniv_history ul { width: 100%; height: auto; float: left; padding: 4% 0; position: relative; z-index: 8; } .s_anniv_history ul::after { width: 69px; height: 20px; float: left; background: url(../images/zyuan1.png) no-repeat left top; content: ''; position: absolute; z-index: -1; left: 0px; top: 0px; } .s_anniv_history ul::before { width: 69px; height: 20px; float: left; background: url(../images/zyuan1.png) no-repeat left bottom; content: ''; position: absolute; z-index: -1; left: 0px; bottom: 0px; } .s_anniv_history ul li { width: 100%; height: auto; float: left; margin: 10px 0 10px 0; } .s_anniv_history ul li img { max-width: 100%; float: left; margin: 0 10px 0px 0px; } .s_anniv_history ul li h4 { width: 150px; height: 40px; float: left; background: #0275fc; margin: 0 10px 0px 0px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; } .s_anniv_history ul li font { width: 60%; height: auto; float: left; margin: 0 0px 0px 0px; font-size: 16px; color: #222; text-align: left; line-height: 32px; font-weight: normal; } .s_anniv_four { width: 100%; height: auto !important; min-height: 960px; float: left; margin: 0% 0 0 0; background: url(../images/znq_bgc3.jpg) no-repeat center bottom; background-size: 100% 100%; font-size: 16px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_four h3 { width: 100%; float: left; margin: 60px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_four h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_four h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_anniv_four dl { width: 100%; float: left; } .s_anniv_four dl dd { width: 31%; float: left; margin: 0% 2% 0% 0; } .s_anniv_four dl dd img { width: 100%; float: left; margin: 8% 0% 1% 0; } .s_anniv_four dl dt { width: 31%; float: left; margin: 0% 2% 0% 0; } .s_anniv_four dl dt img { width: 100%; float: left; margin: 3% 0% 1% 0; } .s_anniv_five { width: 100%; height: auto !important; min-height: 960px; float: left; margin: 0% 0 0 0; background: url(../images/znq_bgc4.jpg) no-repeat center bottom; padding-bottom: 60px; background-size: 100% 100%; font-size: 16px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_five h3 { width: 100%; float: left; margin: 60px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_five h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_five h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_five_photo { width: 108%; float: left; margin: 5% 0 4% -6%; position: relative; } #certify2 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; } #certify2 .swiper-container { padding: 5px; overflow: hidden; } #certify2 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; transform: scale(0.9); } #certify2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify2 .swiper-slide-active { transform: scale(1); } #certify2 .swiper-pagination { width: 100%; bottom: -80px; } #certify2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: 10px; height: 10px; opacity: 1; } #certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; } .s_anniv_six { width: 100%; height: auto !important; min-height:700px; float: left; margin: 0% 0 0 0; background: url(../images/znq_bgc5.jpg) no-repeat center bottom; padding-bottom: 60px; background-size: 100% 100%; font-size: 16px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_six h3 { width: 100%; float: left; margin: 60px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_six h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_six h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_six_text { width: 64%; max-width: 820px; float: left; margin: 3% 0 3% 10%; font-size: 16px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; } .s_six_img { width: 40%; max-width: 520px; float: right; margin: 3% 4% 3% 0%; } .s_six_img img { width: 100%; } .s_six_photo { width: 100%; float: left; margin: 5% 0 4% 0; position: relative; } #certify3 { position: relative; width: 100%; display: block; margin: 0px auto 40px 0%; } #certify3 .swiper-container { overflow: hidden; } #certify3 .swiper-slide { width: 380px; padding: 0px; margin-bottom: 20px; text-align: center; overflow: hidden; box-shadow: 0px 10px 15px rgba(0,0,0,.3); } #certify3 .swiper-slide img { width: 100%; } #certify3 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify3 .swiper-slide-active { } #certify3 .swiper-slide-next { margin-right: -70px !important; } #certify3 .swiper-slide-prev { margin-left: -70px !important; } #certify3 .swiper-pagination { width: 94%; bottom: -40px; } #certify3 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: 10px; height: 10px; opacity: 1; } #certify3 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; } .s_anniv_seven { width: 100%; height: auto !important; min-height: 960px; float: left; margin: 0% 0 0 0; background: url(../images/znq_bgc6.jpg) no-repeat center bottom; background-size: 100% 100%; font-size: 16px; color: #fff; text-align: left; line-height: 36px; font-weight: normal; } .s_anniv_seven h3 { width: 100%; float: left; margin: 60px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #fff; text-align: center; line-height: 70px; font-weight: bold; } .s_anniv_seven h3::after { width: 160px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 3; } .s_anniv_seven h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -80px; bottom: 0; z-index: 5; } .s_seven_photo { width: 100%; float: left; margin: 5% 0 4% 0; position: relative; } #certify4 { position: relative; width: 97%; display: block; margin: 0px auto 40px 2%; } #certify4 .swiper-container { padding: 0px; overflow: hidden; } #certify4 .swiper-slide { width: 370px !important; padding: 0px; margin-bottom: 20px; text-align: center; overflow: hidden; box-shadow: 0px 10px 15px rgba(0,0,0,.3); } #certify4 .swiper-slide img { width: 100%; } #certify4 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify4 .swiper-slide-active { } #certify4 .swiper-slide-next { margin-right: -60px !important; } #certify4 .swiper-slide-prev { margin-left: -60px !important; } #certify4 .swiper-pagination { width: 92%; bottom: -30px; } #certify4 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; background-color: transparent; width: 10px; height: 10px; opacity: 1; } #certify4 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; outline: none; } /*鍏充簬 鍛樺伐椋庨噰 / Staff presence*/ /*鎷撳睍璁粌 Outward bound training*/ .s_staff { width: 100%; height: auto; float: left; margin: 3% 0 3% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_bound { width: 100%; height: auto; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_bound h3 { width: 100%; float: left; margin: 60px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: bold; } .s_bound h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; } .s_bound h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 5; } .s_bound img { max-width: 100%; display: block; margin: 0 auto; } /*骞翠細琛ㄦ紨 Annual Meeting Performance*/ .s_annual { width: 100%; height: auto; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_annual h3 { width: 100%; float: left; margin: 20px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: bold; } .s_annual h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; } .s_annual h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 5; } .s_annual_photo { width: 80%; max-width: 1320px; min-height: 520px; float: left; margin: 2% 0 4% 10%; position: relative; } .s_annual_photo ul { width: 100%; float: left; position: relative; z-index: 18; } .s_annual_photo ul li { width: 266px; float: left; position: relative; z-index: 3; margin: 126px 0 0 0; } .s_annual_photo ul li:nth-child(2) { width: 266px; float: left; position: relative; z-index: 3; margin: 4px 0 0 -50px; } .s_annual_photo ul li:nth-child(3) { width: 266px; float: left; position: relative; z-index: 3; margin: 250px 0 0 -266px; } .s_annual_photo ul li:nth-child(4) { width: 453px; float: left; position: relative; z-index: 3; margin: 46px 0 0 -50px; } .s_annual_photo ul li:nth-child(5) { width: 266px; float: left; position: relative; z-index: 3; margin: 4px 0 0 -50px; } .s_annual_photo ul li:nth-child(6) { width: 266px; float: left; position: relative; z-index: 3; margin: 250px 0 0 -266px; } .s_annual_photo ul li:nth-child(7) { width: 266px; float: left; position: relative; z-index: 3; margin: 126px 0 0 -50px; } .s_annual_photo ul li img {width: 100%; } /*鎴峰鍥㈠缓 Outdoor group construction*/ .s_outdoor { width: 100%; height: auto; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; background: url(../images/ygbgc.jpg) no-repeat center top; background-size: 100%; } .s_outdoor h3 { width: 100%; float: left; margin: 40px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: bold; } .s_outdoor h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; } .s_outdoor h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 5; } .s_outdoor_photo { width: 90%; max-width: 1480px; min-height: 570px; float: left; margin: 1% 0 4% 5%; position: relative; } .s_outdoor_photo ul { width: 100%; float: left; position: relative; z-index: 18; } .s_outdoor_photo ul li { width: 340px; float: left; margin: 0 0 0 -60px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(2) { width: 340px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(2) { width: 340px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(3) { width: 340px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(4) { width: 340px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(5 ) { width: 340px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(6) { width: 340px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; } .s_outdoor_photo ul li:nth-child(7) { width: 340px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; } /*浣撹偛璧涗簨 Sports Events*/ .s_sports { width: 100%; height: auto; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: left; line-height: 36px; font-weight: normal; } .s_sports h3 { width: 100%; float: left; margin: 40px 0 30px 0; height: 70px; position: relative; font-size: 32px; color: #222; text-align: center; line-height: 70px; font-weight: bold; } .s_sports h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; } .s_sports h3::before { width: 65px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 5; } .s_sports_photo { width: 90%; max-width: 1480px; min-height: 570px; float: left; margin: 1% 0 4% 5%; position: relative; } .s_sports_photo ul { width: 100%; float: left; position: relative; z-index: 18; } .s_sports_photo ul li:first-child { width: 31%; float: left; margin: 2% 2% 0 0; border-radius: 20px; } .s_sports_photo ul li:first-child img { width: 100%; max-height:704px; border-radius: 20px; } .s_sports_photo ul li { width: 31%; float: left; margin: 2% 2% 0 0; border-radius: 20px; } .s_sports_photo ul li img { width: 100%; max-height:295px; border-radius: 20px; }