/* flex容器属性 */ .flex{ display: -webkit-flex; /* Safari */ display: flex;} .inline-flex{display: inline-flex;} .flex-column{flex-direction: column; /* 从上到下 */} .flex-wrap{flex-wrap:wrap; /* 换行 */} .flex-nowrap{flex-wrap:nowrap; /* 不换行 */} .flex-center{justify-content:center;align-items:center;} .flex-around{justify-content:space-around;align-items:center;} .flex-between{justify-content:space-between;align-items:center;} .flex-horz-start{justify-content:flex-start;} .flex-horz-end{justify-content:flex-end;} .flex-horz-center{justify-content:center;} .flex-horz-between{justify-content:space-between;} .flex-horz-around{justify-content:space-around;} .flex-vert-start{align-items:flex-start;} .flex-vert-end{align-items:flex-end;} .flex-vert-center{align-items:center;} .flex-vert-baseline{align-items:baseline;} .flex-vert-stretch{align-items:stretch;} /* 多轴线垂直方式 */ .flex-align-content-start{align-content:flex-start;} .flex-align-content-end{align-content:flex-end;} .flex-align-content-center{align-content:center;} .flex-align-content-around{align-content:space-around;} .flex-align-content-between{align-content:space-between;} .flex-align-content-stretch{align-content:stretch;} /* 项目属性 */ /* 排列 小在前 */ .flex-order-1{order:1} .flex-order-2{order:2} .flex-order-3{order:3} .flex-order-4{order:4} .flex-order-5{order:5} /* 放大 默认0存在剩余空间，也不放大*/ .flex-grow-0{flex-grow:0} .flex-grow-1{flex-grow:1} .flex-grow-2{flex-grow:2} .flex-grow-3{flex-grow:3} .flex-grow-4{flex-grow:4} .flex-grow-5{flex-grow:5} /* 缩小 默认1空间不足，该项目将缩小 0为不缩小 */ .flex-shrink-0{flex-shrink:0;} .flex-shrink-1{flex-shrink:1;} /*单独对齐方式*/ .flex-align-self-start{align-self:flex-start;} .flex-align-self-end{align-self:flex-end;} .flex-align-self-center{align-self:center;} .flex-align-self-baseline{align-self:baseline;} .flex-align-self-stretch{align-self:stretch;} .border-box{box-sizing: border-box;} /**banner**/ .banner { width: 100%; overflow:hidden; position:relative; } .banner.swiper-wrapper{ /* 通过改变animation-timing-function 制作弹性切换效果*/ transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; } .banner .swiper-slide { text-align: center; font-size: 18px; background: #000; /* Center slide text vertically */ 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:auto; max-width:100%; height:auto} .banner .swiper-pagination-bullet{background:rgba(255,255,255,0.8); width:36px; height:6px; border-radius:0; } .banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,1) !important;} .inner-banner{ width:100%; height:auto; overflow:hidden; clear:both; padding-bottom:10px; text-align:center} .inner-banner{ width:auto; max-width:100%;} .inner_title { padding:10px 0; position:relative;margin-top: 2%;} .inner_title .en{ position:absolute; width:100%; text-align:center; color:#DADADA; font-size:60px; letter-spacing:1px;text-transform:uppercase; } .inner_title .cn{ text-align:center; font-size:30px; color:#000; position:relative; line-height:50px; z-index:2; margin-top:75px;font-weight: bold;} .inner_title .cn:after{ width:38px; height:4px; line-height:4px; position:absolute; left:50%; margin-left:-19px; z-index:1; bottom:0; content:""; background:#F38B12} .inner_title .ftitle{ text-align:center; line-height:44px; font-size:18px;} .inner_platform_box{ height:auto; overflow:hidden;} .inner_platform_box .fc{ width:42.5%; float:left; position:relative} .inner_platform_box .fc img{ width:100%; height:auto;} .inner_platform_box .pp{ width:57.5%; position:relative} .inner_platform_box .pp ul li{ width:50%; float:left;} .inner_platform_box .pp ul li img{ width:100%; max-height:252px} .inner_platform_box .pp ul li div{ padding:30px 2% } .inner_platform_box .pp ul li h3{ font-size:16px; color:#F67800; line-height:32px;} .inner_platform_box .pp ul li p{ font-size:14px; color:#3B3B3B; line-height:24px;} /*.inner_platform_box .pp img{width:100%; height:auto} .inner_platform_box .pp .textbox{ width:100%;padding:50px 0; padding-left:10%; background:#fff; }*/ .first_one{ width:90%; margin:auto; height:auto; overflow:hidden; padding:30px 0;} .first_one .menu_title{ padding-bottom:5px;} .first_one .pic{ width:100%; height:auto; overflow:hidden; padding-bottom:10px;} .first_one .pic img{ transition:all 0.5s} .first_one .pic:hover img{ transform:scale(1.05)} .first_one .title{ text-align:center; line-height:30px; font-size:20px; color:#000; clear:both} .first_one .title span{ color:#666; font-size:18px;} .first_one ul{ padding-top:20px; text-align:center;} .first_one ul li{ display:inline-table;text-align:center; font-size:18px; color:#333; line-height:50px;/* background:url(../images/zhishu_bg.png) center no-repeat; */position:relative; border:1px solid #1d3d95; padding:5px 10px; margin:10px 1%;} .first_one ul li .ico{ position:absolute; z-index:1; width:15px} .first_one ul li .ico img{ width:auto; max-width:100%;} .first_one ul li .ico1{ left:-6px; top:-6px;} .first_one ul li .ico2{ right:-6px; top:-6px;} .first_one ul li .ico3{ left:-6px; bottom:-6px;} .first_one ul li .ico4{ right:-6px; bottom:-6px;} .first_one ul li a{font-size:16px; color:#333} .first_one ul li:first-child b{ color:#4F81BD} .first_one ul li:nth-child(2) b{ color:#C0504D} .first_one ul li:nth-child(3) b{ color:#9BBB59} .first_one ul li:nth-child(4) b{ color:#8064A2} .first_one ul li:nth-child(5) b{ color:#4BACC6} .first_two{ width:89.58%; position:relative; margin:auto; height:auto; padding-top:5px;} .first_two .menu_title{ padding-bottom:5px;} .first_two ul { display:block; width:71.35% ; margin:auto; height:auto; overflow:hidden; padding:10px 0;} .first_two ul li{ width:46%; float:left; position:relative; margin-right:8%; padding:15px; border:1px solid #000;transition:all 0.5s ease-out;} .first_two ul li:last-child{ margin-right:0;} .first_two ul li img{ width:auto; position:relative; width:100%; transition:all 0.7s ease-out; z-index:1;} .first_two ul li:hover{ border:1px solid #fff;} .first_two ul li:hover img{ box-shadow:0px 0px 10px #CCC;} .first_two ul li .title{text-align:center; font-size:26px; transition:all 0.5s ease-out;-webkit-text-stroke: 1px white; position:absolute; width:52%; z-index:9; left:26%; background:rgba(0,0,0,0.6); color:#fff; padding:5% 2%; top:35%; z-index:9; border-radius:10px } .first_two ul li:hover .title{ color:#02124e; } .about_box{/* padding:130px 0;*/ height:auto; overflow:hidden;/* background:url(../images/about_bg.jpg) center no-repeat;*/} .about_box .about_content{ margin:auto; position:relative} .about_box .about_content .sdjz_center{ display:block; background:url(../images/sdjzdx_bg.jpg) top center no-repeat; height:566px; position:relative; padding-top:60px } .about_box .about_content .sdjz_center .title{ width:40%; background:rgba(0,0,0,0.6); color:#fff; margin:auto; height:auto; overflow:hidden; line-height:70px; font-size:30px;} .about_box .about_content .sdjz_center .title a{ color:#fff;} .about_box .about_content .sdjz_center dt{width:90%; margin:auto} .about_box .about_content .sdjz_center .title img{ float:left; margin:13px 1.2%; max-width:7%; margin-left:4%;} .about_box .about_content .sdjz_center dd{ position:absolute; bottom:0; z-index:1; width:100%; background:rgba(0,0,0,0.6); padding:15px 0; left:0} .about_box .about_content .sdjz_center dd .des{ width:70%; margin:auto; font-size:16px; color:#fff; line-height:36px; text-indent:2rem} .pmore span:hover,.list_tech ul li .text:hover img,.jishu_box ul li:hover .pic img,.first_two ul li:hover,.menu_title img:hover,.inner_right_top .text span.xmore:hover,.inner_news_list li .text span:hover,.first_one .menu_title:hover img,.first_one .title:hover,.first_one ul li:hover,.inner_team_top .pic:hover img,.service_title_cn:hover,.list_tree_title ul li:hover,.gaozhimo_model .title:hover,.list_tree_pannel2 li h3:hover,.inner_content .inner_title:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;} .list_tree_title.four ul li{background:#AEABF0;height: 234px;} .list_tree_title ul li:hover{ border-right:0px} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);}} @-moz-keyframes tada{0%{-moz-transform:scale(1);} 10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);} 100%{-moz-transform:scale(1) rotate(0);}} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1;}} @-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0;} 40%{-moz-transform:perspective(400px) rotateY(-10deg);} 70%{-moz-transform:perspective(400px) rotateY(10deg);} 100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1;} } .fmy_center{ height:auto; padding:35px 0; overflow:hidden } .fmy_center dt{ width:90%; margin:auto;background:rgba(0,0,0,0.28);overflow:hidden; } .fmy_center dt .pic{ width:55.5%;} .fmy_center dt .pic img{ width:auto; max-width:100%; border-right:1px solid #fff;} .fmy_center dt .about_left{ width:44%; height:auto; overflow:hidden; position:relative; padding-bottom:80px} .fmy_center dt .about_left .title{ width:26%; margin:auto; font-size:36px; color:#fff; height:auto; overflow:hidden; clear:both; margin-top:45px; line-height:50px} .fmy_center dt .about_left .title img{ float:left; margin-right:1%; max-width:27%} .fmy_center dt .about_left .des{ width:74%; margin:auto; margin-top:16%; color:#fff; font-size:16px; text-indent:2rem; line-height:30px;} .tech_box{ clear:both; height:auto; overflow:hidden; padding-bottom:30px 0; width:90%; margin:auto;} .list_tech{ position:relative; padding-top:20px;} .list_tech ul li{ width:28.59%; float:left; height:145px; position:relative; border-radius:22px; background:#1d3d95; margin-left:10.7%; margin-bottom:66px;} .list_tech ul li img{ width:auto; max-width:22.39%; height:auto; margin-top:25px;} .list_tech ul li:nth-child(2),.list_tech ul li:nth-child(7){ margin-left:23.09%;} .list_tech ul li:nth-child(3),.list_tech ul li:nth-child(4),.list_tech ul li:nth-child(5){ margin-left:0;} .list_tech ul li:nth-child(4){ width:39.9%; background:none; text-align:center;} .list_tech ul li:nth-child(4) img{ display:block; position:relative; margin:auto; width:auto; max-width:60%} .list_tech ul li:nth-child(2),.list_tech ul li:nth-child(5),.list_tech ul li:nth-child(7){ background:#f49800;} .list_tech ul li .text{ width:100%; height:145px; position:absolute; left:3.6%; top:20px; z-index:1; box-shadow:1px 1px 10px #ccc; background:#fff; border-radius:22px; transition:all 0.5s} .list_tech ul li:hover .text{ left:2.6%; top:12px;} .list_tech ul li:nth-child(2) img,.list_tech ul li:nth-child(5) img,.list_tech ul li:nth-child(7) img{ float:left; margin-left:5%} .list_tech ul li:nth-child(1) img,.list_tech ul li:nth-child(3) img,.list_tech ul li:nth-child(6) img{ float:right; margin-right:6%} .list_tech ul li:nth-child(2) img{ margin-top:15px} .list_tech ul li .text p{ display:block; float:left; margin-left:8.5%; margin-top:13%; font-size:18px; color:#000; width:61%;} .list_tech ul li:nth-child(3),.list_tech ul li:nth-child(5){ margin-bottom:70px;} .news_box{ height:auto; overflow:hidden; padding:45px 0; background:#fff;} .menu_title{ text-align:center; padding-bottom:30px} .news_tuijian{ width:42.7%; position:relative; height:auto; overflow:hidden; } .news_tuijian .pic{} .news_tuijian .pic img{ transition:all 0.7s} .news_tuijian:hover .pic img{ transform:scale(1.1)} .news_tuijian .title{ height:48px; line-height:48px; width:100%; position:absolute; left:0; bottom:0; z-index:1; background:rgba(57,57,57,0.55); padding:0 2%;color:#fff; font-size:18px;} .news_tuijian .title span{ float:right;} .news_list{ width:54.8%; margin-left:2%; height:auto; position:relative; overflow:hidden} .news_list .news_line{ width:6px; height:100%; position:absolute; border-right:1px solid #CACACA;} /* 本例子css */ .txtScroll-top{ overflow:hidden; position:relative;} .txtScroll-top .bd{ } .txtScroll-top .infoList li{clear:both ; height:auto; overflow:hidden; position:relative } .txtScroll-top .infoList li .newsbox{height:auto; overflow:hidden; border-bottom:1px dashed #D6D6D6;width:96%; margin-left:4% } .txtScroll-top .infoList li .pic{ width:12%; height:100px; overflow:hidden; margin-top:8px; margin-bottom:8px;} .txtScroll-top .infoList li .text{ width:80%; margin-left:2%;} .txtScroll-top .infoList li .text h3{ font-size:20px; font-weight:normal; color:#101010; line-height:30px; padding-top:10px; transition:all 0.7s} .txtScroll-top .infoList li .text p{ font-size:16px; color:#666666; line-height:26px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;} .txtScroll-top .infoList li .dot{ width:12px; height:12px; border-radius:50%; background:#CACACA; position:absolute; left:0; top:40%; z-index:2; transition:all 0.7s} .txtScroll-top .infoList li .date{ float:right; color:#333333; font-size:16px } .txtScroll-top .infoList li:hover .dot{ background:#F48A14} .txtScroll-top .infoList li:hover .text h3{ color:#F48A14;} .case_box{ height:auto; overflow:hidden; padding:50px 0; background:url(../images/case_bg.jpg) center no-repeat; position:relative} .inner_honor_box{ height:auto; overflow:hidden; padding:50px 0; position:relative} .inner_honor_box .swiper-button-next, .inner_honor_box .swiper-button-prev{ width:50px; height:50px;} .inner_honor_box .swiper-button-prev, .inner_honor_box .swiper-container-rtl .swiper-button-next{ background:url(../images/honor_prev.png) center no-repeat; background-size:100%;} .inner_honor_box .swiper-button-next, .inner_honor_box .swiper-container-rtl .swiper-button-prev{background:url(../images/honor_next.png) center no-repeat; background-size:100%;} /**------------案例展示轮播 start--------**/ .case_lb {overflow: hidden;position: relative;} .case_lb .swiper-slide {width:453px;position:relative} .case_lb .swiper-slide .swiper-img{width:100%;height:385px;display: flex;justify-content: center;align-items: center;overflow:hidden;} .inner_honor_box .case_lb .swiper-slide { width:380px;} .inner_honor_box .case_lb .swiper-slide .swiper-img{height:518px;display: flex;justify-content: center;align-items: center;overflow:hidden; padding:5px; border:1px solid #000} .case_lb .swiper-slide .swiper-img img{max-width: 100%; display: block; margin: auto;transition: all 0.5s;} .case_lb .swiper-slide:hover .swiper-img img{transition: all 0.5s;transform: scale(1.1);} .case_lb .swiper-slide p{line-height:50px;font-size:20px;text-align: center; position:absolute; width:100%; bottom:0; background:rgba(0,0,0,0.6); color:#fff} .case_lb .swiper-slide:hover p{color:#FED327;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .case_box .swiper-button-prev,.case_box .swiper-button-next{width:50px;height:50px;background:url(../images/case_prev_ico.png) no-repeat center; background-size:100%} .case_box .swiper-button-next{background:url(../images/case_next_ico.png) no-repeat center;background-size:100%} .case_box .swiper-button-next,.case_box .swiper-button-prev{ margin-top:0px; top:55%;} /**-------------end-------------**/ .jishu_box{ height:auto; overflow:hidden; padding:50px 0;} .jishu_box ul li{ width:33.33%; float:left;} .jishu_box ul li .title{ text-align:center; line-height:40px; font-size:20px; color:#101010; font-weight:bold} .jishu_box ul li .pic{ padding:15px 0;} .jishu_box ul li .pic img{ width:auto; max-width:50%;} .info{ width:84%; margin:auto; font-size:16px; line-height:20px; height:auto;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;} .product_box{ height:auto; overflow:hidden; padding:50px 0;} .index_product ul li{ width:20%; float:left; height:415px; overflow:hidden; position:relative;} .index_product ul li img{ max-width:100%; height:100%} .index_product ul li .title{ height:44px; line-height:44px; text-align:center; position:absolute; background:rgba(0,0,0,0.45); color:#fff; font-size:18px;font-family: 'SC-Regular'; left:0; bottom:0; width:100%; z-index:1; opacity:1; transition:all 0.7s; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp:1; -webkit-box-orient: vertical;} .index_product ul li .info{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(4,0,197,0.53); z-index:2; bottom:-100%;transition:all 0.7s} .index_product ul li .info .desc{ padding:5% 10% 0 10%; color:#fff;} .index_product ul li .info .desc h3{ line-height:46px; text-align:center; font-size:18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp:1; -webkit-box-orient: vertical;} .index_product ul li .info .desc p{ font-size:14px; line-height:24px;display: -webkit-box;-webkit-line-clamp:9;-webkit-box-orient: vertical;overflow: hidden;} .index_product ul li .info .desc .pmore{ padding-top:30px; text-align:center} .index_product ul li .info .desc .pmore span{ display:inline-block; margin:0 20px; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; border-radius:5px;} .index_product ul li .info .desc .pmore span:first-child{ border:1px solid #fff} .index_product ul li .info .desc .pmore span:last-child{ border:1px solid #F48A12; background:#F48A12;} .index_product ul li:hover .title{ opacity:0} .index_product ul li:hover .info{ bottom:0} .fazhan_box{ height:auto; padding-top:60px; width:90%; margin:auto; position:relative; z-index:2} .fazhan_box .menu_title{ margin-bottom:10px;} .fazhan_left{ width:70.65%;} .fazhan_box .title{position:relative; line-height:30px; font-size:16px; color:#000;font-family: 'SC-Regular'; font-weight:bold; padding-bottom:6px; margin-bottom:20px } .fazhan_box .title:after{ width:90%; height:4px; line-height:4px; position:absolute; left:3%; bottom:0; z-index:1; content:""; background:#3D3BC2;} .time_box{ height:auto;/* margin-top:340px;*/ background:#fff; box-shadow:0px 0px 22px #cccaf3;border-radius:15px; width:100%;} .list_time{ width:100%; height:58px; line-height:58px; position:relative; background:#3d3bc2; border-radius:10px;} .list_time li{ width:7.14%; float:left; text-align:center; font-size:18px; color:#fff; position:relative; cursor:pointer} .list_time li:after{ width:2px; height:20px; line-height:20px; position:absolute; right:0; top:-20px; z-index:1; content:""; background:#5e5953;} .list_time li:last-child:after{ width:0px} .qi{ width:35px; height:107px; position:absolute; z-index:2; right:-31px; top:-107px; opacity:0} .qi img{ width:auto; max-width:100%;} .list_time li .qi{ top:-100px} .list_time li .dot{ width:38px; height:45px; z-index:2; position:absolute; right:-16px; bottom:-30px; opacity:0; transition:all 0.5s} .list_time li .dot img{width:auto; max-width:100%;} .list_time li .desc{ width:308px; padding:12px; border:1px dashed #3E3AC2; position:absolute; top:-252px; z-index:2; background:#fff; opacity:0; transition:all 0.2s ease-out} .list_time li:nth-child(12) .desc{ left:-20%} .list_time li:last-child .desc,.list_time li:nth-child(13) .desc{ right:0;} .list_time li .desc h3{ line-height:44px; text-align:center; font-size:15px; color:#000} .list_time li .desc p{ font-size:15px; color:#666; line-height:20px; padding-top:2px; text-align:left;} .list_time li:nth-child(1) .qi,.list_time li:nth-child(7) .qi,.list_time li:nth-child(12) .qi{ opacity:1} .list_time li:nth-child(1) .desc,.list_time li:nth-child(7) .desc,.list_time li:nth-child(12) .desc {opacity:1} .list_time li span.on{ color:#F00} .fazhan_history{ width:28.66%; border:2px solid #3D3BC2; background:#F7F7F7;} .fazhan_history .title{ height:74px !important; text-align:center; background:#3D3BC2 ; line-height:74px !important; color:#fff; font-size:20px !important; margin-bottom:0} .fazhan_container{ height:442px; position:relative; overflow:hidden; /*background:url(../images/top_jiantou.png) right no-repeat; */} .fazhan_container .swiper-slide { font-size: 18px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; } .fazhan_container .swiper-slide li{ background:#fff; padding:3% 5%; margin-bottom:10px;box-sizing: border-box; height: 130px;} .fazhan_container .swiper-slide li h3{ font-size:15px; line-height:30px;display: block;} .fazhan_container .swiper-slide li p{ line-height:25px; font-size:14px;overflow: hidden;display: block;} /******end 发展历程******/ .menu_title img{ max-width:16%; height:auto} .links{} .links { font-size:15px; color:#fff; line-height:30px;} .links i{ font-weight:normal; color:#9f9f9f; font-style:normal} .links a{ font-size:14px; color:#fff; margin:0 5px;} .footer_box{ height:auto; overflow:hidden; background:#3D3BC2;margin-top:50px;} .footer_nav{ padding-top:10px;border-bottom:1px solid #6A6ACE; height:60px; text-align:center} .footer_nav a{padding:0 3.8%; font-size:15px; color:#FFFFFD; line-height:50px; } .footer{ padding:40px 0; height:auto; overflow:hidden;border-top: 1px solid #040092; border-bottom:1px solid #6A6ACE; padding-bottom:0} .footer .footer_logo{ width:36%; text-align:center; margin-top:2%} .footer .footer_text{ width:32%; text-align:left;} .footer .footer_text p{ line-height:50px; font-size:15px; color:#fff; display:block; clear:both} .footer .footer_text p img{ float:left; margin-right:10px; margin-top:10px;} .footer .footer_text a{ font-size:14px; color:#fff} .footer_ewm{ width:28%; margin-left:0%} .footer_ewm .info{ text-align:center; font-size:15px; color:#fff; line-height:40px;} /**swiper 时间插件**/ .timeline { width: 100%; background-color: #fff; /* box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);*/ } .timeline .swiper-container { height: 520px; width: 100%; position: relative; } .timeline .swiper-wrapper { transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; } .timeline .swiper-slide { position: relative; color: #3D3BC2; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; background-size: 100%; } .timeline .swiper-slide .swiper-bei{ position: absolute; width: 100%;height: 100%;background: rgba(0,0,0,0.6);} .timeline .swiper-slide::after { content: ""; position: absolute; z-index: 1; right: -115%; bottom: -10%; width: 100%; height: 100%; /* background-color: rgba(0, 0, 0, 0.7);*/ /* box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);*/ border-radius: 100%; } .timeline .swiper-slide-content { position: absolute; text-align: left; width: 80%;/* max-width: 310px;*/ top: 13%; -webkit-transform: translate(50%, 0); transform: translate(50%, 0); font-size: 12px; z-index: 2; } .timeline .swiper-slide .timeline-year { display: block; font-style: italic; font-size: 42px; margin-bottom: 50px; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); color:#f7ba29; font-weight: 300; opacity: 0; transition: .2s ease .4s; font-weight:bold; } .timeline .swiper-slide .timeline-title { font-weight: 800; font-size: 30px; margin: 0 0 30px; opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); transition: .2s ease .5s; color:#fff } .timeline .swiper-slide .timeline-text { line-height:30px; opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); transition: .2s ease .6s; font-size:18px; color:#fff } .timeline .swiper-slide .timeline-text p{ font-size: 18px; color: #fff; line-height:30px} .timeline .swiper-slide .timeline-text span{ font-size: 18px; color: #fff !important; line-height:30px} .timeline .swiper-slide-active .timeline-year { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .4s ease 1.6s; } .timeline .swiper-slide-active .timeline-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .4s ease 1.7s; } .timeline .swiper-slide-active .timeline-text { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: .4s ease 1.8s; } .timeline .swiper-pagination { left:12% !important; height: 100%; display: none; flex-direction: column; justify-content: center; font-style: italic; font-weight: 300; font-size: 16px; z-index: 1; right:auto; background:#3D3BC2; width:15%; border-radius:15px;box-shadow: 0px 0px 10px #000; } .timeline .swiper-pagination::before { content: ""; position: absolute; right: 0px; top: 0; height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.2); display:none } .timeline .swiper-pagination-bullet { width: auto; height: auto; text-align: center; opacity: 1; background: transparent; color: #f7ba29; margin: 5px 0 !important; position: relative; font-weight:bold } .timeline .swiper-pagination-bullet::before { content: ""; position: absolute; top: 0px; right: -15.5px; width: 18px; height:24px; border-radius: 100%; /* background-color: #d4a024; */ -webkit-transform: scale(0); transform: scale(0); transition: .2s; background:url(../images/time_dot.png) center no-repeat; background-size:100%; } .timeline .swiper-pagination-bullet-active { color: #d4a024; } .timeline .swiper-pagination-bullet-active::before { -webkit-transform: scale(1); transform: scale(1); } .timeline .swiper-button-next, .timeline .swiper-button-prev { background-size: 20px 20px; top: 8%; width: 20px; height: 20px; margin-top: 0; z-index: 2; transition: .2s; } .timeline .swiper-button-prev { left: 5.5%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); } .timeline .swiper-button-prev:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); } .timeline .swiper-button-next { left: 5.5%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E"); } .timeline .swiper-button-next:hover { -webkit-transform: translateX(3px); transform: translateX(3px); } /**内页css处理 end**/ .inner_body{ width:88%; margin:auto; height:auto; overflow:hidden;/* margin-top:50px;*/} .inner_left{ width:16%; margin-top:44px;} .left_lian { width: 100%;margin-top: 30px;} .left_lian p{ text-align: center;height: 140px;background: #1d3d95;line-height: 140px;font-size: 30px;color: #fff;} .left_lian ul{ padding: 0px 10px;box-sizing: border-box;border: 1px solid #999; } .left_lian ul li{ line-height: 40px;} .left_lian ul li span{ width: 100%;display: block;} .left_lian ul li img{ width: 80%;display: block;margin: auto;} .inner_left.addfixed{ position:fixed; left:2%; top:72px; z-index:2} .inner_left .menu{ width:100%; height:auto; position:relative;} .inner_left .menu img{ width:100%; height:auto; position:relative;} .inner_left .menu h3{ position:absolute; z-index:1; text-align:center; font-size:30px; top:30%; color:#fff; width:100%; font-weight:normal;} .list_class{ height:auto; overflow:hidden; padding-bottom:20px;} .list_class li{line-height:50px; text-align:center; background:#fafafa; border-bottom:2px solid #ffffff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;} .list_class li dl{ padding:3px 10px;} .list_class li dl dt{ line-height:30px;} .list_class li a{ color:#101010; font-size:17px; transition:all 0.5s } .list_class li a.gotoclass{color:#fd8600;} .list_class li dl dt a{ font-size:16px;} .list_class li.on a{ color:#fd8600;} .list_class li:hover a{ color:#3d3bc2;} .list_class li dt:hover a{color:#E10000;} .inner_right{ width:81%;} .inner_right.join_us{ width:75%;display: block;margin: auto;float: initial;} .inner_right.join_us .about_join_box ul{ width:100%} .page_show{ padding:20px 2%; line-height:30px;} .list-fen{ width: 100%;display: inline-block;margin-top: 48px;} .list-fen ul{display: flex; flex-direction: row; justify-content: center;} .list-fen ul li{ width: 12%;border: 1px solid #f1f1f1;line-height: 45px;border-radius: 30px;margin: 0px 10px;text-align: center; } .list-fen ul li.on{ background: #1e4485;} .list-fen ul li.on a{ color: #fff;} /* 关于我们-aciton */ .about_body{margin-top:0;} .about_ej_box {background:#f5f4f8;padding:1%;margin:auto; height:auto; overflow:hidden;margin-top: 2%;} .about_ej_box .about_ej1 {margin-bottom:64px;} .about_ej_box .about_ej1 .about_ej1_div{width:25%;float:left;background:#afabf1;border-right:1px solid #FFFFFF;text-align:center;padding:3.8%;color:#FFFFFF;} .about_ej_box .about_ej1 .about_ej1_div p{font-size:20px;} .about_ej_box .about_ej1 .about_ej1_div p span{font-size:50px;margin-right:10px;} .about_ej_box .about_ej1 .about_ej1_div p:first-child{font-size:25px;} .about_ej_bt{border-left:16px solid #1d3d95;padding-left:1%;margin-bottom:50px;position: relative;font-size:24px;font-weight:bold; display:inline-block;} .about_ej_bt .cmore{ float:right; font-size:14px; color:#999999; font-weight:normal;} .about_ej_bt .cmore img{ display:inline-table; vertical-align:middle; margin-left:5px;} .about_ej_bt .cmore a{ background:none;} .case_box1_title{ line-height:60px; text-align:center; font-size:24px; color:#010101} .case_box1_title span{ color:#007dd0; font-size:28px} .case_box1_title span i{ display:inline-block; vertical-align:top; font-style:normal} .about_ej_bt:after{position: absolute;content:'';left:0.3%;height:100%;border-right:5px solid #1d3d95; top:0} .about_ej_bt a{background:#86a6ff;padding:0 10px;line-height:35px;display:inline-block; transition:all 0.7s ease-out} .about_ej_bt span{font-size:30px;font-weight:normal;color:#FFFFFF;transition:all 0.5s ease-out} .about_ej_bt:hover a{color:#ffffff} .about_ej_bt:hover span{ color:#4F4F4F} .about_ej_gsjj{background:url(../images/about_ej_gsjj.png) no-repeat top center; height:600px; overflow:hidden; margin-bottom:4%;margin-top: 2%;} .about_ej_gsjj .about_ej_bt{ display:block !important} .about_ej_gsjj .about_ej_gsjj_nr{width:41%;padding:0.8%;text-indent:2em;background:#e2dfea;border-radius:10px;line-height:36px; margin-left:2%; font-size:16px;} .about_ej_gsjj .about_ej_gsjj_nr p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:20; overflow: hidden;} /*.about_ej_gsjj .about_ej_gsjj_nr p:nth-child(1){ -webkit-line-clamp:20;}*/ /*.about_ej_gsjj .about_ej_gsjj_nr p:nth-child(2){ -webkit-line-clamp:20;}*/ /*.about_ej_gsjj .about_ej_gsjj_nr p:nth-child(3),.about_ej_gsjj .about_ej_gsjj_nr p:nth-child(4){ -webkit-line-clamp:20;}*/ .about_ej_gsjj_pic{ width:48.33%; margin-left:6%; border-radius:20px; position:relative;background:#D8D5E0; margin-top:15%;} .about_ej_gsjj_pic .about_ej_gsjj_img{ width:100%; position:absolute; border-radius:20px; z-index:1; left:-6%; top:-6%;height: 392px;overflow: hidden;} .about_ej_gsjj_img img{ width: 100%;height: 100%;object-fit: cover;} .about_ej_school{ position:relative; width:96%; margin:auto; height:auto; overflow:hidden; border-radius:10px; transition:all 0.5s} .about_ej_school img.bg{ position:relative; width:100%; height:auto;} .about_ej_man{transition:all 0.5s} .about_ej_school:hover,.about_ej_man:hover { box-shadow:0px 0px 12px #7F7F7F} .about_ej_school .title{ width:auto; height:auto; padding:10px 3%; overflow:hidden; background:rgba(0,0,0,0.7); color:#fff; margin:auto; font-size:50px; position:absolute; z-index:2; top:2%; left:34%; } .about_ej_school .title img{ display:inline-block; vertical-align:middle; margin-right:1%;width:15%; max-width:69px; height:auto;} .about_ej_school .text{position:absolute; width:100%; padding:8px 5%; line-height:30px; color:#fff; background:rgba(0,0,0,0.5); z-index:2; font-size:15px; left:0; bottom:0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .about_ej_title{ text-align:center; line-height:40px; font-size:32px; padding:20px 0; color:#1d3d95} .about_ej_man{ position:relative; width:96%; margin:auto; height:auto; overflow:hidden; border-radius:10px; background:#939393;} .about_ej_man .pic{ width:44%;} .about_ej_man .pic img{ width:100%} .about_ej_man .text{ width:56%; padding:0 5%} .about_ej_man .text .title{color:#fff; margin:auto; font-size:50px; text-align:center; margin-top:5%; } .about_ej_man .text .title img{ display:inline-block; vertical-align:middle; margin-right:1%;width:10%; max-width:62px; height:auto;} .about_ej_man .text .txt{font-size:15px; color:#fff; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-indent:2em; padding-top:5%;} .fazhan_title{ padding:5% 0; text-align:center} .fazhan_title .about_ej_bt{ display:inline-block; margin-left:auto; margin-bottom:0;} .lainxi{display:inline-block; width: 100%;} .lainxi ul{ width: 49%; float: left} .lainxi ul li{ float: left;width: 100%;height: 146px;padding: 30px;box-sizing: border-box;background: #f5f4f8;border-radius: 10px;margin-bottom: 45px;} .lainxi ul li p{ font-size: 24px;line-height: 40px;} .lainxi ul li p b{ width: 35px; height: 35px;display: block;float: left;margin-right: 15px;} .lainxi ul li p b img{ width: 100%;} .lainxi ul li span{ font-size: 30px; margin-left: 6%} .lainxi ul li:last-child{ margin-right: 0px;} .about_culture_list{width:96%; margin:auto; padding:0 2%; margin-top:10%; position:relative; z-index:2} .about_culture_list ul{ text-align:center} .about_culture_list ul li{ display:inline-table; vertical-align:top; background:#C3C0CB; height:500px; width:23.5%; margin:0 3%; position:relative; border-radius:10px;} .about_culture_list ul li .inner{ height:auto; overflow:hidden; background:#fff; margin-left:-6%; margin-top:-30px; width:100%; border-radius:10px;} .about_culture_list ul li .inner .pic{height:auto; overflow:hidden; position:relative} .about_culture_list ul li .inner .pic span{ display:block; position:absolute; bottom:0; z-index:1; left:1%; color:#fff; font-size:42px; font-weight:bold} .about_culture_list ul li .inner .infos{ padding:30px 5%; height:208px; overflow:hidden; text-indent:2em; font-family:"微软雅黑"; font-size:20px; line-height:28px; text-align:left;} .about_culture_list ul li .inner .infos span{ font-size:30px; width: 100%;display: block;text-align: center;} .about_culture_list ul li:first-child .inner .infos{ background:#f7f7f7;} .about_culture_list ul li:nth-child(2) .inner .infos{ background:#f7f7f7;} .about_culture_list ul li:nth-child(3) .inner .infos{ background:#f7f7f7;} .about_culture_list ul li .inner .infos p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:10; overflow: hidden;text-align: center;line-height: 40px;margin-top: 5%;} .about_culture_list ul li .inner .infos span{ font-family:"lidebiao"} .about_culture_list ul li .inner .infos img{ width:auto; max-width:100%;} .about_join_box{ height:auto; overflow:hidden; width:96%; margin:auto} .about_join_box ul{ display:block; clear:both; height:auto; overflow:hidden; position:relative; z-index:2; background:#fff; width:80%; margin:auto;} .about_join_box ul li{ width:50%; float:left;} .about_join_box ul li input{ width:90%; height:50px; line-height:50px; text-indent:15px; font-size:18px; color:#BDBDBD; border:1px solid #C0C0C0; border-radius:5px; background:#F8F7FC;} .about_join_box ul li div{ height:auto; overflow:hidden;margin-bottom:4.8%;} .about_join_box ul li .option{ position: relative; width:90%;height:50px;border:1px solid #C0C0C0; border-radius:5px; } .about_join_box ul li .option select{ /*清除select的边框样式*/ border: none; /*清除select聚焦时候的边框颜色*/ outline: none; /*将select的宽高等于div的宽高*/ width: 100%; height: 50px; line-height: 50px; /*隐藏select的下拉图标*/ appearance: none; -webkit-appearance: none; -moz-appearance: none; background:#F8F7FC; font-size:18px; color:#797979; text-indent:15px; } .about_join_box ul li .option select option{ padding-left:2% ;color:#BDBDBD; margin-left:2% } /*使用伪类给select添加自己想用的图标*/ .about_join_box ul li .option:after{ content: ""; width:40px; height:40px; background: url(../images/arrow-down.png) no-repeat center; background-size:100%; /*通过定位将图标放在合适的位置*/ position: absolute; right:5px; top: 5px; /*给自定义的图标实现点击下来功能*/ pointer-events: none; } .about_join_box ul li textarea{ width:90%; height:212px; line-height:50px; text-indent:1rem; font-size:18px; color:#BDBDBD; border:1px solid #C0C0C0; border-radius:5px; background:#F8F7FC; padding-top:10px; float:right;} .about_join_box ul li::placeholder{font-size:18px; color:#BDBDBD;} .about_join_box .submit{ width:320px; height:60px; line-height:60px; background:#1d3d95; border-radius:5px; text-align:center; margin:auto;} .about_join_box .submit img{ display:inline-table; vertical-align:middle;} .about_join_box .submit input{ width:100px; height:60px; line-height:60px; text-align:center; font-size:22px; color:#fff; border:0px; display:inline-table; vertical-align:middle; background:#1d3d95;　-webkit-appearance:none; /*去除input默认样式*/ } /* 关于我们-over */ /**案例专题start**/ .case_box1{ height:auto; overflow:hidden; position:relative; padding:50px 0;padding-bottom: 0px;} .case_box1 .about_ej_bt{ width:100%} .case_box1_list{ padding:0 2%;} .case_box1_list ul li{ width:23%; margin-right:2.5%; float:left; margin-bottom:40px;} .case_box1_list ul li:nth-child(4n){ margin-right:0} .case_box1_list ul li .pic{ height:200px; overflow:hidden} .case_box1_list ul li .pic img{ width:100%; max-width:100%; height:100%; transition:all 0.7s} .case_box1_list ul li .title{ height:38px; text-align:center; line-height:38px; background:#dae9f7; color:#0096ff; font-size:14px; box-shadow:0px 6px 14px #ccc; transition:all 0.7s;overflow: hidden;} .case_box1_list ul li:hover .pic img{ transform:scale(1.05)} .case_box1_list ul li:hover .title{ background:#83c3f7; color:#fff} .case_box2{ height:auto; overflow:hidden; padding:60px 0 100px 0; background:url(../images/case_box2_bg.jpg) top center repeat-y;} .case_box2_inner{ width:68%; margin:auto; position:relative;} .case2_button{ width:68px; height:32px; position:absolute; z-index:1; right:0; top:30px; border:1px solid #fff;} .case2_button div{ width:30px; height:30px; display:inline-table; background:url(../images/case2_button.png) center no-repeat; transition:all 0.5s } .case2_button div:hover{ background:#fff url(../images/case2_button.png) center no-repeat;} .case2_button div.case2_prev{background-position: 0px -30px} .case2_button div.case2_next{background-position: -30px 0px} .case2_button div.case2_prev:hover{background-position: 0px 0px} .case2_button div.case2_next:hover{background-position: -30px -30px} .case_title { height:auto; overflow:hidden;} .case_title .about_ej_bt{ float:left; margin-bottom:50px;display: inline-block; margin-left: auto;} .case_title .about_ej_bt:after{border-right: 5px solid #fff; left:1%} .case_title .about_ej_bt{ border-left: 16px solid #ffffff;} .case_title .about_ej_bt a{ color:#fff} .case_box2_inner .case_box2_inner_title{line-height: 60px;text-align: center;font-size:30px;color: #f39800; margin-bottom:38px;} .case_box2_inner .case_box2_inner_title span{ color:#fff;} .case_box2_list{margin:auto ; position:relative; overflow:hidden} .case_box2_list ul{ text-align:center} .case_box2_list ul li{ width:30%;/* float:left;*/ margin-right:3%; display:inline-table} .case_box2_list ul li .pic{ height:auto;max-height:280px; overflow:hidden} .case_box2_list ul li .pic img{ transition:all 0.5s; width:100%} .case_box2_list ul li .infos{ padding:0 4%; padding-bottom:85px; background:#fff; position:relative;} .case_box2_list ul li .infos .title{ line-height:54px; text-align:center; border-bottom:1px solid #E6E6E6; color:#333333; font-size:18px; transition:all 0.7s} .case_box2_list ul li .infos .des{ font-size:14px; color:#666; padding-top:12px; line-height:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;} .case_box2_list ul li .infos .more{ width:118px; height:36px; line-height:36px; text-align:center; border:1px solid #CCCCCC; color:#666; font-size:14px; position:absolute; left:50%; margin-left:-59px; z-index:1; transition:all 0.7s; bottom:30px} .case_box2_list ul li:hover .title{ color:#0167ae;} .case_box2_list ul li:hover .more{ background:#1d3d95; color:#fff;} .case_box2_list ul li:hover .pic img{ transform:scale(1.05)} .case_box3{ height:auto; overflow:hidden;padding:50px 0;} .case_box3_inner{ width:68%; margin:auto; position:relative} .case_box3_inner_scroll{ width:90%; margin:auto; position:relative; overflow:hidden} .case_box3_inner_scroll .swiper-slide{ width:19%; float:left; border:1px solid #EBE7E8; height:74px; position:relative; overflow:hidden} .case_box3_inner_scroll .swiper-slide img{ transition:all 0.7s} .case_box3_inner_scroll .swiper-slide:hover img{ transform:scale(1.05)} .case_box3 .case-next,.case_box3 .case-prev{ width:30px; position:absolute; top:60%; z-index:9; cursor:pointer;} .case_box3 .case-next img,.case_box3 .case-prev img{ width:100%} .case_box3 .case-next{ right:0} .case_box3 .case-prev{ left:0} .case_box3 .title{ text-align:center; line-height:60px; font-size:30px; margin-bottom:38px;} .case_box3 .title span{ color:#007dd0;} /**案例专题 end**/ .inner_right_top{ padding:18px 2%; height:auto; overflow:hidden; box-shadow:0px 0px 10px #c7c7c7; border-radius:20px;margin-bottom:50px; width:98%;} .inner_right_top .pic{ width:45%; background:#f5f5f5; border-radius:20px;height: 360px;overflow: hidden;} .inner_right_top .pic img{ transition:all 0.7s; width: 100%;height: 100%;object-fit: cover;} .inner_right_top .text{ width:55%; padding-right:3%; padding-left:2%} .inner_right_top .text h3{ padding-top:20px;color:#101010; font-size:20px;line-height:40px; transition:all 0.5s;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .inner_right_top:hover .text h3{ font-weight:bold; color:#3d3bc2} .inner_right_top .text p{ line-height:24px; font-size:16px;padding-top:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;} .inner_right_top:hover .pic img{transform:scale(1.06)} .inner_right_top .text span{ display:inline-block; padding:10px 8%; margin-right:2%; font-size:14px; border-radius:10px; margin-top:10%} .inner_right_top .text span.time{ color:#101010;} .inner_right_top .text span.xmore{ background:#3d3bc2; color:#fff;} .inner_list_tech { position:relative; padding:1% 0; height:auto; overflow:hidden; margin-top:42px} .inner_list_tech .line{ width:2px; height:100%; background:#000; position:absolute; z-index:1; left:3%; top:0} .inner_list_tech ul { display:block; width:92.35%; float:right; margin-right:2%;} .inner_list_tech ul li{padding:12px 1%; box-shadow:0px 0px 10px #ccc; border-radius:20px;margin-bottom:50px; height:234px;position:relative} .inner_list_tech ul li:before{ width:20px; height:20px; z-index:2; background:#000; position:absolute; content:""; left:-3.6%; border-radius:50%; top:45%; transition:all 0.5s} .inner_list_tech ul li:last-child{ margin-bottom:0} .inner_list_tech ul li .pic{ width:35%; padding:0; border-radius:20px; height:210px; overflow:hidden} .inner_list_tech ul li .pic img{ transition:all 0.7s;width:100%; height:auto; border-radius:20px; max-height:100%} .inner_list_tech ul li .text{ width:55%; padding-left:2%} .inner_list_tech ul li .text h3{ padding-top:20px;color:#fd8600; font-size:20px;line-height:40px; transition:all 0.5s;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .inner_list_tech ul li:hover .text h3{ font-weight:bold; color:#3d3bc2} .inner_list_tech ul li:hover:before{ background:#3d3bc2} .inner_list_tech ul li .text p{ line-height:24px; font-size:16px;padding-top:10px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden;} .inner_list_tech ul li:hover .pic img{transform:scale(1.06)} .inner_news_list,.inner_pic_list { height:auto; margin-top:42px} .inner_news_list li{ width:50%; float:left; height:auto; overflow:hidden; margin-bottom:40px;transition:all 0.7s;} .inner_news_list li .pic{ width:40%; height:170px; overflow:hidden} .inner_news_list li .pic img{transition:all 0.7s; max-width:90%; height: 100%;object-fit: cover;} .inner_news_list li:hover{ box-shadow:0px 0px 10px #c7c7c7; } .inner_news_list li:hover .pic img{ transform:scale(1.06)} .inner_news_list li .text{ width:50%; margin-left:4%; color:#101010;} .inner_news_list li .text h3{ line-height:30px; padding-top:0px; font-size:18px; transition:all 0.5s;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .inner_news_list li:hover h3{ color:#3d3bc2;transition:all 0.7s;} .inner_news_list li .text p{ line-height:22px; font-size:15px; padding-top:5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;} .inner_news_list li .text span{ display:inline-block; font-size:13px; margin-top:5px; margin-right:2%; padding:3px 5px;border-radius:5px;} .inner_news_list li .text span:last-child{ float:right; background:#3d3bc2; color:#fff;} .inner_pic_list li{ width:31%; float:left; margin-right:2%; margin-bottom:20px; height:auto; overflow:hidden; border: 1px solid #dfdfdf} .inner_pic_list li .pic{ height:300px; text-align:center; overflow:hidden} .inner_pic_list li .pic img{ transition:all 0.7s; width: 90%; object-fit: contain } .inner_pic_list li:hover .pic img{ transform:scale(1.1)} /**科研成果 start**/ .inner_keyan_list{ margin-top:40px} .inner_keyan_list li{ width:23%; float:left; margin-right:2%; margin-bottom:20px; height:auto; overflow:hidden; padding:5px 1%; border:1px solid #000;} .inner_keyan_list li:nth-child(4n){ margin-right:0} .inner_keyan_list li .pic{ height:400px; text-align:center; overflow:hidden} .inner_keyan_list li .pic img{ transition:all 0.7s} .inner_keyan_list li:hover .pic img{ transform:scale(1.1)} /**科研成果 end**/ /**荣誉资质 start**/ .inner_honor_top{ height:auto; overflow:hidden; margin-top:42px;} .inner_honor_top ul li{ width:48%; float:left; margin-right:3%;} .inner_honor_top ul li .pic{ padding:10px; border:1px solid #000} .inner_honor_top ul li .pic img{ transition:all 0.7s} .inner_honor_top ul li:hover .pic img{ transform:scale(1.05)} .inner_honor_top ul li .title{ padding:2% 0; text-align:center; line-height:30px; background:#3d3bc2; color:#fff; font-size:100%; margin-top:10px;} .inner_honor_top ul li:last-child{ margin-right:0} /**荣誉资质 end**/ /**专家团队 start**/ .inner_team_top{ width:75%;margin:auto; margin:20px auto; /*box-shadow:10px 10px 15px #ccc;*/ padding:5px 0; height:auto; overflow:hidden; margin-top:40px } .inner_team_top .pic{ width:42%;} .inner_team_top .pic img{ /*border-radius:20px*/} .inner_team_top_content{ padding:10px 2%; line-height:32px; font-size:18px; background:#fafafa; width:75%; margin:auto; margin-top:20px;} .inner_team_top_content p{ text-indent:2em} .inner_team_top .text{ margin-left:3%; width:53%;} .inner_team_top .text h3{ line-height:40px; font-size:32px; color:#000;} .inner_team_top .text h4{ font-size:16px; color:#000000; padding-bottom:10px} .inner_team_top .text .team_info{/* height:280px; */overflow:auto; font-size:18px; color:#fff; } .inner_team_top .text .team_info p{line-height:36px; background:url(../images/ftitle_bg.png) right no-repeat; background-size:100%; height:76px; letter-spacing:2px; padding-left:20%} .inner_team_list{ width:75%; padding-top:50px; margin-left:15%} .inner_team_list .line{ width:23%;} .inner_team_list .line img{ width:auto; max-width:100%;} .inner_team_list ul{ display:block; float:left; width:77%;} .inner_team_list ul li{ height:auto; overflow:hidden; margin-bottom:26px; position:relative; padding-bottom:20px; padding-top:12px;} .inner_team_list ul li .pic{ width:191px; height:191px; border-radius:50%; border:18px solid #3d3bc2; position:absolute; left:0; top:0; z-index:2; top:5px} .inner_team_list ul li .pic img{ border-radius:50%; width:100%; max-height:100%; transition:all 0.7s} .inner_team_list ul li:hover .pic img{ transform:scale(1.08)} .inner_team_list ul li .text{ width:88%; float:right; margin-right:2%; position:relative; z-index:1; padding-left:20%; border-radius:60px;box-shadow:0px 0px 15px #ccc;} .inner_team_list ul li .text h3{line-height:48px; font-size:20px; color:#fd8600;} .inner_team_list ul li .text .txt{ height:140px; overflow:auto; font-size:16px; color:#222222; line-height:26px; margin-right:10px;} /* 定义滚动条样式 */ .inner_team_list ul li .text .txt::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ .inner_team_list ul li .text .txt::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); /* border-radius: 10px;*/ background-color: rgba(240, 240, 240, .5); } /*定义滑块 内阴影+圆角*/ .inner_team_list ul li .text .txt::-webkit-scrollbar-thumb { /* border-radius: 10px;*/ box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); background-color: rgba(240, 240, 240, .5); } /**专家团队 end**/ .inner_pic_list li h3{ text-align:center; text-align:center; line-height:60px; font-size:16px; color:#333; clear:both;background: #f1f1f1; height: 60px;overflow: hidden;} .e_page{ height:60px; margin-bottom:50px; text-align:center; padding-top:10px} .e_page a,.e_page span{ display:inline-block; padding:3px 10px; line-height:20px; border-radius:5px; background:#fafafa; color:#010101; margin:5px 5px} .e_page span{ background:#3d3bc2; color:#fff;} .message{width:95%;margin:auto; margin-top:30px} .message p{display: block;width:46%;float: left;margin:5% 8%;overflow: hidden;} .message p:nth-child(1n){margin-left:0;margin-top:0;} .message p:nth-child(2n){margin-right:0;} .message p span{line-height:44px;font-size:20px;color:#1d3d95;float: left;} .message p input{width:70%;height:44px;border:1px solid #1d3d95;padding:0 2%;font-size:16px;display: inline-block;float: left;} .message p:nth-child(3), .message p:nth-child(4){width:100%;} .message p:nth-child(4){height:130px;} .message p:nth-child(3) input{width:86%;} .message p textarea{width:86%;height:100%;border:1px solid #1d3d95;display: inline-block;float: left;padding:2%;font-size:18px;} .message .submit{width:35%;height:40px;background:#1d3d95;border:none;color:#FFFFFF;font-size:18px;font-weight: bold;border-radius:5px;display: block;margin:2% auto;cursor: pointer;} .single_pic{ padding:5px; border:1px solid #f5f5f5; width:40%; float:left; margin-right:1%;} .single_pic img,.single_pic1 img{ width:100%} .single_pic1{ padding:5px; border:1px solid #f5f5f5;float:left; margin-right:5%;width:32%; } .page_contact{ width:96%; padding:3% 32%; margin-top:20px; font-size:100%; line-height:32px; background:url(../images/contact_bg.jpg) right no-repeat; background-size:100%; height:auto; overflow:hidden;} .page_contact p{line-height:32px;} /**内页css处理 end**/ @media screen and (min-width: 1900px) { .fazhan_container .swiper-slide li{ overflow:hidden;} .fazhan_container .swiper-slide li p{ line-height:36px;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;} .inner_news_list li .text p{ line-height:32px;} .logo{ margin-left:8%;} } @media screen and (min-width: 768px) { .timeline .swiper-slide::after { left: -30%; bottom: -8%; width: 240px; height: 50%; /* box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);*/ } .timeline .swiper-slide-content { left: 32%; top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:60%; font-size: 12px; text-align: left; } .timeline .swiper-slide .timeline-year { margin-bottom: 0; font-size: 32px; } .timeline .swiper-slide .timeline-title { font-size: 32px; margin: 0; padding-bottom:1rem; } .timeline .swiper-pagination { display: flex; width:11% } .timeline .swiper-button-prev { top: 3%; left:17.5%; -webkit-transform: rotate(90deg) translate(0, 10px); transform: rotate(90deg) translate(0, 10px); } .timeline .swiper-button-prev:hover { -webkit-transform: rotate(90deg) translate(-3px, 10px); transform: rotate(90deg) translate(-3px, 10px); } .timeline .swiper-button-next { top: auto; bottom: 3%; left: 17.5%; -webkit-transform: rotate(90deg) translate(0, 10px); transform: rotate(90deg) translate(0, 10px); } .timeline .swiper-button-next:hover { -webkit-transform: rotate(90deg) translate(3px, 10px); transform: rotate(90deg) translate(3px, 10px); } } @media screen and (min-width: 1024px) { .timeline .swiper-slide::after { right: -20%; bottom: -12%; width: 240px; height: 50%; /* box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);*/ } .timeline .swiper-slide-content { right:auto; } } /**swiper 时间插件**/ /**新版 css**/ .inner_product_list{ margin-top:42px;} .inner_product_list ul li{ height:auto;position:relative; margin-bottom:60px; border-radius:20px;background: #8dabff;} .inner_title_aa{ text-align:left; padding-left:3%; padding-top:20px;/*background:#e1deff;border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:-2px 0px 12px #ccc; */} .inner_title_aa .cn{ font-size:36px; font-weight:bold; margin-left:6px; color:#000; transition:all 0.7s} .inner_title_aa .cn span{ display:inline-table; vertical-align:middle; width:20px; height:32px; background:#1d3d95; position:relative; margin-right:24px; transition:all 0.7s} .inner_title_aa .cn span:before{ position:absolute; width:4px; height:32px; background:#1d3d95; left:-6px; top:0; content:""; z-index:1; transition:all 0.7s} .inner_title_aa .cn span:after{ position:absolute; width:8px; height:32px; background:#1d3d95; right:-10px; top:0; content:""; z-index:1; transition:all 0.7s} .inner_title_aa:hover .cn{ color:#1d3d95} .inner_title_aa:hover .cn span{ background:#000} .inner_title_aa:hover .cn span:before{background:#000} .inner_title_aa:hover .cn span:after{background:#000} .inner_title_aa .en{ color:#ffffff; font-size:24px; line-height:42px;transition:all 0.7s} .inner_title_aa:hover .en{ color:#fff} .inner_product_list ul li .p_content{ padding:20px 3%; height:auto; overflow:hidden; background:#1d3d95; border-radius:20px; box-shadow:0px 0px 12px #ccc; position:relative; border-top-left-radius:0; border-top-right-radius:0; margin-top:10px;} .inner_product_list ul li .p_content .pic{ width:44%; float:left; margin-right:3%; position:relative; overflow:hidden;max-height: 404px;} .inner_product_list ul li .p_content .pic img{ transition:all 0.5s;width: 100%;height: 100%;object-fit: cover;} .inner_product_list ul li .p_content .text{ width:47%; float:left; color:#fff; font-size:18px; line-height:40px; margin-left:5%; display: flex; justify-content: center; align-items: left; flex-direction: column; min-height:323px;} .inner_product_list ul li .p_content .text span{ line-height:40px !important; } .inner_product_list ul li .p_content .text p{line-height:40px !important; } .inner_product_list ul li .p_content .more{ width:15%; height:50px; line-height:50px; border-radius:15px; background:#f39801; font-size:20px; color:#fff; border:1px solid #fff; position:absolute; right:3%; bottom:30px; z-index:1;text-align: center;} .inner_product_list ul li:hover .p_content img{ transform:scale(1.1)} .service_title_cn{ text-align:center; font-size:48px; margin:auto; width:200px; position:relative; transition:all 0.5s} /*.service_title_cn:hover{ font-size:40px}*/ .service_title_cn span{ display:block; width:20px; height:20px; border-radius:50%; position:absolute; left:0; top:5px; z-index:1; background:#FFAF2A} .service_title_cn .txt{ position:relative; z-index:2} .service_title_en{font-size:24px; color:#6e6e72; text-align:center; width:auto; position:relative; max-width:530px; margin:auto} .service_title_en:before{ width:30%; height:3px; line-height:3px; position:absolute; left:0; top:50%; z-index:1; content:""; background:#fff;} .service_title_en:after{ width:30%; height:3px; line-height:3px; position:absolute; right:0; top:50%; z-index:1; content:""; background:#fff;} .service_box{ padding-top:20px; height:auto; overflow:hidden} .service_box img{ width:auto; max-width:100%; display:block; margin:auto; transition:all 0.5s} .service_box:hover img{ transform:scale(1.02)} .w1200{ width:1200px; margin:auto;} .inner_content{ height:auto; overflow:hidden;background: #EEEDF3; padding:0 3%} .list_tree_top{ height:auto; overflow:hidden;/* background: #ADA7EF; */ margin-top:50px;} .list_tree_top.keshihua{ background:none} /* .list_tree_title{ background:#AEABF0;} */ .list_tree_top.keshihua .list_tree_title{ background:none;} .list_tree_title ul{ text-align:center} .list_tree_title ul li{ width:32%; padding:25px 0; text-align:center; border-right:1px solid #F6F4F9; display:inline-block; vertical-align:middle; transition:all 0.5s;background:#AEABF0 ;} .list_tree_top.keshihua .list_tree_title ul{ display:flex; display: -webkit-flex; /* Safari */flex-direction:row; flex-wrap: nowrap; justify-content: space-between; padding:0 8%;} .list_tree_top.keshihua .list_tree_title li{ border-right:0px;background: #ADA7EF; min-height:154px} .list_tree_title.four ul li{ width:24%;} .list_tree_title ul li:last-child{ border-right:0px; /* padding:6px 0 */} .list_tree_title ul li p{ color:#fff;} .list_tree_title ul li p:first-child{ font-size:36px; line-height:74px;} .list_tree_title ul li p:last-child{ font-size:16px; padding-top:18px; line-height:30px; padding:0 5%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .list_tree_pannel{ padding-top:50px} .list_tree_pannel li{ margin-bottom:20px;} .pannel_box{ height:auto; overflow:hidden; background:#E2DFEA; border-radius:10px; margin-top:30px;padding: 30px 10px;box-sizing: border-box;} .pannel_box .pic_scroll{ width:36%; position:relative; overflow:hidden; margin-left:3%} .pannel_box .pic_scroll .pic_button{ width:70px; height:35px; background:rgba(0,0,0,0.5) url(../images/inner_line.png) center no-repeat; position:absolute; z-index:2; bottom:0; right:10px} .pannel_box .pic_scroll .pic_button .swiper-button-next,.pannel_box .pic_scroll .pic_button .swiper-button-prev{ width:22px; height:22px; background-size:100%; margin-top:0; top:24%} .pannel_box .swiper-pagination-bullet{ background:#fff; opacity:1} .pannel_box .swiper-pagination-bullet-active{ background:#5745c2} .pannel_box .pic_scroll .swiper-wrapper{ /* 通过改变animation-timing-function 制作弹性切换效果 */ transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; } .pannel_box .pic_scroll .swiper-slide{ height:auto; max-height:275px;} .pannel_box .pic_scroll .swiper-slide img{ max-width:100%; width:100%; height: 100%;object-fit: cover;} .pic_scroll .swiper-button-next:after, .pic_scroll .swiper-button-prev:after{ font-size: 18px;} .pannel_box .pannel_text{ width:56.25%; line-height:30px; font-size:16px;display: flex; justify-content: center; align-items: left;flex-direction: column;margin-right: 15px;} .pannel_box .pannel_text p,.pannel_box .pannel_text span{ line-height: 30px !important;} /*.list_tree_pannel li:nth-child(3) .pannel_box .pannel_text{ width: 100%;}*/ /*.list_tree_pannel li:nth-child(3) .pannel_box .pannel_text img{ max-width: 100% !important;}*/ /*.list_tree_pannel li:nth-child(4) .pannel_box .pannel_text{ width: 100%}*/ /*.list_tree_pannel li:nth-child(4) .pannel_box .pannel_text img{ max-width: 100% !important;}*/ .pannel_box .pannel_text.pannel_text-two{ width: 100%} .pannel_text-two img{ width: 100%} .list_tree_pannel2{ padding:20px 0; height:auto; overflow:hidden; background:url(../images/anquanguanli_bg.png) center no-repeat} .list_tree_pannel2 li{ padding:9px 10% 28px 10%; border:1px solid #fff; border-radius:10px; width:70%; margin:auto; margin-bottom:30px;} .list_tree_pannel2 li h3{ line-height:60px; text-align:center; font-size:30px; color:#fff; transition:all 0.7s} .list_tree_pannel2 li h3 span{ color:#fffc00} .list_tree_pannel2 li p{ display:block; padding-top:10px; line-height:24px; font-size:16px; color:#fff; width:90%; margin:auto} .list_tree_pannel2 li dl{ text-align:center; padding-top:12px} .list_tree_pannel2 li dl dd{ padding:10px 20px; background:#F39801; border-radius:10px; color:#fff; font-size:16px; display:inline-block; margin:0 2%;} .list_tree_pannel2 li dl dd a{ color:#fff; font-size:16px;} .list_gzm_ysfx{ display:block; clear:both; height:auto; overflow:hidden; margin-bottom:60px;} .list_gzm_ysfx dt{ width:48%; line-height:40px; text-align:center; font-size:24px; color:#0066ff; position:relative; margin-bottom:10px;} .list_gzm_ysfx dt:after{ width:10%; height:3px; line-height:3px; background:#61A0FF; position:absolute; left:45%; bottom:0; content:""; z-index:1} .list_gzm_ysfx dd{ clear:both;} .list_gzm_ysfx dd .text{ width:48%; border-radius:10px; background:#1d3d95; height:auto; overflow:hidden; transition:all 0.7s} .list_gzm_ysfx dd .text:hover { background:#FFA518} .list_gzm_ysfx:nth-child(2) dd .text{ background:#FFA518} .list_gzm_ysfx:nth-child(2) dd .text:hover {background:#1d3d95;} .list_gzm_ysfx dd .text div{ padding:25px 8%; line-height:30px; color:#fff; font-size:15px;} .list_gzm_ysfx dd .pic{width:42%;} .gaozhimo_jiance .text{ padding:5px; box-shadow:0px 0px 10px #ccc; height:auto; overflow:hidden} .gaozhimo_model{ padding:60px 0; height:auto; overflow:hidden; border-radius:10px; background:#5963C5; margin-bottom:70px; color:#ffffff; margin-top:40px;} .gaozhimo_model .title{ text-align:center; line-height:60px; font-size:38px; font-weight:bold; transition:all 0.5s} .gaozhimo_model .title span{ color:#fffc00;} .gaozhimo_model_list { text-align:center ; padding:0 2%; padding-top:60px;} .gaozhimo_model_list dl{ display:inline-table; vertical-align:middle; padding:40px 1%; border:1px solid #fff; border-radius:5px; width:22%; height:auto; overflow:hidden; background:rgba(255,255,255,0.2); margin:0 1%; min-height:230px; transition:all 0.5s; margin-bottom:30px;} .gaozhimo_model_list dl:hover{background:rgba(255,255,255,0.3);} .gaozhimo_model_list.five dl{ width:15%;} .gaozhimo_model_list dl dt{ text-align:center; line-height:56px; font-size:19px; color:#fff;} .gaozhimo_model_list dl dd{ padding-top:15px; line-height:22px; font-size:14px; color:#fff; text-align:left; min-height:147px;} .shigongsjj.five dl{ width:22%;} /**建筑设备应用 start**/ .jzsb_yingyong{ height:auto; overflow:hidden; background: #EEEDF3;} .jzsb_yingyong_list{ height:310px; background:#206795 url(../images/key_tech_bg.jpg) center no-repeat; border-bottom:1px solid #32ccff; margin-top:30px} .jzsb_yingyong_list li{ width:20%; float:left; height:310px; position:relative; text-align:center; color:#fff} .jzsb_yingyong_list li .num{ font-size:50px; line-height:77px; padding-top:42px;} .jzsb_yingyong_list li .title{ line-height:77px; padding-bottom:14px; font-size:30px; height:77px;} .jzsb_yingyong_list li .en{ padding-top:25px; line-height:24px; font-size:20px; border-top:1px solid #fff;} .jzsb_yingyong_list li:after{ width:1px; height:310px; right:0; top:0; z-index:1; position:absolute; content:""; background:#fff;} .jzsb_yingyong_list li:last-child:after{ width:0;} .jzsb_yingyong_list li .shadow{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(50,204,255,0.24); opacity:0; transition:all 0.7s} .jzsb_yingyong_list li .circle{ width:15px; height:15px; background:#32ccff; position:absolute; border-radius:50%; left:50%; margin-left:-7.5px; bottom:-8px; z-index:3; opacity:1;} .jzsb_yingyong_list li .outer_circle{ width:33px; height:33px; border:1px solid #32ccff; background:rgba(0,0,0,0.43); position:absolute; border-radius:50%; left:50%; margin-left:-16.5px; bottom:-17px; z-index:2; opacity:0; transition:all 0.7s} .jzsb_yingyong_list li:hover .shadow{ opacity:1} .jzsb_yingyong_list li:hover .outer_circle{ opacity:1} /**塔吊可视化吊装系统 start**/ .keshihua_fangan{ height:auto; overflow:hidden; background:#5745c2;} .keshihua_fangan .pic_scroll{ position:relative; overflow:hidden; width:67.5%;} .keshihua_fangan .pic_scroll .swiper-slide img{ width:100%; height:auto;} .keshihua_fangan .text{ width:32.5%; padding-top:50px;} .keshihua_fangan .text .title{ line-height:50px; text-align:center; color:#fff; font-size:32px;} .keshihua_fangan .text .title span{ color:#fffc00;} .keshihua_fangan .text .txt{color:#fff; font-size:16px; padding:10px 5%; line-height:36px; } /**塔吊可视化吊装系统 end**/ /**塔机安全监控系统构成 start**/ .taji_xitong{ height:auto; overflow:hidden; margin:50px 0} .taji_xitong_list{ height:auto; overflow:hidden; padding:40px 5%; box-shadow:0px 0px 10px #ccc; background:#fff; margin-top:50px;} /*.taji_xitong_list ul li{ width:25%; float:left; margin-bottom:40px;}*/ .taji_xitong_list ul li{ width:100%; margin-bottom:5px;} .taji_xitong_list ul li .pic{ height:auto; overflow:hidden} .taji_xitong_list ul li .pic img{ max-width:99%; display:block; margin:auto; transition:all 0.5s} .taji_xitong_list ul li:hover .pic img{ transform:scale(1.1)} .taji_xitong_list ul li .title{ padding-top:12px; text-align:center; font-size:16px; color:#000;} .zulin_system_pic{ padding:50px 0; overflow:hidden} .zulin_system_pic img{ transition:all 0.7s} .zulin_system_pic:hover img{ transform:scale(1.02)} /**塔机安全系统构成 end**/ /**富友优势 start**/ .about_fuyou_ys{ height:auto; overflow:hidden; background:url(../images/about_fy_bg.jpg) center no-repeat;} .about_fuyou_ys_width{ width:72%; margin:auto; height:auto; overflow:hidden; padding:80px 0 170px 0;} .about_fuyou_ys_width .title{ line-height:76px; text-align:center; color:#0030ff; font-size:40px; font-weight:bold; text-shadow: 1px 1px 0 white;} .about_fuyou_ys_width .ftitle{ text-align:center; font-size:22px; font-weight:bold; color:#ffffff; line-height:50px; padding-bottom:10px; position:relative} .about_fuyou_ys_width .ftitle:after{ width:118px; height:4px; line-height:4px; background:#ffffff; left:50%; margin-left:-59px; position:absolute; bottom:0; z-index:1; content:"";} .about_fuyou_ys_list{ height:auto; overflow:hidden; padding-top:58px; position:relative;} .about_fuyou_ys_list ul li{ width:33%; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff;} .about_fuyou_ys_list ul li:nth-child(3n){ border-right:0;} .about_fuyou_ys_list ul li:nth-child(4),.about_fuyou_ys_list ul li:nth-child(5),.about_fuyou_ys_list ul li:nth-child(6){ border-bottom:0} .about_fuyou_ys_list ul li div{ padding-top:70px; padding-bottom:90px; text-align:center; transition:all 0.7s} .about_fuyou_ys_list ul li:hover div{ background:rgba(255,255,255,0.1)} .about_fuyou_ys_list ul li div p:first-child{ font-size:58px; color:#1e78ff;} .about_fuyou_ys_list ul li div p:first-child span{ font-size:38px; color:#ffffff} .about_fuyou_ys_list ul li div p:last-child{ font-size:23px; color:#ffffff;} .about_fuyou_jj_box{ width:82%; margin:auto; height:auto; overflow:hidden; padding-top:50px;} .about_fuyou_jj_box .about_fuyou_jj{ padding:40px 1%; height:auto; overflow:hidden; background:#DEDCE9;} .about_fuyou_jj_box .about_fuyou_jj .pic{ width:44%;} .about_fuyou_jj_box .about_fuyou_jj .text{ width:54%; font-size:18px; line-height:42px; color:#000; max-height:340px; overflow:auto} .about_fuyou_jj_box .about_fuyou_jj .text::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ .about_fuyou_jj_box .about_fuyou_jj .text::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); /* border-radius: 10px;*/ background-color: rgba(240, 240, 240, .5); } /*定义滑块 内阴影+圆角*/ .about_fuyou_jj_box .about_fuyou_jj .text::-webkit-scrollbar-thumb { /* border-radius: 10px;*/ box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); background-color: rgba(240, 240, 240, .5); } .about_fuyou_jj_box .about_fuyou_jj .text::-webkit-scrollbar{ background-color: rgba(0, 0, 240, 1);} .about_fuyou_scroll{ padding-top:50px; position:relative; overflow:hidden;} .about_fuyou_scroll .swiper-slide{ width:31.78%; height: 340px; float:left; margin-right:1.5%; position:relative} .about_fuyou_scroll .swiper-slide img{ width:100%; height:100%;object-fit: cover} .about_map_box{ padding:95px 6%; height:auto; overflow:hidden; background:url(../images/about_map_bg.jpg) center no-repeat;} .about_map_box .pic{ width:55.55%;} .about_map_box .text{ width:41%;} .about_map_box .text h3{ line-height:90px; position:relative; font-size:58px; color:#fff; padding-top:5%; text-align:right;} .about_map_box .text h3 span{ color:#0030ff; font-size:60px} .about_map_box .text h3:after{ width:50%; height:2px; line-height:2px; background:#fff; position:absolute; bottom:0; right:0; content:""; z-index:1} .about_map_box .text p{ line-height:60px; font-size:30px; color:#fff; text-align:right; padding-top:20%;} .about_map_box .text p span{ color:#0030ff; font-size:40px} /**富友优势 end**/ /**start 工程研究中心**/ .gongcheng_center_box{ padding:100px 0; height:auto; overflow:hidden; background:url(../images/gongcheng_center_bg.jpg) center no-repeat;} .gongcheng_center_box .title{ line-height:80px; text-align:center; font-size:50px; color:#ffffff;} .gongcheng_center_box .title span{ color:#f6ff00;} .gongcheng_center_list ul{ text-align:center; padding-top:50px;} .gongcheng_center_list ul li{ display:inline-table; vertical-align:middle; width:20.2%; border:1px solid #fff; margin:0 2.5% } .gongcheng_center_list ul li .box{ padding:70px 5%; position:relative; height:400px; overflow:hidden; text-align:left} .gongcheng_center_list ul li .box .ico{ width:24%; position:absolute; right:5%; top:10%; z-index:1} .gongcheng_center_list ul li .box .ico img{ max-width:100%;} .gongcheng_center_list ul li .box .num{ padding-top:20px; line-height:50px; font-size:46px; color:#f6ff00} .gongcheng_center_list ul li .box .title{ line-height:50px; color:#fff; font-size:26px;text-align:left} .gongcheng_center_list ul li .box .des{ padding-top:15px; line-height:24px; font-size:18px; color:#fff; } .gongcheng_fuyou_jj{ padding:46px 3%; height:auto; overflow:hidden; background:#e2dfea; margin-bottom:50px;} .key_technology{ background:#F2EFF6} .gongcheng_fuyou_jj .text{ width:66.5%; font-size:22px; color:#292929; line-height:32px;} .gongcheng_fuyou_jj .pic{ width:28%; padding-top:2%;} .gongcheng_intro_box{ height:auto; overflow:hidden; background:#F2EFF6;} .gongcheng_intro{ width:80.2%; margin:auto; padding:50px 0; height:auto; overflow:hidden;} .gongcheng_intro .pic{ width:36.2%;} .gongcheng_intro .text{ width:58%; font-size:20px; color:#383838; line-height:40px;} .gongcheng_intro .text p{ text-indent:2em;} /**end 工程研究中心**/ /**三级 企业文化 start**/ .inner_culture_list{ padding-top:50px;} .inner_culture_list ul li{ background:#e2dfea; padding:20px 2%; height:auto; overflow:hidden; border-radius:10px; box-shadow:0px 0px 10px #ccc; margin-bottom:60px;} .inner_culture_list ul li .pic{ width:42.5%; float:left} .inner_culture_list ul li:nth-child(2n) .pic{ float:right;} .inner_culture_list ul li .text span{font-family: "lidebiao"; font-size:32px;} /* .inner_culture_list ul li:first-child .text{background: url(../images/culture_bg1.png) center no-repeat;} .inner_culture_list ul li:nth-child(2) .text{background: url(../images/culture_bg2.png) center no-repeat;} .inner_culture_list ul li:last-child .text{background: url(../images/culture_bg3.png) center no-repeat;} */ .inner_culture_list ul li .text{ width:52%; padding-top:1%; padding-bottom:3%;overflow: hidden; background-size:48%;font-family: "微软雅黑";font-size: 20px;line-height: 28px;text-align: left;font-size: 16px; } .inner_culture_list ul li .text p{ line-height: 30px !important;font-size: 16px;} .inner_culture_list ul li .text p:first-child{ margin-bottom: 15px;} .inner_culture_list ul li:nth-child(2n-1) .text{ float: right;} .inner_culture_list ul li .text p span{ font-size: 16px !important;} .inner_culture_list ul li .text p:first-child span{ font-size: 40px !important;font-weight: 500;margin-bottom: 30px;display: block;} .inner_culture_list ul li .text p a{ width: 100%;display: block;line-height: 30px;} .fengmingyuan_top{ height:145px; background:url(../images/inner_fmy_top_bg.png) center top no-repeat; position:relative; z-index:2} .fengmingyuan_top .pic{ position:relative; z-index:2; padding-top:60px} .fengmianyuan_banner{ height:520px; background:url(../images/inner_fmy_banner.jpg) center no-repeat; position:relative; margin-top:-40px; z-index:1} .fengmingyuan_text{ width:77.6%; margin:auto; background:#F1F0F8; position:relative; z-index:2; margin-top:-50px; box-shadow:0px 0px 10px #ccc} .fengmingyuan_text .box{ padding:50px 10%;} .fengmingyuan_title{ text-align:center;padding:1% 0; } .fengmingyuan_text .text{ font-size:28px; color:#212121; line-height:44px; text-indent:2em} /** end **/ .inner_content .inner_title .cn{ font-size:36px; line-height:60px;} /**新版 css end**/ @media screen and (max-width:1680px) { .about_box .about_left .txt{ padding-top:220px;} .about_box .about_left .txt{ padding-left:38%} .about_box .about_left .txt .more{ margin-bottom:20px;} .first_two ul li{ padding:10px;} .first_two ul li .title{ font-size:20px; } .about_box .about_content .sdjz_center .title,.fmy_center dt .about_left .title{ font-size:24px} .about_box .about_content .sdjz_center .title{ width:50%; font-size:30px} .list_tech ul li .text,.list_tech ul li{ height:120px;} .list_tech ul li .text p{ font-size:16px;} .fmy_center dt .about_left .title{ width:30%; margin-top:35px} .fmy_center dt .about_left .des{ margin-top:12%} .first_two{ width:100%;} .first_two ul{ width:80%;} .logo{ margin-left:5%;} .navbox .nav{ margin-right:3%;} .list_time li{ font-size:16px} .list_time li .desc{ width:240px} .list_time li .desc h3{ line-height:32px;} .list_time li .desc p{ font-size:14px;} .list_time li:nth-child(12) .desc{ left:-44%;} .menu_title img{ max-width:20%; height:auto} .txtScroll-top .infoList li .text h3{ font-size:16px;} .txtScroll-top .infoList li .text p{ font-size:14px;} .navbox .nav li .show dl{ margin-right:5%;} .top_tel{ margin-right:2%} .index_product ul li{ height:360px;} .list_class li a{ font-size:16px;} .inner_keyan_list li .pic{ height:360px} .inner_team_top .text .team_info p{ height:70px} .about_culture_list ul li .inner .infos{ font-size:18px;} .about_culture_list ul li .inner .pic span{ font-size:36px;} .about_fuyou_jj_box .about_fuyou_jj .text{ max-height:280px; font-size:18px} } @media screen and (max-width:1600px) { .inner_team_top .text .team_info p{ height:60px; line-height:32px; font-size:16px;} .inner_team_top .text h3{ line-height:36px; font-size:28px;} .inner_platform_box .fc .textbox{ padding-bottom:43px} .about_fuyou_jj_box .about_fuyou_jj .text{max-height:260px;} .inner_left .menu h3{ font-size:22px} } @media screen and (max-width:1440px) { .navbox .nav li{ width:auto; padding:0 10px} .index_product ul li .info .desc .pmore{ padding-top:10px;} .index_product ul li .info .desc .pmore span{ margin:0 10px} .list_time li{ font-size:16px;} .about_box .about_content .sdjz_center .title{ width:51.5%;} .about_box .about_content .sdjz_center{ height:520px} .about_box .about_content .sdjz_center .title{ line-height:74px;} .case_lb .swiper-slide { width:400px;} .case_lb .swiper-slide .swiper-img{ height:360px;} .footer_ewm{ width:32%; margin-left:0%} .index_product ul li{ height:355px;} .txtScroll-top .infoList li .text h3{ padding-top:0} .inner_keyan_list li .pic{ height:330px} /*.inner_team_top .text .team_info{ height:189px}*/ .inner_team_top .text .team_info p{ height:56px;} .inner_team_list ul li .text .txt,.inner_team_top .text .team_info,.inner_team_top .content{ font-size:14px; line-height:22px} .inner_team_list ul li .text .txt p,.inner_team_top .text .team_info p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .inner_team_list ul li .text{ width:84%;} .inner_team_top_content{ font-size:16px;} .inner_right{ width:80%; margin-right:2%;} .about_ej_box .about_ej1 .about_ej1_div p{ font-size:16px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;} .case_box2_inner .case_box2_inner_title,.case_box3 .title{ font-size:28px} .case_box3_inner,.case_box2_inner{ width:80%;} .about_ej_school .title,.about_ej_man .text .title{ font-size:42px} .about_ej_bt{ font-size:22px} .about_ej_bt span{ font-size:24px;} .inner_platform_box .fc .textbox{padding-bottom:50px; } .about_map_box{padding: 95px 3%;} .about_map_box .text h3{ font-size:50px} .gongcheng_center_list ul li .box .ico{ width:20%} .gongcheng_center_box .title{ font-size:44px} .gongcheng_center_list ul li .box{padding: 40px 5%;} .gongcheng_fuyou_jj .text{ font-size:20px} .inner_culture_list ul li .text{font-size:18px;} .inner_left .menu h3{ font-size:22px} } @media screen and (max-width:1400px) { .about_box .about_content .sdjz_center .title{ width:53.5%;} .index_product ul li{ height:340px;} .inner_keyan_list li .pic{ height:300px} .inner_team_top .text .team_info p{ height:50px; line-height:30px} .about_fuyou_jj_box .about_fuyou_jj .text{ max-height:230px; font-size:17px} .gongcheng_center_list ul li .box .num{ padding-top:10px} .gongcheng_center_list ul li .box .title{ font-size:24px;} .gongcheng_center_list ul li .box .des{ font-size:16px;} } @media screen and (max-width:1366px) { .index_product ul li{ height:295px;} .about_box .about_content .sdjz_center .title{ font-size:28px;} .page_contact{ padding:3% 30%} .inner_team_top{ width:83%;} .inner_team_list ul li .text{ width:82%;} .inner_team_list{ width:85%} .inner_team_top .text .team_info p{ height:57px;} .inner_team_top_content{ width:83%} .about_culture_list ul li .inner .infos{ font-size:16px;} .inner_platform_box .fc .textbox{ padding-bottom:45px;} } @media screen and (max-width:1310px) { .about_box .about_left .txt{ padding-top:200px;} .fmy_center dt .about_left .title{ width:40%; font-size:24px} .logo{ margin-left:3%;} .navbox .nav{ margin-right:2%} .fmy_center dt .about_left .des{ margin-top:6%;} .list_time li:nth-child(12) .desc{ left:-66%;} .index_product ul li{ height:290px;} .width{ width:98%;} .about_box .about_content .sdjz_center .title{ font-size:26px; width:55.55%; line-height:66px;} .about_box .about_content .sdjz_center .title{} .inner_keyan_list li .pic{ height:280px} .about_ej_box .about_ej1 .about_ej1_div{ padding: 3.8% 1.8%;} .about_map_box .text h3{ font-size:46px} } @media screen and (max-width:1280px) { .inner_team_top .text .team_info p{ height:50px} .case_box3_inner,.case_box2_inner{ width:90%;} } @media screen and (max-width:1200px) { .logo{ margin-left:0%;} .navbox .nav{ margin-right:1%} .about_box .about_content .sdjz_center{ height:510px} .menu_title img{max-width: 35%;} .footer .footer_logo{ width:32%;} .footer .footer_text{ width:36%} .inner_keyan_list li .pic{ height:260px} .about_culture_list ul li .inner .pic span{ font-size:30px;} .about_ej_box .about_ej1 .about_ej1_div p span{ font-size:32px} .about_fuyou_jj_box .about_fuyou_jj .text{ max-height:200px;} .about_map_box .text h3{ font-size:40px; line-height:80px} .about_map_box .text h3 span{ font-size:50px} .inner_culture_list ul li .text{font-size:16px;} } @media screen and (max-width:1144px) { .first_one ul li{ background-size:96%; font-size:14px; background-position:top; line-height:50px;} } @media screen and (max-width:1136px) { .navbox .nav{ margin-right:1%; float:left} .about_box .about_content .sdjz_center .title{ width:60%} .about_box .about_content .sdjz_center .title, .fmy_center dt .about_left .title{ font-size:20px} .about_box .about_content .sdjz_center .title{ line-height:60px;} .fmy_center dt .about_left{ padding-bottom:50px;} .list_time li:nth-child(12) .desc{ opacity:0} .list_time li:nth-child(12) .qi{ opacity:0} .container, .w1200{ width:100%} .footer_ewm{ width:18%;} .inner_keyan_list li .pic{ height:250px} } @media screen and (max-width:1100px) { .footer .footer_logo{ width:30%;} .footer .footer_text{ width:42%} .footer_ewm{margin-left:5%} .fazhan_box{ padding-top:0} .news_box{ padding-top:0} .top_tel{ display:none} .news_tuijian{ width:100%} .news_list{ width:96%} /* .about_box .about_content .sdjz_center dd .des{ width:90%; font-size:32px} .about_box .about_content .sdjz_center .title, .fmy_center dt .about_left .title{ font-size:32px} .about_box .about_content .sdjz_center .title{ width:80%;} .fmy_center dt .pic,.fmy_center dt .about_left{ width:100%} .fmy_center dt .about_left .des{ width:96%; font-size:30px} .list_tech ul li{ width:32.59%; margin-left:6.7%;} .list_tech ul li:nth-child(2), .list_tech ul li:nth-child(7){ margin-left:21.09%} .list_tech ul li:nth-child(4){ width:32.9%; margin-top:1rem; } .index_product ul li .title{ font-size:28px;} .news_tuijian .title a{ font-size:24px;} .fazhan_box .title{ line-height:44px; font-size:30px; font-weight:normal} .timeline .swiper-pagination{ width:18% !important; left:9% !important; }*/ .first_one ul li{ background-size:96%; font-size:14px; background-position:top; line-height:50px;} .inner_keyan_list li .pic{ height:240px} .inner_team_top .text .team_info p{ height:46px; line-height:28px; font-size:15px;} .about_ej_box .about_ej1 .about_ej1_div p{ font-size:15px} .about_fuyou_jj_box{ width:90%} } .wap_nav{ width:55%; position:fixed; right:-55%;top:0; height:100vh; z-index:99;background: rgba(255,255,255,0.9); overflow:auto } .wap_nav { padding:0 2%;} .wap_nav li{ width:100%; display:block;line-height: 30px; border-bottom: 1px solid #1d3d95; font-size:14px;} .wap_nav li:last-child{ border-bottom:0px;} .wap_nav li a.top{ font-weight:bold} .wap_nav li a.hover{ color:#1d3d95;} .wap_nav ul{ padding-top:30%;} .wap_nav li dl{ padding:0 5%;} .wap_nav li dl dt{ font-size:12px; line-height:20px;} .menu-ico,.menu-closed{ display:none} .about_fuyou_ys_width{ width:86%} .about_map_box .text h3{ font-size:40px; line-height:70px} .about_map_box .text p{ line-height:50px; font-size:28px; padding-top:15%} .about_map_box .text p span{ font-size:36px} .wapproduct{ display:none} @media screen and (max-width:1000px) { .wapproduct{ display:block} .first_one{ width:96%;} /*.first_one ul{ text-align:left;}*/ .inner_keyan_list li .pic{ height:230px} .inner_team_list ul li .pic{ width:170px; height:170px;border: 10px solid #3d3bc2;} .inner_team_list ul li .text .txt{ height:120px} .inner_team_list .line{ width:17%;} .inner_team_list ul{ width:82%;} /* .inner_team_top{box-shadow: 10px 10px 6px #ccc;}*/ .inner_team_top .text{ width:53%; margin-left:4%} .about_map_box .text h3{ font-size:32px; line-height:66px} /* .inner_team_top .text .team_info{ height:140px;}*/ .inner_team_top .text .team_info p{ height:40px; line-height:22px; font-size:14px; padding-left:16%;} .about_map_box .text p{ font-size:26px; line-height:40px;} .gaozhimo_model_list dl dd{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .gongcheng_fuyou_jj .text{ font-size:18px} .jzsb_yingyong_list li .title{ font-size:24px;} .jzsb_yingyong_list li .en{ font-size:16px; padding:0 5%} .inner_product_list ul li .p_content{ padding-bottom:50px;} .about_ej_box .about_ej1 .about_ej1_div{ min-height:134px} } @media screen and (max-width:860px) { .container, .w1200{ width:98%} .news_list,.news_tuijian{ width:96%} .navbox{ height:auto; } .navbox .nav{ width:100%} .about_box .about_content .sdjz_center .title{ width:80%} .navbox .nav{ padding-top:10px;} .navbox .nav li{ width:33%; height:auto;} .navbox .nav li:first-child,.navbox .nav li:nth-child(2),.navbox .nav li:nth-child(3){ border-bottom:1px solid #ccc;} .navbox .nav li a.top{ font-size:16px; line-height:30px;} .about_box .about_content .sdjz_center .title{ width:80%; line-height:66px; font-size:22px} .fmy_center dt .about_left .title{ font-size:14px;} .about_box .about_content .sdjz_center dd .des{ width:90%; font-size:14px; line-height:30px} .fmy_center dt{ width:100%;} .fmy_center dt .about_left{ padding-bottom:50px;} .fmy_center dt .about_left .title{ width:50%; margin-top:20px; font-size:18px} .fmy_center dt .about_left .title img{ margin-left:18%} .fmy_center dt .about_left .des{ width:86%; font-size:14px; margin-top:2%;} .menu_title img{ max-width:50%;} .index_product ul li{ width:50%;} .txtScroll-top .infoList li .pic{ width:30%; height:90px;} .txtScroll-top .infoList li .date{ font-size:13px;} .txtScroll-top .infoList li .text{ width:68%;} .txtScroll-top .infoList li .text h3{ font-size:15px; line-height:22px; padding-top:5px;} .txtScroll-top .infoList li .text p{ font-size:13px; line-height:20px;} .news_tuijian .title{ font-size:16px;} .fazhan_history,.fazhan_left{ width:100%; float:left;} .list_time li:nth-child(7) .desc, .list_time li:nth-child(12) .desc{ opacity:0} .fazhan_box{ width:98%;} .fazhan_box .title{ height:auto; line-height:30px; font-size:16px;} .list_time li .desc h3{ font-size:14px;} .list_time li .desc p{ font-size:12px;} .first_two ul{ width:96%} .first_two ul li{ width:48%; margin-right:4%} .first_two ul li .title{ font-size:16px; top:22%} .footer .footer_text{ width:100%} .footer .footer_text p{ font-size:14px;} .footer .footer_text p img{ width:6%; margin-top:14px;} .footer_nav,.footer .footer_logo{ display:none} .footer_ewm,.footer_copy .container{ width:100%; margin-left:0} .tech_box{ width:98%;} .list_tech ul li .text, .list_tech ul li{ height:80px;} .list_tech ul li{ width:47.59%; margin-left:0.7%; margin-bottom:46px;} .list_tech ul li:nth-child(3), .list_tech ul li:nth-child(5){ margin-bottom:46px;} .list_tech ul li .text p{ font-size:14px;} .list_tech ul li:nth-child(4){ display:none} .list_tech ul li:nth-child(5){ margin-left:2.7%;} .list_tech ul li:nth-child(2), .list_tech ul li:nth-child(7){ margin-left:3.09%;} .fmy_center dt .pic,.fmy_center dt .about_left{ width:100%;} .index_product ul li .title{ font-size:15px;} .index_product ul li .info .desc{padding: 5% 1% 0 1%;} .index_product ul li .info .desc .pmore span{ margin:0 5px; font-size:12px;} .inner_body{ width:96%} .list_class li{ height:50px; line-height:50px;} .inner_right{ width:100%; margin-right:0} .inner_right_top .pic{ width:100%; padding:10px 0; height: auto;} .inner_right_top .pic img{ object-fit: initial;} .inner_right_top .text{ width:100%; padding-right:0; padding-top:1rem} .inner_right_top .text h3{ padding-top:0; font-size:16px; line-height:22px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .inner_right_top .text p{ line-height:20px; font-size:14px;-webkit-line-clamp: 3; padding-top:0} .inner_right_top .text span{ padding:10px 2%; font-size:12px; margin-top:4%} .inner_news_list li{ width:100%; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #DFDFDF} .inner_news_list li .pic{ width:100%; height:170px;} .inner_news_list li .pic img{width: 100%; width: 100%;} .black_news .nesw-slide .img_10{ height: 180px;} .inner_news_list li .text{ width:96%;} .inner_news_list li .text h3{ font-size:15px;} .inner_news_list li .text p{ font-size:14px;} .footer{ padding:20px 0} .footer .footer_text p{ line-height:40px;} .timeline .swiper-pagination{ left:0 !important; display:block; width:16%; font-size:14px; padding-top:15%} .timeline .swiper-pagination-bullet::before{ right:-24.5px;} .timeline .swiper-slide-content{ width:65%;} .timeline .swiper-slide .timeline-year{ font-size:30px; margin-bottom:0;} .timeline .swiper-slide .timeline-title{ font-size:20px;margin: 0 0 20px;} .timeline .swiper-slide .timeline-text{ font-size:16px;} .timeline .swiper-button-next, .timeline .swiper-button-prev{ display:none} .inner_left{ margin-top:10px; width:100%;} .inner_left .menu{ display:none} .list_class{ text-align:center} .list_class li{ height:auto; line-height:20px;padding: 3px 8px; display:inline-table; border-radius:5px} .list_class li a{ font-size:14px;} .list_class li.on { background:#1d3d95} .list_class li.on a{ color:#fff} .menu-ico,.menu-closed{ display:block; width:40px; position:absolute; right:5px; top:1rem; z-index:16} .menu-ico img,.menu-closed img{ width:100%; height:auto} .menu-closed{ z-index:100; width:30px;} body.addopen{ position:fixed; height:100%; width:100%} .width{ width:98%; margin:auto;} .news_show h1{ font-size:18px;} .info{ width:100%} .news_show .prenext a{ display:block;} .news_show .prenext .next{ float:left; margin-top:1rem} .news_show_list li{ width:100%} .news_show_list li .txt a{ line-height:22px;} .news_show_list li .date .dateline{ font-size:24px;} .home_pro{ width:100%} .home_pro ul li,.list_pic ul li{ width:49%;} .list_pic ul li a div img{ max-height:150px;} .home_pro ul li a div { height:170px; min-height:170px;} .home_pro ul li a div img{ max-height:170px;} .piclist,.piclist ul,.list_pic{ width:100%} .first_one ul{ text-align:left;} .inner_keyan_list li{ width:48%} .inner_keyan_list li .pic{ height:280px;} .inner_team_top,.inner_team_list{ width:96%; margin-left:0} .inner_team_top .text .team_info p{ height:53px; line-height:28px;} .inner_team_top_content{ width:100%; font-size:16px;} .case_box1_list ul li{ width:48%; margin-right:4%;} .case_box1_list ul li:nth-child(4n){ margin-right:4%;} .case_box1_list ul li:nth-child(2n){ margin-right:0;} .case_box3_inner{ width:100%;} .about_ej_school .title{ left:22%;} .about_ej_school .title, .about_ej_man .text .title{ font-size:36px;} .about_join_box ul li textarea{ height:190px} .about_fuyou_jj_box .about_fuyou_jj .text{ max-height:169px} .about_map_box .text h3{ font-size:24px} .about_map_box .text p{ font-size:20px} .about_fuyou_ys_width{ width:96%} .about_fuyou_ys_list ul li div p:first-child{ font-size:40px} .about_fuyou_ys_list ul li div p:last-child{ font-size:26px} .list_gzm_ysfx dd .text{ width:100%;} .list_gzm_ysfx dd .pic{ width:100%; background:#fff;} .gongcheng_center_list ul li{ width:26.2%;} .gongcheng_center_list ul li .box{ padding:30px 3%} .gongcheng_center_list ul li .box .num{ font-size:40px} .gongcheng_center_list ul li .box .title{ font-size:18px;} .gongcheng_center_list ul li .box .des{ font-size:16px; line-height:20px} .gongcheng_center_list ul li{ width:30%;margin: 0 1%;} .gongcheng_center_box{padding: 70px 0;} .gongcheng_center_box .title{ font-size:33px; line-height:60px} .jzsb_yingyong_list li .title{ font-size:20px} .fengmingyuan_text{ width:90%;} .fengmingyuan_text .text{ font-size:16px;} .gaozhimo_model_list{ text-align:left} .gaozhimo_model_list dl{ width:47%; min-height:292px; margin-bottom:2rem;padding: 20px 1%;} .gaozhimo_model_list dl dt{ font-size:15px;} .pannel_box .pic_scroll,.pannel_box .pannel_text{ width:100%} .inner_product_list ul li .p_content .pic{ width:100%; margin-right:0;} .inner_product_list ul li .p_content .text{ width:100%; margin-left:0; font-size:16px;} .service_title_cn{ font-size:38px; width:180px;} .service_title_en{ font-size:20px;} .inner_culture_list ul li .pic{ width:100%; padding-bottom:10px} .inner_culture_list ul li .text{ width:100%; font-size:14px;} .pannel_box .pic_scroll .swiper-slide{ max-height:500px !important;} } @media screen and (max-width:768px) { .list_tree_title.four ul li{height: auto !important; } .list_tree_title ul li{ height: auto !important;} .inner_content .inner_title .cn{ font-size: 28px;} .first_one { width:98%} .about_box .about_content .sdjz_center .title,.inner_left{ width:100%;} .first_one ul li{margin-left:2%; font-size:13px; line-height:48px; background-size:96%; margin-bottom:1rem} .inner_pic_list li{ width:48%;} .page_contact{padding: 3% 5%;} .about_box .about_content .sdjz_center .title{ font-size:18px; line-height:56px} .inner_team_list ul li .pic{ width:120px; height:120px;} .inner_team_list ul li .text{ width:88%;} /* .inner_team_top .text .team_info{ height:110px;}*/ .inner_team_top .text .team_info p{ height:45px;} .inner_team_list ul li .text .txt{ height:60px} .about_culture_list ul li .inner .pic span{ font-size:16px;} .about_culture_list ul li{ width:30.5%;margin: 0 0.8%; display:block; float:left} .lainxi ul li{width: 90%;margin-bottom: 15px;} .about_join_box ul li{ width:100%} .about_join_box .submit,.about_join_box ul li .option,.about_join_box ul li input,.about_join_box ul li textarea{ width:100%;} .about_ej_bt span, .about_ej_bt{ top:20%;} .gongcheng_fuyou_jj .pic{ width:90%; margin-right:5%} .gongcheng_fuyou_jj .text{ width:96%; margin-left:2%; padding-top:5%;} .jzsb_yingyong_list li .title{ font-size:16px} .gongcheng_intro{ width:96%;} .gongcheng_intro .pic{ width:100%;} .gongcheng_intro .text{ width:100%; font-size:16px; line-height:32px;} .about_join_box ul{ width:100%} .about_join_box .submit{ margin-top:4.8%;} .inner_product_list ul li .p_content .more{ width:32%; height:38px; line-height:38px; font-size:16px; bottom:10px;} .list_class{ text-align:left} .about_ej_box .about_ej1 .about_ej1_div p{ font-size:12px} .case_box3 .case-next, .case_box3 .case-prev{ width:20px;} .index_product ul li img{ width:100%} } @media screen and (max-width:680px) { .inner_team_top .text h3{ line-height:30px; font-size:24px} .inner_team_top .text .team_info p{ height:40px; line-height:24px;} .about_ej_box .about_ej1 .about_ej1_div p:first-child{ font-size:16px} .about_ej_box .about_ej1 .about_ej1_div p span{ font-size:14px;} .about_ej_box .about_ej1 .about_ej1_div p{ font-size:12px} .about_ej_gsjj .about_ej_gsjj_nr{ width:96%;} .about_ej_gsjj_pic{ width:91.33%; margin-top:-2%} .about_ej_school .title{ left:10%;} .about_ej_school{ height:auto} .about_ej_man .pic,.about_ej_man .text{ width:100%;} .about_ej_school .title, .about_ej_man .text .title{ font-size:28px;} .about_ej_school .title{ position:relative; left:0; width:100%;background: rgba(0,0,0,0.5); text-align:center} /*.about_ej_school .title{ left:15%;}*/ .about_ej_school .text{ position:relative;} .about_ej_bt span,.about_ej_bt{ font-size:18px;} .case_box1_title span{ font-size:24px} .case_box1_title,.case_box2_inner .case_box2_inner_title, .case_box3 .title{ font-size:18px;} .about_ej_bt .cmore{ display:none} .case_box1{ padding-top:0} .about_ej_bt{ margin-bottom:10px} .case_box3_inner, .case_box2_inner{ width:98%;} .about_ej_box .about_ej1 .about_ej1_div{padding: 2.8%; min-height:85px;} .case2_button{ position:relative; float:right; margin-bottom:10px; top:0} .inner_title .en{ font-size:30px} .inner_platform_box .fc{ width:100%;} .inner_title .cn{ margin-top:8px;} .inner_platform_box .fc .textbox{ padding:31px 0; position:relative} .inner_platform_box .pp{ width:100%;} .inner_platform_box .pp ul li div{padding: 10px 5%;} .about_ej_man .text{ padding-bottom:1rem} .about_map_box .text h3{ font-size:14px; line-height:32px} .about_fuyou_ys_list ul li div p:first-child{ font-size:32px} .about_fuyou_ys_list ul li div p:first-child span{ font-size:24px} .about_fuyou_ys_list ul li div p:last-child{ font-size:22px} .about_fuyou_ys_width .ftitle{ font-size:18px} .about_map_box .text h3 span{ font-size:30px} .about_map_box .text p{ font-size:13px; line-height:26px} .about_map_box .text p span,.gaozhimo_model .title{ font-size:30px} .list_tree_title ul li p:first-child{ font-size:26px;} .list_tree_title ul li p:last-child{ font-size:14px; line-height:28px;} .inner_title_aa .cn{ font-size:24px;} .gongcheng_fuyou_jj .text{ font-size:16px;} .jzsb_yingyong_list li .title{font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .jzsb_yingyong_list li .num{ font-size:40px; padding-top:30px;} .jzsb_yingyong_list li .en{ font-size:14px;} .list_tree_pannel2{ background-repeat:repeat-y} .list_tree_pannel2 li{padding: 9px 5% 28px 5%;} .keshihua_fangan .pic_scroll,.keshihua_fangan .text{ width:100%;} } @media screen and (max-width:530px) { /*.inner_team_top .text h3{ line-height:30px; font-size:24px}*/ .inner_team_top .text .team_info p{ height:30px; line-height:20px; font-size:12px} .inner_list_tech ul li:before{left: -4.6%; width:15px; height:15px;} .list_class li a,.list_tree_title ul li p:last-child{ font-size:12px;} .list_tree_title ul li p:first-child{ font-size:22px;} .list_tree_title ul li p:last-child{ padding:0 1%} .gaozhimo_model_list dl dt{ line-height:30px} .list_tree_pannel2 li dl dd{ padding:10px; margin: 0 1%; margin-bottom:1rem} .list_tree_pannel2 li h3{ font-size:20px;} } @media screen and (max-width:495px) { .logo{ width:60%} .first_one ul li{ width:96%; margin-bottom:0.8rem;} .message p{ width:100%;margin: 5% 0%;} .message p:nth-child(3) input,.message p textarea,.message p input{ width:80%;} .message .submit{ width:60%;} .index_product ul li{ height:200px;} .page_contact{padding: 3% 2%;} .about_box .about_content .sdjz_center .title{ font-size:14px; line-height:50px} .inner_team_list .line{ display:none} .inner_team_list ul{ width:100%;} .inner_team_list ul li .pic{ width:100px; height:100px; top:38px;} .inner_team_top .text{ width:56%; margin-left:2%} .inner_keyan_list li .pic{ height:220px;} .inner_team_list ul li .text .txt, .inner_team_top .text .team_info{ font-size:14px; line-height:22px;} .inner_team_list{ padding-top:20px} .inner_team_list ul li{ margin-bottom:0; padding-bottom:10px} .inner_team_list ul li .text h3{ line-height:40px; font-size:16px;} .inner_team_list ul li .text .txt{ height:120px;font-size: 12px; line-height:20px} .inner_honor_top ul li{ width:100%; margin-right:0} .inner_team_top_content{ font-size:13px; line-height:24px;} .about_ej_bt span, .about_ej_bt{ font-size:14px;} .case_box3_inner_scroll .swiper-slide{ height:48px} .inner_platform_box .pp ul li div{padding: 5px 5%;} .inner_platform_box .pp ul li h3{ line-height:30px;} .inner_platform_box .pp ul li p{ line-height:22px;} /* .about_culture_list ul li{margin: 0 0.5%;}*/ .about_ej_bt:after{ left:0.5%;} .inner_title_aa .cn{ font-size:17px;} .inner_title_aa .en{ font-size:16px} .inner_title_aa .cn span{ width:12px;} .list_class li{ width:48%; } .list_class li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block } .inner_title_aa .cn span,.inner_title_aa .cn span:before,.inner_title_aa .cn span:after{ height:20px;} .list_tree_title ul li p:first-child{ font-size:18px;} .list_tree_pannel{ padding-top:35px;} .inner_content{ padding:0 1%} .gaozhimo_model_list dl{ margin:0; margin-right:2%;} .gaozhimo_model_list dl:last-child{ margin-right:0} .gaozhimo_model .title{ font-size:20px; line-height:32px;} } @media screen and (max-width:414px) { .inner_team_top .text h3{ line-height:26px; font-size:20px;} .inner_team_top .text h4{ font-size:14px; padding-bottom: 5px;} .inner_team_top .text .team_info p{ height:24px; line-height:16px;} .list_tree_pannel2 li h3{ font-size:16px;} .list_tree_pannel2 li p{ font-size:14px;} .list_tree_title.four ul li{ width:23%;} .list_tree_title ul li p:first-child{ font-size:14px; font-weight:bold} .about_culture_list ul li .inner .infos p{ text-indent:0;} .gaozhimo_model .title span{ display:block;} } @media screen and (max-width:375px) { .about_ej_bt{ min-width:47%} #gotoclass68 .about_ej_bt{ min-width:74%} #gotoclass54 .about_ej_bt{ min-width:58%} } @media screen and (max-width:360px) { .about_ej_bt{ min-width:48%} #gotoclass68 .about_ej_bt{ min-width:77%} .inner_team_top .text h3{ line-height:20px; font-size:18px;} .inner_team_top .text h4{ font-size:12px; padding-bottom: 2px;} } a.nohover:hover { color: inherit; } .navbox { height: 64px; color: #fff; background: #302c8b; } .logo{ width:22%; text-align: right; /* margin-top: 18px; */ } .logo-sep { margin: -3px 10px 0; font-family: serif; } .logo-txt { font-size: 14px; } .top_tel_wrp { color: #fff; font-size: 14px; } .top_tel_wrp .tel_item img { margin-right: 6px; } .top_wx_wrp { margin-left: 10px; position: relative; } .top_wx_wrp .img-ewm { width: 150px; height: 150px; display: none; position: absolute; left: -150px; top: 45px; } .top_wx_wrp:hover .img-ewm { display: block; } .top-sep { margin: 0px 10px 0; font-family: serif; } .index-type-list { width: 100%; height: 1.41rem; background: #fff; box-shadow: 0px 3px 12px 0px #e7f0fa; padding: 0 5%; position: relative; z-index: 2; } .index-type-item { width: 16.66%; text-align: center; padding: 0.16rem 10px 0; } .banner img:hover { opacity: 1; } .index-type-item .img-wrp { width: 0.65rem; height: 0.65rem; margin-bottom: 0.04rem; } .index-type-item .img-wrp img { max-width: 100%; max-height: 100%; } .index-type-item .tit { font-size: 17px; height: 30px; line-height: 30px; /* overflow: hidden; */ /* font-weight: bold; */ } .index-type-item .tit-en { font-size: 12px; color: #888; text-transform: uppercase; height: 16px; line-height: 16px; overflow: hidden; } .index-about-container { background-color: #f6f8fa; padding: 0.35rem 0; } .index-about-container > .container { width: 1340px; margin: auto; } .index-about-block { background-color: #fff; margin-bottom: 0.2rem; box-sizing: border-box; padding: 0.22rem; font-size: 18px; } .index-about-block.block-1 img { width: 100%; } .index-about-block.block-1, .index-about-block.block-2 { width: 50%; } .index-about-block.block-3, .index-about-block.block-4 { width: 49.4%; } .index-about-block .text { font-size: 14px; } .index-about-block .line { width: 40px; height: 4px; background-color: #353190; } .index-about-block .tit-line1 .line { margin-bottom: 0.2rem; } .index-about-block .tit-line2 .line { margin-right: 20px; } .index-about-block .tit-line1, .index-about-block .tit-line2 { margin-bottom: 0.2rem; } .index-about-block .lab-item { margin-bottom: 0.25rem; } .index-about-block .lab-item .tit { position: relative; margin-bottom: 0.1rem; text-indent: 16px; } .index-about-block .lab-item .tit:after { content: ''; display: block; width: 10px; height: 10px; border: 1px solid #353190; border-radius: 50%; position: absolute; left: 0; top: 7px; } .index-about-btn { width: 1.41rem; height: 0.41rem; border: 1px solid #353190; color: #353190; font-size: 18px; margin-top: 40px; } .index-about-btn > img { width: 0.2rem; margin-right: 0.08rem; } .index-adv-container { background:#2f387d url("../images/index_bg.jpg") no-repeat center bottom; background-size: 100% auto; padding-top: 70px; padding-bottom: 82px; } .index-adv-container .tit1 { font-size: 0.28rem; color: #fff; text-align: center; } .index-adv-container .tit2 { font-size: 0.16rem; color: #fff; text-align: center; margin-bottom: 0.32rem; } .index-adv-list1 { width: 50%; margin: auto; margin-bottom: 50px; } .index-adv-list1-item { color: #fff; max-width: 30%; } .index-adv-list1-item > img { width: 1rem; margin-bottom: 0.15rem; } .index-adv-list1-item .text1 { font-size: 0.18rem; margin-bottom: 0.05rem; text-align: center; } .index-adv-list1-item .text1 b{font-size: 0.25rem;} .index-adv-list1-item .text2 { font-size: 0.14rem; text-align: center; } .index-adv-list2 { width: 80%; background: #fff url("../images/3d0b2f8ff53baa6f7b7a5e84cc2a2cbe56745a925d0b-91fOM9_03.png") no-repeat right bottom; border-radius: 4px; overflow: hidden; padding: 37px 35px; position: relative; margin: auto; } .index-adv-list2-item { position: relative; padding: 0 16px; width: 25%; } .index-adv-list2-item:after { content: ''; width: 1px; height: 290px; background-color: #cccccc; position: absolute; right: 0px; top: 0px; } .index-adv-list2-item:last-child:after { display: none; } .index-adv-list2-item .line{ width: 30px; height: 3px; background-color: #2f387d; margin-bottom: 12px; } .index-adv-list2-item .tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .index-adv-list2-item .desc { font-size: 14px; } .index-adv-btn { width: 120px; height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; background-color: #2f387d; border-radius: 3px; position: absolute; left: 16px; top: 194px; } .img-nohover img:hover{ opacity: 1; } .pc-product-container { background-color: #2f387d; } .pc-product-wrapper { width: 1440px; overflow-x: hidden; margin: auto; border-left: 1px solid #fff; } .pc-product-item { width: 150px; height: 300px; padding: 65px 20px 42px; border-right: 1px solid #fff; } .pc-product-item .line { width: 20px; height: 2px; background-color: #fff; margin-bottom: 30px; } .pc-product-item .tit { color: #fff; font-size: 14px; } .pc-product-item .icon { width: 25px; } .pc-product-con { height: 300px; border-right: 1px solid #fff; padding: 20px 25px 10px; background-color: #c1ccf9; color: #2f387d; font-size: 12px; width: 0px; display: none; transition: all .3s; } .pc-product-con:nth-child(2) { width: 390px; display: block; } .pc-product-con .desc { line-height: 25px; max-height: 100px; overflow: hidden; margin-bottom: 16px; } .pc-product-con .labels .label { height: 30px; line-height: 28px; border: 1px solid #9ca7da; border-radius: 15px; padding: 0 20px; margin-bottom: 12px; margin-right: 10px; } .pc-product-btns { margin-top: 23px; } .pc-product-btns > a { width: 100px; height: 33px; display: block; line-height: 33px; border-radius: 3px; color: #fff; font-size: 14px; text-align: center; } .pc-product-btns > a:first-child { background-color: #f79d37; margin-right: 12px; } .pc-product-btns > a:nth-child(2) { background-color: #2f387d; } .index-news-container { width: 1340px; margin: auto; padding: 100px 0 50px; position: relative; } .index-news-container .main-title { position: relative; font-size: 28px; line-height: 1; margin-bottom: 56px; } .index-news-container .main-title:after { content: ''; width: 30px; height: 3px; background-color: #2f387d; position: absolute; left: 0; top: -25px; } .index-news-container .tab-wrp { position: absolute; right: 0; top: 148px; line-height: 1; font-size: 12px; } .index-news-container .tab-wrp a { font-size: 14px; transition: none; } .index-news-container .tab-wrp span { margin: 0 10px; font-size: 16px; font-family: serif; } .index-news-container .tab-wrp a.on { font-size: 16px; color: #2f387d; } .index-news-container .con-tab .con-wrp { display: none; } .index-news-container .con-tab .con-wrp a { width: 30%; margin-right: 5%; transition: all .2s; box-shadow: 0px 5px 15px 0px #f2f2f2; border-radius: 3px; border: 1px solid transparent; padding-bottom: 28px; } .index-news-container .con-tab .con-wrp .thumb { width: 100%; height: 300px; object-fit: cover; margin-bottom: 26px; display: block; } .index-news-container .con-tab .con-wrp .tit { font-size: 16px; height: 30px; line-height: 30px; padding: 0 3%; transition: all .2s; overflow: hidden; margin-bottom: 5px; } .index-news-container .con-tab .con-wrp .date { font-size: 15px; height: 30px; line-height: 30px; color: #999; padding: 0 3%; margin-bottom: 10px; } .index-news-container .con-tab .con-wrp .desc { font-size: 14px; line-height: 26px; height: 98px; overflow: hidden; color: #999; padding: 20px 3% 0; margin-top: 20px; border-top: 1px solid #eee; } .index-news-container .con-tab .con-wrp a:hover { border-color: #2f387d; box-shadow: 0px 10px 20px 0px #eaebf2; } .index-news-container .con-tab .con-wrp a:hover .tit { color: #2f387d; } .index-news-container .con-tab .con-wrp a:last-child { margin-right: 0; } .index-news-container .con-tab .con-wrp:first-child { display: flex; } .index-foot { width: 100%; padding: 90px 0; background:#263b91 url('../images/index_83.jpg') no-repeat center bottom; background-size: 70% 100%; color: #fff; font-size: 14px; } .index-foot .school-wrp { font-size: 20px; margin-bottom: 66px; } .index-foot .school-wrp a { color: inherit; } .index-foot .school-wrp span { font-family: serif; margin: 0 22px; } .index-foot .con-wrp { width: 564px; margin: auto; } .index-foot .text1 { font-size: 18px; margin-bottom: 15px; } .index-foot .text2 { font-size: 14px; } .index-foot .btn-zixun img { width: 2rem; display: block; margin-top: 0.4rem; } .pc-footer { background-color: #282a36; color: #fff; font-size: 14px; padding: 42px 0; line-height: 2; } .pc-foot1 { margin-left: 12%; } .pc-foot3 { margin-right: 12%; } .pc-foot2 a { color: inherit; display: block; line-height: 40px; } .bold { font-weight: bold; } .share-icons a { margin-right: 8px; } .pc-foot2 span{ float: left;margin-right: 10px; } @media screen and (max-width:860px) { .wap-foot-call { width: 5.21rem; height: 0.68rem; line-height: 0.64rem; margin: 0.2rem auto; border: 1px solid #3e404a; border-radius: 2px; color: #fff; font-size: 0.26rem; } .wap-nav a { color: inherit; } .wap-foot-call img { width: 0.4rem; margin-right: 0.2rem; } .wap-footer { padding:0.45rem 5% 0.2rem; background-color: #282a36; color: #fff; font-size: 12px; } .index-foot .btn-zixun img { width: 2.5rem; } .index-foot .con-wrp { width: 100%; } .index-foot { padding: 0.5rem 5%; } .wap-news-container { padding: 0.32rem 2%; } .index-foot .school-wrp { font-size: 0.28rem; margin-bottom: 0.5rem; } .index-foot .school-wrp span { margin: 0 0.4rem; } .index-foot .text1 { font-size: 0.3rem; margin-bottom: 0.08rem; } .index-foot .text2 { font-size: 0.24rem; } .wap-news-container .main-title { font-size: 0.34rem; margin-bottom: 0.33rem; line-height: 1; text-align: center; } .wap-news-container .tab-wrp { margin-bottom: 0.3rem; } .wap-news-container .tab-wrp a { width: 2.2rem; height: 0.74rem; display: block; line-height: 0.72rem; text-align: center; font-size: 0.28rem; border-radius: 0.04rem; color: #2f387d; border: 1px solid #2f387d; transition: none; } .wap-news-container .tab-wrp a:first-child { margin-right: 0.4rem; } .wap-news-container .tab-wrp a.on { background-color: #2f387d; color: #fff; } .wap-news-container .con-wrp { display: none; } .wap-news-container .con-wrp:first-child { display: flex; } .wap-news-container .con-wrp a { width: 100%; height: 1.6rem; margin-bottom: 0.35rem; border: 1px solid #f9f9f9; border-radius: 0.04rem; overflow: hidden; } .wap-news-container .con-wrp a > img { width: 2.4rem; height: 100%; object-fit: cover; } .wap-news-container .con-wrp a .con { padding: 0.2rem 0.3rem; } .wap-news-container .con-wrp .tit { font-size: 0.28rem; line-height: 0.38rem; max-height: 0.76rem; margin-bottom: 0.08rem; } .wap-news-container .con-wrp .date { font-size: 0.24rem; color: #999; } .wap-product-container { width: 100%; position: relative; overflow: hidden; padding: 0.95rem 0 0.38rem; background-color: #2f387d; } .wap-product-nav { width: 1.6rem; position: absolute; right: 3%; top: 0.37rem; } .wap-product-nav > img { width: 45%; } .wap-product-slide { width: 100%; padding: 0 3%; color: #fff; } .wap-product-slide .line { width: 0.65rem; height: 0.02rem; background-color: #fff; margin-bottom: 10px; } .wap-product-slide .tit { font-size: 14px; margin-bottom: 10px; } .wap-product-slide .desc { font-size: 12px; margin-bottom: 15px; } .wap-product-slide .labels .label { height: 0.6rem; line-height: 0.58rem; font-size: 12px; border: 1px solid #fff; border-radius: 0.3rem; padding: 0 0.38rem; margin-bottom: 0.15rem; margin-right: 0.2rem; } .wap-product-btns { margin-top: 0.4rem; } .wap-product-btns > a { width: 1.8rem; height: 0.68rem; display: block; line-height: 0.68rem; border-radius: 0.34rem; color: #fff; font-size: 14px; text-align: center; } .wap-product-btns > a:first-child { background-color: #f79d37; margin-right: 0.2rem; } .wap-product-btns > a:nth-child(2) { background-color: #fff; color: #2f387d; } .menu-ico { position: fixed; } .index-adv-swiper { width: 95%; margin: auto; overflow: hidden; } .index-adv-list2-item .line{ width: 28px; height: 2px; margin-bottom: 8px; } .index-adv-list2-item .tit { font-size: 16px; margin-bottom: 8px; } .index-adv-list2-item .desc { font-size: 12px; } .index-adv-list2-item { width: 100%; background-color: #fff; padding-top: 0.45rem; padding-bottom: 0.45rem; border-radius: 4px; } .index-adv-list1-item .text1 { font-size: 0.2rem; } .index-adv-list1-item .text2 { font-size: 0.16rem; } .index-adv-list1 { width: 95%; margin-bottom: 0.35rem; } .index-adv-container { padding-top: 0.55rem; padding-bottom: 0.55rem; } .index-about-block .line { width: 35px; height: 2px; } .index-about-btn { width: 1.8rem; height: 0.56rem; font-size: 0.26rem; margin-top: 0.25rem; } .index-about-btn > img { width: 0.28rem; } .index-about-block { font-size: 16px; width: 100% !important; } .index-about-block:last-child { margin-bottom: 0; } .index-about-container > .container { width: 96%; } .index-type-list { box-shadow: none; overflow-x: scroll; padding: 0; } .index-type-item { width: 2rem; overflow: hidden; padding: 0.16rem 0.2rem 0; } .index-type-item .tit { font-size: 13px; font-weight: normal; height: 26px; line-height: 26px; } .xs-none { display: none; } .menu-ico { font-size: 0px; line-height: 1; top: 0.3rem; } .menu-ico img { width: 0.3rem; } .navbox { height: 2rem; padding:0 3% 5px; } .navbox .logo { margin-top: 0.2rem; } .navbox .nav { margin-top: 0px; padding-top: 0.15rem; } .navbox .nav li:first-child, .navbox .nav li:nth-child(2), .navbox .nav li:nth-child(3) { border-bottom: 1px solid #5a55a4; } .navbox .nav li { height: 0.66rem; line-height: 0.66rem; } .menu-ico, .menu-closed { font-size: 0px; top: 13px; } /* .banner { padding-top: 2rem; } */ .banner .swiper-pagination { display: none; } } @media screen and (max-width:1340px) { .index-about-container > .container { width: 94%; } .index-news-container { width: 94%; } } @media screen and (max-width:1440px) { .pc-product-wrapper { width: 100%; } } @media screen and (max-width:1260px) { .lainxi ul li { width: 100% !important; } } @media screen and (min-width:860px) { .index-about-block.block-3 { margin-right: 1.2%; } .index-adv-list2-item { max-height: 290px; } .lg-none {display: none;} }