html, body { min-width: 1200px; scroll-behavior: smooth; } /*header*/ .header { position: fixed; padding: 15px 0; top: 0; left: 0; right: 0; z-index: 9999; } .header.headbg_black { background: rgba(0, 0, 0, .4); } .header .head_top { width: 100%; } .header .head_top .logo_text { float: left; vertical-align: middle; } .header .head_top .logo_text img { height: 34px; } .header .head_top .logo_text span { position: relative; top: -14px; display: inline-block; margin-left: 20px; font-size: 16px; color: #fff; } .header .head_top .head_right { float: right; } .header .head_top .head_right .tal_text { margin-right: 60px; font-size: 14px; color: #fff; font-weight: bold; } .header .head_top .head_right .tal_text img { position: relative; top: 5px; margin-right: 10px; } .header .head_top .head_right .sqsy_btn { font-size: 14px; color: #fff; } /*nav*/ .nav-box { width: 100%; } .nav { position: relative; width: 100%; } .nav .nav-ul>li { float: left; margin-right: 30px; border-bottom: 2px solid transparent; } .nav .nav-ul>li>a:hover { color: #fff; } .nav .nav-ul>li:hover { border-bottom: 2px solid #fff; } .nav a { float: left; font-size: 16px; color: #fff; } .nav>a:hover { color: #0aa1e5; } .nav>a.active { color: #0aa1e5; } .nav .sub-section { position: absolute; z-index: 9999999; top: 100%; height: 429px; width: 1200px; left: 0; display: none; text-align: left; } .sub-seleft { width: 260px; height: auto; background-color: rgba(39, 43, 46, 1); opacity: 0.9; padding-bottom: 10px; } .sub-seleft a { display: block; background: url(/uploads/image/timages/navlijian.png) no-repeat right center; height: 50px; line-height: 50px; font-size: 20px; padding-left: 10%; color: #fff; width: 72%; } .sub-seleft a:hover { color: #0aa1e5; background: url(/uploads/image/timages/navlijian2.png) no-repeat right center; } .sub-seright { width: 940px; height: auto; background-color: rgba(39, 43, 46, 1); opacity: 0.8; padding-bottom: 10px; } .sub-seright ul li { position: relative; width: 100%; height: 50px; cursor: auto; clear: bottom; } .sub-seright ul li a { float: left; /*padding-left: 30px;*/ height: 50px; line-height: 50px; color: #fff; font-size: 16px; padding: 0 15px; } .sub-seright ul li a:hover { color: #0aa1e5; } /*nav end*/ /*header end*/ /*slide*/ .slide { height: 600px; overflow: hidden; position: relative; } .slide .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; } .slide .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; } .slide .pagination { position: absolute; left: 0; text-align: center; bottom: 15px; width: 100%; } .slide .swiper-pagination-switch { display: inline-block; width: 35px; height: 5px; background: rgba(255, 255, 255, 0.5); margin-right: 10px; opacity: 0.8; cursor: pointer; } .slide .swiper-visible-switch { background: rgba(255, 255, 255, 1); } .slide .swiper-active-switch { background: rgba(255, 255, 255, 1); } /*slide-wapre*/ .slide-wapre { position: absolute; z-index: 2; /* position: fixed; */ top: 0; left: 0; right: 0; margin-top: 4%; } .slide-wapre-div {} .slide-wapre-div-list { margin-top: 137px; margin-left: 20px; } .slide-wapre-div-list h3 { font-size: 48px; color: #fff; line-height: 48px; margin-bottom: 20px; } .slide-wapre-div-list span { font-size: 18px; color: #fff; display: block; } .slide-height-right { margin-top: 60px; } /*slide-wapre end*/ /*slide end*/ /*我们的产品*/ .product_section { padding: 50px 0; padding-top: 30px; width: 100%; } .index-prodeh3 { font-size: 36px; color: #333333; line-height: 48px; text-align: center; margin-top: 30px; margin-bottom: 30px; } .index-prodeh3 span { font-size: 20px; color: #999999; line-height: 36px; display: block; } .product_list { width: 100%; } .product_list li { float: left; margin-right: 20px; margin-bottom: 20px; width: 385px; height: 180px; background: #fff; -moz-box-shadow: 0px 0px 15px 0px rgba(80,139,194,0.2); -webkit-box-shadow: 0px 0px 15px 0px rgba(80,139,194,0.2); box-shadow: 0px 0px 15px 0px rgba(80,139,194,0.2); } .product_list li:nth-child(3n) { margin-right: 0; } .product_list li .item_cont { padding-top: 30px; padding-left: 40px; overflow: hidden; } .product_list li .img_box img { max-width: 100%; vertical-align: middle; } .product_list li .item_text { margin-top: 22px; overflow: hidden; } .product_list li .item_text h5 { margin-bottom: 12px; font-size: 20px; color: #333; font-weight: bold; } .product_list li .item_text p { font-size: 16px; color: #666; line-height: 24px; } .scene_list{ margin-top: 35px; margin-bottom: 10px; width: 100%; } .scene_list li{ float: left; position: relative; margin-bottom: 20px; height: 230px; overflow: hidden; } .scene_list li:nth-child(1), .scene_list li:nth-child(2){ width: 590px; } .scene_list li:nth-child(3), .scene_list li:nth-child(4), .scene_list li:nth-child(5){ width: 387px; } .scene_list li:nth-child(6){ width: 490px; } .scene_list li:nth-child(7){ width: 690px; } .scene_list li:nth-child(1), .scene_list li:nth-child(3), .scene_list li:nth-child(4), .scene_list li:nth-child(6){ margin-right: 19px; } .scene_list li img{ width: 100%; height: 230px; -webkit-transition: all .8s; -ms-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; } .scene_list li:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); /* ie 9 */ -moz-transform: scale(1.1); /* firefox */ -webkit-transform: scale(1.1); /* safari 和 chrome */ -o-transform: scale(1.1); } .scene_list li .cover_section{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .scene_list li .cover_section p{ font-size: 38px; color: #fff; text-align: center; -webkit-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; } .scene_list li:hover .cover_section p{ margin-bottom: 20px; } /*index-rule*/ /*index-rule end*/ /*我们的产品 end*/ /*解决方案*/ .index-question { background: #212121; height: 400px; overflow: hidden; } .index-qestionul { overflow: hidden; text-align: center; } .index-qestionul li { float: left; width: 25%; } .index-qestionul li a { display: block; width: 100%; height: 100%; position: relative; } .index-qestion-img { width: 100%; vertical-align: middle; } .index-questiondiv { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .index-questionbj { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #161a1d; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(60)); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .index-questioncont { position: absolute; left: 0; right: 0; top: 160px; bottom: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .index-questiontitle { position: relative; width: 19%; height: 64px; display: inline-block; } .index-question-titimg { position: absolute; left: 0; right: 0; top: 0; width: 100%; display: inline-block; opacity: 1; filter: alpha(opacity=100); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(100)); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .index-questionh3 { color: #fff; font-size: 22px; line-height: 24px; margin: 0; padding: 0; margin-top: 24px; font-weight: 500; } .index-questiondes { font-size: 14px; color: #fff; text-align: center; margin-top: 30px; padding: 0px 23px; line-height: 24px; height: 72px; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(0)); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .index-questionmore { display: inline-block; border: 1px solid #fff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; text-decoration: none; margin-top: 30px; opacity: 0; filter: alpha(opacity=0); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(0)); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .index-qestionul li a:hover .index-questionbj { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(70)); background: #0066cc; } .index-qestionul li a:hover .index-questioncont { top: 60px; } .index-questionmore:hover { border: 1px solid #fff; color: #0066cc; background: #fff; } .index-qestionul li a:hover .index-questiondes, .index-qestionul li a:hover .index-questionmore { opacity: 1; filter: alpha(opacity=100); -ms-filter: progid: dximagetransform.microsoft.alpha(opacity=(100)); } /*解决方案 end*/ /*数字会议*/ .middel-car-warp { height: 561px; width: 1200px; overflow: hidden; } /*轮播*/ .middel-car-warp { width: 1200px; /* overflow:hidden; */ margin: 0 auto; position: relative; height: 598px; } .card-box { width: 1200px; height: 560px; margin: auto; } .card-gla-inbox { /* overflow-x:hidden; */ position: relative; } .card-gla-inbox .big-img { width: 100%; height: 100%; /* opacity: .9; */ } .card-gla-inbox .change-btn { display: inline-block; line-height: 58px; text-align: center; width: 58px; height: 58px; position: absolute; top: 45%; margin-top: -10px; opacity: .7; } .change-prev { left: 120px; background: no-repeat center; background-size: 36px 57px; } .change-next { right: 120px; background: no-repeat center; background-size: 36px 57px; } .card-gla-inbox .btn-img-warp { display: inline-block; position: absolute; background-size: 272px 130px; width: 272px; height: 130px; margin-top: 100px; bottom: -38px; left: 50%; margin-left: -131px; text-align: center; line-height: 92px; color: #999999; font-size: 22px; font-weight: 300; } .card-gla-inbox .btn-img-warp-1 { background: no-repeat center; } .card-gla-inbox .btn-img-warp-2 { background: no-repeat center; } .card-gla-inbox .btn-img-warp-3 { background: no-repeat center; } .card-gla-inbox .btn-img-warp-4 { background: no-repeat center; } .card-gla-inbox .btn-img-warp-5 { background: no-repeat center; } .card-li-item { cursor: pointer; } .card-child-box { width: 908px; height: 280px; position: absolute; top: 215px; left: 0; color: #fff; } .card-child-box h2 { font-size: 34px; color: #ffffff; text-align: center; margin: 0px auto 50px; font-weight: normal; } .card-child-box .item-span-warp { width: 600px; margin: auto; text-align: center; } .item-span-warp a { display: inline-block; color: #fff; width: 180px; font-size: 20px; padding: 11px 10px; margin: 10px 14px; border: 1px solid #ffffff; border-radius: 6px; font-weight: 300; } .item-span-warp a:hover { box-shadow: 0 0 30px #fff; border-color: transparent; } .roundabout-holder { width: 1200px; height: 560px; } .roundabout-moveable-item { display: block; width: 908px; height: 560px; cursor: pointer; } .roundabout-in-focus { cursor: auto; } /*轮播 end*/ /*首页新闻*/ .index-news-left { width: 766px; border-right: 1px solid #e5e5e5; } .index-news-title { font-size: 20px; color: #333333; line-height: 36px; position: relative; } .index-news-titmore { position: absolute; right: 47px; font-size: 14px; color: #1e7ee5; top: 1px; } .index-news-titmore:hover { color: #1e7ee5; } .index-news-list { width: 725px; } .index-news-list ul { margin-right: -60px; } .index-news-list ul li { float: left; font-size: 14px; background: url(/uploads/image/tinewhy/icon6.png) left center no-repeat; color: #999999; width: 335px; margin-right: 57px; margin-top: 15px; } .index-news-list ul li a { margin-left: 25px; color: #333333; } .index-news-list ul li:hover { background: url(/uploads/image/tinewhy/icon6_2.png) left center no-repeat; } .index-news-list ul li:hover a { color: #1e7ee5; } .index-news-right { margin-top: 38px; text-align: center; width: 420px; } /* 申请试用 */ .pop_black { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0, 0, 0, .4); } .pop_applysection { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 600px; height: 484px; margin: auto; z-index: 99999; background: #fff; } .pop_applysection .close { position: absolute; top: 20px; right: 20px; } .pop_applysection .pop_applytitle { margin: 55px 0; width: 100%; text-align: center; overflow: hidden; } .pop_applysection .pop_applytitle h1 { margin-bottom: 20px; font-size: 24px; color: #333; text-align: center; font-weight: bold; } .pop_applysection .pop_applytitle p { font-size: 14px; color: #333; text-align: center; } .pop_applysection .pop_applyform { margin: 0 44px; overflow: hidden; } .pop_applysection .pop_applyform .applyform_item { margin-bottom: 38px; padding-left: 13px; overflow: hidden; } .pop_applysection .pop_applyform .applyform_item label { position: relative; display: block; width: 100%; font-size: 16px; color: #333; } .pop_applysection .pop_applyform .applyform_item label span { position: absolute; left: -13px; color: #ed2121; } .pop_applysection .pop_applyform .applyform_item input { padding-left: 0; width: 100%; height: 34px; font-size: 14px; color: #666; line-height: 34px; border: 0; border-bottom: 1px solid #dbdbdb; } .pop_applysection .pop_applyform .applyform_item input::-webkit-input-placeholder { color: #999; font-size: 14px; } .pop_applysection .pop_applyform .applyform_item input::-moz-placeholder { /* mozilla firefox 19 */ color: #999; font-size: 14px; } .pop_applysection .pop_applyform .applyform_item input:-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #999; font-size: 14px; } .pop_applysection .pop_applyform .applyform_item input:-ms-input-placeholder { /* internet explorer 10-11 */ color: #999; font-size: 14px; } .pop_applysection .pop_applyform button { display: block; margin: 0 auto; width: 275px; height: 40px; font-size: 16px; color: #fff; border: 0; background: #1e7ee5; } /*首页新闻 end*/ /*footer*/ .footer-cont { background: #202b3f; } .footer-cont-left { margin-top: 24px; } .footer-cont-left ul li { float: left; padding-top: 20px; margin-right: 90px; width: 85px; border-top: 1px solid #fff; } .footer-cont-left ul li:last-child{ margin-right: 0; } .footer-cont-lefttiti { font-size: 16px; color: #ffffff; margin-bottom: 40px; } .footer-cont-lefta a { display: block; font-size: 14px; line-height: 30px; color: #fff; } .footer-cont-right { width: 160px; } .footer-cont-right-h3 { font-size: 16px; color: #fff; margin-bottom: 15px; } .footer-cont-right-img { color: #ffffff; } .footer-cont-con { margin-top: 5px; } .footer-p { padding: 15px 0; text-align: center; font-size: 12px; color: #fff; background: #091e2e; } .footer-p a { color: #fff; } /*footer end*/ /*会议管理*/ .gongneg-h3 { font-size: 36px; color: #333333; line-height: 36px; text-align: center; padding-top: 60px; padding-bottom: 70px; } .gongnen-gl { padding-bottom: 150px; } /*统计*/ .gongeng-tj { text-align: center; padding-top: 110px; padding-bottom: 120px; } /*统计 end*/ /*功能*/ .gongneg-fj { text-align: right; padding-top: 70px; padding-bottom: 70px; } /*功能 end*/ /*会议管理 end*/ /*解决学会*/ .jiejue-xh { text-align: center; padding-top: 83px; height: 523px; } .jieju-hd { text-align: center; padding-top: 80px; padding-bottom: 70px; } .add-jiejubjxs { background-image: ; background-repeat: no-repeat; background-size: 100% 100%; padding-top: 80px; padding-bottom: 84px; } .addpxbj { background-image: ; background-repeat: no-repeat; background-size: 100% 100%; padding-top: 80px; padding-bottom: 80px; text-align: center; } /*解决学会 end*/ /*轮播页*/ .slide-dx { text-align: center; padding-top: 80px; padding-bottom: 40px; } /*轮播页 end*/ /*新闻*/ .news-nav { margin-top: 50px; margin-bottom: 20px; } .news-nav ul { margin-right: -11px; } .news-nav ul li { width: 232px; height: 40px; line-height: 40px; float: left; background: #f0f0f0; font-size: 14px; text-align: center; margin-right: 10px; } .news-nav ul li a { color: #666666; } .news-nav ul li:hover { background-color: #0aa1e5; position: relative; } .news-nav ul li:hover:after, .news-nav ul li:hover:before { border: solid transparent; content: ' '; height: 0; top: 100%; position: absolute; width: 0; } .news-nav ul li:hover:after { border-width: 10px; border-top-color: #0aa1e5; left: 107px; } .news-nav ul li:hover:before { border-width: 12px; border-top-color: #0aa1e5; left: 105px; } .news-nav ul li:hover a { color: #fff; } .news-nav .active { background-color: #0aa1e5; position: relative; } .news-nav .active:after, .news-nav .active:before { border: solid transparent; content: ' '; height: 0; top: 100%; position: absolute; width: 0; } .news-nav .active:after { border-width: 10px; border-top-color: #0aa1e5; left: 107px; } .news-nav .active:before { border-width: 12px; border-top-color: #0aa1e5; left: 105px; } .news-nav .active a { color: #fff; } /*内容*/ .news-right-contul li { border-bottom: 1px dashed #d4d4d4; padding-top: 30px; padding-bottom: 30px; } .news-right-img { width: 240px; height: 180px; max-width: 100%; } .news-right-contdiv { width: 732px; height: 118px; position: relative; margin-left: 20px; margin-top: 20px; } .news-right-ocntdivh3 { width: 100%; font-size: 16px; color: #333333; font-weight: bold; height: 22px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .news-right-ocntdes { font-size: 14px; color: #666666; line-height: 26px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 104px; } .news-right-contul li:hover .news-right-ocntdivh3 { color: #0aa1e5; } .news-right-moreck { width: 180px; } .news-right-moreck { display: block; color: #666; font-size: 14px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #666666; margin-top: 70px; } .news-right-moreck:hover { color: #0aa1e5; } .news-right-contul li:last-child { border-bottom: 0; } .news-line-add { border-top: 1px solid #d4d4d4; } /*内容 end*/ /*分页*/ .add-page { margin: 0 auto; width: 565px; margin-top: 30px; margin-bottom: 30px; } .add-page ul li { display: inline-block; } .add-page ul li a { display: block; font-size: 14px; color: #999999; border: 1px solid #dcdcdc; padding: 5px 15px; margin-right: 2px; } .add-page ul li .add-page-first { padding: 5px 23px; } .add-page ul li .border-none { border: 0; } .add-page-number { width: 36px; height: 33px; border: 1px solid #dcdcdc; text-align: center; padding-left: 0 !important; } .add-page-submit { width: 58px; height: 36px; border: 1px solid #dcdcdc; text-align: center; padding-left: 0 !important; cursor: pointer; background: #ffffff; } .add-page ul li a:hover { color: #0aa1e5; } .add-page ul li .active { background: #0aa1e5; color: #fff; border: 1px solid #0aa1e5; } .add-page ul li .active:hover { color: #fff; } .pages { display: table; margin: 20px auto; } .pages .pagination { display: inline-block; float: left; } .pages .pagination li { width: 38px; height: 38px; border: 1px solid #dcdcdc; float: left; margin-right: 11px; font-size: 14px; color: #999; text-align: center; line-height: 40px; border-radius: 5px; } .pages .pagination li a { color: #999; display: block; } .pages .pagination li:hover, .pages .pagination li.active, .pages .pagination li.prev:hover { border: 1px solid #0aa1e5; background: #0aa1e5; } .pages .pagination li a:hover, .pages .pagination li.active a, .pages .pagination li:hover span { color: #fff; } .pages .pagination li.prev, .pages .pagination li.next { width: 88px; cursor: pointer; } .pages .pagination li.next a:hover { color: #fff; } .pages .form { display: inline-block; height: 40px; line-height: 40px; } .pages .form .text { font-size: 14px; color: #999; } .pages .form .input { width: 38px; padding: 7px 0; border: 1px solid #dcdcdc; border-radius: 5px; padding-left: 0; text-align: center; color: #999; } .pages .form .go-page { width: 58px; height: 38px; border: 1px solid #dcdcdc; text-align: center; color: #999; display: inline-block; border-radius: 5px; cursor: pointer; outline: none; padding: 0; } /*分页 end*/ /*新闻 end*/ /*新闻详情*/ .news-cont { margin-top: 50px; } /*标题*/ .texttitle { width: 100%; padding: 17px 0; overflow: hidden; text-align: center; } .texttitle h3 { color: #333333; font-size: 24px; margin-bottom: 12px; } .texttitle .shar { font-size: 14px; color: #999999; line-height: 25px; overflow: hidden; } .news-contp { padding-top: 20px; padding-bottom: 40px; } .news-contp p { color: #666666; line-height: 30px } .news-contp p img { max-width: 95%; /* min-width: 620px; */ } .jourpages { margin-top: 5px; margin-bottom: 20px; } .jourpages a { width: 50%; display: block; float: left; height: 42px; line-height: 42px; overflow: hidden; color: #0aa1e5; } /*标题*/ /*新闻详情 end*/ /*案例*/ .anli-nav ul li { width: 163px; } .anli-nav ul li:hover { background-color: #0aa1e5; position: relative; } .anli-nav ul li:hover:after, .anli-nav ul li:hover:before { border: solid transparent; content: ' '; height: 0; top: 100%; position: absolute; width: 0; } .anli-nav ul li:hover:after { border-width: 10px; border-top-color: #0aa1e5; left: 74px; } .anli-nav ul li:hover:before { border-width: 12px; border-top-color: #0aa1e5; left: 72px; } .anli-nav .active:after { border-width: 10px; border-top-color: #0aa1e5; left: 74px; } .anli-nav .active:before { border-width: 12px; border-top-color: #0aa1e5; left: 72px; } /*内容*/ .anli-cont { padding: 5px; } .show-right-cont { width: 100%; margin-top: 10px; } .show-right-cont ul { margin-right: -21px; } .show-right-cont ul li { width: 386px; float: left; text-align: center; margin-right: 17px; margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px; } .show-right-img { width: 340px; height: 200px; max-width: 100%; margin-bottom: 5px; } .show-right-h3 { font-size: 16px; color: #333333; line-height: 30px; text-align: center; } .show-right-cont ul li:hover { -moz-box-shadow: 1px 0px 19px #878787; -webkit-box-shadow: 1px 0px 19px #878787; box-shadow: 1px 0px 19px #878787; } /*内容 end*/ /*案例 end*/ /*案例详情*/ .anli-page-h3 { font-size: 36px; color: #333333; text-align: center; background: no-repeat bottom center; padding: 50px 0; margin-bottom: 20px; } .anli-page-title { font-size: 30px; color: #333333; line-height: 36px; text-align: center; margin-top: 30px; margin-bottom: 40px; } /*案例详情 end*/ /*联系我们*/ .lxwm-div { margin-top: 60px; margin-bottom: 90px; } .lxwm-left-div { width: 417px; } .lxwm-left-div h3 { font-size: 30px; color: #333333; margin-bottom: 20px; } .lxwm-left-div p { font-size: 14px; color: #333333; line-height: 36px; } .lxwm-right-div { width: 707px; height: 210px; } /*联系我们 end*/ /*产品*/ .add-produc-div { background-image: ; background-repeat: no-repeat; background-position: center; background-size: inherit; height: 369px; overflow: hidden; position: relative; } .add-product-divcont { color: #fff; text-align: center; margin-top: 80px; height: 239px; overflow: hidden; } .add-product-divcont h3 { font-size: 40px; margin-top: 72px; font-weight: normal; } .add-product-divcont p { font-size: 20px; margin-top: 17px; } /*nav*/ .add-product { background: rgba(255, 255, 255, 0.5); width: 100%; } .add-productnav ul li { float: left; width: 200px; } .add-productnav ul li a { height: 50px; line-height: 50px; display: block; font-size: 16px; color: #fff; text-align: center; } .add-productnav ul li .active { background: #fff; color: #333333; } .add-productnav ul li a:hover { background: #fff; color: #333333; } /*nav end*/ /*签到管理*/ .add-product-singh3 { font-size: 30px; color: #333333; line-height: 36px; text-align: center; margin-bottom: 30px; } .add-product-singh3 span { display: block; width: 100%; font-size: 16px; color: #999999; line-height: 36px; } .add-product-sign *{ box-sizing: border-box; } .add-product-sign ul li { float: left; margin-right: 26px; margin-bottom: 24px; padding: 35px 20px; width: 280px; height: 306px; background: #fff; border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; } .add-product-sign ul li:nth-child(4n){ margin-right: 0; } .add-product-sign ul li .icon_box{ width: 100%; height: 72px; } .add-product-sign ul li h6{ margin: 25px 0; font-size: 22px; color: #333; font-weight: normal; } .add-product-sign ul li p{ margin-bottom: 7px; font-size: 14px; color: #555; line-height: 24px; } .add-product-sign ul li p span{ font-weight: bold; } /*签到管理 end*/ /*参会者管理*/ .add-index-pimana { background-image: ; background-repeat: repeat-x; } .add-index-pimh3 { color: #fff; } .add-index-pimh3 span { color: #fff; } .add-invoicediv img { width: 100%; max-width: 100%; } /*轮播*/ .add-index-pimanaslid { width: 1310px; margin: 0 auto; overflow: hidden; } .add-index-pimanaslid .device { position: relative; height: 320px; } .add-index-pimanaslid .swiper-container { height: 320px; width: 1200px; margin: 0 auto; } .add-index-pimanaslid .swiper-slide { height: 100%; text-align: center; } .add-index-pimanaslid .swiper-slide-visible {} .add-index-pimanaslid .swiper-slide-active { top: 0; opacity: 1; } .add-index-pimanaslid .device .arrow-left { background: url(/uploads/image/timages/fourprev.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -25px; width: 32px; height: 70px; } .add-index-pimanaslid .device .arrow-right { background: url(/uploads/image/timages/fournext.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -25px; width: 32px; height: 70px; } .add-index-pimanawidt { border: 1px solid #dcdcdc; background: #fff; width: 278px; height: 318px; position: relative; margin: 0 auto; } .add-index-pimanaslid .swiper-slide .add-index-pimanawidt .title { width: 278px; height: 114px; line-height: 114px; overflow: hidden; margin: 0 auto; margin-top: 56px; margin-bottom: 30px; } .add-index-pimanaslid .swiper-slide .title img { /*width: 140px;*/ /*height: 140px;*/ object-fit: cover; } .index-four-div h3 { font-size: 24px; color: #333333; line-height: 36px; } .index-four-div h3 span { font-size: 14px; color: #999999; line-height: 36px; display: block; text-transform: uppercase; } .add-index-pimanline { width: 92px; height: 3px; background: #309cf4; position: absolute; bottom: -1px; left: 50%; margin-left: -46px; } /*轮播 end*/ .attendees_list{ width: 100%; overflow: hidden; } .attendees_list *{ box-sizing: border-box; } .attendees_list li{ float: left; position: relative; display: flex; align-items: center; justify-content: center; margin-right: 20px; margin-bottom: 26px; width: 280px; height: 220px; text-align: center; background: #fff; border: 1px solid #dcdcdc; } .attendees_list li:nth-child(4n){ margin-right: 0; } .attendees_list li .icon_box{ margin-bottom: 25px; display: flex; align-items: center; justify-content: center; height: 71px; } .attendees_list li h6{ margin-bottom: 12px; font-size: 24px; color: #333; font-weight: normal; } .attendees_list li p{ font-size: 14px; color: #999; text-transform: uppercase; } .attendees_list li .item_line{ position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 92px; height: 3px; background: #309cf4; z-index: 99; } /*参会者管理 end*/ /*邀约注册*/ .add-itreg { overflow: hidden; } .add-itreg ul { margin-right: -17px; } .add-itreg ul li { float: left; width: 289px; height: 479px; margin-right: 15px; } .add-itregdiv { background: no-repeat; width: 280px; height: 470px; text-align: center; margin: 0 auto; } .itregimg { width: 200px; height: 120px; margin-top: 47px; margin-bottom: 29px; } .add-itregdivcont h3 { font-size: 20px; color: #333333; line-height: 36px; font-weight: bold; margin-bottom: 8px; } .add-itregdivcont p { font-size: 14px; color: #666666; line-height: 28px; padding: 0 55px; height: 168px; overflow: hidden; margin-bottom: 15px; } .add-itregdivcont span { color: #b0b0b0; } .add-itregdiv:hover { background: no-repeat; width: 289px; height: 479px; } .add-itregdiv:hover .add-itregdivcont span { color: #309cf4; } /*邀约注册 end*/ /*接待管理*/ .reception_section{ margin-top: 8px; text-align: center; overflow: hidden; } .reception_section img{ max-width: 100%; } /*接待管理 end*/ /*日程管理*/ .schedule_list{ width: 100%; overflow: hidden; } .schedule_list *{ box-sizing: border-box; } .schedule_list li{ float: left; margin-right: 30px; margin-bottom: 30px; padding: 35px 30px; width: 585px; height: 300px; overflow: hidden; } .schedule_list li:nth-child(2n){ margin-right: 0; } .schedule_list li:nth-child(1){ background: no-repeat; } .schedule_list li:nth-child(2){ background: no-repeat; } .schedule_list li:nth-child(3){ background: no-repeat; } .schedule_list li:nth-child(4){ background: no-repeat; } .schedule_list li h6{ margin-bottom: 25px; font-size: 22px; color: #333; font-weight: normal; } .schedule_list li p{ margin-bottom: 6px; padding-left: 15px; font-size: 14px; color: #666; line-height: 24px; background: left 11px no-repeat; } .schedule_list li p:last-child{ margin-bottom: 0; } /*日程管理 end*/ /*会议直播*/ .conference_content{ display: table; margin: 0 auto; overflow: hidden; } .conference_content .conference_left{ float: left; } .conference_content .conference_right{ float: left; margin-left: 55px; margin-top: 15px; width: 565px; } .conference_content .conference_right h6{ margin-bottom: 20px; font-size: 18px; color: #333; font-weight: bold; } .conference_content .conference_right p{ padding-left: 15px; margin-bottom: 10px; font-size: 14px; color: #666; line-height: 24px; background: no-repeat; background-position: left 9px; } .conference_content .conference_right p span{ color: #333; } .conference_content .conference_right .item_link{ margin-top: 10px; } .conference_content .conference_right .item_link a{ font-size: 14px; color: #12a4e6; } /*会场互动*/ .add-vein { overflow: hidden; margin-bottom: 100px; } .add-vein ul { margin-right: -32px; } .add-vein ul li { float: left; width: 380px; margin-right: 30px; } .add-vein ul li h3 { font-size: 18px; color: #333333; line-height: 28px; font-weight: bold; text-align: center; margin-top: 10px; } /*会场互动 end*/ /*数据报告*/ .add-dareleft { width: 720px; padding-top: 36px; } .add-dareleftdivcont { width: 545px; } .add-dareleftdiv { margin-bottom: 50px; } .add-dareleftdivcont h3 { font-size: 18px; color: #333333; line-height: 28px; padding-top: 20px; padding-bottom: 15px; } .add-dareleftdivcont p { font-size: 14px; color: #666666; } .add-dareright { width: 398px; } /*数据报告 end*/ /*专业社团组织信息化服务商*/ .add-pcospr { background-image: url(/uploads/image/timages/pcosprbj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; height: 510px; margin-top: 25px; } .pcosprlogo { padding-top: 56px; text-align: center; padding-bottom: 25px; } .add-pcosprdiv { overflow: hidden; margin-bottom: 44px; } .add-pcosprdiv ul { margin-right: -32px; } .add-pcosprdiv ul li { float: left; width: 380px; height: 60px; margin-right: 30px; } .add-pcosprdiv1 { background: no-repeat; height: 60px; } .add-pcosprdiv1 input { width: 51%; margin-left: 72px; height: 30px; line-height: 30px; margin-top: 15px; border: 0; text-align: center; font-size: 16px; } .add-pcosprdiv1 input::-webkit-input-placeholder { color: #999999; } .add-pcosprdiv2 { background: no-repeat; height: 60px; } .add-pcosprdiv2 input { width: 51%; margin-left: 72px; height: 30px; line-height: 30px; margin-top: 15px; border: 0; text-align: center; font-size: 16px; } .add-pcosprdiv2 input::-webkit-input-placeholder { color: #999999; } .add-pcosprdiv3 { background: no-repeat; height: 60px; } .add-pcosprdiv3 select { width: 74%; margin-left: 72px; height: 30px; line-height: 30px; margin-top: 15px; border: 0; /*text-align: center;*/ /*text-align-last: center;*/ font-size: 16px; color: #999999; padding-left: 71px; } .add-pcosprdiv3 select option { text-align: center; } .add-pcosprsub { width: 200px; height: 60px; margin: 0 auto; margin-bottom: 39px; } .add-pcosprsub input { background: no-repeat; height: 60px; line-height: 60px; width: 200px; padding-left: 0; border: 0; font-size: 18px; color: #fff; cursor: pointer; } .add-pcosprdes { font-size: 16px; text-align: center; color: #fff; } /*专业社团组织信息化服务商 end*/ /*产品 end*/ /*活动网站*/ .add-activityh3 { text-align: left; } .add-activityh3 h3 { font-size: 30px; } .add-activityh3 p { font-size: 14px; line-height: 30px; padding-right: 337px; } .add-activitydiv ul li { width: 389px; height: 479px; } .add-activitydiv .add-itregdiv { background: url(/uploads/image/timages/activtybj.png) no-repeat; width: 380px; height: 470px; } .add-activitydiv .add-itregdiv:hover { background: url(/uploads/image/timages/activtybj2.png) no-repeat; width: 389px; height: 479px; } .add-activitydiv .add-itregdivcont h3 { margin-bottom: 20px; } .add-activitydiv .add-itregdivcont p { height: 130px; } .add-activity-mfun { overflow: hidden; margin-bottom: 47px; } .add-activity-mfun ul { margin-right: -41px; } .add-activity-mfun ul li { float: left; width: 580px; height: 310px; margin-right: 39px; } .add-activity-mfunli1 { background: no-repeat; } .add-activity-mfunli2 { background: no-repeat; } .add-activity-mfundiv { width: 352px; margin-left: 175px; margin-top: 90px; } .add-activity-mfundiv h3 { font-size: 20px; color: #333333; line-height: 36px; font-weight: bold; } .add-activity-mfundiv p { font-size: 14px; color: #666666; line-height: 30px; } /*客户案例*/ .add-cuca { overflow: hidden; margin-bottom: 70px; } .add-cuca ul { margin-right: -18px; } .add-cuca ul li { width: 390px; height: 270px; float: left; margin-right: 15px; overflow: hidden; } .add-cuca ul li img { width: 390px; height: 270px; object-fit: cover; } /*客户案例 end*/ /*活动网站 end*/ /*rfid*/ .add-rfidlc {} .add-rfidlc img { width: 1200px; height: 2208px; } /*我们的优势*/ .add-rfid-ys { background-image: ; background-repeat: no-repeat; background-position: center; background-size: inherit; height: 497px; margin-top: 10px; } .add-rfid-ysdiv { width: 700px; } .add-rfid-ysdiv h3 { font-size: 30px; font-weight: bold; color: #fff; line-height: 36px; padding-top: 83px; margin-bottom: 43px; } .add-rfid-ysdiv p { font-size: 16px; color: #fff; line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 45px; } /*我们的优势 end*/ /*入场*/ .add-rfid-rc ul { margin-right: -25px; } .add-rfid-rc ul li { width: 385px; height: 375px; margin-right: 22px; } .add-rfid-rc .add-itregdiv { background: url(/uploads/image/timages/rfidrcbj.png) no-repeat; width: 380px; height: 370px; } .add-rfid-rc .add-itregdiv:hover { background: url(/uploads/image/timages/rfidrcbj2.png) no-repeat; width: 385px; height: 375px; } .rfidydyimg { width: 140px; height: 120px; text-align: center; line-height: 120px; margin: 0 auto; padding-top: 45px; margin-bottom: 35px; } .add-rfid-rc .add-itregdivcont h3 { font-size: 18px; font-weight: normal; } .add-rfid-rc .add-itregdivcont p { font-size: 14px; color: #999999; line-height: 30px; padding: 0 27px; height: 90px; } /*入场 end*/ /*rfid end*/ /*人脸识别*/ .add-facebj { background-image: url(/uploads/image/timages/face-bj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-facelc {} /*应用场景*/ .add-face-slide { background: #f4fafa; padding-top: 50px; padding-bottom: 40px; } .add-face-slidewidth { width: 1310px; margin: 0 auto; } .add-face-slidewidth .device { position: relative; height: 290px; } .add-face-slidewidth .swiper-container { width: 1200px; height: 290px; margin: 0 auto; } .add-face-slidewidth .swiper-slide { height: 100%; text-align: center; } .add-face-sliddiv { width: 388px; margin: 0 auto; } .facetitle { width: 101px; height: 90px; margin: 0 auto; margin-bottom: -29px; } .add-face-slidcont h3 { font-size: 18px; color: #333333; line-height: 36px; padding-top: 67px; margin-bottom: 19px; } .add-face-slidcont p { font-size: 14px; color: #999999; line-height: 30px; } .add-face-slidbj1 { background: no-repeat; width: 388px; height: 228px; } .add-face-slidbj2 { background: no-repeat; width: 388px; height: 228px; } .add-face-slidbj3 { background: no-repeat; width: 388px; height: 228px; } .add-face-slidewidth .device .arrow-left { background: url(/uploads/image/timages/faceprve.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; } .add-face-slidewidth .device .arrow-right { background: url(/uploads/image/timages/facenext.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -25px; width: 50px; height: 50px; } /*应用场景 end*/ /*我们的优势*/ .add-face-ys { background-image: url(/uploads/image/timages/faceysbj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; height: 497px; } .add-face-ysdiv { padding-top: 58px; } .add-face-ysul { overflow: hidden; } .add-face-ysul ul { margin-right: -32px; } .add-face-ysul ul li { background: no-repeat; width: 380px; height: 330px; text-align: center; float: left; margin-right: 30px; } .add-face-ysicon { width: 90px; height: 77px; line-height: 77px; margin: 0 auto; padding-top: 55px; margin-bottom: 30px; } .add-face-yscont h3 { font-size: 18px; color: #333333; line-height: 36px; margin-bottom: 10px; } .add-face-yscont p { font-size: 14px; color: #999999; line-height: 30px; } /*我们的优势 end*/ /*功能推荐*/ .add-face-pimana { background: none; } /*功能推荐 end*/ /*人脸识别 end*/ /*人像*/ .add-copydiv ul { margin-right: -22px; } .add-copydiv ul li { width: 389px; height: 429px; margin-right: 18px; } .add-copydiv .add-itregdiv { background: url(/uploads/image/timages/copyyqbj.png) no-repeat; width: 380px; height: 420px; } .add-copydiv .add-itregdiv:hover { background: url(/uploads/image/timages/copyyqbj2.png) no-repeat; width: 389px; height: 429px; } .add-copydiv .itregimg { margin-top: 57px; } .add-copydiv .add-itregdivcont h3 { margin-bottom: 12px; } .add-face-li1 { background: url(/uploads/image/timages/facemoli1.png) no-repeat; } .add-face-li12 { background: url(/uploads/image/timages/facemoli2.png) no-repeat; } /*人像 end*/ /*酒店预定*/ .add-hotelbj { background-image: url(/uploads/image/timages/hotel-bj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-hotellist { background-image: url(/uploads/image/timages/hotellisbj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; height: 580px; overflow: hidden; } .add-hotellistul { overflow: hidden; margin-top: 40px; } .add-hotellistul ul { margin-right: -19px; } .add-hotellistul ul li { background: no-repeat; width: 395px; height: 505px; float: left; margin-right: 11px; } .add-hotelistulimg { height: 166px; line-height: 166px; overflow: hidden; text-align: center; margin-top: 65px; } .add-hotelistulimg img { vertical-align: middle; max-width: 100%; } .add-hotelistulcont { width: 309px; margin: 0 auto; } .add-hotelistulcont h3 { font-size: 22px; color: #333333; line-height: 28px; margin-bottom: 30px; margin-top: 15px; text-align: center; } .add-hotelistulcont p { font-size: 14px; color: #999999; line-height: 30px; } /*酒店预定 end*/ /*票务及支付*/ .add-ticketdiv { height: 350px; } .add-ticketul ul { margin-right: -35px; } .add-ticketul ul li { background: no-repeat; width: 593px; height: 273px; float: left; margin-right: 22px; } .add-ticketuldiv { width: 495px; margin: 0 auto; margin-top: 51px } .add-ticketuldivleft { width: 181px; height: 130px; line-height: 130px; margin-top: 13px; } .add-ticketuldivleft img { vertical-align: middle; max-width: 100%; } .add-ticketuldivright { width: 290px; } .add-ticketuldivright h3 { font-size: 22px; color: #333333; line-height: 28px; margin-bottom: 20px; } .add-ticketuldivright p { font-size: 14px; color: #999999; line-height: 30px; } /*票务及支付 end*/ /*现场签到*/ .add-scenebj { background-image: ; background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-sceneicondiv { background: no-repeat; width: 200px; height: 200px; margin: 0 auto; padding-top: 50px; cursor: pointer; } .add-sceneicon1 { background: no-repeat; width: 125px; height: 94px; margin: 0 auto; } .add-sceneicon2 { background: no-repeat; width: 96px; height: 96px; margin: 0 auto; } .add-sceneicon3 { background: no-repeat; width: 58px; height: 94px; margin: 0 auto; } .add-sceneicondiv:hover { background: no-repeat; width: 225px; height: 225px; } .add-sceneicondiv:hover .add-sceneicon1 { background: no-repeat; } .add-sceneicondiv:hover .add-sceneicon2 { background: no-repeat; } .add-sceneicondiv:hover .add-sceneicon3 { background: no-repeat; } .add-scenetitle h3 { margin-top: 20px; margin-bottom: 20px; } .add-scenetitle p { text-align: left; padding: 0 40px; } /*现场签到 end*/ /*参会者管理*/ .add-partibj { background-image: url(/uploads/image/timages/partibj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-participantsdiv { height: 360px; } .add-particileft { height: 160px; line-height: 160px; margin-top: 0; } .add-particiright { width: 310px; } .add-particithree { overflow: hidden; } .add-particithree ul {} .add-particithree ul li { width: 425px; text-align: center; } .add-particiimg { height: 313px; line-height: 131px; overflow: hidden; } .add-particiimg img { max-width: 100%; vertical-align: middle; } .add-particicont h3 { font-size: 22px; color: #333333; line-height: 36px; margin-top: 15px; margin-bottom: 25px; } .add-particicont p { font-size: 14px; color: #999999; line-height: 30px; } /*参会者管理 end*/ /*互动墙*/ .add-wallleft { height: 140px; line-height: 140px; margin-top: 0; } /*互动墙 end*/ /*投稿审核*/ .add-submissbj { background-image: url(/uploads/image/timages/submissbj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-submssidiv { width: 525px; } .add-submisleft { height: 166px; line-height: 166px; margin-top: 0; } .add-submisright { width: 341px; } /*投稿审核 end*/ /*现场互动*/ .add-secenhdlist { overflow: hidden; } .add-secenhdlist ul {} .add-secenhdlist ul li { width: 389px; height: 479px; float: left; overflow: hidden; } .add-secendylistimg { width: 265px; height: 206px; line-height: 206px; overflow: hidden; margin: 0 auto; padding-top: 30px; margin-bottom: 35px; } .add-secendylistimg img { max-width: 100%; vertical-align: middle; } .add-secendylistcont { text-align: center; width: 245px; margin: 0 auto; } .add-secendylistcont h3 { font-size: 20px; color: #333333; line-height: 36px; font-weight: bold; margin-bottom: 10px; } .add-secendylistcont p { font-size: 14px; color: #666666; line-height: 36px; } .add-secenhdlist ul li:hover { background: no-repeat; } .add-secenyy { background: no-repeat center; height: 1226px; } /*现场互动 end*/ /*数据报告*/ .add-number { background: #f6fcff; width: 100%; z-index: 10; } .add-numberlist { overflow: hidden; padding-top: 25px; padding-bottom: 25px; } .add-numberlist ul { margin-right: -150px; } .add-numberlist ul li { float: left; width: 132px; text-align: center; margin-right: 133px; } .add-numberimg { height: 70px; line-height: 70px; overflow: hidden; } .add-numberimg img { max-width: 100%; vertical-align: middle; } .add-numberh3 { font-size: 16px; color: #333333; line-height: 40px; } .add-numberul ul li { border-bottom: 1px solid #e5e5e5; } .add-numberulleft { width: 390px; height: 400px; line-height: 400px; overflow: hidden; text-align: center; } .add-numberulleft img { max-width: 100%; vertical-align: middle; } .add-numberulright { width: 750px; } .add-numberulright h3 { font-size: 24px; color: #333333; line-height: 40px; margin-top: 75px; margin-bottom: 15px; } .add-numberulright p { font-size: 14px; color: #999999; line-height: 36px; } .add-numberul ul li:last-child { border-bottom: 0; } /*数据报告 end*/ /*通知系统*/ .add-noticelist ul li { margin-right: 80px; } /*通知系统 end*/ .add-slidheidht { margin-top: 110px; } /*产品报价*/ .add-offerbj { background-image: url(/uploads/image/timages/offerbj.png); background-repeat: no-repeat; background-position: center; background-size: inherit; } .add-offer-table {} .add-offer-table .card { border-radius: 4px; overflow: hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.04); background-color: #fff; color: #535353; font-size: 14px; } .add-offer-table .table { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; } .add-offer-table .table-header-wrap .table-header { border-radius: 4px 4px 0 0; overflow: hidden; background: #fff; border-collapse: separate; } .add-offer-table .text-gray { color: #b2b2b2; } .add-offer-table .table-cell { display: table-cell; vertical-align: middle; width: 210px; height: 42px; border: 1px solid #eee; border-top: 0; border-left: none; font-size: 14px; box-sizing: content-box; } .add-offer-table .first-col { width: 356px; } .add-offer-table .table-header-wrap .table-header .table-cell { vertical-align: top; } .add-offer-table .table-header-wrap .table-header .topline { width: 100%; height: 6px; display: block; margin-bottom: 42px; } .add-offer-table .table-header .first-col .topline { margin-bottom: 54px; } .add-offer-table .table-header-wrap .table-header .topline.is-desc { background-color: #dcdcdc; } .add-offer-table .table-header-wrap .table-header .service-list { font-size: 22px; height: 108px; } .add-offer-table .service-type { width: 117px; border-bottom: 0; } .add-offer-table .table-header-wrap .table-header .service-type { font-size: 16px; height: 60px; vertical-align: middle!important; } .add-offer-table .table-header-wrap .table .table-cell, .add-offer-table .table .table .table-cell { border-top: 0; } .add-offer-table .service-content { width: 238px; } .add-offer-table .table-header-wrap .table-header .service-content { font-size: 16px; height: 60px; border-bottom: 0; border-right: 0; vertical-align: middle!important; } .add-offer-table .table-header-wrap .table-header .topline { width: 100%; height: 6px; display: block; margin-bottom: 42px; } .add-offer-table .table-header-wrap .table-header .topline.is-free { background-color: #99ebbe; } .add-offer-table .table-header-wrap .table-header .table-header-title { line-height: 1; font-size: 18px; color: #000; margin-bottom: 10px; font-weight: normal; } .add-offer-table .table-header-wrap .table-header .table-header-price { line-height: 1; color: #898989; margin-bottom: 20px; height: 20px; line-height: 20px; } .add-offer-table .strong { color: #ff4d4d; font-size: 20px; font-weight: 400; } .add-offer-table .table-header-wrap .table-header .table-header-price .free { font-size: 16px; } .add-offer-table .table-header-wrap .table-header .table-header-link { margin-bottom: 10px; height: 32px; line-height: 32px; } .add-offer-table .button { font-size: 14px; text-align: center; color: #fff; width: 110px; height: 32px; line-height: 32px; border-radius: 32px; background: #12cd80; display: inline-block; transition: background .2s; } .add-offer-table .table-header-wrap .table-header .topline.is-by { background-color: #fed696; } .add-offer-table .button.is-warning { background: #ffaa30; } .add-offer-table .table-header-wrap .table-header .topline.is-bj { background-color: #fcb6b4; } .add-offer-table .button.is-danger { background: #ff4d4d; } .add-offer-table .table-header-wrap .table-header .topline.is-zs { background-color: #a1c8fe; } .add-offer-table .table-header-wrap .table-header .table-header-hot-icon { vertical-align: top; margin-left: 5px; } .add-offer-table .button.is-primary { background: #448fff; } .add-offer-table .table td { margin: 0; padding: 0; } .add-offer-table .service-content { width: 238px; } .add-offer-table .table td { margin: 0; padding: 0; } .add-offer-table .highlight-text.is-zs { color: #3f8bff; } .add-offer-table .table tr .table-cell:last-child { border-right: 0; } .add-offer-table .card .card { margin-top: 5px; } /*产品报价 end*/ /*返回*/ .c_nav { position: fixed; right: 10px; z-index: 9999; width: 72px; top: 50%; margin-top: -158px; display: none; } .c_nav li { float: right; } .c_nav li.li1 { -webkit-animation: rotateindownleft 1.5s 0.5s ease both; -moz-animation: rotateindownleft 1.5s 0.5s ease both; } .c_nav li.li1 a { background: #0aa1e6; color: #fff; transition: all 0.5s; } .c_nav li a { display: block; width: 70px; height: 70px; border-radius: 5px; background: #fff; border: #0aa1e6 1px solid; color: #0aa1e6; font-size: 12px; text-align: center; margin-bottom: 9px; line-height: 1; } .c_nav li a:hover { color: #0aa1e6; } .c_nav li.li1 i { background: url(/uploads/image/timages/aht_09.png) center no-repeat; } .c_nav li a i { display: inline-block; width: 30px; height: 28px; padding: 11px 0 9px 0; transition: all 0.5s; } .c_nav li a p { font-size: 12px; line-height: 1; } .c_nav li.li3 { -webkit-animation: rotateindownright 1.5s 1s ease both; -moz-animation: rotateindownright 1.5s 1s ease both; } .c_nav li.li3 a { position: relative; transition: all 0.5s; } .c_nav li.li3 i { background: center no-repeat; } .c_nav li.li3 .img { width: 108px; padding: 15px; border-radius: 5px; background: #0aa1e6; position: absolute; left: 180px; top: -48px; } .c_nav li.li3 .img img { width: 108px; height: 108px; display: block; } .c_nav li.li3 .img p { font-size: 16px; color: #fff; margin-top: 8px; letter-spacing: 2px; } .c_nav li.li2 { -webkit-animation: rotateindownleft 1.5s 1.5s ease both; -moz-animation: rotateindownleft 1.5s 1.5s ease both; } .c_nav li.li2 a { overflow: hidden; position: relative; transition: all 0.5s; } .c_nav li.li2 .hides { width: 230px; height: 70px; position: absolute; left: 0px; top: 0px; background: url(/uploads/image/timages/aht_20.png) 175px center no-repeat #0aa1e6; padding: 0 15px; text-align: left; display: none; } .c_nav li.li2 .hides h2 { font-size: 12px; color: #fff; line-height: 1; padding: 17px 0 7px 0; } .c_nav li.li2 .hides p { font-size: 22px; color: #fff; line-height: 1; font-weight: normal; } .c_nav li.li2 i { background: url(/uploads/image/timages/aht_17.png) center no-repeat; } .c_nav li.li4 { -webkit-animation: rotateindownright 1.5s 2s ease both; -moz-animation: rotateindownright 1.5s 2s ease both; } .c_nav li.li4 i { background: url(/uploads/image/timages/aht_25.png) center no-repeat; } .c_nav li.li1 a:hover { background: #0aa1e6; color: #fff; } .c_nav li a:hover i { transform: rotate(360deg); } .c_nav li.li2 a:hover .hides { display: block; } .c_nav li.li2 a:hover .shows { display: none; } .c_nav li.li2 a:hover { width: 230px; } .top_return { width: 80px; height: 80px; position: fixed; right: 10px; bottom: 160px; background: url(/uploads/image/timages/zlt.png) center no-repeat; background-position: 0 0; transition: all 0.3s; z-index: 9999; cursor: pointer; /*display: none;*/ } /*返回 end*/ /*周年庆*/ .add-yearbj { width: 100%; background: center 0 no-repeat; height: 2628px; } .add-yeardiv { height: 1030px; width: 100%; } .add-yearone { width: 1025px; height: 570px; position: relative; margin: 0 auto; } /*标题*/ .addyeartitle { height: 140px; line-height: 140px; font-size: 76px; color: #fff; text-align: center; margin-bottom: 33px; } /*标题 end*/ .div_top { margin: 0 auto; width: 100%; height: 292px; } .div_top_one { cursor: pointer; width: 498px; height: 100%; background-color: #fff; display: inline-block; float: left; transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; } /*网站专业版*/ .yeardivbj1 { background: no-repeat; } .addyeradiv1 { font-size: 20px; line-height: 24px; display: block; width: 100%; height: 24px; margin-top: 32px; } .div_top_one div { display: inline-block; } .addyeardivleft { font-size: 22px; color: #000000; text-indent: 50px; } .yearicon { height: 24px; vertical-align: top; } .addyeardivright { font-size: 18px; color: #ffffff; position: relative; right: 28px; line-height: 20px; } .addyeardivright div { display: inline-block; } .addyeardiv1cont { width: 100%; margin-top: 28px; height: 108px; overflow: hidden; } .addyeardiv1contleft { width: 108px; height: 108px; text-indent: 50px; } .addyeardiv1contleft img { width: 108px; height: 108px; } .addyeardiv1contright { width: 290px; } .addyeardiv1contright h3 { font-size: 16px; color: #000000; height: 30px; line-height: 30px; margin-top: 10px; } .addyeardiv1contul li { background: no-repeat left center; font-size: 14px; color: #000000; text-indent: 1em; } .addyeardiv1foot { width: 100%; } .addyeardiv1foot div { display: inline-block; } .addyera1footleft { width: 41%; font-size: 18px; color: #000000; text-align: center; margin-top: 8px; } .addyera1footleft span { font-size: 24px; color: #f33f3e; } .addyera1footright { width: 40%; text-align: right; padding-right: 30px; } .addyearpricold { text-decoration: line-through; font-size: 16px; line-height: 24px; color: #fff; opacity: .5; } .addyearpric { font-size: 16px; color: #fff; } .addyearpric span { font-size: 30px; font-weight: bold; } .addyearbuy { font-size: 16px; color: #ede404; } /*网站专业版 end*/ /*会议系统*/ .addyearbjcolor { color: #fd7442; font-size: 24px; } /*会议系统 end*/ /*div_buttom*/ .div_buttom { margin: 0 auto; width: 100%; height: 260px; margin-top: 16px; } .addyeartwo { background: no-repeat; cursor: pointer; width: 327px; height: 100%; background-color: white; display: inline-block; float: left; transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; } .addyeartwo .addyeradiv1 { margin-top: 31px; } .addyeartwo .addyeardivleft { font-size: 20px; text-indent: 35px; margin-top: -2px; } .addyeartwo .addyeardivright { font-size: 16px; line-height: 18px; } .addyeartwo .addyeardiv1cont { height: 84px; margin-top: 25px; } .addyeartwo .addyeardiv1contleft { width: 84px; height: 84px; text-indent: 35px; } .addyeartwo .addyeardiv1contleft img { width: 84px; height: 84px; } .addyeartwo .addyeardiv1contright { width: 190px; } .addyeartwo .addyera1footleft { width: 48%; } .addyearzucolor { font-size: 18px; color: #743df1; } .addyeartwo .addyera1footright { padding-right: 20px; width: 45%; padding-top: 15px; } .addyeartwo .addyearpricold { font-size: 14px; } .addyeartwo .addyearpric { font-size: 14px; } .addyeartwo .addyearpric span { font-size: 24px; } .addyearzycolor { color: #f34140; } .addyearjccolor { color: #02c5e9; } .div_top_one:hover, .addyeartwo:hover { transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); box-shadow: 0 6px 8px 0 rgba(155, 0, 0, 0.24); } /*div_buttom end*/ /*第二部分*/ .add-year-two { margin-top: 146px; } .add-yeartwodiv { width: 1028px; height: 424px; position: relative; margin: 0 auto; } .add-yeartwodivlist {} .add-yeartwodivli { cursor: pointer; width: 327px; height: 206px; background-color: #fff; display: inline-block; float: left; transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; margin-bottom: 12px; } .add-yeartwodivlip { margin-left: 25px; margin-right: 25px; padding-top: 30px; height: 106px; overflow: hidden; } .add-yeartwodivleftp { width: 78px; height: 60px; line-height: 60px; } .add-yeartwodivleftp img { vertical-align: middle; max-width: 100%; } .add-yeartwodivrifhtp { width: 198px; } .add-yeartwodivrifhtp h3 { font-size: 18px; color: #000000; } .add-yeartwodivul li { background: url(/uploads/image/timages/yearlibj.png) no-repeat left center; font-size: 14px; color: #000000; text-indent: 1em; } .add-yeartwotitle { background: #9b47fe; padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 5px; } .add-yeartwotip { width: 230px; } .add-yeartwoh3 { font-size: 18px; color: #ffffff; margin-bottom: 5px; } .add-yeartwoh3 span { font-size: 18px; font-weight: bold; } .add-yeartwoli { font-size: 14px; color: #ffffff; } .add-yeartwoli span { text-decoration: line-through; opacity: 0.5; } .add-yeartwotibnt { background: no-repeat; width: 55px; height: 55px; overflow: hidden; font-size: 16px; color: #333333; text-align: center; padding-top: 4px; } .add-yeartwowidth { width: 185px; } .add-yeartwotibnt2 { background: no-repeat; width: 106px; height: 30px; font-size: 16px; color: #333333; text-align: center; padding-top: 3px; } .add-yeartwoli strong { font-size: 24px; } .add-yeartwolistheight .add-yeartwodivlip { height: 135px; } .add-yeartwodivli:hover { transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); box-shadow: 0 6px 8px 0 rgba(155, 0, 0, 0.24); } /*第二部分 end*/ @media screen and (max-width: 1366px) { .add-yearbj { width: 100%; background: center 0 no-repeat; height: 2628px; } } /*周年庆 end*/ /*首页成功案例改*/ .add-index-anli { overflow: hidden; } .add-index-anli ul { margin-right: -32px; } .add-index-anli ul li { width: 380px; float: left; margin-right: 30px; margin-bottom: 11px; } .add-index-anli ul li img { width: 380px; height: 240px; background-color: #d7d7d767; object-fit: cover; border-radius: 8px; } .add-index-anli ul li h3 { font-size: 18px; color: #666; font-weight: 300; margin: 8px 0 8px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .add-index-anli ul li:hover h3 { color: #0aa1e5; } /*首页成功案例改 end*/ /*新加的*/ .add-applydiv { background: no-repeat 100% 100%; height: 200px; } .add-applyh3 { font-size: 34px; color: #fff; text-align: center; padding-top: 40px; padding-bottom: 39px; } .add-applyinput { width: 430px; height: 45px; border: 0; border-radius: 5px; background: #fff; font-size: 16px; padding-left: 15px; margin-right: 40px; } .add-applysub { background: no-repeat 100% 100%; width: 220px; height: 48px; border: 0; line-height: 48px; font-size: 16px; color: #fff; text-align: center; padding: 0; cursor: pointer; } /*新加的 end*/ /*视频弹出*/ .add-videoclick { width: 248px; height: 135px; /* position: fixed; left: 0; top:30%;*/ cursor: pointer; background: no-repeat; } .add-videoclick:hover { background: no-repeat; } /*视频弹出 end*/ /*新解决方案*/ .index-add-prodbj { padding-top: 30px; background: no-repeat 100% 100%; height: 737px; box-sizing: border-box; overflow: hidden; } .index-add-prodbj *{ box-sizing: border-box; } .works_section{ margin: 0 auto; margin-top: 35px; padding: 30px; padding-bottom: 10px; width: 1200px; background: #fff; overflow: hidden; } .works_list{ width: 100%; overflow: hidden; } .works_list li{ float: left; display: flex; align-items: center; margin-right: 20px; margin-bottom: 20px; padding: 15px 30px; width: 270px; height: 60px; background: rgba(13, 114, 236, .1); } .works_list li:nth-child(4n){ margin-right: 0; } .works_list li .icon_box{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; } .works_list li p{ margin-left: 10px; font-size: 16px; color: #333; font-weight: bold; } .add-index-prodeh3 { color: #fff !important; } .add-index-prodeh3 span { color: #fff !important; } .index-slide-div { background: #fff; position: relative; } .index-slide-divslide { width: 1085px; margin: 0 auto; padding-bottom: 30px; height: 485px; overflow: hidden; } .index-slide-divslide .swiper-container { height: 400px; } .index-slide-div .arrow-left { background: url(/uploads/image/timages/addimgleft.png) no-repeat; width: 35px; height: 140px; display: block; position: absolute; left: 0; top: 187px; } .index-slide-div .arrow-right { background: url(/uploads/image/timages/addimgright.png) no-repeat; width: 35px; height: 140px; display: block; position: absolute; right: 0; top: 187px; } .index-slide-divslide .tabs { padding-top: 30px; padding-bottom: 15px; } .index-slide-divslide .tabs a { margin: 0 27px; padding-bottom: 5px; margin-right: 115px; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; color: #333333; border-bottom: 2px solid transparent; } .index-slide-divslide .tabs a:last-child { margin-right: 0; } .index-slide-divslide .tabs .active { color: #1e7ee5; border-color: #1e7ee5; } .index-swipleft { width: 600px; height: 400px; } .index-swipleft img { width: 600px; height: 400px; } .index-swipright { width: 431px; } .index-swipright h3 { font-size: 24px; color: #333333; margin-top: 20px; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .add-ddd { font-size: 14px; color: #666666; line-height: 30px; height: 310px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .add-span { color: #0aa1e5; } /*新解决方案 end*/ /* 最新案例 */ .case_section { padding-top: 40px; padding-bottom: 70px; width: 100%; overflow: hidden; } .case_section .case_list { margin-top: 40px; width: 100%; } .case_section .case_list li { float: left; margin-right: 20px; width: 385px; } .case_section .case_list li:nth-child(3n) { margin-right: 0; } .case_section .case_list li img { width: 100%; height: 200px; } .case_section .case_list li p { margin-top: 10px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .case_section .case_list li:hover p { color: #1e7ee5; } .case_section .case_more, .meeting_section .case_more { display: block; margin: 0 auto; margin-top: 40px; width: 140px; height: 40px; font-size: 14px; color: #666; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #dcdcdc; } .case_section .case_more:hover, .meeting_section .case_more:hover { color: #fff; background: #1e7ee5; border-color: #1e7ee5; } /* 数字会议 */ .conference_section { padding-top: 40px; padding-bottom: 35px; width: 100%; background: url(/uploads/image/tinewhy/bg1.jpg) no-repeat; background-size: 100% auto; overflow: hidden; } .conference_section .index-prodeh3 { color: #fff; } .conference_list { margin-top: 60px; width: 100%; } .conference_list li { position: relative; float: left; width: 400px; text-align: center; } .conference_list li img { height: 40px; } .conference_list li h1 { margin-top: 15px; margin-bottom: 25px; font-size: 36px; color: #fff; font-weight: bold; } .conference_list li p { font-size: 16px; color: #fff; } .conference_list li:nth-child(2)::after, .conference_list li:nth-child(2)::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1px; height: 130px; background: #fff; } .conference_list li:nth-child(2)::before { left: 0; } .conference_list li:nth-child(2)::after { right: 0; } .cooperation_section { margin-top: 55px; width: 100%; height: 545px; background: #fff; border-radius: 10px; -moz-box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); -webkit-box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); } .cooperation_section .item_cont { padding: 50px 24px; overflow: hidden; } .cooperation_section .item_cont img { max-width: 100%; } /* 最新会议 */ .meeting_section { padding-top: 5px; padding-bottom: 60px; overflow: hidden; } .meeting_list { margin-top: 40px; width: 100%; } .meeting_list li { float: left; margin-right: 20px; width: 285px; background: #fff; -moz-box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); -webkit-box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); box-shadow: 0px 0px 18px rgba(62, 129, 192, .15); } .meeting_list.two li { margin-bottom: 20px; } .meeting_list li:nth-child(4n) { margin-right: 0; } .meeting_list li img.meet_img { width: 100%; height: 197px; } .meeting_list li .item_cont { padding: 10px 15px; overflow: hidden; } .meeting_list li .item_cont h6 { margin-bottom: 10px; height: 48px; font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /*要显示的行数*/ overflow: hidden; } .meeting_list li:hover h6 { color: #1e7ee5; } .meeting_list li .item_cont p { font-size: 14px; color: #999; line-height: 24px; } .meeting_list li .item_cont p img { position: relative; top: 2px; margin-right: 5px; } .meeting_list li .item_cont p span { color: #ff7d13; } /*新加的*/ .index-addfooot { background: url(/uploads/image/timages/add-fimg.png) no-repeat 100% 100%; height: 135px; } .index-addfoootleft { font-size: 22px; color: #fff; line-height: 43px; width: 245px; padding-top: 27px } .index-addfoootright { width: 578px; } .index-addfoootright ul li { float: left; margin-left: 60px; } .index-addfoootright ul li h3 { font-size: 40px; color: #fff; background: url(/uploads/image/timages/addfoh3bj.png) no-repeat left bottom; padding-top: 24px; padding-bottom: 25px; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .index-addfoootright ul li p { font-size: 14px; color: #fff; } /*新加的 end*/ /*解决问题新加的单页*/ .add-slidheidht2 { background: url(/uploads/image/timages/addimgque.png) no-repeat 100% 100%; height: 300px; overflow: hidden; } .add-slidheidhtd { text-align: left; } .add-slidheidhtd h3 { font-size: 30px; color: #ffffff; } .add-slidheidhtd p { font-size: 16px; color: #fff; line-height: 30px; } .qestion-p { font-size: 16px; color: #666666; line-height: 36px; margin-top: 25px; } .qestion-h3 { font-size: 30px; color: #333333; font-weight: bold; text-align: center; /* margin-top: 70px;*/ /* margin-bottom: 40px;*/ } .qestion-divul { overflow: hidden; padding: 10px 0; margin-top: 30px; } .qestion-divul ul { margin-right: -35px; } .qestion-divul ul li { float: left; width: 310px; height: 470px; text-align: center; padding: 0 30px; margin-right: 33px; margin-left: 6px; } .qestion-divul ul li:hover { border-radius: 20px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 10px 0px rgba(184, 184, 245, 0.44); } .qestion-divulicon { height: 217px; margin-top: 30px; } .qestion-divulicon img { height: 217px; } .qestion-divulh31 { font-size: 20px; color: #333333; margin-top: 25px; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .qestion-divp { font-size: 14px; color: #666666; line-height: 30px; height: 145px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .qestion-bj { background: #fafcff; padding-top: 40px; padding-bottom: 40px; margin-top: 40px; } .qelistimg { float: left; widows: 273px; height: 153px; } .qestion-listdiv { overflow: hidden; padding-top: 40px; padding-bottom: 10px; } .qestion-listdiv ul { margin-right: -30px; } .qestion-listdiv ul li { float: left; border-radius: 30px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 10px 0px rgba(184, 184, 245, 0.44); width: 490px; padding: 38px 45px; margin-left: 6px; margin-right: 25px; margin-bottom: 30px; } .qestion-listdiv ul li p { font-size: 16px; color: #666666; line-height: 30px; height: 90px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-top: 43px; } .qestion-per { background: url(/uploads/image/timages/qestrmg.png) no-repeat 100% 100%; height: 670px; } .qestion-perslide { position: relative; height: 463px; background: #fff; } .qestion-container { width: 1085px; margin: 0 auto; padding-bottom: 30px; height: 400px; overflow: hidden; padding-top: 30px; } .qestion-perslide .arrow-left { background: url(/uploads/image/timages/addimgleft.png) no-repeat; width: 35px; height: 140px; display: block; position: absolute; left: 0; top: 150px; } .qestion-perslide .arrow-right { background: url(/uploads/image/timages/addimgright.png) no-repeat; width: 35px; height: 140px; display: block; position: absolute; right: 0; top: 150px; } .addpalef { margin-right: 10px; } /*解决问题新加的单页 end*/