/*杞挱*/ .line-1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .carousel{ position: relative; } .carousel img,.carousel .swiper-container{ width: 100%; } .zb-button-prev,.zb-button-next{ position: absolute; top: 50%; z-index: 2; margin-top: -11px; width: 12px; height: 22px; background-size: 100%; cursor: pointer; opacity: .5; outline:none; } .zb-button-prev:hover,.zb-button-next:hover{ opacity: 1 } .zb-button-prev{ left: .25rem; background-image: url(../images/prev_btn.png); } .zb-button-next{ right: .25rem; background-image: url(../images/next_btn.png); } /*涓昏鍐呭*/ .info_wrap{ padding: 1.08rem 0 .5rem 0; } .info{ overflow: hidden; } .info .l_text{ float: left; width: 7.52rem; height: 5.2rem; background-image: url(../images/info_bg.png); background-size: 7.52rem 5.2rem; } .info .r_video{ float: right; } .info .r_video img{ width: 5.47rem; height: 5.2rem; } .commit_title{ position: relative; } .commit_title:after{ position: absolute; top: 0px; left: 0px; content: ""; display: block; height: 3px; width: 1.25rem; background-color: #0068b7; overflow: hidden; } .commit_title h3.egli{ padding:.44rem 0 .2rem 0; font-size: .42rem; color: #333; font-weight: bold; } .commit_title h3.gywm{ font-size: .4rem; color: #0068b7; font-weight: bold; padding-bottom: .3rem; } .info .l_text h4{ font-size: .24rem; color: #0068b7; font-weight: bold; padding-bottom: .36rem; } .info .l_text p{ font-size: .18rem; line-height: .32rem; color: #888888; padding:0 1.26rem .38rem 0; } .more img{ width: 1.65rem; height: .5rem; } .company_data{ padding-bottom: .8rem; } .dynamic .commit_title{ text-align: center; } .dynamic .commit_title:after{ left: 50%; margin-left: -0.625rem; } .dynamic .textImg{ padding-top: .3rem; overflow: hidden; } .dynamic .l_img_wrapper{ width: 5.7rem; height: 100%; float: left; padding: .3rem; box-sizing: border-box; background: #f0f6fc; } .dynamic .l_img_wrapper .h_img{ width: 100% } .dynamic .l_img_wrapper p{ font-size: .22rem; line-height: .36rem; color: #333; padding:.3rem 0 .12rem 0; font-weight: bold; } .time { display: block; font-size: 14px; color: #999999; padding-left: 20px; background: url(../images/time.png) left center no-repeat; } .dynamic .l_img_wrapper .time { margin-bottom: .34rem; } .dynamic .r_newList{ width: 5.7rem; height: 100%; float: right; } .dynamic .r_newList ul{ height: 100%; /*display: flex;*/ flex-direction:column } .dynamic .r_newList ul li{ padding: .3rem 0; /*flex: 1;*/ box-sizing: border-box; border-bottom: 1px dashed #dedede; -ms-flex:1; } .dynamic .r_newList ul li:last-child{ border-bottom: 0; padding-bottom: 0; } .dynamic .r_newList ul li:first-child{ padding-top: 0; } .dynamic .r_newList a{ display: block; font-size: .2rem; color: #333333; } .dynamic .r_newList p{ font-size: .14rem; color: #999; line-height: 24px; margin: .15rem 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .cy_tab{ /*overflow: hidden;*/ position: relative; margin: .75rem 0 1.8rem 0; } .cy_tab .swiper-slide img{ width: 100%; } .cy_tab .swiper-slide { position: relative; } .cy_tab .tab-swiper-container{ overflow: hidden; } .cy_tab .plate_wrapper{ padding: .3rem .4rem; height: 4.3rem; width: 3.5rem; background: #fff; position: absolute; left: .48rem; top: .44rem; opacity: .9; box-sizing: border-box; border-radius: 5%; } .cy_tab .plate_wrapper ul{ padding-top: .24rem; } .cy_tab .plate_wrapper ul li{ padding-bottom: .14rem; } .cy_tab .plate_wrapper h3{ font-size: .28rem; font-weight: bold; color: #333333; } .cy_tab .plate_wrapper h4{ font-size: .18rem; color: #0068b7; margin-bottom: .06rem; font-weight: bold; } .cy_tab .plate_wrapper p{ font-size: .14rem; color: #555555; line-height: .24rem; } .cy_tab .tab_list{ position: absolute; bottom: -1.14rem; width: 100%; padding:0 .46rem; height: 1.92rem; z-index: 2; box-sizing: border-box; } .cy_tab .tab_list ul{ overflow: hidden; background: #fff; border-radius: 15px; height: 100%; padding:.22rem 0; box-sizing: border-box; box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.08); } .cy_tab .tab_list .icon_tb{ width: .88rem; height: .56rem; margin: 0 auto; } .cy_tab .tab_list ul li{ cursor: pointer; width: 25%; float: left; padding-top: .15rem; text-align: center; box-sizing: border-box; border-right:1px solid #dedede; } .cy_tab .tab_list ul li:last-child{ border-right: 0; } .cy_tab .tab_list ul li span{ display: inline-block; font-size: .22rem; color: #555555; font-weight: bold; padding: .24rem 0; } .cy_tab .tab_list .icon_tb1{ background: url(../images/tab-img1.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .icon_tb2{ background: url(../images/tab-img2.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .icon_tb3{ background: url(../images/tab-img3.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .icon_tb4{ background: url(../images/tab-img4.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .on span{ border-bottom: 4px solid #0068b7; } .cy_tab .tab_list .on .icon_tb1{ background: url(../images/tab-img1-on.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .on .icon_tb2{ background: url(../images/tab-img2-on.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .on .icon_tb3{ background: url(../images/tab-img3-on.png) no-repeat; background-size: 100%; } .cy_tab .tab_list .on .icon_tb4{ background: url(../images/tab-img4-on.png) no-repeat; background-size: 100%; } .ppcp{ height: 5.66rem; width: 100%; background:url(../images/item1_bg.png) left top no-repeat; background-size: 100%; } .ppcp .left_title{ padding-top: 1rem; width: 3.1rem; float: left; } .ppcp .left_title p{ font-size: .22rem; color: #555555; line-height: .36rem; margin-bottom: .86rem; } .ppcp .right_couser{ width: 8rem; height: 100%; float: right; position: relative; } .ppcp .right_couser ul{ padding-top: 1.46rem; display: flex; justify-content:space-between; } .ppcp .right_couser li{ width: 2.47rem; position: relative; float:left; } .ppcp .right_couser li img{ width: 2.47rem; height: 3.71rem; } .ppcp .right_couser li{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .ppcp .right_couser li:hover { transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .ppcp .right_couser .bottom_box{ width: 100%; height: 2.3rem; background: #f0f6fc; position: absolute; bottom: 0px; right: 0px; border-radius: 10px; } .ppcp .cp-swiper-container{ height: 100%; } .ppcp .right_couser li:nth-child(2){ position: relative; top: -.96rem; } .ppcp .right_couser li:nth-child(3){ position: relative; top: -.4rem; } .ppcp .right_couser li .btn_more_red{ position: absolute; left: 50%; margin-left: -0.675rem; display: block; width: 1.35rem; height: .4rem; background: url(../images/more_btn_red.jpg) no-repeat; background-size: 100%; bottom: .96rem; } .ppcp .cp-swiper-container,.zbcpl-swiper-container{ overflow: hidden; } .zbcpl_wrap{ position: relative; padding:.86rem 0 .6rem 0; } .zbcpl-swiper-container img{ width: 100%; height: 5.47rem; } .zbcpl_wrap .commit_title{ position: absolute; left: 0px; top: .6rem; } .zbcpl_wrap .commit_btn_box{ position: absolute; bottom: 1.3rem; left: 0; z-index: 2; } .b_h_wh_wrapper{ padding:.25rem; width: 100%; height: 1.2rem; box-sizing: border-box; background: #f0f6fc; } .b_h_wh { position: relative; width: 13rem; margin: 0 auto; /* text-align-last: justify; text-align: justify;*/ } /*.b_h_wh:after { content: " "; display: inline-block; width: 100%; }*/ .b_h_wh{ overflow: hidden; } .b_h_wh .left_img,.b_h_wh .right_img{ width: 50%; position: relative; } .b_h_wh .left_img { float: left; } .b_h_wh .right_img{ float: right; text-align: right; } .b_h_wh .img1{ width: 3.21rem; height:.62rem; } .b_h_wh .img2{ width: 3.72rem; height:.62rem; } .b_h_wh .left_img:before{ position: absolute; display: inline-block; top: 0px; right: 0; content: ""; height: 100%; width: 1px; background-color: #dedede; overflow: hidden; } .swiper-pagination-bullet { width: 1.5rem; height: .1rem; background: #006db8; opacity: 1; border-radius: 0; /* width: 11px; height: 11px; text-align: center; background: #deecf5; margin: .1rem; /*padding: .1rem;*/ /*vertical-align: middle;*/ /* border-radius: 100px; border:1px solid #fff;*/ } .swiper-pagination-bullet-active { position: relative; background: #e62129; } .swiper-container-horizontal>.swiper-pagination-bullets{ padding-left: 5rem; bottom: .3rem; } /*.swiper-pagination-bullet-active:after{ content: ''; width: 11px; height:11px; margin-left: -5.5px; position: absolute; border-radius: 50%; background: #e62129; }*/ @media screen and (max-width: 1024px) { .cy_tab .plate_wrapper p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: .29rem; } } @media screen and (max-width: 768px) { .cy_tab .plate_wrapper{ height: auto; padding: .05rem .4rem; top: .1rem; } .cy_tab .plate_wrapper p{ line-height: 1.5; } .info .l_text p{ font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-bottom: 0px; line-height: .52rem; margin-bottom: 10px; } } @media screen and (max-width: 414px) { .info_wrap{ padding:30px 0; } .info .l_text{ width: 100%; height: auto; float: none; margin-bottom: 20px; } .info .r_video{ float: none; } .info .r_video img { width: 100%; height: auto; } .info .l_text p{ display: block; padding:0; line-height: 20px; } .more img{ width: 90px; height: auto; } .commit_title h3.egli{ font-size: 21px; } .commit_title h3.gywm{ font-size: 20px; } .info .l_text h4{ font-size: 14px; } .company_data{ padding-bottom: 40px; } .dynamic .textImg{ padding-top: 40px; } .dynamic .l_img_wrapper{ width: 100%; height: auto; float: none; padding:15px; } .dynamic .l_img_wrapper p{ font-size: 14px; line-height: 18px; } .dynamic .l_img_wrapper .time{ margin-bottom: 0; padding:10px 0 10px 20px; } .dynamic .r_newList{ width: 100%; padding:20px 0; } .dynamic .r_newList p{ display: block; font-size: 12px; } .dynamic .r_newList a{ font-size: 14px; } .time{ font-size: 12px; } .dynamic .r_newList ul li{ padding: 20px 0; } .dynamic .r_newList ul li:last-child{ border-bottom: 1px dashed #dedede; padding-bottom: 20px; } .cy_tab{ margin:20px 0; } .cy_tab .plate_wrapper{ width: auto; height: auto; top: 5px; bottom: 5px; left: 5px; right: 5px; padding:5px; border-radius: 5px; } .cy_tab .plate_wrapper ul li{ width: 50%; float: left; padding: 5px 0; } .cy_tab .tab_list{ height: auto; position: relative; bottom: 0; margin-top: 20px; } .cy_tab .tab_list ul li span{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 12px; } .cy_tab .tab_list .icon_tb { width: 60px; height: 38px; } .ppcp,.zbcpl_wrap{ display: none; } .b_h_wh_wrapper{ padding:10px; height: auto; } .b_h_wh{ width: 100%; } .b_h_wh .img1,.b_h_wh .img2{ width: 120px; height: auto; } .b_h_wh .img2{ width: 135px; } .cy_tab .plate_wrapper h3,.cy_tab .plate_wrapper h4,.cy_tab .plate_wrapper p{ font-size: 14px; } }