* { margin: 0px; padding: 0px; } .clear { font-size: 0px; clear: both; line-height: 0px; height: 0px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; } img, img:hover {max-width:100%; border-style: none; outline: none; } a:link { outline: none; TEXT-DECORATION: none; } a:visited { outline: none; TEXT-DECORATION: none; } a:hover { outline: none; TEXT-DECORATION: none; } a:active { outline: none; TEXT-DECORATION: none; } input:hover { outline: none; TEXT-DECORATION: none; } ul { list-style-type: none; } ul li { list-style-type: 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; } /* body ------------------------------*/ body { font-family:"Microsoft YaHei"; font-size: 16px; line-height:30px; color: #313131; background-color: White; overflow-x: hidden; } .max { width: 100%; max-width: 750px; height: auto; margin: 0 auto; overflow-x: hidden; overflow: hidden; } .panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(145,7,0,0.8); display: none; } .ebox { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.2); display: none; } #boxx { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1000; background: rgba(0,0,0,0.8); display: none; } .boxx { width: 100%; height: 100vh; float: left; position: relative; left: 0; top: 0; z-index: 1000; display: block; } .xwei { position: fixed; top: 38.2%; left: 50%; z-index: 1000; width: 75%; padding: 10px; background: #fff; margin-top: -100px; margin-left: -150px; box-shadow: 1px 2px 3px black; border-radius: 10px; display: block; } .xwei img { width: 100%; display: block; margin: 0 auto; } .panelbg { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(0,0,0,0.8); display: block; } .x_close{width:30px; float:right; position:fixed; right:40px; top:20px; } .ximg { position: fixed; top: 38.2%; left: 50%; z-index: 1000; width:75%; padding: 5px; background: #fff; margin-top: -100px; margin-left: -150px; box-shadow: 1px 2px 3px black; border-radius: 10px; display: block; } .ximg img{width:100%; display:block; margin:0 auto;} .ximg font{width:100%; float:left; height:36px; font-family:'Microsoft YaHei'; font-size:16px; color:#333; line-height:36px; text-align:left; font-weight:normal; text-overflow:ellipsis; overflow:hidden;} .z_head { position: relative; width: 100%; left: 0; top: 0; z-index: 99; background: #fff; height: 5rem; display: flex; align-items:flex-start; justify-content: space-between; flex-flow:nowrap; border-bottom: 1px solid #ddd; } .z_head .logo {width:15%; max-width: 60px; float: left; margin:2% 0 0 3%; } .z_head .logo img { width:100%; } .m_hsou { width: 190px; height: 31px; float: right; margin: 25px -10px 0 0px; position: relative; z-index: 18; } .m_sousuo { width: 31px; height: 31px; float: right; position: relative; z-index: 12; } .m_sousuo img { width: 31px; height: 31px; cursor: pointer; background: #002a66; border-radius: 50%; } .m_hsebox { width: 190px; height: 31px; float: left; position: absolute; z-index: 15; top: 0; right: 0; background: #002a66; border-radius: 18px; display: none; } .m_hsebox input.sinp { width: 130px; height: 31px; float: left; padding-left: 20px; background: none; border: none; font-size: 14px; color: #fff; text-align: left; line-height: 31px; font-weight: normal; } .m_hsebox input.buts { width: 31px; height: 31px; float: right; background: url(/mobile/images/ssou1.png) no-repeat center center; border: none; text-indent: -999px; cursor: pointer; } .z_head .nav { position: relative; width: 31px; height: 31px; background: url(/mobile/images/menu01.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 3%; top: 1.5rem; display: block; } .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0; top: 0rem; z-index: 99; display: none; } .z_nav .navleft { width: 55%; float: left; background: rgba(0,0,0,0); height: 100vh; overflow: hidden; } .z_nav .nav { width: 45%; float: right; background: #002a66; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; } .z_nav .nav ul { width: 100%; float: left; margin:5.2rem 0 3% 0%; border-top:1px dashed #073e8e;} .z_nav .nav ul li { width: 100%; height: 3rem; float: left; border-bottom: 1px dashed #073e8e;} .z_nav .nav ul li.selected { } .z_nav .nav ul li a { height: 3rem; display: flex; align-items: center; justify-content: center; width: 100%; float: left; margin: 0 0%; font-size: 16px; color: #fff; line-height: 3rem;} .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 4% 4% 6%; } .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 4% 4% 6%; } .z_nav .nav ul li.selected a{color: #c9a063;} .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 4% 4% 6%; } .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 4% 4% 6%; } .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 1rem; box-sizing: border-box; } .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; } .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; } .z_nav .nav_menu{width: 100%; float: left; margin:6% 0 6% 0;} .z_nav .nav_menu dl { width: 100%; float: left; margin: 3% 0 3% 0%; } .z_nav .nav_menu dl dt { width: 100%; height:3rem; float: left; border-bottom: 1px dashed #073e8e; } .z_nav .nav_menu dl dt:hover { } .z_nav .nav_menu dl dt a { display: flex; align-items: center; justify-content:center; width: 100%; float: left; margin: 0 0%; font-size: 16px; color: #fff; padding-left: 8%; height:3rem; } .z_nav .nav_menu dl dt a img.zimg1 { width: 12px; display: block; margin: 4% 4% 4% 6%; } .z_nav .nav_menu dl dt a img.zimg2 { width: 12px; display: none; margin: 4% 4% 4% 6%; } .z_nav .nav_menu dl dt:hover a {color: #c9a063;} .z_nav .nav_menu dl dt:hover a img.zimg1 { width: 12px; display: none; margin: 4% 4% 4% 6%; } .z_nav .nav_menu dl dt:hover a img.zimg2 { width: 12px; display: block; margin: 4% 4% 4% 6%; } .z_nav .nav_menu dl dt.navhov a {color: #c9a063;} .z_nav .nav_menu dl dt.navhov a img.zimg1 { width: 12px; display: none; margin: 4% 4% 4% 6%; } .z_nav .nav_menu dl dt.navhov a img.zimg2 { width: 12px; display: block; margin: 4% 4% 4% 6%; } .m_banner { width: 100%; float: left; position: relative; z-index: 12; } .m_banner img { width: 100%; } .m_index { width: 100%; display: block; margin: 0 auto; } .m_box1 { width: 100%; padding:4% 0; float: left; background: #f7f8fa; } .m_box1_title { width:200px; display: block; margin: 0 auto; text-align: center; } .m_new_bt { width:200px; height: 60px; float: left; display: flex; align-items: center; justify-content: center; flex-flow:nowrap; } .m_new_bt font { width: auto; height: 60px; float: left; font-size:50px; padding-right:10px; color: #002a66; text-align: left; line-height:54px; font-weight: bold; text-transform: uppercase; } .m_new_bt h4 { width: 100px; height: auto; float: left; padding: 4px 0 0 0px; font-size:18px; color: #111111; text-align: left; line-height:30px; font-weight: bold; letter-spacing: 0px; } .m_new_bt h4 b { width: 100%; height: 30px; float: left; font-size: 12px; color: #dfe1e5; text-align: left; line-height:20px; font-weight: bold; font-style: normal; letter-spacing: 1px; } .m_box1_menu { width:100%; display: block; margin: 0 auto; } .m_box1_menu ul { width: 80%; float: none; display: block; margin: 0 auto; text-align: center; } .m_box1_menu ul li { width: 29%; height: 32px; float: none; display: inline-block; margin: 0 1%; } .m_box1_menu ul li a { width: 100%; height: 30px; float: left; background: #fff; border: 1px solid #002a66; border-radius: 19px; font-size: 14px; color: #002a66; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; } .m_box1_menu ul li a:hover { background: #002a66; color: #fff; } .m_box1_list { width: calc(135% - 180px); background: #fff; float: right; margin: 20px 0 20px 0; padding:3% 5% 7% 3%; } .swiper-container3{width: 100%; overflow: hidden; } .swiper-container3 h3 { width: 100%; height: 40px; float: left; border-bottom: 1px solid #c9ccd5; } .swiper-container3 h3 font { padding: 0 10px; height:38px; float: left; border-bottom: 2px solid #c9ccd5; font-size: 26px; color: #111; text-align: left; line-height: 38px; font-weight: normal; font-style: normal; } .swiper-container3 h4 { width: 100%; height: 30px; float: left; margin:10px 0 0 0; font-size:16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .swiper-container3 h5 { width: 100%; height: 60px; float: left; margin: 0px 0 10px 0; font-size:14px; color: #999; text-align: left; line-height:20px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .swiper-container3 .swiper-pagination { width: auto!important; bottom:5px !important; text-align: right; float: right; right: 10px;} .swiper-container3 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } .swiper-container3 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: rgba(255, 255, 255,1); -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .ranklist{height:90px; overflow:hidden; border-top: 1px dashed #c9ccd5; border-bottom: 1px dashed #c9ccd5; } .ranklist ul { margin: 10px 0 0 0;} .ranklist ul li { width: 100%; height: 80px; margin:0px 0; float: right; background: #fff;} .ranklist ul li .sytime { width: 55px; height: 50px; float: left; background: #d2d2d2; margin:14px 10px 0 0; font-size: 12px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; } .ranklist ul li .sytime font { width: 100%; height: 30px; float: left; margin:0px 0 0 0; font-size:20px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; } .ranklist ul li .sycon { width: 72%; height: 60px; float: left; background: rgba(0,0,0,0); margin: 10px 0px 0 0; font-size: 12px; color: #333333; text-align: center; line-height: 20px; font-weight: normal; font-style: normal; overflow: hidden; } .ranklist ul li .sycon h4 { width: 100%; height: 30px; float: left; margin: 0px 0 0 0; font-size:16px; color: #222; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .ranklist ul li .sycon h5 { width: 100%; height: 30px; float: left; margin: 0px 0 0 0; font-size: 14px; color: #888; text-align: left; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .m_industry { width: 100%; height: auto; float: left; background: rgba(0,0,0,0); position: relative; z-index: 20; } .m_induscon { width: 100%; height: auto; float: left; position: absolute; z-index: 10; left: 0; top: 0; } .m_left_title { width:200px; display: block; margin: 0 auto; text-align: center; } .m_chanye_bt { width:280px; height: 60px; float: left; display: flex; align-items: center; justify-content: center; flex-flow:nowrap; } .m_chanye_bt font { width: auto; height: 60px; float: left; font-size:50px; padding-right:10px; color: #fff; text-align: left; line-height:54px; font-weight: bold; text-transform: uppercase; } .m_chanye_bt h4 { width: 180px; height: auto; float: left; padding: 4px 0 0 0px; font-size:18px; color: #fff; text-align: left; line-height:30px; font-weight: bold; letter-spacing: 0px; } .m_chanye_bt h4 b { width: 100%; height: 30px; float: left; font-size: 12px; color: #fff; text-align: left; line-height:20px; font-weight: bold; font-style: normal; letter-spacing: 1px; } .m_lunbo { width: 100%; float: left; height: auto; } #certify1 { position: relative; z-index: 12; width: 97%; float: left; margin:3% auto 3% 3%; overflow: hidden; } #certify1 .swiper-container { position: relative; margin-bottom: 10%; } #certify1 .swiper-wrapper { position: relative; z-index: 10; } #certify1 .swiper-slide { height: auto; background: rgba(255,255,255,1); padding:1% 0 2% 0; border: 1px solid rgba(237,239,242,0); box-shadow: -2px 3px 4px -2px rgba(237,239,242,1),1px 2px 4px -2px rgba(237,239,242,1); position: relative; z-index: 15; overflow: hidden; } #certify1 .swiper-slide h4 { width: 94%; height:30px; float: left; margin:0px 0 0px 3%; position: relative; text-align: center; color: #002a66; font-size:16px; line-height:30px; font-weight: bold; font-style: normal; } #certify1 .swiper-slide h5 { width: 94%; height:40px; float: left; position: relative; margin: 0px 0 0px 3%; text-align: center; color: #002a66; font-size: 12px; line-height:20px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } #certify1 .swiper-slide h6 { width: 94%; height: 40px; float: left; margin: 0px 0 10px 3%; position: relative; text-align: center; color: #c9a063; font-size: 14px; line-height: 40px; font-weight: normal; font-style: normal; } #certify1 .swiper-slide h6::after { width: 40px; height: 2px; float: left; background: #c9a063; content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0px; } #certify1 .swiper-slide img { width: 94%; display: block; margin: 0 auto; } #certify1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify1 .swiper-pagination { width: 100%; bottom:-8px !important; text-align: center; } #certify1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .m_inducbg { width: 100%; height: auto; float: left; position: relative; z-index: 6; } .m_inducbg img{width: 100%;} .m_inducbg img:last-child{width: 100%; margin-top:-10px;} .m_prodbgc { width: 100%; height: auto; float: left; position: relative; z-index: 20; } .m_prods_title { width: 280px; height: auto; display: block; margin: 0 auto; } .m_pro_bt { width:280px; height: 60px; float: left; display: flex; align-items: center; justify-content: center; flex-flow:nowrap; } .m_pro_bt font { width: auto; height: 60px; float: left; font-size:50px; padding-right:10px; color: #002a66; text-align: left; line-height:54px; font-weight: bold; text-transform: uppercase; } .m_pro_bt h4 { width: 130px; height: auto; float: left; padding: 4px 0 0 0px; font-size:18px; color: #111111; text-align: left; line-height:30px; font-weight: bold; letter-spacing: 0px; } .m_pro_bt h4 b { width: 100%; height: 30px; float: left; font-size: 12px; color: #dfe1e5; text-align: left; line-height:20px; font-weight: bold; font-style: normal; letter-spacing: 1px; } .swiper-container4{width: 100%; background: #f7f8fa; overflow: hidden; } .swiper-container4 img{width: 100%; background: #d0e1e8;} .swiper-container4 h4 { width: 80%; height: 40px; float: left; margin: 0px 0 0px 5%; position: relative; text-align: left; color: #002a66; font-size: 18px; line-height: 40px; font-weight: bold; font-style: normal; } .swiper-container4 h4::after { width: 100px; height: 1px; float: left; background: #002a66; content: ''; position: absolute; left: 0%; margin-left: 0px; bottom: 0px; } .swiper-container4 h5 { width: 80%; height: 90px; float: left; margin:10px 0 20px 5%; position: relative; text-align: left; color: #333333; font-size: 16px; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .swiper-container4 h6 { width: 80px; height: 30px; float: left; position: relative; margin: 10px 0 30px 5%; text-align: left; color: #002a66; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } .swiper-container4 h6 img { float: right; width: 12px !important; margin: 12px 4px 0 0; } .swiper-container4 .swiper-pagination { width: auto!important; bottom:5px !important; text-align: right; float: right; right: 10px;} .swiper-container4 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } .swiper-container4 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: rgba(255, 255, 255,1); -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .m_demean { width: 100%; height: auto; float: left; position: relative; z-index: 20; } .m_demecon { width: 100%; float: left; position: absolute; z-index: 15; left: 0; top: 0; } .m_debg { width: 100%; float: left; position: relative; z-index: 5; } .m_debg img{width: 100%; height:420px;} .m_elegant { width: 100%; height: auto; display: block; margin: 10px auto 40px auto; } .swiper-container6 { width:80%; display: block; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 2; float: none; } .swiper-container6 .swiper-slide6 { transform: scale(0.8); position: relative; z-index: 32; } .swiper-container6 .swiper-slide6 img{ width: 100%; } .swiper-container6 .swiper-slide-active { transform: scale(1.1); } .ele_more { width: 130px; height: 30px; display: block; margin: 0 auto; } .ele_more a { width: 130px; height: 30px; float: left; margin:20px 0 40px 0; border: 1px solid #002a66; font-size: 16px; color: #002a66; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; } /*index honor */ .m_honobgc { width: 100%; height: auto; min-height: 340px; float: left; position: relative; z-index: 20; } .m_honor_title { width: 340px; height: auto; background: rgba(0,0,0,0); display: block; margin: 0 auto; } .m_honor_bt { width:340px; height: 60px; float: left; display: flex; align-items: center; justify-content: center; flex-flow:nowrap; } .m_honor_bt font { width: auto; height: 60px; float: left; font-size:50px; padding-right:10px; color: #002a66; text-align: left; line-height:54px; font-weight: bold; text-transform: uppercase; } .m_honor_bt h4 { width: 160px; height: auto; float: left; padding: 4px 0 0 0px; font-size:18px; color: #111111; text-align: left; line-height:30px; font-weight: bold; letter-spacing: 0px; } .m_honor_bt h4 b { width: 100%; height: 30px; float: left; font-size: 12px; color: #dfe1e5; text-align: left; line-height:20px; font-weight: bold; font-style: normal; letter-spacing: 1px; } .s_daily_photo { width: 100%; float: left; margin:40px 0 40px 0; } .auto11{width: 60%; max-width:350px; display: block; margin: 0 auto;} #certifyy { width: 100%; display: block; margin: 0px auto 0 auto; } #certifyy .swiper-container { padding-bottom: 20px; } #certifyy .swiper-slide { text-align: center; padding: 0% 0; font-size: 14px; position: relative; } #certifyy .swiper-slide img { width: 100%; position: absolute; } #certifyy .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; } .swiper-container7 { position: relative; width: 100%; height: 170px; float: left; overflow: hidden; } .swiper-container7 .swiper-container { padding:0; height: 170px; overflow: hidden; } .swiper-container7 .swiper-slide { height: 160px; line-height: 160px; background: #c9ccd5; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 auto; vertical-align: middle; position: relative; z-index: 67; } .swiper-container7 .swiper-slide img{ width: auto; max-height: 160px; display: block; margin: 0 auto; position: relative; z-index: 40; } .swiper-container7 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } /*about**/ .auto_58 { width:88%; float:left; position: relative; margin: 6% 0 3% 4%; padding:2% 2% 8% 2%; background: #fff; box-shadow: 1px 2px 4px rgba(0,0,0,.3); overflow: hidden;} #certify33 .swiper-container{ height:400px; overflow: hidden;} #certify33 .swiper-slide { position: relative; z-index: 1; } .sinter { width: 43px; height: 33px; display: block; margin: 0 auto; } .sinter img { width: 100%; display: block; margin: 0 auto; position: relative; z-index: 1; } #certify33 .swiper-slide .stxt { width: 100%; height: auto; background: transparent; position: relative; margin:10px 0 20px 0px; opacity: 0; } #certify33 .swiper-slide-active .stxt { width: 100%; height: auto; background: transparent; position: relative; margin:10px 0 20px 0px; opacity: 1;} .stxt .biaoti { width: 100%; height: 40px; float: left; font-size:16px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 10px 0 10px 0; overflow: hidden;} .stxt .yingwen { width: 100%; height: auto; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 20px; font-weight: normal; margin: 5px 0 10px 0; text-transform: uppercase; overflow: hidden;} .stxt .jianjie { width: 100%; height: 100px; float: left; font-size: 14px; color: #333333; text-align: left; line-height:20px; font-weight: normal; margin: 0px 0 10px 0; text-transform: uppercase; overflow: hidden; } #certify33 .swiper-slide img { max-width: 100%; display: block; margin: 0 auto; position: relative; z-index: 1; } #certify33 .swiper-pagination { width: 100%; bottom:2px !important; text-align: center; } #certify33 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify33 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_chairman { width: 100%; float: left; position: relative; z-index: 30; overflow: hidden;} .s_chaircona { width: 100%; height: 100%; float: left; position: absolute; z-index: 25; left: 0; top: 0; background: rgba(0,0,0,0); } .s_cha_bt { width: 100%; height:40px; float: left; font-size:20px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 10px 0; position: relative; } .s_cha_bt::after { width: 40px; height: 3px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_chair1 { width: 100%; float: left; position: relative; z-index: 20; } .s_man_01 { width: 100%; float: left; position: relative; z-index: 3; } .s_man_01 img { width: 100%; } .s_man_02 { width: 80%; height: 276px; float: left; position: relative; z-index: 5; float: left; margin-top: 132px; right: 0; border: 2px solid #fff; } .s_man_02 img { width: 516px; height: 276px; } .s_man_03 { width: 80%; height: auto; float: left; position: relative; z-index: 5; float: left; margin-top: -15%; margin-left: 0; background: rgba(21,109,191,.75); padding: 6%; } .s_man_03_bt { width: 100%; height: 40px; float: left; margin:0% 0 3% 0; font-size:16px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; } .s_man_03_bt font { padding: 20px 0 0 30px; font-size: 14px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; } .s_man_03_xi { width: 100%; height: 180px; float: left; font-size: 14px; color: #fff; text-align: left; line-height:20px; font-weight: normal; overflow:scroll;overflow-x:hidden;overflow-y:auto;} .s_man_04 { width: 94%; height: 380px; float: left; position: relative; z-index: 8; float: left; margin: 3% 0 3% 3%; background: rgba(2,2,2,.0); font-size: 14px; color: #333; text-align: left; line-height:20px; font-weight: normal; overflow:scroll;overflow-x:hidden;overflow-y:auto;} .s_man_04 strong { width: 100%; float: left; margin: 10px 0 0 0; font-size:16px; color: #115a9f; text-align: left; line-height:34px; font-weight: bold; } .s_chairbg { width: 100%; float: left; position: relative; z-index: 15; } .s_chairbg img { width: 100%; height:960px; } .s_times { width: 100%; float: left; position: relative; z-index: 20; overflow: hidden;} .s_timescon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); } .s_timebgc { width: 100%; height: auto; position: relative; z-index: 5; margin: 0; top: 0; float: left; overflow: hidden; } .s_timebgc img { width: 100%; } .s_times_bt { width: 100%; height: 60px; float: left; font-size:20px; color: #fff; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 10px 0; position: relative; } .s_times_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_history { width: 100%; height: auto; position: relative; float: left; margin: 0px 0 10px 0; background: rgba(0,0,0,0); } #certify4 { position: relative; width: 100%; height: 340px; float: left; } #certify4 .swiper-container { padding: 0px; position: relative; background: url(/mobile/images/aline.jpg) repeat-x left 50px; overflow: hidden; } #certify4 .swiper-slide { height: 240px !important; background: transparent; margin: 0px 0 0 0px !important; padding: 0px; text-align: center; transform: scale(1); transition: all ease-in .35s; position: relative; z-index: 8; } #certify4 .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-tap-highlight-color: transparent; outline: none; transition: all ease-in .35s; margin: 0px 0px 0 0px !important; transform: scale(1); background: transparent; position: relative; z-index: 8; } .swiper-slide .cert_img { width: 100%; height: 50px; float: left; background: rgba(0,0,0,0); position: relative; z-index: 3; } .swiper-slide .cert_img img { width: 24px !important; display: block; opacity: 0; margin: 5px auto 20px auto; } .swiper-slide .cert_img .span1::after { width: 6px; height: 6px; float: left; position: absolute; z-index: 0; left: 0px; top: 0px; margin: 3px 0 0 3px; background: #1668be; border-radius: 50px; content: ''; } .swiper-slide .cert_img .span1 { width: 12px; height: 12px; float: left; position: absolute; z-index: 2; left: 50%; margin-left: -7px; bottom: -8px; background: #1668be; border-radius: 50px; border: 1px solid #80b4e5; } .swiper-slide .cert_times { width: 100%; height:30px; margin: 10px 0 10px 0; float: left; position: relative; z-index: 3; font-size:14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; } .swiper-slide .cert_wenan { width: 100%; height: 180px; opacity: 0; margin: 0px 0 10px 0; float: left; position: relative; z-index: 3; font-size: 14px; color: #fff; text-align: left; line-height:20px; font-weight: normal; } .swiper-slide-active .cert_img { width: 100%; height: 50px; float: left; background: rgba(0,0,0,0); position: relative; z-index: 3; } .swiper-slide-active .cert_img .span1::after { width: 6px; height: 6px; float: left; position: absolute; z-index: 0; left: 0px; top: 0px; margin: 3px 0 0 3px; background: #fff; border-radius: 50px; content: ''; } .swiper-slide-active .cert_img .span1 { width: 12px; height: 12px; float: left; position: absolute; z-index: 2; left: 50%; margin-left: -7px; bottom: -8px; background: #1a60a3; border-radius: 50px; border: 1px solid #fff; } .swiper-slide-active .cert_img img { width: 24px !important; display: block; opacity: 1; margin: 5px auto 20px auto; } .swiper-slide-active .cert_times { width: 100%; height: 30px; margin:10px 0 10px 0; float: left; position: relative; z-index: 3; font-size: 24px; color: #fff; text-align: center; line-height: 30px; font-weight: bold; } .swiper-slide-active .cert_wenan { width:150%; height: 140px; opacity: 1; margin: 0px 0 0px 0px; float: left; position: absolute; left: 50%; margin-left:-75%; bottom: 0px; z-index: 3; font-size: 14px; color: #fff; text-align: left; line-height:20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden;} .s_honors { width: 100%; height: auto; position: relative; float: left; margin: 20px 0 10px 0; background: rgba(0,0,0,0); } .s_hosts_bt { width: 100%; height: 60px; float: left; font-size:20px; color: #333; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 0px 0; position: relative; } .s_hosts_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_honocon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); } .s_honobgc { width: 100%; height: auto; position: relative; z-index: 5; margin: 0; top: 0; float: left; overflow: hidden; } .s_honobgc img { width: 100%; } .honos { width: 60%; float: none; margin: 0px auto 20px auto; } #certify5 { position: relative; width: 100%; display: block; margin: 0px 0px 60px 0px; position: relative; } #certify5 .swiper-container { padding: 0; width: 100%; overflow: hidden; } #certify5 .swiper-slide { width: 100%; padding: 0px; text-align: center; overflow: hidden; } #certify5 .swiper-slide p { width: 100%; height:26px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 26px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } #certify5 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify5 .swiper-pagination { width: 100%; bottom:-20px !important; text-align: center; } #certify5 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify5 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_platbox { width: 100%; height: auto; position: relative; float: left; margin: 20px 0 10px 0; background: rgba(0,0,0,0); } .s_plat_bt { width: 100%; height: 60px; float: left; font-size:20px; color: #333; text-align: center; line-height: 60px; font-weight: bold; margin: 0px 0 0px 0; position: relative; } .s_plat_bt::after { width: 50px; height: 4px; background: #80b4e5; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_platcon { width: 100%; height: 100%; float: left; position: absolute; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0); } .s_platbgc { width: 100%; height: auto; position: relative; z-index: 5; margin: 0; top: 0; float: left; overflow: hidden; } .s_platbgc img { width: 100%; } .s_social { width: 100%; height: auto; position: relative; float: left; margin: 10px 0 0px 0; background: rgba(0,0,0,0); } #certify6 { position: relative; width: 92%; float: left; margin: 0px 0px 50px 4%; position: relative; } #certify6 .swiper-container { padding: 0; overflow: hidden; } #certify6 .swiper-slide { height: 30px; font-size: 14px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 0px; overflow: hidden; } #certify6 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify6 .swiper-pagination { width: 100%; bottom:-40px !important; text-align: center; } #certify6 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #0c3986; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify6 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #0c3986; background-color: #0c3986; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /**/ .s_corpor{ width:100%; float: left; margin: 3% 0 0 0;} .auto_66 { width:88%; float:left; position: relative; margin: 6% 0 3% 4%; padding:2% 2% 8% 2%; background: #fff; box-shadow: 1px 2px 4px rgba(0,0,0,.3); overflow: hidden;} #certify7 .swiper-container { position: relative; z-index: 1; height:330px!important; overflow:hidden;} #certify7 .swiper-slide { position: relative; z-index: 1; height:320px!important;} #certify7 img { max-width: 100%; height:40px; display: block; margin: 40px auto 10px auto; } #certify7 .biaoti { width: 100%; height: 40px; float: left; font-size: 20px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 10px 0 0px 0; } #certify7 .yingwen { width: 100%; height: 40px; float: left; font-size: 14px; color: #666666; text-align: center; line-height: 20px; font-weight: normal; margin: 0px 0 10px 0; text-transform: uppercase; } #certify7 .jianjie { width: 100%; height:60px; float: left; font-size: 14px; color: #333333; text-align: center; line-height:20px; font-weight: normal; margin:10px 0 0px 0; text-transform: uppercase; overflow: hidden; } #certify7 .shuzi { width: 100%; height: 40px; float: left; font-family: Arial; font-size: 26px; color: #ccdaf0; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 0px 0; } #certify7 .swiper-pagination { width: 100%; bottom:2px !important; text-align: center; } #certify7 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify7 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_corpmore { width: 120px; height: auto; display: block; margin: 0 auto; } .s_corpmore a { width: 100%; height: 30px; float: left; margin: 20px 0 10px 0; background: #fff; border: 1px solid #002a66; font-size: 16px; color: #002a66; text-align: center; line-height: 30px; font-weight: normal; } .s_videos { width: 100%; height: auto; float: left; margin: 4% 0 3% 0; } .svbg { width: 100%; float: left; } .svTitle { width: 100%; height: 48px; background: rgba(125,458,122,0); float: right; position: relative; border-bottom: 1px solid #bccce7; } .svTitle h3 { width: auto; height: 46px; float: left; font-size:20px; color: #333; text-align: left; line-height: 40px; font-weight: bold; margin: 0px 0 0px 3%; position: relative; } .svTitle h3::after { width: 50px; height: 4px; background: #1a60a3; float: left; position: absolute; left: 0%; margin-left: 0px; bottom: -2px; content: ''; } .svTitle ul { height: 46px; float: right; display: inline; margin-right: 3%;} .svTitle ul li { height: 46px; padding: 0px 10px; float: left; background: #fff; font-size: 14px; color: #222; text-align: center; line-height: 46px; font-weight: normal; border-bottom: 2px solid transparent; } .svTitle ul li.active { height: 46px; padding: 0px 10px; float: left; background: #fff; font-size: 14px; color: #1a60a3; text-align: center; line-height: 46px; font-weight: bold; border-bottom: 2px solid #1a60a3; } .svContent { width: 100%; background: rgba(222,222,122,0); float: left; } .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; } .m_videos .shipins:nth-child(1) { position: relative; } .s_viframe { width: 100%; height:auto; 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_viframe iframe img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; } .video_bt { width: 94%; height: 40px; float: left; margin: 1% 0 1% 2%; font-size: 14px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; } .video_bt .vwen { width:70%; height: 40px; float: left; font-size: 15px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .video_bt font { float: right; font-size: 14px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; cursor: pointer; } .video_xx { width: 96%; height: 40px; float: left; margin: 0% 0 4% 2%; font-size: 14px; color: #666; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } .sz_vbox{width: 94%; float:left; margin: 4% 0 4% 3%; border-bottom: 1px solid #dddddd; position: relative; overflow: hidden; } #certifv1 { position: relative; width: 100%; display: block; margin: 0px 0px 10px 0px; position: relative; } #certifv1 .swiper-container { padding: 0; width: 100%; overflow: hidden; } #certifv1 .swiper-slide { height: 310px; padding: 0px; position: relative; overflow: hidden; } #certifv1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifv1 .swiper-pagination { width: 100%; bottom:90px !important; text-align: center; } #certifv1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifv1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } #certifv2 { position: relative; width: 100%; display: block; margin: 0px 0px 10px 0px; position: relative; } #certifv2 .swiper-container { padding: 0; width: 100%; overflow: hidden; } #certifv2 .swiper-slide { height: 310px; padding: 0px; position: relative; overflow: hidden; } .sz_vbox{width: 94%; float:left; margin: 4% 0 4% 3%; border-bottom: 1px solid #dddddd; position: relative; overflow: hidden; } #certifv2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifv2 .swiper-pagination { width: 100%; bottom:90px !important; text-align: center; } #certifv2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifv2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .sz_vbox{width: 94%; float:left; margin: 4% 0 4% 3%; border-bottom: 1px solid #dddddd; position: relative; overflow: hidden; } #certifv3 { position: relative; width: 100%; display: block; margin: 0px 0px 10px 0px; position: relative; } #certifv3 .swiper-container { padding: 0; width: 100%; overflow: hidden; } #certifv3 .swiper-slide { width: 100%; padding: 0px; position: relative; overflow: hidden; } #certifv3 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifv3 .swiper-pagination { width: 100%; bottom:90px !important; text-align: center; } #certifv3 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifv3 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .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: 78%; height:240px; background: #fff; float: left; position: relative; left: 50%; margin: 35% 0 0 -40%; } .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: -16px; } /* video */ .s_listbg { width: 100%; float: left; margin:0px 0 0px 0; padding: 0 0 0% 0; background: #f7f8fa; } /*视频列表 listing*/ .spbox_line { position: relative; height:40px; border-bottom: 1px solid #f7f8fc; } .spbox { width: 100%; height: 40px; margin: 0px auto 0 auto; } .spbox ul { padding: 0; margin: 0 auto; width: 100%; display: block; margin-left: 0px; /*border-bottom: 2px solid #eee;*/ } .spbox ul li { width: 33.33%; text-align: left; height: 40px; margin: 0 0px 1% 0; line-height: 40px; float: left; text-align: center; position: relative; } .spbox ul li a { display: block; font-size: 14px; color: #333; text-decoration: none; } .spbox ul li a font { display: inline-block; margin: 0 auto; font-size: 14px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; } .spbox ul li a img.simg1 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } .spbox ul li a img.simg2 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .spbox ul li a:hover { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; background: url(/mobile/images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; } .spbox ul li a:hover font { display: inline-block; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .spbox ul li a:hover img.simg1 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .spbox ul li a:hover img.simg2 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } .spbox ul li a.active { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; background: url(/mobile/images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; } .spbox ul li a.active font { display: inline-block; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .spbox ul li a.active img.simg1 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .spbox ul li a.active img.simg2 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } .fish_bg { width: 100%; float: left; height: auto; background: #f7f8fa url(/mobile/images/cbbgcs.jpg) no-repeat center bottom; background-size: cover; } .fish_line { position: relative; height:41px; border-bottom: 1px solid transparent; margin-bottom: 10px;} .cultbox { width: 100%; height: 40px; margin: 0px auto 0 auto; } .cultbox ul { padding: 0; margin: 0 auto; width: 100%; display: block; margin-left: 0px; /*border-bottom: 2px solid #eee;*/ } .cultbox ul li { width:50%; text-align: left; height: 40px; margin: 0 0px 1% 0; line-height: 40px; float: left; text-align: center; position: relative; } .cultbox ul li a { display: block; font-size: 14px; color: #333; text-decoration: none; } .cultbox ul li a font { display: inline-block; margin: 0 auto; font-size: 14px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; } .cultbox ul li a img.simg1 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } .cultbox ul li a img.simg2 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .cultbox ul li a:hover { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; background: url(/mobile/images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; } .cultbox ul li a:hover font { display: inline-block; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .cultbox ul li a:hover img.simg1 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .cultbox ul li a:hover img.simg2 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } .cultbox ul li a.active { width: 100%; height: 40px; float: left; margin: 0 0 1% 0; background: url(/mobile/images/zxing.jpg) repeat-x left bottom; box-shadow: 0 10px 5px -5px rgba(0,43,102,.3); text-align: center; } .cultbox ul li a.active font { display: inline-block; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; } .cultbox ul li a.active img.simg1 { width: 24px; display: none; margin: 0 auto; vertical-align: middle; } .cultbox ul li a.active img.simg2 { width: 24px; display: inline-block; margin: 0 auto; vertical-align: middle; } /*culture*/ .m_xqlunbo { width: 100%; height: auto; min-height: 560px; float: left; margin: 10px 0 20px 0; background: url(/mobile/images/cbbgcs.jpg) no-repeat center bottom; background-size: cover; } .auto_cult { width:88%; float:left; position: relative; margin: 6% 0 0% 4%; } #certify11 .swiper-container{ margin-bottom: 8%; overflow: hidden;} #certify11 .swiper-slide { background: #fff; position: relative; z-index: 1; } #certify11 .swiper-slide .imtxt { width: 94%; height: auto; background: rgba(251,125,34,0); float: left; margin:1% 0 0 3%; } #certify11 .swiper-slide .imtxt .vwen { width: 100%; height: 40px; float: left; font-size:18px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; overflow:hidden} #certify11 .swiper-slide .imtxt .itmes { width: 100%; height: 20px; float: left; font-size: 12px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; cursor: pointer; padding-bottom: 2%; border-bottom: 1px solid #c9ccd5; } #certify11 .swiper-slide .imtxt .imt_xx { width: 100%; height: 84px; float: left; margin: 3% 0 6% 0%; font-size: 14px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } #certify11 .swiper-slide .imtxt h6 { width: 80px; height: 30px; float: right; position: relative; margin: 10px 0 20px 0; text-align: left; color: #002a66; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } #certify11 .swiper-slide .imtxt h6 img { float: right; width: 12px !important; margin: 12px 4px 0 0!important; } #certify11 .swiper-slide img { max-width: 94%; display: block; margin:3%; position: relative; z-index: 1; } #certify11 .swiper-pagination { width: 100%; bottom:-10px !important; text-align: center; } #certify11 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify11 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_culbg{width: 100%; float: left; background: #fff; } .s_culists { width: 100%; height: auto; float: left; margin: 4% 0 3% 0; } .s_culists dl { width: 100%; height: auto; float: left; margin: 0; display: flex; align-items: flex-start; text-align: left; flex-flow: column; } .s_culists dl dd { width: 94%; height: auto; float: left; margin: 1% 0 2% 3%; background:#fff; box-shadow: 0px 4px 6px rgba(0,42,102,.1); position: relative; transition: all ease-in .4s; } .s_culists dl dd img{width: 150px; float: left; margin: 2% 0 2% 2%; } .s_culists dl dd .s_cbgc1 { width: 50%; height: auto; position: relative; margin: 2% 0 2% 2%; float: left; } .s_cbgc1 h3{width: 100%; height:20px; float:left; font-size: 16px; color: #333; line-height: 20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } .s_cbgc1 h4{width: 100%; height:20px; float:left; margin:0px 0 0px 0; font-size: 12px; color: #999; line-height: 20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } .s_cbgc1 h5{width: 100%; height:60px; float:left; font-size: 14px; color: #666; line-height:20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } /*f7f8fc*/ .s_cusobg{width: 100%; float: left; background: #f7f8fc; } .s_culshow{width: 90%; float:left; margin: 3% 0 3% 3%; background: #fff; padding:2%;} .s_culshow .show_bt { width: 100%; float: left; margin: 0 0 1% 0; font-size:18px; color: #222222; text-align: left; line-height: 30px; font-weight: bold; } .s_culshow .show_times { width: 100%; height: auto; float: left; font-size: 12px; color: #111; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; cursor: pointer; padding-bottom: 2%; border-bottom: 1px solid #c9ccd5; } .s_culshow .show_navi { float: right; font-size: 12px; color: #111; text-align: left; line-height: 20px; font-weight: normal; } .s_culshow .show_navi a { color: #111; } .s_culshow .show_navi em { color: #011e60; font-weight: normal; } .s_culshow .show_xx { width:100%; height: auto; float: left; margin: 2% 0 2% 0%; font-size: 14px; color: #666666; text-align: left; line-height: 28px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } .s_culshow strong { color: #111; font-weight: bold; } .s_culshow img { max-width: 100%; display: block; margin: 0 auto; } .s_recbgc { width: 100%; float: left; margin: 0; padding: 4% 0; background: #fff; } .s_recbgc ul { width: 100%; float: left; padding: 1% 0; } .s_recbgc ul li { width:94%; height: auto; float: left; background: #fff; border: none; box-shadow: 0 1px 20px rgba(34,34,34,0); padding:0%; margin: 2% 1% 1% 3%; transition: all .2s; } .s_recbgc ul li img.emg1 { width:54px; height: auto; float: left; margin:2% 0; border: 1px solid #c9a063; border-radius: 50%; display: block; } .s_recbgc ul li:hover { width:94%; height: auto; float: left; background: #fff; border: none; box-shadow: 0 1px 20px rgba(34,34,34,0); padding:0%; margin: 2% 1% 1% 3%; transition: all .2s; } .s_recbgc ul li .emg_bt { width: 72%; height: auto; float: left; margin: 2% 0% 2% 2%; padding: 0 3% 0 4%; position: relative; } .emg_bt::after { width: 1px; height: 50px; float: left; background: #dddddd; content: ''; position: absolute; left: 0; top: 0px; } .emg_1 { width: 100%; height: 30px; float: left; margin: 0px 0 0 0; font-size: 12px; color: #222222; line-height:20px; font-weight: normal; } .emg_1_zhong { width:120px; height:30px; margin: -5px 0 0 0; float: left; font-size:14px; color: #222222; line-height:30px; font-weight: bold; position: relative; } .emg_1_zhong::after { width: 31px; height: 1px; float: left; background: #dddddd; content: ''; position: absolute; right: 20px; top: 15px; } .emg_ying { width: 100%; height: auto; float: left; float: left; font-size: 12px; color: #222222; line-height: 20px; font-weight: normal; text-transform: uppercase; } .s_talentbg { width: 100%; float: left; background: #f7f8fa url(../images/handshake.jpg) no-repeat center bottom; background-size: cover; } .s_talentbg ul { width: 84%; float: left; margin:4% 0 6% 8%;text-align: center; } .s_talentbg ul li { width: 100%; height: auto; float: left; background: #fff; border: none; box-shadow: 0 5px 20px rgba(34,34,34,0); padding: 0% 0%; margin: 2% 0% 1% 0; transition: all .2s; } .s_talentbg ul li .talent_imgbg { width:80%; max-width:400px; float: left; margin:10% 0 4% 10%; border-bottom: 1px solid #fff; position: relative; } .talent_imgbg::after { width: 60px; height: 2px; float: left; background: #c9a063; content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: -6px; } .talent_imgbg img { width: 50px; display: block; margin: 0 auto; } .s_talentbg ul li .talent_bt { width:80%; max-width: 300px; float: left; margin: 3% 0 2% 10%; font-size: 18px; color: #222; line-height: 40px; text-align: center; font-weight: bold; position: relative; } .s_talentbg ul li .talent_xx { width:80%; max-width: 300px; height: 60px; float: left; margin: 1% 0 2% 10%; font-size: 14px; color: #222222; line-height: 30px; font-weight: normal; text-transform: uppercase; } /*news*/ .s_newbg{width: 100%; float: left; background: #fff; } .s_newss { width: 100%; height: auto; float: left; margin: 4% 0 3% 0; } .s_newss dl { width: 100%; height: auto; float: left; margin: 0; display: flex; align-items: flex-start; text-align: left; flex-flow: column; } .s_newss dl dd { width: 94%; height: auto; float: left; margin: 1% 0 2% 3%; border-bottom: 1px dashed #eeeeee; position: relative; transition: all ease-in .4s; } .s_newss dl dd img{width: 150px; float: left; margin: 2% 0 2% 2%; } .s_newss dl dd .s_ncon1 { width: 50%; height: auto; position: relative; margin: 2% 0 2% 2%; float: left; } .s_ncon1 h3{width: 100%; height:20px; float:left; font-size: 16px; color: #333; line-height: 20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } .s_ncon1 h4{width: 100%; height:20px; float:left; margin:0px 0 0px 0; font-size: 12px; color: #999; line-height: 20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } .s_ncon1 h5{width: 100%; height:60px; float:left; font-size: 14px; color: #666; line-height:20px; font-weight: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; } /*fanye*/ .s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; } .s_fan1 ul { width: 100%; height: auto; float: left; } .s_fan1 ul li { width: 100%; height: auto; margin: 10px 0 0px 0; float: left; font-size: 14px; color: #111; line-height: 20px; font-weight: normal; } .s_fan1 ul li a { font-size: 14px; color: #111; line-height: 20px; font-weight: normal; } .s_fan1 ul li font { padding-right: 10px; font-size: 14px; color: #111; line-height: 20px; font-weight: normal; } .s_fan1 ul li a:hover { color: #002a66; } .s_fenye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; } ul.pl1-b { PADDING: 3px; MARGIN: 3px; TEXT-ALIGN: center; } ul.pl1-b li.pl1-b1 { display: inline-block; margin:3px 4px; } ul.pl1-b li.pl1-b1 span { font-family: Arial; font-size: 12px; COLOR: #666; TEXT-DECORATION: none; text-align: center; color: #666; padding: 4px 8px; BORDER: #ddd 1px solid; background: #fff; } ul.pl1-b li.pl1-b1 A { font-family: Arial; font-size: 12px; color: #666; TEXT-DECORATION: none; text-align: center; padding: 4px 8px; BORDER: #ddd 1px solid; background: #fff; } ul.pl1-b li.pl1-b1 A:hover { font-family: Arial; font-size: 12px; color: #fff; border: #002a66 1px solid; BACKGROUND-COLOR: #002a66; } ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 12px; color: #fff; } ul.pl1-b li.pl1-b1.on1 span { background: none; border: none; color: #fff; border: #002a66 1px solid; BACKGROUND-COLOR: #002a66; } ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 12px; color: #fff; } ul.pl1-b li.pl1-b1 SPAN.current { FONT-WEIGHT: bold; font-family: Arial; font-size: 12px; COLOR: #fff; BORDER: #002a66 1px solid; BACKGROUND-COLOR: #002a66; } ul.pl1-b li.pl1-b1 SPAN.disabled { font-family: Arial; font-size: 12px; COLOR: #fff; } /*本钱合作 capital cooperation*/ .s_fra_bt { width: 100%; height: 50px; float: left; font-size:20px; color: #111; text-align: center; line-height: 50px; font-weight: bold; margin: 0px 0 10px 0; position: relative; } .s_fra_bt::after { width: 40px; height: 3px; background: #111; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; } .s_capitbox{width: calc(100% - 20px); float:right; background-color: rgba(12,52,105,0); position:relative; z-index:20;} .s_capitbg{width:100%; float:left; position:relative; z-index:5; margin-bottom:48%;} .s_capitbg img{width:100%;} .s_capitcon{width:100%; float:left; position:absolute; z-index:15; left:0; top:0; } .s_capit_logo{width:60%; height:auto; float:right; margin:12% 6% 4% 0; padding:2% 5%; background:rgba(255,255,255,.4);} .s_capit_logo img{width:100%;} /*cooper*/ .s_capilist{width:calc(100% - 20px); float: left; margin: 4% 0 6% 0;} .swiper-container5{width: 100%; margin:2%; } .swiper-container5 .swiper-wrapper{width: 100%; height:280px; } .swiper-container5 .swiper-slide{background: #fff; box-shadow:3px 10px 10px 0 rgba(34,34,34,.1);} .swiper-container5 .swiper-pagination { width: 100%; bottom:-35px !important; text-align: center; } .swiper-container5 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #0c3986; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } .swiper-container5 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #0c3986; background-color: #0c3986; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .cap_line{width:300px; height:1px; float:left; background:#c9a063; position:relative;margin:40px 0 30px 0; } .cap_line::after{width:80px; height:20px; float:left; background:#c9a063; content:''; position:absolute; left:0; top:0; margin-top:-8px; } .captext{width:90%; float:left; margin:0 0 4% 5%; font-size: 14px; color: #333333; text-align: left; line-height:20px; font-weight: normal; } .captext h5{width:100%; float:left; margin:0 0 10px 0; font-size:16px; color:#c9a063; text-align:left; line-height:30px; font-weight:normal; } /*餐饮加盟 catering franchise*/ .s_cyin_bt{ width: 100%; height: 50px; float: left; font-size:20px; color: #111; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 10px 0; position: relative; } .s_cyin_bt::after { width:40px; height: 3px; background: #1b2a52; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_ftalist{width:100%; float:left; margin:0;} .s_ftalist dl {width:100%; float:left; margin:0; } .s_ftalist dl dd{width:40%; height:auto; background:#fff; float:left; margin:1% 1% 4% 4%; padding:2%; background:#fff; box-shadow:0 4px 10px rgba(34,34,34,.1); position:relative; } .s_ftalist dl dd img{width:100%; display:block; margin:0 auto;} .s_ftalist dl dd .s_fra_biaoti{ width: 100%; height:auto; float: left; margin:3% 0 1% 0; position:relative; transition:all 2s;} .s_ftalist dl dd .s_fra_biaoti h4{width:100%; height:40px; float:left; font-size:18px; color: #002a66; text-align:center; line-height:40px; font-weight: bold; transition:all 2s; } .s_ftalist dl dd .s_fra_biaoti h5{ width: 100%; height: 30px; float:left; font-size:12px; color: #002a66; text-align: center; line-height:15px; font-weight: normal; text-transform:uppercase; transition:all 2s;} .s_ftalist dl dd .s_fra_more{ width:60%; height: 24px; float: right; margin:3% 20% 4% 0; font-size:14px; color: #002a66; text-align: center; line-height: 24px; font-weight: normal; border:1px solid #002a66; } .s_franchbox{width:100%; float:left; position:relative; z-index:20; } .s_franchbg{width:100%; float:left; position:relative; z-index:5; margin-bottom:0%;} .s_franchbg img{width:100%;} .s_franchcon{width:100%; float:left; position:absolute; z-index:15; left:0; top:0; } /*品牌共赢 win win brand*/ .s_brandbox{width:100%; float:left; position:relative; z-index:20; } .s_brandbg{width:100%; float:left; position:relative; z-index:5; margin-bottom:0%;} .s_brandbg img{width:100%; } .s_brandcon{width:100%; float:left; position:absolute; z-index:15; left:0; top:0; } .auto_pin { width:100%; float:left; position: relative; margin:4% 0 3% 0%; overflow: hidden;} #certify44 .swiper-container{ margin-bottom: 10%; } #certify44 .swiper-slide{ transform:scale(0.9); padding:3% 0; opacity: .8; background: #fff; position: relative; z-index: 1; } #certify44 .swipebg{ opacity: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; z-index: 6; left:0; top:0; } #certify44 .swiper-slide-active, .swiper-slide-duplicate-active { padding:3% 0; opacity: 1; transform:scale(1); -webkit-tap-highlight-color: transparent; outline: none; } #certify44 .swiper-slide-active .swipebg, .swiper-slide-duplicate-active .swipebg{opacity: 0;} #certify44 .swiper-slide img { max-width:94%; display: block; margin:0% auto 3% 3%; position: relative; z-index: 1; } #certify44 .swiper-slide h4{width:94%; height:40px; float:left; margin:3% 0 0 3%; font-size:16px; color: #222222; text-align:center; line-height:20px; font-weight: bold; overflow: hidden; } #certify44 .swiper-slide h5{ width: 94%; height:80px; margin-left: 3%; float:left; font-size:12px; color: #222222; text-align: center; line-height:20px; font-weight: normal; text-transform:uppercase; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; } #certify44 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify44 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify44 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*prod*/ .s_prods { width: 100%; height: auto; float: left; margin: 1% 0 3% 0; } .s_prods dl { width: 94%; height: auto; float: left; margin:3% 0% 1% 3%; } .s_prods dl dd { width: 100%; height: auto; float: left; margin:2% 0% 1% 0; position: relative; transition: all ease .4s; overflow: hidden; } .s_prods dl dd img { width: 100%; float: left; background: #faf8f5; position: relative; z-index:1; } .s_prods dl dd .probt { width: 100%; height:40px; float: left; margin: 0; font-size: 14px; color: #fff; background: #c9a063; text-align: center; line-height:40px; font-weight: bold; position: relative; z-index: 5; left:0; bottom: 0; text-overflow: ellipsis; overflow: hidden; } .s_listbg { width: 100%; float: left; margin: -3px 0 0px 0; padding: 0 0 0% 0; background: #f7f8fa; } .s_potbg { width: 100%; float: left; margin:0px 0 0px 0; padding: 0 0 0% 0; background: #fff; } .s_pshows1{width:100%; float:left; margin:6% 0 4% 0;} .s_pshows1_img{width:94%; float:left; margin:0;} .s_pshows1_img img{width:100%; display: block; margin: 0 auto;} .s_pshows1_txt { width: 94%; height: auto; float: left; margin:1% 0 3% 3%; font-size: 14px; color: #222; text-align: justify; line-height: 26px; font-weight: normal; text-transform: uppercase; } .s_pshows1_txt h4{width:100%; float:left; font-size:18px; color: #333333; text-align: left; line-height:30px; font-weight: bold; } .s_pshows1_txt h5{ width: 100%; height: auto; float:left; font-size: 13px; color: #333333; text-align: left; line-height: 28px; font-weight: normal; margin:0 0 2% 0; } .s_pshows2 { width: 100%; height: auto; float: left; margin:0% 0 0% 0; } .s_pshows2 img{width:100%; display: block; margin: 0 auto;} /*1种业 seed industry*/ .s_indubg{width:100%; height:auto!important; min-height:550px; background: url(/mobile/images/bgcs2.jpg) no-repeat left top; background-size:100% 90%; float:left; position:relative; z-index:22; } .s_indus_txt{width:92%; margin: 4% 0 3% 4%; float:left; position:relative; z-index:6; font-size: 14px; color: #fff; text-align: left; line-height:26px; font-weight: normal; } .s_indus_img{width: 96%; float: right; margin: 0;} .s_indus_img img{width:100%; float:left; } /*龙8集团育种中心*/ .s_jtuabg{width:100%; float:left; position:relative; z-index:22; background: #fff; overflow:hidden;} .s_jtua_bt { width: 100%; height:50px; float: left; font-size:20px; color: #111; text-align: center; line-height:50px; font-weight: bold; margin: 0px 0 20px 0; position: relative; } .s_jtua_bt::after { width: 40px; height: 3px; background: #115a9f; float: left; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: ''; } .s_yuz_img{width:91.5%; float:left; margin:3% 0 3% 3.5%;} .s_yuz_img img{width:100%; } .s_yuz_txt{width:92%; height:auto; float:left; margin:3% 0 1% 3.5%; font-size:14px; color:#222; text-align:justify; line-height:26px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; } .s_yuz_lunbo{width:92%; height:auto; float:left; margin:10px 0 8% 3.2%;} #certify21 { position: relative; width: 100%; display: block; margin: 0px 0px 30px 0px; position: relative; } #certify21 .swiper-container { padding: 0; overflow: hidden; } #certify21 .swiper-slide { width:31%; padding: 0px; text-align: center; overflow: hidden; } #certify21 .swiper-slide img{width: 100%;} #certify21 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify21 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify21 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify21 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_jt_line{width:100%; float:left; margin:10px 0;} .s_jt_line img{width:100%;} .s_jt_lunbo{width:100%; height:auto; padding:3% 0 6% 0; background:#f7f8fa; float:left; position:relative; z-index:22; overflow:hidden; } .s_plbo1{width: 90%; float: left; margin: 4% 0 4% 5%;} #certify12 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; } #certify12 .swiper-container { width:100%; box-shadow:-5px 5px 15px rgba(1,32,103,.2); overflow: hidden; } #certify12 .swiper-slide { width: 94%!important; background:#fff; padding:3%!important; overflow: hidden; } #certify12 .swiper-slide img{max-width:100%; float:left; position:relative; z-index:4;} #certify12 .swiper-slide .bobg{width:100%; float:right; position:relative; z-index:6; top:0px; right:0px; margin:-20px 0 0 0;} #certify12 .swiper-slide .bobg img{width:100%; position:relative; z-index:1;} #certify12 .swiper-slide .bobg .bo_txt{width:84%; height:120px; position:absolute; z-index:3; top:18%; right:9%; margin:0; float:right; font-size:14px; color:#222; text-align:justify; line-height:20px; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; font-weight:normal; text-overflow:ellipsis; overflow:hidden; } #certify12 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify12 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify12 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify12 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_plbo2{width: 90%; float: left; margin: 4% 0 4% 5%;} #certify13 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; } #certify13 .swiper-container { width:100%; box-shadow:-5px 5px 15px rgba(1,32,103,.2); overflow: hidden; } #certify13 .swiper-slide { width: 94%!important; background:#fff; padding:3%!important; overflow: hidden; } #certify13 .swiper-slide img{max-width:100%; float:left; position:relative; z-index:4;} #certify13 .swiper-slide .bobg{width:100%; float:right; position:relative; z-index:6; top:0px; right:0px; margin:-20px 0 0 0;} #certify13 .swiper-slide .bobg img{width:100%; position:relative; z-index:1;} #certify13 .swiper-slide .bobg .bo_txt{width:84%; height:120px; position:absolute; z-index:3; top:18%; right:9%; margin:0; float:right; font-size:14px; color:#222; text-align:justify; line-height:20px; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; font-weight:normal; text-overflow:ellipsis; overflow:hidden; } #certify13 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify13 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify13 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify13 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_plbo4{width: 90%; float: left; margin: 4% 0 4% 5%;} #certify14 { position: relative; width: 100%; display: block; margin: 0px 0px 0px 0px; position: relative; } #certify14 .swiper-container { width:100%; box-shadow:-5px 5px 15px rgba(1,32,103,.2); overflow: hidden; } #certify14 .swiper-slide { width: 94%!important; background:#fff; padding:3%!important; overflow: hidden; } #certify14 .swiper-slide img{max-width:100%; float:left; position:relative; z-index:4;} #certify14 .swiper-slide .bobg{width:100%; float:right; position:relative; z-index:6; top:0px; right:0px; margin:-20px 0 0 0;} #certify14 .swiper-slide .bobg img{width:100%; position:relative; z-index:1;} #certify14 .swiper-slide .bobg .bo_txt{width:84%; height:120px; position:absolute; z-index:3; top:18%; right:9%; margin:0; float:right; font-size:14px; color:#222; text-align:justify; line-height:20px; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; font-weight:normal; text-overflow:ellipsis; overflow:hidden; } #certify14 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify14 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify14 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify14 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*2养殖 breed*/ .s_breed_bg{width:100%; height:auto; float:left; background:#fff url(../images/breed_tus.jpg) no-repeat right top; background-size:100% ; } #certify9 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certify9 .swiper-container { padding: 0; overflow: hidden; } #certify9 .swiper-slide { background:#f7f8fa; border-bottom:10px solid #1a6ebf; padding: 0px; text-align: center; } #certify9 .swiper-slide a { width: 100%; height: auto; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } #certify9 .swiper-slide .bre_bt { width: 90%; height:40px; float: left; font-size:16px; color: #222; text-align: left; line-height: 40px; font-weight: bold; margin:10px 0 10px 5%; position: relative; } #certify9 .swiper-slide .bre_bt::after { width:40px; height:3px; background: #1a6ebf; float: left; position: absolute; left: 0px; bottom: 0; content: ''; } #certify9 .swiper-slide .bre_con { width: 90%; height:80px; float: left; font-size:14px; color: #222; text-align: left; line-height:20px; font-weight: normal; margin:10px 0 10px 4%; position: relative; text-overflow:ellipsis; overflow:hidden; } #certify9 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify9 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify9 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify9 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } #certify10 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certify10 .swiper-container { padding: 0; overflow: hidden; } #certify10 .swiper-slide { background:#f7f8fa; border-bottom:10px solid #1a6ebf; padding: 0px; text-align: center; } #certify10 .swiper-slide a { width: 100%; height: auto; float: left; font-size: 16px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } #certify10 .swiper-slide .bre_bt { width: 90%; height:40px; float: left; font-size:16px; color: #222; text-align: left; line-height: 40px; font-weight: bold; margin:10px 0 10px 5%; position: relative; } #certify10 .swiper-slide .bre_bt::after { width:40px; height:3px; background: #1a6ebf; float: left; position: absolute; left: 0px; bottom: 0; content: ''; } #certify10 .swiper-slide .bre_con { width: 90%; height:80px; float: left; font-size:14px; color: #222; text-align: left; line-height:20px; font-weight: normal; margin:10px 0 10px 4%; position: relative; text-overflow:ellipsis; overflow:hidden; } #certify10 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify10 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify10 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify10 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_breed_txt{width:92%; float:left; margin:4% 0 2% 4%; font-size:14px; color: #222; text-align: left; line-height:26px!important; font-weight: normal; } .s_breed_txt strong {display:block; margin:0 auto; font-size:18px; color: #222; text-align: left; line-height:30px; font-weight: bold; } /*重要养殖种类 main breed*/ .s_main_bg{width:100%; height:auto; float:left; background:url(/mobile/images/breed_bg.jpg) no-repeat center bottom; background-size: 100% 100%; } .s_main_yu{width:94%; float:left; margin:1% 0 2% 3%; overflow:hidden; } .auto_22 { width: 60%; margin: 0 auto; position: relative; display: block; } #certify22 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certify22 .swiper-slide { height: 170px!important;position: relative; z-index: 1; } #certify22 .swiper-slide img{width:100%; height: 120px; background:#fff; border:1px solid #dddddd; } #certify22 .swiper-slide font{ width: 100%; height: 40px; background:rgba(1,42,103,.7); float: left; font-size:14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; margin:0px 0 0px 0; text-overflow:ellipsis; overflow:hidden; } #certify22 .ipg2-box .swiper-slide.swiper-slide-active:before { opacity: 1; } #certify22 .ipg2-box .swiper-slide { opacity: 1; transition: all .8s; } #certify22 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certify22 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certify22 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certify22 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*3加工 machining*/ .s_machi_bg{width:100%; height:auto!important; min-height:500px; float:left; background:url(/mobile/images/jiagobg.jpg) no-repeat center bottom; background-size: 100% 100%; } .s_mach_wen{width:90%; height:auto; float:left; margin:3% 0 3% 5%; font-size:14px; color: #222222; text-align:left; line-height:30px; font-weight: normal; } .s_mach_wen strong{ font-size:20px; color:#222; font-weight:bold; margin: 1% 0; } /*tangshan */ .s_tangs_bg{width:100%; float:left; background:url(/mobile/images/bgs1.jpg) no-repeat center top; background-size:100% 71.4%; } .s_tshan{width:94%; float:left; margin:4% 5% 4% 0; } .s_tshan img{width:100%;} .s_tshan_txt{width:90%; float:left; margin:3% 0 3% 5%; font-size:14px; color: #fff; text-align: left; line-height:30px; font-weight: normal; } .s_tshan_txt strong { font-size:20px; color: #fff; text-align: left; line-height:30px; font-weight: bold; } .s_tangshan{width: 97%; float: left; margin: 4% 0 4% 3%;} #certifyts1 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certifyts1 .swiper-container { padding: 0 0 0 3%; overflow: hidden; } #certifyts1 .swiper-slide { background:#fff!important; border-bottom:10px solid #1a6ebf!important; padding: 0px; text-align: center; } #certifyts1 .swiper-slide img{width:100%; display:block; margin:0 auto;} #certifyts1 .swiper-slide .tangs_biaoti{width:88%; height:auto; float:left; margin:2% 0 0% 6%; } #certifyts1 .swiper-slide .tangs_biaoti h4 { width: 100%; height:40px; float: left; font-size:16px; color:#222; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 20px 0; position: relative; } #certifyts1 .swiper-slide .tangs_biaoti h4::after { width:40px; height:3px; background: #1a6ebf; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; } #certifyts1 .swiper-slide .tangs_biaoti h5 { width: 100%; height:80px; float: left; font-size:14px; color:#222; text-align: left; line-height:20px; font-weight: normal; margin: 0px 0 0px 0; position: relative; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} #certifyts1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifyts1 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifyts1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifyts1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*dalian */ .s_dlian_bg{width:100%; height:auto; float:left; background:url(/mobile/images/dlbgcs.jpg) no-repeat center top; background-size: 100% 100%; } .s_dalian_txt{width:90%; float:left; margin:3% 0 3% 5%; font-size:14px; color: #fff; text-align: left; line-height:30px; font-weight: normal; } .s_dalian_txt strong {display:block; margin:0 auto; font-size:20px; color: #fff; text-align: center; line-height:30px; font-weight: bold; } .s_dalian{width: 94%; float: left; margin: 4% 0 4% 3%;} #certifyts2 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certifyts2 .swiper-container { padding: 0 0 0 1%; overflow: hidden; } #certifyts2 .swiper-slide { background:#fff!important; border-bottom:10px solid #1a6ebf!important; padding: 0px; text-align: center; } #certifyts2 .swiper-slide img{width:100%; display:block; margin:0 auto;} #certifyts2 .swiper-slide .s_daltxt{width:88%; float:left; margin:4% 0 0 6%; font-size:14px; color: #222; text-align: left; line-height:30px; font-weight: normal; } #certifyts2 .swiper-slide .tangs_biaoti{width:88%; height:auto; float:left; margin:2% 0 0% 6%; } #certifyts2 .swiper-slide .tangs_biaoti h4 { width: 100%; height:40px; float: left; font-size:16px; color:#222; text-align: center; line-height: 40px; font-weight: bold; margin: 0px 0 20px 0; position: relative; } #certifyts2 .swiper-slide .tangs_biaoti h4::after { width:40px; height:3px; background: #1a6ebf; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; } #certifyts2 .swiper-slide .tangs_biaoti h5 { width: 100%; height:80px; float: left; font-size:14px; color:#222; text-align: left; line-height:20px; font-weight: normal; margin: 0px 0 0px 0; position: relative; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} #certifyts2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifyts2 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifyts2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #fff; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifyts2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #fff; background-color: #fff; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*4科研 scientific research 【science】 */ .s_kyan_sc{width:100%; height:auto; float:left; background:url(/mobile/images/bgcs1.jpg) no-repeat center top; background-size:100% 100%; } .s_kyan_wen{width:94%; height:auto; float:left; margin:3% 0 0 3%; font-size:14px; color: #222222; text-align:left; line-height:30px; font-weight: normal; } .s_kyan_wen strong{ font-size:18px; color:#222; font-weight:bold; } .s_kysc{width:100%; float:left; margin:0% 0 4% 0;} .s_kysc ul{width:100%; float:left; margin:2% 0 0 0;} .s_kysc ul li{width:94%; float:left; margin:2% 0% 2% 3%; } .s_kysc ul li h4{width:100%; height:30px; float:left; font-size:14px; color: #115a9f; text-align:left; line-height:30px; font-weight: bold; } .s_kysc ul li h4 .yuan{width:16px; height:16px; float:left; background:rgba(1,42,103,.3); position:relative; margin:2% 2% 0 0; border-radius:50%; } .s_kysc ul li h4 .yuan::after{width:8px; height:8px; float:left; position:absolute; left:4px; top:4px; background:#002a66; border-radius:50%; content:'';} .s_kysc ul li h5{width:94%; height:auto; float:left; margin:0 0 2% 5%; font-size:14px; color: #3d6499; text-align:left; line-height:20px; font-weight: normal; } /*承担项目 chengdanxiangmu undertake projects */ .s_proj_bg{width:100%; height:auto; float:left; background:#f7f8fa; } .s_projbox{width:84%; float:left; height:auto; margin:1% 0 6% 5%; background:#fff; padding:3%; } .s_projbox ul{width:100; padding:3% 5%; float:left; margin:0% 0 0% 0%; background:#f7f8fa; } .s_projbox ul li{width:100%; height:auto; float:left; margin:5px 0 5px 0; font-size:13px; color: #222222; text-align:left; line-height:20px; font-weight: normal; } .s_projbox ul li .sapn1{width:20px; height:20px; float:left; margin:0px 10px 0px 0px; font-size:12px; color: #fff; text-align:center; line-height:22px; font-weight: normal; font-style:normal; background:#002a66; border:3px solid #fff; border-radius:50%; box-shadow:0 4px 5px rgba(1,42,103,.1);} /*oblique*/ .s_projbox ul li font{width:86%; height:auto; float:left; font-size:13px; color: #222222; text-align:left; line-height:20px; font-weight: normal; } /*科研成就 Scientific research achievements */ .s_achiev_bg{width:100%; height:400px; float:left; background:url(/mobile/images/chengguos.jpg) no-repeat center top; background-size:100% 100%; } .s_achi_bt { width: 100%; height:40px; float: left; font-size:20px; color: #fff; text-align: center; line-height:40px; font-weight: bold; margin: 0px 0 0px 0; position: relative; } .s_achi_bt::after { width: 40px; height:3px; background: #fff; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; } .s_achiev { width: 100%; float: left; margin: 0; padding: 0% 0; } .s_achiev ul { width: 100%; float: left; margin-left:0%; } .s_achiev ul li { width:29%; height: auto; margin:2% 0 2% 3%; background:url(/mobile/images/pboxs.png) no-repeat left bottom ; background-size:100% 100%; float: left; position: relative; z-index: 10; overflow: hidden; } /*488ccd*/ .s_achiev ul li h3 { width: 100%; float: left; font-size:14px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; margin-bottom: 2%; } .s_achiev ul li h3 font { display: inline; font-family: Arial; font-size:30px; color: #fff; text-align: center; line-height: 80px; font-weight:bold; } .s_achiev ul li h4 { width: 100%; float: left; font-size:14px; color: #fff; text-align: center; line-height:30px; font-weight: normal; } /*keyanchengguo*/ .swiper-container8 { position: relative; width: 100%; float: left; } .swiper-container8 .swiper-container { padding:0; height: 180px; overflow: hidden; } .swiper-container8 .swiper-wrapper{ padding:0; height: 172px!important; } .swiper-container8 .swiper-slide { height: 170px; line-height: 170px; background: #fff; border:1px solid #ccc; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 auto; vertical-align: middle; position: relative; z-index: 67; } .swiper-container8 .swiper-slide img{ width: auto; max-height: 170px; display: block; margin: 0 auto; position: relative; z-index: 40; } .swiper-container8 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } .swiper-container8 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } .swiper-container8 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } .swiper-container8 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*6餐饮 restaurant*/ .s_restbox{width:100%; float:left; margin:0; position:relative; z-index:20; background:#f7f8fa } .s_rest_wenzi{width:90%; float:left; margin:3% 0 2.5% 5%; font-size: 14px; color: #222; text-align: left; line-height:25px; font-weight: normal; } .s_restbox{width: 100%; float: left; margin: 4% 0 4% 0%;} #certifyz1 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certifyz1 .swiper-container { padding: 0 0 0 0%; overflow: hidden; } #certifyz1 .swiper-slide { background:#fff!important; padding: 0px; text-align: center; } #certifyz1 .swiper-slide img{width:100%; display:block; margin:0 auto;} #certifyz1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifyz1 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifyz1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifyz1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*科普基地*/ .s_kepubox{width:100%; float:left; margin:0; position:relative; z-index:20; background:#fff; } .s_kepu_wenzi{width:90%; float:left; margin:3% 0 2.5% 5%; font-size: 14px; color: #222; text-align: left; line-height:25px; font-weight: normal; } .s_kpbox{width: 100%; float: left; margin: 4% 0 4% 0%;} #certifyz2 { position: relative; width: 100%; display: block; margin: 0px 0px 40px 0px; position: relative; } #certifyz2 .swiper-container { padding: 0 0 0 0%; overflow: hidden; } #certifyz2 .swiper-slide { background:#fff!important; padding: 0px; text-align: center; } #certifyz2 .swiper-slide img{width:100%; display:block; margin:0 auto;} #certifyz2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifyz2 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifyz2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #002a66; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifyz2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #002a66; background-color: #002a66; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /* 餐饮 restaurant */ .s_restabox{width:100%; float:left; margin:0; position:relative; z-index:20; background:url(/mobile/images/bgcs4.jpg) no-repeat left bottom ; background-size: 100% 100%; } .s_cyin{width: 94%; float: left; margin: 4% 0 4% 3%;} #certifycy1 { position: relative; width: 100%; float: left; margin: 0px 0px 40px 0px; position: relative; } #certifycy1 .swiper-container { padding: 0 0 0 4%; overflow: hidden; } #certifycy1 .swiper-slide { background:#fff!important; border-top:10px solid #c9a063!important; padding: 0px; text-align: center; } #certifycy1 .swiper-slide img{width:100%; display:block; margin:0 auto;} .rest_biaoti{width:90%; height:auto; float:left; margin:2% 0 0% 5%; } .rest_biaoti h4 { width: 100%; height:40px; float: left; font-size:16px; color:#c9a063; text-align: center; line-height:40px; font-weight: normal; margin: 0px 0 20px 0; position: relative; } .rest_biaoti h4::after { width: 40px; height:3px; background: #c9a063; float: left; position: absolute; left: 50%; margin-left: -20px; bottom: 0; content: ''; } .rest_biaoti h5 { width: 100%; height:120px; float: left; font-size:14px!important; color:#222!important; text-align: left; line-height:20px!important; font-weight: normal; margin: 0px 0 20px 0; position: relative; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} .rest_biaoti h6 { width: 100%; height:80px; float: left; font-size:14px; color:#222; text-align: left; line-height:20px; font-weight: normal; margin: 0px 0 20px 0; position: relative; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;} #certifycy1 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifycy1 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifycy1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #0c3986; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifycy1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #0c3986; background-color: #0c3986; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } .s_chunsdy{width:100%; float:left; margin:0; position:relative; z-index:20; padding: 3% 0; background: #fff; } .s_duoyu{width: 94%; float: left; margin: 4% 0 4% 3%;} #certifycy2 { position: relative; width: 100%; float: left; margin: 0px 0px 40px 0px; position: relative; } #certifycy2 .swiper-container { padding: 0 0 0 0%; overflow: hidden; } #certifycy2 .swiper-slide { background:#fff!important; border-bottom:10px solid #c9a063!important; box-shadow: -2px 3px 4px -2px rgba(1,42,103,.1),1px 2px 4px -2px rgba(1,42,103,.1); padding: 0px; text-align: center; } #certifycy2 .swiper-slide img{width: 100%;} #certifycy2 .swiper-slide-active, .swiper-slide-duplicate-active { /* transform:scale(1);*/ -webkit-tap-highlight-color: transparent; outline: none; } #certifycy2 .swiper-pagination { width: 100%; bottom:-30px !important; text-align: center; } #certifycy2 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border:2px solid #0c3986; background-color: transparent; width: 6px; height:6px; opacity: 1; border-radius:50px; } #certifycy2 .swiper-pagination-bullets .swiper-pagination-bullet-active { border:2px solid #0c3986; background-color: #0c3986; -webkit-tap-highlight-color: transparent; width:6px; outline: none; border-radius:50px; } /*inc footer */ .m_footer { width: 100%; height: auto; float: left; background: #0c3986; position: relative; z-index: 20; padding: 3% 0 0 0;} .m_foot_1 { width: 54%; float: left; margin: 4% 0 10px 3%; } .m_foot_logo { width: 100%; float: left; margin: 10px 0 10px 0; } .m_foot_logo img { width: 100%; } .m_foot_r { width: 100%; float: right; margin: 20px 0 10px 0; } .m_foot_r ul { width: 100%; float: left; } .m_foot_r ul li { width: 21%; float: left; margin: 2% 1% 1% 3%; } .m_foot_r ul li a { width: 100%; height: 30px; float: left; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; } .m_foot_wenzi { width:54%; height: auto; float: left; margin: 5px 2% 0 3%; font-size: 14px; color: #fff; text-align: left; line-height: 24px; font-weight: normal; } .m_foot_wenzi a { color: #fff; } .m_foot_wx { width: 120px; float: right; margin: 10px 10px 10px 0; } .m_foot_wx img { width: 100%; display: block; } .m_foot_wx font { width: 100%; height: 20px; float: left; font-size: 12px; color: #87aae5; text-align: center; line-height: 20px; font-weight: normal; } .m_footxt { width: 100%; height: auto; float: left; margin:20px 0 0 0; background: #001e48; font-size: 12px; color: #87aae5; text-align: center; line-height: 20px; font-weight: normal; padding: 10px 0 10px 0;; overflow: hidden; } .m_footxt a { color: #87aae5; text-decoration: none; } .mez9 { width: 36px; height: 36px; float: right; position: relative; z-index: 54; } .topzfix { position: fixed; z-index: 40; top: auto; bottom:120px; right: 0%; margin-right: 20px; margin-top: 0px; margin-bottom: 0px; float: right; width: 36px; height: 36px; }