.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 } .clearfloat { zoom: 1 } .container { width: 100% !important; max-width: 1200px; max-width: 1170px\9; } .lcontiner { padding: 6% 0; } .er-content { max-width: 1200px; margin: 0 auto; } .jiejue a { color: #fff; } .er-content2 { max-width: 1300px; margin: 0 auto; } /* //#F6F9F9 */ .lcontiner { background-color: #F6F9F9; } .er-con ul { display: flex; } .er-content li { flex: 1; width: 25%; text-align: center; padding: 0px 6% 0% 6% } .er-content ul li img { width: 100%; } .l_title { width: 100%; margin-top: 7%; height: 48px; text-align: center; line-height: 42px; } .lu_title { font-size: 36px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #000000; position: relative; } .san { background-color: #F6F6F6; padding: 73px 0; position: relative; box-sizing: border-box; width: 100%; } .san .er-content { position: relative; } .san_header { position: relative; } .san_content { width: 340px; padding: 100px 0 130px 0; background-color: rgba(234, 241, 255, 0.65); height: 100%; position: relative; z-index: 1; float: left; } .san_content:hover { background-color: rgba(234, 241, 255, 1); } .san_content ul { margin-top: 46px; padding: 0 30px; } .san_tile2 { font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 600; color: #000000; line-height: 16px; padding: 14px 15px; } .san_title { padding: 0 15px; } .san_title:after { width: 4px; height: 67px; background-color: #0E50C8; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 0; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .mySwiper1 .swiper-slide img{ width: 100%; } .l_title2 { padding: 17px 0; height: 55px; line-height: 55px; font-size: 20px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #000000; text-align: center; -webkit-background-clip: text; } .swiperslide .swiper-slide { border: 1px solid rgba(14, 80, 200, 0.5); margin-right: 10px; padding: 20px; padding: 10px 20px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; height: 540px; overflow: hidden; } .titlediv_text { margin-top: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 70px; } .banner .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; } .banner .swiper-pagination-bullet-active { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 1); border: 2px solid #fff; position: relative; } .banner .swiper-pagination-bullet-active::after { width: 18px; height: 18px; background: rgba(255, 255, 255, 0); border: 2px solid #fff; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; border: 1px solid #fff; top: -5px; left: -5px; border-radius: 50%; } .titlediv_title { width: 100%; font-size: 24px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; } .titlediv_text { width: 100%; height: 96px; font-size: 13px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 300; color: #3C3C3C; line-height: 20px; padding-top: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .titlediv_btn { width: 117px; height: 30px; line-height: 30px; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 300; color: #0E50C8; border: 1px solid #0E50C8; margin-top: 10px; background: url(../images/img/02.png) right 15px center no-repeat; float: right; text-align: left; padding-left: 19px; } .tansuo { position: absolute; right: 0; bottom: 0; } .titlediv_bottom {} .titlediv { margin: 18px 0; } .imgdiv { height: 276px; padding: 15px 0 15px 0; border-bottom: 1px solid rgba(14, 80, 200, 0.3); } .swiper2 { padding: 0 50px; } .s-next, .s-prev { width: 33px; height: 65px !important; background: #ADCAFF; border-radius: 0px 0px 0px 0px; opacity: 1; } .swiper-button-next, .swiper-button-prev { color: #000000 !important; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 25px !important; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { font-size: 25px !important; } .titlediv_btn:hover { color: #fff; background: url(../images/img/04.png) right 15px center no-repeat; background-color: #175394; } .titlediv_btn:hover a { color: #fff; } .h2after:after { width: 65px; height: 4px; background-color: #0E50C8; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 50%; bottom: -17px; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .bg_img { position: absolute; width: 100%; height: 100%; } .b1 { background: url(../images/img/b1.jpg); background-size: cover; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .b2 { background: url(../images/img/b2.jpg); background-size: cover; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .b3 { background: url(../images/img/b3.jpg); background-size: cover; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .b4 { background: url(../images/img/b4.jpg); background-size: cover; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .b5 { background: url(../images/img/b5.jpg); background-size: cover; background-position-x: center !important; /*opacity: 0.4;*/ z-index: 1; } .jiejue { position: relative; margin-top: 40px } .san_content .item { width: 112px !important; height: 72px; overflow: hidden; overflow: hidden; float: left; text-align: center; margin-top: 46px; } .san_content .list1 { background: url(../images/img/Component21.png) center no-repeat; } .san_content .list2 { background: url(../images/img/Group48.png) center no-repeat; } .san_content .list3 { background: url(../images/img/Group32.png) center no-repeat; } .san_content .list4 { background: url(../images/img/Group33.png) center no-repeat; } .san_content .list5 { background: url(../images/img/Group162.png) center no-repeat; } /* .san_content .list2:hover{ background: url(../images/img/Group411.png) 45px center no-repeat; } */ .san_content .active0 { background: url(../images/img/Component37.png) center no-repeat; } .san_content .active1 { background: url(../images/img/Group411.png) center no-repeat; } .san_content .active2 { background: url(../images/img/Group321.png) center no-repeat; } .san_content .active3 { background: url(../images/img/Group521.png) center no-repeat; } .san_content .active4 { background: url(../images/img/Group164.png) center no-repeat; } .san_container { height: 100%; position: relative; z-index: 1; } .titlediv_btn { width: 117px; height: 30px; line-height: 30px; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 300; color: #0E50C8; border: 1px solid #0E50C8; margin-top: 10px; /* background: url(../images/tb_37.png) right 15px center no-repeat; */ float: right; text-align: left; padding-left: 19px; bottom: 10px; } .santext { float: left; padding: 30px; overflow: hidden; right: 0; bottom: 0; } .santext h2 { height: 60px; font-size: 32px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 38px; letter-spacing: 1px; } .santext p { width: 70%; color: #FFFFFF; } .santext .title_btn { color: #FFFFFF; border: 1px solid #FFFFFF; width: 117px; height: 30px; line-height: 30px; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 300; margin-top: 10px; background: url(../images/img/04.png) right 15px center no-repeat; float: right; text-align: left; padding-left: 19px; cursor: pointer; } .santext .tansuo { bottom: 34px; } .bgactive1, .bgactive2, .bgactive3, .bgactive4 { display: none; } .si { padding: 7% 0; background-color: #fff; } .tu1 { width: 100%; /* height: 470px; background: url(../images/img/Rectangle13.png) right center no-repeat; background-size: 100% 100%; padding: 10px; margin-bottom: 15px; z-index: 10; */ } .text_si { height: 48px; font-size: 36px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #000000; line-height: 42px; position: relative; } .si_left { margin-top: 2%; left: 10%; margin-left: 4%; overflow: hidden; float: left; } .heng:after { width: 65px; height: 4px; background-color: #0E50C8; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 33px; bottom: -17px; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .text { width: 90%; padding-top: 40px; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 300; color: #000000; line-height: 22px; height: 155px; overflow: hidden; } .si_rigth { float: left; display: inline-block; overflow: hidden; position: relative; } .si_left .titlediv_btn { float: left; } .si a:hover { color: #fff; } .wu { background-color: #F6F9F9; } .bgwu { padding: 5% 10px; background: url(../images/img/Rectangle14.png) center no-repeat; background-size: 100%; } .l_title3 { width: 100%; text-align: center; line-height: 42px; -webkit-background-clip: text; } .eu_title { padding-top: 50px; font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: Light; color: #000000; line-height: 25px; } .er-contentwu { max-width: 1100px; margin: 0 auto; } .bgwu ul li { float: left; margin-right: 4%; margin-top: 5%; overflow: hidden; } .wubtn { padding-top: 10%; } .bnt { margin: 0 auto; float: inherit; } .liu { background-color: #fff; padding: 5%; } .section.y6 { background-color: #333333; } .liu_left { border: 1px solid #ccc; } .liu_img { width: 100%; height: 233px; overflow: hidden; } .liu_left .liu_img img { width: 100%; } .liu_newtext a { color: #000; } .liu_newtext h4 { overflow: hidden; font-size: 20px; font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .texttitle h4 { line-height: 1.5; height: 55px; } .texttitle p { padding: 10px 0; } .liu_newtext p { font-size: 14px; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ } .liu_ioc .ioc { display: inline-block; width: 22px; height: 17px; background: url(../images/img/Frame.png)center no-repeat; background-size: 100%; } .liu_newtext:hover .ioc { display: inline-block; width: 22px; height: 17px; background: url(../images/img/05.png)center no-repeat; background-size: 100%; overflow: hidden; } .liu_ioc .datatime { float: right; } .liu_right .dec { border: 1px solid #ccc; height: 121px; overflow: hidden; } .liu_conent { padding: 2.5% 0; } .liu_right .dec { padding: 2% 4%; } .h4 { line-height: 1.5; height: 46px; } .dec { margin-bottom: 1.2%; } .dec p { padding: 3.2px 0 } .liu_newtext:hover { background-color: #0E50C8; /* -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; */ } .liu_newtext:hover a { color: #fff; } .footertitle { font-size: 20px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 23px; letter-spacing: 1px; } .er-content .liu_footer li { width: 15% !important; } .i_con { width: 100% !important; } .liu_footer_content li { padding: 0; } .footertitle { padding-top: 15px; } .swiperslide .swiper-slide:hover { /* box-shadow: 0 0 13px #c6c4ce; */ box-shadow: 0 8px 12px 0 rgba(198, 196, 206, 1); } .swiperslide .swiper-wrapper { padding: 40px 0px 40px 10px; } .texttitle { height: 140px; overflow: hidden; } .swiperslide .swiper-slide { background-color: #fff; } /* .swiper-button-prev:after{ display: none; } .swiper-button-next:after{ display: none; } */ .swiperslide .swiper-slide .imgdiv img, .si_rigth img { width: 100%; height: 100%; } .gongsi { text-align: right; color: #666666; position: absolute; right: 58px; bottom: 24%; } .liu_footer{ position: relative; } .i_footer_tleft li { min-height: 204px !important; } .minwidth .i_morebtn { display: none; } .liu_phone { padding-left: 25px; height: 100px; line-height: -1.5; padding-right: 1%; padding-top: 37px; background: url(../images/img/Vector.png) left center no-repeat; color: #000 } .l_input { margin-top: 39px; margin-right: 20px; height: 30px; border: none; background: url(../images/img/Group2.png) right center no-repeat; } .l_input input { margin-right: 40px; border: none; width: 126px; } .i_con { display: flex; justify-content: center; } .a_menu .a_menu_a:hover, .a_menu .a_menu_a.activetm1 { color: #05468d !important; background-color: #fff !important; font-weight: bold; font-size: 30px; } .a_menu .a_menu_a { font-size: 24px !important; } .adi_title { font-size: 36px; height: 60px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #000000; line-height: 42px; position: relative; display: inline-block; } .yinwen { font-size: 16px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #CCCCCC; line-height: 19px; } .titleafter:after { width: 65px; height: 1px; background-color: #CCCCCC; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 33px; bottom: 0; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .adi_title2 { /* width: 191px; */ font-size: 24px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 28px; padding: 20px 0; display: inline-block; } .aid_right { padding: 80px 0 0px 0px; } .img_r { display: inline-block; height: 440px; } .img_r img, .img_r2 img { width: 100%; height: 100%; } .img_r2 { display: inline-block; height: 433px; overflow: hidden; } .pad { margin-top: 100px; } .aid_bg { background-color: #FBFBFB; } .aid_bgimg { width: 100%; padding: 2% 0 0px 2%; background: url(../images/img/Rectangle47.png) center center no-repeat; background-size: cover; padding-bottom: 30px; } .l_fc { text-align: center; } .aid_bgimg .listg { width: 31.3%; position: relative; height: 650px; overflow: hidden; background-color: rgba(12, 39, 88, 0.3); padding: 70px 0; float: left; margin: 10px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .our_tile { width: 100%; height: 96px; display: inline-block; text-align: center; line-height: 42px; position: relative; } .our { font-size: 36px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .q_ye:after { width: 65px; height: 1px; background: rgba(12, 39, 88, 0.5); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 50%; top: -20px; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .l_tspiri:after { width: 65px; height: 1px; background: rgba(12, 39, 88, 0.5); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; left: 50%; ; bottom: 5px; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .listg p { margin: 30px 0; text-align: center; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 21px; } .listg .yitext { display: inline-block; font-size: 18px; text-align: center; font-weight: 400; color: #FFFFFF; line-height: 21px; width: 100%; } .listg .cultrue{ font-size: 14px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 16px; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%); } .classul{ padding-bottom: 15px; } .bgcolor1{ background-color: #F6F6F6 ; padding: 6.5% 0; } .l_ryu{ /* padding: 0 360px; */ } .l_ryu ul{ float: left; } .l_ryu ul li{ width:100%; font-size: 17px; font-weight: 400; color: #000000; line-height: 23px; text-align: center; margin-top: 20px; padding: 5px 0; position: relative; line-height: 30px; line-height: 38px; height: 38px; } .l_ryuimg{ width: 100%; } .l_ryuimg .home-swiper7{ padding: 70px 0 0 0; } .h_zuo ul li{ width: 20%; float: left; } .h_zuo .he_zuo{ padding: 6.5% 0 1% 0; } .lx_zuo{ background-color:#F9F9F9 ; } .lx_bg{ background: url(../images/img/Rectangle50.png) center no-repeat; background-size: 100%; } .lx_title{ font-size: 32px; font-weight: 400; color: #000000; line-height: 40px; } .lian_x span{ font-size: 20px; font-weight: 300; color: #4D4D4D; line-height: 40px; } .lian_x .l_text { font-size: 20px; font-weight: 400; color: #000000; line-height: 40px; } .i_footer_tright_c{ padding: 0 !important; } .footer_lx{ padding: 0; } .l_footer{ color: #fff !important; } .l_padding{ padding: 6.5% 0; } .lx_css{ width: 50%; text-align: center; } .lx_add{ padding-left: 3%; } .lx_bottom{ padding: 68px 0 0 0; } .lx_bottom ul li{ flex: 1; position: relative; text-align: center; } .lx_bottom ul li:after{ width: 1px; height: 120px; background: #999999 ; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; content: ""; position: absolute; right: 0; bottom: -10px; webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .lx_bottom .lx_h4{ font-size: 20px; font-weight: 400; color: #000000; line-height: 40px; } .lx_bottom .lx_h4_text{ font-size: 20px; font-weight: 300; color: #4D4D4D; line-height: 40px; } .a1_tile{ color: #fff !important; } .lx_lx{ margin-top: 20px; } .listg:hover { /* box-shadow: 0 0 13px #c6c4ce; */ box-shadow: 0 8px 12px 0 rgba(14, 80, 200, 0.65); /* background-color: rgba(12, 39, 88, 0.65); */ } .l_ryuimg .Amplification img{ height: 100%; } .home-swiper7 .swiper-slide .a_img{ width: 100%; height: 345px; } .lx_h4 img{ padding-right: 9px; } .next-limg{ background-image: url(../images/img/r.png) !important; right: 0 !important; left: auto; } .next-rimg{ background-image: url(../images/img/le.png) !important; right: auto; left: 0 !important; } .l_ryu .ul1 li .imgleft,.l_ryu .ul2 li .imgleft{ position: absolute; left: 16px; } .l_ryu ul li .imgright{ position: absolute; right: 16px; } .i_ss_c{ display: block !important; width: 165px; height: 40px; background-color: #fff; position: absolute; right: 5px; top: -6px; background: url(../images/img/Group2.png) right center no-repeat; } .liu_sousuo{ margin-top: 39px; margin-right: 20px; height: 30px; border: none; width: 170px; position: relative; } .lx_css{ width: 100%; } .l_ryu .ul1{ width: 20%; } .l_ryu .ul3{ width: 45%; } .l_ryu .ul2{ width: 30%; } .l_ryu .ul3{ width: 45%; } .h_zuo ul li img{ width: 100%; height: 100%; } .l_ryu .ul3 li{ text-align: right; padding-right: 50px; } .ipt22{ width: 30px; height: 30px; border: 0px; background-color: rgba(12, 39, 88,0); position: absolute; right: 7px; } .i_ss_c .ipt1{ width: 134px; height: 31px; line-height: 40px; background-color: rgba(12, 39, 88,0); } input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} input:-internal-autofill-previewed, input:-internal-autofill-selected { -webkit-text-fill-color: #808080; transition: background-color 1000s ease-out 0.5s; } .i_ssbn_div .ipt1{ font-size: 14px; } .header_div .i_logo{ padding-top: 35px !important; } @media screen and (min-width:80px) and (max-width:640px) { .h_zuo ul li{ width: 50%; } .san_content .item{ width: 50% !important; } .l_ryu .ul1{ width:100%; } .pad { margin-top: 11%; } .santext .tansuo { bottom: 0; float: left; } .liu_img { width: 100%; height: 119px; overflow: hidden; } .liu_img img { width: 100%; height: 100%; } .santext p{ width: 100%; } .l_ryu .ul2{ width: 100%; } .liu .tansuo{ position: relative; } .liu{ padding: 5% 10; } .san_header:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 } .san_header { zoom: 1 } .l_ryu .ul3{ text-align: center; width: 100%; } .h_zuo ul li{ width: 50%; } .aid_bgimg .listg{ width: 90%; height: 500px; } .lx_title{ font-size: 24px; } .texttitle{ padding: 2% 4%; } .er-content,.san_title{ padding: 0 10px; } .san .tansuo{ position: relative; } .san .san_content{ width: 100%; } .l_ryu .ul3 li .imgleft{ position: absolute; left: 16px; } .l_ryu ul li { font-size: 14px; text-align: center !important; padding-right:5px !important; } } @media screen and (min-width: 640px) and (max-width: 992px) { .l_ryu .ul1{ width: 100%; } /* .l_ryu .ul3 li .imgleft,.l_ryu .ul3 li .imgright { position: absolute; right: 16px; } */ .l_ryu .ul3 li .imgleft{ position: absolute; left: 16px; } .san .san_header{ padding: 0 5%; } .n_box1 { padding: 20px 3%; } .l_ryu .ul2{ width: 100%; } .l_ryu .ul3{ text-align: center; width: 100%; } .liu_right { width: 100%; } .l_ryu ul li{ text-align: center !important; width: 100%; } .lixian{ width:100%; } .liu_left { width: 100%; } .bgwu ul li { width: 44%; margin-top: 10px; } .si_left, .si_rigth { width: 100% !important; } .si_left .titlediv_btn { margin-top: 3%; } .santext { width: 100%; } .texttitle { padding: 2% 4%; } .ui_div{ background-color: #333333 !important; } .aid_bgimg .listg { width:47%; } .h_zuo ul li{ width: 30%; } .lx_css{ width: 100%; } } @media screen and (min-width: 993px) and (max-width: 1970px) { .l_ryu .ul1{ width: 25%; } .lx_bottom ul{ display: flex; } .lixian{ width: 50%; } .liu_left{ float: left; } .liu_right{ float: right; } /* .aid_bgimg .listg { } */ .h_zuo ul li{ width: 20%; margin-top: 10px; } .minwidth { max-width: 1200px; margin: 0 auto; } .ulwu { display: flex; } .liu_right { width: 49%; } .liu_left { width: 49%; } .liu_right { margin-left: 2%; } .si_left { width: 40%; } .si_rigth { width: 50.5%; } .si_left .titlediv_btn { margin-top: 14%; } .texttitle { padding: 2% 8%; } .santext { width: 71.7%; position: absolute; } .n_box1 .a_img_r_c{ height: 268px !important; } }