.banner{text-align: center;background-color: #f7f7f7;} .banner .swiper-pagination-bullet{width: 60px;border-radius: 0px;} .banner .swiper-pagination-bullet-active{background: #ccc} .baner_ley{text-align: center;background-color: #f7f7f7;padding: 20px;overflow: hidden;} .baner_ley .clearfix li{ float: left;background-color: white;width: 285px;height: 132px;margin-right: 20px;transition: all .5s;border-radius: 5px;} .baner_ley .clearfix li:last-child{margin-right: 0px;} .baner_ley .clearfix li:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform: translatey(-5px);} .baner_ley .clearfix li .info{padding-top: 34px;font-size: 20px;text-align: left;} .baner_ley .clearfix li a {display: inline-block;width: 100%;height: 100%;padding-left: 32px;box-sizing: border-box;} .baner_ley .clearfix li a h3 {font-size: 24px;color: #222;font-weight: 500;margin-bottom: 10px;} .baner_ley .clearfix li a p {font-size: 14px;color: #999;} .baner_ley .clearfix li a .iconco {width: 100px;height: 100%;display: flex;align-items: center;} .baner_ley .clearfix li a .iconco .img{width: 100px;height: 100px;} /* title*/ .title_listy h3{font-size: 32px;font-weight: 500;color: #000;text-align: center;letter-spacing: 8px;margin-bottom: 16px;padding-top: 50px;} .chanpintext{text-align:center;padding: 30px 0px;} .laodfng{display: inline-block;width: 130px;background: #f7f7f7;height: 40px;margin-left: -4px;color: #000;line-height: 40px;font-size: 14px;} .chanpintext .active{background: red;color: #fff} .laofang_box{width: 1200px;height: ;overflow: hidden;margin: 0px auto;height: 460px;} .laofang_box .swiper-container{height: 100%;} .baoming-left {width: 259px;box-sizing: border-box;padding-top: 29px;} .bsi-liy1 {background: ;width: 123px;height: 150px;border-radius: 5px;text-align: center;padding-top: 35px;box-sizing: border-box;color: #fff;font-weight: 800;font-size: 18px;} .bsi-liy1 img, .bsi-liy2 img { margin-bottom: 20px;} .lisuop {padding-top: 20px;height: 121px;background: #555555;border-radius: 5px;margin-top: 10px;text-align: center;box-sizing: border-box;padding-top: 13px;position: relative;color: #fff;font-weight: 800;font-size: 18px;} .bsibox {background: #555555;transition: .3s;} .lisuop #iop { position: absolute; width: 100%; top: 65px; left: 38px; position: absolute; width: 91%; top: 70px; text-align: center; left: 46px; font-size: 30px; color: #; color: #ff0000; } .boxlisyutentx{overflow: hidden;} .boxlisyutentx {padding-top: 20px;} .boxlisyutentxlist {width: 24.62%;float: left;height: 353px;margin-right: .5%;margin-bottom: 10px;overflow: hidden;position: relative;} .boxlisyutentxlist:nth-child(4n){margin-right: 0px;} .boxlisyutentxlist img{width: 100%;height: 100%;transition: .3s} .boxlisyutentxlist:hover img{transform: scale(1.1);} .boxlisybox {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: 160px;border:1px solid #fff;text-align: center;color: #fff;background: rgba(0,0,0,.14);opacity: 0;transition: .3s} .boxlisybox h3{font-size: 23px;font-weight: 500;padding-top: 12%} .boxlisyutentxlist:hover .boxlisybox{opacity: 1} .sec7-flex-panel .panel-content.active1 { display: block; animation: sec7panelshow .6s ease-in-out; } @keyframes sec7panelshow{0%{transform:rotatey(180deg);opacity:0}100%{transform:rotatey(360deg);opacity:1}} .three_d_ybj { margin-top: 40px; height: 500px; width: 1200px; margin: 0px auto; }.sec7-flex-panel .panel-content { display: none; } .panel-content .en-name { font-size: 16px; font-weight: 100; font-family: 微软雅黑; } .panel-content .zn-name { font-size: 38px; font-weight: 100; font-family: 微软雅黑; } .fen_le { font-size: 16px; margin: 30px 0; } .panel-content p a.btn { width: 235px; height: 40px; background: #ff0000; display: inline-block; line-height: 40px; border-radius: 5px; margin-left: 8px; color: #ffffff; font-size: 17px; margin-bottom: 10px; } .decorationbox{ width: 386px; float: left; height: 560px; transition: .3s; margin-right: 14px; position: relative; } .decorationbox_vo{ width: 386px; height: 560px; border: 1px solid #d6d7dc; box-sizing: border-box; } .decorationboxtop{ width: 100%; height: 180px; background: #f5f5f5; text-align: center; } .decorationboxtop img{ display: inline-block; width: 65px; height: 65px; margin-top: 40px; } .decorationboxtop p{ font-size: 24px; line-height: 50px; color: #575e60; } } .decorationbox:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); } .zize_cv{ width: 100%; box-sizing: border-box; padding: 0 30px; padding-top: 22px; color: #666666; } .decoration{width:1200px;margin:0px auto;} .zize_cv p{ line-height: 40px; font-size: 16px; } .zize_cv p a{ color: #666666; } .decorationboxfooter{ position: absolute; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 30px; line-height: 66px; } .decorationboxfooter a{ display: block; color: #666; } .zize_cv1{ width: 100%; box-sizing: border-box; padding: 0 30px; display: black; padding-top: 22px; color: #666666; } .zize_cv1 a{ color: #666666; } .zize_cv1 span{ display: block; font-size: 16px; color: #e6002d; margin-bottom: 15px; } .zize_cv1 img{ display: block; width: 100%; height: 102px; } .zize_cv1 p{ line-height: 40px; font-size: 16px; } .panel-content p a.btn.orange { background: #3c3c3c; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .zxkf_line a { width: 276px; height: 50px; background: #ff0000; color: #ffffff; text-align: center; line-height: 50px; display: block; margin: 30px auto; font-size: 20px; border-radius: 5px; } .dh_play { display: block; color: #fff; animation: btnjab .3s ease-in-out infinite; animation-direction: alternate; } @keyframes btnjab{ from{transform:scale(1)} to{transform:scale(1.1)} } .three_d_ybj .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } .three_d_ybj .swiper-slide img{width: 100%;height: 500px;} .sec7-flex-panel { top: 61px; right: 22%; position: absolute; width: 345px; height: 365px; background-color: rgba(255,255,255,.8); text-align: center; padding-top: 36px; z-index: 5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .next_zzc, .prev_zzc { width: 5%; height: 100%; background: rgba(0,0,0,0.6); position: absolute; top: 0; z-index: 5; cursor: pointer; outline: none; } .zjt_next_zzc { width: 15px; height: 42px; background-position: -63px -359px; margin-left: 290px; margin-top: 188px; } .icon1 { background: url(/uploads/image/pimg/index_icon.png); display: inline-block; } .prev_zzc { right: 0; } .zjt_prev_zzc { width: 15px; height: 42px; background-position: -63px -404px; margin-left: 20px; margin-top: 200px; } .zjt_next_zzc { width: 15px; height: 42px; background-position: -63px -359px; margin-left: 20px; margin-top: 200px; } .baojialisty{ overflow: hidden; height: 178px; } .baojialisty .img{float: left;width: 326px;} .baojialistyimg{width: 269px;height: 178px;background: #808080;text-align: center;box-sizing: border-box;padding-top: 20px;color: #fff} .baojialistyimg img{width:69px;height: 65px;} .baojialistyimg h2{font-size: 22px;font-weight: 500;padding:5px 0px;} .baojialistyform{width: 605px;float: left;height: 100%;box-sizing: border-box;padding: 0px 20px;padding-top: 10px;} .cehntshi{width: 48%;height: 40px;border-radius: 5px;border: 1px solid #ccc;padding: 0px 10px;box-sizing: border-box;position: relative;margin-bottom: 20px;} .cehntshi select{width: 100%;height: 100%;font-size: 16px;color: #999;background: none;display: inline-block;} .cehntshi p{position: absolute;right: 10px;top: 0px;line-height: 40px;} .cehntshi input{width: 100%;height: 100%;font-size: 16px;color: #999;display: inline-block;} .baojialistyform a{display: inline-block; width: 100%;height: 40px;background: #ff0000;color: #ffffff;text-align: center;line-height: 40px;display: block;font-size: 20px;border-radius: 5px;} .cententr { width: 1200px; overflow: hidden; margin: 0px auto; } .cententrlist { width: 434px; height: 508px; position: relative; background: #ccc; margin-left: 131px; } .cententrlist img{width:100%;height:100%;} .cententrlist img{width:100%;height:100%;} .cententrlistprev { top: 128px; left: -132px; } .cententrlistch { width: 296px; height: 282px; position: absolute; background: rgba(255,0,48,.5); color: #fff; box-sizing: border-box; padding: 5px } .cententrlistprev h2 { font-size: 34.27px; padding: 5px; margin-bottom: 30px; font-weight: 400; } .cententrlistprev h3 { font-size: 34.27px; padding: 5px; margin-bottom: 0px; font-weight: 400; } .cententrlistprev a { display: block; color: #fff; font-size: 12px; border: 1px solid #fff; float: left;padding: 5px; border-radius: 4px; margin-right: 50px; } .cententrbox{padding: 0px 20px;padding-top: 100px;} .cententrboxlist { width: 208px; border-bottom: 1px dotted #565354; padding: 22px 0px; font-size: 16px; color: #000; overflow: hidden; } .centrlist{width: 387px;height: 387px;background: red;margin-top: 100px; } .addlisytuiput{width: 204px;height: 30px;border-radius: 4px;margin-top: 12px;border: 1px solid #ccc} .addlisytuiput input{width: 100%;height: 100%;display: block;background: none;text-indent: 10px;} .addlisytu{float: left;} .addlisytuimg-zs{text-align: center;font-size: 20px;background: ;height: 153px;width: 180px;} .addlisytuimg-zs img{width: 124px;height: 113px} .addlisty_top{width: 100%;height: 153px;margin-bottom: 10px;} .addlisty_top .img{height: 100%;width: 272px;margin-right: 18px;} .addlisty_top .img img{height: 100%;} .footer_infs {width: 388px;text-align: center;margin-right: 8px;} .footer_infs p{font-size: 22px;font-weight: 500;padding-bottom: 5px;} .addlisytu .right{padding-left: 66px;height: 153px;} .footer_infs li{font-size: 16px;text-align: left;line-height: 30px;} .addlisytu .right a{width: 204px;height: 30px;border-radius: 4px;margin-top: 15px;background: #ff0000;color: #fff;text-align: center;line-height: 30px;display:block;} ._sliydleft{width: 265px;height: 315px;float: left;} .g-c { zoom: 1; } .shenmea { width: 1200px; margin: 0 auto; }.shenmealeft { width: 222px; float: left; } .shenmealeft .rot_left { width: 201px; float: left; } .rot_leftbottom { height: 371px; } .rot_leftbottom .rot_leftbottomleft { height: 100%; float: left; width: 200px; background: #fbe1e1; } .shenmearight1 { float: left; width: 463px; } .shenmearightbottom { width: 100%; height: 181px; margin-bottom: 10px; } .shenmearightbottom .shenmearightb_lefts { height: 181px; width: 181px; float: left; background: #fbe1e1; } .wz_piclist { width: 180px; height: 181px; }.shenmearightb_size { height: 100%; float: right; width: 265px; color: #999999; } .shenmearightb_size ul span { font-size: 20px; font-weight: bold; } .shenmearightb_size ul li { margin-bottom: 7px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shenmearightb_size ul li a { color: #1a1a1a; } .baomingright{border: 2px solid #e8e8e8;width: 930px;height: 100%;border-radius: 5px;box-sizing: border-box;padding: 22px;float: right;} .centent_cvva{width: 72% !important;height: 100%;background:;float: left;padding-left:0px !important} .hiddenbox h2 { font-size: 30px; color: #000; line-height: 80px; text-align: center; } .boxs-io p { font-weight: 800; font-size: 14px; font-weight: 800; } .boxs-io input { width: 310px; height: 50px; background: #e8e8e8; border-radius: 4px; color: #b0b0b0; text-indent: 10px; } .boxs-io h3 { text-align: center; margin-bottom: 15px; padding-top: 15px; font-weight: 400; font-size: 14px; } .centent_cvva .ljyy_kf a { width: 314px; height: 49px; background: #e6002d; text-align: center; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 800; border-radius: 5px;line-height: 50px; margin-bottom: 25px; } .ju_js_time { font-size: 48px; padding-top: 28px; padding-right: 20px; float: right; } .boxs-io a{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: #e6002d; color: #fff; font-size: 18px; font-weight: 800; border-radius: 5px; margin-bottom: 10px; } .opvsop #iop { position: absolute; width: 100%; top: -15px; left: 100px; font-size: 66px; font-weight: 800; color: red; /* background: no-repeat 0px -68px; */ width: 41px; height: 75px; } .opvsop{position: relative;} .bac-c { font-size: 24px; padding-top: 15px; padding-bottom: 25px; color: #333333; margin-bottom: 30px; } .openlisty{display: none;} .baomingright .active{display: block;} @media screen and (max-width: 1690px){ .boxlisyutentxlist { height: 250px; } } @media screen and (max-width: 1390px){ .boxlisyutentxlist { height: 200px; } }