body{ background-color: #FFFFFF; } body,ul,li,div,p,a,input{ list-style: none; padding:0; margin:0; box-sizing: border-box; color:#333; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei",Tahoma,Arial; line-height: 1.5; } a{ text-decoration: none; } a:hover{ text-decoration: none; color: #d7392e; } .pc{ display: block; } #fullpage .fp-overflow{ height:100%; } #fullpage .index-nav{ width:129px; } .sidebar{ height:100%; border-right:solid 1px #dddddd; position: fixed; left:0; top:0; bottom:0; display: block; width:80px; transition: all 0.4s; background-color: #fff; z-index: 99999; } .sidebar .left{ float:left; position: relative; width:80px; height:100%; color:#000; } .sidebar .left .kefu{ position: absolute; top:2.1%; left:50%; transform: translateX(-50%); width: 45px; display: block; } .sidebar .left .kefus{ position: absolute; top:2.1%; left:50%; transform: translateX(-50%); width: 45px; display: none; } .sidebar.index-sidebar .left .kefu{ display: none; } .sidebar.index-sidebar .left .kefus{ display: block; } .sidebar.cur .left .kefu { } .sidebar .left .ssIcon{ position: absolute; left:50%; top:47.87%; /* transform: translate(-50%,0); */ font-size: 20px; transform: rotate(180deg); margin-left: -11px; z-index: 5; cursor: pointer; /* transition: all 0.4s; */ color: #000000; font-weight: bold; } .sidebar .left .ssIcon.cur{ transform: rotate(360deg); } .sidebar .left .bottom{ left:50%; transform: translateX(-50%); bottom:8.2%; position: absolute; text-align: center; z-index: 5; } .sidebar .left .bottom select{ margin-top:20px; font-size: 18px; border:none; outline: none; background: none; } .sidebar .left .bottom select option{ border:none; outline: none; background: #fff; color:#000; } .sidebar .left .bottom option{ border-width:0px; } .sidebar .left .bottom .icon-search{ color:#000; font-size: 20px; } .index-sidebar .left{ color:#fff; width:129px; } .index-sidebar .left .bottom select{ color:#fff; } .index-sidebar .left .bottom select option{ color:#fff; background-color: #000; } .index-sidebar{ background-color:rgba(0,0,0,0.6); width:129px; display: none; } .index-sidebar .left .ssIcon{ color: #FFFFFF; } .sidebar .menu{ width: 100%; position: absolute; top:0; height:100%; /* padding-top:18%; */ /* top:17.8%; */ } .sidebar .menu > li{ position: absolute; width:40px; left:50%; transform: translateX(-50%); } .sidebar .menu li:nth-child(1){ top:15%; } .sidebar .menu li:nth-child(2){ top:26%; } .sidebar .menu li:nth-child(3){ top:37%; } .sidebar .menu li:nth-child(4){ top:68%; } .sidebar .menu li:nth-child(5){ top:56%; } .sidebar .menu > li:nth-child(6){ bottom:2.1%; width:80px; text-align: center; } .sidebar .menu > li:nth-child(7){ top:80%; text-align: center; font-weight: bold; } .sidebar .menu a{ font-size: 16px; color:#000; } .sidebar.index-sidebar .menu a{ color:#FFF; } .sidebar .menu a:hover{ color:#d7392e; } .sidebar .menu > li:nth-child(7) a{ color:#d7392e; line-height: 21px; } .sidebar .menu > li:nth-child(7) a img{ width:100%; } .sidebar.index-sidebar .menu > li:nth-child(6) a{ font-size: 14px; color:#fff; } .sidebar .menu > li:nth-child(6) a{ font-size: 14px; color:#000; } .nav{ float:left; font-size: 24px; color:#000; height:100%; width:282px; background-color: #fff; border-right:solid 1px rgba(153,153,153,0.4); display: block; position: relative; } .zhengtilogo { position: absolute; top:2.1%; left:80px; width: 123px; } .nav > ul > li{ text-align: center; margin-bottom: 60px; line-height: 40px; position: relative; } .nav > ul > li.cur > a{ color:#d7392e; } .nav > ul > li.cur::after{ position: absolute; content:''; width:4px; height: 40px; background-color:#d7392e ; right:-2px; top:0; /* border-right: solid 4px #d7392e; */ } .nav > ul { padding-top:130px; } .nav a{ color:#000; } .nav-tab{ float:left; width:498px; height:100%; background-color: #fff; padding-top:10%; overflow-y: auto; } .nav-tab::after{ content:""; clear:both; } .nav-tab .title{ font-size: 18px; margin-bottom: 23px; font-weight: 800; } .nav-tab .title a{ color: #333333; } .nav-tab .title a:hover{ color: #d7392e; } .nav-tab ul{ display: flex; justify-content: flex-start; } .nav-tab .module1 ul{ justify-content: space-between; } .nav-tab ul li{ text-align: center; position: relative; } .nav-tab ul li a{ display: block; } .nav-tab .module1 ul li a{ display: flex; flex-direction: column; align-items: center; } .nav-tab .module1 ul li.cur a p{ color:#d7392e; } .nav-tab .module1{ padding: 0px 40px 40px 40px; border-bottom: solid 1px #ddd; width: 100%; } .nav-tab .module1 a p{ color:#a5a5a5; font-size: 14px; } .nav-tab .module1 li img{ margin-bottom: 10px; } .nav-tab .module1 li img.on{ display: none; } .nav-tab .module1 li:hover img{ display: none; } .nav-tab .module1 li:hover img.on{ display: block; } .nav-tab .module1 li .img{ width:30px; height:26px; display: flex; align-items: center; justify-content: center; } .nav-tab .module1 li.cur img{ display: none; } .nav-tab .module1 li.cur img.on{ display: block; } .nav-tab .module1 li:hover a p{ color:#d7392e; } .nav-tab .module2{ padding:30px 40px; } .nav-tab .module3{ padding:40px; } .nav-tab .module3 .des p{ font-size: 14px; margin-bottom: 8px; color:#666; line-height: 1.5; } .nav-tab .module3 .des p span{ color: #d7392e; } .nav-tab .module2 a{ color:#666; } .nav-tab .module2 ul{ flex-wrap: wrap; } .nav-tab .module2 ul li{ width:33.333%; text-align: left; font-size: 14px; margin-bottom: 16px; } .nav-tab .module4{ position: absolute; bottom:0; width:100%; left:0; height:auto; border-top:solid 1px #ddd; padding-bottom:20px; } .nav-tab .module4 .btn{ display: flex; } .nav-tab .module4 p{ margin-top: 10px; } .nav-tab .module4 ul{ padding:0 60px; display: flex; justify-content: space-between; } .nav-tab .module4 li{ text-align: left; font-size: 14px; color:#333; } .nav-tab .module4 ul li div img { height: 20px; } .nav-tab .module4 li .shuangjishi p{ width: 60px; height: 24px; background-color: #d7392e; font-size: 14px; color: #fff; line-height: 24px; text-align: center; margin-bottom: 10px; } .nav-tab .module4 .btn a{ color:#d7392e; margin-right: 23px; } .nav-tab .nav-tab-detail{ display: none; height: 100%; position: relative; } .nav-tab .nav-tab-detail.cur{ display: block; } .nav-tab .nav-tab-detail .cxdt-module1{ padding:0 40px; } .nav-tab .nav-tab-detail .cxdt-module1 .title{ font-size: 18px; } .nav-tab .nav-tab-detail .cxdt-module1 .list{ display: flex; flex-direction: column; justify-content: space-between; } .nav-tab .nav-tab-detail .cxdt-module1 .list a { flex:1; margin-bottom: 2px; } .nav-tab .nav-tab-detail .cxdt-module1 .list a:nth-child(2) { flex:1; padding:0px; } .nav-tab .nav-tab-detail .cxdt-module1 .list a img { width:100%; } .nav-tab .nav-tab-detail .cxdt-module2{ padding:30px 0px; } .nav-tab .nav-tab-detail .cxdt-module2 a{ margin-right: 50px; font-size: 18px; display: block; width: 100%; float:left; font-size: 18px; color: #333333; margin-bottom: 23px; text-align: left; border-bottom: 1px solid #DDDDDD; padding-bottom: 15px; } .nav-tab .nav-tab-detail .cxdt-module2 a:hover{ color: #d7392e; } .nav-tab .nav-tab-detail .cxdt-module2 a.cur{ font-weight: bold; } .nav-tab .nav-tab-detail .jspt-module1{ padding:0 40px; } .nav-tab .nav-tab-detail .jspt-module1 .title{ font-size: 18px; color:#333; } .nav-tab .nav-tab-detail .jspt-module1 .des{ font-size: 14px; color:#666; margin: 20px 0px; } .nav-tab .nav-tab-detail .jspt-module2{ background-color: #F9F9F9; } .nav-tab .nav-tab-detail .jspt-module2 ul{ display: flex; flex-wrap: wrap; justify-content: left; } .nav-tab .nav-tab-detail .jspt-module2 ul li{ font-size: 14px; color:#333; text-align: center; width:33.333%; padding:25px 0px; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .nav-tab .nav-tab-detail .jspt-module3{ position: absolute; width: 100%; bottom: 0px; left: 0px; } .nav-tab .nav-tab-detail .jspt-module3 .beijingtu img{ width:100%; } .nav-tab .nav-tab-detail .jspt-module3 .yuanshenglianjie{ position: absolute; width: 100%; left: 0px; top: 10px; } .nav-tab .nav-tab-detail .jspt-module3 .yuanshenglianjie a{ font-size: 20px; color:#d7392e; display: flex; justify-content: center; align-items: center; height: 140px; } .nav-tab .nav-tab-detail .jspt-module3 .yuanshenglianjie a:hover{ color: #0090ff; } .nav-tab .nav-tab-detail .jspt-module3 .yuanshenglianjie a .yuanshengpingtai{ font-size: 10px; padding-left: 5px; } .nav-tab .nav-tab-detail .jspt-module2 ul li img{ margin: 12px 0px; height: 33px; } .nav-tab .nav-tab-detail .tgzq-module1{ padding:0 40px; } .nav-tab .nav-tab-detail .tgzq-module1 ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 14px; } .nav-tab .nav-tab-detail .tgzq-module1 ul li { width: 32%; margin-top: 5px; margin-right: 2%; } .nav-tab .nav-tab-detail .tgzq-module1 ul li:hover p span a { color: #d7392e; } .nav-tab .nav-tab-detail .tgzq-module1 ul li:nth-child(3n) { margin-right: 0px; } .nav-tab .nav-tab-detail .tgzq-module1 ul li img { width: 100%; } .nav-tab .nav-tab-detail .tgzq-module1 ul p{ color:#666; } .nav-tab .nav-tab-detail .tgzq-module2{ padding:50px 40px; } .nav-tab .nav-tab-detail .tgzq-module2 div a{ display: block; width: 100%; float:left; font-size: 18px; color:#333; margin-bottom: 23px; text-align: left; border-bottom: 1px solid #DDDDDD; padding-bottom: 15px; } .nav-tab .nav-tab-detail .tgzq-module2 div a:hover{ color: #d7392e; } .nav-tab .nav-tab-detail .tgzq-module2 div a::after{ content: ''; clear:both; } .nav-tab .nav-tab-detail .zjjz-module1{ padding:0 40px; } .nav-tab .nav-tab-detail .zjjz-module1 .title{ font-size: 18px; color:#333; } .nav-tab .nav-tab-detail .zjjz-module1 .tab3{ font-size: 18px; color:#333; display: flex; flex-wrap: wrap; margin: 50px 0px; } .nav-tab .nav-tab-detail .zjjz-module1 .tab3 a{ font-size: 18px; margin-bottom: 23px; width:33%; font-weight: bold; text-align: center; } .nav-tab .nav-tab-detail .zjjz-module1 .btn{ display: flex; justify-content: center; } .nav-tab .nav-tab-detail .zjjz-module1 .btn a{ display: block; width: 30%; padding: 0px 5px; border:solid 1px #d7392e; font-size: 14px; color:#FFFFFF; line-height: 30px; text-align: center; margin:0px 1%; background-color: #d7392e; border-radius: 50px; line-height: 21px; } .nav-tab .nav-tab-detail .zjjz-module1 .btn a:nth-child(3) { line-height: 42px; } .nav-tab .nav-tab-detail .zjjz-module1 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; background: url('../images/aboutbj.png') no-repeat; background-position: left bottom; } .nav-tab .nav-tab-detail .zjjz-module1 ul li{ margin-bottom: 40px; width:50%; text-align: left; } .nav-tab .nav-tab-detail .zjjz-module1 ul span{ font-size: 32px; color:#d7392e; } .nav-tab .nav-tab-detail .zjjz-module1 ul li p:nth-child(1){ font-size: 20px; color:#333; font-weight: 600; } .nav-tab .nav-tab-detail .zjjz-module1 ul li p:nth-child(2){ font-size: 14px; color:#333; font-weight: bold; } .nav-tab .nav-tab-detail .zjjz-module1 ul li p:nth-child(3){ font-size: 14px; color:#999; } .sidebar.cur{ width:580px; display: block; } .sidebar .left.cur{ background-color: #fff; } .index-sidebar .left .bottom .icon-search{ color:#fff; } #fullpage{ width: 100%; overflow: hidden; } #fullpage .section{ position: relative; padding-left: 80px; } #fullpage .section-tab{ width:100%; } #fullpage .index-tab1{ color:#fff; width:100%; } #fullpage .index-tab1 .detail{ width:100%; height:100vh; } #fullpage .index-tab1 .detail .item.cur{ display: block; position: absolute; left:0; top:0; bottom:0; right:0; padding-left:70px; } #fullpage .index-tab1 .detail .item { width:100%; height:100%; position: absolute; left:0; top:0; z-index: 1; background-color: blue; padding-left:70px; } #fullpage .index-tab1 .detail .item img{ width:100%; height:100%; position: absolute; left:0; top:0; } #fullpage .index-tab1.cur{ -webkit-filter:brightness(55%) ; filter:brightness(55%) ; } #fullpage .index-tab1 .title{ margin-top: 5%; } #fullpage .index-tab1 .title p{ color:#fff; font-size: 60px; line-height: 1.5; letter-spacing: 1px; } #fullpage .index-tab1 .title p span{ color: #d7392e; } #fullpage .index-tab1 .des{ margin-top: 3%; } #fullpage .index-tab1 .des p{ font-size: 20px; color:#BBBBBB; line-height: 1.5; } #fullpage .index-tab1 .moreBtn{ width:180px; height:60px; text-align: center; line-height: 60px; border:solid 1px #d7392e; font-size: 20px; color:#d7392e; display: block; margin-top:3.5%; } #fullpage .index-tab1 .list{ height:15%; display: flex; position: absolute; bottom:0; z-index: 99; padding-left: 70px; } #fullpage .index-tab1 .list ul{ display: flex; } #fullpage .index-tab1 .list li{ width:168px; margin-right:28px; border-top:solid 4px #666666; cursor: pointer; } #fullpage .index-tab1 .list li .line{ margin-top: -4px; height:4px; background-color:#666666; transition: all 6s; width:0px; } #fullpage .index-tab1 .list li:hover .line{ height:4px; background: linear-gradient(to right, #d7392e, #d7392e); width:100%; } #fullpage .index-tab1 .list li.cur .line{ height:4px; background: linear-gradient(to right, #d7392e, #d7392e); width:100%; } #fullpage .index-tab1 .list li.cur{ border-top-width: 0px; } #fullpage .index-tab1 .list li:hover { border-top-width: 0px; } #fullpage .index-tab1 .list li p{ font-size: 14px; color:#999999; } #fullpage .index-tab1 .list li .t{ font-size: 20px; margin:10px 0; } #fullpage .index-tab1 .list li.cur .t{ color: #d7392e; } #fullpage .index-tab1 .list li.cur p{ color: #d7392e; } #fullpage .index-tab1 .list .more{ width:260px; height:100%; background-color: #d7392e; font-size: 20px; color:#fff; display: block; padding:27px 0 0 22px; position: relative; } #fullpage .index-tab1 .list .more img{ position: absolute; right:20px; bottom:20px; } #fullpage .index-tab2 .top{ height:50px; border-bottom: solid 1px #ddd; line-height: 50px; color:#000; font-size: 16px; padding-left: 96px; position: relative; transition: all 0.3s; } #fullpage .index-tab2 .top.cur{ overflow: hidden; height:0px; } #fullpage .index-tab2 .top .img{ position: absolute; top:0; left:10px; width: 60px; } #fullpage .index-tab2 .top .img1{ position: absolute; top:21px; right:30px; cursor: pointer; } #fullpage .index-tab2 .content{ padding-top:90px; width: 100%; position: relative; } #fullpage .index-tab2 .content .left{ width:36.5%; padding-left: 4%; font-size: 16px; position: relative; } #fullpage .index-tab2 .content .left .des{ margin-bottom: 55px; } #fullpage .tab-menu-detail-box{ width:100%; height:100%; } #fullpage .tab-menu-detail{ width:100%; display: none; } #fullpage .tab-menu-detail.cur{ display: flex; } #fullpage .index-tab2 .content .tab-menu{ position: absolute; left:0; top:90px; width: 36.5%; padding-left: 4%; z-index: 5; } #fullpage .index-tab2 .content .tab-menu li{ padding-bottom: 5px; cursor: pointer; cursor: pointer; } #fullpage .index-tab2 .content .tab-menu li.cur{ border-bottom: solid 2px #d7392e; color:#d7392e; } #fullpage .index-tab2 .content .tab-menu ul{ display: flex; justify-content: space-between; font-size: 14px; color:#666; } #fullpage .tab-menu-detail .left .markss{ margin-bottom: 20px; margin-top: 139px; width: 64px; height: 24px; background-color: #d7392e; font-size: 16px; color: #fff; line-height: 24px; text-align: center; } #fullpage .tab-menu-detail .left .marksss{ margin-bottom: 20px; margin-top: 26%; width: 80px; height: 32px; font-size: 16px; color: #fff; line-height: 32px; text-align: center; } #fullpage .tab-menu-detail .left .title{ font-size: 60px; color:#000; margin-bottom: 40px; } #fullpage .tab-menu-detail .left .title span{ color:#d7392e; } #fullpage .tab-menu-detail .left .jjfa .title{ display: flex; align-items: center; } #fullpage .tab-menu-detail .left .title img{ cursor: pointer; width: 26px; } .imgfz{ transform: rotate(180deg); } #fullpage .tab-menu-detail .left .jjfa .title span{ font-size: 20px; color:#000; margin-left:15px; } #fullpage .tab-menu-detail .left .jjfa ul{ display: flex; flex-wrap: wrap; margin-top: 10px; overflow: hidden; transition: all 0.3s; } #fullpage .tab-menu-detail .left .jjfa ul.cur{ height: 0px; } #fullpage .tab-menu-detail .left .jjfa ul li{ width:20%; } #fullpage .tab-menu-detail .left .jjfa{ margin-bottom: 98px; } #fullpage .tab-menu-detail .left .more{ display: flex; align-items: center; font-size:20px; } #fullpage .tab-menu-detail .left .more .icon-zuojiantou{ font-size: 18px; transform: rotate(180deg); color:#d7392e; margin-left: 5px; } #fullpage .tab-menu-detail .left .more span{ color:#d7392e; } #fullpage .tab-menu-detail .right{ width:58%; height: 830px; display: flex; justify-content: space-between; margin-left: 4.6%; position: relative; } #fullpage .tab-menu-detail .right .item{ width:49%; height:90%; border-bottom:solid 1px #dddddd; padding-bottom: 20px; overflow: hidden; } #fullpage .tab-menu-detail .right .item .left_tupianzhanshi{ width:100%; height:90%; position: relative; cursor: pointer; } #fullpage .tab-menu-detail .right .item .left_tupianzhanshi .yincangmiaoshu{ width:100%; height: 0px; background-color: rgba(0, 0, 0, 0.6); padding-left: 10px; color: #FFFFFF; font-size: 16px; transition: all 0.5s; overflow: hidden; position: absolute; left: 0px; bottom: 0px; line-height: 40px; text-align: left; } #fullpage .tab-menu-detail .right .item .left_tupianzhanshi:hover .yincangmiaoshu{ height: 40px; } #fullpage .tab-menu-detail .right .item .left_tupianzhanshi img{ width:100%; height:100%; object-fit: cover; } #fullpage .tab-menu-detail .right .item .left_tupianmiaoshu{ width:100%; height:10%; } #fullpage .tab-menu-detail .right .item .item_dange{ width:100%; height:100%; } #fullpage .tab-menu-detail .right .item .item_dange .right_tupianzhanshi .yincangmiaoshu{ width:100%; height: 0px; background-color: rgba(0, 0, 0, 0.6); padding-left: 10px; color: #FFFFFF; font-size: 16px; transition: all 0.5s; overflow: hidden; position: absolute; left: 0px; bottom: 0px; line-height: 30px; text-align: left; } #fullpage .tab-menu-detail .right .item .item_dange .right_tupianzhanshi:hover .yincangmiaoshu{ height: 30px; } #fullpage .tab-menu-detail .right .item .item_dange .right_tupianzhanshi{ width:100%; height:80%; position: relative; cursor: pointer; } #fullpage .tab-menu-detail .right .item .item_dange .right_tupianzhanshi img{ width:100%; height:100%; object-fit: cover; } #fullpage .tab-menu-detail .right .item .item_dange .right_tupianmiaoshu{ width:100%; height:20%; } #fullpage .tab-menu-detail .right .item .img1{ width:100%; height:91%; background: url("../images/dzj-img1.jpg") no-repeat 100% 100%; } #fullpage .tab-menu-detail .right .p1{ font-size: 14px; color:#d7392e; margin:4px 0px; } #fullpage .tab-menu-detail .right .p2{ font-size: 20px; color:#000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #fullpage .tab-menu-detail .right .item img{ width:100%; display: block; } #fullpage .tab-menu-detail .right .item .img2{ width:100%; height:37.5%; background: url("../images/dzj-img2.jpg") no-repeat 100% 100%; } #fullpage .tab-menu-detail .right .item .img3{ width:100%; height:37.5%; background: url("../images/dzj-img3.jpg") no-repeat 100% 100%; } #fullpage .tab-menu-detail .right .more{ position: absolute; right:0; bottom:3%; font-size: 20px; color:#d7392e; display: flex; align-items: center; } #fullpage .tab-menu-detail .right .more .icon-zuojiantou{ transform: rotate(180deg); font-size: 14px; color:#d7392e; margin-left: 17px; } #fullpage .index-tab3{ display: flex; width:100%; height: 100vh; } #fullpage .index-tab3 .left{ height:100%; width:54.5%; position: relative; } #fullpage .index-tab3 .left .top{ padding:6.9% 0 0 5.8%; } #fullpage .index-tab3 .left .top p{ font-size: 54px; color:#000; margin-top:6px; } #fullpage .index-tab3 .left .top .des{ display: flex; margin-top: 6.5%; align-items: center; } #fullpage .index-tab3 .left .top .des ul{ width:220px; display: flex; flex-wrap: wrap; justify-content: space-between; } #fullpage .index-tab3 .left .top .des ul li{ display: flex; align-items: center; font-size: 20px; margin-bottom: 6px; color:#000; } #fullpage .index-tab3 .left .top .des ul li:nth-child(3),#fullpage .index-tab3 .left .top .des ul li:nth-child(4){ margin-bottom: 0; } #fullpage .index-tab3 .left .top .des div{ padding-left:40px; border-left:solid 1px #dddddd; margin-left:40px; height:58px; display: flex; flex-direction: column; justify-content: center; } #fullpage .index-tab3 .left .top .des div p{ font-size: 20px; color:#666666; margin:0; } #fullpage .index-tab3 .left .top .des ul li img{ margin-right: 5px; } #fullpage .index-tab3 .right{ height:100%; width:45.5%; background:url("../images/index-tab3-img.jpg") no-repeat 100% 100%; padding:3% 0 0 3%; } #fullpage .index-tab3 .right .d{ font-size: 16px; color:rgba(255,255,255,0.6); } #fullpage .index-tab3 .right .t{ font-size: 40px; color:#fff; margin-bottom: 40px; } #fullpage .index-tab3 .right .t p{ color:#fff; } #fullpage .index-tab3 .right ul{ width:520px; display: flex; justify-content: space-between; margin-top: 11%; color:#fff; } #fullpage .index-tab3 .right ul li p:nth-child(1){ font-size: 60px; color:#fff; } #fullpage .index-tab3 .right ul li p:nth-child(1) i{ font-style: normal; } #fullpage .index-tab3 .right ul li span{ font-size: 20px; } #fullpage .index-tab3 .right ul li p:nth-child(2){ font-size: 14px; color:rgba(255,255,255,0.6); } #fullpage .index-tab3 .right .more{ position: absolute; bottom:0; right:40px; width:21%; height:180px; background-color: #d7392e; padding:30px 0 0 40px; font-size: 24px; box-sizing: border-box; color:#fff; } #fullpage .index-tab3 .right .more img{ position: absolute; right:35px; bottom:23px; } #fullpage .index-tab3 .right .jishushouduan{ width:100%; display: flex; justify-content: space-between; margin-top: 11%; } #fullpage .index-tab3 .right .jishushouduan .jishumiaoshu{ width:50%; display: flex; flex-direction: column; justify-content: center; } #fullpage .index-tab3 .right .jishushouduan .jishumiaoshu p:nth-child(1){ color: #FFFFFF; font-size: 16px; margin-bottom: 24px; } #fullpage .index-tab3 .right .jishushouduan .jishumiaoshu p:nth-child(2){ color:#F2EDEC; font-size: 16px; } #fullpage .index-tab3 .right .jishushouduan .jishupic{ width:50%; padding-right:20px; } #fullpage .index-tab3 .right .jishushouduan .jishupic img{ width:100%; } #fullpage .index-tab3 .left .bottom{ width:100%; height:50%; position: absolute; left:0; bottom:0; border-top: solid 1px #dddddd; } #fullpage .index-tab3 .left .bottom ul{ width:100%; height:100%; display: flex; flex-wrap: wrap; } #fullpage .index-tab3 .left .bottom ul li{ width:25%; border-bottom: solid 1px #dddddd; border-right:solid 1px #dddddd; height:50%; position: relative; overflow: hidden; } #fullpage .index-tab3 .left .bottom ul li .now{ display: flex; align-items: center; flex-direction: column; padding:30px 0; justify-content: space-between; height:100%; } #fullpage .index-tab3 .left .bottom ul li .now img{ width: 34px; } #fullpage .index-tab3 .left .bottom ul li .now .t{ font-size: 30px; color:#000; } #fullpage .index-tab3 .left .bottom ul li .now .d{ font-size: 14px; color:#000; } #fullpage .index-tab3 .left .bottom ul li .on{ position: absolute; left:0; top:100%; right:0; height:100%; background-color: #d7392e; transition: all 0.3s; padding:12% 15% 0 13%; color:#fff; } #fullpage .index-tab3 .left .bottom ul li:hover .on{ width:100%; top:0; } #fullpage .index-tab3 .left .bottom ul li .on .t{ font-size: 32px; color:#fff; } #fullpage .index-tab3 .left .bottom ul li .on .t1{ font-size: 20px; color:#fff; } #fullpage .index-tab3 .left .bottom ul li .on .d{ font-size: 14px; color:rgba(255,255,255,0.6); margin-top: 15px; } #fullpage .index-tab3 .left .bottom ul li .on .icon{ position: absolute; bottom:7.4%; right:220px; transition: all 0.5s; } #fullpage .index-tab3 .left .bottom ul li:hover .on .icon{ right:22px; } #fullpage .index-tab4{ background: url('../images/index-tab4-bg.jpg') no-repeat ; /**background-size: 100% 100%;**/ padding:5% 0 0 4%; background-position: 70px bottom; background-color: #FFFFFF; background-size: contain; } #fullpage .index-tab4 .t{ font-size: 60px; color:#000; } #fullpage .index-tab4 .des{ font-size: 16px; color:#666; width:53%; margin-top: 15px; } #fullpage .index-tab4 .btn{ margin-top: 50px; display: flex; } #fullpage .index-tab4 .btn a{ width:180px; height:60px; border:solid 2px #d7392e; line-height: 60px; text-align: center; color:#d7392e; font-size: 20px; margin-right: 30px; } #fullpage .index-tab4 ul{ width:100%; display: flex; border-left:solid 1px #ddd; } #fullpage .index-tab4 .list-box{ width:68%; width: 68%; margin-top: 200px; padding-bottom: 200px; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } #fullpage .index-tab4 ul li{ width:33%; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:20px 25px 25px; position: relative; cursor: pointer; transition: all 0.5s; } #fullpage .index-tab4 ul li .now .t{ font-size: 20px; color:#000; } #fullpage .index-tab4 ul li .now .des{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; /* 鏍规嵁涓氬姟闇€姹傝缃鍑犺鏄剧ず鐪佺暐鍙 */ overflow:hidden; font-size: 14px; color:#666; width:100%; margin-top: 15px; } #fullpage .index-tab4 ul li .on{ position: absolute; left:0; height:200px; right:0; bottom:-200px; background-color: #d7392e; padding:5% 6%; transition: all 0.3s; display:none; } #fullpage .index-tab4 ul li:nth-child(3) .on{ position: absolute; left:0; height:300px; right:0; bottom:-300px; background-color: #d7392e; padding:10px; transition: all 0.3s; display:none; } #fullpage .index-tab4 ul li .on .t{ font-size: 20px; color:#fff; } #fullpage .index-tab4 ul li .on .des{ font-size: 14px; color:rgba(255,255,255,0.6); width:100%; } #fullpage .index-tab4 ul li .keyData{ position: absolute; left:0; right:0; background-color: #d7392e; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; padding:0px; justify-content: center; transition: all 0.4s; display: none; } #fullpage .index-tab4 ul li .keyData div{ text-align: center; } #fullpage .index-tab4 ul li .keyData div p{ color:#fff; } #fullpage .index-tab4 ul li .keyData div p:nth-child(1){ font-size: 25px; } #fullpage .index-tab4 ul li .keyData div span{ font-size: 18px; } #fullpage .index-tab4 ul li .keyData div p:nth-child(2){ font-size: 12px; color:rgba(255,255,255,0.6); } #fullpage .index-tab4 ul li:hover .on{ display:block; bottom:0; } #fullpage .index-tab4 ul li:hover .keyData{ display:block; bottom:0; } .detail-tab-content{ margin-top: 50px; } .detail-tab-content p{ font-size: 16px; display: flex; align-items: center; } .detail-tab-content p img{ width:28px; margin-right: 10px; } .detail-tab-content p{ margin-bottom: 20px; } .detail-tab-content .item{ display: none; } .detail-tab-content .item.cur{ display: block; } .nav-tab .module-detail .item{ display: none; } .nav-tab .module-detail .item.cur{ display: block; } .mySwiperPc .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .mySwiperPc .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; } .mySwiperPc.swiper { width: 100%; height: 100%; } .slideRight{ position: absolute; right:0; bottom:20px; width:0%; height: auto; background-color: #000; border-radius: 20px 0 0 20px; overflow: hidden; transition: all 0.3s; } .slideRight.act{ width:26%; } .slideRight .inner{ width:100%; padding:50px; } .slideRight .inner .keyCare{ margin-top: 9%; } .slideRight .inner .keyCare p{ font-size: 14px; color:#a5a5a5; margin-bottom: 5px; } .slideRight .inner .keyCare p a{ color:#a5a5a5; } .slideRight .inner .keyCare p a:hover{ color:#fff; } .slideRight .inner .keyCare .t{ font-size: 16px; color:#fff; } .slideRight .classify{ display: flex; justify-content: space-between; align-items: center; margin-top:8%; } .slideRight .classify li{ text-align: center; color:#fff; } .slideRight .classify li .now{ display: inline; } .slideRight .classify li .on{ display: none; } .slideRight .classify li:hover .now{ display: none; } .slideRight .classify li:hover .on{ display: inline; } .slideRight .classify li{ text-align: center; color:#fff; } .slideRight .classify li img{ height:19px; } .slideRight .classify li p{ color:#fff; font-size: 14px; color:#a5a5a5; } .slideRight .classify li p a{ color:#a5a5a5; } .slideRight .classify li:hover p a{ color: #d7392e; } .slideRight .inner { position: relative; } .slideRight .inner .fnav { margin-top: 6%; } .slideRight .inner .fnav .erjicaidan{ display: flex; justify-content: space-between; } .slideRight .inner .fnav .erjicaidan p{ width:33.333%; display: flex; flex-direction: column; } .slideRight .inner .fnav .erjicaidan p .t{ font-size: 16px; color:#fff; margin-bottom: 5px; } .slideRight .inner .fnav .erjicaidan p a{ display: block; font-size: 14px; color:#a5a5a5; position: relative; } .slideRight .inner .fnav .erjicaidan p a:hover{ color:#FFFFFF; } .slideRight .inner .fnav .erjicaidan p .youneirong { display: block; font-size: 14px; color:#a5a5a5; position: relative; cursor: pointer; } .slideRight .inner .fnav .erjicaidan p .youneirong .kuaisuerji{ position: absolute; width: 0px; background: #C64731; top: 0px; left: 70px; z-index: 999; display: none; padding:4px; transition: all 0.3s; border-radius: 4px; } .slideRight .inner .fnav .erjicaidan p .youneirong .kuaisuerji::after{ content: ''; width: 8px; height: 8px; background-color:#C64731; position: absolute; top:6px; left:-4px; transform: rotate(45deg); } .slideRight .inner .fnav .erjicaidan p .youneirong .kuaisuerji a{ display: block; width: 50%; padding:5px; font-size: 14px; height: 21px; line-height: 21px; color: #FFFFFF; margin-bottom: 5px; float:left; } .slideRight .inner .fnav .erjicaidan p .youneirong:hover .kuaisuerji { display: block; width: 200px; } .slideRight .inner .fnav .erjicaidan p .youneirong:hover .icon-right { display: none; } .slideRight .inner .fnav .erjicaidan a .footerji{ position: absolute; top: 0px; left: 70px; width: 100px; min-height: 100px; background-color: #FF0000; z-index: 100; display: none; } .slideRight .inner .fnav .erjicaidan .icon-right{ font-size: 12px; color:#a5a5a5; } .slideRight .inner .lxwm { margin-top:7%; } .slideRight .inner .lxwm .t{ font-size: 16px; color:#fff; margin-bottom: 6px; } .slideRight .inner .lxwm .wrap{ display: flex; justify-content: space-between; } .slideRight .inner .lxwm .wrap .left{ display: flex; text-align: center; width:182px; justify-content: space-between; } .slideRight .inner .lxwm .wrap .left p img{ display: block; margin-bottom: 6px; } .slideRight .inner .lxwm .wrap .left p{ font-size: 14px; color:#a5a5a5; } .slideRight .inner .lxwm .wrap .right div:nth-child(1){ margin-bottom: 5px; } .slideRight .inner .lxwm .wrap .right div p:nth-child(1){ font-size: 14px; color:#a5a5a5; } .slideRight .inner .lxwm .wrap .right div p:nth-child(2){ font-size: 20px; color:#fff; } .slideRight .inner .lxwm .address{ font-size: 14px; color:#a5a5a5; margin-top:5px; } .slideRight .inner .bottom{ margin-top: 10%; } .slideRight .inner .bottom p{ font-size: 12px; color:#a5a5a5; display: flex; align-items: center; margin-bottom: 5px; } .index-tab5{ display: none; } .mobilePage{ display: none; } .nav_btn2{ display: none; } .breadcrumbs{ left:81px; right:0; top:0; height:70px; position: absolute; border-bottom: solid 1px #ddd; font-size: 14px; color:#999; padding-left: 40px; } .breadcrumbs ul{ height:100%; display: flex; align-items: center; } .breadcrumbs ul li{ margin-right: 15px; color:#999; } .breadcrumbs ul li.cur{ color:#000; } .breadcrumbs ul li .icon-right{ font-size: 14px; color:#000; } .main-page{ position: absolute; left:81px; top:71px; right:0; padding:20px 20px 0 0px; } .cxdt-page .banner{ padding-left: 0px; } .cxdt-page .list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; margin-left: 0px; position: relative; } .cxdt-page .list li{ width:30%; padding-bottom: 25px; border-bottom: solid 1px #ddd; margin-bottom: 45px; } .cxdt-page .list li img{ width:100%; transition: transform 0.2s ease-out; } .cxdt-page .list li img:hover{ transform: scale(1.1); transform-origin: center; } .cxdt-page .list li .p1{ font-size: 14px; color:#666; margin-top: 8px; margin-bottom: 3px; } .cxdt-page .list li .p2{ font-size: 20px; color:#000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10px; } .news-wrap .top{ width:100%; border-bottom: solid 1px #ddd; padding-left: 80px; display: flex; justify-content: space-between; align-items: center; } .news-wrap .top .right{ display: flex; width:370px; justify-content: space-between; height:34px; align-items: center; } .news-wrap .top .right .search{ width:260px; height:32px; border:solid 1px #ddd; position: relative; overflow: hidden; } .news-wrap .top .right .search input{ width:187px; height:30px; line-height: 30px; border:none; outline: none; padding-left: 20px; } .news-wrap .top .right select{ font-size: 20px; color:#000; border-width:0px; outline: none; } .news-wrap .top .right .search .icon-sousuo1{ position: absolute; font-size: 24px; color:#000; top:-3px; right:16px; } .news-wrap .tab-menu-detail .item.cur{ display: block; min-height: 200px; } .news-wrap .tab-menu-detail .item{ display: none; } .news-wrap .tab-menu-detail .item ul{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; padding-top: 55px; } .news-wrap .tab-menu-detail .item ul::after{ position: absolute; left:50%; top:0; bottom:0; content:""; width:1px; background-color: #ddd; } .news-wrap .tab-menu-detail .item ul li{ width:50%; margin-bottom: 40px; padding:20px 80px 20px 0px; } .news-wrap .tab-menu-detail .item ul li:hover::after { max-width: 100%; } .news-wrap .tab-menu-detail .item ul li:hover .p1 { color: #d7392e; } .news-wrap .tab-menu-detail .item ul li:hover .p2 { color: #d7392e; } .news-wrap .tab-menu-detail .item ul li a{ margin-bottom: 60px; width:100%; } .news-wrap .tab-menu-detail .item ul li .p1{ font-size: 20px; color:#000; margin-bottom: 8px; } .news-wrap .tab-menu-detail .item ul li .des .p1, .news-wrap .tab-menu-detail .item ul li .des .p2{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; } .news-wrap .tab-menu-detail .item ul li .p2{ font-size: 14px; color:#9c9c9c; } .news-wrap .tab-menu-detail .item ul li .date{ margin-left: 80px; width:60px; float: left; } .news-wrap .tab-menu-detail .item ul li .des{ margin-left: 200px; } .news-wrap .top .tab-menu{ display: flex; } .news-wrap .top .tab-menu li{ margin-right: 60px; line-height: 60px; font-size: 18px; color:#000; cursor: pointer; } .news-wrap .top .tab-menu li.cur{ color:#d7392e; border-bottom: solid 2px #d7392e; } .lxwm-page{ padding-right:0; } .lxwm-page .inner { display: flex; justify-content: space-between; } .lxwm-page .inner .left{ width:39%; margin:0 5% 0 10%; } .lxwm-page .inner .right{ width:38%; margin-right: 9%; } .lxwm-page .inner .right img{ width:100%; } .lxwm-page .title{ font-size: 60px; margin-bottom: 8px; } .lxwm-page .title span{ color:#d7392e; } .lxwm-page .left .mark{ font-size: 16px; color:#666666; } .lxwm-page .left .mark span{ color:#d7392e; } .lxwm-page .left .mark span a{ color:#d7392e; } .lxwm-page .left .form{ width:100%; } .lxwm-page .left .form ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; } .lxwm-page .left .form ul li span{ color:#d7392e; margin-left: 5px; } .lxwm-page .left .form ul li{ width:45%; margin-top: 20px; } .lxwm-page .left .form ul li input{ width:100%; height:30px; border:solid 1px #ddd; padding-left: 15px; } .lxwm-page .left .form ul li p{ font-size: 16px; color:#000; margin-bottom: 8px; } .lxwm-page .left .form .field{ margin-top: 20px; } .lxwm-page .left .form .field textarea{ width:100%; height:120px; border:Solid 1px #ddd; margin-top: 8px; } .lxwm-page .left .form .btn{ width:120px; height:40px; border:solid 2px #d7392e; line-height: 36px; text-align: center; font-size: 20px; color:#d7392e; display: block; margin-top: 30px; } .lxwm-page .left .form .btns{ width:120px; height:40px; border:solid 2px #d7392e; line-height: 36px; text-align: center; font-size: 20px; color:#d7392e; display: block; margin-top: 30px; } .lxwm-page .left .bottom{ display: flex; margin-top: 47px; margin-bottom: 49px; } .lxwm-page .left .bottom .t span{ color: #d7392e; } .lxwm-page .left .bottom .t { font-size: 24px; color:#000; margin-bottom: 20px; } .lxwm-page .left .bottom .img{ display: flex; text-align: center; margin-bottom: 5px; } .lxwm-page .left .bottom .img div{ margin-right: 40px; font-size: 14px; color:#666; } .lxwm-page .left .bottom .img div img{ margin-bottom: 5px; } .lxwm-page .left .bottom .ad{ font-size: 16px; } .lxwm-page .left .bottom .bRight{ margin-left: 0px; margin-right: 70px; } .lxwm-page .left .bottom .bRight .item{ margin-bottom: 16px; } .lxwm-page .left .bottom .bRight .item p:nth-child(1){ font-size: 24px; color:#666; } .lxwm-page .left .bottom .bRight .item p:nth-child(1) span{ color: #D7392E; } .lxwm-page .left .bottom .bRight .item p:nth-child(2){ font-size: 20px; color:#333; } .lxwm-page .left .bottom .ad{ margin-top: 10px; } .cpal-page{ padding: 20px 20px 0px 0px; } .cpal-page .banner{ position: relative; } .cpal-page .banner img{ width:100%; display: block; } .cpal-page .banner .t{ font-size: 60px; color:#fff; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-shadow: 2px 2px 0px #6c7a93; letter-spacing: 5px; font-weight: bold; } .cpal-page .banner .t span{ color:#d7392e; } .main-page .cpNav{ height:130px; border:solid 1px #ddd; width:70%; margin-top: -25px; position: relative; z-index: 9; background-color: #fff; } .main-page .cpNav ul{ display: flex; font-size: 24px; color:#000; } .main-page .cpNav ul li{ width:20%; text-align: center; line-height: 123px; } .main-page .cpNav ul li.cur{ border-bottom: solid 6px #d7392e; } .main-page .cpNav ul li.cur a{ color:#d7392e; } .main-page .cpNav ul li:hover{ color:#d7392e; border-bottom: solid 6px #d7392e; } .main-page .cpNav ul li:hover a{ color:#d7392e; } .main-page .cpNav .more{ width:360px; height:180px; background-color: #d7392e; padding:34px 0 0 48px; display: block; position: absolute; right:-360px; bottom: 0; font-size: 24px; color:#fff; } .main-page .cpNav .more img{ position: absolute; right:40px; bottom:30px; } .cpal-page .tab2{ display: flex; justify-content: space-between; margin-top: 100px; margin-bottom: 100px; } .cpal-page .tab2 .img{ width:50%; } .cpal-page .tab2 .img img{ width:100%; } .cpal-page .tab2 .right{ width:44%; padding-top:76px; } .cpal-page .tab2 .right .code{ font-size: 20px; color:#d7392e; font-weight: bold; } .cpal-page .tab2 .right .title{ font-size: 32px; color:#000; margin:10px 0; font-weight: bold; } .cpal-page .tab2 .right .t{ font-size: 18px; color:#333; margin-bottom: 10px; font-weight: bold; } .cpal-page .tab2 .right .des{ font-size: 16px; color:#666666; } .cpal-page .tab3{ display: flex; justify-content: space-between; } .cpal-page .tab3 .left{ width:20%; padding-left: 80px; } .cpal-page .tab3 .left .title{ font-size: 60px; margin-bottom: 310px; } .cpal-page .tab3 .left .title span{ color:#d7392e; } .cpal-page .tab3 .left ul{ width:120px; border-left: solid 1px #ddd; } .cpal-page .tab3 .left ul li{ line-height: 40px; margin-bottom: 25px; padding-left: 25px; font-size: 20px; color:#666; position: relative; left:-2px; cursor: pointer; } .cpal-page .tab3 .left ul li.cur{ font-size: 24px; color:#d7392e; border-left: solid 4px #d7392e; } .cpal-page .tab3 .right{ width:60%; min-height: 100vh; } .cpal-page .tab3 .right ul{ display: flex; justify-content: left; flex-wrap: wrap; border-top:solid 1px #ddd; border-left:solid 1px #ddd; display: none; } .cpal-page .tab3 .right ul.cur{ display: flex; } .cpal-page .tab3 .right ul li{ width:33.333%; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; height:200px; padding:34px 0 0 4%; position: relative; overflow: hidden; } .cpal-page .tab3 .right ul li:hover .on{ bottom:0; } .cpal-page .tab3 .right ul li .on{ position: absolute; left:0; right:0; bottom:-100%; height:100%; transition: all 0.3s; background-color: #d7392e; } .cpal-page .tab3 .right ul li p:nth-child(1){ font-size: 14px; color:#d7392e; margin-bottom: 10px; } .cpal-page .tab3 .right ul li p:nth-child(2),.cpal-page .tab3 .right ul li p:nth-child(3){ font-size: 20px; color:#000; } .cpal-page .tab3 .right ul li .on{ padding:32px 50px 0 45px; } .cpal-page .tab3 .right ul li .on .t{ margin-bottom: 10px; } .cpal-page .tab3 .right ul li .on p{ color:#fff; } .cpal-page .tab3 .right ul li .on .d{ font-size: 14px; } .ywcp-page .banner{ position: relative; } .ywcp-page .banner .txt{ position: absolute; top:13%; left:5%; width:50%; } .ywcp-page{ padding: 20px 20px 0px 0px; } .ywcp-page .banner .txt p{ color:#bbb; } .ywcp-page .banner .txt .mark{ width:80px; height:32px; background-color: #d7392e; font-size: 16px; color:#fff; line-height: 32px; text-align: center; margin-bottom: 10px; } .ywcp-page .banner .txt .t{ font-size: 60px; color:#d7392e; font-weight: bold; } .ywcp-page .banner .txt .tt{ font-size: 30px; color:#fff; font-weight: bold; } .ywcp-page .banner .txt .des{ font-size: 16px; color:#fff; margin-top: 20px; line-height: 1.8; } .ywcp-page .tab2 { display: flex; justify-content: space-between; margin-top: 100px; padding-right: 10%; } .ywcp-page .tab2 .left{ padding-top: 40px; padding-left: 40px; } .ywcp-page .tab2 .left p{ font-size: 32px; color:#000; font-weight: bold; } .ywcp-page .tab2 .left p span{ color:#d7392e; } .ywcp-page .tab2 .right{ width:70%; } .ywcp-page .tab2 .right img{ width:100%; } .ywcp-page .tab3{ width:100%; height:194px; background: url('../images/fwpt-bg.png') no-repeat center center; padding:35px 0 0 75px; position: relative; cursor: pointer; } .ywcp-page .tab3 p.mark{ width: fit-content; padding: 0 10px; height:32px; background-color: #d7392e; font-size: 16px; color:#fff; text-align: center; line-height: 32px; margin-bottom: 14px; } .ywcp-page .tab3 p.t{ font-size: 32px; color:#000; } .ywcp-page .tab3 p.des{ font-size: 16px; color:#666; margin-top: 3px; } .ywcp-page .tab3 .more{ display: flex; align-items: center; font-size: 24px; color:#d7392e; position: absolute; right:50px; bottom:35px; } .ywcp-page .tab3 .more .iconfont{ font-size: 33px; color:#d7392e; margin-left: 24px; } .product-classify{ display: flex; margin-top: 100px; justify-content:space-between; } .product-classify .tab-menu ul{ width:200px; border-left:solid 1px #ddd; background-color: #FFFFFF; } .product-classify .tab-menu ul li{ width:100%; text-align: center; line-height: 32px; margin-bottom: 28px; font-size: 20px; color:#666666; margin-left: -2px; cursor: pointer; } .product-classify .tab-menu ul li.cur{ border-left:solid 4px #d7392e; font-size: 24px; color:#d7392e; font-weight: bold; } .dzq-page .product-classify .tab-detail li{ padding:0 15px; } .product-classify .tab-detail{ width:80%; } .product-classify .tab-detail ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; display: none; } .product-classify .tab-detail ul.cur{ display: flex; } .product-classify .tab-detail ul li{ width:32%; height:230px; margin-bottom: 20px; border:solid 1px #ddd; margin-right: 2%; } .product-classify .tab-detail ul li:nth-child(3n){ margin-right: 0px; } .product-classify .tab-detail ul li:hover{ box-shadow: 0 0 20px rgba(8,31,98,0.1); } .product-classify .tab-detail ul li.cur{ /**box-shadow: 0 0 20px rgba(8,31,98,0.1);**/ } .product-classify .tab-detail ul li .top{ font-size: 24px; color:#333; height:160px; border-bottom: solid 1px #ddd; padding:39px; position: relative; } .product-classify .tab-detail ul li .top .iconfont{ font-size: 0px; color:#d7392e; position: absolute; right:230px; bottom:22px; line-height: 1; transition: all 0.5s; } .product-classify .tab-detail ul li .bottom{ line-height: 70px; font-size: 14px; color:#666; padding-left: 39px; } .product-classify .tab-detail ul li .bottom span{ margin-right: 31px; position: relative; } .product-classify .tab-detail ul li .bottom span::after{ position: absolute; left:-17px; top:50%; content:''; width:5px; height:5px; transform: translateY(-50%) rotate(45deg); background-color: #d7392e; } .product-classify .tab-detail ul li:hover .top p{ color:#d7392e; } .product-classify .tab-detail ul li:hover .top .iconfont{ right:30px; font-size: 43px; } .ywcp-page .banner,.ywcp-page .banner img{ width:100%; } .ywcp-page .tab2{ margin-bottom: 100px; } .dzq-page .banner .txt .t{ color:#fff; } .dzq-page .banner .txt .t span{ color:#d7392e; } .dzq-page .product-classify .tab-detail li{ width:100%; border-bottom:solid 1px #ddd; border-top-width:0; border-left-width:0; border-right-width:0; box-shadow: none; height: auto; padding-bottom: 60px; margin-bottom: 55px; color:#333; } .dzq-page .product-classify .tab-detail li .title{ font-size: 32px; font-weight: bold; } .dzq-page .product-classify .tab-detail li .des{ font-size: 16px; color:#666; line-height: 2; } .product-classify .tab-detail ul li .bottom{ font-size: 14px; color:#333; padding-left: 50px; } .dzq-page .product-classify .tab-detail li:hover,.dzq-page .product-classify .tab-detail li.cur{ box-shadow: none; } .alxq-page { padding:40px 80px 0 40px; } .alxq-page .banner{ position: relative; width:100%; } .alxq-page .banner img{ width:100%; } .alxq-page .banner .t{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff; font-size: 60px; font-weight: bold; white-space: nowrap; } .alxq-page .content{ display: flex; justify-content: space-between; margin-top: 80px; } .alxq-page .content .center .t{ font-size: 32px; font-weight: bold; color:#000; margin-bottom: 28px; } .alxq-page .content .center .t span{ color:#d7392e; } .alxq-page .content .center .des p{ font-size: 16px; color:#666; margin-bottom: 27px; } .alxq-page .content .center .tab2{ margin-top: 80px; } .alxq-page .content .center .tab2 .t{ margin-bottom: 30px; } .alxq-page .content .center .tab3{ display: flex; justify-content: space-between; margin-top: 80px; border-bottom: solid 1px #ddd; } .alxq-page .content .center .tab3 .list{ width:70%; margin-right: 5%; } .alxq-page .content .center .tab3 .list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .alxq-page .content .center .tab3 .list ul li{ width:290px; margin-bottom: 80px; } .alxq-page .content .center .tab3 .list ul li p{ font-size: 14px; color:#666; } .alxq-page .content .center .tab3 .list ul li .t{ font-size: 24px; color:#000; margin-bottom: 5px; } .alxq-page .content .center .tab4{ padding-top:48px; margin-bottom: 80px; } .alxq-page .content .center .tab4 ul{ display: flex; justify-content: space-between; } .alxq-page .content .center .tab4 ul li{ width:24%; border:solid 1px #ddd; } .alxq-page .content .center .tab4 ul li a{ text-align: center; display: flex; justify-content: center; align-items: center; padding:10px 0; height:100%; } .alxq-page .content .center .tab4 ul li div{ width:80%; margin:0 auto; } .alxq-page .content .center .tab4 ul li div img{ width:100%; display: block; } .alxq-page .content .left{ width:300px; height:300px; border:solid 1px #ddd; display: flex; justify-content:center; padding-top:25px; } .alxq-page .content .left img{ margin-bottom: 25px; } .alxq-page .content .left p{ display: flex; margin-bottom: 22px; } .alxq-page .content .left p span:nth-child(1){ margin-right: 26px; color:#000; } .alxq-page .content .left p span:nth-child(2){ color:#7e848a; } .alxq-page .content .right{ width:184px; } .alxq-page .content .center{ flex:1; margin:0 40px; } .alxq-page .content .right ul{ height:640px; border-left:solid 1px #ddd; position: relative; } .alxq-page .content .right ul li{ font-size: 18px; color:#999; display: flex; margin-left: -11px; align-items: center; height:38px; background-color: #fff; cursor: pointer; } .alxq-page .content .right ul li.cur a{ color:#d7392e; } .alxq-page .content .right ul li.cur .icon{ border-color:#d7392e; } .alxq-page .content .right ul li.cur .icon::after{ background-color: #d7392e; } .alxq-page .content .right ul li:nth-child(2){ position: absolute; bottom:184px; left:0; } .alxq-page .content .right ul li:nth-child(3){ position: absolute; bottom:93px; left:0; } .alxq-page .content .right ul li:nth-child(4){ position: absolute; bottom:0; left:0; } .alxq-page .content .right ul li .icon{ display: block; width:18px; height:18px; border:solid 2px #999999; border-radius: 18px; position: relative; margin-right: 18px; } .alxq-page .content .right ul li .icon::after{ width:6px; height:6px; background-color: #999; position: absolute; content:""; left:50%; top:50%; transform: translate(-50%,-50%); } .tzzgx-page { padding:20px 0px 0px 0px; } .tzzgx-page-nr { padding-right: 0px; } .tzzgx-page .banner{ position: relative; } .tzzgx-page .banner .txt{ left:6%; top:50%; transform: translateY(-50%); position: absolute; } .tzzgx-page .banner .txt .t{ font-size: 60px; color:#fff; font-weight: bold; letter-spacing: 4px; text-shadow: 1px 1px 0 #767d94; } .tzzgx-page .banner .txt .tt{ font-size: 32px; font-weight: bold; letter-spacing: 2px; line-height: 1; color:#fff; } .tzzgx-page .banner .t span{ color:#d7392e; } .tzzgx-page .tab1 { display: flex; justify-content: space-between; margin-top: 100px; margin-bottom: 100px; } .tzzgx-page .left p.t{ font-size: 32px; font-weight: bold; color:#000; padding-left: 39px; } .tzzgx-page .left p.t span{ color:#d7392e; } .tzzgx-page .tab1 .right{ width:auto; margin-right: 100px; display: flex; } .tzzgx-page .tab2 .right { width:80%; } .tzzgx-page .tab2{ display: flex; justify-content: space-between; margin-bottom: 80px; } .tzzgx-page .tab2 .right ul.notice { min-height: 400px; } .tzzgx-page .tab2 .right ul.notice li{ display: flex; border-bottom:solid 1px #ddd; padding-bottom: 20px; position: relative; padding-right:200px; padding-top:30px; } .tzzgx-page .tab2 .right ul.notice li .date{ margin-right: 1px; width: 10%; } .tzzgx-page .tab2 .right ul.notice li .date p:first-child{ font-size: 20px; color: #333; margin-bottom: 9px; } .tzzgx-page .tab2 .right ul.notice li .date p:last-child{ font-size: 16px; color: #999; } .tzzgx-page .tab2 .right ul.notice li .title{ width: 90%; } .tzzgx-page .tab2 .right ul.notice li .title p:first-child{ font-size: 20px; color: #000; margin-bottom: 9px; } .tzzgx-page .tab2 .right ul.notice li .title p:last-child{ font-size: 16px; color: #999; } .tzzgx-page .tab2 .right ul.notice li .btn{ color:#d7392e; position: absolute; right:0; bottom:56px; font-size: 14px; } .tzzgx-page .tab2 .right .page{ margin-top: 33px; display: flex; align-items: center; justify-content: end; } .tzzgx-page .tab2 .right .top{ display: flex; justify-content: end; } .tzzgx-page .tab2 .right .top .select{ width:120px; height:32px; text-align: center; border:solid 1px #ddd; } .tzzgx-page .tab2 .right .top .select select{ width:84px; border:0; height:30px; } .tzzgx-page .tab2 .right .top .search{ width:260px; height:32px; line-height: 30px; border:solid 1px #ddd; display: flex; margin-left: 24px; } .tzzgx-page .tab2 .right .top .search input{ width:200px; height:30px; line-height: 30px; padding-left: 15px; border: none; outline: none; } .tzzgx-page .tab2 .right .top .search .iconfont{ font-size: 26px; color:#000; margin-left: 16px; } .tzzgx-page .tab2 .right .page .first,.tzzgx-page .tab2 .right .page .last{ width:53px; height:32px; border:solid 1px #ddd; font-size: 14px; color:#666; text-align: center; line-height: 30px; margin:0 20px; cursor: pointer; } .tzzgx-page .tab2 .right .page .num{ font-size: 14px; color:#666; } .tzzgx-page .tab2 .right .page .tz{ font-size: 14px; color:#666; margin-left: 30px; } .mySwiper1{ width:145px; height:52px; position: absolute; bottom:170px; left:0; overflow: visible; } .tzzgx-page .tab2 .left{position: relative;} .swiper-button-next1{ position: absolute; bottom:1px; right:0; z-index: 99; } .swiper-button-prev1{ position: absolute; bottom:21px; right:0; z-index: 99; } .swiper-button-next1a{ position: absolute; bottom:1px; right:0; z-index: 99; } .swiper-button-prev1a{ position: absolute; bottom:21px; right:0; z-index: 99; } .mySwiper1 .swiper { width: 100%; height: 100%; } .tzzgx-page .tab2 .right .page .tz{ display: none; } .pagination li:first-child,.pagination li:last-child{ display: block; } .mySwiper1 .swiper-slide { text-align: center; font-size: 34px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.08)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .mySwiper1 .swiper-slide-active{ background: none; -webkit-background-clip: initial; color:#000; -webkit-text-fill-color:#000; } .mySwiper1 .swiper-slide-active span{ -webkit-text-fill-color:#d7392e; } .mySwiper1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .page-link{ padding:0; width:32px; height:32px; line-height: 30px; border:solid 1px #ddd; text-align: center; color:#333; } .page-link:focus{ box-shadow: none; } .pagination li{ margin:0 10px; } .page-link:hover { z-index: 2; color:#d7392e; text-decoration: none; border-color: #d7392e; background-color: #fff; } .pagination li.cur .page-link{ border-color:#d7392e; color:#d7392e; } .tzzgx-page .tab2 .right .page .tz input{ width:54px; height:32px; line-height: 30px; text-align: center; margin:0 15px; border:solid 1px #ddd; outline: none; } .tzzgx-page .tab1 .right .img{ width:282px; height:auto; position: relative; margin-right:119px; } .tzzgx-page .tab1 .right .img img{ width:100%; } .tzzgx-page .tab1 .right .img .p1{ font-size: 24px; color:#fff; margin-top: 70px; margin-left: 25px; } .tzzgx-page .tab1 .right .img .p1 span{ font-size: 14px; } .tzzgx-page .tab1 .right .img .p2{ font-size: 24px; color:#fff; margin-left: 25px; } .tzzgx-page .tab1 .right .img .p3{ font-size: 12px; color:rgba(255,255,255,0.6); position: absolute; left:25px; bottom:10px; } .tzzgx-page .tab1 .right .txt .select select{ width:180px; appearance: none; -webkit-appearance: none; border:0; height: 46px; border-bottom: solid 1px #ddd; font-size: 16px; color:#d7392e; outline: none; padding-right:20px; background: url("../images/xsj.png") no-repeat; background-position: 166px 19px; } .tzzgx-page .tab1 .right .txt{ width:640px; position: relative; } .tzzgx-page .tab1 .right .txt .select option{ display: block; line-height: 46px; color:#333; } .tzzgx-page .tab3 .left .tab-menu{ width:165px; height:114px; border-left: solid 1px #ddd; display: flex; flex-direction: column; justify-content: space-between; margin-left: 39px; margin-top: 170px; } .tzzgx-page .tab3 .left .tab-menu li{ line-height: 40px; width:100%; font-size: 20px; color:#999; text-align: center; margin-left: -2px; cursor: pointer; } .tzzgx-page .tab3 .left .tab-menu li.cur{ border-left: solid 3px #d7392e; font-size: 24px; color:#d7392e; } .tzzgx-page .tab3 .right .tab-detail{ width:100%; } .tzzgx-page .tab3 .right .tab-detail .item{ display: none; } .tzzgx-page .tab3 .right .tab-detail .item.cur{ display: flex; justify-content: space-between; } .tzzgx-page .tab1 .right .txt .title{ font-size: 32px; color:#333; font-weight: bold; margin:60px 0 10px 0; } .tzzgx-page .tab1 .right .txt .des{ font-size: 16px; color:#666; } .tzzgx-page .tab1 .right .txt .btn{ display: flex; position: absolute; bottom:0; } .tzzgx-page .tab1 .right .txt .btn a{ width:160px; height:48px; border:solid 1px #d7392e; font-size: 16px; color:#d7392e; line-height: 48px; text-align: center; margin-right: 24px; } .tzzgx-page .tab3{ display: flex; background-color: #f5f9fb; padding: 80px 0; justify-content: space-between; } .tzzgx-page .tab3 .left{ flex:1; } .tzzgx-page .tab3 .right{ flex:3; display: flex; justify-content: space-between; } .tzzgx-page .tab3 .right .video-left{ flex:2; height:531px; position: relative; } .tzzgx-page .tab3 .right .img{ width:100%; height:100%; cursor: pointer; position: relative; } .tzzgx-page .tab3 .right .img .txt{ width:100%; height:0px; position: absolute; bottom: 0px; left:0px; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; line-height: 36px; padding-left:10px; overflow: hidden; transition: all 0.5s; } .tzzgx-page .tab3 .right .img:hover .txt{ height:36px; } .tzzgx-page .tab3 .right .video-left .img img{ width:100%; height:99%; object-fit: cover; } .tzzgx-page .tab3 .right .video-right .img img{ width:100%; height:98%; object-fit: cover; } .tzzgx-page .tab3 .right .video-left .img img.playBtn{ width:80px; height:80px; position: absolute; right:40px; bottom:40px; cursor: pointer; } .tzzgx-page .tab3 .right .video-right{ flex:1; height:531px; display: flex; padding-left: 23px; flex-direction: column; justify-content: space-between; } .tzzgx-page .tab3 .right .video-right .img{ width:100%; height:100%; position: relative; cursor: pointer; } .tzzgx-page .tab3 .right .video-right .img img.playBtn{ width:48px; height:48px; position: absolute; right:40px; bottom:40px; cursor: pointer; } .videoAlert{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background:rgba(0,0,0,0.2) !important; display: none; } .img_close{ width:36px; height:36px; flex-shrink: 0; position: absolute; top: 20px; right: 20px; transform: translate(-50%, -50%); } .videoAlert_bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .videoAlert video{ outline: none; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tzzgx-page .footer{ width:100%; height:105px; background:url("../images/footer-img.png") no-repeat; background-size: 100% 100%; padding-left: 184px; } .tzzgx-page .footer span{ margin-right: 60px; line-height: 105px; color:#fff; font-size: 16px; } .zjjz-page .banner .img{ width:100%; } .zjjz-page .banner .img.cur{ opacity: 0; } .zjjz-page{ padding:20px 20px 0px 0px; } .zjjz-page .banner{ position: relative; } .zjjz-page .banner .videos{ width:100%; height: 100%; position: absolute; left:0; display: none; z-index: 9999; } .zjjz-page .banner .playBtn{ position: absolute; width:80px; height:80px; position: absolute; left:50%; bottom:40%; transform: translateX(-50%); z-index: 3; cursor: pointer; } .zjjz-page .banner .txt { position: absolute; left:0; width: 100%; text-align: center; top:20%; } .zjjz-page .banner .txt .t{ font-size: 60px; font-weight: bold; color:#000; margin-bottom: 40px; } .zjjz-page .banner .txt .t span{ color:#d7392e; } .zjjz-page .banner .txt .d{ font-size: 24px; font-weight: bold; color:#333; } .zjjz-page .cpNav{ height:100px; width:90%; } .zjjz-page .cpNav.cur{ position: fixed; top: 0px; margin-top: 0px; } .zjjz-page .cpNav ul li{ line-height: 93px; } .zjjz-page .tab1{ display: flex; justify-content: space-between; padding:0 0 0 5%; padding-top: 150px; margin-top: -65px; background: url("../images/zjjz-tab1-bg.jpg") no-repeat center center; background-size: cover; padding-bottom: 70px; } .zjjz-page .tab2{ padding:0 0 0 5%; margin-top: 100px; margin-bottom: 89px; } .zjjz-page .tab2 .bottom{ margin-top: 60px; width:100%; } .zjjz-page .tab2 .wrapperY{ width: 100%;overflow: hidden;position:relative; background: url("../images/fzlc-bg.png") repeat-x left 20px; padding-top: 30px; } .zjjz-page .tab2 .left{ position: relative; } .zjjz-page .tab2 .bottom .img{ display: block; width:100%; } .zjjz-page .tab2 .bottom ul{ width:100%; height:47px; display: flex; } .zjjz-page .tab2 .bottom ul li{ position: relative; font-size: 20px; color:#666; line-height: 47px; min-width:100px; cursor: pointer; } /* .zjjz-page .tab2 .bottom ul li:nth-child(1){ left:0; top:0; } .zjjz-page .tab2 .bottom ul li:nth-child(2){ left:25%; top:0; margin-left: -25px; } .zjjz-page .tab2 .bottom ul li:nth-child(3){ left:50%; top:0; margin-left: -25px; } .zjjz-page .tab2 .bottom ul li:nth-child(4){ left:75%; top:0; margin-left: -25px; } .zjjz-page .tab2 .bottom ul li:nth-child(5){ left:100%; top:0; margin-left: -25px; } */ .zjjz-page .tab2 .right{ width:757px; margin-right: 5%; } .zjjz-page .tab2 .right ul{ border-left:solid 1px #ddd; } .zjjz-page .tab2 .right li{ margin-bottom: 20px; cursor: pointer; min-height:40px; margin-left: -11px; display: flex; flex-direction: column; justify-content: center; } .zjjz-page .mySwiper1 .swiper-slide{ font-size: 100px; } .zjjz-page .mySwiper1{ width:268px; height:120px; position: relative; position: absolute; left:0; bottom:0; } .zjjz-page .swiper-button-prev1{ right:-30px; bottom:68px; cursor: pointer; } .zjjz-page .swiper-button-next1{ bottom:22px; right:-30px; cursor: pointer; } .zjjz-page .tab2 .right li .detail{ display: none; padding-left: 80px; margin-top: 10px; } .zjjz-page .tab2 .right li.cur .detail { display: block; } .zjjz-page .tab2 .right li.cur .detail img{ width:100%; } .zjjz-page .tab2 .right li .title{ font-size: 18px; color:#000; position: relative; padding-left: 80px; background-color: #fff; line-height: 40px; } .zjjz-page .tab2 .right li .title span{ width:18px; height:18px; border:solid 2px #d7392e; position: absolute; left:0px; top:9px; border-radius: 18px; } .zjjz-page .tab2 .right li .title span::after{ width:6px; height:6px; background-color: #d7392e; position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); } .zjjz-page .tab2 .top{ display: flex; justify-content: space-between; height: 500px; overflow-y: scroll; } .zjjz-page .left p.t { font-size: 32px; font-weight: bold; color: #000; padding-left: 39px; } .zjjz-page .left p.t span{ color: #D7392E; } .zjjz-page .tab1 .left{ width:50%; } .zjjz-page .tab1 .left .btn{ display: flex; margin-top: 50px; } .zjjz-page .tab1 .left .btn a{ width:160px; height:48px; border:solid 1px #d7392e; line-height: 46px; text-align: center; font-size: 16px; color:#d7392e; margin-right: 25px; } .zjjz-page .tab1 .left .btn a.cur{ background-color: #d7392e; color:#fff; } .zjjz-page .tab1 .left .btn a:hover{ background-color: #d7392e; color:#fff; } .zjjz-page .tab1 .left p.des{ margin-top: 20px; font-size: 14px; color:#666; text-align: justify; } .zjjz-page .tab1 .left p.t{ font-size: 24px; color: #000; } .zjjz-page .tab1 .right{ width:44%; } .zjjz-page .tab1 .right ul{ display: flex; flex-wrap: wrap; } .zjjz-page .tab1 .right ul li{ width:48%; margin-right: 2%; margin-bottom: 86px; } .zjjz-page .tab1 .right ul li .p1{ font-size: 24px; color:#333; font-weight: bold; } .zjjz-page .tab1 .right ul li .p2{ font-size: 24px; } .zjjz-page .tab1 .right ul li .p3{ font-size: 14px; color:#666; } .zjjz-page .tab1 .right ul li span{ color:#d7392e; font-size: 32px; font-weight: bold; } .zjjz-page .tab2 .bottom li{ position: relative; } .zjjz-page .tab2 .bottom li span { width: 15px; height: 15px; border: solid 2px #d7392e; position: absolute; left: 9px; top: -15px; border-radius: 18px; display: none; } .zjjz-page .tab2 .bottom li.cur span{ display: block; } .zjjz-page .left .box{ height:350px; overflow: hidden; display: flex; flex-direction: column; justify-content: end; position: absolute; bottom:0px; left:0; width:350px; } .zjjz-page .tab2 .bottom li.cur{ color:#d7392e; } .zjjz-page .tab2 .bottom li:nth-child(1) span{ left:0; margin-left: 0; } .zjjz-page .tab2 .bottom li span::after { width: 6px; height: 6px; border-radius: 12px; background-color: #d7392e; position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); } .zjjz-page .tab3{ width:100%; height:260px; background: url("../images/zjjz-tab3-bg.png") no-repeat center center; margin-bottom: 100px; } .zjjz-page .tab3 ul{ display: flex; width:100%; height:100%; align-items: center; color:#fff; } .zjjz-page .tab3 ul li{ width:33.333%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .zjjz-page .tab3 ul li p{ font-size: 16px; color:#fff; } .zjjz-page .tab3 ul li p span{ padding:0px 5px; } .zjjz-page .tab3 ul li p.t{ font-size: 32px; color:#000; position: relative; padding-bottom: 10px; margin-bottom: 30px; } .zjjz-page .tab3 ul li p.t::after{ width:48px; height:4px; background-color: #d7392e; position: absolute; bottom:0; content:""; left:50%; transform: translateX(-50%); } .zjjz-page .tab4{ width:100%; height:440px; background: url("../images/zjjz-tab4-bg.jpg") no-repeat; display: flex; justify-content: space-between; } .zjjz-page .tab4 .txt{ width:48%; margin-right: 5%; display: flex; flex-direction: column; justify-content: center; } .zjjz-page .tab4 .txt p:nth-child(1){ font-size: 40px; font-weight: bold; color:#d7392e; } .zjjz-page .tab4 .txt p:nth-child(2){ font-size: 24px; color:#333; font-weight: bold; margin:5px 0 30px; } .zjjz-page .tab4 .txt p:nth-child(3){ font-size: 14px; color:#666; } .zjjz-page .tab4 .img { width:39%; display: flex; justify-content: end; } .zjjz-page .tab4 .img img{ display: block; } .zjjz-page .tab6{ margin: 100px 0; } .zjjz-page .tab6 ul{ width:100%; display: flex; flex-wrap: wrap; } .zjjz-page .tab6 ul .col25{ width:25%; } .zjjz-page .tab6 ul .row245.borderT{ border-bottom-width:0; } .zjjz-page .tab6 ul .col25.row120{ background-color:#f3f6f9; } .zjjz-page .tab6 ul .col50{ width:50%; } .zjjz-page .tab6 ul .col100{ width:100%; } .zjjz-page .tab6 ul .row120{ height:120px; background-color: #f3f6f9; } .zjjz-page .tab6 ul .row244{ height:244px; background-color: #fff; border:solid 1px #ddd; } .zjjz-page .tab6 ul .row369{ height:369px; } .zjjz-page .tab6 ul.column{ flex-direction: column; } .zjjz-page .tab6 ul li.flexr{ display: flex; } .zjjz-page .tab6 .borderR{ border-right:solid 1px #fff; } .zjjz-page .tab6 .border{ border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; } .zjjz-page .tab6 .bg000{ background-color: #000; padding-top: 45px; box-sizing: border-box; } .zjjz-page .tab6 .bg{ background: url("../images/zjjz-tab6-bg.png") no-repeat; background-size: 100% 100%; padding-top:45px; } .zjjz-page .tab6 ul .row120,.zjjz-page .tab6 ul .row245{ padding-top:30px; } .zjjz-page .tab6 ul p{ font-size: 14px; color:#999; } .zjjz-page .tab6 ul .inner{ width:90%; margin:0 auto; } .zjjz-page .tab6 ul .row120 p{ color:#333; } .zjjz-page .tab6 ul .t{ font-size: 24px; color:#000; font-weight: 400; margin-bottom: 5px; } .zjjz-page .tab6 ul .mark{ font-size: 14px; color:#333; margin-bottom: 15px; } .zjjz-page .tab6 ul .yxjzz,.zjjz-page .tab6 ul .rjrz{ display: flex; justify-content: space-between; position: relative; height:100%; } .zjjz-page .tab6 ul .row369.border{ padding-top: 45px; } .zjjz-page .tab6 ul .yxjzz .txt{ width:60%; } .zjjz-page .tab6 ul .rjrz .txt{ width:45%; } .zjjz-page .tab6 ul .rjrz .img{ width:55%; } .zjjz-page .tab6 ul .rjrz .img img{ width:48%; } .zjjz-page .tab6 ul .last .t{ color:#fff; } .zjjz-page .tab6 ul .last .mark{ color:#999; } .zjjz-page .tab6 ul .last .img{ text-align: right; position: absolute; bottom:20px; right:0; } .zjjz-page .tab6 ul .last .img img{ width: 125px; } .zjjz-page .tab6 ul .inner{ height:100%; position: relative; } .zjjz-page .tab6 ul .yxjzz .img{ position: absolute; bottom:38px; right:40px; } .zjjz-page .tab7{ margin-bottom: 100px; } .zjjz-page .tab7 .t{ text-align: center; font-size: 32px; color:#000; font-weight:bold; margin-bottom: 60px; } .zjjz-page .tab7 ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; border-top:solid 1px #ddd; border-left:solid 1px #ddd; } .zjjz-page .tab7 ul li{ display: flex; align-items: center; justify-content: center; width:25%; height:240px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; position: relative; overflow: hidden; } .zjjz-page .tab7 ul li div.on { position: absolute; left:0; bottom:-100%; height:100%; right:0; background: rgba(0,0,0,0.8); padding:20px; transition: all 0.4s; } .zjjz-page .tab7 ul li:hover div.on{ bottom:0; } .zjjz-page .tab7 ul li div.on p{ color:#fff; font-size: 14px; color:#ddd; } .zjjz-page .tab7 ul li div.on a{ display: block; } .zjjz-page .tab7 ul li div.on p.name{ font-size: 18px; margin-bottom: 10px; } .zjjz-page .tab7 ul li div.on .iconfont{ color:#fff; font-size: 33px; position: absolute; right:224px; bottom:10px; line-height: 1; transition: all 0.8s; } .zjjz-page .tab7 ul li:hover div.on .iconfont { right:24px; } .zjjz-page .tab7 ul li div.on p.phone{ margin-top: 20px; } .mySwiper2 { width: 100%; height: auto; padding:90px 40px; margin-left: auto; margin-right: auto; } .mySwiper2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: 170px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition-property:all; background: url("../images/swiper-img.png") no-repeat; background-size: 100% 100%; align-items: end; position: relative; cursor: pointer; } .mySwiper2 .swiper-slide .on{ position: absolute; content:""; width:48px; height:48px; background-color: #d7392e; right:-4px; bottom:-4px; transition: all 0.4s; padding: 20px; overflow: hidden; } .mySwiper2 .swiper-slide .on p{ display: none; color: #FFFFFF; } .mySwiper2 .swiper-slide:hover .on { width: 100%; height: 100%; right:0px; bottom:0px; font-size: 14px; text-align: left; } .mySwiper2 .swiper-slide:hover .on p { display: block; } .swiper-button-next, .swiper-button-prev{ color:#000; } .mySwiper2 .swiper-slide .inner{ display: flex; justify-content: flex-start; } .mySwiper2 .swiper-slide .img{ padding-right: 10px; } .mySwiper2 .swiper-slide .txt{ width:50%; text-align: left; } .mySwiper2 .swiper-slide .img img{ height: 140px; display: block; } .mySwiper2 .swiper-slide p{ font-size: 16px; color:#666; } .mySwiper2 .swiper-slide .name{ font-size: 24px; color:#d7392e; margin-bottom: 10px; } .zjjz-page .tab6 ul .row244{ padding-top: 30px; } .zjjz-page .tab1 .left p.t{ padding-left: 0; } .zzy-page{ position: fixed; left:0; right:0; top:0; bottom:0; background: url("../images/zzy-bg1.png") no-repeat; background-size: 100% 100%; } .zzy-page2{ position: fixed; left:0; right:0; top:0; bottom:0; background: url("../images/zzy-bg2.png") no-repeat; background-size: 100% 100%; } .zzy-page .txt{ width:670px; position: absolute; top:26%; left:20%; } .zzy-page .txt p{ color:#fff; } .zzy-page2 .txt span{ margin:0 30px; } .zzy-page .txt p.t{ font-size: 60px; margin-bottom: 30px; } .zzy-page .txt p.d{ font-size: 24px; } .zzy-page .txt .btn{ display: flex; margin-top: 100px; } .zzy-page .txt .btn a{ padding:0px 35px; border:solid 1px #d7392e; font-size: 24px; color:#fff; margin-right: 24px; display: flex; line-height: 60px; } .zzy-page2 .txt{ width:722px; } .zzy-page2 .txt .btn a{ border:solid 1px #0090ff; } .zzy-page .txt .btn a .icon-jiantou_xiangyou_o{ font-size: 33px; color:#d7392e; margin-left: 27px; } .zzy-page2 .txt .btn a .icon-jiantou_xiangyou_o{ color:#0090ff; } .zzy-page .txt .btn a.cur{ background-color: #d7392e; } .zzy-page .txt .btn a:hover{ background-color: #d7392e; } .zzy-page2 .txt .btn a.cur{ background-color: #0090ff; } .zzy-page2 .txt .btn a:hover{ background-color: #0090ff; } .zzy-page .txt .btn a:hover .icon-jiantou_xiangyou_o{ color:#fff; } .wzxq-page{ padding: 20px 20px 0px 0px; } .wzxq-page .inner{ display: flex; justify-content: space-between; } .wzxq-page .inner .left{ flex: 1; } .wzxq-page .inner .right{ width:440px; margin-left: 70px; } .wzxq-page .inner .left .title{ border-bottom: solid 1px #ddd; padding:30px 80px; margin-bottom: 40px; } .wzxq-page .inner .left .title .t{ font-size: 30px; color:#000; margin-bottom: 15px; } .wzxq-page .inner .left .title .mark{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .wzxq-page .inner .left .title .mark .iShare-32 a i{ font-size: 16px; } .wzxq-page .inner .left .title .mark span{ font-size: 16px; color:#666; padding-right: 20px; } .wzxq-page .inner .left .title .mark span img{ width:16px; cursor: pointer; } .wzxq-page .inner .left .banner{ position: relative; } .wzxq-page .inner .left .banner .img{ width: 100%; } .wzxq-page .playBtn{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:80px; height:80x; cursor: pointer; } .wzxq-page .videos{ position: absolute; left:0; top:0; height:100%; width:100%; display: none; z-index: 99; } .wzxq-page .banner .img.cur{ opacity: 0; } .wzxq-page .banner .img{ opacity: 1; } .wzxq-page .banner{ margin-bottom: 30px; } .wzxq-page .banner .xxnr{ width: 100%; padding:10px 90px; text-align: left; line-height: 1.5; } .wzxq-page .banner .xxnr.bianzi{ font-size: 30px; } .wzxq-page .banner .xxnr img{ max-width: 100%; } .wzxq-page .inner .left .tt{ font-size: 20px; color:#000; margin-bottom: 20px; } .wzxq-page .inner .left .des{ font-size: 16px; color:#666; margin-bottom: 36px; } .wzxq-page .inner .left .line{ width:100%; height:1px; background-color: #ddd; } .wzxq-page .inner .left .xgzx{ padding-top:97px; } .wzxq-page .inner .left .xgzx .t{ font-size: 32px; color:#000; margin-bottom: 30px; } .wzxq-page .inner .left .xgzx ul { display: flex; justify-content: space-between; } .wzxq-page .inner .left .xgzx ul li{ padding-left:30px; padding-top:25px; width:48%; height:200px; background: url("../images/xgzx-bg.png") no-repeat; background-size: 100% 100%; position: relative; } .wzxq-page .inner .left .xgzx ul li .num{ color:#999; font-size: 12px; position: absolute; left:30px; bottom:29px; display: flex; align-items: center; } .wzxq-page .inner .left .xgzx ul li .num span{ margin-right: 7px; } .wzxq-page .inner .left .xgzx .zxMakr{ color:#d7392e; font-size: 12px; margin-bottom: 8px; } .wzxq-page .inner .left .xgzx .zxTitle{ font-size: 18px; color:#fff; } .wzxq-page .inner .right { padding-top: 60px; } .wzxq-page .inner .right .gzh{ padding:40px 35px 0 38px; background-color: #f5f5f5; height:500px; margin-bottom: 30px; display: flex; } .wzxq-page .inner .right .gzh .p1{ font-size: 14px; color:#999; margin-bottom: 4px; } .wzxq-page .inner .right .gzh .p2{ font-size: 24px; color:#000; font-weight: bold; } .wzxq-page .inner .right .gzh img{ margin-bottom: 25px; margin-top: 180px; } .wzxq-page .inner .right .gzh .txt{ flex:1; } .wzxq-page .inner .right .gzh .img{ flex:1; } .wzxq-page .inner .right .gzh .img img{ margin-top: 20px; width:100%; } .wzxq-page .inner .right .mtbd{ padding:35px 40px 20px 35px; background-color: #f5f5f5; } .wzxq-page .inner .right .mtbd .t{ font-size: 32px; color:#000; margin-bottom: 19px; } .wzxq-page .inner .right .mtbd ul li{ padding:15px 0; border-bottom: solid 1px #ddd; font-size: 16px; color:#666; } .wzxq-page .inner .right .mtbd ul li:last-child{ border-bottom-width: 0; } .zt-page1{ background: url("../images/zt-bg.jpg") repeat; width:100%; padding-top:45px; } .zt-page1 .inner{ width:1200px; margin:0 auto; position: relative; } .zt-page1 .inner::after{ position: absolute; right:79px; top:0; content:""; width:79px; height:18px; background-color: #d7392e; } .zt-page1 .inner .tab1{ width:1120px; background: url("../images/ztym-tab1-bg.png") no-repeat top center; margin:0 auto; position: relative; padding-top:220px; } .zt-page1 .inner .tab1 .box{ width:260px; height:162px; background-color: #d7392e; position: absolute; left:20px; top:42%; z-index: 0; } .zt-page1 .inner .tab1 .txt{ display: flex; align-items: center; justify-content: center; position: relative; } .zt-page1 .inner .tab1 .txt .t{ font-size: 200px; color:#000; font-weight: 600; margin-right:30px; position: relative; z-index: 3; } .zt-page1 .inner .tab1 .jt{ display: block; margin:130px auto 60px; } .zt-page1 .inner .tab1 .txt .t span{ color:#d7392e; } .zt-page1 .inner .tab1 .txt .mark .p1{ font-size: 40px; font-weight: bold; color:#d7392e; } .zt-page1 .inner .tab1 .txt .mark .p2{ font-size: 40px; font-weight: bold; color:#000; } .zt-page1 .inner .tab1 .txt .mark .p3{ color:#010101; font-size: 20px; } .zt-page1 .inner .tab1 ul{ display: flex; justify-content: center; } .zt-page1 .inner .tab1 ul li{ font-size: 24px; color:#000; display: flex; align-items: center; margin:0 55px; } .zt-page1 .inner .tab1 ul li img{ margin-right: 8px; } .zt-page1 .inner .tab1 .des{ font-size: 18px; color:#666; margin-top: 39px; } .zt-page1 .tab2 .detail{ width:766px; height:394px; background: url("../images/cpsj-bg.png") no-repeat; background-size: 100% 100%; margin:40px auto 0; position: relative; } .zt-page1 .tab2 .detail .sfl .t{ position: absolute; left:211px; top:180px; font-size: 24px; color:#fff; } .zt-page1 .tab2 .detail .sfl .d1{ position: absolute; left:0px; top:83px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .sfl .d1::after{ position: absolute; content:"01"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .szh .d1::after{ position: absolute; content:"01"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .szh .d2::after{ position: absolute; content:"02"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .szh .d3::after{ position: absolute; content:"03"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .szh .d4::after{ position: absolute; content:"04"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .sfl .d3::after{ position: absolute; content:"03"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .sfl .d2::after{ position: absolute; content:"02"; left:0; top:0; width:24px; height:24px; border-radius: 24px; background-color: #d7392e; color:#fff; font-size: 14px; text-align: center; line-height: 24px; } .zt-page1 .tab2 .detail .szh .d1{ position: absolute; left:616px; top:83px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .sfl .d2{ position: absolute; left:-40px; top:185px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .szh .d2{ position: absolute; left: 641px; top: 154px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .szh .d3{ position: absolute; left: 638px; top: 224px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .szh .d4{ position: absolute; left: 616px; top: 290px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .sfl .d3{ position: absolute; left:-18px; top:290px; font-size: 18px; color:#000; padding-left:39px; } .zt-page1 .tab2 .detail .szh .t{ position: absolute; right:211px; top:180px; font-size: 24px; color:#fff; } .zt-page1 .tab .title{ font-size: 40px; font-weight: bold; text-align: center; } .zt-page1 .tab{ margin-top: 150px; } .zt-page1 .tab .des{ width:780px; font-size: 18px; color:#666; margin:30px auto 0; text-align: center; } .zt-page1 .tab .title span{ color:#d7392e; } .zt-page1 .tab3 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 35px; } .zt-page1 .tab3 ul li{ width:32%; padding:60px 30px 46px 30px; border:solid 1px #b8b8b8; margin-bottom: 40px; border-radius: 20px; } .zt-page1 .tab3 ul li img{ height: 50px; } .zt-page1 .tab3 ul li .t{ font-size: 24px; color:#000; margin:50px 0 25px; } .zt-page1 .tab3 ul li .des{ width:100%; font-size: 18px; color:#666; text-align: left; margin:0; margin-bottom: 6px; } .zt-page1 .tab4 ul{ display: flex; justify-content: space-between; width:100%; margin-top: 30px; } .zt-page1 .tab4 ul li{ width:48%; border:solid 2px #b8b8b8; height:198px; border-radius: 15px; padding:0 60px; } .zt-page1 .tab4 ul li p.d{ color:#666; font-size: 18px; } .zt-page1 .tab4 ul li p.t{ font-size: 24px; color:#fff; background: url("../images/ywjz-t-bg.png") no-repeat; text-align: center; width:280px; height:50px; line-height: 50px; margin:0 auto 38px; } .zt-page1 .tab5 .xctjlj{ margin-top: 30px; border-left:solid 2px #b8b8b8; border-top:solid 2px #b8b8b8; } .zt-page1 .tab5 .xctjlj .top{ padding:34px 0 40px; border-bottom: solid 2px #b8b8b8; border-right:solid 2px #b8b8b8; } .zt-page1 .tab5 .xctjlj .wrap .sycj{ border:solid 2px #d7392e; border-radius: 15px; width:90%; text-align: center; padding:35px 0 40px; margin: 40px auto 45px; } .zt-page1 .tab5 .xctjlj .wrap .sycj p{ font-size: 18px; color:#666; } .zt-page1 .tab5 .xctjlj .wrap .sycj .t{ font-size: 24px; color:#d7392e; font-weight: bold; margin-bottom: 20px; } .zt-page1 .tab5 .xctjlj .top .t{ font-size: 32px; color:#000; text-align: center; } .zt-page1 .tab5 .xctjlj .wrap{ display: flex; } .zt-page1{ padding-bottom: 117px; } .zt-page1 .tab5 .xctjlj .wrap .item{ width:50%; border-right:solid 2px #b8b8b8; border-bottom:solid 2px #b8b8b8; display: flex; flex-direction: column; align-items: center; padding:40px 0 67px; } .zt-page1 .tab5 .xctjlj .wrap .item .xclj{ width:335px; } .zt-page1 .tab5 .xctjlj .wrap .item .xclj p{ font-size: 18px; color:#666; text-align: center; } .zt-page1 .tab5 .xctjlj .wrap .item .xclj .t{ background: url("../images/xclj-title-bg.png") no-repeat center center; width:335px; height:23px; line-height: 23px; text-align: center; font-size: 16px; color:#d7392e; font-weight: bold; margin-bottom: 15px; } .zt-page1 .tab5{ background: url("../images/jjfa-title-bg.png") no-repeat 81px 32px; } .zt-page1 .back { position: absolute; left:60px; top:60px; } .zt-page1 .back a{ display: flex; align-items: center; font-size: 24px; color:#333; font-weight: bold; } .zt-page1 .back img{ margin-right: 17px; } .item-t{ width:400px; height:60px; background-color: #d7392e; color:#fff; font-size: 24px; line-height: 60px; text-align: center; border-radius: 60px; } .zt-page1 .cptz{ width:1120px; } .zt-page1 .cptz .detail{ display: flex; margin-top: 30px; } .zt-page1 .cptz .detail .left{ width:580px; height:445px; background: url("../images/cptz-img.png") no-repeat 0 center; position: relative; } .zt-page1 .cptz .detail .left p{ position: absolute; font-size: 24px; color:#000; } .zt-page1 .cptz .detail .left .t{ font-size: 40px; color:#fff; left:53px; top:193px; } .zt-page1 .cptz .detail .left .d1{ left:302px; top:20px; } .zt-page1 .cptz .detail .left .d2{ left:364px; top:205px; } .zt-page1 .cptz .detail .left .d3{ left:301px; top:376px; } .zt-page1 .cptz .detail .right{ width:538px; height:443px; border:solid 2px #b8b8b8; border-radius: 10px; padding:0 50px 45px; } .zt-page1 .cptz .detail .right .t{ width:280px; height:50px; background: url("../images/ywjz-t-bg.png") no-repeat; margin:0 auto; font-size: 24px; color:#fff; text-align: center; line-height: 50px; position: relative; top:-1px; } .zt-page1 .cptz .detail .right .d{ font-size: 18px; color:#666; margin-top: 48px; text-align: justify; } .zt-page2{ width: 100%; background: url("../images/A8_bg.jpg") repeat; } .zt-page2 .inner{ width:1200px; margin:0 auto; padding-top:80px; padding-bottom: 30px; } .zt-page2 .tab1 .a8{ display: flex; position: relative; } .zt-page2 .tab1 .yd{ width:675px; display: flex; justify-content: space-between; font-size: 24px; color:#000; margin: 0 auto 35px; } .zt-page2 .tab1 .yd li{ display: flex; align-items: center; } .zt-page2 .tab1 .yd li img{ margin-right: 11px; } .zt-page2 .tab1 .a8::after{ position: absolute; right:0; bottom:0; content:""; width:65px; height:13px; background-color: #1765e6; } .zt-page2 .tab1 .a8 .right .t{ font-size: 40px; font-weight: bold; color:#1765e6; margin-bottom: 14px; } .zt-page2 .tab1 .a8 .right .d{ font-size: 20px; color:#000; font-weight: bold; } .zt-page2 .tab1 .a8 .right .txt{ padding:25px; position: relative; } .zt-page2 .tab1 .a8 .right .txt .icon1{ position: absolute; left:0;top:0; } .zt-page2 .tab1 .a8 .right{ display: flex; flex-direction: column; justify-content: center; margin-left: 40px; } .zt-page2 .tab1 .a8 .right .txt .icon2{ right:0; bottom:0; position: absolute; } .zt-page2 .tab1 .a8 .list{ display: flex; align-items: center; width:65px; justify-content: space-between; position: absolute; right:0; top:60px; } .zt-page2 .tab1 .a8 .list span{ width:28px; height:28px; border:solid 6px #1765e6; border-radius: 28px; box-sizing: border-box; } .zt-page2 .tab1 .a8 .list span:nth-child(2){ border-color:rgba(23,101,230,0.3); } .zt-page2 .tab1 .jt{ margin:70px auto 50px; display: block; } .zt-page2 .back{ position: absolute; top:65px; left:63px; font-size: 24px; color:#333; font-weight: bold; } .zt-page2 .back a{ display: flex; align-items: center; } .zt-page2 .back img{ margin-right: 12px; } .zt-page2 .tab1 .des{ color:#666; font-size: 16px; width:1103px; margin:0 auto; text-align: center; } .zt-page2 .tab1 .tx{ width:996px; display: flex; justify-content: space-between; margin: 50px auto; } .zt-page2 .tab1 .tx li{ width:300px; height:88px; border:dashed 1px #1765e6; font-size: 20px; color:#000; text-align: center; line-height: 88px; font-weight: bold; } .zt-page2 .jyxt{ width:550px; height:394px; background: url("../images/jyxt.png") no-repeat center center; margin:0 auto; position: relative; } .zt-page2 .jyxt p{ position: absolute; font-size: 16px; color:#1765e6; } .zt-page2 .jyxt .p1{ left:239px; top:0; } .zt-page2 .jyxt .p2{ left:13px; top:157px; } .zt-page2 .jyxt .p3{ left:148px; top:360px; } .zt-page2 .jyxt .p4{ left:335px; top:360px; } .zt-page2 .jyxt .p5{ left:455px; top: 157px; } .zt-page2 .tab{ margin-top: 100px; } .zt-page2 .tab .title{ font-size: 40px; color:#000; font-weight: bold; margin-bottom: 30px; text-align: center; } .zt-page2 .tab .des{ width:770px; text-align: center; margin:0 auto; } .zt-page2 .tab .title span{ color:#1765e6; } .zt-page2 .tab2 .xcdz{ height:260px; width:100%; background-color: rgba(23,101,230,0.15); margin-top:30px; display: flex; align-items: center; justify-content: space-between; padding:0 30px; } .zt-page2 .tab2 .xcdz .item{ width:330px; height:212px; background-color: #fff; display: flex; flex-direction: column; align-items: center; padding-top: 24px; } .zt-page2 .tab2 .xcdz .item .title{ font-size: 24px; font-weight: bold; margin-bottom: 10px; } .zt-page2 .tab2 .xcdz .t{ width:47px; text-align: center; color:#1765e6; font-size: 24px; } .zt-page2 .tab2 .jspt .d{ width:280px; height:112px; background-color: #1765e6; font-size: 14px; color:#fff; padding:0 68px; display: flex; align-items: center; } .zt-page2 .tab2 .jcss ul{ width:280px; height:112px; background-color: #1765e6; display: flex; flex-wrap: wrap; padding:26px 40px; justify-content: space-between; } .zt-page2 .tab2 .jcss ul li{ font-size: 14px; color:#fff; display: flex; align-items: center; } .zt-page2 .tab2 .jcss ul li img{ margin-right: 6px; } .zt-page2 .tab2 .xcdz1 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width:280px; margin:0 auto; } .zt-page2 .tab2 .xcdz1 li{ width:132px; height:48px; background-color: #1765e6; color:#fff; line-height: 1.2; display: flex;align-items: center; justify-content: center; margin-bottom: 16px; } .zt-page2 .tab3 .item{ margin-top: 60px; } .zt-page2 .tab3 .item ul{ display: flex; justify-content: space-between; margin-top: 30px; } .zt-page2 .tab3 .item ul li{ width:374px; height:360px; border: solid 2px #dddddd; border-radius: 10px; padding:35px; } .zt-page2 .tab3 .item ul li img{ margin-bottom: 45px; } .zt-page2 .tab3 .item ul li .t{ font-size: 24px; color:#000; font-weight: bold; margin-bottom: 15px; } .zt-page2 .tab3 .item ul li .d p{ font-size: 16px; color:#666; margin-bottom: 10px; } .zt-page2 .tab3 .item .title{ font-size: 24px; margin-bottom: 5px; } .zt-page2 .tab3 .jcfw ul{ width:787px; margin:30px auto 0; } .zt-page2 .tab4 ul{ display: flex; justify-content: space-between; margin-top: 30px; } .zt-page2 .tab4 ul li{ width:374px; height:419px; background: url("../images/ywcj-bg.png") no-repeat; background-size: 100% 100%; padding:35px 0px 0 70px; position: relative; } .zt-page2 .tab4 ul li .t{ font-size: 24px; color:#000; margin-bottom: 25px; } .zt-page2 .tab4 ul li .detail{ display: flex; flex-wrap: wrap; } .zt-page2 .tab4 ul li .list { display: flex; align-items: center; width: 35px; justify-content: space-between; position: absolute; right: 34px; top: 35px; } .zt-page2 .tab4 ul li .list span { width: 14px; height: 14px; border: solid 4px #1765e6; border-radius: 28px; box-sizing: border-box; } .zt-page2 .tab4 ul li .list span:nth-child(2) { border-color: rgba(23,101,230,0.3); } .zt-page2 .tab4 ul li .detail p.ft20{ font-size: 20px; height:20px; align-items: center; } .zt-page2 .tab4 ul li .detail p.ft20 span{ line-height: 10px; } .zt-page2 .tab4 ul li .detail p{ display: flex; align-items: center; font-size: 16px; color:#666; margin-bottom: 14px; width:100%; } .zt-page2 .tab4 ul li .detail p.w5{ width:50%; } .zt-page2 .tab4 ul li .detail p img{ margin-right: 14px; } .zt-page2 .tab5{ margin-bottom: 95px; } .zt-page2 .tab5 .detail{ display: flex; justify-content: space-between; background: url("../images/a8-img.png") no-repeat center center; } .zt-page2 .tab5 .detail .item{ width:453px; height:389px; position: relative; padding:50px 0; display: flex; flex-direction: column; justify-content: space-between; } .zt-page2 .tab5 .detail .item .left-top{ width:100%; position: absolute; left:0; top:0; } .zt-page2 .tab5 .detail .item .left-bottom{ width:100%; position: absolute; left:0; bottom:0; } .zt-page2 .tab5 .detail .item p{ font-size: 16px; background: url("../images/ywcj-icon.png") no-repeat left center; padding-left: 20px; } .tzzgx-page .banner img{ width:100%; } .sidebar .menu li > ul{ display: none; } .fhBtn{ display: none; } .news-wrap .tab-menu-detail .item .page{ margin: 33px 0px; display: flex; align-items: center; justify-content: end; } .news-wrap .tab-menu-detail .item .page .diyi,.news-wrap .tab-menu-detail .item .page .zuihou{ width:53px; height:32px; border:solid 1px #ddd; font-size: 14px; color:#666; text-align: center; line-height: 30px; margin:0 20px; cursor: pointer; } .news-wrap .tab-menu-detail .item .page .zhongjianshuzi{ width:32px; height:32px; border:solid 1px #ddd; font-size: 14px; color:#666; text-align: center; line-height: 30px; margin:0 5px; cursor: pointer; } .news-wrap .tab-menu-detail .item .page .zhongjianshuzi.cur{ border-color: #d7392e; color: #d7392e; } .news-wrap .tab-menu-detail .item .page .num{ font-size: 14px; color:#666; } .news-wrap .tab-menu-detail .item .page .tz{ font-size: 14px; color:#666; margin-left: 30px; } .fixed-top { position: fixed; top: 20px; z-index: 999; } .sousuo-page .title{ color: #d7392e; font-size: 34px; margin-bottom: 8px; width: 100%; text-align: center; } .sousuoform { width: 80%; margin: 0 auto; position: relative; height: 42px; } .sousuoformtext { width: 100%; height: 42px; padding-left: 10px; } .sousuoformsub { position: absolute; right: 0px; top: 0px; margin-top: 0px; width: 120px; height: 42px; color: #d7392e; } .same_foot{ width: 100%; padding:40px 60px 20px 60px; background-color: #000000; display: flex; justify-content: space-between; flex-wrap: nowrap; } .same_foot_center_top ul{ display: flex; flex-wrap: nowrap; justify-content: flex-start; } .same_foot_center_top ul li{ margin: 0px 30px; display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; } .same_foot_center_top ul li p{ font-size: 14px; color: #A5A5A5; padding-top: 8px; } .same_foot_center_top ul li p a{ color: #FFFFFF; } .same_foot_center_top ul li p a:hover{ color: #d7392e; } .same_foot_center_top ul li .now{ display: inline; } .same_foot_center_top ul li .on{ display: none; } .same_foot_center_top ul li:hover .now{ display: none; } .same_foot_center_top ul li:hover .on{ display: inline; } .same_foot_center_top ul li:hover p{ color: #d7392e; } .same_foot_center_top ul li img{ height: 19px; } .same_foot_center_center{ margin: 13px 0px; } .same_foot_center_center p{ margin-top: 32px; text-align: center; font-size: 14px; color: #A5A5A5; } .same_foot_center_bottom p{ margin-top: 12px; text-align: center; font-size: 14px; color: #A5A5A5; } .same_foot_right .right_top{ display: flex; flex-wrap: nowrap; justify-content: flex-start; } .same_foot_right .right_top .right_top_left{ display: flex; } .same_foot_right .right_top .right_top_left p{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 16px; } .same_foot_right .right_top .right_top_left p span{ padding-top: 8px; font-size: 14px; color: #A5A5A5; } .same_foot_right .right_top .right_top_right{ display: flex; flex-direction: column; justify-content: space-between; } .right_top_right div p:nth-child(1){ font-size:16px; color: #A5A5A5; } .right_top_right div p:nth-child(2){ font-size:20px; color: #FFFFFF; } .same_foot_right .right_bottom{ font-size: 14px; color: #A5A5A5; margin-top: 15px; } .fanhuidingbu{ position: fixed; bottom:210px; right:10px; cursor: pointer; display: none; z-index: 9999; } .fanhuidingbu img{ width:60px; } .news_mod{ width: 100%; height: 90px; border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; padding: 0px 90px 0px 90px; } .news_mod .news_mod_up p{ padding:5px 0px; } .renmen{ width: 80%; margin: 0 auto; } .renmen_top{ font-size: 16px; color: #d7392e; } .renmen_foot{ padding: 30px 0px; } .renmen_foot a{ font-size: 14px; padding: 20px 10px 0px 0px; } .fanhuidingbufs{ position: fixed; bottom: 20px; right: 10px; cursor: pointer; display: flex; flex-direction: column; } .fengeyangshi{ width:100%; border-bottom:3px solid #FF0000; margin-bottom:50px; background-color: #FF0000; margin-top:-55px; line-height: 0px; }