.index_broadcast{ width:100%; overflow: hidden; position: relative; } .index_broadcast .broadcast_container{ width:1920px; height:665px; position: relative; left:50%; margin-left:-960px; } .broadcast_container .item{ width:1920px; height:665px; display: inline-block; } .broadcast_container .item img{ width: 100%; height:665px; } .index_broadcast_pagination{ position: absolute; width:100%; bottom: 53px; right: 360px; text-align: right; } .swiper-pagination-switch { /* stylize pagination button: */ width:82px; height:6px; display: inline-block; vertical-align: top; background: #969696; margin:0 5px; cursor:pointer; } .swiper-active-switch { background: #004193; /* specific active button style: */ } .swiper-visible-switch { /* specific visible button style: */ } .index_menu{ width:100%; position: fixed; left:0; bottom: 0; text-align: center; z-index:10; display: none; } .index_menu .item{ width:188px; height:70px; padding:20px 10px 20px 3px; display: inline-block; vertical-align: top; margin:0 0.5px; text-align: left; filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#9900429e,endcolorstr=#9900429e); background-color:rgba(0, 66, 158, 0.6); cursor:pointer; } .index_menu .item img{ width:70px; height:70px; display: inline-block; vertical-align: middle; margin-right:7px; } .index_menu .item .selected{ display: none; } .index_menu .item .label{ display: inline-block; vertical-align: middle; width: 111px; height:60px; position: relative; } .index_menu .title{ font-size:16px; line-height: 22px; color:#fff; } .index_menu .intro{ font-size:12px; line-height: 14px; position: absolute; left:0; bottom:0; color:#fff; } .index_menu .item:hover .selected{ display: inline-block; } .index_menu .item:hover .unselected{ display: none; } .index_menu .item:hover .title,.index_menu .item:hover .intro{ color:#0bb2ff; } /* 首页产品 */ .index_product{ width:100%; position: relative; /* background-color:#dde3eb; */ background-color:#ffffff; padding:60px 0; margin-top:10px; } .product_title{ width: 1200px; margin: 0 auto; position: relative; } .product_title p{ font-size: 16px; line-height: 22px; letter-spacing:10px; color: #939393; } .product_title p span{ display: inline-block; width: 15px; height: 15px; background: #4273e6; margin-right: 10px; vertical-align: middle; position: relative; top: -1px; } .product_title h1{ /* font-size: 40px; color: #0052b9; padding-left: 25px; */ font-family: pingfangsc-semibold; font-size: 40px; color: #4273e6; } .product_img{ position: absolute; right: 0; top: 0; } .product_title_swiper{ width:1200px; position: relative; overflow:hidden; margin: 0 auto; } .product_title_swiper .swiper-wrapper{ padding-left: 0px!important; padding-right: 50px!important; width: 1000px; transform: translate3d(0px, 0px, 0px)!important; overflow: hidden; } .product_title_swiper .item{ display: block; width: 240px; height: 170px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-backface-visibility: hidden; text-align: center; vertical-align: middle; color:#333; position: relative; overflow: hidden; margin-right: 5px; } .product_title_swiper .item .image{ width: 240px; } .product_title_swiper .item .item_title{ width: 240px; height: 170px; line-height: 170px; background: rgba(6,25,47,0.60); color: #fff; font-size: 21px; position: absolute; left: 0; top: 0; } .product_title_swiper .more_product{ display: block; width: 220px; height: 170px; background: #004193; position: absolute; right: 0; top: 0; } .product_title_swiper .more_product .btn_text{ display: block; text-align: center; font-size: 21px; line-height: 170px; color: #ffffff; } .product_title_swiper .swiper-slide-active .item .item_title{ width: 240px; height: 170px; overflow: hidden; background: rgba(0,47,159,0.80); } .product_swiper{ width:1200px; height:450px; position: relative; overflow:hidden; /* margin-top:90px; */ margin:20px auto 0; } .product_swiper .item{ width:1200px; height:450px; padding:0 115px 0 0; display: inline-block; vertical-align: middle; } .product_swiper .item .image{ width:450px; height:450px; display: inline-block; vertical-align: middle; margin-right:60px; } .product_swiper .item .image:hover{ transform: scale(1.1); transition: 1s ease; } .product_swiper .item .product_info{ display: inline-block; vertical-align: middle; width:490px; height:372px; position: relative; } .product_swiper .item .type{ font-size:40px; color:#333; font-weight: 600; line-height: 56px; } .product_swiper .item .name{ font-size:24px; margin-top:8px; color:#0052b9; line-height: 28px; } .product_swiper .item .intro{ font-size:16px; line-height: 26px; min-height:130px; color:#666666; margin-top:36px; } .product_swiper .item .btns{ margin-top:27px; height:47px; } .product_swiper .item .btn{ line-height: 50px; width:235px; text-align: center; border: 1px solid #0052b9; display: inline-block; } .product_swiper .item .learn_more{ margin-right:10px; } .product_swiper .item .btn_img{ width:38px; height:20px; display: inline-block; vertical-align: middle; margin-right:10px; } .product_swiper .item .btn_text{ display: inline-block; font-size:18px; color: #0052b9; vertical-align: middle; } .product_swiper_prev{ width:50px; height:50px; cursor:pointer; position: absolute; bottom: 240px; margin-top: -17px; right: 80px; } .product_swiper_next{ width:50px; height:50px; position: absolute; right:0; bottom: 240px; cursor:pointer; } .product_pagination{ margin-top:20px; text-align: center; } /* 辰竹学院 */ .index_school{ background-color:#fff; padding-top:40px; margin-top:10px; } .index_school>.title{ font-size:24px; color:#333; line-height: 33px; text-align: center; } .index_school>.line{ width:78px; height:2px; margin:3px auto 0 auto; } .index_school .school_main{ width: 1200px; margin: 50px auto 0; } .index_school .type{ width: 223px; padding-bottom:35px; text-align: center; float: left; } .index_school .type .item{ display: inline-block; width:223px; height: 138px; cursor:pointer; background: #004193; transition: all .3s; } .index_school .type .item img{ width:96px; height: 0; display: inline-block; margin-top:9px; } .index_school .type .item .name{ font-size:18px; color: #fff; line-height: 138px; opacity: 0.4; transition: all .3s; } .index_school .type .item .item_icon{ display: inline-block; width: 110px; height: 0; transition: all .3s; } .index_school .type .item .name:hover{ opacity: 1; } .index_school .type .item .sj{ width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #f9f9f9; position: absolute; bottom:-36px; left:50%; margin-left:-20px; display: none; } .index_school .type .item:nth-child(1) .item_icon{ background: url(/uploads/image/pimages/quick_answer_icon.png); } .index_school .type .item:nth-child(2) .item_icon{ background: url(/uploads/image/pimages/features_icon.png); } .index_school .type .item:nth-child(3) .item_icon{ background: url(/uploads/image/pimages/use_tips_icon.png); } .index_school .type .item:nth-child(4) .item_icon{ background: url(/uploads/image/pimages/application_cases_icon.png); } .index_school .type .item.selected{ background: #0052b9; height: 198px; } .index_school .type .item.selected .name{ line-height: 25px; opacity: 1; /* box-shadow:0 0 8px 0 rgba(216, 216, 216, 0.5); */ } .index_school .type .item.selected .item_icon{ height: 110px; margin-bottom: 12px; margin-top: 15px; } .index_school .type .item:hover,.index_school .type .item:hover{ /* box-shadow:0 0 8px 0 rgba(216, 216, 216, 0.5); */ } .index_school .type .item.selected .sj{ display: none; } .school_content_list{ width:939px; display: none; float: left; } .school_content_list .item{ margin-left: 12px; margin-bottom: 12px; padding:41px; width:456px; height: 196px; cursor:pointer; background-color:#f9f9f9; display: inline-block; box-sizing: border-box; float: left; } .school_content_list .item .title{ line-height: 25px; font-size:18px; margin-bottom: 5px; color:#333; } .school_content_list .item .line_blue{ display: inline-block; width: 14px; height: 5px; background: #0052b9; margin-top: 11px; } .school_content_list .item .read{ margin-top:6px; text-align: right; margin-top: 13px; } .school_content_list .item .read img{ width:16px; height:16px; display: inline-block; margin-right:10px; vertical-align: middle; margin-top:-1px; } .school_content_list .item .read span{ display: inline-block; vertical-align: middle; /* color:#333; */ line-height: 23px; font-size: 12px; color: rgba(0,82,185,0.50); } .school_content_list .item .intro{ font-size:14px; line-height: 20px; color:#999; } .school_content_list .item:hover{ background-color:#fff; box-shadow: 0 0 10px 0 rgba(201, 201, 201, 0.5); border:1px solid #e9e9e9; } .school_content_list .item:hover .go_detail{ display: inline-block; } .school_content_list .item:hover .title{ } .school_content_list .item .go_detail{ right: 10px; top: 35px; height: 40px; position: absolute; display: none; } /* 新闻 */ .index_news{ background: url(/uploads/image/pimages/news_bg.png); padding:50px 0 90px 0; margin-top:10px; } .index_news>.title{ font-size:24px; line-height: 33px; text-align: center; } .index_news>.line{ margin:5px auto 0 auto; height:2px; width:53px; } .index_news .news_list{ margin:50px auto 0; width:1200px; position: relative; } .bit_list{ display: block; width: 1200px; position: relative; margin-bottom: 70px; color: initial; } .bit_list .bit_list_img{ width: 490px; height: 214px; overflow: hidden; position: absolute; top: 27px; z-index: 1; } .bit_list .bit_list_img img{ width: 490px; } .half_list{ display: block; float: left; color: initial; background: #ffffff; } .half_list .half_list_img{ display: inline-block; width: 316px; min-height: 124px; overflow: hidden; float: left; } .half_list .half_list_img img{ width: 316px; } .half_list_disc{ /* height: 124px; */ /* background: #fff; */ width: 410px; float: left; max-height: 100%; overflow-y: hidden; } .half_list .title{ display: inline-block; max-width: 100%; line-height: 25px; font-size: 18px; padding:25px 30px 0; box-sizing: border-box; } .half_list_disc_main{ width: 350px; margin-top: 10px; margin-bottom: 20px; font-size: 14px; padding: 0 30px; line-height: 20px; } .bit_list_disc{ width: 940px; height: 268px; float: right; background: #fff; position: relative; } .bit_list_disc .title{ width: 515px; margin-left: 300px; margin-top: 55px; line-height: 28px; font-size: 20px; } .bit_list_disc_main{ width: 515px; font-size: 14px; margin-top: 23px; color: #666; margin-left: 300px; } .bit_list_disc_date{ color: #999; position: absolute; right: 46px; top:42px; } .bit_list_disc_date_day{ font-size: 48px; text-align: center; } .bit_list_disc_date_year_month{ font-size: 12px; text-align: center; } .index_news .top{ margin:0 15px 57px 0; display: inline-block; vertical-align: top; width:378px; border:1px solid #ebebeb; border-radius:3px; background-color:#fff; cursor:pointer; } .index_news .top:hover{ box-shadow: 0 0 10px 0 rgba(201, 201, 201, 0.5); } .index_news .top img{ width:378px; height:226px; display: inline-block; } .index_news .item:before{ display: inline-block; content: ""; width: 15px; height: 15px; background: #fff; margin-right: 15px; } .index_news .item{ line-height: 40px; font-size:18px; display: block; margin-left: 30px; width:414px; cursor:pointer; color: #fff; float: right; } .index_news .item:hover{ text-decoration: underline; } /* 合作伙伴 */ .index_partner{ background-color:#dde3eb; padding:60px 0 55px 0; margin-top:10px; } .index_partner>.title{ font-size:24px; line-height: 33px; text-align: center; } .index_partner>.line{ margin:3px auto 0 auto; height:2px; width:96px; } .index_partner .list{ border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee; width:1105px; margin:41px auto 0 auto; } .index_partner .row{ border-top:1px solid #eeeeee; } .index_partner .item{ padding:15px; width:190px; height:190px; line-height: 190px; display: inline-block; vertical-align: middle; border-right:1px solid #eeeeee; } .index_partner .item img{ width:190px; max-height:190px; display: inline-block; vertical-align: middle; transition: all 0.6s; } .index_partner .item:hover{ background-color:#fff; } .index_partner .item:hover img{ transform: scale(1.1); } /* 团队 */ .index_team{ background-color:#1f1f1f; background-image:; background-repeat: no-repeat; background-position:center; height:816px; width:100%; margin-top:10px; overflow: hidden; } .team_pagination{ text-align: center; margin-top:19px; margin-bottom:80px; } .team_title_swiper{ width:1200px; position: relative; overflow:hidden; padding-top: 62px; } .team_title_swiper .item{ display: block; width: 240px; height: 33px; line-height: 33px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-backface-visibility: hidden; opacity: 0.5; filter:alpha(opacity=50); text-align: center; vertical-align: middle; font-size:24px; color:#fff; } .team_title_swiper .swiper-slide-active .item { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .team_swiper{ width:1200px; /* height: 550px; */ margin:auto; position: relative; overflow:hidden; } .team_swiper .swiper-slide .inner{ width:510px; height: 530px; padding: 20px; } .team_swiper .swiper-slide .item{ vertical-align: middle; display: block; width: 100%; height: 100%; padding:10px; position: relative; left: -10px; top: -10px; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-backface-visibility: hidden; /* opacity: 0.3; */ text-align: left; } .team_swiper .swiper-slide-active .item { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .company_news .swiper-slide-active .item img{ box-shadow: 0px 2px 5px rgba(0,0,0,1); } .team_swiper .swiper-slide .item img{ width:510px; height:306px; } .team_swiper .item .name{ font-size:18px; color:#fff; line-height: 25px; margin-top:21px; display: none; opacity: 0.5; filter: alpha(opacity=50); } .team_swiper .item .intro{ font-size:15px; color:#fff; line-height: 24px; height:96px; margin-top:38px; display: none; } .team_swiper .item .learn_more{ width:158px; height:46px; border:1px solid #fff; border-radius:4px; line-height:46px; text-align: center; margin:5px auto 0 auto; cursor:pointer; display: none; } .team_swiper .item .learn_more img{ width:38px; height:20px; display: inline-block; margin-right:11px; vertical-align: middle; } .team_swiper .item .learn_more span{ font-size:13px; color:#fff; display: inline-block; vertical-align: middle; } .index_team .swiper-slide-active .item .name,.index_team .swiper-slide-active .item .intro,.index_team .swiper-slide-active .item .learn_more{ display: block; } .index_team .swiperpre{ position: absolute; width:325px; height:306px; left:0; top:20px; background: linear-gradient(to left, rgba(31,31,31, 0.7), rgba(31,31,31, 1)); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#1f1f1f', endcolorstr='#b21f1f1f',gradienttype=1); line-height: 306px; text-align: center; cursor:pointer; } .index_team .swipernext{ position: absolute; width:325px; height:306px; right:0; top:20px; background: linear-gradient(to left, rgba(31,31,31, 1), rgba(31,31,31, 0.7)); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#b21f1f1f', endcolorstr='#1f1f1f',gradienttype=1); line-height: 306px; text-align: center; cursor:pointer; } .index_team .swiperpre img,.index_team .swipernext img{ width:34px; height:34px; display: inline-block; vertical-align: middle; } /* 关于我们 */ .index_about{ background-image:url(/uploads/image/pimages/about_bg.png); background-repeat:no-repeat; background-position:center; background-size: cover; height:535px; width:100%; padding: 67px 0 212px 0; margin-top:10px; background-attachment: fixed; } .index_about>.title{ font-size:24px; color:#fff; line-height: 33px; text-align: center; } .index_about>.line{ width:90px; height:2px; margin:3px auto 0 auto; } .index_about>tips{ font-size:14px; color:#fff; line-height: 20px; margin-top:29px; text-align: center; } .index_about .play_btn{ display: block; width:74px; height:74px; /* margin: 96px auto 0 auto; */ cursor:pointer; opacity: 0; } .index_about .stat{ /* text-align:center; */ width: 272px; height: 485px; float: left; margin-left: 63px; } .index_about .item{ vertical-align: top; padding-bottom: 28px; border-bottom: 2px solid rgba(255,255,255,0.50); } .index_about .item:last-child{ border-bottom: none; padding-bottom: 0; } .index_about .item .number{ margin-top: 28px; color:#fff; } .index_about .item:first-child .number{ margin-top: 10px; } .index_about .item .value{ line-height: 50px; display: inline-block; vertical-align: bottom; font-size:60px; position: relative; } .index_about .item .value>img{ width:30px; position: absolute; right:-15px; bottom:0; } .index_about .item .dw{ display: inline-block; font-size:16px; line-height: 20px; vertical-align: bottom; } .index_about .item .label{ font-size:14px; /* text-align:center; */ color:#fff; line-height:20px; } .index_about .video{ width:862px; height:485px; float: left; display: none; background-color: #000; } #about .page_container{ width: 1200px; } #j_prismplayer{ width: 862px!important; height: 485px!important; } @media screen and (max-width: 1600px) { #j_prismplayer{ width: 862px!important; height: 485px!important; } #about .page_container{ padding-left: 0; } }