/* ************轮播图 **************************/ .swiper-container{ margin-top: 0px; width:100%; height: auto; } .swiper-slide{ width:100%; height: auto; position: relative; } .img-responsive{ width:100%; height: 100%; } .swiper-slide p{ position: absolute; color: #fff; font-size: 50px; left:40%; top:40%; } .news{ width: 500px; height: 400px; opacity: 0.7; background: #000; position: absolute; top: 100px; right: 0; z-index: 999; padding: 20px 30px; color: #fff; } .newsheader{ padding: 10px 0; font-size: 16px; display: flex; justify-content: space-between; font-weight: 700; cursor: pointer; } .news_list{ padding: 20px 0; border-bottom: 1px solid #757575; cursor: pointer; } .news_list p{ font-size: 12px; } .news_list p:nth-of-type(1) span{ display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #d3a524; margin-right: 10px; } .news_list p:last-child{ text-align: right; margin-bottom: 0; } /* ************产融大数据 ***********************/ .about_us{ width:100%; box-sizing: border-box; padding:30px 0; } .originname{ border: 1px solid #eee; } .originname>h2{ color: #f22222; font-size: 22px; fopnt-weight:700; text-align: center; margin: 20px 0; } .originname>p{ color: #838383; text-align: center; cursor: pointer; } .origin{ padding: 10px 50px; } .origin li { margin: 8px 0; color: #838383; font-size:16px; } .origin li span{ margin-right: 20px; color: #838383; width: 24px; display: inline-block; height: 26px; text-align: center; } .origin li span.one{ background: no-repeat; display: inline-block; width: 24px; height: 26px; background-size: 100% 100%; text-align: center; color: #fff; } /* ************合作机构 ***********************/ .panner_center{ margin: 30px 10px 50px; } .panerlist{ /* display: flex; justify-content: space-between; */ } .panerlist{ /* width: 319px; height: 152px; */ padding: 20px; border: 2px solid #bfbfbf; margin-bottom: 10px; } .panerlist img{ width: 100%; height: 100%; } /* ************新闻中心 ***********************/ .active-box{ text-align: right; margin-bottom: 10px; } .news_title { width: 100%; height: 100px; line-height: 100px; font-size: 20px; color: #106bf3; text-align: center; } .active-box span { display: inline-block; width: 120px; height: 42px; text-align: center; line-height: 42px; color: #fff; background: #e8b773; margin-right: 20px; cursor: pointer; } .active-box span:nth-of-type(2){ background: #09579e; } .activelist{ /* padding: 20px; */ width: 300px; height: 400px; padding: 5px; box-sizing: border-box; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius: 5px; } .activelist img { width: 100%; margin-bottom: 10px; } .activelist p:nth-of-type(1){ color: #333333; font-size: 16px; } .activelist p:nth-of-type(2){ color: #999999; margin: 20px 0 10px; font-size: 14px; } .activelist p:nth-of-type(3){ text-align: center; color: #999999; margin-top: 20px; } .nextprev{ margin-top: 30px; text-align: center; } .nextprev img { margin-right: 10px; width: 30px; cursor: pointer; } /* ************友情链接 ***********************/ .link_center{ background: #f2f2f2; padding: 30px 0; } /* 联系我们底部 */ .contact_us_item{ text-align: center; } .contact_us_item>i{ display: block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; font-size: 40px; } .contact_us_item>h4{ height: 32px; line-height: 32px; color: #0c172b; font-size: 14px; } .contact_us_item>h5{ height: 32px; line-height: 32px; color: #e5b765; font-size: 14px; } .contact_us_item:hover i{ color: #fe871f; box-shadow: 0 2px 16px #e9eaec, 0 0 1px #e9eaec, 0 0 1px #e9eaec inset; } /* ***********************动画 ************************/ @-webkit-keyframes fadein { 0% { opacity: 0; /*初始状态 透明度为0*/ } 50% { opacity: 0.3; /*中间状态 透明度为0*/ } 100% { opacity: 0.7; /*结尾状态 透明度为1*/ } } /* 媒体查询 */ @media screen and (max-width: 768px){ .img_context_title { font-size: 10px; font-family: pingfang sc; font-weight: bold; color: #333333; /*line-height: 30px;*/ } .img_context_content { font-size: 10px; font-family: pingfang sc; font-weight: 400; color: #333333; /*line-height: 30px;*/ } .list_img { height: 200px!important; } .img_context_bar { bottom: 0!important; right: 0!important; width: 100%!important; } .img_context_hover { width: 100%!important; margin-top: 0px!important; } .img_context_hover_top { font-size: 20px!important; } .link_list_bar { flex-direction: column!important; } .us_info_bar { flex-direction: column!important; } .us_info_left { margin-right: 0!important; margin-bottom: 20px!important; } .us_info_right { width: 100%!important; } .us_list_item { margin-bottom: 20px!important; } .round_title { margin: 5px 0!important; } .area_title-bar { font-size: 20px!important; } .area_title { line-height: 46px!important; } .swiper-container{ } .swiper-slide p{ font-size: 24px; } .pro_center_sup .pro_center_sub .pro_center_sub_arrow{ display: none; } } @media screen and (max-width: 440px){ .originname{ margin: 15px 0; } #my_header{ height: 50px; } .origin{ padding: 20px; } .origin li{ font-size: 14px; } .phone_down{ margin-top:50px; width: 100%; height:70px; background: #fff; } .close{ width: 5%; float: left; font-weight: 100; line-height: 70px; font-size: 40px; } .app_tip_box{ width: 20%; height: 100%; } .app_tip_box img{ width: 100%; height: auto; } .app_tip_title{ width: 50%; height: 100%; } .app_tip_title h3{ font-size:16px; line-height: 40px; font-weight: 700; } .app_tip_title h4{ font-size:14px; line-height: 20px; font-weight: 100; } .app_link{ display: block; width: 25%; height: 100%; line-height: 70px; background: #67b6ff; color: #fff; font-size: 18px; text-align: center; } /* ************关于我们 ***********************/ .about_us{ padding:40px 0; } .about_us_des{ padding:0 30px; margin-bottom: 20px; } .about_us_des>h3{ height:40px; font-size: 30px; font-weight :bold; line-height: 40px; } .about_us_des>.title_bg{ height:46px; background: no-repeat center; } .about_us_des>h4{ height:26px; font-size: 30px; color: #727272; font-weight :bold; line-height: 26px; margin-bottom: 25px; } .about_us_des .button_group{ width:100px; height:40px; border:1px solid #ff9102; line-height:40px; border-radius: 20px; margin-top:25px; font-size: 16px; } /* ************产品中心 ***********************/ .pro_center{ width:100%; position: relative; background: no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; } .pro_center_title{ color: #fff; height:200px; padding-top:20px; box-sizing: border-box; background: transparent; text-align: center; } .pro_center_title>h2{ font-size: 30px; height:60px; line-height: 60px; } .pro_center_title>.title_bg{ height:40px; background: no-repeat center; } .pro_center_title>h3{ font-size: 30px; height:50px; line-height: 50px; } .pro_list_box{ width:100%; height:auto; background: #fff; } .pro_list_box>.container>.row{ margin-top:0; } .pro_center_sup{ position: relative; } .pro_center_sup>.black_mask{ display: none; z-index: -3; } .pro_center_item_des>a{ display: block; width:90px; height: 30px; color: #fff; font-size: 16px; background: #ff9102; border:1px solid #fff; border-radius: 20px; line-height: 30px; text-align: center; box-shadow: 0 2px 16px #ff9102, 0 0 1px #ff9102, 0 0 1px #ff9102; margin-bottom: 20px; } .pro_center_sup:nth-child(3), .pro_center_sup:nth-child(4){ display: none; } .pro_center_sup:nth-child(1) .pro_center_sub:nth-child(2), .pro_center_sup:nth-child(2) .pro_center_sub:nth-child(2), .pro_center_sup:nth-child(3) .pro_center_sub:nth-child(1), .pro_center_sup:nth-child(4) .pro_center_sub:nth-child(1), .pro_center_sup:nth-child(5) .pro_center_sub:nth-child(2), .pro_center_sup:nth-child(6) .pro_center_sub:nth-child(2) { position: relative; } .pro_center_sup:nth-child(1) .pro_center_sub:nth-child(2) .pro_center_sub_arrow, .pro_center_sup:nth-child(2) .pro_center_sub:nth-child(2) .pro_center_sub_arrow, .pro_center_sup:nth-child(5) .pro_center_sub:nth-child(2) .pro_center_sub_arrow, .pro_center_sup:nth-child(6) .pro_center_sub:nth-child(2) .pro_center_sub_arrow { position: absolute; font-size: 30px; left:-21px; top:10%; color: #fff; } .pro_center_sup:nth-child(3) .pro_center_sub:nth-child(1) .pro_center_sub_arrow, .pro_center_sup:nth-child(4) .pro_center_sub:nth-child(1) .pro_center_sub_arrow { position: absolute; font-size: 30px; right:-21px; top:10%; color: #fff; z-index: 2; } .pro_center_item_des{ height:100%; box-sizing: border-box; padding-top:14px; background: #fff; } .pro_center_item_des>h3{ height:74px; line-height: 74px; font-size: 30px; color: #e5b765; } .pro_center_item_des>.start_box{ font-size: 25px; color: #ff9102; } .pro_center_item_des>h4{ color: #fe0101; margin-top:45px; } /* ************新闻中心 ***********************/ /* .news{ width:100%; position: relative; background: no-repeat; background-size: 100% 100%; background-position: center; background-attachment: fixed; } */ /* 新闻标题 */ .news_title{ color: #fff; padding-top:20px; box-sizing: border-box; background: transparent; text-align: center; } .news_title>h2{ font-size: 30px; height:60px; line-height: 60px; } .news_title>.title_bg{ height:40px; background: no-repeat center; } .news_title>h3{ font-size: 30px; height:50px; line-height: 50px; } /* 新闻内容 */ .news .news_box{ width:100%; background: #fff; padding:50px 0; } /* 左侧最新新闻 */ .newest{ height:400px; border:1px solid #000000; } .newest>h3{ height: 50px; line-height: 50px; color: #434343; font-size: 30px; } .newest>h4{ width:130px; height: 50px; line-height: 50px; color: #434343; font-size: 30px; border-bottom: 2px solid #3b3b3b; margin-bottom: 12px; } .newest>h2{ height: 80px; line-height: 80px; color: #e5b765; font-size: 30px; } .newest>p{ margin-bottom: 60px; } .newest>a{ display: block; width:110px; height: 40px; color: #fff; font-size: 20px; background: #ff9102; border:1px solid #fff; border-radius: 20px; line-height: 40px; text-align: center; box-shadow: 0 2px 16px #ff9102, 0 0 1px #ff9102, 0 0 1px #ff9102; } /* 右侧新闻盒子 */ .new_list_box{ height: auto; padding-right: 0px; } .new_list>li{ width:100%; padding:12px 0; } /* 右侧最新新闻时间 */ .new_list>li>a>.news_list_date{ display: none; width:66px; height: 66px; border:1px solid #000; text-align: center; color: #434343; margin-right: 50px; } .new_list>li>a>.news_list_date>h2{ font-size: 30px; line-height: 40px; } .new_list>li>a>.news_list_date>h4{ font-size: 14px; line-height: 24px; } /* 右侧新闻具体信息 */ .news_list_item{ width:290px; } .news_list_item>h2{ font-size: 24px; color: #e5b765; width:125px; height:34px; border-bottom: 2px solid #3b3b3b; margin-bottom: 10px; } .news_list_item>p{ overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; width:100%; color: #727272; } .new_list_box .button_group{ margin-top:5px; margin-right:20px; } .news_phone_date{ display: block; text-align: right; font-size: 14px; color: #434343; } /* **********************联系我们******************/ .contact_us{ width:100%; margin-bottom: 80px; color: #434343; } /* 联系我们 */ .contact_us_title{ box-sizing: border-box; background: transparent; text-align: center; padding-bottom:50px; } .contact_us_title>h2{ font-size: 30px; height:60px; color: #232323; line-height: 60px; } .contact_us_title>.title_bg{ height:40px; background: no-repeat center; } .contact_us_title>h3{ font-size: 30px; height:50px; color: #e5b765; line-height: 50px; } /* 联系我们底部 */ .contact_us_item{ text-align: center; } .contact_us_item>i{ display: block; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; font-size: 40px; } .contact_us_item>h4{ height: 32px; line-height: 32px; color: #0c172b; font-size: 14px; } .contact_us_item>h5{ height: 32px; line-height: 32px; color: #e5b765; font-size: 14px; } .contact_us_item:hover i{ color: #fe871f; box-shadow: 0 2px 16px #e9eaec, 0 0 1px #e9eaec, 0 0 1px #e9eaec inset; } /* **********************app导航******************/ .app_nav{ position: absolute; z-index: 666; left:-200px; transition: all 1s linear; } .app_menu li{ width: 200px; height: 50px; line-height: 50px; text-align: center; background:rgba(28, 44, 74,1); border-bottom: 1px solid #fff; } .app_menu li a{ color: #fff; } .app_btn{ width: 50px; height: 50px; background:rgba(28, 44, 74,1); } .btn_tap{ width: 100%; height: 100%; text-align:center; line-height: 50px; color: #fff; } .btn_tap i{ color: #fff; font-size: 30px; } }