@charset "utf-8"; .banner{ width: 100%; margin-left: auto; margin-right: auto; } .banner .swiper-slide{ text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banner .swiper-slide img{ width: 100%; } .part1{ margin-top:30px; padding-bottom: 30px; border-bottom: 3px solid #d3d3d3; } .h3-little{ text-align: center; line-height: 25px; font-size: 16px; } /* 晋控头条*/ .h3-little h3{ outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .h3-little h3{ font-family: "微软雅黑"; font-size: 32px; font-weight: bold; line-height: 60px; letter-spacing: 0px; text-align: center; margin-bottom: 20px; } pre{ white-space: pre-wrap; word-wrap: break-word; } .h3-little h3 a{ color: #eb0000; letter-spacing:-0.05px; } .h3-little>a{ margin: 0px 30px; color: #000000; } .h3-little a:hover{ color: #dd0000; } .part2{ padding:30px 0px; height:390px; } .part2-list{ width: 43%; padding-right:1%; margin-left: 1%; height:390px; position:relative; } .part2-list li{ font-size: 16px; transition:0.6s all; } .part2-list li a{ color: #000000; padding-left: 15px; } .part2-list li:hover{ box-shadow: 3px 3px 10px 0px rgba(197, 197, 197, 0.75); } .part2-list li:hover a{ color: #dd0000; } .part2-dec{ width: 100%; height: 3px; background: #d6d6d6; margin:8px 0px; } .news1{ height:auto; } .news1 li a{ line-height:24px; display:block; padding:9px 0px 9px 15px; } .news1 li:first-child a{ font-weight:bold; } .news2{ width:100%; overflow:hidden; padding-right:10px; padding-bottom:10px; } .news2 .new2_last{background: url(/uploads/image/ijtywbjt/xczjc.gif) no-repeat 15px top /110px 100%; padding-left: 120px;} .news2 li a{ line-height:24px; display:block; padding:5px 0px 5px 15px; } .s100s{ width:108px; font-size: 16px; height:30px; line-height:38px; position:absolute; right:0; bottom:0; } .s100s a:first-child{ /* color: #006abc;*/ padding-left:15px; } .s100s a.fl::before{ content: url(/uploads/image/images/100s.png); position: relative; margin-right: 10px; top:6px; } .s100s .more{ color:#ffffff; background: #006abc; display:block; height:100%; line-height:30px; padding:0px 5px 0px 10px; font-size:14px; border-radius:15px; margin: 4.5px 0px; } .s100s .more::after{ content: url(/uploads/image/images/icon2-1.png); position: relative; top: 3px; margin-left:5px; } .part2-pic{ width: 55%; height: 390px; } .part2-pic .swiper-button-next,.part2-pic .swiper-button-prev{ width: 50px; height: 70px; background: rgba(0,0,0,.6); text-align: center; margin-top: -35px; opacity:0; transition:0.6s all; } .part2-pic:hover .swiper-button-next,.part2-pic:hover .swiper-button-prev{ opacity:1; } .part2-pic .swiper-button-next{ right:0px; } .part2-pic .swiper-button-prev{ left:0px; } .part2-pic .swiper-button-next img,.part2-pic .swiper-button-prev img{ height: 50px; margin-top: 10px; } .part2-pic .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; } .part2-pic .swiper-pagination{ text-align: right; width: 98% !important; bottom:15px !important; } .part2-pic .swiper-pagination-bullet{ width: 12px; height: 12px; background: #ffffff; } .part2-pic .swiper-pagination-bullet-active{ background: #f4b92f; width: 28px; border-radius: 6px; } .part2-pic .swiper-slide video { position: absolute; width: 100%; left: 0; top: 0; z-index: 2; height: 100% !important; object-fit: cover; } .pic_tit{ width:100%; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; text-align: left; position: absolute; bottom:0px; left:0px; padding-left: 16px; background: rgba(0,0,0,.65); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); text-shadow:#000 1px 1px 1px; z-index:3; } .part3{position: relative;width:1240px;margin:0px auto;} .part3 .tempwrap{margin:0 auto !important;} .part3 .sprev,.part3 .snext{ position:absolute; left:-10px; top:50px; display:block; width:30px; height:50px; background:url(/uploads/image/images/left_zt.png) center center no-repeat; } .part3 .snext{ left:auto; right:-10px; background:url(/uploads/image/images/right_zt.png) center center no-repeat; } .part3>ul li{ width: 380px; background-color: #ffffff; padding: 20px 0px; margin-right: 14px; float: left; transition: 0.6s all; } .part3>ul li img{ width: 100%; height:107px; } .part3>ul li p{ width: 100%; text-align: center; line-height: 40px; font-size: 16px; color: #000000; font-family: "微软雅黑"; } .part3>ul li:hover p{ color: #df0000; } .part4{ position:relative; } .nav-wrap .dec{ width:100%; height:2px; position:absolute; background:#ccc6c7; bottom:1px; left:0px; z-index:0; } #navheight{ height:63px; } .nav-wrap{ background: #ffffff; height:63px; } .nav-wrap.navfix{ width: 100%; position: fixed; top:0px; left: 0px; box-shadow: 0 0 10px rgba(0,0,0, 0.2); z-index: 2; } .nav-wrap.navfix .dec{ display:none; } .nav-mobile {display: none;font-weight: bold;width: 100%;} .part4 ul{ width:1004px; margin: 0px auto; position:relative; z-index:1; } .part4 ul li{ float: left; margin-right:5%; margin-top:14px; } .part4 ul li a{ font-size:26px; font-family: "微软雅黑"; color: #006ddf; } .part4 ul li:last-child{ margin-right:0px; } .part4 ul li::after{ content: url(/uploads/image/images/dian.png); position: relative; margin-left: 55px; top:-4px; } .part4 ul li:last-child::after{ content: none; } .part4 ul li:hover a{ color: #df0013; font-weight: bold; padding-bottom: 10px; border-bottom: 4px solid #df0013; } .part4 ul li a.active{ color: #df0013; font-weight: bold; padding-bottom: 10px; border-bottom: 4px solid #df0013; } .part5,.part6,.part7,.part8,.part9{ padding-top: 15px; } .part5,.part6,.part7,.part8,.part9{ margin-top: 15px; } .part-title{ text-align: left; font-size:24px; font-family: "微软雅黑"; margin-bottom: 18px; } .part-title a{ background-image:-webkit-linear-gradient(bottom,#184daf,#33b6ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .part-title a::before{ content: url(/uploads/image/images/icon1.png); position: relative; margin-right: 25px; top:6px; } .part-title a::after{ content: url(/uploads/image/images/icon2.png); position: relative; margin-left: 25px; } .part-nr{ width: 100%; height: 300px; } .part-nr .part-left{ width: 60%; height: 240px; background: #f3f3f3; padding: 30px 3%; } .part-left .part-pic{ width: 400px; height: 240px; overflow: hidden; } .part-left .part-pic img{ width: 100%; height: 100%; object-fit:cover; transition: 0.9s all; } .part-left .part-pic:hover img{ transform: scale(1.06,1.06); transition: 0.9s all; } .part-left .part-text{ width: 340px; } .part-text h3{ font-size: 18px; margin-bottom: 20px; min-height:46px; display:flex; align-items:center; } .part-text h3 a{ color: #000000; line-height:26px; } .part-text h3 a:hover{ color: #df0013; } .part-text p{ font-size: 16px; color: #222222; line-height: 32px; text-indent: 2em; } .part-text p a{ color: #df0013; } .part-right{ width: 32%; margin-left: 2%; padding-top: 10px; } .part-right ul li{ font-size: 16px; line-height: 50px; border-bottom: 1px solid #e2e2e2; } .part-right ul li a{ color: #000000; padding-left: 10px; } .part-right ul li:hover a{ color: #ff8d20; } .part6 .part-right,.part8 .part-right{ margin-left: 0px; } .part10{ margin: 40px auto 30px; } .part10 img{ width: 100%; } .part11{ margin-bottom: 30px; } .part11 .video{ width: 950px; } .video_qh{ width: 100%; height: auto; overflow: hidden; } .video h3{ font-size:26px; font-family: "微软雅黑"; margin-bottom: 26px; background-image:-webkit-linear-gradient(bottom,#184daf,#33b6ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .video h3::before{ content: url(/uploads/image/images/icon3.png); position: relative; margin-right: 8px; top:8px; } .menu_box{ width: 110px; height: auto; overflow: hidden; margin-right: 10px; } .menu li{ width: 110px; height: 180px; background: #d5d5d5; text-align: center; margin-bottom: 10px; cursor: pointer; } .menu li a{ width:100%; height:100%; display:block; } .menu li:last-child{ margin-bottom: 0px; } .menu li img{ width: 50px; height: 50px; margin-bottom: 10px; margin-top:50px; } .menu li p{ font-size: 16px; color: #717171; text-align: center; } .menu li.on{ background: url(/uploads/image/images/bg_purple.png) no-repeat; background-size: 100% 100%; } .menu li.on p{ color: #ffffff; } .video_nr{ width: 805px; height: 370px; } .qh_1 li{ width: 300px; float: left; height: 180px; position: relative; overflow:hidden; } .qh_1 li img{ width: 100%; height: 100%; transition:0.9s all; } .qh_1 li:hover img{ transform: scale(1.06,1.06); transition:0.9s all; } .qh_1 li video{ width: 100%; height: 100% !important; object-fit: cover; } .qh_2 li{ width: 397.5px; height: 180px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .qh_2 li:nth-child(2n){ margin-right: 0px; } .qh_2 li:nth-child(3),.qh_2 li:nth-child(4){ margin-bottom: 0px; } .qh_2 li img{ width: 100%; height: 100%; transition: 0.9s all; object-fit:cover; } .qh_2 li:hover img{ transform: scale(1.06,1.06); } .qh_first{ width: 495px !important; height: 370px !important; margin-right: 10px; } .play{ position: absolute; width: 50px !important;; height: 50px !important;; left: 15px; bottom: 15px; display: block; } .dzbz_tit{ line-height: 41px; margin-bottom: 22px; } .dzbz_titimg{ width: 210px; } .dzbz .dzbz_tit a{ display: block; margin-left: 5px; padding-top: 5px; font-size: 22px; color: #000000; font-family: "微软雅黑"; font-weight: bold; } .bz_img{ width: 310px; height: 370px; } .bz_img img{ width: 100%; height: 100%; } .part12{ margin-bottom: 30px; } .part12 h3{ font-size: 26px; font-family: "微软雅黑"; margin-bottom: 26px; background-image:-webkit-linear-gradient(bottom,#184daf,#33b6ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .company_l{ width: 970px; margin-right: 30px; } .company_list{ width: 100%; height: 300px; overflow: hidden; } .company_list ul li{ width: 67px; height: 300px; margin-right: 5px; float: left; overflow: hidden; transition: 0.9s all; position: relative; } .company_list ul li:first-child{ width: 600px; } .company_list ul li:last-child{ margin-right: 0px; } .company_list ul li img{ height: 300px; } .company_bg{ width: 59px; height: 270px; background-image: linear-gradient(0deg, rgba(220,242,255,.5) 0%, rgba(110,197,245,.5) 36%, rgba(0,151,235,.5) 60%, rgba(0,57,161,.5) 100%); position: absolute; left: 0px; top:0px; color: #ffffff; writing-mode:vertical-lr; writing-mode:tb-lr; letter-spacing:1px; line-height: 26px; padding-left: 8px; padding-top: 30px; text-shadow:#000 1px 1px 1px; font-weight:bold; } .company_r{ width:100%; } .company_ss ul li{ width: 30%; background-size: 100% 100%; text-align: center; line-height: 90px; margin-bottom: 15px; } .company_ss ul li img{ height: 30px; margin-top:30px; } .company_ss ul li:first-child{ background: url(/uploads/image/images/ss1.jpg) no-repeat; background-size:100% 100%; } .company_ss ul li:nth-child(2){ background: url(/uploads/image/images/ss2.jpg) no-repeat; background-size:100% 100%; } .company_ss ul li:last-child{ background: url(/uploads/image/images/ss3.jpg) no-repeat; background-size:100% 100%; }