锘?imainhd{ height: 80px; } .top { background: #e2e2e2; height: 78px; } .top_li{ max-width: 1400px; margin: 0 auto; height: 25px; line-height: 25px; } .top_li_left{ float: left; font-size: 12px; } .top_li_rig{ float: right; } .tel{ width: 16px; height: 16px; display: inline-block; } .top_li_rig span{ font-size: 12px; margin: 0px 5px; } .ispctt{ margin-bottom: 30px; } .imain_li{ width: 1400px; margin: 0 auto; } .imain_linew{ width: 1400px; margin: 0 auto; position: relative; } .logoimg{ width: 214px; height: auto; float: left; } .mainli_li,.mainli_li2,.heder_menu{ position: fixed; top: 78px; width: 100%; left: 0px; margin: 0 auto; background: rgba(250,250,250,0.95); height: auto; line-height: 50px; font-size: 14px; z-index: 99; display: none; border-top: 1px solid rgb(233, 233, 233); } /*.heder_menu:before{*/ /*content: "";*/ /*display: block;*/ /*width: 0;*/ /*height: 0;*/ /*position: absolute;*/ /*border: 6px solid #d8212f;*/ /*border-top-color: transparent;*/ /*border-right-color: transparent;*/ /*border-left-color: transparent;*/ /*left: 0;*/ /*right: 0;*/ /*top: -14px;*/ /*margin: 0 auto;*/ /*}*/ .heder_menuli{ width: 100%; padding: 7px 15px; justify-content: space-around; align-items: center; box-shadow: rgb(195, 195, 195) 0px 3px 3px 0px; text-align: CENTER; } .mainli_liinner,.mainli_liinner2{ display: flex; justify-content: center; } .mainli_liinner a,.mainli_liinner2 a,.heder_menu a{ line-height: 50px; } .heder_menuli a:hover{ color: #d8212f; } .heder_menu a:last-child{ border-bottom: none; } .mainli_liinner a:hover,.mainli_liinner a.comstyle,.mainli_liinner2 a:hover,.mainli_liinner2 a.comstyle2{ color:#d8212f; } .imain_li_topwen{ float: right; } .imain_li_topwen li{ line-height: 76px; font-size: 14px; /*padding: 0 40px;*/ float: left; /*margin-right: 80px;*/ } /*.imain_li_topwen li:nth-child(2),.imain_li_topwen li:nth-child(3){*/ /*width: 100px;*/ /*text-align: center;*/ /*margin-right: 60px;*/ /*}*/ /*.imain_li_topwen li:last-child{*/ /*margin-right: 0;*/ /*}*/ .imain_li_topwen li a{ padding: 0 20px; } .liwactive{ display: block; border-bottom: 2px solid #d8212f; color: #d8212f; font-weight: bold; } .heder_menuli a{ width: 170px; display: inline-block; } .heder_menuli a.liwactive2{ color: #d8212f!important; } .hefirsta:hover{ display: block; font-weight: bold; color: #d8212f; cursor: pointer; background: #f7f7f7; border-top: 2px solid #d8212f; } #ibancon{ width: 100%; /* height:780px; */ } #ibancon .swiper-slide { background-position: center; background-size: cover; } .imain_li_banner_form{ width: 100%; background: #e6e6e6; padding: 80px 0px; } .imain_li_banner_formli{ padding: 20px 30px; max-width: 1400px; margin: 0px auto; border-radius: 6px; color: #666; font-size: 16px; background: url(../images/hmc4bg.jpg) no-repeat right center; background-size: cover; } .zhanhang{overflow: hidden;width: 100%;margin: 25px 0px;} .fpormsubmit{ width: 144px; height: 56px; background: url(../images/bgt.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 54px; float: left; cursor: pointer; color: #d8212f; } .imain_bform{ float: left; } .imain_bform:last-child{ margin-right:0; } .imain_bform p,.imain_bform select,.imain_bform input{ float: left; } .imain_bform select{ width: 250px; padding: 0px 10px; margin-right: 10px; line-height: 54px; font-size: 16px; border: solid 1px #eee; color: #666; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/arrow_1.png) no-repeat scroll right center #fff!important; border-radius: 6px; } select::-ms-expand { display: none; } .imain_bform input{ border: solid 1px #eee; width: 433px; padding: 0px 10px; margin-right: 10px; border-radius: 6px; line-height: 54px; font-size: 16px; } .imain_li_inner{ padding: 60px 0px; } .imain_li_inner_bj{ background: url(../img/about_bg.jpg) no-repeat right center; background-size: cover; } .imain_li_ppinner2{ margin: 100px 0; } .imain_title h5{ font-size: 24px; text-align: center; } .imain_title p{ font-size: 16px; text-align: center; color: #929292; } .imain_titleline{ width: 70px; height: 2px; margin: 10px auto 30px; background: #888; } .imain_liitem_item{ width: 16%; height: 300px; margin-right: 0.8%; float: left; background: #ebebeb; padding: 60px 20px; text-align: center; } .iysicon{ width: 62px; height: 62px; margin: 0 auto; } .imain_liitem_item:last-child{ margin-right: 0; } .iysicon1{ background: url(../images/jl.png) no-repeat; background-size: 100% 100%; } .iysicon2{ background: url(../images/zlpng.png) no-repeat; background-size: 100% 100%; } .iysicon3{ background: url(../images/save.png) no-repeat; background-size: 100% 100%; } .iysicon4{ background: url(../images/baoz.png) no-repeat; background-size: 100% 100%; } .iysicon5{ background: url(../images/xitong.png) no-repeat; background-size: 100% 100%; } .iysicon6{ background: url(../images/fuwu.png) no-repeat; background-size: 100% 100%; } .imain_liitem_item p{ font-size: 18px; color:#343434; text-align: center; margin-top: 20px; } .imain_liitem_item span{ font-size: 12px; color: #373737; text-align: center; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*-webkit-line-clamp: 2;*/ /*-webkit-box-orient: vertical;*/ width: 100%; margin-top: 10px; line-height: 30px; } .ishipin_left{ width: 58%; height: 470px; float: left; margin-right: 2%; border-radius: 6px; position: relative; background: #e4e4e4; } .ishipin_left video{ width: 100%; height: 100%; } .ishipin_left_wen{ position: absolute; bottom: 0; width: 100%; left:0; /*color: #505050;*/ color: #d8212f; text-align: right; font-size: 14px; font-weight: bold; padding: 0 15px; cursor: pointer; line-height: 40px; } .ishipin_left_wen p{ float: left; width: 40px; height: 40px; background: url(../images/bf.png) no-repeat; background-size: 100% 100%; } .ishipin_left_wen a{ float: right; } .ishipin_rig{ float: right; width: 40%; } .ishipin_rig_item{ width: 100%; height: 150px; margin-bottom: 10px; border-radius: 6px; position: relative; } .ishipin_rig_item:last-child{ margin-bottom: 0; } .iproduct_item{ height: 450px; position: relative; display: none; } .imain_more{ position: absolute; bottom: 15px; left:0; right: 0; margin: 0 auto; width: 80px; height: 30px; border-radius: 14px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; border: 1px solid #fff; cursor: pointer; } .imain_more2{ margin: 0 auto; width: 80px; height: 30px; border-radius: 14px; text-align: center; line-height: 30px; font-size: 14px; color: #9e9e9e; border: 1px solid #9e9e9e; display: block; position: absolute; bottom: -90px; left:0; right: 0; } .iproduct_wenpart{ display: flex; flex-wrap: wrap; justify-content: center; font-size: 18px; color: #222; font-weight: bold; height: 62px; line-height: 62px; margin-top: 25px; } .iproduct_titleitem{ margin: 0 20px; cursor: pointer; } .iproduct_titleitem.wenspc{ color: #d8212f; } .ijoinbg{ width: 100%; height: 810px; background: url("../images/jiameng.jpg") no-repeat; background-size: 100% 100%; padding: 60px 0 0; margin-bottom: 0; } .ijoin svg { width: 600px; position: absolute; z-index: 0; top: -115px; left: 50%; transform: translateX(-50%); } .ijoin svg path { fill: none; stroke: #BCBCBC; } .ijoin_part{ width: 100%; height: 440px; border-radius: 50%; margin: 0 auto; position: relative; } .ijoin_part li{ transition: all .1s ease; padding: 0; box-sizing: border-box; line-height: 60px; width: 36%; float: left; margin-top: 50px; text-align: right; height: 70px; cursor: pointer; } .ijoin_part li:nth-child(2n){ margin-right: 0; float: right; text-align: left; } .ijoin_part li:nth-child(3),.ijoin_part li:nth-child(4){ margin-top: 76px; width: 33%; } .ijoin_part li:nth-child(5),.ijoin_part li:nth-child(6){ margin-top: 82px; width: 36%; } .ijoin_part li:nth-child(7){ width: 100%; margin-top: 40px; text-align: center; margin-bottom: 40px; } .showjoinpic{ position: absolute; width: 360px; height: 360px; border-radius: 50%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 10px solid #ffffff; display: none; } .showjoinpic img{ border-radius: 50%; } .ijoin_part_icon{ width: 32px; height: 32px; margin-top: 14px; display: inline-block; } .ijoin_part_icon1{ background: url("../images/bjl.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon2{ background: url("../images/bj7.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon3{ background: url("../images/bj3.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon4{ background: url("../images/bj2.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon5{ background: url("../images/bj5.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon6{ background: url("../images/bj4.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon7{ background: url("../images/bj6.png") no-repeat; background-size: 100% 100%; } .ijoin_part_icon:nth-child(1),.ijoin_part_icon:nth-child(3),.ijoin_part_icon:nth-child(5){ float: left; } .ijoin_jieshao{ font-size: 16px; background: #fff; color: #333; padding: 15px 30px; border-radius: 45px; width: 370px; margin: 0 auto; opacity: 0.8; } .ijoin_jieshao:nth-child(2),.ijoin_jieshao:nth-child(4),.ijoin_jieshao:nth-child(6){ text-align: left; } .ystop{ text-align: center; } .ystop_item{ display: inline-block; padding: 10px 20px; color: #222; font-size: 16px; cursor: pointer; } .ystop_item.ystitpc{ background: #d7001d; border-radius: 4px; color: #fff; } .ystop_part_item{ width: 40%; height: 500px; border-radius: 8px; margin-right: 2%; float: left; cursor: pointer; position: relative; overflow: hidden; transition: all .5s; } .ystop_part_item:hover.ystop_part_item img{ transform: scale(1.1); } .imain_albfmask{ width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0; left: 0; } .imain_albfmask span{ margin: 0 10px; } .ystop_part_item img{ border-radius: 8px; } .ystop_part_item:nth-child(2),.ystop_part_item:nth-child(3){ width: 30%; height: 240px; margin-bottom: 20px; } .ystop_part_item:nth-child(3){ margin-bottom: 0; } .ystop_part_item:nth-child(4){ width: 26%; margin-right: 0; margin-top: -260px; } .imain_liitem_item:hover.imain_liitem_item p,.imain_liitem_item:hover.imain_liitem_item span{ color: #252525; font-weight: bold; display: none; } .ystop_part,.pamin_part{ display: none; } .ifooter{ background: #494949; padding-top: 15px; } .ifooter_left{ width: 50%; float: left; font-size: 12px; color: #fff; line-height: 26px; } .ifooter_left h6{ font-weight: lighter; font-size: 16px!important; } .ifooter_left p{ font-size: 12px; } .ifooter_logo{ height: 40px; width: 270px; margin-bottom: 20px; } .ifooter_rig{ width: 50%; float: right; font-size: 16px; color: #fff; } .ifooter_rig p{ margin: 10px 0; text-align: right; display: flex; justify-content: space-between; cursor: pointer; } /*.ifooter_rig p span{*/ /*margin: 0 20px;*/ /*}*/ .footerpics_item{ float: right; text-align: center; line-height: 20px; margin-right: 20px; font-size: 12px; } .footerpics_item img{ width: 100px; height:100px; margin-bottom: 10px; } .dizhong{ font-size: 12px; margin: 20px 0; color: #fff; display: flex; justify-content: space-between; } .dizhong_rig{ width: 94%; float: right; } .dizhong_rig a{ margin-right: 0; color: #fff; } .dizhong_rig a:last-child{ margin-right: 0; } .dibu{ background: #3f3f3f; color: #fff; font-size: 12px; min-height: 30px; text-align: center; line-height: 30px; } .dibu span{ display: inline-block; } .imiddpics{ position: absolute; top: 0; height: 100%; width: 100%; text-align: center; border-radius: 50%; background: rgba(121, 121, 121, 0.4); color: #fff; font-weight: bold; display: flex; flex-flow: column; justify-content: center; line-height: 40px; letter-spacing: 3px; } .inew_item{ width: 23.5%; margin-right: 2%; float: left; color: #666666; } .inew_item:last-child{ margin-right: 0; } .inew_item h5{ font-size: 18px; } .inew_item img{ width: 100%; height: 200px; margin: 10px 0; } .inew_item p{ font-size: 14px; width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-height: 26px; -webkit-box-orient: vertical; } .imain_more3{ width: 80px; height: 30px; border-radius: 14px; text-align: center; line-height: 30px; font-size: 14px; color: #9e9e9e; border: 1px solid #9e9e9e; display: block; margin-left: 0!important; margin-top: 10px!important; } /*鏈嶅姟涓績*/ .spmain_item_video_bficonnw{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 68px; height: 68px; border-radius: 50%; border: 4px solid #fff; display: flex; justify-content: center; align-items: center; z-index: 10; cursor: pointer; } .spmain_item_video_bficonnw p{ border-color: transparent transparent transparent #fff; border-width: 10px 0 10px 17px; border-style: solid; display: inline-block; } .spmain_item_video:hover img{ transition: all 1s; transform: scale(1.2); } .spmain_item_video .spmain_item_video_bficonnw:hover{ transition: all 1s; transform: scale(1.2); } .amain_showinner_xiali .swiper-button-next,.amain_showinner_xiali .swiper-button-prev,.amain_showinner_xiali2 .swiper-button-next,.amain_showinner_xiali2 .swiper-button-prev{ top: 88%; font-size: 85px; color: #484848; margin-top: 0; cursor: pointer; } .amain_showinner_xiali,.amain_showinner_xiali2{ position: relative; height: 610px; } .spmain_item{ width: 100%; float: left; text-align: center; font-size: 12px; height: 100%; } .spmain_item_video2{ width: 80%; height: 100%; float: left; position: relative; transition: all 1s; } .spmain_item_video{ width: 100%; height: auto; position: relative; transition: all 1s; overflow: hidden; } .spmain_item_wen2{ width: 20%; float: left; height: 100%; background: #f3f3f3; } .spmain_item_wen{ width: 100%; height: auto; background: #f3f3f3; } .spmain_item:nth-child(3n){ margin-right: 0; } #spcontainer,#spcontainer2{ width: 100%; height: 650px; box-shadow: -5px 10px 20px #9d9d9d; } .spmain_item_wen2 h6{ margin-top: 28%; font-size: 24px;; } .spmain_item_wen2 p{ line-height: 32px; font-size: 16px; padding-right: 20px; } .spmain_item_wen h6{ font-size: 24px;; } .spmain_item_wen p{ line-height: 32px; font-size: 16px; padding-right: 20px; } .yfmain_left,.yfmain_rig2{ width: 45%; font-size: 14px; line-height: 26px; float: left; /* display: flex; */ flex-flow: column; justify-content: center; /* height: 500px; */ } .yfmain_left h5,.yfmain_rig2 h5{ width: 50%; font-size: 20px; /*background: #d8212f;*/ color: #d8212f;; border-top-right-radius: 30px; border-bottom-right-radius: 30px; line-height: 50px; /*text-align: center;*/ } .yfmain_left p{ margin: 10px 0; font-size: 15px; line-height: 32px; color: #292929; } .yfmain_left span,.yfmain_rig2 span{ font-size: 15px; line-height: 40px; /*color: #7b7b7b;*/ /*text-indent: 2em;*/ display: inline-block; } .yfmain_rig2{ height: 500px; } .yfmain_rig,.yfmain_left2{ width: 45%; float: right; } .yfmain_rig img,.yfmain_left2 img{ width: 60%; margin: 0 auto; } .amain_showinner_li{ margin-top: 60px; overflow: hidden; } .fmain_di_left{ width: 45%; float: left; font-size: 18px; line-height: 60px; height: 500px; font-weight: bold; } .fmain_di_left2{ /*background: #efefef;*/ } .fmain_di_left:nth-child(2n){ float: right; } .newfwne{ padding: 160px 0; font-size: 14px; color: #2a2a2a; line-height: 30px; } .newfwne h5,.newfwne2 h5{ font-size: 18px; color: #d8212f; letter-spacing: 3px; } .cbanner{ width: 100%; height: 400px; } .ftitle2{ margin-top: 60px; } .ftitle span,.ftitle2 span{ position: relative; display: block; text-align: center; color: #666; margin-top: 10px; font-size: 14px; text-transform: uppercase; } .ftitle3{ margin-top: 60px; } .ftitle span,.ftitle3 span{ position: relative; display: block; text-align: center; color: #666; margin-top: 10px; font-size: 14px; text-transform: uppercase; } .ftitle span:before,.ftitle span::after,.ftitle2 span:before,.ftitle2 span::after,.ftitle3 span:before,.ftitle3 span::after{ content: ''; width: 30%; height: 2px; background: #E6E6E6; position: absolute; box-shadow: 0 1px 0 rgba(255,255,255,0.2); } .ftitle span:before{ left:50%; margin-left: -50%; } .ftitle span::after{ right: 50%; margin-right: -50%; } .ftitle2 span:before{ left:50%; margin-left: -50%; } .ftitle2 span::after{ right: 50%; margin-right: -50%; } .ftitle3 span:before{ left:50%; margin-left: -50%; } .ftitle3 span::after{ right: 50%; margin-right: -50%; } .fbowu,.fmain_di{ width: 100%; height: 500px; margin-top: 30px; } .fmain_inner_title{ font-size: 18px; text-align: center; margin-top: 40px; } .fmain_inner_title p{ border-bottom: 2px solid #d8212f; width: 20%; margin: 0 auto; line-height: 40px; } .fmain_inner_title h5 { font-size: 24px; text-align: center; } .fmain_inner_li_item{ width: 320px; height: 250px; margin-right: 15.6px; float: left; border-radius: 6px; margin-top: 30px; } .fmain_inner_li_item img{ border-radius: 6px; } .fmain_inner_li_item:nth-child(4n){ margin-right: 0; } .jmain_di_input{ border: 1px solid #d5d5d5; font-size: 14px; color: #ababab; width: 20%; margin-right: 2%; height: 48px; line-height: 48px; padding: 0 46px 0 13px; float: left; background: #fff; } .jmain_di_input input{ width: 100%; height: 100%; background: transparent!important; border:none; } .jmain_di_input:nth-child(2){ width: 30%; } .jmain_di_input:nth-child(3){ width: 46%; margin-right: 0; } .jmain_di_textarea{ width: 100%; height: 100px; margin-top: 30px; border: 1px solid #d5d5d5; } .jmain_di_textarea textarea{ resize: none; width: 100%; height: 100%; padding: 7px; } .jsubmit{ width: 200px; background: #d8212f; text-align: center; height: 65px; line-height: 65px; font-size: 22px; color: #fff; margin: 30px auto 20px; cursor: pointer; } .fmain_mendian{ /* background: #f4f3f3; */ margin: 20px 0; padding: 15px; } .fmain_mendian p{ font-size: 14px; color: #d8212f; float: left; line-height: 40px; margin-right: 1%; } .fmain_mendian_choose{ float: left; width: 48%; } .fmain_mendian_choose select{ float: left; color: #838485; padding: 0 15px; margin-right: 1%; font-size: 14px; height: 40px; border-radius: 0; box-shadow: none; width: 32.3%; border: 1px solid #ccc; } .fwseacher{ float: left; border: 1px solid #ccc; width: 25%; padding: 0 15px; height: 40px; background: #fff; } .fwseacher input{ border:none; background: transparent!important; height: 100%; } .fwbtn{ float: right; width: 20%; text-align: center; height: 40px; background: #d8212f; box-shadow: none; color: #fff; font-size: 16px; border-radius: 4px; line-height: 40px; cursor: pointer; } .fmain_mendmain_item{ width: 48%; float: left; height: 180px; border: 1px solid #dbdbdb; margin-top: 30px; } .fmain_mendmain_item:nth-child(2n){ float: right; } .fmain_mendmain_leftitem{ float: left; width: 180px; height: 100%; border-right: 1px solid #dbdbdb; } .fmain_mendmain_rigitem{ float: right; font-size: 14px; width: 70%; line-height: 30px; height: 100%; display: flex; flex-flow: column; justify-content: center; } .fmain_mendmain_rigitem h6{ color: #d8212f; font-size: 16px; margin-bottom: 10px; } .imain_morefw{ margin: 0 auto; width: 100px; height: 50px; border-radius: 6px; text-align: center; line-height: 50px; font-size: 16px; background: #d8212f; display: block; margin-top: 30px; color: #fff; cursor: pointer; } .fmain_mendmainli{ height:420px; overflow: hidden; } /*鍏充簬鎴戜滑*/ /*.amain_li_inner{*/ /*width: 23.5%;*/ /*margin-right: 2%;*/ /*float: left;*/ /*padding-top: 30px;*/ /*cursor: pointer;*/ /*}*/ .amain_li_inner{ width: 33.3%; line-height: 40px; float: left; background: #d8212f; color: #fff; cursor: pointer; } .amain_li_inner:last-child{ margin-right: 0; } .amain_li_inner p{ line-height: 40px; font-size: 16px; /*padding: 20px;*/ text-align: center; /*border-bottom: 4px solid #b3b3b3;*/ font-weight: bold; border: 1px solid #ccc; } .abtitac{ color: #d8212f; background: #fff; } .amain_toppics, .amain_toppicsli, .amain_toppicsli_tu { width: 310px; height: 260px; overflow: hidden; } .amain_toppics, .amain_toppicsli { visibility: hidden; } .amain_toppics { transform: rotate(90deg); float: left; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .amain_toppicsli { transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); } .amain_toppicsli_tu { transform: rotate(-60deg); background: no-repeat 50% center; background-size: 125% auto; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible; } .amain_showinner_li_left{ width: 25%; background: #f4f4f4; color: #5d5d5d; float: left; height: 500px; padding: 20px; line-height: 26px; font-size: 14px; text-indent: 2em; } .amain_showinner_li_left h6{ font-size: 16px; line-height: 40px; } .amain_lines{ width: 50%; background: #d8212f; height: 4px; margin-bottom: 20px; } .amain_showinner_li_rig{ width: 75%; float: left; font-size: 12px; height: 500px; } .amainbox{ width: 33.3%; float: left; height: 100%; } .amain_showinner_li_rig_item{ width: 100%; float: left; height: 50%; line-height: 24px; } .aminspcwen{ padding: 15px } .aminspcwen h6{ font-size: 16px; color: #d8212f; margin-bottom: 20px; } .amain_jishuitem{ width: 33.3%; height: auto; float: left; margin-top: 30px; } .amain_name{ font-size: 16px; text-align: center; font-weight: bold; margin-top: 20px; } .amain_jishuitem_pics{ height: 300px; width: 300px; margin: 0 auto; position: relative; } .amain_jishuitem_picsli{ height: 300px; width: 300px; margin: 0 auto; border:2px solid #d8212f; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .amain_jishuitem_picsli img{ height: 90%; width: 90%; } .amain_jishuitem_mpics{ position: absolute; top: 0; left: 0; height: 300px; width: 300px; background: #d8212f; color: #fff; text-align: center; font-size: 12px; border-radius: 50%; padding: 0 10px; line-height: 30px; visibility: hidden; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); -o-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .amain_jishuitem_pics:hover .amain_jishuitem_mpics{ visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); } .amain_showinner{ display: none; margin-top: 60px; } #jxcontainer{ width: 100%; height: 100%; } #spcontainer .swiper-slide,#spcontainer2 .swiper-slide{ width: 100%; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #jxcontainer .swiper-slide{ height: 100%; opacity: 0.4; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #jxcontainer .swiper-slide-visible { opacity: 0.5; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } #jxcontainer .swiper-slide-active { top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #qycontainer .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; } #qycontainer .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 250px; 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; } #qycontainer .swiper-button-next,#qycontainer .swiper-button-prev,#alcontain .swiper-button-next,#alcontain .swiper-button-prev{ background: rgba(225, 33, 46, 0.91); font-size: 30px; font-weight: bold; color: #fff; text-align: center; height: 60px!important; margin-top: -30px!important; line-height: 60px!important; } .zjpics img{ width: auto; margin: 30px auto; } .qwitem{ width: 23.5%; height: 440px; margin-right: 2%; float: left; position: relative; border: 1px solid #d8212f; border-radius: 4px; margin-top: 30px; } .qwitem:nth-child(-n+4){ margin-top: 0; } .qwitem img{ width: 99%; margin: 0 auto; } .qwitem:nth-child(4n){ margin-right: 0; } .qwitem_wen{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: rgba(225, 33, 46, 0.84); text-align: center; color: #fff; font-size: 14px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /*鏂伴椈璧勮*/ .nmain_inner_left{ width: 45%; float: left; height: 300px; position: relative; } .nmain_inner_rig{ width: 50%; background: #f9f9f9; height: 300px; float: right; padding: 15px; overflow: hidden; } .nmain_inner_rig h5{ line-height: 30px; font-size: 16px; } .nmain_inner_rig h5:before{ content: ""; width: 0; height: 0; border: 6px solid; border-color: transparent transparent #d8212f; transform: rotate(90deg); display: inline-block; } .nmain_inner_rig_line{ width: 100%; height: 4px; background: #d8212f; margin: 15px 0; } .showtitle{ font-size: 14px; line-height: 26px; } .hidewen{ width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; font-size: 12px; display: none; color: #808080; line-height: 22px; margin-top: 10px; } .nmain_inner_rig_xiaitem{ margin-bottom: 10px; cursor: pointer; } .nmain_inner_rig_xiaitem.ttstyle{ background: #f2f2f2; } .nmain_hyinner{ width: 48%; float: left; } .nmain_hyinner:nth-child(2n){ float: right; } .nmain_hyinner_title{ line-height: 40px; font-size: 14px; border-bottom: 4px solid #d8212f; margin-bottom: 20px; } .titlehy{ float: left; font-size: 16px; font-weight: bold; } .titlehy:before{ content: ""; width: 0; height: 0; border: 6px solid; border-color: transparent transparent #d8212f; transform: rotate(90deg); display: inline-block; } .titlehy2{ float: right; } .titlehy2 i{ display: inline-block; width: 20px; height: 20px; font-size: 20px; font-weight: bold; text-align: center; line-height: 18px; border-radius: 50%; background: #d8212f; color: #fff; } .nmain_hyinner_item_tu{ position: relative; width: 45%; float: left; height: 180px; } .nmain_hyinner_item_mtu{ position: absolute; bottom: 0; left:0; width: 100%; height: 40px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.6); } .nmain_hyinner_item_mtu a{ color:#fff; font-size: 12px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; display: block; } .nmain_hyinner_item_zi{ font-size: 14px; float: right; width: 50%; padding: 10px; overflow: hidden; line-height: 34px; height: 180px; } .nmain_hyinner_item_zi li{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nmain_hyinner_item_zi li a:hover{ color: #d8212f; } .nmain_inner2{ margin-top: 30px; } .nmain_styleinner{ /*display: flex;*/ /*justify-content: space-between;*/ /*margin-bottom: 60px;*/ } .nmain_styleinner_item{ /*width: 100px;*/ width: 14.28%; height: 40px; float: left; font-size: 14px; text-align: center; background: #d8212f; color: #fff; /*padding-top:20px;*/ line-height: 40px; cursor: pointer; border: 1px solid #ccc; } .nmain_styleinner_item:hover{ background: #fff; color: #d8212f; } .nmain_styleinner_item.flbarstyle{ background: #fff; color: #d8212f; } .nmain_styleinner_icon{ width: 60px; height: 60px; margin: 0 auto; } .nmain_dititle{ line-height: 40px; font-size: 14px; position: relative; padding-left: 30px; } .nmain_dititle:before{ content: ""; height: 20px; width: 20px; background: url("../images/biao.png") no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; } .nmain_diinner{ width: 100%; border: 1px solid #EAEAEA; margin-top: 30px; } .nmain_diinner a{ font-size: 16px; color: #8a8a8a; padding: 10px; display: block; float: left; } /*鍒嗙被鏂伴椈*/ .dmain_liinner li{ border-bottom: 1px dashed #d8212f; padding-bottom: 34px; margin-bottom: 30px; } .dmain_liinner li:last-child{ margin-bottom: 0; border-bottom: none; } .dmain_item_left{ text-align: center; width: 82px; height: 82px; background: #f0f0f0; margin-right: 32px; margin-top: 37px; /*margin-left: 28px;*/ float: left; } .dmain_day{ font-size: 24px; color: #4d4d4d; margin-top: 12px; display: inline-block; } .dmain_month{ font-size: 14px; color: #666666; margin-top: 5px; display: inline-block; } .dmain_item_pics{ width: 238px; height: 157px; float: left; } .dmain_item_rig{ float: right; width: 65%; } .bigtitle{ font-size: 20px; color: #4C4C4C; margin-bottom: 20px; display: block; font-weight: bold; } .dmain_item_rig p{ font-size: 14px; color: #808080; line-height: 26px; margin-bottom: 20px; width: 100%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .nmain_dititle2 a{ color: #8a8a8a; } .dmainpart,.gcmain_di_sminner,.pdmain_neiinner2{ display: none; } .pdmain_neiinner,.vmain_xia,.ysmain_inner2,.ysmain_inner3{ margin-top: 60px; } /*浜у搧绯诲垪*/ .ptmain{ width: 1400px; } .ptmain_fcpart{ display: none; } .ptmain_left{ width: 66%; padding: 20px 50px; background: #fff; border: 1px solid #e7e7e7; float: left; } .ptmain_left h5{ margin: 20px 0 10px 0; border-bottom: 1px solid #d8212f; font-size: 18px; } .ptmain_left h5 span{ display: inline-block; font-weight: bold; color: #fff; padding: 0 36px 0 23px; line-height: 40px; background: #d8212f; border-top-right-radius: 40px; } .ptmain_left p{ line-height: 26px; margin-bottom: 10px; font-size: 14px; } .ptmain_left table{ border-collapse:collapse; width: 100%; margin-bottom: 10px; } .ptmain_left table tr td{ border: 1px solid #e2e2e2; font-size: 14px; line-height: 30px; padding-left: 10px; } .ptmain_left table tr:first-child td{ text-align: center; font-weight: bold; font-size: 16px; line-height: 40px; } .ptmain_rig{ width: 370px; float: right; } .ptmain_rig ul li{ margin-bottom: 20px; } .ptmain_top h5{ margin: 10px 0 15px 0; font-size: 30px; } .pttopimgs{ margin-bottom: 15px; } .ptmain_rig_shouce{ position: relative; background: #fff; padding-top: 20px; border: 1px solid #e7e7e7; } .ptmain_rig_shouce h5{ font-size: 18px; margin: 10px 0; padding-left: 20px; } .ptmain_rig_shouce_mid{ padding: 20px; } .ptmain_rig_shouce_imgs{ padding-right: 10px; width: 110px; height: 110px; float: left; } .ptmain_rig_shouce_wen{ width: 50%; float: right; color: #888; line-height: 24px; } .ptmain_rig_shouce_download{ line-height: 50px; border-top: 1px solid #e7e7e7; padding: 0 20px; color: #d8212f; display: flex; align-items: center; justify-content: space-between; } .ptmain_rig_shouce_download a{ font-size: 12px; } .ptmain_rig_shouce_download img{ width: 30px; } .ysmain_inner_left,.ysmain_inner_left3{ width: 48%; float: left; } .ysmain_inner_left:nth-child(2){ float: right; } .ysmain_inner_rig{ font-size: 12px; line-height: 26px; padding: 0 20px; } .ysmain_inner_left2{ font-size: 15px; line-height: 45px; } .ysmain_inner_left2 h6{ font-size: 16px; color: #e1212e; background: #f3f3f3; padding: 0px 20px; margin-right: 10px; width: 210px; text-align: CENTER; float: left; border-bottom: 3px solid #d8212f; } .ysmain_inner_rig h6{ font-size: 16px; color: #e1212e; } .ystitleline{ width: 15%; height: 4px; background: #e1212e; margin: 10px 0; clear: both; } .ystitlelinespc{ width: 15%; height: 2px; background: #e1212e; margin: 10px 0; } .ysmain_innertu{ width: 100%; height: auto; margin-top: 60px; } .pdmain_top{ display: flex; justify-content: center; margin-bottom: 30px; } .pdmain_top li{ display: block; height: 50px; padding: 0 40px; line-height: 50px; font-weight: 400; font-size: 16px; color: #898989; float: left; border-radius: 30px; margin: 0 20px; cursor: pointer; } .pdmain_top li:hover{ background: #d8212f; color: #fff; } .pdmain_top li.pdtitstyle{ background: #d8212f; color: #fff; } .pdmain_neiitem{ width: 100%; margin-bottom: 20px; position: relative; cursor: pointer; overflow: hidden; transition: all .5s; } .pdmain_neiitem p{ font-size: 24px; line-height: 28px; margin: 50px 0 15px 0; } .pdmain_neiitem:hover .pdmain_neiitem_pics img{ transform: scale(1.1); } .pdmain_neiitem_pics{ box-shadow: 0 1px 10px rgba(0,0,0,.25); width: 100%; height: 250px; } .pdmain_neiitem_wnzi{ position: absolute; bottom:0; left:0; width: 100%; line-height: 42px; font-size: 20px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; } .pdmain_neiitem_wnzi a{ width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; font-size: 14px; } .pdmain_neiitem_wnzi a span{ color: #d8212f; font-weight: bold; } /*浜у搧妗堜緥*/ .almain_top{ display: flex; justify-content: center; margin-bottom: 30px; } .almain_top li{ display: block; height: 50px; width: 50%; /*padding: 0 40px;*/ line-height: 50px; font-weight: 400; font-size: 16px; float: left; border: 1px solid #ccc; cursor: pointer; background: #d8212f; color: #fff; text-align: center; } /*.almain_top li:hover{*/ /*background: #d8212f;*/ /*}*/ .almain_top li.altitstyle{ background: #fff; color: #d8212f; } .almain_topxia li{ height: 60px; border: 1px solid #ccc; line-height: 60px; } .almain_topxia li:nth-child(2){ border-top:none; } .almain_top_left{ float: left; width: 10%; border-right: 1px solid #ccc; font-size: 16px; color: #666; text-align: center; } .almain_top_left span{ position: relative; padding-left: 20px; } .almain_top_left span:before{ content: ""; display: inline-block; background: url(../images/icon_sj.png) no-repeat; background-size: 100% 100%; position: absolute; top:0; bottom:0; margin: auto; width: 20px; height: 20px; left: 0; } .almain_top_left2 span:before{ background: url(../images/icon_cj.png) no-repeat; background-size: 100% 100%; } .almain_top_rig{ float: left; width: 90%; font-size: 16px; padding: 0 20px; } .almain_top_rig a{ color: #666; margin: 0 15px; } .almain_top_rig a.clickstyle{ color: #d8212f; } .almain_neixia{ width: 22.75%; margin-right: 3%; float: left; margin-bottom: 20px; border: 1px solid #c9c9c9; } /*.almain_neixia_pics,.almain_neixia_pics img{*/ /*border-top-left-radius: 12px;*/ /*border-top-right-radius: 12px;*/ /*}*/ .almain_neixia:nth-child(4n){ margin-right: 0; } .almain_neixia_wen{ height: 80px; line-height: 80px; /*background: #d8212f;*/ text-align: center; /*color: #fff;*/ /*border-bottom-left-radius: 12px;*/ /*border-bottom-right-radius: 12px;*/ } .gcmain_top{ display: flex; justify-content: center; border-bottom: 1px dashed #e0e0e0; } .gcmain_top_inner{ text-align: center; padding: 15px 30px; cursor: pointer; border-top-left-radius: 6px; border-top-right-radius: 6px; } .gcmain_top_inner.gcste{ /*background: #d8212f;*/ color: #d8212f; border-top-left-radius: 6px; border-top-right-radius: 6px; } .gcste span{ color: #d8212f!important; } .gcmain_top_inner p{ font-size: 16px; line-height: 40px; } .gcmain_top_inner span{ font-size: 14px; color: #333; } .gcmain_di_sminner_item3{ width: 49%; margin-right: 1%; float: left; text-align: center; /* border: 1px solid #c9c9c9; */ position: relative; /* height: 300px; */ overflow: hidden; margin-bottom: 30px; } .gcmain_di_sminner_item2{ width: 32.33%; margin-right: 1%; float: left; text-align: center; /* border: 1px solid #c9c9c9; */ position: relative; /* height: 280px; */ overflow: hidden; margin-bottom: 30px; } .gcmain_di_sminner_item{ width: 24%; margin-right: 1%; float: left; text-align: center; /* border: 1px solid #c9c9c9; */ position: relative; /* height: 300px; */ overflow: hidden; margin-bottom: 30px; min-height: 305px; } /* .gcmain_di_sminner_item:nth-child(4n){ */ /* margin-right: 0; */ /* } */ .gcmain_di_sminner_itemimg,.gcmain_di_sminner_msitemimg{ width: 100%; /* height: 200px; */ } .gcmain_di_sminner_itemwen{ font-size: 14px; line-height: 80px; } .gcmain_di_sminner_msitem{ position: absolute; top: -100%; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); transition: all .5s; } #topbarda{ box-shadow: 0 0px 5px #b5b2b2; position: fixed; top: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 999; } /*.imain_li_banner {*/ /*box-shadow: 0 -2px 5px #929292;*/ /*}*/ .gcmain_di_sminner_msitemimg img{ height: 100%; width: auto; margin: 0 auto; } .gcmain_di_sminner_msitemwen{ font-size: 12px; height: 80px; line-height: 26px; color: #fff; padding: 10px 0; } .gcmain_di_sminner_msitemwen h6{ font-size: 16px; color: #d8212f; } .gcmain_di_sminner_msitemwen p{ width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .gcmain_more{ margin-top: 40px; text-align: center; } .gcmain_more{ background: #d8212f; width: 10%; padding: 15px 0; border-radius: 6px; cursor: pointer; margin: 40px auto 0; } .gcmain_more span{ font-size: 14px; padding-left: 18px; color: #fff; position: relative; } .gcmain_more span:before{ content: ""; width: 15px; height: 15px; background: url("../images/more_ico.png") no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; top:0; bottom: 0; left: 0; margin: auto; } /*vr*/ .vmain_top{ /* border: 1px solid #cecece; */ /* padding: 10px; */ } .vmain_top li{ font-size: 14px; float: left; padding: 15px 30px; cursor: pointer; } .vmain_top li.vtltle{ background: #d8212f; color: #fff; border-radius: 6px; } .vmain_xia_item{ width:22.75%; margin-right: 3%; float: left; margin-bottom: 30px; overflow: hidden; cursor: pointer; border: 1px solid #c9c9c9; } .vmain_xia_item:nth-child(4n){ margin-right: 0%; } .vmain_xia_item_imgs{ width: 100%; height: 260px; position: relative; } .vmain_xia_item_mimgs{ position: absolute; height: 100%; width: 100%; top:0; left: -100%; margin: auto; background: rgba(0,0,0,0.6); padding: 5% 0; transition: all 0.5s; } .vmain_xia_item:hover .vmain_xia_item_mimgs{ left:0; } .vmain_xia_item_mimgs img{ width: auto; height: 100%; margin: 0 auto; } .vmain_xia_item_wenzi{ font-size: 14px; line-height: 80px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } /*浼佷笟璐d换*/ .zrmain_title{ margin-top: 60px; font-size: 28px; color: #d8212f; line-height: 40px; } .zrmain_title_line{ width: 10%; height: 4px; background: #d8212f; margin: 10px 0; } .zrmain_inner p{ font-size: 14px; margin: 15px 0; line-height: 30px; color: #999; } .zrmain_inner img{ width: auto; height: auto; margin: 30px auto; } .zrmain_ststyle{ font-size: 18px!important; margin-top: 15px!important; color: #d8212f!important; } .zrmain_inner2{ display: flex; justify-content: center; padding: 30px 0; } .zrmain_renwu{ width: 400px; height: auto; margin: 0 30px; font-size: 14px; text-align: center; } .zrmain_renwu img{ height: 100px; } .zrmain_renwu h6{ font-size: 16px; line-height: 40px; color: #d8212f; } /*鍝佺墝椤?/ .pamin_part{ /* padding-bottom: 30px; */ } .newhang{ line-height: 32px!important; letter-spacing: 3px; } .timeline .timeline-row .timeline-icon{ border: 3px solid #c8c9ca; color: #666; font-size: 20px; font-weight: bold; line-height: 42px; text-align: center; background: #fff; } /* .timeline .timeline-row:nth-child(2) .timeline-icon{ */ /* border: 3px solid #00a0e9; */ /* color: #00a0e9; */ /* } */ /* .timeline .timeline-row:nth-child(3) .timeline-icon{ */ /* border: 3px solid #e83828; */ /* color: #e83828; */ /* } */ /* .timeline .timeline-row:nth-child(4) .timeline-icon{ */ /* border: 3px solid #f39700; */ /* color: #f39700; */ /* } */ /* .timeline .timeline-row:nth-child(5) .timeline-icon{ */ /* border: 3px solid #1eab39; */ /* color: #1eab39; */ /* } */ /* .timeline .timeline-row:nth-child(6) .timeline-icon{ */ /* border: 3px solid #172a88; */ /* color: #172a88; */ /* } */ /* .timeline .timeline-row:nth-child(7) .timeline-icon{ */ /* border: 3px solid #e61773; */ /* color: #e61773; */ /* } */ /* .timeline .timeline-row:nth-child(8) .timeline-icon{ */ /* border: 3px solid #aade2c; */ /* color: #aade2c; */ /* } */ /* .timeline .timeline-row:nth-child(9) .timeline-icon{ */ /* border: 3px solid #ff7b61; */ /* color: #ff7b61; */ /* } */ /* .timeline .timeline-row:nth-child(10) .timeline-icon{ */ /* border: 3px solid #00a0e9; */ /* color: #00a0e9; */ /* } */ /* .timeline .timeline-row:nth-child(11) .timeline-icon{ */ /* border: 3px solid #e83828; */ /* color: #e83828; */ /* } */ /* .timeline .timeline-row:nth-child(12) .timeline-icon{ */ /* border: 3px solid #f39700; */ /* color: #f39700; */ /* } */ /* .timeline .timeline-row:nth-child(13) .timeline-icon{ */ /* border: 3px solid #1eab39; */ /* color: #1eab39; */ /* } */ /* .timeline .timeline-row:nth-child(14) .timeline-icon{ */ /* border: 3px solid #172a88; */ /* color: #172a88; */ /* } */ /* .timeline .timeline-row:nth-child(15) .timeline-icon{ */ /* border: 3px solid #e61773; */ /* color: #e61773; */ /* } */ /* .timeline .timeline-row:nth-child(16) .timeline-icon{ */ /* border: 3px solid #aade2c; */ /* color: #aade2c; */ /* } */ /* .timeline .timeline-row:nth-child(17) .timeline-icon{ */ /* border: 3px solid #ff7b61; */ /* color: #ff7b61; */ /* } */ .timeline .timeline-row:last-child{ height: 140px; background: #fff; } .timeline .timeline-row:last-child .timeline-icon{ width: 160px; height: 100px; border:none; background: url(../images/fj.png) no-repeat; background-size: 100% 100%; border-radius: 0!important; box-shadow: none!important; top: 0!important; } .pmain_nav{ max-width: 1400px; margin: 0 auto; height: 40px; z-index: 9; cursor: pointer; display: flex; float: right; justify-content: center; margin-top: -6px; } .pmain_nav_item{ width: 135px; background: #d8212f; line-height: 40px; font-size: 16px; text-align: center; color: #fff; margin-right: 1px; } .pmain_nav_item.ptitstyle{ background: #fff; color:#d8212f; } .pamin_part_storyleft{ width: 53%; float: left; padding: 0 15px; line-height: 50px; } .pamin_part_storyleft h5{ font-size: 24px; color:#d8212f; /*margin: 10px 0;*/ } .pamin_part_storyleft span{ width: 100%; font-size: 14px; color: #2a2a2a; line-height: 32px!important; letter-spacing: 3px; text-indent: 2em; display: inline-block; } .pamin_part_storyrig{ width: 45%; float: right; position: relative; } .pamin_part_storyrig img{ /*position: absolute;*/ /*top:0;*/ /*bottom:0;*/ /*left:0;*/ /*right: 0;*/ width: 90%; height: auto; margin: auto; } .pamin_part_jjleft{ width: 60%; margin: 0 auto; } .pamin_part_jjrig{ font-size: 14px; color: #2a2a2a; line-height: 26px; width: 60%; margin: 0 auto; padding-top: 50px; } .pptt{ font-size: 18px!important; color:#d8212f!important; letter-spacing: 3px; font-weight: bold; } .addppline{ width: 15%; height: 2px; background: #d8212f; margin: 10px 0; } .pamin_part_jjrig h5 span,.pamin_part_jjleft2 h5 span{ font-size: 16px; } .pamin_part_jjleft2 h5{ color: #d8212f; margin-bottom: 20px; font-size: 24px; } .pamin_part_jjleft2 p{ font-size: 14px; color: #2a2a2a; line-height: 26px; } .pamin_part_jjleft2{ width: 50%; float: left; padding: 25px 0; } .pamin_part_jjrig2{ width: 45%; float: right; position: relative; height: 288px; } .pamin_partli{ margin-top: 50px; } .timeline-row:nth-child(2n) .panel-body h2{ text-align: left; } .pamin_partlc{ /* background: url("../images/pinpaibg.jpg"); */ /* background-size: 100%; */ width: 100%; } .pamin_yjpart_item{ width: 30%; margin-right: 5%; float: left; } .pamin_yjpart_item:nth-child(3){ margin-right: 0; } .pamin_yjpart_item_imgs{ width: 100%; height: 250px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .pamin_yjpart_item_imgs img{ border-top-left-radius: 20px; border-top-right-radius: 20px; } .pamin_yjpart_item_wen{ height: 100px; line-height: 100px; background: #d8212f; text-align: center; font-size: 14px; color: #fff; position: relative; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; } .pamin_yjpart_item_wen:before{ content: ""; position: absolute; width: 0; height: 0; top: -30px; left: 0; right: 0; margin: 0 auto; border: 15px solid #d8212f; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; transform: rotate(90deg); } .pamin_yjpart_xia{ width: 100%; height: 410px; background: url("../images/yjpics4.jpg") center center no-repeat; background-size: 100% 100%; margin-top: 30px; } .imain_li_ppinner{ margin-bottom: 0; } /*浼佷笟浠嬬粛*/ .cpmain_yjinner{ margin-top: 30px; } .cpmain p{ font-size: 14px; line-height: 40px; color: #666; text-indent: 2em; } .cpmain_yjinner_item{ width: 25%; float: left; font-size: 14px; background: #e8e8e8; line-height: 26px; height: 180px; text-align: center; overflow: hidden; cursor: pointer; transition: all .5s; } .cpmain_yjinner_item img{ margin:0; width: 100%; height: 100%; } .cpmain_yjinner_item:hover img{ transform: scale(1.1); } .cpmain_yjinner_item h6{ font-size: 18px; margin: 40px 0; } .cpmain_yjinner_item p{ text-indent: 0!important; } .cpmain_yjinner_item:last-child{ background: #d8212f; color: #fff; } .cpmain_yjinner_item span{ color: #fff; } /*浼佷笟浠嬬粛*/ .qymain_gkpart{ margin-top: 50px; } .qymain_gkpart_left{ width: 48%; float: left; border-radius: 16px; display: flex; justify-content: center; flex-flow: column; } .qymain_gkpart_left img{ border-radius: 16px; } .qymain_gkpart_rig{ width: 48%; float: right; display: flex; justify-content: center; flex-flow: column; } .qymain_sypart_wen h5{ margin-bottom: 30px; line-height: 30px; font-size: 20px; text-align: center; } .qymain_sypart_imgs{ padding:0; border-radius: 16px; } .qymain_sypart_imgs img{ border-radius: 16px; } .qymain_bjpart_left{ width: 50%; float: left; position: relative; height: 380px; cursor: pointer; } /*.qymain_bjpart_left:hover .qymain_bjpart_mask{*/ /*display: block;*/ /*}*/ .qymain_bjpart_mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px; background: #d8212f; color: #fff; font-size: 14px; line-height: 26px; display: none; } .qymain_bjpart_mask h5,.newtt{ font-size: 24px!important; line-height: 40px; } .qymain_bjpart_mask p,.newpp{ margin: 10px 0!important; font-size: 20px!important; text-indent: 0!important; color: #fff!important; } .qymain_bjpart_linest{ margin: 0 0 20px; width: 20%; height: 2px; background: #ffffff; } .qymain_bjpart_left2{ width: 100%; } .newpt{ padding: 40px; background: #d8212f; color: #fff; font-size: 14px; line-height: 26px; } .newsho:hover .cpone{ display: block; } .newsho:hover .cptwo{ display: block; } .cpthree:hover .cpthreemask{ display: block; } /*鍙宠竟寮圭獥*/ .rbar{ position: fixed; right: 10px; top: 200px; z-index: 25; width: 95px; height: auto !important; /* background: url(../images/rbarbg.png) no-repeat; */ background-size: 100% 100%; display: flex; justify-content: center; align-items: center; flex-flow: column; } .rbar a{ position: relative; font-size: 12px; display: block; width: 75px; text-align: center; /* border: 1px solid #d8212f; */ padding: 10px 0px; /* margin-bottom: 5px; */ background: #e6e6e6; } /* .rbar a:last-child{ */ /* border-bottom:none; */ /* } */ .rbar a img{ width: 28px; height: 28px; margin: 0 auto; margin-bottom: 5px; } .rbar span{color: #333;} .rbar_tan,.rbar_tan2{ width: 500px; height: 650px; position: fixed; right: 120px; top: 50%; margin-top: -300px; z-index: 1000; background: #ffffff; overflow: hidden; text-align: center; display: none; } .rbar_tan2_mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top: 0; left:0; z-index: 999; display: none; } .cpshouce_close{ position: fixed; top: 15%; right: 20%; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-size: 24px; font-weight:bold; background: #d8212f; border-radius: 50%; cursor: pointer; } .rbar_tan2{ right: 0; top: 0; left:0; bottom:0; margin: auto; height: 490px; } .rbar_tan span { font-size: 23px; color: #ffffff; font-weight: bold; line-height: 23px; margin: 40px 0 10px 0; display: inline-block; } .rbar_tan p { font-size: 18px; color: #ffffff; font-weight: bold; opacity: 0.8; } .rbar_tan_title { width: 2000px; height: 2000px; background: #d8212f; position: absolute; border-radius: 1000px; left: 50%; transform: translateX(-50%); top: -1852px; text-align: center; z-index: -1; } .rbar_tan_title2 { width: 2500px; height: 2500px; background: #d8212f; position: absolute; border-radius: 1250px; left: 50%; transform: translateX(-50%); top: -2349px; opacity: 0.2; } .rbar_tan form { width: 92%; margin-left: 4%; margin-top: 90px; text-align: left; } .rbar_tan form div { margin: 25px; } .rbar_tan label { font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(51,51,51,1); display: inline-block; width: 72px; } .rbar_tan form p { color: rgb(246, 54, 54); display: inline; font-size: 14px; font-weight: bold; opacity: 0.8; } .rbar_input, .rbar_tan select { display: inline-block!important; margin-left: 30px; height: 35px; border: 1px solid #cccccc; padding-left: 5px; } .rbar_input{ margin: 0 0 0 30px!important; width: calc(100% - 130px); font-size: 14px; color: #000000; } .rbar_tan input[type='submit'],.schuoqubtn{ width: 120px!important; height: 40px!important; background: #d8212f!important; color: #ffffff; border: none; border-radius: 5px; margin: 0 auto; text-align: center; cursor: pointer; } .rbar_tan input{ width: 100%; height: 100%; border:none; background: transparent!important; } .rbar_tan select[name='city'], .rbar_tan select[name='province'] { min-width: 80px; max-width: 90px; } .rbar_tan select[name='town'] { width: calc(100% - 307px); margin-left: 3px!important; } .rbar_tan select[name='city'] { margin-left: 3px!important; } .rbar_tan select[name='gender'], .rbar_tan select[name='renovation_needs'] { width: calc((100% - 122px) / 2); } .rbar_tan select { font-size: 14px; color: #333333; font-weight: 550; } .subm { width: 100%; text-align: center; } /*甯歌闂*/ .cjmain_item{ height: auto; margin: 1rem 0; box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1); position: relative; background: white; transition: .1s ease-in-out; border-radius: 5px; padding: 20px; cursor: pointer; } .cjshuzi{ font-size: 10px; background: #d8212f; width: 16px; height: 16px; border-radius: 50%; line-height: 16px; display: inline-block; color: #fff; text-align: center; float: left; margin-top: 3px; } .cjmain_item_wen p{ width: 85%; float: left; font-size: 14px; margin-left: 20px; color: #474747; font-weight: bold; } .cjmain_item_icon{ width: 16px; height: 16px; background: url("../images/arrow_1.png") no-repeat; background-size: 100% 100%; float: right; margin-top: 3px; transition: all .5s; } .cjmain_item_xlwen{ margin-left: 36px; width: 85%; margin-top: 20px; display: none; } /*鎷涘晢鍔犵洘*/ #juswipercon { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } #juswipercon .swiper-slide { text-align: center; font-size: 18px; height: 100%!important; 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; } #juswipercon .swiper-pagination-bullet{ width: 10px!important; height: 10px!important; } #juswipercon .swiper-pagination-bullet-active{ background-color: #d8212f!important; } .onestepinner{ width: 100%; background: url("../images/jbj.jpg") center center no-repeat; background-size: 100% 100%; display: flex; align-items: center; flex-flow: column; justify-content: center; } .onestepinner h5{ font-size: 40px; color: #d82331; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888; letter-spacing: 15px; animation: inRight; animation-duration: 3s; } .onestepinner p{ width: 100%; font-size: 20px; font-weight: bold; line-height: 44px; color: #fff; margin-top: 60px; animation: inLeft; animation-duration: 3s; text-align: center; /*animation-iteration-count: infinite;*/ } @keyframes inLeft { from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;transform: translate3d(-3000px, 0, 0);} 60% {opacity: 1;transform: translate3d(25px, 0, 0);} 75% {transform: translate3d(-10px, 0, 0);} 90% {transform: translate3d(5px, 0, 0);} 100% {opacity: 1;transform: none;} } @keyframes inRight { from, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity: 0;transform: translate3d(3000px, 0, 0);} 60% {opacity: 1;transform: translate3d(-25px, 0, 0);} 75% {transform: translate3d(10px, 0, 0);} 90% {transform: translate3d(-5px, 0, 0);} 100% {opacity: 1;transform: none;} } .twostepinner,.fourstepinner,.eigstepinner,.fifstepinner,.sixstepinner{ overflow: hidden; background: #fbfbfb; display: flex; align-items: center; } .twostepitem,.fourstepitem,.eigstepitem,.fifstepinner_li{ position: relative; height: 90%; } .zsjsinner{ position: absolute; width: 142.5px; height: 171px; right: -20px; top: -37.5px; } .twostepitem_left{ width: 30%; float: left; height: 100%; animation: fadeinL; animation-duration: 6s; display: flex; flex-flow: column; justify-content: space-between; } @keyframes fadeinL{ 0%{opacity:0;transform:translateX(-100px);} 100%{opacity:1;transform:translateX(0);} } .twostepitem_left_img{ width: 100%; height: 30%; } .twostepitem_left_img:nth-child(3){ margin-bottom: 0; } .twostepitem_rght{ float: right; width: 65%; height: 100%; padding: 12% 100px; background: url("../images/bg3.jpg") no-repeat; background-size: 100% 100%; animation: fadeinR; animation-duration: 6s; } @keyframes fadeinR{ 0%{opacity:0;transform:translateX(100px);} 100%{opacity:1;transform:translateX(0);} } .twostepitem_rght p{ font-size: 20px; } .twostepitem_rght h5{ font-size: 30px; margin: 20px 0; } .twostepitem_rght span{ font-size: 14px; line-height: 40px; } .twostepitem_rght span i{ color: #d8212f; font-weight: bold; margin: 0 10px; font-size: 16px; } .threestepinner_li{ height: 650px; animation: bounceinT; animation-duration: 6s; } .threestepinner{ background: url("../images/knbg.jpg") no-repeat; background-size: 100% 100%; width: 100%; display: flex; align-items: center; } .threestepinner_part{ display: flex; justify-content: space-around; } @keyframes bounceinT{ 0%{opacity:0;transform:translateY(-100px);} 60%{opacity:1;transform:translateY(30px);} 80%{transform:translateY(-10px);} 100%{transform:translateY(0);} } .threestepinner_part_item{ width: 300px; height: 300px; } .threedi{ text-align: center; line-height: 40px; font-size: 14px; margin-top: 3%; } #radioWrap{ width:20px; height:auto; position:absolute; right:5%; top:50%; margin-top: -90px; } #radio{width:100%; height:100%; overflow: hidden;} #radio li{ width:20px; height:20px; background-color: rgba(216, 33, 47, 0.41); text-indent: -10000px; border-radius: 50%; margin-top: 12px; cursor:pointer;} #radio li:first-child{margin-top:0;} #radioOn{ width:20px; height:20px; margin-bottom:12px; position: absolute; top:0; left:0; background-color: #d8212f; border-radius: 50%;} .tiju{ font-size: 14px; float: left; } .erwei{ position: relative; width: 48px; height: 48px; border: 1px dotted #a7a7a7; float: left; margin-left: 40px; } .juupolad { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; opacity: 0; } .yingyepics { /*margin: 100px auto;*/ width: 0; height: 0; } .yingyepics:before { width: 30px; height: 5px; } .yingyepics:after { width: 5px; height: 30px; } .yingyepics:before, .yingyepics:after { content: ""; position: absolute; background: #AAAAAA; top: 50%; left: 50%; transform: translate(-50%,-50%); } .isImg { width: 48px; height: 48px; position: relative; float: left; margin-left: 10px; border: 1px solid #dfdfdf; margin-bottom: 10px; } .removeBtn { position: absolute; top: 0; right: 0; z-index: 11; border: 0px; border-radius: 50px; width: 16px; height: 16px; line-height: 12px; color: white; text-align: center; font-size: 14px; } .fourstepinner{ background: url("../images/jufo.jpg") no-repeat; background-size: 100% 100%; width: 100%; position: relative; } .sevenstepinner{ background: url("../images/ks.jpg") no-repeat; background-size: 100% 100%; width: 100%; position: relative; } .fourstepinner_lihe{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); } .fourwen{ margin-top: 40px; font-size: 24px; line-height: 60px; text-align: center; font-weight: bold; color: #006fff; animation: rotatein; animation-duration: 6s; } @keyframes rotatein{ 0%{opacity:0;transform:rotate(-200deg);} 100%{opacity:1;transform:rotate(0);} } .fifdi{ height: auto; width: 60%; margin: 0 auto; } .sixxia_item{ width: 33%; height: 250px; margin-top: 3%; margin-right: .3%; float: left; position: relative; transition: all 1s; overflow: hidden; } .sixxia_item:nth-child(3){ margin-right: 0; } .sixxia_item:hover.sixxia_item img{ transform: scale(1.1); } .sixxia_item p{ position: absolute; bottom: 0; left:0; width: 100%; height: 40px; line-height: 40px; font-size: 14px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; } .sixdizi{ font-size: 28px; color: #d8212f; text-align: center; margin-top: 30px; } .eigstepinner{ background: #dedede; width: 100%; } .imain_li_top{ display: flex; align-items: center; justify-content: space-between; height: 78px; } /*瑙嗛寮瑰嚭*/ .tanvideo { position: fixed; top: -100%; left: 0; z-index: 1050; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; background: rgba(0,0,0,0.1); height: 100%; transition: all 1s; width: 100%; } .tanvideoinner{ display: flex; justify-content: center; height: 100%; align-items: center; } .tanvideoli{ box-shadow: 0 5px 15px rgba(0,0,0,.5); width: 60%; background: #fff; border-radius: 13px; } .tanvideoli_top { padding: 15px; border-bottom: 1px solid #e5e5e5; } .tanvideoli_top i{ background: url("../images/close.png") no-repeat; background-size: 100% 100%; width: 20px; height: 20px; float: right; } .tanvideoli_xia{ padding: 15px; } /*璇︽儏寮瑰嚭*/ .almask{ position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,0.6); display: none; z-index: 999; } .almask_li{ position: absolute; top: 0; bottom:0; left: 0; right: 0; margin: auto; height: 650px; } .almask_close{ width: 36px; height: 36px; line-height: 36px; border-radius: 50%; font-size: 24px; font-weight: bold; color: #fff; background: #d8212f; text-align: center; position: absolute; right: 3%; top: 3%; cursor: pointer; } #alcontain{ width: 75%; height: 650px; margin-left: auto; margin-right: auto; float: left; } #alcontain .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* 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; } .almask_rig{ width: 25%; float: right; font-size: 14px; line-height: 30px; color: #484848; background: white; height: 650px; padding: 20px 30px; } .almask_rig h5{ font-size: 24px; margin: 20px 0px; } .newbuju{ width: 25%!important; float: left; padding:0!important; margin:0!important; text-align: center; border: 1px solid #eee; } .eigstepitem,.fourstepinner_lihe,.fifstepinner_li,.pamin_part_storyrig,.yfmain_rig2,.amain_jishuitem_mpics,.fmain_di_left2 { display: flex; flex-flow: column; justify-content: center; } .daoyou{float: right;line-height: 26px;font-size: 14px;padding: 13px 0px;margin-left: 20px;} .daoyou .tu1{height: 17px;width: 17px;float: left;display: block;margin-top: 4px;margin-right: 6px;} .mianbao{background: #f2f2f2;} .mianbao .bank{width:1400px;margin:0 auto;line-height:2;padding: 20px 0px;font-size: 14px;color: #555;} .mianbao .bank a{color: #555;} .shibiao{padding: 0px 12px; float: left; width: 33.33%; margin-bottom: 28px;} .shibiao img{border-radius: 5px;height: 255px;} .shibiao h6{font-size: 16px; line-height: 50px; height: 50px; text-align: CENTER; font-weight: 100; letter-spacing: 2px;background: #f3f3f3;} .shibiao:hover h6{color:#d8212f;} .menceng{background: rgba(0,0,0,0.3); width: 100%; height: 100%; z-index: 9; position: absolute;top: 0px;} .chanlei{overflow: hidden; background: #f2f2f2; box-shadow: 0px 1px 5px #ccc;} .chanlei ul{overflow: hidden; margin: 0 auto; max-width: 1400px;} .chanlei ul li{padding: 15px;text-align: center;float: left;width: 16.66%;} .chanlei ul li img{width: 42px; height: 48px; margin: 0 auto;} .chanlei ul li p { font-size: 18px; color: #000; margin-top: 14px; -o-transition: .3s; transition: .3s; } .chanlei ul li p:hover { color: #d8212f; } .chanzheng .chanbj:nth-child(2n){background: #f0f0f0;} /* .chanzheng .chanbj:nth-child(2n) .lanwei .tuk{float: right;} */ .chanzheng .chanbj {padding: 70px 0px;} .chanzheng .chanbj .lanwei{overflow: hidden;max-width: 1400px;margin: 0px auto;letter-spacing: 2px;} .chanzheng .chanbj .lanwei .tuk{float: right;} .chanzheng .chanbj .lanwei .tuk img{height: 600px;width: 800px;} .chanzheng .chanbj .lanwei .wenk{ float: left; width: 600px; padding: 100px 120px; color: #343434; } .chanzheng .chanbj .lanwei .wenk h2{font-size: 30px;margin-bottom: 20px;} .chanzheng .chanbj .lanwei .wenk h4{font-size: 20px;margin-bottom: 20px;} .chanzheng .chanbj .lanwei .wenk .heng{margin-bottom: 20px;border-bottom: 5px solid #d8212f;width: 70px;} .chanzheng .chanbj .lanwei .wenk ul{line-height: 45px;font-size: 18px;} .chanzheng .chanbj .lanwei .wenk .anniu{ padding: 15px; border: 1px solid #777; border-radius: 15px; font-size: 18px; margin-top: 30px; width: 200px; text-align: CENTER; font-weight: 600; color: #777; } .chanzheng .chanbj .lanwei .wenk .anniu .gdimg{ height: 24px; width: 24px; display: initial; vertical-align: text-bottom; margin-left: 3px; } .chanzheng2 .chanbj2 {background: #f0f0f0;} .chanzheng2 .chanbj {padding: 70px 0px 40px 0px;} .chanzheng2 .chanbj .lanwei{overflow: hidden;max-width: 1400px;margin: 0px auto;} .chanzheng2 .chanbj .lanwei .tuk{float: left;width: 50%;} .chanzheng2 .chanbj .lanwei .wenk{float: left;width: 50%;padding: 0px 40px;color: #343434;} .chanzheng2 .chanbj .lanwei .wenk h2{font-size: 22px;margin-bottom: 20px;} .chanzheng2 .chanbj .lanwei .wenk .heng{margin-bottom: 20px;border-bottom: 2px solid #d8212f;width: 70px;} .chanzheng2 .chanbj .lanwei .wenk ul{line-height: 30px;font-size: 16px;} .ysmain_innertu .wenk{float: left; width: 23%; padding: 15px; color: #343434; margin: 1%; box-shadow: 0px 0px 25px rgb(0 0 0 / 38%);height: 250px;} .ysmain_innertu .wenk h2{font-size: 20px;margin-bottom: 20px;} .ysmain_innertu .wenk .heng{margin-bottom: 20px;border-bottom: 5px solid #9e9a9a;width: 70px;} .ysmain_innertu .wenk ul{line-height: 25px;font-size: 14px;} .ysmain_innertu .wenk ul li{overflow: hidden;} .ysmain_innertu .wenk ul li .div1{float: left;width: 70px;color: #000;} .ysmain_innertu .wenk ul li .div2{float: left;width: 182px;color: #747474;} .ysmain_innertu .wenk3{float: left;width: 33.33%;height: 250px;} .ysmain_innertu .wenk4{float: left;width: 33.33%;height: 500px;} .ysmain_innertu .wenk2{float: left; width: 33.33%; padding: 15px; color: #343434; /* margin: 1%; */ /* box-shadow: 0px 0px 25px rgb(0 0 0 / 38%); */ height: 250px;} .ysmain_innertu .wenk2bj{background: #f0f0f0;} .ysmain_innertu .wenk2 h2{font-size: 20px;margin-bottom: 20px;} .ysmain_innertu .wenk2 .heng{margin-bottom: 20px;border-bottom: 5px solid #9e9a9a;width: 70px;} .ysmain_innertu .wenk2 ul{line-height: 25px;font-size: 14px;} .ysmain_innertu .wenk2 ul li{overflow: hidden;} .ysmain_innertu .wenk2 ul li .div1{float: left;color: #000;} .ysmain_innertu .wenk2 ul li .div2{float: right;color: #747474;} .ysmain_innertu .wenk2 ul li .div3{float: right;color: #d8212f;font-weight: bold;} .ysmain_innertu .wenk2 ul li .div4{float: left;color: #d8212f;font-weight: bold;} .jionzong { padding: 50px 0px 90px 0px; } .jionzong2{padding: 50px 0px;background: #f7f7f7;} .jionneikuan{overflow: hidden; margin: 0 auto; max-width: 1400px;} .jionneikuan .miao{ font-size: 16px; line-height: 32px; text-align: CENTER; font-weight: 100; color: #626262; width: 70%; margin: 0 auto; } .m2jmc1ul { margin: 30px -10px 30px; overflow: hidden; } .m2jmc1ul li{ padding: 0px 10px; float: left; width: 25%; } .m2jmc1ul li .bgImg{margin-bottom:24px;} .m2jmc1ul li:nth-child(2){width:50%;} .m2jmc1ul li:nth-child(2) .bgImg{ height:408px; border-radius:0.3em; overflow:hidden;} .m2jmc1ul li:nth-child(1) .bgImg,.m2jmc1ul li:nth-child(3) .bgImg{ height:192px;} .m2jmc2ul{ margin: 10px -10px 30px; overflow: hidden; padding-top: 20px; } .m2jmc2ul li{ float: left; width: 33.33%; padding: 0px 10px; margin-bottom: 24px;height: 240px;} .m2jmc2x:hover{box-shadow:0 10px 30px rgba(181,0,31,0.3); transform:translateY(-15px); background:#B5001F; color:#fff;} .m2jmc2x:hover span,.m2jmc2x:hover strong{color:#fff;} .m2jmc2x { padding: 28px 20px 0; text-align: center; background: #fff; height: 240px; } .m2jmc2_num { color: #b5001f; height: 40px; transition: all 0.5s ease-in-out; font: 24px/40px ec_b; display: block; font-weight: bold; } .m2jmc2x strong { font-size: 21px; line-height: 38px; letter-spacing: 1px; display: block; font-weight: normal; margin-top: 38px; transition: all 0.3s ease-in-out; color: #333; } .m2jmc2x{ font-size: 12px; line-height: 14px; color: #bfbfbf; margin-top: 8px; top: 154px; left: 20px; right: 20px; transition: all 0.5s ease-in-out; } .m2jmc2x p{line-height: 25px;} .jionzuo{float: left;width: 55%;text-align: right;} .jionzuo img{max-width: 100%;height: 400px;display: initial;} .jionyou{padding-left: 35px;font-size: 20px;line-height: 60px;float: left;display: flex;flex-direction: column;justify-content: center;letter-spacing: 1px;height: 400px;} .zhi10{overflow: hidden;margin-top: 50px;} .zhi10 .zban:nth-child(2n){background: #f0f0f0;} .zhi10 .zban{float: left;width: 20%;text-align: center;} .zhi10 .zban img{width: 75px;margin: 30px auto;} .zhi10 .zban p{margin-bottom: 30px;} .zhi6{overflow: hidden;margin-top: 50px;} .zhi6 .zban:nth-child(2n){background: #f0f0f0;} .zhi6 .zban{float: left;width: 16.66%;text-align: center;} .zhi6 .zban img{width: 75px;margin: 30px auto;} .zhi6 .zban p{margin-bottom: 30px;} .dsc3{overflow: hidden;margin-top: 50px;letter-spacing: 2px;} .dsc3 .zban:nth-child(2n){background: #f0f0f0;} .dsc3 .zban{float: left;width: 33.33%;text-align: center;} .dsc3 .zban .xtu{width: 100px;margin: 30px auto;} .dsc3 .zban .ztu{width: 150px;margin: 30px auto;} .dsc3 .zban p{margin-bottom: 30px;margin-top: 20px;} .dsc3 .zban h2{color: #b5001f;font-weight: bold;} .lcbj{ background: url(../img/lcbj.png) no-repeat; background-size: 100% 100%; height: 600px; position: relative; } .lcbj .huanbj:nth-child(2n) img{background: #b5001f;} .lcbj .huanbj:nth-child(2n) .tuk{border: 2px solid #b5001f;} .lcbj .ban1{position: absolute;top: 196px;left: 44px;display: flex;} .lcbj .tuk{padding: 2px;border-radius: 10px;border: 2px solid #3f3f3f;background: #fff;width: 80px;margin: 0 auto;} .lcbj img{height: 72px;width: 72px;background: #3f3f3f;padding: 15px;border-radius: 10px;} .lcbj .ban1 .wenzi{display: flex;flex-direction: column;justify-content: center;letter-spacing: 1px;margin-left: 20px;font-size: 20px;line-height: 30px;} .lcbj .ban1 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;} .lcbj .ban2{position: absolute;top: 30px;left: 215px;} .lcbj .ban2 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban2 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban3{position: absolute;top: 30px;left: 410px;} .lcbj .ban3 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban3 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban4{position: absolute;top: 30px;left: 605px;} .lcbj .ban4 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban4 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban5{position: absolute;top: 30px;left: 800px;} .lcbj .ban5 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban5 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban6{position: absolute;top: 30px;left: 1000px;} .lcbj .ban6 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban6 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban7{position: absolute;top: 196px;right: 44px;display: flex;} .lcbj .ban7 .wenzi{display: flex;flex-direction: column;justify-content: center;letter-spacing: 1px;margin-left: 20px;font-size: 20px;line-height: 30px;} .lcbj .ban7 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;} .lcbj .ban8{position: absolute;top: 335px;left: 1000px;} .lcbj .ban8 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban8 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban9{position: absolute;top: 335px;left: 800px;} .lcbj .ban9 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban9 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban10{position: absolute;top: 335px;left: 605px;} .lcbj .ban10 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban10 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban11{position: absolute;top: 335px;left: 410px;} .lcbj .ban11 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban11 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .lcbj .ban12{position: absolute;top: 335px;left: 215px;} .lcbj .ban12 .wenzi{font-size: 20px;line-height: 30px;margin-top: 20px;} .lcbj .ban12 .wenzi span{color: #b5001f;font-weight: bold;font-size: 28px;margin-right: 10px;} .hengbao{font-size: 18px;line-height: 40px;color: #343434;margin-top: 50px;margin-bottom: 50px;} .sankuai{overflow: hidden;} .sankuai div{ float: left; width: 33%; padding-right: 0.5%; } .sankuai div:last-child{padding-right: 0px;} .sankuai img{border-radius: 10px;} .lsan{ background: #d8212f; padding: 10px 0px; border-radius: 25px; margin: 0 auto; margin-top: 50px; display: inherit; width: 150px; text-align: CENTER; margin-bottom: 8px; color: #fff; clear: both; } #module8{width: 1400px;overflow: hidden;position: relative;} .sanda h6{ font-size: 18px; padding: 20px 30px; border-bottom: red 2px dashed; } .sanda p{ padding: 20px 30px; line-height: 30px; } #module8 .swiper-slide .sanda{ width: 96%; margin: 120px 3% 0px 3%; background: #e6e6e6; } #module8 .swiper-slide-next .sanda{ box-shadow: 0px 0px 25px rgb(0 0 0 / 38%); width: 110%; margin: 0px 5%; background: url(../img/tiao.jpg); position: absolute; left: -10%; z-index:99; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url('../img/prev.png'); width: 50px; height: 45px; background-size: 100% 100%; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url('../img/next.png'); width: 50px; height: 45px; background-size: 100% 100%; } #module9{width: 1400px;overflow: hidden;position: relative;} #module9 .swiper-slide .sanda2{ width: 96%; margin: 0px 3% 0px 3%; background: #e6e6e6; } .sanda2 h6{ font-size: 18px; padding: 20px 30px; /* border-bottom: red 2px dashed; */ background: rgb(0 0 0 / 60%); text-align: center; } .sanda2 p{ font-size: 14px; padding: 10px 20px; line-height: 35px; /* height: 200px; */ display: none; } .zpsjzban{ position: absolute;width: 100%;color: #fff;height: 100%; } .sanda2:hover p{display: block;} .sanda2:hover .zpsjzban{background: rgb(0 0 0 / 60%);} .hexinys{overflow: hidden;} .hexinys .swiper-wrapper{display: block;} .hexinys .swiper-slide{float: left; width: 49%; margin-right: 1%; margin-bottom: 1%; position: relative;text-align: left;}