@charset "utf-8"; body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #444;} p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;} h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;} li{ list-style:none;} a{text-decoration:none;} a:focus, a:hover{text-decoration:none;} img{ border: none; outline: none;} input{ border:none; outline:none; background: none;} input::-moz-placeholder{ color: #a7a9ac;} input:-ms-input-placeholder { color: #a7a9ac; } input::-webkit-input-placeholder{ color:#a7a9ac; } input::placeholder{ color:#a7a9ac; } textarea::-moz-placeholder{color:#a7a9ac; } textarea:-ms-input-placeholder { color:#a7a9ac; } textarea::-webkit-input-placeholder{ color:#a7a9ac; } .clear{clear: both; margin: 0; padding: 0;} .clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;} .clearfix{*zoom:1;} /* 头部 */ .leftnav{ position: fixed; top: 100%; left: 0; width: 87px; height: 100%; z-index: 14; background-image:url(../images/leftbg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; /* border-right:1px solid #eee; */ -webkit-transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .leftnav .left-nav-con{ width: 100%; height: 100%; padding-top:100px; background: rgba(0, 0, 0, 0.2); } .leftnav.fixed { top: 0; } .leftnav .nav-menu{ width:100%; height:88px; position:relative; } .leftnav .nav-menu > a{ display: block; width:100%; height:88px; background:url(../images/index-slideicon.png) no-repeat center center; } .leftnav .nav-menu .menu-slideCon-wrap{ position: absolute; top: 0; left: 87px; width: 0; background: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; overflow: hidden; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow:0 0 10px rgba(0, 0, 0, .07); } .leftnav .nav-menu .menu-slideCon-wrap .menu-slideCon { width: 300px; } .leftnav .nav-menu .menu-slideCon-wrap dl dd { height: 88px; line-height: 88px; background: #fdfdfd; } .leftnav .nav-menu .menu-slideCon-wrap dl dd a { display: block; font-size: 16px; color: #797979; text-align: center; } .leftnav .nav-menu .menu-slideCon-wrap dl dd a i { display: inline-block; width: 25px; height: 25px; position: relative; top: 6px; } .leftnav .nav-menu .menu-slideCon-wrap dl dd a i.menu-ic03 { background: url("../images/a-l-ic03.png") no-repeat center; } .leftnav .nav-menu .menu-slideCon-wrap dl dd a span { display: inline-block; width: 100px; text-align: left; margin-left: 10px; } #pageBtn.swiper-pagination{ position: relative; /* margin-top: 100px; */ transition: all .2s linear; } #pageBtn.swiper-pagination li{ width:10px; height:10px; text-align: center; border: 1px solid #115db1; background: transparent; margin: 20px auto; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; } #pageBtn.swiper-pagination li.active{ background:#115db1; width: 14px; height: 14px; } #pageBtn.swiper-pagination li::after{ /* content:" "; display:inline-block; position:absolute; left:0; top:0; width:4px; height:0; background: #115db1; transition: all 0.8s; */ } #pageBtn.swiper-pagination li.active::after{ /* height:32px; */ } #pageBtn.swiper-pagination li:first-child{ /* opacity: 0; */ } #pageBtn .swiper-pagination-bullet{ width: 10px; height: 10px; border: 1px solid #1363ad; background: transparent; margin:20px auto; border-radius: 50%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; opacity: 1; } #pageBtn .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #1363ad; width: 14px; height: 14px; } .leftnav .nav-wechat{ position:absolute; width:100%; height:60px; bottom:228px; } .leftnav .nav-wechat>a{ display:block; width:100%; height:60px; background: url(../images/icon_slider1-r.png) no-repeat center center; } .leftnav .nav-wechat .wechatCon{ position: absolute; top: 0; left: 87px; width: 0; /* padding-top:100px; */ background: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; overflow: hidden; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07); } .leftnav .nav-wechat img{ width:100%; height:auto; } .leftnav .nav-link{ position:absolute; width:100%; height:60px; bottom:40px; } .leftnav .nav-link>a{ display:block; width:100%; height:60px; background: url(../images/icon_slider2-r.png) no-repeat center center; } .leftnav .nav-link .link-slideCon-wrap{ position: absolute; top: 0; left:87px; width: 0; height: auto; background: rgba(255,255,255,1); overflow: hidden; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07); } .leftnav .nav-link .link-slideCon{ width:100%; padding:14px 9px; } .leftnav .nav-link ul li{ display:inline-block; margin-right: 9px; border: 1px solid #ccc; background: #fff; } .leftnav .nav-link ul li a{ display:block; } .leftnav .nav-link ul li a img{ width: auto; height: 30px; } .leftnav .nav-phone{ position:absolute; width:100%; height:60px; bottom:115px; } .leftnav .nav-phone>a{ display:block; width:100%; height:60px; background: url(../images/icon_slider3-r.png) no-repeat center center; } .leftnav .nav-phone .phoneCon{ position: absolute; top: 0; left: 87px; width: 0; background: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; overflow: hidden; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07); } .leftnav .nav-phone .phoneimg{ } .leftnav .nav-phone img{ width:100%; height:auto; } .headerCon { position: fixed; width:100%; top: 0; height:85px; z-index: 13; background: transparent; /* -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; */ } .headerCon .header-bg{ width: 100%; height: 85px; background: rgba(255,255,255,.8); position: absolute; left: 0; top: 0; opacity: 0; z-index:-1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .header-bg.on{ opacity: 1; z-index:8; } .header{ padding: 0 118px; height: 85px; background: transparent; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .header.navfixed{ background: #fff; /* z-index: 1000; */ box-shadow:0 0 10px rgba(0, 0, 0, .07); } .header a.logo{ /* width: 16.6%; */ width:13.6%; float:left; /* margin-top:6px; */ margin-top:13px; } .header a.logo img{ max-width: 100%; height: auto; } .header .headlink{ float:right; /* width:124px; */ width:30px; /* height: 36px; */ height: 30px; line-height: 30px; margin-top: 28px; position: relative; z-index: 10; } .headlink .ser{ display: inline-block; width: 28px; height:28px; vertical-align: top; border: 1px solid #b9babd; border-radius: 50%; background-image:url(../images/search.png); background-repeat: no-repeat; background-size: 12px auto; cursor: pointer; background-position: center center; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; } .header.index-header .ser{ border: 1px solid #fff; background-image:url(../images/search-r.png); } .headlink .search_wrap{ width: 0; position: absolute; right: 0; top: -6px; overflow: hidden; border: none; color: #fff; background: #fff; height: 34px; line-height: 34px; outline: none; transition: 0.3s all; } .headlink .search_wrap.on{ width: 232px; border-radius:50px;border:1px solid #969191; z-index:20; } .search_wrap .k { float: left; width: 200px; padding: 0 10px; height: 34px; line-height: 34px; color: #333; border: none; background: none; } .search_wrap .btn { float: right; width: 30px; height: 34px; border: 0; font-size: 16px; color: #333; outline: none; background-image:url(../images/search.png); background-repeat: no-repeat; cursor: pointer; background-position: center center; } .headlink .ser.on{ } .headlink .lang{ display: inline-block; /* width:73px; */ width:44px; height:28px; margin-left:10px; position: relative; border: 1px solid #b9babd; line-height:28px; border-radius: 50px; } .header.index-header .lang{ border:1px solid #fff; } .headlink .lang>a{ display: block; color: #4f6988; font-size:16px; /* text-indent: 15px; */ text-align:center; line-height: 28px; /* background: url(../images/arrow-language.png) no-repeat center right 14px; */ } .header.index-header .headlink .lang>a{ color: #fff; } /* .headlink .lang.on>a{ background: url(../images/arrow-language-up.png) no-repeat center right 14px; } */ .headlink .lang-box{ position: absolute; left: 0; top: 32px; display: none; width: 100%; height: 38px; border-radius: 10px; text-align: center; background: rgba(255,255,255,0.75); box-shadow:0 0 10px rgba(0, 0, 0, .07); } .headlink .lang-box a{ display: block; line-height: 38px; font-size:16px; color: #797979; } /* .headlink .lang.on .lang-box{ display: block; } */ .header .nav{ float: right; margin-right: 2%; /* width:52.08%; */ /* position:relative; */ /* border-bottom: 1px solid rgba(255,255,255,.25); */ } .header .nav::after{ content:" "; display: block; width:100%; position: absolute; left: 0; bottom: 1px; height: 1px; background:rgba(255,255,255,.25); } .header .nav ul{ } span.navline { position: absolute; width: 36px; height: 5px; background: #115db1; left: 42px; bottom: 0; z-index: 2; } .header .nav ul li{ float: left; height:84px; /* position:relative; */ padding:0 42px; z-index:1; } .header .nav ul li>a{ display: block; /* font-size: 18px; */ font-size: 20px; line-height: 84px; position: relative; color: #797979; } .header .nav ul li>a::after{ content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #115db1; transition: all .3s; transform: translateX(-50%); } .header.index-header ul li>a{ color:#fff; } .header .nav ul li.current>a{ color: #115db1; } .header .nav ul li.current>a::after{ width:100%; } .header .nav ul li:hover a::after{ width:100%; } .header .nav ul li.mj_hover_menu>a{ color: #115db1; } .header .nav ul li.mj_hover_menu>a::after{ width:100%; } .header.index-header .nav ul li.current>a{ color: #fff; } .header.index-header .nav ul li.mj_hover_menu>a{ color: #fff; } .header .nav ul li .subnavbox{ display: none; position: fixed; z-index: 1; left: 0; top:83px; width: 100%; border-top: 1px solid #dfdede; height: 50px; box-shadow: 0 4px 4px rgba(0, 0, 0, .07); overflow: hidden; } .header .nav ul li .subnav{ width:100%; position: relative; } .header .nav ul li .subnav::before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #fff; opacity: 1; transition: all .5s ease-in-out; } .header .nav ul li .mc_subnav{ text-align:center; } .header .nav ul li dd{ position:relative; padding-left:22px; } .header .nav ul li dd::before{ content:" "; display:inline-block; width:5px; height:5px; border-radius:50%; background:#115db1; position:absolute; left:0; top:23px; } .header .nav ul li dd a{ display:inline-block; position:relative; z-index:1; line-height:20px; font-size: 16px; color:#666; padding:15px 0; } .header .nav ul li dd a::before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #115db1; transition: all .3s; transform: translateX(-50%); } .subnavbox.xlhide { opacity: 0; } .header .nav ul li .subchildren{ position:absolute; left: 0; top: 85px; width:100%; display: none; /* opacity:0; */ background:rgba(255,255,255,1); padding-top:40px; padding-bottom:40px; border-top: 1px solid #eee; box-shadow: 0 4px 4px rgba(0, 0, 0, .07); } .header .nav ul li .subchildren.show{ display:block; } .header .nav ul li .subchildren .subleft{ float:left; width:20%; padding-left:4%; margin-top:-10px; } .subchildren .subleft dd{ } .header .nav ul li .subchildren .subright{ float:left; width:80%; overflow: hidden; padding-right:2%; border-right: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .subchildren .subright .subimg{ float:left; width:56%; } .subchildren .subright .subimg img{ width:100%; height:auto; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .subchildren .subright .subbrief{ float: right; width:41%; font-size:16px; line-height:32px; color:#666; letter-spacing: 1px; } .subchildren .subright .subbrief span{ font-size:16px; font-weight:600; color:#115db1; } .subchildren .subright .subbrief p{ font-weight:normal; } .show{ display: block !important; } #section1 .index-banner { width: 100%; height: 100%; position: relative; overflow: hidden; } .index-banner .slideDown-ts { position: absolute; left: 30px; bottom: 80px; z-index: 6; text-align: center; } .index-banner .slideDown-ts span { display: block; width: 24px; text-align: center; font-size: 24px; color: #fff; word-wrap: break-word; } .index-banner .slideDown-ts i.line { display: inline-block; width: 1px; height: 27px; background: #fff; margin: 10px 0 24px 0; } .index-banner .slideDown-ts i.mouse { display: block; width: 29px; height: 51px; background: url("../images/index-mouse.png") no-repeat center; -webkit-animation: mouse 2s infinite; -moz-animation: mouse 2s infinite; -o-animation: mouse 2s infinite; animation: mouse 2s infinite; position: relative; } @-webkit-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-moz-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-o-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } .index-banner .swiper-slide{ width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .index-banner .swiper-slide a{ display: block; width:100%; height: 100%; } .index-banner .swiper-slide img{ width: 100%; height: 100%; object-fit:cover; font-family: 'object-fit: cover'; } .index-banner .bannerContent{ position: absolute; /* left: 9.8%; */ } .index-banner .swiper-pagination{ width: 100%; bottom: 18px; left: 0; right: 0; text-align: center; } .index-banner .swiper-slide-active>img { z-index: 9000; animation: anima_img 9s ease infinite; -webkit-animation: anima_img 9s ease infinite; } .index-banner .swiper-pagination li{ display: inline-block; vertical-align: top; position: relative; width: 30px; height: 30px; border-radius: 50%; text-align: center; cursor: pointer; margin: 0 8px; } .index-banner .swiper-pagination li::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: -5px 0 0 -5px; } .index-banner .swiper-pagination li .l { position: absolute; width: 15px; height: 30px; top: 0; left: 0; overflow: hidden; border-radius: 15px 0 0 15px; } .index-banner .swiper-pagination li .r { position: absolute; width: 15px; height: 30px; top: 0; right: 0; overflow: hidden; border-radius: 0 15px 15px 0; } .index-banner .swiper-pagination li .l::after { content: " "; display: block; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; border: 2px solid #115db1; border-color: transparent #115db1 #115db1 transparent; transform: rotate(-45deg); } .index-banner .swiper-pagination li .r::after { content: " "; display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; border: 2px solid #115db1; border-color: #115db1 transparent transparent #115db1; transform: rotate(-45deg); } .index-banner .swiper-pagination li.active .l::after { -webkit-animation: circle_right 5s linear 1 forwards; -moz-animation: circle_right 5s linear 1 forwards; -o-animation: circle_right 5s linear 1 forwards; animation: circle_right 5s linear 1 forwards; } .index-banner .swiper-pagination li.active .r::after { -webkit-animation: circle_right 4.9s 2.5s linear 1 forwards; -moz-animation: circle_right 4.9s 2.5s linear 1 forwards; -o-animation: circle_right 4.9s 2.5s linear 1 forwards; animation: circle_right 4.9s 2.5s linear 1 forwards; } .index-banner .swiper-pagination li.active::after { background-color: #115db1; } @keyframes circle_right { 0% {transform: rotate(-45deg); } 50%,100% {transform: rotate(135deg); } } .index-banner .swiper-button-next { display:none; width: 23px; height: 41px; background: url(../images/index-btn-r.png) no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; right: 5%; opacity: 0.4; z-index: 2; } .index-banner .swiper-button-next:hover { /* opacity: 1; */ } .index-banner .swiper-button-prev { display:none; width: 23px; height: 41px; background: url(../images/index-btn-l.png) no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; left: 5%; opacity: 0.4; z-index: 2; } .index-banner .swiper-button-prev:hover { /* opacity: 1; */ } #section2{ /* padding-top:95px; */ background: url(../images/bg1.jpg) no-repeat center bottom; background-size: cover; } #section2.swiper-slide-active .index-tit{ -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #section2.swiper-slide-active .index-nav { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #section2 .indexNews{ padding-top:50px; } .index-topbox .index-tit{ float: left; background-repeat:no-repeat; background-position: left center; /* padding-left: 120px; */ /* padding-left:90px; */ text-align:left; /* background-size: auto 62px; */ } .index-topbox .index-tit h1{ font-size:36px; color: #16205f; font-weight: bold; } .index-topbox .index-tit span{ display:block; font-size: 20px; font-family: 'arial'; color: #a9a9a9; } .index-topbox .index-nav{ float: right; width:45%; /* margin-top: 11px; */ } .index-nav ul{ height:52px; border-bottom: 1px solid #d7d7d7; } .index-nav li{ display: inline-block; width:24%; overflow: hidden; text-align:center; padding:0 18px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-nav li a{ display:block; font-size: 18px; padding: 15px 0; color: #797979; position:relative; } .index-nav li .imgbox{ width:100%; height:auto; overflow:hidden; } .index-nav li img{ width:100%; height:auto; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-nav li a::after{ content:" "; width:0; height:4px; opacity: 0; background: #115db1; position:absolute; bottom:1px; left:-30%; margin-left:0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-nav li.active a{ color: #115db1; } .index-nav li.active a::after{ opacity: 1; width:24px; left:50%; margin-left:-12px; } .indexNews .index-newsbox{ margin-top:60px; } .index-newsbox .indexbox{ height:588px; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .index-newsbox .index-picsnews{ width:100%; position:relative; height:540px; } .index-picsnews li{ width:32.5%; height:262.5px; overflow:hidden; position:absolute; text-align: left; box-shadow: 0 0 5px #e8e8e8; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; } .index-picsnews li.index0{ left:0; top:0; height:540px; } .index-picsnews li.index1,.index-picsnews li.index3{ left:33.75%; } .index-picsnews li.index1,.index-picsnews li.index2{ top:0; } .index-picsnews li.index2,.index-picsnews li.index4{ left:67.5%; } .index-picsnews li.index3,.index-picsnews li.index4{ top:277.5px; } .index-picsnews li .newscover{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-picsnews li a{ display:block; position: relative; overflow: hidden; } .index-picsnews li .imgbox{ width:100%; height:178px; overflow:hidden; } .index-picsnews li.index0 .imgbox{ height:456px; } .index-picsnews li img{ width:100%; height:auto; margin-top:-28px; transform:scale(1); -webkit-transform:scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition:all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } @media screen and (min-wdith:992px) { } .index-picsnews li.index0 img{ height: 100%; width: auto; margin-left: -136.5px; margin-top:0; } .index-picsnews li .index-newsinfo{ position: relative; padding:15px 15px 12px; overflow: hidden; transition:all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-picsnews li h2{ float: right; font-size:20px; line-height: 26px; color: #2f3745; width: 74%; height:52px; display: -webkit-box; overflow:hidden; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-picsnews li .news-time{ float: left; width: 20%; text-align: center; font-size:16px; color:#666; margin-top: -5px; font-family: 'arial'; } .index-picsnews li .news-time p{ width:40px; /* height:40px; */ margin: 0 auto; color:#115db1; /* margin-bottom: 5px; */ font-size: 30px; /* line-height: 40px; */ /* border: 1px solid #115db1; */ } .index-picsnews li .news-time span{ color: #115db1; font-size: 18px; display: block; margin-top: -5px; } .indexNews a.indexMore{ color:#16205f; font-size:18px; font-family:'arial'; clear: both; float:right; margin-top:20px; padding-right: 38px; position:relative; } .indexNews a.indexMore i{ display: inline-block; width: 22px; height: 8px; position: absolute; right: 0; top: 10px; background: url(../images/arrow-br.png) no-repeat right center; } .index-groupnews{ } .index-groupnews .index-group-left{ width:55.5%; float:left; background:#fff; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); } .index-group-left ul li { position:relative; background: #fff; } .index-group-left ul li .index-group-time{ float: left; font-family: 'arial'; } .index-group-time p{ width:40px; height:40px; line-height:40px; text-align:center; margin:0 auto; margin-top: 5px; margin-bottom: 5px; font-size:30px; border: 1px solid #115db1; color: #115db1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transtion:all .5s; } .index-group-time span{ color: #115db1; font-size: 18px; } .index-group-left ul li .index-grinfo{ float: right; width:85%; height: 73px; border-left: 1px solid #e8e8e8; padding-left: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-group-left ul li a{ display:block; padding:16px 20px; overflow: hidden; position:relative; height:100%; border-bottom:1px solid #e5e5e5; } .index-group-left ul li h2{ font-size:20px; color:#333; text-align: left; line-height: 24px; position: relative; overflow: hidden; top: 50%; transform: translateY(-50%); display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index-group-left ul li span.group-time{ display:inline-block; font-size:16px; color:#a7a9ac; /* padding-left:26px; background:url(../images/date-bg-g.png) no-repeat left top; */ background-size:16px auto; } .index-group-left ul li span.more-g{ display:inline-block; width:18px; height:9px; position:absolute; right:0; bottom:24px; opacity:0; background:url(../images/arrow-wbr.png) no-repeat center center; animation:arr 0.8s linear 0s infinite; } .index-group-left ul li.active{ /* background:#115db1; */ } .index-group-left ul li.active a{ border-bottom:1px solid #115db1; } .index-group-left ul li.active h2{ color:#115db1; } .index-group-left ul li.active .index-group-time p{ color:#fff; background: #115db1; /* background:url(../images/date-bg-r.png) no-repeat left top; background-size:16px auto; */ } .index-group-left ul li.active .index-group-time span{ color: #115db1; } .index-group-left ul li.active span.more-g{ opacity: 1; } .index-group-left ul li.active::before{ height:100%; top:0; bottom:0; } .index-groupnews .index-group-right{ width:44.5%; float:right; /* height:441px; */ margin-top:85px; position:relative; } .index-group-right .index-pics-list{ opacity: 0; position: absolute; width:100%; height:100%; left:0; top:0; transition:all .5s; } .index-group-right .index-pics-list a{ display:block; } .index-pics-list img{ width:100%; height: auto; } .index-group-right .index-pics-list.on{ opacity:1; z-index: 3; } .index-groupnews a.indexMore{ /* margin-top:23px; */ } .index-informbox{ text-align:left; } .index-informbox ul.index-inform-left{ float: left; width:66.7%; height:540px; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); } .index-inform-left li{ position:relative; background: #fff; } .index-inform-left li a{ display:block; padding:16px 20px; overflow: hidden; width:100%; height:100%; border-bottom:1px solid #e5e5e5; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-inform-left li .date-box{ float:left; width:68px; height:68px; padding: 2px; text-align:center; background: linear-gradient(-45deg, transparent 10px, #115db1 0); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .index-inform-left li .inform-date{ float: left; font-family: 'arial'; } .index-inform-left li .inform-date p{ width:40px; height:40px; line-height:40px; text-align:center; margin:0 auto; margin-top: 5px; margin-bottom: 5px; font-size:30px; border: 1px solid #115db1; color: #115db1; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transtion:all .5s; } .index-inform-left li .inform-date span{ color: #115db1; font-size: 18px; } .index-inform-left li .inform-info{ float: right; width:88%; height: 73px; border-left: 1px solid #e8e8e8; padding-left: 3%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-inform-left li .date-box p{ font-size: 14px; color: #115db1; font-family: 'arial'; padding-top:7px; } .index-inform-left li .date-box span{ font-size:32px; color: #115db1; display:inline-block; margin-top:-5px; font-family: 'arial'; } .index-inform-left li .inform-info h2{ font-size:20px; color:#333; text-align: left; line-height: 24px; position: relative; top: 50%; overflow:hidden; transform: translateY(-50%); display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index-inform-left li .inform-info p{ font-size: 16px; color: #A7A9AC; width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .index-inform-left li .inform-info span.inform-more{ display:inline-block; opacity: 0; position:absolute; right:0; bottom:22px; font-size:16px; color:#fff; padding-right:18px; background: url(../images/arrow-sr-r.png) no-repeat center right; } .index-informbox .index-inform-right{ width:33.3%; float: right; margin-top: 45px; } .index-inform-right img{ width:100%; height:auto; } .index-duty{ /* margin-top: 64px; */ } .index-duty.index-law{ margin-top:14px; } .index-duty.index-law.index-baolei{ background: url(../images/bg-djstatus.png) no-repeat right bottom #fff; } .index-duty ul{ width: 100%; position: relative; /* height: 430px; */ height:540px; } .index-duty ul li { border-bottom:1px solid #d9d9d9; text-align: left; background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-duty.index-baolei ul li{ background: transparent; } .index-duty ul li a { display: block; padding:16px 0; position: relative; height:100%; overflow: hidden; } .index-duty ul li .duty-time{ text-align: center; float: left; width:125px; } .duty-time p{ font-size: 30px; color: #115db1; width: 40px; height:40px; margin:0 auto; line-height: 40px; margin-bottom: 6px; margin-top: 2px; font-family: 'arial'; border: 1px solid #115db1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .duty-time span{ font-size: 18px; color: #115db1; } .index-duty.index-law ul li .duty-time p{ border: 1px solid #e8373b; color:#e8373b; } .index-duty.index-law ul li .duty-time span{ color:#a9abae; } .index-duty ul li .index-duty-right{ float: right; width: 88%; height: 73px; padding-left: 30px; border-left: 1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-duty ul li h2 { font-size: 20px; color:#333; margin-bottom: 10px; overflow: hidden; line-height: 26px; display: -webkit-box; position: relative; -webkit-line-clamp: 3; -webkit-box-orient: vertical; top: 50%; transform: translateY(-50%); } .index-duty ul li .imgbox { width: 100%; height: auto; overflow: hidden; } .index-duty ul li .newscover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background-image: url(../images/newsbghover.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 1; } .index-duty ul li .index-date { font-size: 16px; padding-left: 32px; margin-left: 25px; margin-top: 25px; background-image: url(../images/date-bg-r.png); background-repeat: no-repeat; background-position: left center; } .index-duty ul li .index-newsinfo { position: absolute; bottom: -15px; left: 0; width: 100%; padding: 25px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-duty ul li span { } .index-duty ul li span::after{ } #section3{ padding-top: 50px; background: url(../images/bg-dj.jpg) no-repeat right bottom; background-size:cover; } .index-status{ padding-top: 60px; } .index-status .statusbox{ height:588px; /* overflow:hidden; */ -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .index-statusbox{ /* padding:0 30px; background: url(../images/bg-djstatus.png) no-repeat left bottom #fff; */ } #section3 .index-topbox .index-nav{ /* width:32.08% */ } #section3 .index-nav li{ /* width: 32.3%; */ } .index-status .index-status-left{ width:47.368%; float: left; padding-top: 70px; } .index-status-right{ float:right; width: 49.6%; padding-top: 74px; } .index-status-left li{ overflow: hidden; position: relative; margin-bottom: 15px; } .index-status-left li::before{ content:''; position:absolute; left:0; top:14px; width:6px; height:6px; border-radius: 50%; background: #d53539; } .index-status-left li a{ display: block; font-size: 18px; color: #333; text-align: left; line-height: 36px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:24px; } .index-status-left li .imgbox,.index-status-right li .imgbox{ float: left; width:50%; overflow: hidden; position:relative; } .index-status-right a{ display:block; } .index-status-right .imgbox{ width:100%; overflow: hidden; margin-bottom: 10px; } .index-status-left li .imgbox::after,.index-status-right li .imgbox::after{ content:" "; display: inline-block; width:100%; height: 100%; background: rgba(17,93,177,.4); position: absolute; top: 0; transition: all .36s; z-index: 1; opacity: 0; } .index-status-right li .imgbox::after{ top:-100%; } .index-status-left li.index0 .imgbox::after{ right: 100%; } .index-status-left li.index1 .imgbox::after{ left: 100%; } .index-status-left li .index-status-r,.index-status-right li .index-status-r{ float: right; text-align: left; width:50%; background: #fff; /* height:300px; */ height:275px; padding: 35px 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-status-right li .index-status-r{ float: none; width:100%; } .index-status-right img{ width:100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all .5s; -webkit-transition:all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .index-status-right .index-hots{ position:relative; height: 48px; background: #f6e1dd; } .index-status-right .index-hots::before{ content:'热点'; display:inline-block; position: absolute; left: 0; top:0; width: 105px; height: 48px; font-size:24px; background:#d53539; color: #fff; line-height:48px; font-style: italic; /* font-weight: bold; */ background-size: 100% auto; } .index-status-right .index-hots h2{ padding-left: 125px; padding-right: 20px; font-size: 18px; line-height: 48px; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index-status-left li span,.index-status-right li span{ color: #a7a9ac; font-size:16px; } .index-status-left li h2,.index-status-right li h2{ color:#2f3745; /* font-size: 24px; */ font-size: 20px; margin-top: 10px; margin-bottom: 10px; line-height:32px; } .index-status-left li p,.index-status-right li p{ font-size: 14px; color: #a7a9ac; line-height:28px; /* height:84px; */ height:56px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-status-left li i.arrow-bg,.index-status-right li i.arrow-bg{ display:inline-block; width:22px; height:8px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/arrow-brg.png); } .index-status-left li.index1 .index-status-r{ float: left; } .index-status-left li.index1 .imgbox{ float: right; } @keyframes arr{ 0%{transform:translateX(-7px);} 50%{transform:translateX(0px);} 100%{transform:translateX(-7px);} } @-webkit-keyframes arr{ 0%{transform:translateX(-7px);} 50%{transform:translateX(0px);} 100%{transform:translateX(-7px);} } @-moz-keyframes arr{ 0%{transform:translateX(-7px);} 50%{transform:translateX(0px);} 100%{transform:translateX(-7px);} } @-o-keyframes arr{ 0%{transform:translateX(-7px);} 50%{transform:translateX(0px);} 100%{transform:translateX(-7px);} } @keyframes arr1{ 0%{transform:translateY(-7px);} 50%{transform:translateY(0px);} 100%{transform:translateY(-7px);} } @-webkit-keyframes arr1{ 0%{transform:translateY(-7px);} 50%{transform:translateY(0px);} 100%{transform:translateY(-7px);} } @-moz-keyframes arr1{ 0%{transform:translateY(-7px);} 50%{transform:translateY(0px);} 100%{transform:translateY(-7px);} } @-o-keyframes arr1{ 0%{transform:translateY(-7px);} 50%{transform:translateY(0px);} 100%{transform:translateY(-7px);} } .index-partytopic{ text-align:left; } .index-partytopic .index-ztitem{ float:left; width:44.16%; height:588px; position: relative; margin-right:11.68%; padding:0 45px 40px 0; } .index-ztitem a{ display:block; } .index-partytopic .index-ztitem::before{ display:inline-block; content:""; position:absolute; top:68px; right:0; width:92.4%; height:88%; background:#dedede; border-radius: 25px; } .index-partytopic .index-ztitem .imgbox{ width:100%; overflow:hidden; border-radius: 10px; } .index-ztitem a img{ width:100%; position:relative; height:auto; transform:scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition: all .5s; } .index-partytopic .index-party-left{ float:left; width:33.3%; } .index-party-left a{ display:block; position:relative; width:100%; height:100%; } .index-party-left a::before{ content:" "; display:inline-block; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,.4); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition: all .5s; } .index-party-left .imgbox{ width:100%; height:auto; overflow: hidden; } .index-party-left img{ width:100%; height:auto; transform:scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition: all .5s; } .index-party-info{ position:absolute; left:0; bottom:0; z-index:2; width:100%; padding:74px 20px; color:#fff; } .index-party-info h2{ font-size:20px; letter-spacing:5px; } .index-party-info h2 b{ font-size:80px; } .index-party-info h3{ font-size:24px; margin-top:25px; margin-bottom:15px; } .index-party-info p{ font-size:22px; line-height:44px; opacity: .9; } .index-party-info span{ display:inline-block; font-family:"arial"; padding-right:26px; font-size:16px; margin-top:40px; padding-bottom:10px; border-bottom:2px solid #fff; background:url(../images/arrow-white.png) no-repeat top 5px right; } .index-party-left:hover a::before{ /* background: rgba(17,93,177,.6); */ } .index-partytopic .index-party-right{ float:right; width:66.7%; height: 482px; margin-top:28px; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); } .index-party-right li{ background:#fff; } .index-party-right li a{ display:block; width:100%; height:100%; overflow:hidden; padding:24px 20px 24px 25px; border-bottom:1px solid #f2f2f2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; } .index-party-right li .imgbox{ float:right; width:22%; overflow:hidden; height:auto; } .index-party-right li img{ width:100%; height:auto; transform:scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; } .index-party-right li .index-party-brief{ /* padding-bottom:18px; */ float:left; width:75%; } .index-party-right li .index-party-title{ float: right; width: 84%; height: 108px; border-left: 1px solid #e8e8e8; padding-left: 4%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-party-right li h2{ font-size: 20px; color: #333; text-align: left; line-height: 26px; position: relative; top: 50%; overflow: hidden; transform: translateY(-50%); display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .index-party-right li .index-party-time{ float:left; text-align: center; margin-top:18px; } .index-party-right li .index-party-time p{ width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; border: 1px solid #e8373b; color: #e8373b; font-size: 30px; font-family: 'arial'; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; } .index-party-right li .index-party-time span { font-size: 18px; font-family: 'arial'; display: block; color: #a9abae; } .index-statusbox .index-group-time p{ border: 1px solid #e8373b; color: #e8373b; } .index-statusbox .index-group-time span{ color: #a9abae; } .index-statusbox .index-group-left ul li.active a{ border-bottom:1px solid #e8373b; } .index-statusbox .index-group-left ul li.active h2{ color:#e8373b; } .index-statusbox .index-group-left ul li.active .index-group-time p{ color:#fff; background: #e8373b; } .index-statusbox .index-group-left ul li.active .index-group-time span{ color: #e8373b; } .statusbox .videoCenter { background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 50px auto 0; position: relative; } .statusbox .videoCenter .videoCon { } .statusbox .videoCenter .videoCon.swiper-slide-prev .v-playBtn, .statusbox .videoCenter .videoCon.swiper-slide-next .v-playBtn { background: rgba(255,255,255,.5); } .statusbox .videoCenter .swiper-slide .v-playBtn{ display: inline-block; width: 100%; height: 108%; position: absolute; top: -18px; left: 0; } .statusbox .videoCenter .videoCon.swiper-slide-active { z-index: 99; border-radius: 10px; } .statusbox .videoCenter .videoCon.swiper-slide-active a img{ border-radius: 10px; width: 93.6%; height:auto; } .statusbox .videoCenter .videoCon.swiper-slide-active .video-js { opacity: 1; box-shadow: 0 0 10px 0 rgba(19,99,173,.3); border-radius: 10px; } .statusbox .videoCenter .videoCon.swiper-slide-active .v-playBtn { display: none; } .statusbox .videoCenter .videoCon .videoBg { display: block; width: 100%; } .statusbox .videoCenter .videoCon video { width: 100%; height: 100%; } .videoCenter .swiper-slide-active .v-playBtn{ background:url(../../img/icon-play.png) no-repeat center center rgba(0,0,0,.5); background-size: 120px auto; } .statusbox .videoCenter .videoCon .video-js { position: absolute; top: 0; left: 0; width: 93.6%; height: 100%; opacity: 0; } .statusbox .videoCenter .videoCon .video-js.active { /* display: block; */ opacity: 1; } .statusbox .videoCenter .videoCon img { display: block; width: 100%; } .videoCenter .swiper-container { padding-bottom: 60px; /* padding-top: 10px; */ width:100%; height:100%; } .videoCenter .swiper-slide { width: 73.8%; /* height: 498px; */ height:466px; /* background: #fff; */ /* box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1); */ transition: all .4s cubic-bezier(.4, 0, .2, 1); cursor: pointer; } .videoCenter .swiper-slide img { width:100%; display: block; } .videoCenter .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } .videoCenter .swiper-pagination { width: 100%; bottom: -85px; display: none; } .videoCenter .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #030000; width: 10px; height: 10px; opacity: .6; } .videoCenter .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 34px; display: inline-block; height: 10px; border-radius: 10px; transition: width .4s cubic-bezier(.4, 0, .2, 1); background-image: linear-gradient(80deg, #0989c5, #995cb6); opacity: 1; } .videoCenter .swiper-button-prev,.videoCenter .swiper-button-next { display: inline-block; position:relative; width: 50px; height:50px; left:auto; right:auto; } .videoCenter .swiper-button-prev{ background:url(../images/arrow-lr.png) no-repeat center center #ececec; margin-right:14px; } .videoCenter .swiper-button-next{ background:url(../images/arrow-rr.png) no-repeat center center #ececec; } .statusbox .videoCenter .swiper-button{ width:auto; position:absolute; text-align:center; top:50%; left:65.2%; margin-top:-25px; } #section4{ /* padding-top: 95px; */ background: url(../images/bg3.png) no-repeat top 60px right 120px; } .s3-con{ padding-top:50px; } #section4 .index-develop{ margin-top: 60px; box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75); } .index-develop .index-develop-left{ width: 34.08%; float: left; height: 588px; padding: 40px 25px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .index-develop-left .index-develop-lis{ position: relative; width: 100%; height: 100%; overflow: hidden; } .index-develop-left .index-develop-tit{ position: absolute; top: 0; left: 0; /* transform: translate(-50%, -50%); */ } .index-develop-left .index-develop-tit:not(:first-child) { display: none; } .index-develop-tit a{ display: block; } .index-develop-tit h2{ font-size: 28px; color: #000; line-height:48px; /* font-weight: 700; */ margin-bottom: 12px; } .index-develop-tit h2.index-develop-small{ display:none; } .index-develop-tit p{ color: #666; font-size:16px; line-height:32px; /* height:288px; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; */ } .index-develop .index-develop-right{ float: right; width: 65.92%; height: 588px; position: relative; z-index: 1; } .index-develop-right .index-develop-imgbox { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; } .index-develop-imgbox .index-develop-poster{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .5s; overflow: hidden; } .index-develop-poster .index-develop-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .index-develop-poster.act{ opacity: 1; } .index-develop-box { width: 100%; height: 100%; } .index-develop-box li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .2); } .index-develop-box li { float: left; width: 33.3%; height: 100%; position: relative; } .index-develop-box li a{ display: block; width: 100%; overflow: hidden; height: 100%; position: relative; } .index-develop-box li a::before{ content: " "; position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity:0; background: rgba(17,93,177,.7); transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .index-develop-box li .index-develop-text { width: 100%; padding: 0 15px; position: absolute; top: 184px; left: 0; text-align: center; /* transform: translate(-50%, -50%); */ } .index-develop-box li .deco { display: block; width: 62px; height: 62px; opacity: 1; transition: .1s; transform: translateZ(0); margin: 0 auto; } .index-develop-box li .deco::before { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75); transition: .4s; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: 100%; height: 42px; width: 42px; } .index-develop-box li .deco i,.index-develop-box li .deco em { background: hsla(0, 0%, 100%, .8); border: 1px solid #fff; border-radius: 100%; height: 22px; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.5); transition: .4s; width: 22px; } .index-develop-box li .deco::after { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.75); transition: .4s; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 100%; height: 60px; width: 60px; } .index-develop-box li.active a::before{ opacity:1; } .index-develop-box li.active .deco::before { animation: scalepulse 1.3s linear .3s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } .index-develop-box li.active.deco i,.index-develop-box li.active .deco em { background: #fff; animation: scalepulse 1.3s linear 0s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } .index-develop-box li.active .deco::after { animation: scalepulse 1.3s linear .15s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } @keyframes scalepulse { 20% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15); transform: translate3d(-50%, -50%, 0) scale(1.15); -webkit-animation-timing-function: ease; animation-timing-function: ease } 50% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-animation-timing-function: ease; animation-timing-function: ease } } .index-develop-box li p{ font-size: 20px; color: #fff; line-height: 40px; margin-top: 24px; } .business-index{ clear: left; padding-top:48px; } .business-index .swiper-slide a{ display:block; overflow: hidden; } .business-index .swiper-slide .imgbox{ width:100%; height:auto; position:relative; } .business-index .swiper-slide .imgbox img{ width:100%; height:auto; } .business-index .swiper-slide .mainindex{ position: absolute; background: rgba(124,124, 124, 0.3); top: 0; left: 0; width: 100%; height: 100%; } .business-index .swiper-slide .mainindex1{ /* display: none; */ opacity:1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .business-index .swiper-slide .mainindex span.span1,.business-index .swiper-slide .mainindex span.span2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .business-index .swiper-slide .mainindex span.span1 img,.business-index .swiper-slide .mainindex span.span2 img{ display: block; max-width: 65px; margin: 0 auto; } .business-index .swiper-slide .mainindex span.span1 span,.business-index .swiper-slide .mainindex span.span2 span{ font-size: 24px; color: #fff; display: block; } .business-index .swiper-slide .mainindex span.span1 span{ margin-top: 40px; } .business-index .swiper-slide .mainindex span.span2 i{ font-style:normal; padding: 10px 20px; font-size:16px; color:#fff; color: #fff; border: 1px solid #fff; display: inline-block; margin:64px 0; } .business-index .swiper-slide .mainindex2{ top:-100%; background: rgba(17, 93, 177, 0.35); opacity:0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; } .business-index .swiper-button-next { width:48px; height: 100%; background-color: rgba(0, 0, 0, 0.5); right: 0; top: 0; margin-top: 0; padding: 0 10px; background-size: 20px auto; } .business-index .swiper-button-prev { width:48px; height: 100%; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; margin-top: 0; padding: 0 10px; background-size: 20px auto; } .business-index .swiper-button-next:after,.business-index .swiper-container-rtl .swiper-button-prev:after { color: #fff; font-size: 28px; } .business-index .swiper-button-prev:after,.business-index .swiper-container-rtl .swiper-button-next:after { color: #fff; font-size: 28px; } .s4-con{ padding-top:64px; } .index-businessbox{ position: relative; width:100%; /* padding-bottom: 146px; */ } .index-businessWrap{ margin-top:60px; } .index-businessTop{ } .index-businessTop .swiper-slide a{ display: block; width:100%; height:100%; text-align:left; } .index-businessTop .index-business{ } .index-businessTop .index-business-l{ float: left; width:32.33%; padding: 60px 60px 0 0; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .index-business-l h2{ font-size:36px; color:#000; margin-bottom: 20px; } .index-business-l h3{ font-size:24px; color:#115db1; margin-bottom: 16px; } .index-business-l .index-business-text{ font-size:16px; color:#666; line-height:32px; margin-bottom:30px; } .index-business-l span{ display:inline-block; padding-right:35px; font-size: 14px; color: #115db1; position:relative; } .index-businessTop .index-business-img{ float:right; width:66.67%; overflow: hidden; } .index-business-img img{ width:100%; height:auto; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .index-business-l span::after{ content:" "; width:22px; height:8px; position:absolute; right:0; top:5px; background:url(../images/arrow-br.png) no-repeat right center; } .index-bunsiness-menu{ position:relative; margin-top: -66px; z-index:3; } .index-bunsiness-menu::before{ content:" "; position:absolute; left:0; bottom:0; width:18.75%; height:3px; background:#115db1; } .icon-index-list{ width:53.3%; background: url(../images/icon-menubg.png) no-repeat right top; border-bottom:3px solid #115db1; background-size:auto 100%; } .icon-index-list li{ float: left; width:23.75%; text-align:center; transition: all .5s; -webkit-transition:all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .icon-index-list li a{ display:block; padding:15px 2px; } .icon-index-list li i.icon-bg{ display: inline-block; width:53px; height: 52px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; } .icon-index-list li p{ font-size:16px; color:#949494; margin-top: 2px; } .icon-index-list li.index0 i.icon-bg{ background-image: url(../images/index-icon1.png); } .icon-index-list li.index1 i.icon-bg{ background-image: url(../images/index-icon2.png); } .icon-index-list li.index2 i.icon-bg{ background-image: url(../images/index-icon3.png); } .icon-index-list li.index3 i.icon-bg{ background-image: url(../images/index-icon4.png); } .icon-index-list li.curr{ background:#1b64b4; } .icon-index-list li.curr p{ color:#fff; } .icon-index-list li.index0.curr i.icon-bg{ background-image: url(../images/index-icon-r1.png); } .icon-index-list li.index1.curr i.icon-bg{ background-image: url(../images/index-icon-r2.png); } .icon-index-list li.index2.curr i.icon-bg{ background-image: url(../images/index-icon-r3.png); } .icon-index-list li.index3.curr i.icon-bg{ background-image: url(../images/index-icon-r4.png); } /* 首页集团风采 */ #section6 { /* padding-top:105px; */ } #section6 .index-tit{ /* padding-left: 28px; background-position: left 2px; */ } #section6 .index-topbox .index-tit h1{ /* font-size:36px; color:#0f1011; */ } #section6 .index-topbox .index-tit span{ /* font-size:16px; color:#878788; */ } #section6 .groupSlide { margin-top: 60px; } #section6 .groupSlide .groupSlide-item { width: 100%; } #section6 .groupSlide .groupSlide-item.first-child { position: relative; z-index: 9999; } #section6 .groupSlide .groupSlide-item .tempWrap { overflow: inherit !important; } #section6 .groupSlide .groupSlide-item ul { width: 100%; overflow: inherit !important; } #section6 .groupSlide .groupSlide-item ul li { width:393px; position: relative; } #section6 .groupSlide .groupSlide-item ul li a{ display: block; } #section6 .groupSlide .groupSlide-item ul li img { display: block; width: 100%; height:270px; max-width: inherit; position: relative; } #section6 .groupSlide .groupSlide-item ul li span.zz { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; /* opacity: 0; */ } #section6 .groupSlide .groupSlide-item ul li .pic_tit{ display: none; position: absolute; left: -29px; bottom: -20px; z-index: 100; width: 115%; /* height: 56px; */ color: #fff; text-align: center; background: rgba(0,0,0,.2); line-height: 56px; font-size: 20px; padding:10px 15px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /* 底部 */ #section5{ height: auto !important; } .footerbox{ width: 100%; padding-top: 40px; background: #fff url(../images/footerbg.jpg) no-repeat center bottom; -moz-background-size: 100%; background-size: 100% 100%; border-top: 1px solid #eaeeef; padding-bottom:40px; } .foot-left{ float:left; width:56%; text-align:left; } .foot-left p{ font-size:16px; line-height:30px; color:#666; } .foot-left p a{ color:#666; } .foot-right{ float:right; width:20%; text-align:right; } .foot-right li{ display: inline-block; width: 48%; text-align: center; } .foot-right li img{ width:90px; margin-bottom:10px; border-radius:5px; } .foot-right li p{ color:#666; font-size:16px; } /*手机版导?/ .mobileNav{ display:none;position:fixed; top:80px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#1363ad;left:0;} .mobileNav ul li{ position: relative;} .mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;} .mobileNav ul li span.addBtn img{width: 20px; height: auto;} .mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; } .mobileNav ul li dl{ display:none; background:#fff;} .mobileNav ul li dl dd{ margin:auto; } .mobileNav ul li dl dd a{ line-height:40px; color:#1363ad; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;} /* 关于我们——集团简?*/ .banner{ clear: both; overflow: hidden; position: relative; margin-top:85px; } .banner img{ width: 100%; height: auto; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; object-fit:cover; font-family: 'object-fit: cover'; z-index: 1000; animation: anima_img 15s ease-in-out infinite; -webkit-animation: anima_img 15s ease-in-out infinite; -o-animation: anima_img 15s ease-in-out infinite; -moz-animation: anima_img 15s ease-in-out infinite; } @keyframes anima_img { 0%{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* 25% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } */ 50% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } 100% { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } } .banner .container{ position: absolute; bottom: 45px; left: 50%; color: #fff; font-size: 16px; margin-left: -600px; } .banner .newsnav{ padding-left: 15px; color: rgba(255,255,255,.8); } .banner a{ color: rgba(255,255,255,.8); font-size: 16px; } .banner a.active{ color: rgba(255,255,255,1); } .mainbox{ position: relative; margin-top: -24px; z-index: 1; } .mainbox .menubox{ height: 75px; background: #fff; border-radius: 0 0 25px 0; box-shadow: 0 0 15px 1px rgba(138,140,142,.2); } .menubox ul{} .menubox ul li{ display: inline-block; height: 75px; line-height: 75px; margin:0 35px; } .menubox ul li a{ display: block; /* font-size: 16px; */ font-size: 18px; color: #666; position: relative; } .menubox ul li a::before{ content:" "; width: 0; height: 4px; background: #115db1; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all .3s; } .menubox ul li.current a{ color: #115db1; } .menubox ul li.current a::before{ width: 100%; } .columnbox{ text-align: center; padding-top: 58px; } .columnbox h1{ font-size: 24px; color: #24265c; margin-bottom:6px; } .columnbox p{ font-size: 18px; font-family: 'arial'; color:#a7a9ac; } .singleContent{ padding-top:40px; padding-bottom: 54px; } .singleContent p img{ max-width: 100%; height: auto; } .aboutnums{ background: url(../images/aboutnumbg.jpg) no-repeat center top; background-size: cover; /* padding-top: 38px; padding-bottom: 64px; */ padding-top:52px; padding-bottom:60px; } .aboutnums .numslist{ text-align: center; } .aboutnums .numslist li{ display: inline-block; /* width: 23%; */ width:34%; color: #fff; position: relative; } .aboutnums .numslist li::after{ content: " "; position: absolute; right: 0; top: 32px; width: 1px; height: 78px; background: #fff; opacity: 0; } .aboutnums .numslist li.last::after{ opacity: 0; } .aboutnums .numslist li p{ font-size: 16px; } .aboutnums .numslist li .num-cn{ font-size: 60px; font-family: 'arial'; font-weight: 600; } .aboutnums .numslist li p.num-tit{ font-size: 16px; margin-top: -8px; } .about-text{ display:none; width: 87.5%; position: relative; margin: 0 auto; margin-top: -42px; z-index: 1; background: #1f66b3; padding: 30px 30px; color: #fff; font-size: 16px; line-height: 32px; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .aboutimg{ margin-top: 55px; position: relative; margin-bottom: 60px; } .aboutimg #about-swiper{ float: left; width: 56.66%; } #about-swiper .swiper-slide{ border-radius: 3px; } #about-swiper .swiper-slide .boximg{ display:block; width:100%; height:100%; border-radius: 3px; position:relative; overflow:hidden; } #about-swiper .swiper-slide img{ width: 100%; height: auto; border-radius: 3px; } #about-swiper .swiper-slide .about-img-t{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; font-size: 18px; color: #fff; border-radius:0 0 3px 3px; text-align: left; line-height: 36px; padding: 32px 20% 0 20px; background-image: url(../images/bgcover.png); background-repeat: no-repeat; background-size: 100% 80px; background-position: center bottom; } #about-swiper .swiper-pagination-bullet{ background:#fff; opacity:0.4; margin:0 7px; } #about-swiper .swiper-pagination{ bottom: 20px; right: 20px; width: auto; left:auto; } #about-swiper .swiper-pagination-bullet-active{ background:#fff; opacity:1; } .aboutimg .about-info{ width: 50.66%; position: absolute; right: 0; min-height: 290px; cursor: default; top: 40px; background: #fff; text-align: justify; border: 1px solid #f0f0f0; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(138,140,142,.2); z-index: 1; padding:55px 40px 33px; font-size: 16px; line-height: 32px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .aboutimg .about-info p{ position: relative; } .aboutimg .about-info p::before{ content: " "; position:absolute; top: 0; left: -41px; display: inline-block; width:4px; height: 24px; background: #115db1; transition: all 1s; } .aboutimg-lis{ margin-bottom: 30px; overflow: hidden; } .aboutimg-lis .aboutimg-l{ float: left; width: 50%; position: relative; } .aboutimg-l .imgbox{ width: 64.66%; } .aboutimg-lis .about-brief{ min-height: 235px; background: #fff; text-align: justify; border: 1px solid #f0f0f0; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(138,140,142,.2); padding:55px 40px 33px; font-size: 16px; line-height: 32px; color: #666; cursor: default; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .aboutimg-l .about-brief{ width: 71.3%; position: absolute; right: -113px; top: 65px; min-height: 375px; padding-top: 45px; } .about-brief p{ position: relative; } .about-brief p::before{ content: " "; position:absolute; top: 0; left: -41px; display: inline-block; width:4px; height: 24px; background: #115db1; transition: all 1s; } .aboutimg-lis .aboutimg-r{ float: right; width: 50%; margin-top: 330px; position: relative; } .aboutimg-r .about-brief{ width: 71.3%; float: right; margin-right: 6px; padding-top: 35px; } .aboutimg-lis img{ width: 100%; height: auto; } .aboutimg-r .imgbox{ width: 93.3%; float: right; position: relative; margin-top: -86px; z-index: -1; } /* 理团队列表 */ .mainWrapper{ padding-top: 40px; padding-bottom: 40px; } .mainWrapper .listbox{ text-align: center; padding:0 40px; margin-top:-20px; } .listbox li{ position: relative; vertical-align: middle; border-bottom: 1px solid #eee; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .listbox li a{ display: block; width: 100%; height: 100%; padding-top: 22px; padding-bottom:20px; cursor: default; } .listbox li h2{ font-size: 20px; color: #333; margin-bottom: 8px; } .listbox li p{ font-size: 16px; color: #a7a9ac; padding-bottom: 13px; position: relative; font-family: 'arial'; } .listbox li .smalltext{ font-size: 16px; margin-top: 14px; color: #666; line-height:24px; } .listbox li:last-child{ border-bottom:none; } /* 发展战略体系 */ .develop-list{ overflow: hidden; white-space: nowrap; font-size: 0; overflow: hidden; margin-bottom:45px; cursor: default; } .develop-list li{ position:relative; display:inline-block; width: 33.3333%; height: 644px; transition: all .36s; } .develop-list li .develop-bg{ position: relative; z-index: 1; width: 480px; height: 100%; } .develop-list li .develop-bg::after{ content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(17, 93, 177, .7); opacity: 0; transition: all .36s; } .develop-list li .develop-img{ width:100%; height: 100%; } .develop-list li .develop-textbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; width: 100%; color: #fff; transition: all .36s; white-space: normal; } .develop-list li .develop-tit{ top: 40%; text-align: center; /* transition: all .36s; */ } .develop-list li .develop-tit.develop-tit-active{ width:90%; margin-left: -45%; transform: translate(0, -50%); } .develop-list li .develop-tit h2{ display: inline-block; text-align: left; vertical-align: top; min-height: 142px; font-size: 24px; line-height: 40px; } .develop-list li .develop-tit img{ display: block; width: 42px; margin-bottom: 20px; line-height:40px; } .develop-list li .develop-brief{ opacity: 0; width: 100%; /* height: 100%; */ transform: translate(-50%, -50%); padding: 80px 50px 50px; overflow: hidden; } .develop-list li .mc_pos_center{ position: absolute; top: 50%; left: 50%; } .develop-list li .develop-brief .develop-tit{ top: 0; margin-bottom: 30px; text-align: left; opacity: 1; } .develop-list li .develop-brief h2,.develop-list li .develop-brief h3{ font-size: 32px; line-height: 48px; min-height: auto; } .develop-list li .develop-brief .develop-info p{ color: #fff; font-size: 16px; line-height: 32px; } .develop-list li .develop-brief .develop-info p strong{ font-family: 'arial'; font-size: 24px; font-weight: normal; } .develop-list li .develop-textbox .mCSB_outside+.mCSB_scrollTools{ right: -5px; } .develop-list li .develop-textbox .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255,255,255,.7); } .develop-list.act li { width: 30%; } .develop-list li.on { width: 40%; } .develop-list li.on .develop-bg::after { opacity: 1; } .develop-list li.on .develop-textbox>.develop-tit { opacity: 0; } .develop-list li.on .develop-brief { opacity: 1; transition: all .6s; } .develop-ways{ width: 100%; background: url(../images/developbg.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 52px 54px 90px; position: relative; } .develop-ways::after{ content: " "; display: inline-block; position: absolute; left: 0; bottom: 0; width: 65%; height: 128px; z-index: 1; background: url(../images/developround.png) no-repeat left bottom; opacity: 0.6; } .develop-ways h2{ font-size: 36px; margin-bottom: 40px; } .develop-ways ul{ overflow: hidden; } .develop-ways ul li{ float: left; margin-right:2.56%; border-radius: 10px; background: #fff; height: 355px; padding: 26px 8px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .develop-ways ul li.index0{ width: 21.52%; } .develop-ways ul li.index1{ width: 27.65%; } .develop-ways ul li.index2{ width: 21.61%; } .develop-ways li h3{ font-size: 24px; color: #24265c; border-bottom: 1px solid #f4f4f7; text-align: center; line-height:32px; padding-bottom: 12px; margin-bottom: 12px; } .develop-ways li p{ font-size: 16px; padding: 0 10px; text-align: justify; color: #666; line-height: 32px; } .develop-ways ul li.index0 p{ text-align: center; } .develop-ways ul li.index1 p{ padding: 0 10px; text-align:center; } .develop-ways li p strong{ font-size: 24px; font-weight: 500; color: #24265c; } /* 业务布局 */ .businesscover{ } .businesscover .business-left{ float: left; width: 24.16%; } .business-item{ margin-bottom: 38px; cursor: pointer; } .business-item .business-top{ padding-bottom: 20px; color: #949494; font-size:24px; transition: all 0.36s; position: relative; border-bottom: 1px solid #dcdada; } .business-item .business-top::after{ content: " "; position: absolute; bottom:-1px; left: 0; width: 0; height: 1px; background: #115db1; transition: all 0.6s; } .business-item .business-top h2{ color: #949494; font-size:24px; height: 35px; padding-left: 54px; line-height: 35px; background-position: left center; background-repeat: no-repeat; background-size: 36px auto; } .business-item .business-sub{ padding: 15px 3px 0px; display: none; } .business-sub .sub-tab{ font-size: 16px; color: #666; line-height: 32px; margin-bottom: 15px; } .business-sub a{ display: block; } .business-sub a.yw-more{ display:inline-block; padding-right:28px; font-size: 16px; color: #666; position:relative; } .business-sub a.yw-more::after{ content:" "; width:15px; height:18px; position:absolute; right:0; top:5px; background:url(../images/arrow-down-r.png) no-repeat right center; animation:arr1 0.8s linear 0s infinite; } .business-item.index0 .business-top h2{ background-image: url(../images/index-icon1.png); } .business-item.index1 .business-top h2{ background-image: url(../images/index-icon2.png); } .business-item.index2 .business-top h2{ background-image: url(../images/index-icon3.png); } .business-item.index3 .business-top h2{ background-image: url(../images/index-icon4.png); } .business-item.on .business-top::after{ width: 100%; } .business-item.on .sub-tab { color: #115db1; } .business-item.index0.on .business-top h2{ background-image: url(../images/index-icon1-r.png); } .business-item.index1.on .business-top h2{ background-image: url(../images/index-icon2-r.png); } .business-item.index2.on .business-top h2{ background-image: url(../images/index-icon3-r.png); } .business-item.index3.on .business-top h2{ background-image: url(../images/index-icon4-r.png); } .business-item.on h2{ color: #115db1; } .businesscover .business-right{ float: right; width: 70%; } .business-right .swiper-pagination{ bottom:16px; } .business-right .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; background: #dcdada; margin: 0 5px; opacity: 1; } .business-right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 22px; background: #fff; border-radius: 50px; } /* .majorBusiness{ padding-top: 50px; } .majorBusiness h2{ font-size: 32px; color: #000; margin-bottom: 10px; } .majorBusiness span{ color: #a7a9ac; font-size:20px; font-family: 'arial'; } */ .major-listpics{ position: relative; padding: 45px 38px 30px; } .major-listpics .swiper-slide a{ display: block; position: relative; } .major-listpics .swiper-slide .imgbox{ width: 100%; height: auto; overflow: hidden; position: relative; } .major-listpics .swiper-slide .imgbox::before{ content: " "; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/bgcover.png) no-repeat center bottom; background-size: 100% auto; } .major-listpics .swiper-slide img{ width: 100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .major-listpics .swiper-slide .major-tit{ position: absolute; bottom: 0; left: 0; text-align: left; z-index: 2; font-size: 16px; padding: 0 18px; line-height: 52px; color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .major-listpics .swiper-button-next,.major-listpics .swiper-button-prev{ width:23px; height: 39px; margin-top: -20px; background-size: 23px 39px; } .major-listpics .swiper-button-next{ right: 0; background-image: url(../images/arrow-r.png); } .major-listpics .swiper-button-prev{ left:0; background-image: url(../images/arrow-l.png); } .showBusiness{ display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 1000; width: 100%; height: 100%; } .showMain{ position: absolute; width: 100%; left: 0; top:0; height: 100%; background: transparent; } .showMain .container{ position: relative; height: 100%; } .showWrapper{ width: 62.5%; position: absolute; left: 50%; margin-left: -31.25%; /* top: 0; */ top: 50%; margin-top: -300px; } .showMain .closebox{ float: right; width: 23px; margin-top: 12%; height: 23px; margin-bottom: 30px; /* background: url(../images/close.png) no-repeat left top; */ background-size: 100% auto; font-weight: normal; font-size: 48px; color: rgba(255,255,255,.6); cursor: pointer; font-family: Arial, Baskerville, monospace; } .showContainer{ padding: 50px 0; } .showContent{ clear: right; /* width: 650px; */ margin: 0 auto; } .showContainer h2{ width: 85.3%; margin: 0 auto; text-align: center; font-size: 24px; margin-bottom: 40px; color: #fff; } .listpics { position: relative; } .listpics .swiper-container{ width: 85.3%; margin: 0 auto; } #swiper-pics .swiper-slide img{ width: 100%; height: auto; } #swiper-pics .swiper-slide .bigname{ font-size: 16px; line-height: 48px; color: #fff; } .majorInfo{ width: 85.3%; margin: 0 auto; margin-top: 25px; font-size: 16px; color: #fff; line-height: 32px; } /* 业务体系面 */ .systembox{ padding-bottom:40px; } .company-top{ width:430px; margin: 0 auto; text-align: center; position: relative; } .company-top .line-one{ display:block; width:1px; height:23px; margin:0 auto; background:#c5d1de; } .line-top{ width:87.24%; height: 1px; margin:0 auto; background: #c5d1de; } .company-tit{ position:relative; line-height: 60px; font-size:20px; color: #333; border:1px solid #f0f0f1; background: #f5f9fb; border-radius: 8px; box-shadow: 0px 0 5px 0px rgba(108,112,121,0.3); } .singleContent span.line-a,.singleContent span.line-b{ width: 1px; height: 48px; margin-top: -3px; display: inline-block; position:relative; background: #97adc6; } .company-center{ } .company-center dd{ float: left; width: 12.8%; height:247px; text-align: center; margin-right: 1.73%; position:relative; padding-bottom:10px; } .company-center dd::before{ content:" "; display:block; margin:0 auto; width:1px; height:23px; background:#c5d1de; } .company-center dd::after{ content:" "; opacity:0; display:inline-block; position:absolute; bottom:1px; left:50%; margin-left:-11.5px; width:23px; height:10px; background: url(../images/arrow-down-r1.png) no-repeat center center; } .company-center dd a{ background:#f5f9fb; display:block; border-radius:5px; padding:28px 12px 22px; } .company-center dd .company-title{ border-radius: 8px 0 0 0; margin-top: -3px; border:2px solid transparent; background: #f5f9fb; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition:all .5s; } .company-center dd .imgbox{ width:52px; height:52px; margin:0 auto; position:relative; margin-bottom:22px; overflow: hidden; } .company-center dd .imgbox img{ width: 100%; height: auto; position:absolute; left:0; top:0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .company-center dd img.hover{ opacity:0; top:-100%; } .company-center dd .company-text{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .company-center dd .company-text p.company-type{ color: #115db1; font-size: 20px; margin-bottom:10px; } .company-center dd .company-text p.company-subtitle{ color: #333; font-size: 16px; line-height: 26px; } .company-center dd.on a{ background:#115db1; } .company-center dd.on .imgbox img.normal{ opacity: 0; top:100%; } .company-center dd.on::after{ opacity: 1; } .company-center dd.on .imgbox img.hover{ opacity: 1; top:0; } .company-center dd.on p.company-type,.company-center dd.on p.company-subtitle{ color:#fff; } .company-center dd.on .company-title{ border: 2px solid #115db1; box-shadow: 0px 0 15px 0px rgba(17,93,177,.3); } .business-content{ margin-top:15px; border-radius:10px; background:#fff; padding:35px; min-height:330px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 0 5px 0 rgba(108,112,121,0.3); } .business-content-top{ margin-bottom:28px; } .business-top-right{ float:right; width: 31.2%; border:1px solid #f0f0f0; background:#f5f9fb; } .business-top-right img{ width:100%; height:auto; } .business-top-left{ float:left; width:66%; } .business-t{ padding-left:12px; border-left:2px solid #115cb0; margin-bottom:28px; } .business-t h4{ font-size:16px; color:#333; margin-bottom:14px; } .business-t h2{ font-size: 20px; color:#115db1; } .business-top-text{ font-size:16px; padding:0 12px; color:#333; line-height:32px; } .business-children{ } .business-children h1{ font-size:20px; color:#115db1; margin-bottom:32px; } .business-children ul{ overflow:hidden; } .business-children ul li{ float:left; width:33.3%; height:48px; margin-bottom:10px; padding-right:2%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-image:url(../images/dots.png); background-repeat: no-repeat; background-position: left 5px; padding-left:24px; font-size: 16px; line-height:24px; color:#333; } .company-bottom{ text-align: center; margin-top: -5px; } .company-bottom .company-list{ display: none; transition:all .5s; } .company-list .line-sub{ /* opacity: 0; */ transition: all .5s; } .company-list .line-sub,.more-list span.line-more{ height: 1px; background: #97adc6; } .company-list dl{ margin-top: -5px; } .company-list dl dd{ display: inline-block; width: 6.66%; margin:0 2.4%; margin-top: -5px; position: relative; vertical-align: top; } .company-list dl dd .line-a{ } .company-list dl dd .sub-title,.more-list ul li .more-text{ position: relative; margin-top: -3px; padding-top: 45px; border-radius: 5px; height: 455px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #f0f0f1; background: #f5f9fb; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1); } .company-list.index0 .line-sub{ width: 56.4%; margin-left: 5.415%; } .company-list.index0 dl{ padding-bottom: 520px; } .company-list.index0 dl dd .sub-title{ height: 445px; } .company-list.index1 .line-sub{ width: 61.4%; margin-left:18.145%; } .company-list.index1 dl dd .sub-title{ height: 485px; } .company-list.index2 .line-sub,.company-list.index4 .line-sub{ width: 58.9%; margin: 0 auto; } .company-list.index3 .line-sub{ width: 47.3%; margin: 0 auto; } .company-list.index3 dl dd .sub-title{ height: 420px; } .company-list.index4 dl dd .sub-title{ height: 482px; } .company-list.index5 .line-sub{ width: 82.4%; margin: 0 auto; } .company-list.index5 dl dd .sub-title{ height: 530px; } .company-list.index6 .line-sub{ width: 49.4%; margin-left: 32.4%; } .company-list.index6 dl dd .sub-title{ height: 390px; } .company-list.index7 .line-sub{ width: 68.15%; margin-left: 26.4%; } .company-list.index7 dl dd .sub-title{ height: 390px; } .company-list.on .line-sub{ /* opacity: 1 */ } .more-list{ position: absolute; width: 600px; left: 50%; margin-left: -300px; margin-top: -20px; } .more-list span.line-more{ display: inline-block; width: 54%; } .more-list .more-box{ margin-top:-5px; } .more-list ul li{ display: inline-block; width: 13.33%; margin: 0 2%; } .more-list ul li .more-text{ height: 460px; } /* 主营业务面2023-06-06 */ .majorWrapper{ padding-top: 0; } .majorWrapper .majorline{ display:block; width:1px; height:28px; margin:0 auto; background:#cfd6e4; } .majorText{ font-size:16px; line-height:32px; position:relative; box-shadow: 0 0 5px rgba(138,140,142,.2); border-radius: 5px; padding:20px 30px; } .majorImg{ text-align:center; } .majorImg img{ max-width:100%; height:auto; } .majorText p img{ max-width: 100%; height:auto; margin-top:38px; } .major-nav{ margin-top:60px; text-align:center; } .major-nav li{ display:inline-block; width:35.8%; } .major-nav li::after{ content:""; display: inline-block; width:0; height:0; border-left:13px solid transparent; border-right: 13px solid transparent; border-top:13px solid #115db1; vertical-align: top; opacity: 0; } .major-nav li a{ display:block; height:60px; line-height:60px; border-radius:5px; color:#115db1; font-size:20px; background: #fff; box-shadow: 0 0 5px rgba(108,112,121,.3); } .major-nav li.current::after{ opacity: 1; } .major-nav li.current a{ background: #115db1; color:#fff; } .majorBusiness{ background:#f8f8f8; padding-top: 48px; padding-bottom: 40px; margin-top:-30px; } .major-top{ } .major-top .major-left{ float:left; width:69%; font-size:16px; line-height:32px; text-align: justify; margin-top:-8px; } .major-top .major-img{ float:right; width:27.75%; position:relative; border:1px solid #eaeaea; } .major-top .major-img .imgbox{ background:#f5f9fb; position:relative; z-index:2; } .major-top .major-img img{ width:100%; height:auto; } .major-top .major-img::after{ content:" "; display:block; position: absolute; left:-10px; bottom: -10px; height:184px; width:88.88%; background: #cad9ea; z-index:1; } .includesub{ margin-top:40px; font-size: 20px; color:#115db1; margin-bottom: 27px; } .include-list .include-item{ background: #fff; margin-bottom: 15px; } .include-item .include-title{ position:relative; height:60px; line-height:60px; cursor: pointer; width:100%; padding:0 28px; font-size:20px; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-color: transparent; background-position: right 32px center; background-repeat: no-repeat; background-image: url(../images/arrow-j.png); /* transition: all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; */ } .include-item .include-content{ display:none; padding:40px 30px 40px; } /* .include-item:hover .include-content{ display:block; } */ .include-content .major-load-left,.childrenContent .major-load-left{ float: left; width:32.9%; position:relative; z-index:1; } .major-load-left::after{ content:" "; position: absolute; display:inline-block; right:-10px; top:27px; width:93.86%; background:#b7cee7; height:223px; z-index: -1; } .major-load-left .swiper-slide img{ width:100%; height:auto; } .major-load-left .swiper-button-next,.major-load-left .swiper-button-prev{ width:27px; border-radius: 50%; height:27px; background-color: rgba(17,93,177,.5); background-size: 8px auto; margin-top: -13.5px; } .major-load-left .swiper-button-next.swiper-button-disabled,.major-load-left .swiper-button-prev.swiper-button-disabled{ background-color: #393939; } .major-load-left .swiper-button-next{ right:5px; } .major-load-left .swiper-button-prev{ left:5px; } .major-load-left .videochilde{ width:100%; height:auto; margin-top: 30px; } .major-load-left .videochilde video{ width:100%; height:100%; } .include-content .major-load-right,.childrenContent .major-load-right{ float:right; width:62.7%; font-size: 16px; line-height: 32px; color:#333; text-align: justify; } .major-load-right p img{ max-width:100%; height:auto; margin-top:15px; } .major-load-right p video{ display:block; margin:0 auto; margin-top:15px; } .include-item .include-title.on{ background-color:#115db1; color:#fff; background-image: url(../images/arrow-d-r.png); } /* .include-item.on .include-content{ display:block; } */ .childrenContent{ padding-top:28px; padding-bottom: 50px; } .chilrenTitlebox{ text-align: left; font-size: 20px; color:#115db1; margin-bottom: 30px; } /* 企业品牌 */ .singleContent .brandbox{ background: #f6f6f7; border: 1px solid #eee; margin-bottom: 16px; overflow: hidden; } .singleContent .brand_left{ float: left; width:43%; border-right: 1px solid #eee; } .brand_left img{ width: 100%; height: auto; } .singleContent .brand_right{ float: right; width: 56.66%; padding:42px 50px; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .brand_right h2{ font-size: 24px; color: #2f3745; position: relative; margin-bottom: 17px; } .brand_right h2::before{ content: " "; display: inline-block; position: absolute; left:-32px; top:0; width: 4px; height: 24px; background: #115db1; } .brand_right p{ font-size: 16px; margin-top: 15px; color: #666; line-height:32px; } /* 企业文化 */ .culturebox{ padding-top: 60px; } .cuture-list{ background:url(../images/cultureBg.png) no-repeat bottom right; padding-bottom:80px; background-size: 48% auto; } .cuture-list ul.culture-left{ float: left; width: 48.66%; } .culture-left li{ width: 19.52%; float: left; position: relative; padding-top: 32px; height: 343px; margin-right:.6%; text-align: center; background: #f5f9fb; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .culture-left li p{ display: block; margin: 0 auto; font-size: 20px; color: #000; width: 20px; line-height: 32px; } .culture-left li span.enname{ position: absolute; left: -26%; transform: rotate(90deg); -webkit-transform: rotate(90deg); font-size: 16px; line-height: 32px; font-family: 'arial'; font-weight: 700; width: 245px; text-align: left; color: rgba(193,193,193,.2); text-transform: uppercase; -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .culture-left li i{ display: inline-block; width: 52px; height: 52px; margin-bottom: 18px; background-position: center center; background-repeat: no-repeat; } .culture-left li span.arrow-c{ display: inline-block; width: 18px; height: 25px; background: url(../images/arrow-rr.png) no-repeat center center; margin-top: 50px; } .culture-left li.index0{ margin-top: 85px; } .culture-left li.index0 i{ background-image: url(../images/icon-cuture1.png); } .culture-left li.index0 span.enname{ top: 204px; } .culture-left li.index1{ margin-top: 56px; } .culture-left li.index1 i{ background-image: url(../images/icon-cuture2.png); } .culture-left li.index1 span.enname{ top: 204px; } .culture-left li.index2{ margin-top: 26px; } .culture-left li.index2 i{ background-image: url(../images/icon-cuture3.png); } .culture-left li.index2 span.enname{ top: 202px; } .culture-left li.index3{ } .culture-left li.index3 i{ background-image: url(../images/icon-cuture4.png); } .culture-left li.index3 span.enname{ top: 190px; } .culture-left li.index4{ margin-right: 0; margin-top: 65px; } .culture-left li.index4 i{ background-image: url(../images/icon-cuture5.png); } .culture-left li.index4 span.enname{ top: 202px; } .culture-left li.index4 span.arrow-c{ margin-top: 23px; } .culture-left li.act{ cursor: default; background: #115db1; } .culture-left li.index0.act i{ background-image: url(../images/icon-culture-r1.png); } .culture-left li.index1.act i{ background-image: url(../images/icon-culture-r2.png); } .culture-left li.index2.act i{ background-image: url(../images/icon-culture-r3.png); } .culture-left li.index3.act i{ background-image: url(../images/icon-culture-r4.png); } .culture-left li.index4.act i{ background-image: url(../images/icon-culture-r5.png); } .culture-left li.act p{ color: #fff; } .culture-left li.act .arrow-c{ animation:arr 0.6s linear 0s infinite; background: url(../images/arrow-white.png) no-repeat center center; } .culture-left li.act span.enname{ opacity: 0; } .cuture-list .culture-right{ float: right; width: 43.33%; margin-top: 52px; } .culture-right .culture-info{ display: none; } .culture-info h2{ border-left: 4px solid #115db1; font-size: 36px; color: #000; text-indent: 30px; margin-bottom: 12px; } .culture-info>span{ font-size: 24px; display: inline-block; color: #115db1; text-indent: 34px; font-family: 'arial'; margin-bottom: 48px; } .culture-info p{ font-size: 24px; color: #2f3745; line-height:32px; margin-bottom: 22px; } .culture-info p.index3{ margin-left: 70px; } .culture-info p.index4{ margin-left: 140px; } .culture-info p.index5{ margin-left: 210px; } .culture-info p.index6{ margin-left: 280px; } .culture-info p span{ display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #115db1; } .culturebox .news-cul-left{ float: left; width:76%; background:#f5f9fb; height:370px; overflow: hidden; } .news-cul-left .news-cul-tab{ float: left; width: 29.7%; height: 100%; padding: 40px; background: #115db1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news-cul-tab li{ color: #fff; cursor: default; font-size: 20px; margin-bottom: 30px; position: relative; } .news-cul-tab li::before{ content: " "; display: inline-block; width: 16px; height: 7px; vertical-align: middle; background: url(../images/arr2.png) no-repeat right center; position: relative; top: -1px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-right: 10px; } .news-cul-tab li::after{ content: ""; display: none; border: 10px solid transparent; border-right-color: #f5f9fb; position: absolute; top: 50%; margin-top: -10px; right: -40px; -webkit-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; } .news-cul-tab li.active::before{ width: 47px; } .news-cul-tab li.active::after{ display: block; } .news-cul-left .news-cul-content{ float: right; width: 70.3%; padding: 25px 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .news-cul-content .news-cul-list{ font-size: 20px; color: #2f3745; line-height:40px; /* margin-bottom: 22px; */ display: none; text-align: center; transition: all 0.4s ease-in-out 0.2s; } .news-cul-list img{ max-width:100%; height: auto; } .news-cul-list p span{ /* display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #115db1; */ } .culturebox .news-cul-right{ float: right; width: 22%; } .culturebox .news-cul-right img{ width:100%; height: 370px; } .culture-rule{ clear: both; background: #f5f9fb; padding:66px 95px 32px; margin-bottom: 70px; box-shadow: 0 0 10px 0 rgba(138,140,142,.2); } .culture-rule dl dd{ float: left; width:50%; } .culture-rule dl dd.fivedone{ float: right; } .culture-rule dl dd .rulelist{ width: 368px; height: 368px; border-radius: 50%; position: relative; border: 1px dashed #a2b6cb; } .culture-rule dl dd.fivedone .rulelist{ float: right; } .culture-rule dl dd .rulelist::before{ content: " "; display: inline-block; width: 295px; height: 295px; left: 50%; top: 50%; border-radius: 50%; margin-left: -145.5px; margin-top: -145.5px; position: absolute; border: 1px dashed #3979be; } .culture-rule dl dd ul li{ position: absolute; /* width: 114px; height: 114px; */ width: 130px; height: 130px; text-align: center; /* padding-top: 13px; */ padding-top: 20px; border-radius: 50%; border: 1px solid #a4b8cd; background: #fff; box-shadow: 0 0 10px 1px rgba(17,93,177,.06); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .culture-rule dl dd .culture-tit{ width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; margin-top: -60px; margin-left: -60px; border-radius: 50%; /* background: url(../images/icon-img2.png) no-repeat center bottom 10px #115db1; */ background: #115db1; color: #fff; font-size:36px; text-align: center; /* padding-top: 16px; */ line-height:120px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .culture-rule dl dd.fivedone ul li{ /* padding-top: 33px; */ padding-top: 40px; } .culture-rule dl dd.fivedone .culture-tit{ /* background: url(../images/icon-img1.png) no-repeat center bottom 10px #115db1; */ /* background: #115db1; */ } .culture-rule dl dd ul li span{ color: #666; font-size: 16px; line-height:22px; } .culture-rule dl dd ul li.index0{ /* left: 127px; top: -34px; */ left: 118px; top: -44px; } .culture-rule dl dd ul li.index1{ top: 76px; /* right:-22px; */ right: -44px; } .culture-rule dl dd ul li.index2{ /* bottom: 14px; */ bottom: -8px; right: 14px; } .culture-rule dl dd ul li.index3{ /* bottom: 14px; */ bottom: -8px; left:28px; } .culture-rule dl dd ul li.index4{ /* left: -24px; */ left: -44px; top: 76px; } .culture-rule dl dd ul li p{ font-size: 20px; color: #115db1; margin-bottom:4px; } /* 集团要闻列表?*/ .topsearch{ overflow: hidden; width:358px; height: 38px; margin: 0 auto; border: 1px solid #98aec5; border-radius: 50px; padding: 0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .topsearch input.searchtext{ float: left; width: 275px; height: 38px; line-height: 38px; font-size: 16px; } .topsearch input.searchBtn{ float: right; width: 18px; height: 38px; background: url(../images/search-list.png) no-repeat center center; } .newsIsgood{ margin-top:18px; background: #f5f9fb; position: relative; margin-bottom:6px; } .newsIsgood .swiper-slide a{ display: block; overflow: hidden; } .newsIsgood .swiper-slide .imgbox{ float: left; width: 47.16%; overflow: hidden; } .newsIsgood .swiper-slide .imgbox img{ width: 100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; } .newsIsgood .swiper-slide .isgood-r{ float: right; width: 50%; padding-right: 32px; padding-top:56px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #news-swiper .swiper-slide .isgood-r span{ font-size: 16px; font-family: 'arial'; color: #1176b9; } #news-swiper .swiper-slide .isgood-r h2{ margin-top: 12px; font-size: 24px; color: #000; line-height:34px; margin-bottom: 30px; } #news-swiper .swiper-slide .isgood-r .isgood-text{ font-size: 16px; line-height: 32px; color: #666; height: 96px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .newsIsgood .swiper-pagination{ right: 30px; bottom: 58px; } .newsIsgood .swiper-pagination-bullet{ opacity: 1; width: 6px; height: 6px; background: #d6d6d4; margin: 0 5px; } .newsIsgood .swiper-pagination-bullet-active{ width: 22px; border-radius: 6px; background: #115db1; } .newsIsgood .swiper-button-next,.newsIsgood .swiper-button-prev{ top: auto; bottom: 40px; right: 46%; background-image: none; width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #666; font-family: arial; border-radius: 50%; border: 1px solid #d7d8d6; z-index: 1; } .newslists{ /* padding-top: 48px; */ padding-bottom: 40px; } .newslists li{ padding-left: 35px; padding-right: 28px; overflow: hidden; line-height: 60px; position: relative; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .newslists li::before{ content: " "; display: inline-block; width: 3px; height: 4px; background: #115db1; position: absolute; left:0; top: 22px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .newslists li a{ float: left; width: 71.66%; font-size: 20px; color: #2f3745; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .newslists li a b{ color: #115db1; } .newslists li span{ float: right; font-size: 18px; color: #a9abae; } /* 集团要闻列表2023-05-06 */ .group-newslist{ padding-bottom:40px; } .group-newslist li{ border-bottom: 1px solid #e8e8e8; } .group-newslist li a{ display:block; width:100%; height: 100%; overflow: hidden; position: relative; padding: 22px 0; } .group-newslist li a::before{ content: " "; opacity: 0; position:absolute; left: 0; top: 0; width:60px; height: 60px; border-top: 1px solid #115db1; border-left:1px solid #115db1; transition:all .6s ease-in-out; } .group-newslist li a::after{ content: " "; opacity: 0; position:absolute; right: 0; bottom: 0; width:60px; height: 60px; border-bottom: 1px solid #115db1; border-right:1px solid #115db1; transition:all .6s ease-in-out; } .group-newslist li .group-time{ float: left; padding:18px 33px 18px 23px; text-align: center; border-right:1px solid #e8e8e8; } .group-time p{ width:40px; height:40px; margin:0 auto; text-align:center; line-height:40px; border:1px solid #115db1; font-size: 32px; color: #115db1; font-family: 'arial'; transition:all .5s ease-in-out; } .group-time span{ font-size: 16px; font-family: 'arial'; display: block; color: #115db1; margin-top:16px; } .group-newslist li .listnews-r{ float: right; width: 87%; overflow: hidden; padding-right:23px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .group-newslist li .listnews-l{ width: 81%; float: left; margin-top: 8px; } .group-newslist li .listnews-img{ float: right; width:16%; overflow: hidden; } .group-newslist li .listnews-img img{ width: 100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .group-newslist li .listnews-l h2{ font-size: 20px; line-height:32px; overflow: hidden; color: #2f3745; margin-bottom: 5px; text-overflow:ellipsis; white-space:nowrap; } .group-newslist li .listnews-l p{ font-size:16px; color: #666; line-height: 28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp:2; -webkit-box-orient: vertical; } .group-newslist li.act .listnews-l{ width:100%; } .group-newslist.party-newslist .group-time p{ border: 1px solid #e8373b; color: #e8373b; } .group-newslist.party-newslist li a::before{ border-top: 1px solid #e8373b; border-left:1px solid #e8373b; } .group-newslist.party-newslist li a::after{ border-bottom: 1px solid #e8373b; border-right:1px solid #e8373b; } .group-newslist.party-newslist .group-time span{ color:#a9abae; } .group-newslist.news-activity li .listnews-l{ margin-top:0; height:106px; width:82%; } .group-newslist.news-activity li h2{ position: relative; top: 50%; overflow: inherit; text-emphasis: inherit; white-space: normal; transform: translateY(-50%); display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; } .group-newslist.news-activity li .listnews-img{ width:15%; } /* 默认新闻列表模板 */ .commonlists{ padding-bottom:40px; } .commonlists li{ margin-bottom: 25px; box-shadow: 0 0 10px 0 rgba(2,24,44,.15); } .commonlists li a{ display: block; overflow: hidden; position: relative; padding: 23px 0 20px 25px; } .commonlists li a::before{ content: " "; opacity: 0; position:absolute; left: 0; top: 0; width:60px; height: 60px; border-top: 1px solid #115db1; border-left:1px solid #115db1; transition:all .6s ease-in-out; } .commonlists li a::after{ content: " "; opacity: 0; position:absolute; right: 0; bottom: 0; width:60px; height: 60px; border-bottom: 1px solid #115db1; border-right:1px solid #115db1; transition:all .6s ease-in-out; } .commonlists li .common-time{ float: left; text-align: center; margin-top: 11px; } .common-time p{ font-size: 32px; color: #115db1; font-family: 'arial'; /* width:40px; height:40px; margin:0 auto; */ text-align:center; /* line-height:40px; */ } .common-time span{ font-size: 14px; font-family: 'arial'; display: block; color: #a9abae; margin-top: -8px; } .commonlists li .common-right{ float: right; width: 92.76%; overflow: hidden; } .commonlists li .common-info{ float: left; width: 84.4%; } .commonlists li .common-arrow{ width: 12.477%; min-height: 88px; float: right; overflow: hidden; position: relative; background: url(../images/arrow-dj.png) no-repeat center center; border-left: 1px solid #eeeff0; } .commonlists li .common-info h2{ font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2f3745; margin-bottom: 11px; } .commonlists li .common-info .smalltext{ font-size: 16px; line-height:28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; } /* 通用标题列表 */ .titlelist{ padding-bottom:40px; } .titlelist li{ border-bottom: 1px solid #e8e8e8; } .titlelist li a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; padding: 22px 0 18px; } .titlelist li a::before{ content: " "; opacity: 0; position:absolute; left: 0; top: 0; width:60px; height: 60px; border-top: 1px solid #115db1; border-left:1px solid #115db1; transition:all .6s ease-in-out; } .titlelist li a::after{ content: " "; opacity: 0; position:absolute; right: 0; bottom: 0; width:60px; height: 60px; border-bottom: 1px solid #115db1; border-right:1px solid #115db1; transition:all .6s ease-in-out; } .titlelist li .title-time{ float: left; padding: 0 23px; text-align: center; } .title-time p{ width: 40px; height: 40px; margin: 0 auto; margin-top: 4px; text-align: center; line-height: 40px; border: 1px solid #115db1; font-size: 32px; color: #115db1; font-family: 'arial'; transition: all .5s ease-in-out; } .title-time span{ font-size: 16px; font-family: 'arial'; display: block; color: #115db1; margin-top: 8px; } .titlelist li .title-r{ float: right; width: 91%; overflow: hidden; padding-left: 2%; border-left: 1px solid #eeeff0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .titlelist li .title-l{ float: left; width: 91.4%; height:72px; } .titlelist li .title-arrow{ width: 6.477%; min-height: 72px; float: right; overflow: hidden; position: relative; background: url(../images/arrow-dj.png) no-repeat center center; border-left: 1px solid #eeeff0; } .titlelist li .title-l h2{ font-size: 20px; line-height: 26px; color: #2f3745; position: relative; top: 50%; transform: translateY(-50%); display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; } .lznews{ /* margin-bottom: 30px; */ } .lznews dl{ float:left; width:48.5%; } .lznews dl dd{ margin-bottom:10px; } .lznews dl dd img{ width:100%; height:auto; } .lznews .xfimg{ float:right; width:50.5%; } .lznews .xfimg img{ width:100%; height:auto; } .topicBox{ margin-bottom:20px; position:relative; margin-top:68px; } .topicBox #swiper-topic{ position:absolute; top: -35px; left: 0; width:40%; border-radius:10px; overflow:hidden; } .topicBox #swiper-topic .swiper-slide{ border-radius:10px; overflow:hidden; height:330px; } .topicBox #swiper-topic .swiper-slide img{ border-radius: 10px; width:100%; height:100%; } .topicBox .swiper-pagination{ /* display:none; */ } .topicBox .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:0.8; margin:0 10px; } .topicBox .swiper-pagination .swiper-pagination-bullet-active{ background:#ff6600; opacity:1; } .topicColmn{ float: right; width:95%; overflow: hidden; border-radius: 10px; background:#f5f5f5; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07); } .toppicBrief{ float: right; width: 60%; padding: 30px 20px 30px 0; } .toppicBrief h2{ color:#333; font-size:24px; margin-bottom:15px; } .toppicBrief .topicText{ font-size:16px; line-height:32px; color:#333; text-align:justify; } .toppicBrief .topicText p strong{ /* color:#e8373b; */ font-weight: bold; } /* 集团要闻内容 */ .titlebox{ padding-top: 20px; padding-bottom: 15px; margin-bottom: 38px; border-bottom: 1px solid #eeeff0; } .titlebox h1{ width:80%; margin:0 auto; text-align: center; font-size: 24px; line-height: 42px; color: #000; margin-bottom: 20px; } .titlebox .release{ /* float: left; width: 50%; */ text-align: center; } .release span{ font-size: 16px; color: #666; margin: 0 19px; line-height: 32px; } .release span a{ color: #666; } .titlebox .title-setting{ float: right; width:50%; text-align: right; } .title-setting span{ margin-left: 18px; font-size: 16px; line-height: 32px; color: #666; } .title-setting span a{ color: #666; } .title-setting span.print{ padding-left: 26px; background: url(../images/icon-print.png) no-repeat left center; } #shareSc{ margin-left: 18px; display: inline-block; position: relative; } #shareSc *{ box-sizing:content-box; } #shareSc div#share{ display: inline-block; position: relative; *float: left; } #shareSc .share-box{ display: inline-block; background: url(../images/icon-share.png) no-repeat left center; *margin-top:-4px; position:relative; top:6px; padding-left: 20px; } #shareSc a.gwds_add{ background-position:0 -114px !important; } #shareSc .share-popup{ width: 212px; -webkit-box-shadow: 0 0 7px #eee; -moz-box-shadow: 0 0 7px #eee; z-index: 1000000; position: absolute; border: 1px solid #e9e9e9; position: absolute; display:none; } #shareSc .share-popup h6{ height: 34px; background-color: rgb(246, 246, 246); font: 700 14px/32px; padding:0 3px } #shareSc .share-popup h6 b{ position: absolute; top:5px; right:5px; width: 22px; height: 23px; background: url(data:image/gif;base64,R0lGODlhFgAXANUzAP///7CwsMPDw8fHx8jIyLi4uOjo6Le3t/b29sLCwsnJyff397+/v8bGxsHBwb6+vsTExLy8vLm5ubu7u/T09MvLy8XFxfPz8+3t7fX19czMzP39/crKyvz8/Orq6s/Pz/n5+fLy8s3NzdjY2NPT0+Hh4bS0tOvr6/r6+uDg4NLS0tXV1fv7+7W1tenp6e/v79bW1s7Ozvj4+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADMALAAAAAAWABcAAAbuwJlwSCwaj8iksOQIOJ9Qp8JTHCUMiKx2m00VMMTDy0NSmM9ozkclIgYyGoJ8TpdXPgJ3ZsDv+/sKIgl6DQ0AAIWJh4UEGoNDARQQEIcAk5SHkwOObhQCn5UCoZ8NFY9CkQ6qDpWHqw4QHKczkQy2tpW3tgkEswEXD8EPrQDCDw69bhcRzJURzswMA74XExOV1teH1g8NviESEofh5OMSERbfBevs7ezoswcYEwf19vcHBQ8WFUQrAhUgfBpIUICFASYMEAERo0WUhwEmwGBBpAOFEwYyatxowAUGBBuKdACxoKTJkwtkoAippOWQIAA7) no-repeat 0 0; cursor: pointer; } #shareSc .share-popup ul{ width: 94%; padding: 8px 3%; overflow: hidden; background-color: #fff; } #shareSc .share-popup li{ width: 49%; margin:0 .5%; float: left; } #shareSc .share-popup li a{ display: block; height: 20px; line-height: 20px; border: 1px solid transparent; padding: 5px 0; font-size: 14px; color: #565656; text-indent: 34px; background: url(/cms_files/webscca/tplobject/SCTXGLJ/21fd5e766ae446d5b2a9916cf36e4e35/images/is_24.png) no-repeat; cursor: pointer; } #shareSc .share-popup.top{ bottom: 130%; } #shareSc .share-popup.bottom{ top: 130%; } #shareSc .share-popup.left{ right:0px; } #shareSc .share-popup.right{ left: 100%; margin-left: -20px; } #shareSc .share-popup li a.gwds_qzone{ background-position: 0 -237px } #shareSc .share-popup li a.gwds_douban{ background-position: 0 -357px } #wxBox .wxBcode-box{ width:262px; margin:0 auto; border: 1px solid #ddd; padding:10px 10px 10px 10px; position:relative;overflow:hidden; } #wxBox{ position:fixed; top:50%; left:50%; margin:-122px 0 0 -162px!important; background:#fff; z-index:9999999999; left:-999999999px } #wxBox .wxBcode-box h5{ /* width:100%; */ float:left; } #wxBox .wxBcode-box p{ width:100%; float:left; font-size: 13px; line-height: 22px; margin: 0; color: #555; text-align:center; } #wxBox .wxBcode-boxb{ width:100%; float:left; } #wxBox #wxqrcode{ width:200px; height:200px; margin:20px auto; } #wxBox .wxClose{ position: absolute; top:5px; right:5px; width: 22px; height: 23px; background: url(data:image/gif;base64,R0lGODlhFgAXANUzAP///7CwsMPDw8fHx8jIyLi4uOjo6Le3t/b29sLCwsnJyff397+/v8bGxsHBwb6+vsTExLy8vLm5ubu7u/T09MvLy8XFxfPz8+3t7fX19czMzP39/crKyvz8/Orq6s/Pz/n5+fLy8s3NzdjY2NPT0+Hh4bS0tOvr6/r6+uDg4NLS0tXV1fv7+7W1tenp6e/v79bW1s7Ozvj4+P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAADMALAAAAAAWABcAAAbuwJlwSCwaj8iksOQIOJ9Qp8JTHCUMiKx2m00VMMTDy0NSmM9ozkclIgYyGoJ8TpdXPgJ3ZsDv+/sKIgl6DQ0AAIWJh4UEGoNDARQQEIcAk5SHkwOObhQCn5UCoZ8NFY9CkQ6qDpWHqw4QHKczkQy2tpW3tgkEswEXD8EPrQDCDw69bhcRzJURzswMA74XExOV1teH1g8NviESEofh5OMSERbfBevs7ezoswcYEwf19vcHBQ8WFUQrAhUgfBpIUICFASYMEAERo0WUhwEmwGBBpAOFEwYyatxowAUGBBuKdACxoKTJkwtkoAippOWQIAA7) no-repeat 0 0; cursor: pointer; } #shareSc .share-box a, #shareSc .share-box span{ width: 22px; height: 22px; border-radius: 50%; line-height: 24px; display:block; cursor:pointer; float:left; margin-left:10px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAACKCAYAAACw2YqwAAAACXBIWXMAAAsTAAALEwEAmpwYAAA7SmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxOS0wNi0xMlQxNToyMTo1NyswODowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE5LTExLTAxVDEwOjI0OjI4KzA4OjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxOS0xMS0wMVQxMDoyNDoyOCswODowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDoyYmY1MGY4Zi0yOWEzLWE3NDQtOGQxNy1mZjdlMWQ4MTgwNjY8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NzdDMkNDRjJFMDlDMTFFODg5Q0RFODE5RDAyRjZERjQ8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6NzdDMkNDRUZFMDlDMTFFODg5Q0RFODE5RDAyRjZERjQ8L3N0UmVmOmluc3RhbmNlSUQ+CiAgICAgICAgICAgIDxzdFJlZjpkb2N1bWVudElEPnhtcC5kaWQ6NzdDMkNDRjBFMDlDMTFFODg5Q0RFODE5RDAyRjZERjQ8L3N0UmVmOmRvY3VtZW50SUQ+CiAgICAgICAgIDwveG1wTU06RGVyaXZlZEZyb20+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo3N0MyQ0NGMkUwOUMxMUU4ODlDREU4MTlEMDJGNkRGNDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YzMyMDZhMzgtMzQxNy0wYjRkLWFkOTAtYjY5MTg4NzM0NjhlPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE5LTExLTAxVDEwOjIwOjExKzA4OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyYmY1MGY4Zi0yOWEzLWE3NDQtOGQxNy1mZjdlMWQ4MTgwNjY8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTktMTEtMDFUMTA6MjQ6MjgrMDg6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjI0PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjEzODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+8MazOwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAII0lEQVR42uyae1BU1x3Hv+fey/KS1y4aAQWVRA0+y/oKtkGjlOpAQgQ7SafiJKNBnIzjjPXRqm38RxzbmRhtp9WJobRkJlPjaCQMZSLt+ACdTiWJvNRgRa2PCgvsru6Dvff8+se6l13YFxb6mntm7uzec+75fc75/X7n3PPb/TEiwlgWAWNcNIAGADjn4JwDAA4cOEAAMBLXDgqQZRmCIEAQBBVGRGCMhQ0JCpAkSQUBQGRkJBRFUSH/MkBRFBXkGb0kSWELDwkQRVHVvyAIePLkyYiNzILpsqKigiRJgqIo8Hx6Rs85B2MMO3fuDD4dIgp6ybIMIoLL5cLBgwfJ5XKpbR61BbtCuqlnxB47eAwfrqFDAjwuOtT/R8WL/ie2Cqa90TSABtAAGkADaID/CoAEgB7ueGdMhE88eAzswfaNBACJAhs7FY2V8H+bDZ5tZPEJkN7YMBhLXLkE5UrTGM0gZRIi1q5HxNr1I5+BEJ8AMb8ImDoTzPEE8m+PgFvM4BYzlHP1YJOngs7Vg+YaIRpzQH29kM/WhAeQVhZCWlngVaMHm7sAuNjghk/Pgrh0BQDAVXnEPYjsHCAcQMTa9RCNOcNnlGQA/fBdSPpEwGGHq/IIxPwiiLn54M1NkFYWwBVKRYGEA4C4dAXEoeFubz9EpxUsSR/aBuK3V/gI53Yb5Js3ITy87b6fmAEpMxNCdIw7KOnrAT9RBf5UpUM9SRpm0BUFqmCl4XMoFxsgpGWAxsWBHlvBz9ZAfmp40ZgD0ZgDlpQM+ZMPfYzrF8BemKWOTP7wEGDth+6dbRCmTR/098YGuGr+AH6iCkpkHHSz57jbX10HVP8y+DpgSYani6YJ/N5tsLkLfIR7bKA+39UxONKYyNBbBfWZ3F8cdrewrPkYaG2BY1cZuN02vHPKJK++PWEAvmkDt9vAsl+CkJYB5colSJmZ0G3Zo6pOaXSvAY/+VXvVn/Yfoz3YvpG8d1MhLQPShq1uYZ+fAKKjQVNedD/c0Qw8tkDMzVdVx+/fhXzy9+D3bocH8HiTsOhlsOwciHo9uN0Gsjsg6gf9nN+/C6XxT343uJCAoTCWMhkYFw88trhV+eAuuMU8Ots1t5iBMIX9/54qIKRljLpgj1cxIiLHrrIxGX3UgaPabxUaQANoAA0welHmR9d/h5Ndp9HjMI2K0OQoA4qnFOHtGaVgx69V0dHOj8Ci2ejNhwNkJ5Q9/zbY6j++TqaIvtFXFgcMriQIPQ7T2FhCAHocpsDHloyYychN/g4WJM1Hsi4ZNsWOVksHmkyX8aX5a7i4KywOW3T6ZWIJg1OIYBEoTi1C2bS3EC1GD+tARPhz93n84toH6OV9QYWTmQ+JD8Dwg5S1KH9hY+ARMYZXJuRCLyRie/seWPnj8NfBzJjnUT7dHVw/cvTgfN8lDHipotvZjYumJji5E/OT5+HNySVgI1lor04qAJ52+c3NY9jx9U/Q1H1ZbT/+tyr8qGU3GrsvAQBeTytCjBgT/tl0dtyL6vfvpeTBoNNjdmKWWleQuhqJuiQYdHr8pe+vkAQB0+Kn4O7je+h3mUMDuNcZaZF+IRbpF/o8nBU/E6aBHty130HauMlIi0rFr+a+jx6HCVfMV1FzvxZXLS2BVfTVkEbvYlNs+PjWJ4gVY1GQWoBvxc/DBN146JgOqdEpKJyYj2PZh7E6+buBATX3awMCvnh4FlPjMrBAb0SbpR13bHfUtn84HuHL/qsgAD+d/WMsjM/2D+i03cL+9p8PE25xWWFy9iNn/EtwKk7sbt2Hw51H1faqW9XY0bIbj+yPAADrMt4MHIDUPKoDB2FP1g61zkkDSIhKgAABOlGHvTN3IiEiUW1/I+P7WJq8BMmR7jA4PTY9MIBA6LBcg4M7UffwC4hcQHxEvLqVMzAY9dk+fdJjJiE9ZjCkNTm7g4dQuggdNn71Lr6xdLpDViZinBCLVRNWIn1cesj95+M7nwZ/o3VYr6vCAUAhBWbFgvfa98MqB/5XnED49M4pnO+9+GyvzHbbdWxoLsdn92tgdlkgkwJOCuzcrqrvg65fQyY58G4abnku6jlMik5FJNOhZ8AEgy4J7889iJxzr6gLlsz82QHhFDJzCMlRBoCPgXQOGCINkIqnFKHV2T7q8hv/fhnFma+5o8zj16tw8tZnMDlH59gyIWo81kx9DW9NX6dFmRpAA2gADaABNED4PyUEPnZ4JevJsuyTxMc5x/79+6mtrQ1ZWVnYtm0bi42N9S/E3+VJ+/R8Dk1NLC8vp9raWiIi1NXV0ebNm8mfHL/COec+gv3lNK5Zs8ZHYGFhIYWd68gYgyAIKshbTUQEp9MJk8n3iONwOEZmA0VRIIq+/1pKkoQzZ87Q4cOHsXz5cpSUlFBeXh7q6+uxZcuWwIb0dzU0NFBpaSmVlpZSZWUlERGKi4tp3759Pqpobm6mYKmhfiu7urpyS0pKVEG7du2ivLw86urqIm9Dh3P5raysrKRTp06pgN7e3p+VlZX5jNSTLh0qudWvkefMmYPGxkb1/sKFC+95Mpc9KdGMMTUf2FPv12ECnU0rKiqopaUFcXFxGBgYgNFoRF1dHfbu3YvFixczIoIgCCEzZ0d8+N26dSvZbDZs2rQJhw4dgtVqfRIbG6tUV1cnjMiLgiUZt7a20owZM3y8qaCggJ4pqXhoEUURs2bNYvPmzfOp97sPBdpNVRfDYPa4516WZXDOhy1Cu92OEatIURTV/bzzrYkInZ2dtGrVKlqyZAktW7aMbty44VdFWoTznwf8cwBR8y3xAx2zkAAAAABJRU5ErkJggg==) no-repeat; } #shareSc .share-box a.gwds_weixin{ background: url(../images/icon-other-weixin.png) no-repeat center center; } #shareSc .share-box a.gwds_tsina{ background: url(../images/icon-other-weibo.png) no-repeat center center; } .newstext{ font-size: 16px; line-height: 32px; color: #666; } .newstext p{ font-size: 16px; line-height: 32px; color: #666; } .newstext p img{ max-width:100%; height: auto; margin-top: 10px; margin-bottom: 10px; } .nextchange{ margin-top: 44px; padding-top: 32px; margin-bottom: 28px; border-top: 1px solid #eeeff0; } .nextchange p{ float: left; width: 80%; font-size: 20px; color: #666; } .nextchange p a{ display: inline-block; width: 80%; font-size: 20px; vertical-align: middle; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nextchange a.back{ float: right; width: 80px; height: 43px; line-height: 43px; font-size: 20px; color: #2f3745; border-radius: 50px; text-align: center; border: 1px solid #d5d5d3; transition: all .5s ease-in-out; } /* 国投视频列表?*/ .videoMain .video-left-box{ float:left; width:73.8%; } .video-left-box video{ width:100%; height: 100%; } .videoMain .video-right-box{ float:right; width:26.2%; height: 498px; position: relative; } .video-right-box .swiper-slide{ /* margin-bottom: 24px; */ text-align: left; padding-left: 14.8%; } .video-right-box .swiper-slide a{ display: block; width:100%; /* height: 100%; */ position: relative; } .video-right-box .swiper-slide a::before{ content: " "; display: inline-block; position:absolute; width:22px; height: 8px; background: url(../images/arrow-bl.png) no-repeat left center; top: 50%; left: -30px; margin-top: -4px; opacity: 0; } .video-right-box .swiper-slide .imgbox{ width:100%; height: auto; overflow: hidden; } .video-right-box .swiper-slide img{ width: 100%; height: auto; } .video-right-box .swiper-slide .videoplay{ position: absolute; left: 0; top:0; width:100%; height: 100%; z-index: 1; background-image:url(../images/video-lis-play.png); background-repeat: no-repeat; background-position: center center; } .video-right-box .swiper-slide .video-title{ position:absolute; width:100%; height:100%; left: 0; top: 0; background: url(../images/videoBg.png) no-repeat center bottom; background-size: 100% auto; } .video-right-box .swiper-slide h2{ position: absolute; bottom:0; left:0; width:100%; padding:12px 18px; font-size: 16px; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .video-right-box .swiper-slide.swiper-slide-active .video-title{ background: rgba(17, 93, 177, .7); } .video-right-box .swiper-slide.swiper-slide-active .videoplay{ background-image: url(../images/video-lis-stop.png); } .video-right-box .swiper-slide.swiper-slide-active a::before{ animation:arr 0.6s linear 0s infinite; opacity: 1; } .video-right-box .swiper-button-prev,.video-right-box .swiper-button-next{ display: none; } .video-right-box .swiper-button-next{ } /* 法治工作列表 */ .lawbox{ padding-top: 18px; padding-bottom: 40px; } .lawbox .lawimg{ float: left; width: 23.4%; } .lawimg img{ width: 100%; height: auto; } .lawbox .lawlist{ float: right; width: 72.08%; } .lawlist li{ padding-left: 30px; padding-right: 18px; overflow: hidden; line-height: 60px; position: relative; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .lawlist li::before{ content: " "; display: inline-block; width: 3px; height: 4px; background: #115db1; position: absolute; left:0; top: 22px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .lawlist li a{ float: left; width: 71.66%; font-size: 20px; color: #2f3745; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .lawlist li span{ float: right; font-size: 18px; color: #a9abae; } /* 基本信息内容?*/ .information{ margin-top: 45px; /* width:100%; background:url(../images/infobg.jpg) no-repeat center top; background-size: 100% auto; padding-top: 150px; */ } .information>img{ width:100%; height:auto; } .information .infocontent{ background: #fff; padding: 35px 0 75px; } .infocontent p{ color: #666; line-height:32px; font-size:16px; } .infocontent .base-left{ width:75.65%; float: left; text-align: justify; } .infocontent .base-right{ float: right; width: 20.17%; } .base-right li{ width: 49.13%; float: left; position: relative; padding-top: 26px; height: 298px; margin-right: 1.74%; text-align: center; background: #f5f9fb; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } .base-right li i{ display: inline-block; width: 48px; height: 48px; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat; } .base-right li.index0 i{ background-image: url(../images/icon-base1.png); } .base-right li.index1{ margin-right: 0; } .base-right li.index1 i{ background-image: url(../images/icon-base2.png); } .base-right li p{ display: block; margin: 0 auto; font-size: 20px; color: #000; width: 20px; line-height: 32px; } .base-right li span{ display: inline-block; width:32px; height: 18px; background: url(../images/png32.png) no-repeat center center; margin-top: 28px; background-size: 100% auto; } /* 工商注册登记信息内容?*/ .fundbox{ margin-top: 36px; margin-bottom: 68px; background: #f5f9fb; } .fundbox .fund-left{ float: left; width: 47.16%; } .fund-left img{ width: 100%; height: auto; } .fundbox .fund-right{ float: right; width: 52.84%; padding: 72px 55px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .fund-right ul li{ padding-left: 47px; font-size: 16px; color: #666; margin-bottom: 33px; background-position: left center; background-repeat: no-repeat; } .fund-right ul li p{ display: inline-block; font-size: 16px; color: #000; } /* C会责Q列表 */ .dutybox{ padding-top: 40px; position: relative; } .duty-toptext{} .duty-toptext .duty-left{ float: left; padding-top: 40px; width: 63.3%; font-size: 16px; color: #666; line-height: 32px; } .duty-toptext .duty-right{ float: right; width:25.83%; } .duty-bottom{ width: 100%; position: absolute; background: rgba(245,249,251,.9); bottom: 0; left: 0; padding-top:75px; padding-bottom: 80px; } .duty-bottom .txt-left{ float: left; width: 63.3%; font-size: 16px; color: #666; line-height: 32px; } .duty-bottom h3{ float: right; margin-top: 20px; font-size: 24px; color: #115db1; } .activitybox{ padding-top: 50px; padding-bottom: 60px; } .activitybox h2{ font-size: 36px; color: #000; margin-bottom: 15px; } .activitybox p{ font-size: 24px; color: #a7a9ac; } .activity-list{ padding:42px 36px 0; position: relative; } .activity-list .swiper-slide a{ display: block; width: 100%; height: 100%; } .activity-list .swiper-slide .imgbox{ overflow: hidden; width: 100%; height: auto; } .activity-list .swiper-slide img{ width:100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .activity-list .swiper-slide .activity-title{ padding: 18px; background: #f6fafb; text-align: left; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .activity-list .swiper-slide h2{ font-size: 16px; color: #000; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .activity-list .swiper-slide span{ font-size: 16px; color: #666; } .activity-list .swiper-button-next,.activity-list .swiper-button-prev{ width:23px; height: 39px; margin-top: -20px; background-size: 23px 39px; } .activity-list .swiper-button-next{ right: 0; background-image: url(../images/arrow-r.png); } .activity-list .swiper-button-prev{ left:0; background-image: url(../images/arrow-l.png); } /* 招标公告列表 */ .zbsearch{ margin-bottom: 46px; } .zbsearch li{ float: left; margin-right: 16px; } .zbsearch li.zbyg_tit{ width: 25.16%; } .zbsearch li.zbyg_dw{ width: 25.16%; } .zbsearch li input{ display: inline-block; } .zbsearch li input.searchtext,.zbsearch li input.zbdw{ width: 100%; height: 38px; border-radius: 5px; text-indent: 14px; line-height: 38px; border: 1px solid #bac9d8; } .zbsearch li.zbbmrq{ width: 35.41%; } .zbsearch li span{ font-size: 16px; color: #030303; vertical-align: middle; } .zbsearch li .zbtime{ display: inline-block; width: 72.94%; height: 38px; margin-left: 15px; line-height: 38px; border-radius: 5px; border: 1px solid #bac9d8; } .zbsearch li input.zbdate{ width: 80.6%; text-indent: 14px; } .zbsearch li i{ display: inline-block; width: 21px; height: 38px; vertical-align: top; background: url(../images/timebg.png) no-repeat center center; } .zbsearch li input.zbsubmit{ width: 106px; display: inline-block; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #bac9d8; background: url(../images/search-list.png) no-repeat center center #f5f9fb; } .list-top{ margin-top:18px; border-bottom: 1px solid #eeeff0; border-top: 1px solid #eeeff0; background:#f5f9fb; line-height: 74px; } .list-top span{ /* font-size: 20px; */ font-size: 22px; color: #2f3745; float: left; } .list-top span.zbstatus{ width:11.83%; text-indent: 25px; } .list-top span.zbname{ width: 63.3%; } .list-top span.zbrelease{ width: 10.83%; text-align: center; } .list-top span.zbjzdate{ width:14.04%; text-align: center; } .zblists{ padding-bottom:42px; } .zblists li{ overflow: hidden; line-height: 74px; border-bottom: 1px solid #e8eaeb; } .zblists li a{ display: block; height: 100%; } .zblists li span{ float: left; font-size: 20px; color: #2f3745; } .zblists li span.zblis-status{ width:11.83%; text-indent: 25px; } .zblists li span.zblis-title{ width: 63.3%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zblists li span.zblis-fbrq{ width: 10.83%; text-align: center; font-size: 18px; color: #a9abae; } .zblists li span.zblis-endtime{ width:14.04%; text-align: center; font-size: 16px; color: #a9abae; } /* 中标公告列表?*/ .list-top.zhongbiao-top span.zbstatus{ width: 87.08%; text-indent:32px; } .list-top.zhongbiao-top span.zbrelease{ width: 12.5%; float: right; } .zblists.zhongbiao-list li span.zblis-title{ width: 87.08%; text-indent: 32px; } .zblists.zhongbiao-list li span.zblis-fbrq{ width: 12.5%; float: right; } /* 党徏动态列?*/ .newsIsgood.partyIsgood #news-swiper .swiper-slide .isgood-r span{ color: #a7a9ac; } .newsIsgood.partyIsgood #news-swiper .swiper-slide .isgood-r h2{ margin-bottom: 18px; } .newsIsgood.partyIsgood #news-swiper .swiper-slide .isgood-r .isgood-text{ height: 128px; -webkit-line-clamp:4; } .newsIsgood.partyIsgood .swiper-pagination{ bottom: 52px; } .newsIsgood.partyIsgood .swiper-pagination-bullet-active{ background: #e8373b; } .party-status{ padding-top:44px; padding-bottom: 15px; } .party-status li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 32px; box-shadow: 0 0 10px 0 rgba(2,24,44,.15); } .party-status li a{ display:block; width:100%; height: 100%; overflow: hidden; position: relative; padding: 28px 25px; } .party-status li a::before,.party-study li a::before{ content: " "; /* display: none; */ opacity: 0; position:absolute; left: 0; top: 0; width:60px; height: 60px; border-top: 1px solid #e8373b; border-left:1px solid #e8373b; transition:all .6s ease-in-out; } .party-status li a::after,.party-study li a::after{ content: " "; opacity: 0; /* display: none; */ position:absolute; right: 0; bottom: 0; width:60px; height: 60px; border-bottom: 1px solid #e8373b; border-right:1px solid #e8373b; transition:all .6s ease-in-out; } .party-status li .party-time{ float: left; width: ; margin-top:22px; text-align: center; } .party-time p{ font-size: 32px; color: #e8373b; /* font-weight:bold; */ font-family: 'arial'; } .party-time span{ font-size: 14px; font-family: 'arial'; display: block; color: #a9abae; margin-top:-8px; } .party-status li .status-r{ float: right; width: 85.13%; overflow: hidden; } .party-status li .status-l{ width: 48.03%; float: left; padding-top: 22px; } .party-status li .status-img{ float: right; width:45.63%; overflow: hidden; } .party-status li .status-img img{ width: 100%; height: auto; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .party-status li .status-l h2{ font-size: 20px; line-height:32px; color: #2f3745; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; height: 96px; -webkit-line-clamp: 3; overflow: hidden; } .party-status li .status-l p{ display: none; font-size:16px; color: #666; line-height: 32px; height: 64px; overflow: hidden; } .party-status li.act .status-l{ width:100%; padding-bottom: 11px; } .party-status li.act .status-l h2{ height: auto; display: block; margin-bottom: 10px; -webkit-line-clamp:inherit; white-space: nowrap; text-overflow: ellipsis; } .party-status li.act p{ display: block; } /* 党徏学习列表?*/ .party-study{ padding-bottom: 23px; } .party-study li{ margin-bottom: 25px; box-shadow: 0 0 10px 0 rgba(2,24,44,.15); } .party-study li a{ display: block; overflow: hidden; position: relative; padding:30px 0 28px 25px; } .party-study li .party-time{ float: left; text-align: center; margin-top: 20px; } .party-study li .study-right{ float: right; width: 92.76%; overflow: hidden } .party-study li .study-info{ float: left; width: 84.4%; } .party-study li .study-right h2{ font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2f3745; margin-bottom: 15px; } .party-study li .study-right p{ font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; color: #666; } .party-study li i.icon-dj{ width: 12.477%; min-height: 103px; float: right; overflow: hidden; position: relative; background: url(../images/arrow-dj.png) no-repeat center center; border-left: 1px solid #eeeff0; } .party-study li i.icon-dj::after{ content: ""; width: 1px; height: 0; position: absolute; left: 0; top: -100%; background: #e8373b; } .hrimg{ width:100%; height:180px; background-position: center right; background-image: url(../images/hrbg.jpg); background-repeat: no-repeat; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 48px; padding-left:8%; margin-bottom:20px; } .hrimg h2{ font-size:24px; font-weight:bold; color:#666; margin-bottom: 14px; } .hrimg p{ width:53.2%; font-size: 16px; line-height: 24px; color:#666; } .pages{ text-align: center; } .pages a{ display: inline-block; /* width: 38px; height: 38px; */ line-height: 38px; text-align: center; font-size: 16px; font-family: 'arial'; color: #5d5a59; margin: 0 12px; } .pages b{ display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: normal; font-family: 'arial'; color: #fff; border-radius: 50%; background: #1363ad; margin: 0 5px; } /* 党徏专题 */ .columnMore{ height: 60px; margin-top: 30px; border-bottom: 1px solid #d7d7d7; } .columnMore a{ display: inline-block; position:relative; font-size: 16px; padding:19px 0; margin: 0 40px; color: #797979; } .columnMore a::after{ content: " "; width: 0; height: 4px; opacity: 0; background: #e8373b; position: absolute; bottom: -2px; left: -30%; margin-left: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .columnMore a.active::after{ opacity: 1; width: 24px; left: 50%; margin-left: -12px; } .columnMore a.active{ color: #e8373b; } .partyTopic{} .partyTopic .partyPics{ float:left; width:29.58%; } .partyPics li img{ width: 100%; height:auto; } .partyTopic .party-right{ width: 64.58%; float: right; padding-right: 45px; padding-top: 110px; } .party-right li{ text-align: left; } .party-right li a{ display: block; padding-left: 28px; position:relative; } .party-right li h2{ font-size: 24px; line-height: 38px; color: #000; margin-bottom: 48px; } .party-right li a::before{ content: " "; display: inline-block; background: #115db1; position:absolute; left:0; top:6px; width:4px; height: 24px; } .party-right li .party-info{ font-size: 16px; color: #666; line-height: 32px; height: 160px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } .swiper-titlebox{ position: relative; } .swiper-titlebox .swiper-slide a{ display: block; font-size: 20px; color: #24265c; line-height: 32px; } .swiper-titlebox{ position: relative; /* border-top: 1px solid #dcdada; */ width:100%; padding-bottom:58px; } .swiper-titlebox::before{ content: " "; position: absolute; left: 0; top: 28px; width: 100%; height: 1px; background: #dcdada; } .swiper-titlebox .swiper-topic{ position: relative; } .swiper-topic .swiper-slide .topic-title{ font-size: 20px; color: #24265c; line-height: 32px; text-align: left; position: relative; padding-top: 80px; } /* .swiper-topic .swiper-slide .topic-title::before{ content: " "; position: absolute; left: 50%; top:45px; width: 2px; height: 13px; margin-left: -1px; background: #dcdada; transition: all .8s; } .swiper-topic .swiper-slide:hover .topic-title{ font-weight: bold; } .swiper-topic .swiper-slide-thumb-active .topic-title::before{ height: 58px; background: #e8373b; top: 0; } */ /* .swiper-topic .swiper-slide-active .topic-title{ font-weight: bold; } */ /* .swiper-topic .swiper-slide:hover .topic-title::before{ height: 58px; background: #e8373b; top: 0; } */ .swiper-titlebox .swiper-button-next,.swiper-titlebox .swiper-button-prev{ width: 23px; height: 39px; background-size: 23px auto; margin-top: 5.5px; } .swiper-titlebox .swiper-button-next:focus,.swiper-titlebox .swiper-button-prev:focus{ outline: none; } .swiper-titlebox .swiper-button-next{ background-image: url(../images/arrow-djr.png); right: -45px; } .swiper-titlebox .swiper-button-prev{ left: -45px; background-image: url(../images/arrow-djl.png); } /* 党徏视频内容?*/ .djvideo{ width:73.9%; margin:0 auto; margin-bottom: 16px; } .djvideo img{ width: 100%; height: auto; } .djvideo .videoimg{ width: 100%; position: relative; } .djvideo .playbtn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; } .djvideo .dots-video{ position: absolute; width: 90px; height: 90px; left: 50%; top: 50%; z-index: 2; background: url(../images/videoBtn.png) no-repeat center center; border: 4px solid #fff; margin-left: -45px; margin-top: -45px; border-radius: 50%; } .djvideo .dots-video::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 90px; height: 90px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); } .djvideo .dots-video::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 90px; height: 90px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); } .djvideo .dots-video::before { animation: boderM 3s .75s infinite; } .djvideo .dots-video::after { animation: boderM 3s infinite; } @keyframes boderM { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform: translate(-50%, -50%) scale(2); opacity: 0 } 100% { opacity: 0 } } /* 联系我们内容 */ .connectbox{ /* padding-top: 85px; */ } .singleContent .map{ background: #e1e9ef; padding-right: 8px; padding-bottom: 28px; } .map img{ max-width:100%; height: auto; } .conatct .contact-left{ float: left; width: 45%; margin-top: 40px; margin-left: 30px; } .contact-left li{ background-position: left center; background-repeat: no-repeat; padding-left: 60px; font-size: 16px; line-height: 32px; color: #3e3e3e; margin-bottom: 20px; font-family: 'arial'; } .contact-left li b{ font-size: 24px; color: #115db1; } .contact-left li a{ font-size: 16px; color: #3e3e3e; } .contact-right{ float: right; width: 48.16%; padding: 32px 55px; margin-top: -38px; margin-right: 18px; position: relative; color: #fff; min-height: 304px; background: url(../images/contactbg.jpg) no-repeat right bottom #115db1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .contact-right img{ max-width: 100%; height: auto; } .contact-right h2{ font-size: 24px; margin-top: 20px; margin-bottom:18px; } .contact-right p{ font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.9); } .search-column{ padding-top: 180px; text-align: center; } .search-column h1{ font-size: 32px; color: #24265c; margin-bottom: 6px } .search-column p{ font-size: 20px; font-family: 'arial'; color: #a7a9ac; } .searchResults{ min-height:400px; font-size: 16px; color: #333; line-height: 32px; } .searchResults b{ color: #115db1; } /* 信访热线内容 */ .xinfangbox{ } .xinfangbox li{ margin-bottom: 20px; background-repeat:no-repeat; background-position:left center; background-size: 40px auto; padding-left:56px; font-size:16px; line-height:32px; color:#333; } .xinfangbox li strong{ color:#115db1; font-size:18px; } .xinfangbox li a{ color:#333; } /* 招商合作 */ .cooperation{ min-height:180px; } .cooperation li{ float:left; width:32%; margin-right:2%; margin-bottom: 25px; box-shadow: 0 0 5px #e8e8e8; } .cooperation li .imgbox{ width:100%; height:auto; overflow: hidden; position:relative; } .cooperation li img{ width:100%; height:auto; transform:scale(1); -webkit-transform:scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition:all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .cooperation li .coopertime{ float: left; width: 24%; text-align: center; font-size: 16px; color: #666; margin-top: 12px; font-family: 'arial'; } .cooperation li .coopertime p { width: 40px; margin: 0 auto; color: #115db1; font-size: 30px; } .cooperation li .coopertime span { color: #115db1; font-size: 18px; display: block; margin-top: -3px; } .cooperation li .coopertitle{ float: right; width: 75%; position: relative; padding: 15px 10px 12px 0; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; } .cooperation li .coopertitle h2{ font-size: 20px; line-height: 30px; color: #2f3745; height: 60px; display: -webkit-box; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cooperation li.endstatus .imgbox::after{ content:" "; display: inline-block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background: url(../images/icon-endimg.png) no-repeat center center rgba(0,0,0,.5); } /* 商务服务内容 */ .attract-title{ text-align:center; font-size: 24px; line-height: 42px; color: #000; margin-bottom:50px; } .attract-info{ padding-top:50px; padding-right:68px; position:relative; } .attract-brief{ background:#eff2f6; padding:40px 35px; min-height:320px; } .attract-text{ width:62%; text-align:justify; font-size: 16px; line-height:32px; color:#666; } .attract-text h2{ font-size: 20px; color:#115db1; margin-bottom:18px; } .attract-img{ width:40.3%; position:absolute; top:0; right:0; } .attract-img .swiper-slide img{ width:100%; height:auto; } .attract-newstext{ /* padding-top:10px; */ padding:10px 35px 0; } .attract-newstext h2{ font-size:20px; color:#115db1; text-align:left; margin-top: 28px; margin-bottom:20px; } .attract-newstext p,.attract-way p{ color:#666; font-size:16px; line-height:32px; } .attract-way{ padding: 0 35px; background:url(../images/mapbg.jpg) no-repeat top 50px center #eff2f6; padding: 12px 0 40px; background-size: 63.4% auto; } .attract-way h2,.attract-company h2,.attract-activity h3{ color:#115db1; font-size:20px; /* text-align:center; */ margin-top: 28px; margin-bottom:28px; } .attract-activity .group-newslist li .listnews-r{ width:86.5%; } .attract-way h2{ margin-left:35px;} .attract-way p img{ margin-top:15px; max-width:100%; height:auto; } .attract-way p a{ display:inline-block; position:relative; padding-left:26px; color:#666; font-size:16px; margin-top: 8px; } .attract-way p a::before{ content:" "; position:absolute; left:0; top:3px; display:inline-block; width:16px; height: 23px; background: url(../images/honorli_active.png) no-repeat left center; background-size: 16px auto; -webkit-animation: rightan 1s linear infinite; animation: rightan 1s linear infinite; } @-webkit-keyframes rightan{ 25% { transform:translateY(-3px); } 50% { transform:translateY(0); } 75% { transform: translateY(3px); } 100% { transform: translateY(0); } } .attract-box{ padding:12px 35px 40px; } .attract-address{ padding:0 35px; } .attract-address ul{ overflow: hidden; } .attract-address ul li{ float:left; width:33.3%; height:48px; margin-bottom:10px; padding-right:2%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-image:url(../images/dots.png); background-repeat: no-repeat; background-position: left 5px; padding-left:24px; font-size: 16px; line-height:24px; color:#333; } .attract-address h3{ font-size:20px; color:#333; margin-top:30px; } .attract-address h3 em, .attract-address h3 i{ font-size: 30px; color:#115db1; } .myhzbox{ margin-top:50px; margin-bottom: 50px; } .myhzbox h2{ margin-top:15px; color:#115db1; font-size:20px; margin-bottom: 15px; } .myhzbox ul{ padding-top:30px; text-align:center; } .myhzbox ul li{ width:30%; margin:0 1%; display: inline-block; } .myhzbox ul li img{ max-width:100%; height:auto; } .myhzbox ul li p{ color:#333; font-size:16px; line-height: 32px; margin-top:12px; } .includesub.zsqytitle{ margin-top: 0; } @media (max-width:1680px){ .header .nav{ margin-right:2%;} .header .nav ul li{ padding:0 28px;} .header a.logo{ margin-top:18px;} .index-banner .slideDown-ts span{font-size: 16px; width:16px;} .leftnav{ width:65px;} .leftnav .nav-link .link-slideCon-wrap{ left:65px;} #pageBtn.swiper-pagination li{ margin-bottom:10px;} span.navline{ left:28px;} .index-banner .slideDown-ts{ left:20px;} .index-banner .slideDown-ts i.mouse{ width:20px;background-size: 20px auto;} .index-banner .slideDown-ts i.line{ margin:10px 0;} .leftnav .nav-wechat{ bottom:160px;} /* .index-topbox .index-tit{ padding-left:80px; background-size: auto 55px;} */ .index-topbox .index-tit h1{ font-size:32px;} .index-topbox .index-tit span{ font-size:18px;} } @media (min-width:1360px) and (max-width:1480px){ .header{padding: 0 95px 0 118px;} .header a.logo{ width:16.6%;} } @media (min-width:1210px) and (max-width:1366px){ .header{padding: 0 25px 0 90px;} .header a.logo{ width:15.6%; margin-top:20px;} /* .header .nav ul li>a{ font-size:16px;} */ } /* 首页高度自适应调整 */ @media screen and (min-width:992px) { /* 高度800~900之间 */ .setWrapper800 #section2 .indexNews{ padding-top:95px;} .setWrapper800 .index-newsbox .indexbox{ height:562px;} .setWrapper800 .index-topbox .index-tit h1{ font-size: 28px;} .setWrapper800 .indexNews .index-newsbox{ margin-top:35px;} /* .setWrapper800 .index-topbox .index-tit{ padding-left:70px; background-size: auto 50px;} */ .setWrapper800 .index-picsnews li{ height:246.5px;} .setWrapper800 .index-picsnews li h2{ width: 78%; font-size: 18px; line-height: 24px; height: 48px;} .setWrapper800 .index-picsnews li .news-time p{ font-size:24px;} .setWrapper800 .index-picsnews li .news-time{ width:18%; margin-top:-3px;} .setWrapper800 .index-picsnews li .news-time span{ font-size:16px; margin-top: -2px;} .setWrapper800 .index-picsnews li .index-newsinfo{ padding:10px 10px 8px;} .setWrapper800 .index-newsbox .index-picsnews,.setWrapper800 .index-duty ul{ height:508px;} .setWrapper800 .index-picsnews li.index0{ height:506px;} .setWrapper800 .index-picsnews li.index0 .imgbox{height:436px;} .setWrapper800 .index-picsnews li.index0 img{ margin-left:-122px;} .setWrapper800 .index-picsnews li.index3,.setWrapper800 .index-picsnews li.index4{top: 258.5px;} .setWrapper800 .index-group-left ul li h2,.setWrapper800 .index-inform-left li .inform-info h2,.setWrapper800 .index-duty ul li h2{ font-size:18px; line-height: 26px;line-clamp: 2; -webkit-line-clamp: 2; } .setWrapper800 .index-duty ul li .duty-time{ width:110px;} .setWrapper800 .index-group-time p,.setWrapper800 .index-inform-left li .inform-date p,.setWrapper800 .duty-time p,.setWrapper800 .index-party-right li .index-party-time p{font-size:24px; width:36px; height:36px; line-height: 34px; margin-top: 0;} .setWrapper800 .index-group-time span,.setWrapper800 .index-inform-left li .inform-date span,.setWrapper800 .duty-time span,.setWrapper800 .index-party-right li .index-party-time span{font-size:16px;} .setWrapper800 .index-groupnews,.setWrapper800 .index-informbox ul.index-inform-left{ height:508px;} .setWrapper800 .index-group-left ul li,.setWrapper800 .index-inform-left li,.setWrapper800 .index-duty ul li{ height:101.6px;} .setWrapper800 .index-group-left ul li a,.setWrapper800 .index-inform-left li a,.setWrapper800 .index-duty ul li a{ padding-top: 20px;} .setWrapper800 .index-group-left ul li .index-grinfo{ height:60px; width:88%;} .setWrapper800 .index-inform-left li .inform-info{ height:60px; width:89.5%;} .setWrapper800 .index-duty ul li .index-duty-right{ height:60px; width:90.5%;} .setWrapper800 .index-groupnews .index-group-right{ margin-top:70px;} .setWrapper800 .index-informbox .index-inform-right{ margin-top:28px;} .setWrapper800 .index-partytopic .index-party-right{ height:458px; margin-top:45px;} .setWrapper800 .index-party-right li a{ padding:20px 20px 20px 25px;} .setWrapper800 .index-party-right li .index-party-time{ margin-top: 24px;} .setWrapper800 .index-party-right li h2{font-size:18px;} .setWrapper800 #section3{ padding-top:95px;} .setWrapper800 .index-status{ padding-top:35px;} .setWrapper800 .index-status .statusbox{ height:562px;} .setWrapper800 .index-status .index-status-left{ padding-top:58px;} .setWrapper800 .index-status-right{ padding-top:60px;} .setWrapper800 .index-partytopic .index-ztitem{ height: 562px; width: 42.16%; margin-right:15.68%;} .setWrapper800 .s3-con{ padding-top:90px; } .setWrapper800 .business-index .swiper-slide .mainindex span.span1 span,.setWrapper800 .business-index .swiper-slide .mainindex span.span2 span{ font-size:18px;} /* .setWrapper800 #section4 .index-develop{ margin-top:30px; } .setWrapper800 .index-businessWrap{ margin-top:30px;} .setWrapper800 .s4-con{ padding-top:100px;} .setWrapper800 .index-businessTop .index-business-l{ padding-top:35px;} .setWrapper800 .index-bunsiness-menu{ margin-top:-78px;} .setWrapper800 #section6{ padding-top:50px;} .setWrapper800 #section6 .groupSlide{ margin-top:35px;} */ /* 高度700~800之间 */ /* .setWrapperFonts700 .index-topbox .index-tit{ padding-left:70px; background-size:auto 48px;} */ .setWrapperFonts700 .index-topbox .index-tit h1{font-size:24px;} .setWrapperFonts700 .index-topbox .index-tit span{ font-size:16px;} .setWrapper700 #section2 .indexNews{ padding-top:95px;} .setWrapper700 .index-newsbox .indexbox{ height:504px;} .setWrapper700 .indexNews .index-newsbox{ margin-top:35px;} .setWrapper700 .index-picsnews li{ height:222.5px;} .setWrapper700 .index-picsnews li h2{ width: 81%; font-size: 16px; line-height: 22px; height: 44px;} .setWrapper700 .index-picsnews li .news-time p{ font-size:20px;} .setWrapper700 .index-picsnews li .news-time{ width:16%; margin-top:-1px;} .setWrapper700 .index-picsnews li .news-time span{ font-size:14px; margin-top: -2px;} .setWrapper700 .index-picsnews li .index-newsinfo{ padding:10px 10px 8px;} .setWrapper700 .index-picsnews li .imgbox{ height:160px;} .setWrapper700 .index-picsnews li img{ margin-top:-28px;} .setWrapper700 .index-newsbox .index-picsnews,.setWrapper700 .index-duty ul{ height:464px;} .setWrapper700 .index-picsnews li.index0{ height:460px;} .setWrapper700 .index-picsnews li.index0 .imgbox{height:398px;} .setWrapper700 .index-picsnews li.index0 img{ margin-left:-94.5px; margin-top:0;} .setWrapper700 .index-picsnews li.index3,.setWrapper700 .index-picsnews li.index4{top: 238.5px;} .setWrapper700 .index-group-left ul li h2,.setWrapper700 .index-inform-left li .inform-info h2,.setWrapper700 .index-duty ul li h2{ font-size:16px; line-height: 24px;line-clamp: 2; -webkit-line-clamp: 2; } .setWrapper700 .index-duty ul li .duty-time{ width:110px;} .setWrapper700 .index-group-time p,.setWrapper700 .index-inform-left li .inform-date p,.setWrapper700 .duty-time p{font-size:20px; width:32px; height:32px; line-height: 32px; margin-bottom: 0; margin-top: 5px;} .setWrapper700 .index-group-time span,.setWrapper700 .index-inform-left li .inform-date span,.setWrapper700 .duty-time span,.setWrapper700 .index-party-right li .index-party-time span{font-size:14px;} .setWrapper700 .index-groupnews,.setWrapper700 .index-informbox ul.index-inform-left{ height:464px;} .setWrapper700 .index-group-left ul li,.setWrapper700 .index-inform-left li,.setWrapper700 .index-duty ul li{ height:92.8px;} .setWrapper700 .index-group-left ul li a,.setWrapper700 .index-inform-left li a,.setWrapper700 .index-duty ul li a{ padding-top: 16px;} .setWrapper700 .index-group-left ul li .index-grinfo{ height:48px; width:89%;} .setWrapper700 .index-inform-left li .inform-info{ height:48px; width:89.5%;} .setWrapper700 .index-duty ul li .index-duty-right{ height:48px; width:90.5%;} .setWrapper700 .index-groupnews .index-group-right{ margin-top:46px;} .setWrapper700 .index-informbox ul.index-inform-left{ width:70.7%;} .setWrapper700 .index-informbox .index-inform-right{ width: 29.3%; margin-top:34px;} .setWrapperFonts700 .indexNews a.indexMore{ font-size:16px;} .setWrapper700 .indexNews a.indexMore{ margin-top: 16px;} .setWrapper700 .indexNews a.indexMore i{ top:4px;} .setWrapper700 #section3{ padding-top:95px;} .setWrapper700 .index-status{padding-top:35px;} .setWrapper700 .index-status .statusbox{ height:504px;} .setWrapper700 .index-status .index-status-left{ padding-top:40px;} .setWrapper700 .index-status-right{ padding-top:40px; width:46.6%;} .setWrapper700 .index-status-left li::before{ top:12px;} .setWrapper700 .index-status-left li a{ font-size:16px; line-height: 32px;} .setWrapper700 .index-status-right .index-hots h2{ font-size:16px;} .setWrapper700 .index-status-right .index-hots::before{ font-size:20px;} .setWrapper700 .index-partytopic{ width:84.7%; margin: 0 auto;} .setWrapper700 .index-partytopic .index-ztitem{ height:504px;} .setWrapper700 .index-partytopic .index-ztitem::before{ height:85%;} .setWrapper700 .index-party-info p{ font-size:18px; line-height:36px;} .setWrapper700 .index-party-info span{ font-size:14px;background: url(../images/arrow-white.png) no-repeat top 2px right;} .setWrapper700 .index-partytopic .index-party-right{ height:410px; margin-top:16px;} .setWrapper700 .index-party-right li a{ padding:20px 20px 20px 25px;} .setWrapper700 .index-party-right li .index-party-time p{font-size:20px; width:32px; height:32px; line-height: 32px;} .setWrapper700 .index-party-right li h2{font-size:16px;} .setWrapper700 .index-party-right li .index-party-title{ height:96px;} .setWrapper700 .business-index{ height: 504px; padding-top: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .setWrapper700 .business-index .swiper-slide .mainindex span.span1 span,.setWrapper700 .business-index .swiper-slide .mainindex span.span2 span{ font-size:18px; } .setWrapper700 .business-index .swiper-slide .mainindex span.span1 img,.setWrapper700 .business-index .swiper-slide .mainindex span.span2 img{ max-width:55px; } /* 高度600~700之间 */ /* .setWrapper600 .index-topbox .index-tit{ padding-left:60px; background-size:auto 42px;} .setWrapper600 .index-topbox .index-tit h1{font-size:20px;} .setWrapper600 .index-topbox .index-tit span{ font-size:14px;} */ .setWrapper600 #section2 .indexNews{ padding-top:95px;} .setWrapper600 .indexNews .index-newsbox{ margin-top:25px;} .setWrapper600 .index-nav ul{ height:34px;} .setWrapper600 .index-nav li a{ font-size:16px; padding: 0 0 14px;} .setWrapper600 .index-newsbox .indexbox{ height:454px;} .setWrapper600 .index-picsnews li{ height:200.5px;} .setWrapper600 .index-picsnews li h2{ width: 80%; font-size: 14px; line-height: 20px; height: 40px;} .setWrapper600 .index-picsnews li .news-time p{ font-size:18px;} .setWrapper600 .index-picsnews li .news-time{ width:18%; margin-top:-1px;} .setWrapper600 .index-picsnews li .news-time span{ font-size:14px; margin-top: -2px;} .setWrapper600 .index-picsnews li .index-newsinfo{ padding:10px 10px 8px;} .setWrapper600 .index-picsnews li .imgbox{ height:140px;} .setWrapper600 .index-picsnews li img{ margin-top:-30px;} .setWrapper600 .index-newsbox .index-picsnews,.setWrapper600 .index-duty ul{ height:415px;} .setWrapper600 .index-picsnews li.index0{ height:415px;} .setWrapper600 .index-picsnews li.index0 .imgbox{height:354px;} .setWrapper600 .index-picsnews li.index0 img{ margin-left:-100px; margin-top: 0;} .setWrapper600 .index-picsnews li.index3,.setWrapper600 .index-picsnews li.index4{top: 214.5px;} .setWrapper600 .index-group-left ul li h2,.setWrapper600 .index-inform-left li .inform-info h2,.setWrapper600 .index-duty ul li h2{ font-size:14px; line-height: 20px;line-clamp: 2; -webkit-line-clamp: 2; } .setWrapper600 .index-duty ul li .duty-time{ width:110px;} .setWrapper600 .index-group-time p,.setWrapper600 .index-inform-left li .inform-date p,.setWrapper600 .duty-time p{font-size:18px; width:28px; height:28px; line-height: 28px; margin-bottom: 0; margin-top:0;} .setWrapper600 .index-group-time span,.setWrapper600 .index-inform-left li .inform-date span,.setWrapper600 .duty-time span,.setWrapper600 .index-party-right li .index-party-time span{font-size:14px;} .setWrapper600 .index-groupnews,.setWrapper600 .index-informbox ul.index-inform-left{ height:415px;} .setWrapper600 .index-group-left ul li,.setWrapper600 .index-inform-left li,.setWrapper600 .index-duty ul li{ height:83px;} .setWrapper600 .index-group-left ul li a,.setWrapper600 .index-inform-left li a,.setWrapper600 .index-duty ul li a{ padding-top: 16px;} .setWrapper600 .index-group-left ul li .index-grinfo{ height:48px; width:88%;} .setWrapper600 .index-inform-left li .inform-info{ height:48px; width:90.5%;} .setWrapper600 .index-duty ul li .index-duty-right{ height:48px; width:90.5%;} .setWrapper600 .index-groupnews .index-group-right{ margin-top:24px; height: auto;} .setWrapper600 .index-informbox ul.index-inform-left{ width:70.7%;} .setWrapper600 .index-informbox .index-inform-right{ width: 29.3%; margin-top:8px;} .setWrapper600 .indexNews a.indexMore{ margin-top: 16px;} .setWrapper600 .indexNews a.indexMore i{ top:4px;} .setWrapper600 #section3{ padding-top:80px;} .setWrapper600 .index-status{ padding-top:25px;} .setWrapper600 .index-status .statusbox{ height:454px;} .setWrapper600 .index-status .index-status-left{ width:52.368%; padding-top: 40px;} .setWrapper600 .index-status-right{ width:42.6%; padding-top:40px;} .setWrapper600 .index-status-right .index-hots{ height:40px;} .setWrapper600 .index-status-left li::before{ top:10px;} .setWrapper600 .index-status-left li a{ font-size:14px; line-height: 28px;} .setWrapper600 .index-status-right .index-hots h2{ padding-left:115px; font-size: 14px; line-height: 40px;} .setWrapper600 .index-status-right .index-hots::before{ width:94px; line-height: 40px; height: 40px; font-size: 18px;} /* .setWrapper600 .index-partytopic{ width:77%; margin: 0 auto;} .setWrapper600 .index-partytopic .index-ztitem{ height:454px;} .setWrapper600 .index-partytopic .index-ztitem::before{ height:85%;} */ .setWrapper600 .index-partytopic{height:454px;} .setWrapper600 .index-partytopic .index-party-left{ width:29%;} .setWrapper600 .index-party-info p{ font-size:18px; line-height:36px;} .setWrapper600 .index-party-info span{ font-size:14px;background: url(../images/arrow-white.png) no-repeat top 2px right;} .setWrapper600 .index-partytopic .index-party-right{ height:330px; width:71%; margin-top:25px;} .setWrapper600 .index-party-right li .imgbox{ width:18%;} .setWrapper600 .index-party-right li a{ padding:20px 20px 20px 25px;} .setWrapper600 .index-party-right li .index-party-time p{font-size:18px; width:28px; height:28px; line-height: 28px; } .setWrapper600 .index-party-right li h2{font-size:14px;} .setWrapper600 .index-party-right li .index-party-title{ height:96px;} .setWrapper600 .business-index{ height: 454px; padding-top: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .setWrapper600 .business-index .swiper-slide .mainindex span.span1 span,.setWrapper600 .business-index .swiper-slide .mainindex span.span2 span{ font-size:16px; } .setWrapper600 .business-index .swiper-slide .mainindex span.span1 img,.setWrapper600 .business-index .swiper-slide .mainindex span.span2 img{ max-width:45px; } .setWrapper600 .business-index .swiper-slide .mainindex span.span2 i{ font-size:12px; } } /* 手机端导?*/ .mc_phone_nav{ display: none; float: right; overflow: hidden; width: 26px; height: 72px; margin-right: 10px; } .mc_menubox{ width: 26px; height: 72px; cursor: pointer; text-align: center; position: absolute; top: 0; } .mc_menubox .point{ position: relative; display: inline-block; width: 26px; height:72px; } .mc_menubox .point .mc_nav { position: absolute; top: 35px; right: 0; z-index: 100000; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before { content: ''; position: absolute; right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before { display: inline-block; width: 26px; height: 1px; background-color: #115db1; } .mc_menubox .point .mc_nav::after { top: -8px; } .mc_menubox .point .mc_nav::before { top: 8px; } .mc_menubox .point.active .mc_nav { background: transparent; } .mc_menubox .point.active .mc_nav::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mc_menubox .point.active .mc_nav::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile{ display: none; position: fixed; width: 100%; left: 0; top: 70px; z-index:1000000; background-color: #fff; height: 100%; /* max-height: calc(100vh - 64px); */ overflow: auto; border-top: 1px solid #EAEAEA; } .mobilebox { /* display: none; */ width: 100%; background-color: #fff; height: 100%; padding: 10px 0; } .mobilebox h4 { position: relative; padding: 0 20px; overflow: hidden; } .mobilebox h4::after { content: ''; display: block; clear: both; } .mobilebox h4 a { float: left; width: 88%; font-size: 16px; line-height: 46px; color: #525252; max-width: calc(100% - 36px); } .mobilebox .ul2 { display: none; padding-top: 7px; padding-bottom: 8px; /* background: #f7f8fa; */ border-top: 1px solid rgba(0, 0, 0, .1); /* border-bottom: 1px solid rgba(0, 0, 0, .1); */ } .mobilebox .ul2 .container_s { max-width: 100%; padding: 0 25px; } .mobilebox .ul1 { /* border-bottom: 1px solid rgba(0, 0, 0, .1); */ padding-bottom: 15px; } .img_s { float: right; display: block; font-size: 16px; line-height: 46px; color: #5a545b; transition: all .36s; } .mobilebox h5 { position: relative; } .mobilebox h5::after { content: ''; display: block; clear: both; } .mobilebox h5 a { display: block; font-size: 14px; line-height: 32px; color: #5a545b; max-width: calc(100% - 36px); } .mobilebox h5 img { position: absolute; top: 50%; right: 5px; width: 35px; padding: 11px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .mobilebox h4.active img.img_s, .xialaph h5.active img.img_s { display: none; } .mobilebox h4.active img.img_d, .mobilebox h5.active img.img_d { display: block; } .mobilebox h4.active .img_s { transform: rotate(180deg); } .mobilebox h5.active .img_s { transform: rotate(180deg); } .mobilebox h4.active .img_s { transform: rotate(180deg); } @media screen and (min-width:2040px) { .index-bunsiness-menu::before{ width:50%; height: 2px;} } @media screen and (min-width:992px) and (max-width:1210px){ .header{ padding:0 30px;} .header .nav ul li{ padding:0 20px;} .header .nav ul li>a{ font-size:18px;} span.navline{ left:20px;} .index-topbox .index-nav{ width:54%;} .index-picsnews li{ height:222px;} .index-picsnews li.index0,.index-picsnews li.index0 .imgbox{ height:444px;} .index-picsnews li.index3, .index-picsnews li.index4{ top:222px;} .index-duty ul li .imgbox img{ width:100%;height: auto;} .index-groupnews .index-group-right{ height:358px; margin-top: 80px;} .index-informbox .index-inform-right{ margin-top:88px;} #section3 .index-topbox .index-nav{ width:44.08%;} .index-status-left li .index-status-r, .index-status-right li .index-status-r{ height:222px; padding: 18px 25px;} .index-partytopic .index-party-right{ margin-top:26px;} .videoCenter .swiper-slide{ height:378px;} .index-status .statusbox{height:444px;} .banner .container{ margin-left:-485px;} .menubox ul li{ margin:0 18px;} .listbox li{ margin-bottom: 24px;} .develop-list li .develop-brief h2, .develop-list li .develop-brief h3{ font-size:24px; line-height:36px;} .develop-list li.on .develop-brief{ height:644px;} .develop-ways ul li.index0{ width:24.52%;} .develop-ways ul li.index1{ width:33.65%;} .develop-ways ul li.index2{ width:28.61%;} .develop-ways::after{ background-size: 100% auto;} .swiperpics .swiper-slide img{ width:100%; height: auto;} .culture-rule{ padding-left:60px; padding-right: 60px;} .brand_right p{ margin-top:0;} .newsIsgood .swiper-slide .isgood-r{ padding-top:20px;} .newsIsgood .swiper-pagination{ bottom:30px;} .videoMain .video-right-box{height:404px;} .video-right-box .swiper-slide .videoplay{ background-size: 36px auto;} .fundbox .fund-right{ padding-top:34px;} .duty-toptext .duty-right img{ width:100%; height: auto;} .duty-bottom{ position:relative; margin-top: -40px;} .party-status li .status-l{ padding-top: 0;} .party-status li.act .status-l h2{ margin-bottom:6px;} .swiper-titlebox .swiper-button-prev{ left:-15px;} .swiper-titlebox .swiper-button-next{ right:-15px;} .piclassimg img{ max-width:100%; height:auto;} .contact-right h2{ font-size:22px;} } @media screen and (min-width:768px){ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; /* 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; } .swiper-slide{ box-sizing: border-box;background-repeat: no-repeat; background-size: cover; background-position: center center;} .leftnav .nav-menu:hover>a{ background:url(../images/index-slideicon-r.png) #115db1 no-repeat center center; transition: all 0.2s; } .leftnav .nav-menu:hover .menu-slideCon-wrap { width: 300px; } .leftnav .nav-menu .menu-slideCon-wrap dl dd:hover { background: #115db1; } .leftnav .nav-menu .menu-slideCon-wrap dl dd:hover a { color: #fff; } .leftnav .nav-menu .menu-slideCon-wrap dl dd:hover a i.menu-ic03 { background: url("../images/a-l-ic03-on.png") no-repeat center; } .leftnav .nav-wechat:hover>a{ background: url(../images/icon_slider1-r.png) #115db1 no-repeat center center; transition: all 0.2s; } .leftnav .nav-wechat:hover .wechatCon{ width:150px; text-align: center; } .leftnav .nav-link:hover>a{ background: url(../images/icon_slider2-r.png) #115db1 no-repeat center center; transition: all 0.2s; } .leftnav .nav-phone:hover .phoneCon{ width:150px; text-align: center; } .leftnav .nav-phone:hover>a{ background: url(../images/icon_slider3-r.png) #115db1 no-repeat center center; transition: all 0.2s; } .headlink .lang-box a:hover{ color: #115db1; } .header.navfixed .headlink .ser:hover{ background-image: url(../images/search-r.png); background-color: #115db1; border: 1px solid #115db1; } .header.navfixed .headlink .lang:hover{ border: 1px solid #115db1; background-color: #115db1; } .header.navfixed .headlink .lang>a:hover{ color: #fff; } .header .nav ul li:hover>a{ color: #115db1; } .header.index-header .nav ul li:hover>a{ color: #fff; } .header .nav ul li dd a:hover{ color:#115db1; } .header .nav ul li dd a:hover::before{ width: 100%; } .index-nav li:hover a{ color: #115db1; } .index-nav li:hover a::after{ opacity: 1; width:24px; left:50%; margin-left:-12px; } .index-picsnews li:hover img,.cooperation li:hover img{ transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); z-index:2; } .index-picsnews li:hover h2,.cooperation li:hover .coopertitle h2{ color:#115db1; } .indexNews a.indexMore:hover{ color:#115db1; } .indexNews a.indexMore:hover i{ animation:arr 0.6s linear 0s infinite; } .index-inform-left li:hover a{ border-bottom: 1px solid #115db1; } .index-inform-left li:hover .date-box{ background: linear-gradient(-45deg, transparent 10px, #fff 0); } .index-inform-left li:hover .inform-date p{ color: #fff; background: #115db1; } .index-inform-left li:hover h2{ color:#115db1; } .index-inform-left li:hover .date-box p,.index-inform-left li:hover .date-box span,.index-inform-left li:hover .inform-info p{ color:#fff; } .index-inform-left li:hover .inform-info p{ width:84%; } .index-inform-left li:hover span.inform-more{ opacity: 1; } .index-duty ul li:hover .duty-time p{ background:#115db1; color: #fff; } .index-duty ul li:hover h2{ color: #115db1; } .index-duty.index-law ul li:hover h2{ color:#e8373b; } .index-duty.index-law ul li:hover .duty-time p{ color:#fff; background:#e8373b; } .index-status-left li:hover a{ color:#d53539; } .index-ztitem:hover img{ transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .business-index .swiper-slide:hover .mainindex2{ top:0; opacity:1; } .business-index .swiper-slide:hover .mainindex1{ top:100%; opacity:0; } .foot-left p a:hover{ color:#115db1; } .index-duty ul li:hover .newscover{ background-image: url(../images/newsbghover-r.png); /* background-position: center 80%; */ } .index-duty ul li:hover .index-newsinfo{ bottom:0; } .index-status-right a:hover h2{ color: #d53539; } .index-status-left li:hover img,.index-status-right a:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); } .index-status-left li:hover i.arrow-bg,.index-status-right li:hover i.arrow-bg{ animation:arr 0.6s linear 0s infinite; } .index-status-left li:hover .imgbox::after{ opacity: 1; } .index-status-left li.index0:hover .imgbox::after{ right: 0; } .index-status-left li.index1:hover .imgbox::after{ left: 0; } .index-status-right li:hover .imgbox::after{ top:0; left: 0; opacity: 1; } .index-status-left li:hover i.arrow-bg,.index-status-right li:hover i.arrow-bg{ background-image: url(../images/arrow-br.png); } .index-party-left:hover img{ transform:scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); } .index-party-right li:hover img{ transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .index-party-right li:hover h2,.index-statusbox .index-group-left ul li:hover h2,.index-statusbox .index-group-left ul li:hover .index-group-time span{ color:#e8373b; } .index-party-right li:hover p,.index-statusbox .index-group-left ul li:hover .index-group-time p{ color:#fff; background:#e8373b; } .major-nav li:hover::after{ opacity: 1; } .major-nav li:hover a{ background: #115db1; color:#fff; } .include-item:hover .include-title{ background-color:#115db1; color:#fff; background-image: url(../images/arrow-d-r.png); } .group-newslist li:hover{ box-shadow: 0 0 10px 0 rgba(2,24,44,.15); } .group-newslist li:hover .listnews-img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .group-newslist li:hover a::before,.group-newslist li:hover a::after{ opacity: 1; width:100%; height:100%; } .group-newslist li:hover h2,.group-newslist li:hover .listnews-l p{ color: #115db1; } .group-newslist li:hover .group-time p{ background: #115db1; color:#fff; } .group-newslist.party-newslist li:hover .group-time p{ background: #e8373b; } .group-newslist.party-newslist li:hover h2{ color: #e8373b; } .group-newslist.party-newslist li:hover .listnews-l p{ color: #666; } .videoCenter .swiper-button-prev:hover{ background:url(../images/arrow-white-l.png) no-repeat center center #115db1; } .videoCenter .swiper-button-next:hover{ background:url(../images/arrow-white.png) no-repeat center center #115db1; } .index-develop-box li:hover .deco::before { animation: scalepulse 1.3s linear .3s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } .index-develop-box li:hover .deco i,.index-develop-box li:hover .deco em { background: #fff; animation: scalepulse 1.3s linear 0s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } .index-develop-box li:hover .deco::after { animation: scalepulse 1.3s linear .15s infinite both; transform: translate3d(-50%, -50%, 0) scale(1); } .index-develop-box li:hover p{ font-weight: bold; } .index-businessTop .swiper-slide:hover span::after{ animation:arr 0.6s linear 0s infinite; } .index-businessTop .swiper-slide:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } #section6 .groupSlide .groupSlide-item ul li:hover img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); z-index: 99; /* border: 1px solid rgba(255,255,255,.6); */ box-shadow: 0 0 15px 0 rgba(202,235,252,.6); } #section6 .groupSlide .groupSlide-item ul li:hover span.zz { display: none; /* z-index:99; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); */ /* opacity:1; */ } #section6 .groupSlide .groupSlide-item ul li:hover .pic_tit{ display: block; } .footer .f-nav li dl dd a:hover,.footer .f-nav li h4 a:hover{ color: #115db1; } .copyRight a:hover{ color:rgba(255,255,255,1); } .technoligy a:hover{ font-size: 16px; color:rgba(255,255,255,1); } .banner a:hover{ color: rgba(255,255,255,1); } .menubox ul li:hover a{ color: #115db1; } .menubox ul li:hover a::before{ width: 100%; } .aboutimg .about-info:hover p::before{ height: 100%; } .about-brief:hover p::before{ height: 100%; } .business-sub a.yw-more:hover{ color: #115db1; } .business-item:hover .business-top::after{ width: 100%; } .business-item:hover .sub-tab{ color: #115db1; } .business-item.index0:hover .business-top h2{ background-image: url(../images/index-icon1-r.png); } .business-item.index1:hover .business-top h2{ background-image: url(../images/index-icon2-r.png); } .business-item.index2:hover .business-top h2{ background-image: url(../images/index-icon3-r.png); } .business-item.index3:hover .business-top h2{ background-image: url(../images/index-icon4-r.png); } .business-item:hover h2{ color: #115db1; } .major-listpics .swiper-slide:hover .imgbox img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .company-center li:hover img{ transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); } .company-center li:hover .company-title{ border: 2px solid #115db1; box-shadow: 0px 0 15px 0px rgba(17,93,177,.3); } .company-center li:hover span.line-b{ /* height: 48px; */ opacity: 1; } .culture-left li:hover{ cursor: default; background: #115db1; } .culture-left li.index0:hover i{ background-image: url(../images/icon-culture-r1.png); } .culture-left li.index1:hover i{ background-image: url(../images/icon-culture-r2.png); } .culture-left li.index2:hover i{ background-image: url(../images/icon-culture-r3.png); } .culture-left li.index3:hover i{ background-image: url(../images/icon-culture-r4.png); } .culture-left li.index4:hover i{ background-image: url(../images/icon-culture-r5.png); } .culture-left li:hover p{ color: #fff; } .culture-left li:hover .arrow-c{ animation:arr 0.6s linear 0s infinite; background: url(../images/arrow-white.png) no-repeat center center; } .culture-left li:hover span.enname{ opacity: 0; } .news-cul-tab li:hover::before{ width: 47px; } .news-cul-tab li:hover::after{ display: block; } #news-swiper .swiper-slide:hover .isgood-r h2{ color: #115db1; } .newsIsgood .swiper-button-next:hover, .newsIsgood .swiper-button-prev:hover{ border: 1px solid #115db1; color: #115db1; } .newslists li:hover{ box-shadow: 0 0 10px 0 rgba(2, 24, 44, .05); } .newslists li:hover::before{ top: 0; bottom: 0; height: 100%; } .newslists li:hover a{ color: #115db1; } .release span a:hover{ color: #115db1; } .nextchange p a:hover{ color: #115db1; } .nextchange a.back:hover{ color: #fff; border:1px solid #115db1; background: #115db1; } .lawlist li:hover{ box-shadow: 0 0 10px 0 rgba(2, 24, 44, .05); } .lawlist li:hover::before{ top: 0; bottom: 0; height: 100%; } .lawlist li:hover a{ color: #115db1; } .base-right li:hover{ cursor: pointer; background: #115db1; } .base-right li.index0:hover i{ background-image: url(../images/icon-base-r1.png); } .base-right li.index1:hover i{ background-image: url(../images/icon-base-r2.png); } .base-right li:hover p{ color: #fff; } .base-right li:hover span{ /* animation:arr 0.6s linear 0s infinite; */ background: url(../images/png32-r.png) no-repeat center center; background-size: 100% auto; } .activity-list .swiper-slide:hover .activity-title{ background: #115db1; }.activity-list .swiper-slide:hover h2,.activity-list .swiper-slide:hover span{ color: #fff; } .activity-list .swiper-slide:hover .imgbox img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .zblists li:hover{ box-shadow:0 0 10px 0 rgba(2,24,44,.05); } .zblists li:hover span.zblis-title{ color: #115db1; } .newsIsgood.partyIsgood #news-swiper .swiper-slide:hover .isgood-r h2{ color: #e8373b; } .newsIsgood.partyIsgood .swiper-button-next:hover, .newsIsgood.partyIsgood .swiper-button-prev:hover{ border: 1px solid #e8373b; color: #e8373b; } .party-status li:hover .status-img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .party-status li:hover a::before,.party-status li:hover a::after,.party-study li:hover a::before,.party-study li:hover a::after{ opacity: 1; width:100%; height:100%; } .party-status li:hover h2,.party-study li:hover h2{ color: #e8373b; } .party-study li:hover i.icon-dj{ background: url(../images/icon_dj.png) no-repeat center center; border-left: 1px solid transparent; } .pages a:hover{ color: #1363ad; } .columnMore a:hover{ color: #e8373b; } .columnMore a:hover::after{ opacity: 1; width: 24px; left: 50%; margin-left: -12px; } .party-right li:hover h2{ color: #e8373b; } .party-right li:hover a::before{ background: #e8373b; } .swiper-topic .swiper-slide:hover .topic-title{ font-weight: bold; } .contact-left li a:hover{ color: #115db1; } .commonlists li:hover a::before,.commonlists li:hover a::after{ opacity: 1; width:100%; height:100%; } .commonlists li:hover h2,.commonlists li:hover .smalltext{ color: #115db1; } .commonlists li:hover .common-arrow{ background: url(../images/arrow-dj-blue.png) no-repeat center center; border-left: 1px solid #115db1; } .titlelist li:hover{ box-shadow: 0 0 10px 0 rgba(2,24,44,.15); } .titlelist li:hover a::before,.titlelist li:hover a::after{ opacity: 1; width:100%; height:100%; } .titlelist li:hover h2{ color: #115db1; } .titlelist li:hover .title-time p{ background: #115db1; color:#fff; } .titlelist li:hover .title-arrow{ background: url(../images/arrow-dj-blue.png) no-repeat center center; border-left: 1px solid #115db1; } #shareSc .share-box a:hover{ opacity: .8; } #shareSc .share-popup li a:hover{ background-color: #f3f3f3; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .xinfangbox li a:hover{ color:#115db1; } .attract-way p a:hover{ color:#115db1; } } .phone-ways{ display:none;} @media (min-width:768px) and (max-width:992px) { .header{ padding:0 40px;} #section{height: auto; overflow: auto;} #section>.swiper-wrapper{ height:auto !important; display: -webkit-box; display: -moz-box; display:inherit; display: inherit; display: inherit; } .header .nav{ display:none;} #section1 .index-banner{ height:530px;} .header a.logo{ width:21.6%;} .mc_phone_nav{ display:block;} .mc_menubox{ top:6px;} .index-topbox .index-nav{ width:60%;} .indexNews .index-newsbox{ margin-top:40px;} #section2{ padding-bottom:40px;} .index-picsnews li{ height:172px;} .index-picsnews li.index3, .index-picsnews li.index4{ top:172px;} .index-picsnews li.index4{ display:block !important;} .index-picsnews li .index-newsinfo{ padding:0 15px;} .index-picsnews li .index-date{ margin-left:15px;} .index-picsnews li h2{ font-size:16px; line-height: 26px; margin-bottom: 0;} .index-picsnews li.index0,.index-picsnews li .newscover,.index-newsbox .index-picsnews{ height:344px;} .index-picsnews li.index0 img{ margin-left:-375px;} .index-newsbox .indexbox{ height:auto;} .index-group-left ul li:last-child,.index-inform-left li:last-child{ display:none;} .index-groupnews .index-group-left{ height:455px;} .index-groupnews .index-group-right{ height:278px; margin-top:88px;} .index-informbox .index-inform-right{ margin-top:80px;} .index-inform-left li .inform-info h2{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .index-duty ul li .imgbox img{ width:100%; height:auto;} .index-duty ul li .index-newsinfo{ padding:10px;} .index-duty ul{ height:340px;} #section3 .index-topbox .index-nav{ width:50.08%;} #section3,.index-status,#section6{ padding-top:40px;} #section3{ padding-bottom:40px;} .index-status-left li .index-status-r, .index-status-right li .index-status-r{ height:172px; padding:15px 12px;} .index-status .statusbox{ height:345px;} .index-status-left li p, .index-status-right li p{ display:none;} .index-party-info h2 b{ font-size:56px;} .index-status-left li h2, .index-status-right li h2{ font-size:18px; line-height:26px;} .index-party-info{ padding:40px 25px;} .index-partytopic .index-party-right{ margin-top:0;} .index-party-right li a{ padding:12px 12px;} .index-party-right li .index-party-brief{ padding-bottom:18px;} .index-party-right li h2{ font-size:18px; margin-top:12px;} .videoCenter .swiper-slide{ height:296px;} .statusbox .videoCenter{ margin-top:0;} .index-develop .index-develop-left{ float:none; width:100%; height: 375px; padding:30px 25px;} .index-develop .index-develop-right{ float:none; width:100%; height: 540px;} #section4 .index-develop,.index-businessWrap,#section6 .groupSlide{ margin-top:40px;} .index-develop-poster .index-develop-img{ background-size:contain; background-repeat: no-repeat;} .index-businessTop .index-business-l{ padding:0 15px 0 0;} .index-business-l h2{ font-size:28px;} .index-bunsiness-menu{ margin-top:0;} .index-business-l .index-business-text{ margin-bottom:5px;} .index-business-l h3{ font-size:20px; margin-bottom: 8px;} .icon-index-list li{ width:25%;} .icon-index-list li i.icon-bg{ width:40px;} .icon-index-list li{ height:134px;} .s5-con{ overflow:hidden; padding-bottom: 60px;} #section6 .groupSlide .groupSlide-item ul li .pic_tit{ line-height:28px;} .footer .f-qrImg p{ padding-left:0; margin-bottom: 15px;} .footer-copy .copyRight,.footer-copy .technoligy{ float:none; line-height: 24px; text-align: center;} .mainbox .menubox{ height:auto;} .menubox ul li{ margin:0 6px;} .aboutnums .numslist li .num-cn{ font-size:44px;} .aboutimg .about-info{ min-height:195px; top:15px; padding-top:30px;} .aboutimg-lis .aboutimg-l{float:none; width:100%; margin-bottom: 40px;} .aboutimg-l .imgbox{ width:45%;} .aboutimg-l .about-brief{ width:62.3%; min-height: 355px; right: 0;} .aboutimg-lis .aboutimg-r{ float:none; width: 100%; margin-top: 0; clear: both;} .aboutimg-lis .about-brief{ padding-top: 30px;} .aboutimg-r .about-brief{ float:none; width: 100%; margin-right: 0; min-height: 226px;} .aboutimg-r .imgbox{ float:none; width: 100%; margin-top: 0;} .aboutimg{ margin-bottom:40px;} .listbox li{ margin-bottom:20px;} .listbox li.index0{ width:40%;} .develop-list li{height: 405px;} .develop-list li .develop-img{ background-size: contain;} .develop-list li .develop-brief{ height:405px; padding:30px 20px 30px;} .develop-list li .develop-brief h2, .develop-list li .develop-brief h3{ font-size:22px; line-height: 38px;} .develop-list li .develop-brief .develop-tit{ margin-bottom: 10px;} .develop-ways{ padding:45px 20px 90px;} .develop-ways li p{ padding:0 5px;} .develop-ways ul li{ margin-right:1%; height: 420px;} .develop-ways ul li.index0{ width:31.52%;} .develop-ways ul li.index1{ width:40%;} .develop-ways ul li.index2{width:26%; margin-right: 0;} .develop-ways::after{ background-size: 100% auto;} .swiperpics .swiper-slide img{ width: 100%; height: auto;} .business-item .business-top h2{ font-size: 18px;} .showWrapper{ width:76.5%; margin-left:-38.25%;} .company-top{ width:58.33%;} .news-cul-left .news-cul-tab{ padding:40px 15px;} .culture-rule dl dd{ float:none; width: 100%;} .culture-rule dl dd.fivedone{ float: none;} .culture-rule dl dd .rulelist{ margin:auto;} .culture-rule dl dd.fivedone .rulelist{ float:none; margin-top: 100px;} .newsIsgood .swiper-slide .isgood-r{ padding-top: 16px;} #news-swiper .swiper-slide .isgood-r .isgood-text{ display:none;} .videoMain .video-right-box{ height:314px;} .video-right-box .swiper-slide .videoplay{background-size:28px auto;} .fundbox .fund-right{ padding:30px 25px 0;} .fund-right ul li{ margin-bottom:20px;} .duty-bottom{ position: relative;} .duty-toptext .duty-right{ margin-top:65px;} .duty-toptext .duty-right img{ width:100%; height:auto;} .duty-toptext .duty-left{ padding-top:0;} .party-status li .status-r{width:81.13%;} .party-status li .status-l{padding-top: 0;} .party-status li.act .status-l h2{ margin-bottom: 2px;} .party-status li .status-l p{ line-height:26px; height: 52px;} .party-status li{ margin-bottom: 18px;} .party-status li a{ padding:20px 15px;} .piclassimg img{ width:100%; height: auto;} .partyTopic .party-right{ padding-top:40px;} .contact-right{padding-left:20px; padding-right: 20px;} .singleContent .map{ padding-right: 0; padding-bottom: 0;} .contact-right h2{ font-size: 20px;} .index-banner .slideDown-ts{display:none;} } .phone-news-time{ display:none; } @media (max-width:768px){ /* 首页 */ .headerCon{height: 72px; background: #fff;} .header{ height: 72px; padding:0 10px;} #section{height: auto; overflow: auto;} .mc_phone_nav{ display:block;} .header .nav{ display:none;} #section1 .index-banner{ margin-top:72px;} #section1 .index-banner,.index-banner .swiper-slide{ height:230px;} .header a.logo{ width:48%; margin-top:14px;} .slideDown-ts{ display:none;} #section>.swiper-wrapper{ height:auto !important; display: -webkit-box; display: -moz-box; display: inherit; } .header .headlink{ width:48px; margin-top: 22px;} .headerCon .header-bg{ height:72px;} .headlink .search_wrap{ right:18px; top:-2px;} .index-banner .swiper-pagination{ bottom:4px;} .index-banner .swiper-pagination li{ width:20px;height:20px;} .index-banner .swiper-pagination li::after{ width:5px; height:5px;margin:-2px 0 0 -2px;} .index-banner .swiper-pagination li .l{ width:10px;height:20px; border-radius: 10px 0 0 10px;} .index-banner .swiper-pagination li .l::after{ width:20px;height:20px;} .index-banner .swiper-pagination li .r{ width:10px; height:20px; border-radius: 0 10px 10px 0;} .index-banner .swiper-pagination li .r::after{ width:20px;height:20px;} #section2{ padding-left: 10px; padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #section2 .indexNews{padding-top:40px; padding-bottom: 30px;} .index-topbox .index-tit{ float:none;width:100%;} .index-topbox .index-tit h1{ font-size:24px;} .index-topbox .index-nav{float:none;width:100%;} .index-nav li{padding:0 1px;} .index-nav li a::after{ bottom:2px;} .indexNews .index-newsbox{ margin-top:35px;} .index-picsnews li{ position: inherit; left:auto !important; top: auto !important; float: left; width:49%; margin-right: 2%; margin-bottom:8px;} .index-picsnews li.index0 img{ position:inherit !important; top: 0 !important; width: 100%; height: auto; left: 0 !important;} .index-picsnews li img{ margin-top:0 !important;} .index-picsnews li.index0 img{ margin-left:0 !important} .index-picsnews li,.index-newsbox .index-picsnews,.index-picsnews li.index0,.index-picsnews li.index0 .imgbox,.index-informbox ul.index-inform-left{ height:auto !important; } .index-picsnews li .news-time{ display:none; } .index-picsnews li .phone-news-time{ display:block;} .index-picsnews li h2{ float:none; width: 100%; } .index-picsnews li.index0 .imgbox{ height:auto;} .index-picsnews li .index-newsinfo{ position: relative; padding: 8px 5px; left: auto !important; top: auto !important; bottom: auto !important; height: auto !important;} .index-picsnews li,.index-picsnews li .imgbox{ height:auto;} .index-picsnews li .newscover{ position: relative; left: auto; top: auto; color: #333;background-image:none; } .index-picsnews li .index-date{ background-image: url(../images/date-bg.png); margin-left: 0; margin-bottom: 8px; margin-top: 12px;} .index-picsnews li h2,.index-duty ul li h2{ font-size: 16px; line-height: 24px;} .index-groupnews .index-group-right{display: none;} .index-groupnews .index-group-left{ float: none; width:100%; height: auto;} .index-group-left ul li{ padding:0 5px;} .index-group-left ul li a{ padding:8px 5px;} .index-group-left ul li h2,.index-inform-left li .inform-info h2{ font-size: 16px; line-clamp: 2; -webkit-line-clamp: 2; } .index-group-time p,.duty-time p,.index-inform-left li .inform-date p,.index-party-right li .index-party-time p,.group-time p,.title-time p,.common-time p{ font-size:18px; width:30px; height:30px; line-height: 30px;} .index-group-time span,.duty-time span,.index-inform-left li .inform-date span,.index-party-right li .index-party-time span,.group-time span,.title-time span,.common-time span{ font-size:14px;} .index-group-left ul li .index-grinfo{ width:81%; height:64px;} .index-informbox ul.index-inform-left,.setWrapper700 .index-informbox ul.index-inform-left{float:none;width:100%;} .index-newsbox .indexbox,.index-informbox,.index-newsbox .indexbox,.index-groupnews{ height:auto;} .index-informbox .index-inform-right{ display:none;} .index-inform-left li a{ padding:8px 5px;} .index-inform-left li .inform-info{ width:81%; height:64px;} .index-duty ul{ overflow: hidden; height: auto;} .index-duty ul li .duty-time{ width:auto; margin-top:5px;} .index-duty ul li .index-duty-right{ width:82%; padding-left:3%; height: 64px;} .index-duty ul li h2{ line-clamp: 2; -webkit-line-clamp: 2; } .index-duty ul li a{ padding:8px 0;} .indexNews a.indexMore i{ top:5px;} .index-duty.index-law{ margin-top:0;} .index-duty.index-law.index-baolei{ background-size:80% auto;} .index-party-info{ padding:25px 15px; top: 0; bottom:auto;} .index-party-info p{ font-size:18px; line-height:32px;} .index-party-info span{ margin-top:20px; background-size: 15px auto; font-size: 15px;padding-right: 22px; background-position:top 4px right;} .index-partytopic .index-party-right{ float:none; width:100%; margin-top: 0; height:auto;} .index-party-right li{ width:100%;} .index-party-right li a{ padding:15px 5px;} .index-party-right li h2{ font-size:16px; line-height:24px; line-clamp: 3; -webkit-line-clamp: 3; } .index-party-right li .index-party-brief{ min-height:auto;} .index-party-right li .index-party-time{ margin-top:2px;} .index-party-right li .index-party-title{ width:76%; height:64px; padding-left:3%;} .index-party-right li .imgbox{ width:25%;} .business-index{ padding-top: 28px;} .business-index .swiper-slide .mainindex span.span1 img, .business-index .swiper-slide .mainindex span.span2 img{ max-width:45px;} .business-index .swiper-slide .mainindex span.span1 span, .business-index .swiper-slide .mainindex span.span2 span{ font-size:18px;} .business-index .swiper-slide .mainindex span.span1 span{ margin-top:20px;} .business-index .swiper-button-next,.business-index .swiper-button-prev{ width:26px; height:48px; top: 50%; margin-top: -24px; background-size:10px auto;} #section3{padding-top:40px;padding-left:10px; padding-right:10px; padding-bottom:30px;} #section3 .index-topbox .index-nav{ width:100%;} .index-status{ padding-top:35px;} .index-status .index-status-left{ float:none; width:100%;} .index-status-right{ float:none; width:100%;} .index-status .statusbox{ height:auto;} .index-status-left li img,.index-status-right li img{ margin-top: 0;} .index-status-left li h2, .index-status-right li h2{ font-size: 16px; line-height: 26px;} .index-status-left li .index-status-r, .index-status-right li .index-status-r{ height:auto; padding:19px 12px;} .index-status-left li p, .index-status-right li p{ display:none;} .index-status-left li h2, .index-status-right li h2{ margin-top: 3px; margin-bottom: 3px; height:56px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .index-status-right li .imgbox{ float: left; width: 50%;} .index-status-right li .index-status-r{ float:right; width: 50%;} .index-partytopic .index-party-left{ float:none; width: 100%;} #section4{ padding:0 10px 30px;} .s3-con{ padding-top:40px;} .indexNews a.indexMore{ font-size:16px;} #section4 .index-develop{ margin-top:30px;} .s4-con{ padding-top:40px;} .index-businessWrap{ margin-top: 30px;} .footerbox{ padding-top:20px; padding-bottom: 20px;} .foot{ padding-left:10px; padding-right:10px;} .foot-left,.foot-right{ float:none; width:100%; text-align: center;} .foot-left p{ font-size: 14px; line-height: 26px;} .foot-right{ margin-top:10px;} .foot-right li{ width:30%;} .foot-right li p{ font-size:14px;} .banner{ margin-top:72px;} .mainbox{ margin-top:0;} .banner .newsnav{ display:none;} .mainbox .menubox{ height:auto;} .menubox ul li{ width:19%; line-height: 24px; text-align: center; margin: 0 0; height:56px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .menubox ul li a{font-size:16px; padding-top: 14px; padding-bottom: 18px;} .menubox ul li a::before{ height:2px;} .columnbox{ padding-top:40px;} .columnbox h1{ font-size:24px;} .columnbox p{ font-size:16px;} .aboutnums{ padding-bottom:0; padding-top: 28px;} .aboutnums .numslist li{ width:49%; margin-bottom: 25px;} .aboutnums .numslist li .num-cn{ font-size: 28px;} .aboutnums .numslist li::after{ display:none;} .about-text{ width:95.5%; padding:15px 15px;} .aboutimg{ margin-top:30px; margin-bottom:20px; padding: 0 10px;} .aboutimg .about-info{ position: relative; width:100%; padding:20px 15px; min-height: auto; top: auto; left: auto;} .aboutimg #about-swiper,.aboutimg-lis .aboutimg-l{ float: none; width:100%;} #about-swiper .swiper-slide .about-img-t{ font-size:16px; line-height:24px;padding: 22px 24% 10px 10px; height:auto;background-size:100% 100%;} #about-swiper .swiper-pagination{ right:10px; bottom:10px;} #about-swiper .swiper-pagination-bullet{ margin:0 5px;} .aboutimg .about-info p::before,.about-brief p::before{left: -15px; top:6px;} .aboutimg-lis{ padding:0 10px;} .aboutimg-l .imgbox{ width:100%;} .aboutimg-l .imgbox img{ margin-top: -100px;} .aboutimg-l .about-brief{ position: relative; right: auto; width: 100%; top: auto; margin-top: 0;} .aboutimg-lis .aboutimg-r{ float: none; width: 100%;margin-top: 20px;} .aboutimg-r .about-brief{ float: none; width: 100%;} .aboutimg-lis .about-brief{min-height: auto; padding:20px 15px;} .aboutimg-r .imgbox{ float:none; width:100%; margin-top: 0;} .singleContent{ padding-bottom: 34px; padding-top: 30px;} .mainWrapper{ padding-left: 10px;padding-right: 10px; padding-top:30px;} .mainWrapper .listbox{ padding:0 0;} .listbox li{ height:auto; margin-bottom: 12px;} .listbox li a{ padding-top:12px; min-height: auto;} .listbox li .smalltext{ height:auto; font-size: 15px;} .majorText{ padding:15px 10px;} .major-nav{ margin-top:30px;} .major-nav li{ width:auto;} .major-nav li a{ padding:0 15px; font-size:18px; height: 50px; line-height: 50px;} .major-top .major-left,.major-top .major-img{ float:none; width:100%;} .major-top .major-img::after{ display:none;} .majorBusiness{ padding:30px 10px;} .major-top .major-img{ margin-top:10px;} .includesub{ font-size:18px; margin-top: 30px;} .include-item .include-title{ height:auto; padding: 10px 10px; line-height: 24px; font-size: 16px; background-size:14px auto; background-position: right 10px center; } .include-item .include-title.on{ background-size:14px auto; } .include-content .major-load-left, .childrenContent .major-load-left,.include-content .major-load-right, .childrenContent .major-load-right{ float:none; width:100%;} .major-load-left .videochilde{ display:none;} .include-item .include-content{ padding:20px 10px;} .major-load-left::after{ display:none;} .include-content .major-load-right, .childrenContent .major-load-right{ margin-top:15px;} .group-newslist li a{ padding:12px 0;} .group-newslist li .group-time{ padding:9px 10px 0 0; padding-right:10px;} .group-newslist li .group-time span{ margin-top:8px;} .group-newslist li .listnews-l{ width:68%;height:72px; margin-top: 0;} .group-newslist li .listnews-l p{ display:none;} .group-newslist li .listnews-r{ width:79%; padding-right: 0;} .group-newslist li .listnews-img{ width:30%;} .group-newslist li .listnews-l h2{white-space: normal;font-size: 16px;line-height: 24px;position: relative;top: 50%; transform: translate(0,-50%); display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .titlelist li .title-time{ padding:0 0; margin-top: 5px;} .titlelist li .title-r{ width:83%;} .titlelist li .title-l h2{ font-size:16px; line-height:24px;} .titlelist li .title-arrow{ background-size: 8px auto; border-left:none;} .titlelist li a{ padding:10px 0;} .hrimg{ padding:15px 10px; height: 140px; background-size: cover; margin-bottom: 10px;} .hrimg h2{ font-size:20px;} .hrimg p{ width:100%;} .topicBox{ margin-top:0;} .topicBox #swiper-topic{ width:100%; position:relative; left:0; top:0;} .topicColmn{ float:none; width:100%;} .toppicBrief{ float:none; width:100%; padding:10px 10px;} .toppicBrief h2{ font-size:20px; line-height: 24px; margin-bottom: 10px;} .toppicBrief .topicText{ line-height:28px;} .lznews dl{ width:100%; float:none;} .lznews .xfimg{ float:none; width:100%;} .lznews dl dd{ margin-bottom:2px;} .cooperation li{ float:none; width:100%; margin-right:0;} .cooperation li .coopertitle h2{ font-size:16px; line-height: 24px; height: 48px;} .cooperation li .coopertime p{ font-size:22px;} .cooperation li .coopertime span{ font-size:14px;} .cooperation li .coopertime{ width:20%; margin-top:8px;} .cooperation li .coopertitle{ width:79%; padding: 8px 0;} .myhzbox{ margin-top:0; margin-bottom:20px;} .attract-img{ width:100%; position:relative;} .attract-title{ margin-bottom:30px;} .attract-info{ padding-top:0; padding-right:0;} .attract-brief{ padding:20px 10px; min-height: auto;} .attract-text{ width:100%;line-height: 28px;} .attract-text h2{ margin-bottom:12px;} .attract-newstext{ padding:10px 0 0;} .attract-box{ padding:12px 10px 20px;} .attract-way h2, .attract-company h2, .attract-activity h3{ margin-top: 15px; margin-bottom:15px;} .attract-activity .group-newslist li .listnews-r{ width:79%;} .attract-address{ padding:0 10px;} .attract-way h2{ margin-left:10px;} .attract-address h3{ font-size:18px;} .attract-address h3 em, .attract-address h3 i{ font-size:22px;} .attract-address ul li{ width:100%; float:none; height:auto; line-height:30px; background-position: left 9px; background-size: 10px auto; padding-left: 18px; padding-right: 0; } .phone-ways{ display: block;} .phone-ways img{ width:100%; height: auto;} .develop-ways{ background: none; padding: 0;} .develop-ways::after{ background-size: 100% auto;} .develop-ways h2{ font-size:24px; color:#115db1; margin-bottom: 30px;} .develop-ways ul{ overflow: inherit;} .develop-ways ul li{ float:none; width:100% !important; margin-bottom: 18px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4); height: auto;} /* .develop-ways ul li.index0{ width:100%;} */ .businesscover .business-left{float: none; width: 100%;} .business-left .business-classname{ position: relative;} .business-item{float: left;width: 25%;} .business-item .business-top{ padding-top:0; font-size: 16px;} .business-item .business-top h2{ font-size:16px;height: 62px; text-align: center;padding-left: 0;padding-top: 33px;line-height: 23px;background-size: 28px auto;background-position: top center;} .business-item .business-sub{position: absolute; width: 100%; left: 0; top: 84px;background: rgba(255,255,255,.9);z-index: 2; padding: 15px; border-radius: 0 0 10px 10px;min-height: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .businesscover .business-right{ float:none; width: 100%; margin-top: 70px;} .business-right .swiper-container{ width: 100%;} .business-right .swiper-list .swiper-slide img{ width:100%; height: auto;} .majorBusiness h2{ font-size:24px; margin-bottom: 5px;} .majorBusiness span{ font-size: 16px;} .major-listpics{ padding:25px 20px 0;} .major-listpics .swiper-button-next, .major-listpics .swiper-button-prev{ width: 14px; background-size: 14px auto; margin-top: -40px;} .major-listpics .swiper-slide .major-tit{ position: relative; left:auto; color: #333; bottom:auto; margin-top: 8px; padding: 0 5px; line-height: 24px; text-overflow: inherit; white-space: normal;} .major-listpics .swiper-slide .imgbox::before{ display:none; margin-top: 8px;} .showMain .closebox{ margin-right:15px; margin-top: 5%;} .showWrapper{ width: 98%; margin-left:-49%; margin-top: 0; transform: translate(0,-50%);} .listpics .swiper-button-next, .listpics .swiper-button-prev{ width: 18px; background-size: 18px auto; margin-top: -44px;} .listpics .swiper-button-next{ right: 0;} .listpics .swiper-button-prev{ left:0;} .showContainer h2{ line-height: 32px; margin-bottom: 30px;} .company-top{ width:95.33%;} .company-tit{ line-height: 72px; font-size: 22px;} .company-center li .company-text p.company-type{ padding-top: 0; margin-bottom: 8px;} .company-center li .company-text p, .company-list dl dd .sub-title p, .more-list ul li p{ width:16px; font-size: 16px; line-height: 22px;} .company-tit::before, .company-center li .imgbox::before, .company-list dl dd .sub-title::before, .more-list ul li .more-text::before{ width: 12px; height: 12px;} .company-list dl dd .sub-title, .more-list ul li .more-text{ padding-top: 32px; height: 400px;} .company-center li .company-text{ height: 490px;} .company-list dl dd{ width:9.66%;} .company-list.index0 .line-sub{ width: 59.8%;} .company-list.index0 dl dd .sub-title{ height:390px;} .more-list{ width:300px; margin-left: -150px;} .more-list span.line-more{ width:56.2%;} .more-list ul li .more-text{ height:410px;} .company-list.index1 .line-sub{ width:77.2%; margin-left: 11.5%;} .company-list.index1 dl dd .sub-title{ height:430px;} .company-list.index2 .line-sub, .company-list.index4 .line-sub{ width:76.8%;} .company-list.index3 .line-sub{ width:61.3%;} .company-list.index3 dl dd .sub-title{ height:380px;} .company-list.index4 dl dd .sub-title{ height:435px;} .company-list.index5 .line-sub{ width:87.4%;} .company-list.index5 dl dd{ width:8.66%; margin-left:1.4%; margin-right: 1.4%;} .company-list.index5 dl dd .sub-title{ height:468px;} .company-list.index6 .line-sub{ width:54.8%; margin-left:27%;} .company-list.index6 dl dd .sub-title{ height:350px;} .company-list.index7 .line-sub{ width:75.15%; margin-left: 19.4%;} .company-list.index7 dl dd .sub-title{ height:350px;} .culturebox{ padding-top:30px;} .cuture-list{ padding-bottom: 0;} .culturebox .news-cul-left{ float:none; width:100%; height: auto;} .culturebox .news-cul-right{ display:none;} .news-cul-left .news-cul-tab{float: none; width:100%; padding: 0 0; height: 56px;} .news-cul-left .news-cul-content{ float: none; width:100%;} .news-cul-tab li{ float: left; width:20%; font-size: 16px; line-height: 56px; text-align:center; margin-bottom: 0;} .news-cul-tab li::before{ display: none;} .news-cul-tab li::after{ border-right-color: transparent;border-bottom-color:#f5f9fb;left: 50%;margin-top: 0;margin-left: -10px; right: auto; bottom: 0;} .culture-rule{ padding-left: 0; padding-right: 0; padding-bottom: 0;} .culture-rule dl dd{ margin-bottom: 80px;} .culture-rule dl dd,.culture-rule dl dd.fivedone{ float:none; width:100%;} .culture-rule dl dd.fivedone .rulelist{ float:none;} .culture-rule dl dd .rulelist{ width:300px; height: 300px; margin: 0 auto;} .culture-rule dl dd ul li{ width: 110px; height: 110px;} .culture-rule dl dd ul li p{ font-size:16px;} .culture-rule dl dd ul li span{ font-size: 14px; line-height: 20px;} .culture-rule dl dd .rulelist::before{ width: 270px; height: 270px; margin-left: -135px; margin-top: -135px;} .culture-rule dl dd .culture-tit{ font-size: 24px; line-height: 90px; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;} .culture-rule dl dd ul li.index0{ left:96px;} .culture-rule dl dd ul li.index2,.culture-rule dl dd ul li.index3{ bottom:-20px;} .culture-rule dl dd.fivedone ul li{ padding-top: 34px;} .news-cul-list img{ max-width: 75%;} .showContainer{ padding: 20px 0;} .newsIsgood{ margin-top:0;} .newsIsgood .swiper-slide .imgbox{ float:none; width: 100%;} .newsIsgood .swiper-slide .isgood-r{ float:none; width:100%; padding:20px 10px} #news-swiper .swiper-slide .isgood-r h2{ font-size:16px; line-height: 28px; margin-top: 8px;} #news-swiper .swiper-slide .isgood-r .isgood-text{ display:none;} .newsIsgood .swiper-button-next, .newsIsgood .swiper-button-prev{ display:none;} .newsIsgood .swiper-pagination,.newsIsgood.partyIsgood .swiper-pagination{ bottom:22px;} .newslists.group-newslist{ padding-top:20px;} .newslists li a,.newslists li span,.lawlist li a,.lawlist li span,.zblists li span,.zblists li span.zblis-fbrq{ font-size: 16px;} .newslists li,.lawlist li{ line-height:44px; padding-left:20px; padding-right: 0;} .newslists li::before,.lawlist li::before{ top:20px;} .videoMain .video-left-box{ float:none; width:100%;} .videoMain .video-right-box{ width:100%; float: none;} .video-right-box .swiper-slide{ padding-left:0; padding-top: 6px;} .videoMain .video-right-box{ height: auto;} .video-right-box .swiper-slide .videoplay{ background-size: 32px auto; height: 74px;} .video-right-box .swiper-slide.swiper-slide-active a::before{ display: none;} .video-right-box .swiper-slide .video-title{ position:relative; left: auto; top: auto; background: transparent;} .video-right-box .swiper-slide h2{ position: relative; left: auto; bottom: auto; line-height: 24px; padding: 8px 4px; color: #333;} .video-right-box .swiper-slide.swiper-slide-active .video-title h2{ color: #fff;} .lawbox{ padding-top:0; margin-top: -20px;} .lawbox .lawimg{ display:none;} .lawbox .lawlist{ float:none; width:100%;} .list-top{ margin-top:0; line-height: 60px;} .list-top.zhongbiao-top span.zbstatus,.zblists.zhongbiao-list li span.zblis-title{ text-indent: 10px;} .list-top span{ font-size: 18px;} .list-top.zhongbiao-top span.zbstatus,.zblists.zhongbiao-list li span.zblis-title{ width:77.08%;} .list-top.zhongbiao-top span.zbrelease,.zblists.zhongbiao-list li span.zblis-fbrq{ width:22.5%;} .zblists li{ line-height:54px;} .information{ margin-top:40px; padding-left: 10px; padding-right: 10px;} .information .infocontent{ padding:30px 0 35px;} .infocontent .base-left{ float:none; width:100%;} .infocontent .base-right{float:none; width: 100%;} .fundbox{ margin-bottom: 40px; padding-left: 10px; padding-right: 10px;} .fundbox .fund-left{ float:none; width:100%;} .fundbox .fund-right{ float: none; width: 100%; padding:30px 10px 10px;} .fund-right ul li{ margin-bottom: 25px;padding-left: 40px;} .dutybox{ padding-left:10px; padding-right: 10px; padding-top: 30px;} .duty-toptext .duty-left{ float: none; width: 100%; padding-top: 0;} .duty-toptext .duty-right{ display: none;} .duty-bottom{ position:relative; padding-top: 10px; padding-left:10px; padding-right: 10px; padding-bottom: 30px;} .duty-bottom .txt-left{ float:none; width: 100%;} .duty-bottom h3{ font-size: 20px;} .activitybox{ padding:40px 10px;} .activitybox h2{ font-size: 24px; margin-bottom: 8px;} .activitybox p{ font-size: 16px;} .activity-list{ padding-top:35px; padding-left:10px; padding-right: 10px;} .activity-list .swiper-button-next, .activity-list .swiper-button-prev{ width: 16px; background-size: 16px auto;} .activity-list .swiper-button-prev{ left:-8px;} .activity-list .swiper-button-next{ right:-8px;} .activity-list .swiper-slide .activity-title{ padding:10px;} .titlebox{ padding-top: 0; margin-bottom: 30px;} .titlebox h1{ margin-bottom: 12px; width:100%;} .release span{ margin:0 1px;} .nextchange p{font-size:16px;} .nextchange p a{ font-size: 16px; width: 68%;} .nextchange a.back{ width:70px; height: 36px;line-height: 36px; font-size: 16px;} .newslists{ margin-top: -18px;} .party-status{ padding-top: 12px;} .party-status li{width: 100%; margin-right: 0;float: none; margin-bottom: 8px;} .party-status li a{ padding:12px 10px;} .party-time p{ font-size: 24px;} .party-status li .status-l{ padding-top: 8px;} .party-status li .status-l h2{ font-size: 16px; line-height: 26px; height: 78px;} .party-status li .status-l p{ font-size: 14px; line-height: 24px; height: 48px;} .party-status li.act .status-l h2{ margin-bottom: 5px;} .columnMore{ margin-top:10px;} .partyTopic .partyPics{ display: none;} .partyTopic .party-right{ float: none; width: 100%; padding-right: 0; padding-top: 0;} .party-right li a{ padding-left: 22px;} .party-right li h2{ font-size: 20px; line-height: 34px;margin-bottom: 12px;} .swiper-titlebox{ padding-left: 10px;padding-right: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .swiper-titlebox::before{ width:94%;left: 3%; top: 0;} .swiper-topic .swiper-slide .topic-title{font-size: 16px; padding-top: 20px; line-height: 28px;} .swiper-titlebox .swiper-button-next, .swiper-titlebox .swiper-button-prev{ width:16px; background-size: 16px auto; margin-top: -23.5px;} .swiper-titlebox .swiper-button-prev{ left:-10px;} .swiper-titlebox .swiper-button-next{ right:-10px;} .swiper-titlebox .swiper-topic{ padding-left: 10px; padding-right: 10px;} .djvideo{ width:97%;} .djvideo .dots-video{ width:70px; height:70px; margin-left: -35px; margin-top: -35px;} .party-study li .study-right{ width:84.76%;} .party-study li a{ padding:20px 0 20px 10px;} .party-study li .study-right h2{ font-size: 16px; margin-bottom: 8px;} .party-study li .study-right p{ font-size:14px; line-height: 28px; height: 56px;} .party-study li .study-info{ margin-top:15px;} .singleContent .map{ padding-right: 0; padding-bottom: 0;} .conatct .contact-left{ width:100%; float: none; margin-top: 30px; margin-left: 10px;} .contact-left li{ padding-left: 45px; margin-bottom: 15px;} .contact-right{ width:100%; float: none; margin-top: 0; padding: 25px 15px;} .search-column{ padding-top:100px;} .search-column h1{ font-size:24px;} #section6 .index-tit{ margin-left:10px;} } @media (max-width:380px){ .index-status-left li .index-status-r, .index-status-right li .index-status-r{ padding:9px 12px;} .index-develop-box li p{ font-size:15px;} .index-party-left img{ margin-top:-265px;} .develop-list li{ height:475px;} .develop-list li .develop-brief{height:475px;} .list-top.zhongbiao-top span.zbstatus, .zblists.zhongbiao-list li span.zblis-title{ width:73.08%;} .list-top.zhongbiao-top span.zbrelease, .zblists.zhongbiao-list li span.zblis-fbrq{ width:25.5%;} .party-status li .status-r{ width:82.13%;} .columnMore a{ margin:0 30px;} .contact-right h2{ font-size:22px;} .news-cul-tab li{ font-size: 14px;} .culture-rule dl dd ul li.index1{ right: -36px;} .culture-rule dl dd ul li.index4{ left:-36px;} } @media (max-width:365px){ .index-status-left li .index-status-r, .index-status-right li .index-status-r{ padding:6px 12px;} .videoCenter .swiper-slide{ height: 192px;} .develop-list li,.develop-list li .develop-brief{height:454px;} .news-cul-tab li{ font-size:14px;} .news-cul-list img{ max-width:65%;} .party-study li .study-right{ width:81.76%;} .contact-left li b,.contact-right h2{ font-size: 20px;} .footer .f-nav h4 a{ font-size:16px;} .footer .f-nav li dl dd{ line-height:30px;} .footer .f-nav li dl dd a{ font-size: 14px; line-height: 20px;} .footer .f-qrImg p img{ width:80px;} .footer .f-qrImg p{font-size: 14px;} } @media (max-width:330px){ .header a.logo{ width: 40%;margin-top: 20px;} #section1 .index-banner, .index-banner .swiper-slide{ height:190px;} /* .index-topbox .index-tit{ padding-left:54px; background-size: auto 38px;} */ .index-topbox .index-tit h1{ font-size: 20px;} .index-topbox .index-tit span{ font-size:15px;} .index-nav li a{ font-size:16px;} .indexNews .index-newsbox{ margin-top:25px;} .index-picsnews li .index-date{ background-size: 14px auto;font-size: 14px; padding-left: 24px; margin-top:8px; margin-bottom: 5px;} .index-picsnews li h2, .index-duty ul li h2{ font-size: 14px;line-height: 22px;} .indexNews a.indexMore{ font-size:14px; margin-top: 8px; padding-right: 25px;} .indexNews a.indexMore i{ width:16px; background-size: 100% auto;} #section3{ padding-top: 30px;} .index-group-left ul li{ padding:0 12px;} .index-group-left ul li h2, .index-inform-left li .inform-info h2{ font-size: 14px;} .index-group-left ul li span.group-time{background-size: 14px auto; font-size: 14px; padding-left: 24px; background-position: left center;} .index-group-left ul li.active span.group-time{ background-position: left center; background-size: 14px auto;} .index-group-left ul li h2{ margin-bottom: 7px;} .index-group-left ul li a{ padding-top: 12px; padding-bottom: 10px;} .index-group-left ul li span.more-g{width: 14px; background-size: 100% auto;} .index-group-left ul li::before{ width:2px;} .index-inform-left li .inform-info{ padding-bottom: 10px;} .index-inform-left li .inform-date{margin-top: 8px; background-size: 14px auto; font-size: 14px;padding-left: 24px; background-position: left center;} .index-duty ul li .index-date{ font-size: 14px; margin-top: 15px; margin-left: 10px; padding-left: 24px; background-size: 14px auto;} .index-duty ul li .index-newsinfo{ padding:10px;} .index-duty ul li h2{ margin-bottom: 3px;} .index-duty ul li p{font-size: 12px;} .index-status{ padding-top:25px;} .index-status-left li h2, .index-status-right li h2{ font-size: 14px; line-height: 22px; height: 44px;} .index-status-left li span, .index-status-right li span{ font-size: 14px;} .index-status-left li i.arrow-bg, .index-status-right li i.arrow-bg{ width:16px; background-size: 16px auto;} .index-party-info h2,.index-party-info h3{ font-size:20px;} .index-party-info h3{ margin-bottom: 8px;} .index-party-info h2 b{ font-size: 24px;} .index-party-info p{ font-size: 14px; line-height: 22px;} .index-party-info span{ font-size: 14px; margin-top:15px; padding-right: 20px;padding-bottom: 6px; background-size: 14px auto;} .index-party-left img{ margin-top:-248px;} .index-party-left .imgbox{ height:155px;} .index-party-right li h2{ font-size: 14px; margin-bottom: 0; line-height: 24px;} .videoCenter .swiper-slide{ height:170px;} .videoCenter .swiper-button-prev, .videoCenter .swiper-button-next{ margin-top: -100px;} .s3-con{ padding-top:30px;} .index-develop-tit h2{ font-size: 20px; line-height: 32px;} .index-develop-tit p{ font-size: 14px; line-height: 28px;} .index-develop-box li p{ font-size: 12px; line-height: 22px;} .s4-con{ padding-top:30px;} .index-businessWrap{ margin-top:20px;} .index-business-l h2{ font-size:20px; margin-bottom: 15px;} .index-business-l h3{ font-size: 16px; margin-bottom: 10px;} .index-business-l span{ padding-right:24px; font-size:12px;} .index-business-l span::after{ width:14px; background-size: 14px auto;} .icon-index-list li i.icon-bg{ width:30px; height:34px;} .icon-index-list li p,.columnbox p{ font-size: 14px;} .icon-index-list li{ height:105px;} .icon-index-list{ border-bottom: 2px solid #115db1;} #section6{ padding-top:30px;} #section6 .groupSlide{ margin-top:25px;} .footer-copy{ padding:10px 10px;} .footer .f-nav li dl dd a{ font-size:12px;} .footer .f-nav li dl::before{ height:2px;} .footer .f-nav li dl dd{line-height:26px;} .footer .f-nav li h4{ font-size:16px;} .footer .f-nav li dl{ margin-top: 15px; padding-top: 12px;} .footer .f-qrImg p,.copyRight p, .copyRight p a, .footer-copy .technoligy, .technoligy a{ font-size:12px;} .columnbox{ padding-top:30px;} .columnbox h1{ font-size:22px;} .singleContent{ padding-top:30px;} .aboutnums .numslist li .num-cn{ font-size: 24px;} .aboutnums .numslist li p,.aboutnums .numslist li p.num-tit,.listbox li p{ font-size: 14px;} .aboutnums .numslist li p.num-tit{ margin-top:-3px;} .about-text,.aboutimg .about-info,.aboutimg-lis .about-brief{font-size:14px; line-height: 28px;} .aboutimg{ margin-top:20px; margin-bottom: 20px;} .aboutimg .about-info,.aboutimg-lis .about-brief{ padding:10px 10px;} .aboutimg .about-info p::before,.about-brief p::before{ display: none;} .aboutimg-lis{ margin-bottom: 0;} .mainWrapper,.majorBusiness{ padding-top:30px;} .listbox li h2{ font-size:20px;} .listbox li p::after{ height:2px;} .listbox li .smalltext{ font-size:13px;} .listbox li::before{ width:13px; height:13px;} .listbox li.index0{ width:70%;} .develop-list li, .develop-list li .develop-brief{ height:400px;} .develop-list li .develop-tit h2{ font-size:20px; line-height: 36px;} .develop-list li .develop-tit img{ width:34px; margin-bottom: 12px;} .develop-list li .develop-brief .develop-info p,.develop-ways li p,.business-sub .sub-tab{ font-size:14px; line-height: 28px;} .newstext,#swiper-pics .swiper-slide .bigname{ font-size: 14px; line-height: 28px;} .develop-ways h2{ font-size: 22px;} .develop-ways li h3{ font-size: 18px; line-height: 28px;} .develop-ways ul li{ padding:18px 8px;} .business-sub a.yw-more{ font-size:14px; padding-right: 24px;} .business-sub a.yw-more::after{ width: 12px; background-size: 100% auto;} .majorBusiness h2{ font-size:20px;} .majorBusiness span,.major-listpics .swiper-slide .major-tit{ font-size: 14px;} .showContainer h2{ width:92.3%; font-size: 20px;} .company-tit{ font-size: 18px;} .company-center li .company-text p, .company-list dl dd .sub-title p, .more-list ul li p{ font-size: 14px;} .culture-rule dl dd ul li{ width:94px; height: 94px;padding-top: 11px;} .culture-rule dl dd ul li p{ font-size: 14px; margin-bottom: 2px;} .culture-rule dl dd ul li span{ font-size: 12px; line-height: 18px;} .culture-rule dl dd .rulelist{ width:235px; height: 235px;} .culture-rule dl dd .rulelist::before{ width:210px; height: 210px; margin-left: -105px; margin-top: -105px;} .culture-rule dl dd .culture-tit{ font-size: 20px; width: 70px; height: 70px; line-height: 70px; margin-left: -35px;margin-top: -35px;} .culture-rule dl dd ul li.index0{ left:70px;} .culture-rule dl dd ul li.index1{ top:50px; right: -36px;} .culture-rule dl dd ul li.index4{ top:50px; left:-36px;} .culture-rule dl dd ul li.index2, .culture-rule dl dd ul li.index3{ bottom:-34px;} .culture-rule dl dd ul li.index3{ left:12px;} .culture-rule dl dd ul li.index2{ right:12px;} .culture-rule dl dd.fivedone ul li{ padding-top: 25px;} .culture-rule dl dd{ margin-bottom: 60px;} .culture-rule{ padding-bottom: 0;} .brand_right h2{ font-size:20px; margin-bottom: 10px;} .brand_right h2::before{ height: 20px;} .singleContent .brand_right{ padding:22px 15px;} .singleContent .brandbox{ margin-bottom: 0;} .brand_right p{ font-size: 14px;line-height: 28px; margin-top: 10px;} .newslists li a, .newslists li span, .lawlist li a, .lawlist li span, .zblists li span, .zblists li span.zblis-fbrq{ font-size: 14px;} .newslists li a{ width:70.66%;} .newsIsgood .swiper-slide .isgood-r{ padding:12px 10px;} #news-swiper .swiper-slide .isgood-r h2{ font-size:14px; line-height: 24px;} #news-swiper .swiper-slide .isgood-r span{ font-size:14px;} .newslists li, .lawlist li{ line-height:38px; padding-left: 12px;} .newsIsgood .swiper-pagination, .newsIsgood.partyIsgood .swiper-pagination{ right:10px;bottom: 10px;} .video-right-box .swiper-slide h2{ font-size:14px;} .video-right-box .swiper-slide .videoplay{ height: 54px;background-size: 25px auto;} .list-top span{ font-size: 16px;} .information{ margin-top:30px;} .information .infocontent{ padding-top: 20px;} .base-right li i{ width:38px; height:38px; background-size: 100% auto;} .base-right li p{ width:16px; font-size: 16px; line-height: 28px;} .base-right li span{ margin-top:20px;} .base-right li{height:260px;} .infocontent p,.duty-toptext .duty-left,.duty-bottom .txt-left,.newstext p{ font-size: 14px; line-height: 28px;} .dutybox{ padding-top:20px;} .fundbox{ margin-top:30px;} .fund-right ul li{ margin-bottom: 20px; font-size: 14px;} .fund-right ul li p,.activitybox p,.activity-list .swiper-slide span,.activity-list .swiper-slide h2{ font-size: 14px;} .duty-bottom h3{ font-size:16px;} .activitybox h2{ font-size:20px;} .titlebox{ margin-bottom: 20px;} .titlebox h1{ width:100%; font-size: 20px; line-height: 36px;} .release span{ font-size: 14px; line-height: 22px;} .nextchange p, .nextchange p a,.party-study li .study-right h2{ font-size:14px;} .nextchange a.back{ width:56px;height: 28px; line-height: 28px; font-size: 14px;} .nextchange{ margin-bottom:0;} .party-status li .status-r{ width:78.13%;} .party-time p{ font-size: 22px;} .party-status li .status-l{ width:51.03%; padding-top: 0;} .party-status li .status-l h2{font-size: 14px; line-height: 24px; height: 72px;} .party-status li .status-l p{ font-size: 12px; line-height: 20px; height: 40px;} .pages b{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;} .pages a{ font-size: 14px; line-height: 30px;} .columnMore a{ margin:0 20px;} .party-right li h2{font-size:16px; line-height: 28px;} .party-right li .party-info{ font-size:14px; line-height: 28px; height: 140px;} .party-right li a::before{ width:2px; height: 16px;} .party-right li a{ padding-left:15px;} .party-study li a{ padding:10px 0 10px 10px;} .party-study li .study-right h2{ font-size: 14px;} .party-study li .study-right p{ font-size: 12px; line-height: 24px; height: 48px;} } 国产情侣黄色精品网站大全,精品久在线精品观看,亚洲色图中文字幕日本按摩,亚洲成在人天堂一区二区,国产又色又爽免费