html {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
body {
font-size: 14px;
color: #333;
line-height: 1.6;
min-width: 320px;
}
body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
body {
height: 100%;
overflow: hidden;
padding: 0;
}
/*----------------------main_a---------------------------- */
.main_a {
background: #94070a;
height: 100%;
overflow: hidden;
}
/* header */
.main_a .header {
width: 100%;
height: 60px;
opacity: 0;
transform: translateY(-100%);
background: linear-gradient(180deg, rgba(64, 64, 64, 0.4) 0%, rgba(51, 51, 51, 0) 100%);
}
.main_a .header {
position: fixed;
left: 0%;
top: 0;
right: 0%;
z-index: 3;
padding-top: 20px;
}
.main_a.showdiv .header {
transform: none;
opacity: 1;
transition: all 0.7s ease-out 0.1s;
}
.header .block {
position: relative;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
/* logo */
.logo {
height: 100%;
width: 298px;
}
.logo a {
height: 100%;
line-height: 60px;
font-size: 0;
display: block;
}
.logo img {
max-height: 77px;
vertical-align: middle;
display: inline-block;
}
.header .block .mmenu {
display: none;
}
.nav {
display: block;
text-align: center;
font-size: 18px;
height: 60px;
padding-top: 20px;
}
.header2 .block .mmenu .nav {
display: none;
}
.nav .ul li {
float: left;
margin: 0 5px;
height: auto;
display: block;
}
.nav .ul>li>a {
margin: 0 18px;
color: #fff;
font-family: '寰蒋闆呴粦,榛戜綋';
font-size: 18px;
}
.nav .ul .sub_ul {
display: none;
position: absolute;
left: 0;
top: 70px;
background: #fff;
border-radius: 14px;
box-sizing: border-box;
padding: 15px 2.5%;
width: 100%;
text-align: left;
}
.nav .ul>li.on>a {
position: relative;
display: inline-block;
padding-bottom: 5px;
border-bottom: 2px solid #fff;
}
.nav .ul>li.on>a::after {
content: '';
width: 2px;
height: 26px;
background: #FFFFFF;
display: inline-block;
position: absolute;
left: 50%;
top: 34px;
}
.nav .ul>li.on .sub_ul {
display: block;
}
.nav .ul>li.h_nav .sub_ul li {
width: 19%;
line-height: 36px;
}
.nav .ul>li.on .sub_ul li a {
font-size: 16px;
}
.nav .ul>li.on .sub_ul li a:hover {
color: #0276DD;
}
.tools {
color: #fff;
}
.tools .search_form {
width: 240px;
height: 34px;
background: rgba(255, 255, 255, 0.2);
border: 1px solid #FFFFFF;
border-radius: 17px;
display: flex;
justify-content: space-between;
}
.tools .search_form input {
outline: none;
width: 190px;
height: 100%;
box-sizing: border-box;
padding-left: 15px;
}
.tools .search_form button {
border: none;
width: 34px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
position: relative;
cursor: pointer;
}
.tools .search_form button::before {
content: "";
background: url(../image/sousuo.png) no-repeat;
width: 34px;
height: 34px;
display: block;
position: absolute;
left: 4px;
top: 8px;
}
.tools .search {
border: 1px solid #fff;
border-radius: 100%;
margin-left: 20px;
width: 34px;
height: 34px;
line-height: 34px;
position: relative;
}
.tools .search a {
width: 100%;
height: 100%;
display: inline-block;
text-align: center;
}
.tools .search a:after {
content: "\e672";
font-size: 20px;
font-family: icon;
}
.m_nav {
display: none;
}
/* banner*/
.banner {
position: relative;
overflow: hidden;
}
.banner,
.banner .frame,
.banner .slick-list,
.banner .slick-track {
height: 100%;
}
.banner .slick-slide {
display: block;
}
.banner .slick-slide>div {
height: 100%;
}
.banner .child {
background-size: cover;
color: #fff;
background-position: center center;
height: 100%;
position: relative;
overflow: hidden;
/* background-color: #94070a; */
}
.banner .child .a1 {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.banner .child .font {
position: absolute;
left: 0;
right: 380px;
bottom: 50px;
line-height: 1;
padding-left: 40px;
font-size: 30px;
}
.banner .navbox {
position: absolute;
right: 100px;
bottom: 30px;
height: 60px;
box-sizing: border-box;
padding: 26px;
border-radius: 20px 20px 0px 0px;
display: flex;
}
.banner .navbox>a {
position: relative;
width: 30px;
height: 27px;
display: block;
z-index: 2;
}
.banner .navbox>a.left {
background: url(../image/enter9.png) no-repeat center center;
}
.banner .navbox>a.left:hover {
background: url(../image/enter8.png) no-repeat center center;
}
.banner .navbox>a.right {
background: url(../image/enter7.png) no-repeat center center;
}
.banner .navbox>a.right:hover {
background: url(../image/enter10.png) no-repeat center center;
}
.banner .navg ul {
width: 400px;
margin: 0 auto;
text-align: center;
display: -webkit-flex;
display: flex !important;
justify-content: center;
overflow: hidden;
}
.banner .navg ul li {
width: 40px;
font-size: 18px;
color: #fff;
z-index: 2;
cursor: pointer;
}
.banner .navg ul li img {
display: none;
position: absolute;
top: 20px;
left: 30px;
width: 305px;
height: 150px;
}
.banner .navg ul li.slick-active img {
display: inline-block;
}
.banner .navg ul li.slick-active {
color: #fff;
font-size: 22px;
font-weight: bold;
position: relative;
top: -8px;
}
.main_b .banner2 {
display: none;
}
.yinxiang {
width: 80px;
height: 136px;
position: fixed;
color: #fff;
font-size: 16px;
top: 40%;
right: 0;
background: url(../image/jsyingx.png) no-repeat;
}
.yinxiang a {
display: block;
display: flex;
padding-left: 40px;
padding-top: 16px;
}
.yinxiang img {
width: 12px;
height: 19px;
padding-top: 40px;
margin-left: 6px;
}
/* -------------------main_b----------- */
.main_b {
position: fixed;
background: #fff;
overflow: hidden;
top: 100%;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
overflow: auto;
outline: none;
transition: top 0.7s ease-in-out 0s;
}
.main_b.showdiv {
top: 0;
}
.main_b .header2 {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 3;
background: #fff;
padding-top: 10px;
padding-bottom: 10px;
height: 60px;
opacity: 0;
transform: translateY(-100%);
box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.15);
transition: all 0.7s ease-in-out 0s;
}
.main_b.showdiv .header2 {
opacity: 1;
transform: none;
}
.header2 .block {
position: relative;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.main_b .header2 .block .logo {
height: 60px;
background-color: #fff;
transition: all 0.6s ease-out 0s;
}
.header2 .nav .ul>li.on .sub_ul {
border-radius: 14px;
box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.15);
}
.header2 .nav .ul>li>a {
color: #5f5f5f;
}
.header2 .tools .search_form {
width: 240px;
height: 34px;
background: rgba(255, 255, 255, 0.2);
border: 1px solid #DBDBDB;
border-radius: 17px;
color: #1A1A1A;
}
.header2 .tools .search_form button::before {
background: url(../image/sousuob.png) no-repeat;
}
.header2 .nav .ul>li:hover a,
.header2 .nav .ul>li.on a {
color: #000;
}
.header2 .nav .ul>li.on>a::after {
background: #0276DD;
}
.header2 .block .mmenu {
display: none;
}
.main_b .scroll {
position: relative;
}
.main_b .more {
display: inline-block;
}
/* xwzx */
.xwzx {
width: 100%;
height: 1150px;
padding-top: 80px;
background: url(../image/bj1.png) no-repeat;
}
.xwzx .xwcontent {
height: 460px;
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.xwzx .left {
width: 55%;
}
.xwzx .right {
width: 43%;
}
.xwzx .top {
margin-top: 40px;
position: relative;
margin-bottom: 30px;
opacity: 1;
transition: marginTop 1s cubic-bezier(0.5, 0, 0.2, 1) 2s;
}
.xwzx .top .more {
display: block;
width: 90px;
height: 30px;
position: absolute;
bottom: 0px;
right: 0px;
background: url('../image/MORE3.png') no-repeat center center;
}
.xwzx .top .more:hover {
background: url('../image/MORE4.png') no-repeat center center;
}
.xwzx .xwzxSlideBox {
position: relative;
zoom: 1;
width: 100%;
height: 380px;
}
.xwzx .xwzxSlideBox ul {
position: static !important;
}
.xwzx .xwzxSlideBox .bd {
overflow: hidden;
}
.xwzx .xwzxSlideBox .bd li {
vertical-align: middle;
width: 100%;
height: 380px;
}
.xwzx .xwzxSlideBox .bd li .imgbox {
overflow: hidden;
}
.xwzx .xwzxSlideBox .bd img {
width: 100%;
height: 380px;
display: block;
-webkit-transition: all 0.8s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
object-fit:cover;
}
.xwzx .xwzxSlideBox .bd img:hover {
transform: scale(1.2);
}
.xwzx .xwzxSlideBox .bd li a {
display: block;
width: 560px;
height: 80px;
padding: 20px;
background: #0276DD;
position: absolute;
bottom: -80px;
left: 0;
color: #fff;
}
.xwzx .xwzxSlideBox .bd li a p:first-child {
font-size: 18px;
margin-bottom: 5px;
}
.xwzx .xwzxSlideBox .bd li a p:last-child {
font-size: 14px;
line-height: 22px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.xwzx .xwzxSlideBox .hd {
width: 190px;
margin-top: 30px;
overflow: hidden;
display: flex;
justify-content: space-between;
position: absolute;
right: 0;
}
.xwzx .xwzxSlideBox .hd ul {
width: 100px;
overflow: hidden;
zoom: 1;
display: flex;
justify-content: space-between;
}
.xwzx .xwzxSlideBox .hd ul li {
width: 6px;
height: 6px;
border-radius: 6px;
margin-top: 8px;
background: #B3B3B3;
cursor: pointer;
}
.xwzx .xwzxSlideBox .hd ul li span {
display: none;
}
.xwzx .xwzxSlideBox .hd ul li.on {
width: auto;
height: auto;
border-radius: 0;
background: none;
color: #0276DD;
margin-top: 0;
}
.xwzx .xwzxSlideBox .hd ul li.on span {
display: block;
}
.xwzx .xwzxSlideBox .prev,
.xwzx .xwzxSlideBox .next {
width: 12px;
height: 19px;
display: inline-block;
}
.xwzx .xwzxSlideBox .prev {
background: url('../image/enter9.png') no-repeat;
}
.xwzx .xwzxSlideBox .next {
background: url('../image/enter7.png') no-repeat;
}
.xwzx .xwzxSlideBox .prev:hover {
background: url('../image/enter8.png') no-repeat;
}
.xwzx .xwzxSlideBox .next:hover {
background: url('../image/enter10.png') no-repeat;
}
.xwzx .right ul li a {
display: flex;
width: 100%;
font-size: 16px;
justify-content: space-between;
line-height: 45px;
}
.xwzx .right ul li a img {
display: inline-block;
width: 4px;
height: 4px;
margin-right: 10px;
}
.xwzx .right ul li a .title {
width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #1A1A1A;
}
.xwzx .right ul li a .date {
width: 105px;
color: #666666;
}
.xwzx .right ul li a:hover .title {
color: #0276DD;
}
.xwzx .right ul li a:hover .date {
color: #0276DD;
}
.xwzx_nav {
width: 100%;
height: 74px;
border-top: 1px solid #DBDBDB;
position: relative;
}
.xwzx_nav ul {
width: 100%;
height: 100%;
}
.xwzx_nav ul li {
float: left;
width: 240;
height: 100%;
margin-left: 40px;
text-align: center;
text-align: center;
cursor: pointer;
}
.xwzx_nav ul li h2 {
font-size: 18px;
/* font-weight: bold; */
color: #1A1A1A;
margin-top: 17px;
margin-bottom: 5px;
}
.xwzx_nav ul li p {
font-size: 14px;
color: #B3B3B3;
}
.xwzx_nav ul li.on h2,
.xwzx_nav ul li.on p {
color: #0276DD;
}
.xwzx_nav ul li.on {
background: url(../image/11.png) no-repeat center top;
}
.xwtt_xyxw_mtjj .xwzx_nav ul {
position: relative;
}
.xwtt_xyxw_mtjj .xwzx_nav ul .more {
display: none;
}
.xwtt_xyxw_mtjj .xwzx_nav ul li.on .more {
width: 90px;
height: 30px;
display: inline-block;
position: absolute;
top: -60px;
right: 0px;
background: url('../image/MORE.png') no-repeat;
}
.xwtt_xyxw_mtjj .xwzx_nav ul li.on .more:hover {
background: url('../image/MORE2.png') no-repeat;
}
.md2 {
display: flex;
justify-content: space-between;
}
.md2 .mtjj {
width: 55%;
}
.md2 .mtjj .top {
width: 100%;
position: relative;
margin-top: 0;
}
.md2 .mtjj .top .more {
display: block;
width: 90px;
height: 30px;
position: absolute;
bottom: 0px;
right: 0px;
background: url('../image/MORE3.png') no-repeat center center;
}
.md2 .mtjj .top .more:hover {
background: url('../image/MORE4.png') no-repeat center center;
}
.mtjj .mtjj_content .mtdia li {
height: 60px;
color: #1A1A1A;
font-size: 16px;
border-bottom: 1px solid #0276DD;
margin-top: 15px;
line-height: 60px;
}
.mtjj .mtjj_content .mtdia li:last-child {
border-bottom: none;
}
.mtjj .mtjj_content .mtdia li .title {
display: flex;
justify-content: space-between;
}
.mtjj .mtjj_content .mtdia li .title:hover {
color: #0276DD;
}
.mtjj .mtjj_content .mtdia li .title span:first-child {
width: 78%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mtjj .mtjj_content .mtdia li .title span:last-child {
width: 20%;
text-align: right;
}
.md2 .tzgg_zbgg {
width: 42%;
}
.tzgg_zbgg .xwzx_nav {
position: relative;
}
.tzgg_zbgg .xwzx_nav .more {
display: none;
}
.tzgg_zbgg .xwzx_nav li.on .more {
display: inline-block;
position: absolute;
right: 0px;
top: 20px;
width: 59px;
height: 30px;
background: url(../image/MORE3.png) no-repeat;
}
.tzgg_zbgg .xwzx_nav li.on .more:hover {
background: url(../image/MORE4.png) no-repeat;
}
.tzgg_zbgg .xwzx_panel {
margin-top: 10px 0 59px 0;
}
.tzgg_zbgg .xwzx_panel .item {
display: none;
}
.tzgg_zbgg .xwzx_panel .item.on {
display: block;
}
.tzgg_zbgg .xwzx_panel .item ul li {
height: 60px;
color: #1A1A1A;
font-size: 16px;
border-bottom: 1px solid #0276DD;
margin-top: 15px;
line-height: 60px;
}
.tzgg_zbgg .xwzx_panel .item ul li:last-child {
border-bottom: none;
}
.tzgg_zbgg .xwzx_panel .item ul li .title {
display: flex;
justify-content: space-between;
}
.tzgg_zbgg .xwzx_panel .item ul li .title:hover {
color: #0276DD;
}
.tzgg_zbgg .xwzx_panel .item ul li .title span:first-child {
width: 78%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tzgg_zbgg .xwzx_panel .item ul li .title span:last-child {
width: 20%;
text-align: right;
}
/************.xxfc_jsfc_rdxy******/
.xxfc_jsfc_rdxy {
width: 100%;
height: 1750px;
background: url(../image/bj2.png) no-repeat;
background-size: cover;
}
/* -----------xsfc------------- */
.xsfc {
width: 100%;
height: 520px;
position: relative;
box-sizing: border-box;
padding-top: 60px;
}
.xsfc::after {
content: '';
width: 744px;
height: 338px;
/* background: #0276DD;*/
display: block;
top: 550px;
left: 0;
position: absolute;
z-index: -1;
}
.xsfc .block {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.xsfc .block .left {
width: 125px;
height: auto;
}
.xsfc .block .content {
flex: 1;
position: relative;
width: 90%;
}
.xsfc .block .content .moreBox {
height: 30px;
position: relative;
margin-bottom: 30px;
}
.xsfc .block .content .more {
display: block;
width: 90px;
height: 30px;
position: absolute;
right: 0;
background: url('../image/MORE3.png') no-repeat center center;
}
.xsfc .block .content .more:hover {
background: url('../image/MORE4.png') no-repeat center center;
}
.xsfc .xsfcSlideBox {
width: 100%;
height: 350px;
overflow: hidden;
zoom: 1;
}
.xsfc .xsfcSlideBox .hd {
position: relative;
}
.xsfc .xsfcSlideBox .hd ul {
width: 200%;
padding: 0 10px;
zoom: 1;
}
.xsfc .xsfcSlideBox .hd ul li {
width: 440px;
margin: 0 10px;
float: left;
}
.xsfc .xsfcSlideBox .hd ul li .imgh {
width: 100%;
height: 280px;
margin-bottom: 20px;
cursor: pointer;
overflow: hidden;
}
.xsfc .xsfcSlideBox .hd ul li .imgh div {
width: 100%;
height: 100%;
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
}
.xsfc .xsfcSlideBox .hd ul li .imgh div:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
.xsfc .xsfcSlideBox .hd ul li p {
font-size: 16px;
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/* 璁剧疆鏈€澶ф樉绀鸿鏁 */
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
/* ******************jsfc************ */
.jsfc {
width: 100%;
height: 618px;
box-sizing: border-box;
padding-top: 0px;
position: relative;
margin-bottom:20px;
}
.jsfc .top {
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-top: 20px;
margin-bottom:30px;
}
.jsfc .top img {
object-fit: contain;
}
.jsfc .top .more {
width: 59px;
height: 13px;
display: inline-block;
background: url(../image/MORE3.png) no-repeat;
margin-top: 68px;
}
.jsfc .top .more:hover {
background: url(../image/MORE4.png) no-repeat;
}
.jsfc .ggqg {
display:none;
position: absolute;
left: 40%;
top: 40px;
}
.jsfc .jsfcSlideBox {
width: 100%;
height: 510px;
margin: 20px auto 0;
zoom: 1;
position: relative;
}
.jsfc .jsfcSlideBox .hd {
height: 510px;
overflow: hidden;
}
.jsfc .jsfcSlideBox .hd ul {
width: 200%;
height:510px;
padding: 0 22px;
zoom: 1;
}
.jsfc .jsfcSlideBox .hd ul li {
width: 340px;
height: 100%;
margin: 0 22px;
float: left;
}
.jsfc .jsfcSlideBox .hd ul li a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.jsfc .jsfcSlideBox .hd ul li a div {
width: 100%;
height: 100%;
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
}
.jsfc .jsfcSlideBox .hd ul li div:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
/* --------------rdxy-------------- */
.rdxy {
width: 100%;
height: 621px;
margin-top: 60px;
}
.rdxy .block {
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.rdxy .rdxy_left {
flex: 1;
}
.rdxy .rdxy_left .top {
margin-top: 30px;
}
.rdxy .rdxy_left .desc {
margin-top: 25px;
font-size: 14px;
color: #1A1A1A;
line-height: 32px;
text-indent: 28px;
}
.rdxy .rdxy_left .links {
margin-top: 78px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.rdxy .rdxy_left .links .link {
width: 162px;
height: 38px;
border-bottom: 1px solid #B3B3B3;
}
.rdxy .rdxy_left .links .link a {
display: inline-block;
width: 100%;
height: 100%;
font-size: 18px;
color: #1A1A1A;
position: relative;
}
.rdxy .rdxy_left .links .link a::after {
content: '';
width: 8px;
height: 15px;
position: absolute;
display: inline-block;
right: 0px;
top: 7px;
background: url(../image/enter5.png) no-repeat;
}
.rdxy .rdxy_left .links .link:hover {
border-bottom: 1px solid #0276DD;
}
.rdxy .rdxy_left .links .link:hover a {
color: #0276DD;
}
.rdxy .rdxy_left .links .link:hover a::after {
background: url(../image/enter6.png) no-repeat;
}
.rdxy .rdxy_right {
width: 760px;
height: 450px;
margin-left: 55px;
overflow: hidden;
position: relative;
}
.rdxy .rdxy_right .rdxy_video_bg {
width: 100%;
height: 100%;
background: url('../image/tu10.png') no-repeat;
background-size: cover;
position: relative;
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
}
.rdxy .rdxy_right .rdxy_video_bg::after {
content: '';
width: 100%;
height: 100%;
background: none;
position: absolute;
left: 0px;
top: 0px;
}
.rdxy .rdxy_right:hover .rdxy_video_bg {
transform: scale(1.2);
}
.rdxy .rdxy_right a {
display: inline-block;
width: 100%;
height: 100%;
line-height: 460px;
position: absolute;
z-index: 999;
left: 0px;
top: 0px;
}
.rdxy .rdxy_right a img {
width: 187px;
height: 187px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.xmtjz {
width: 100%;
height: 1020px;
background-color: #0276DD;
position: relative;
box-sizing: border-box;
padding-top: 60px;
}
.xmtjz::before {
content: '';
width: 100%;
height: 20px;
display: block;
background-color: #0276DD;
position: absolute;
top: -20px;
}
.xmtjz .top {
width: 100%;
height: 78px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.xmtjz .top ul {
display: -webkit-flex;
display: flex;
justify-content: end;
align-items: flex-end;
position: relative;
top: 28px;
}
.xmtjz .top ul li {
width: 56px;
height: 56px;
margin-left: 23px;
border-radius: 50%;
text-align: center;
line-height: 56px;
position: relative;
}
.xmtjz .top ul li .xmt_icon {
width: 56px;
height: 56px;
display: inline-block;
cursor: pointer;
}
.xmtjz .top ul li .xmt_icon.wx {
background: url('../image/icon3.png') no-repeat;
}
.xmtjz .top ul li .xmt_icon.wx:hover {
background: url('../image/icon31.png') no-repeat;
}
.xmtjz .top ul li .ewm {
display: none;
}
.xmtjz .top ul li .ewm {
width: 150px;
height: 160px;
position: absolute;
background: url(../image/22.png) no-repeat;
box-sizing: border-box;
padding: 10px 9px;
top: 60px;
left: -42px;
z-index: 999;
}
.xmtjz .top ul li .ewm img {
width: 120px;
height: 120px;
margin-top: 15px;
}
.xmtjz .content {
width: 100%;
height: 720px;
margin-top: 45px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.xmtjz .content .tu {
height: 360px;
background-position: center center;
background-size: cover;
overflow: hidden;
cursor: pointer;
position: relative;
}
.xmtjz .content .t0 {
width: 25%;
}
.xmtjz .content .t1 {
width: 25%;
}
.xmtjz .content .t2 {
width: 50%;
}
.xmtjz .content .t3 {
width: 50%;
}
.xmtjz .content .t4 {
width: 25%;
}
.xmtjz .content .t5 {
width: 25%;
}
.xmtjz .content .tu .tuimg {
width: 100%;
height: 100%;
background-size: auto 100%;
position: relative;
}
.xmtjz .content .tu .tuimg::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
}
.xmtjz .content .tu .tu_a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.xmtjz .content .tu .tu_a .tu_info {
width: 100%;
height: 110px;
background: linear-gradient(0deg, rgba(50, 50, 50, 0.6) 0%, rgba(51, 51, 51, 0) 100%);
font-size: 16px;
color: #fff;
position: absolute;
bottom: 0;
box-sizing: border-box;
padding: 10px 17px;
}
.xmtjz .content .tu .tu_a .tu_info .date {
font-size: 14px;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info {
display: -webkit-flex;
display: flex;
justify-content: start;
align-items: center;
font-size: 20px;
display: inline-block;
height: 40px;
margin-top: 5px;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info img {
width: 21px;
height: 18px;
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wx {
border-bottom: 5px solid #0CCF67;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wx img {
width: 24px;
height: 20px;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_dy {
border-bottom: 5px solid #F20D8E;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_dy img {
width: 16px;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wb {
border-bottom: 5px solid #EB9D06;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_ks {
border-bottom: 5px solid #1ce2d1;
}
.xmtjz .content .tu .tu_a .tu_info .tu_logo_info_ks img {
width: 17px;
height: 21px;
}
.xmtjz .content .tu .tuimg {
transition: all 0.8s ease-in-out 0s;
-webkit-transition: all 0.8s ease-in-out 0s;
}
.xmtjz .content .tu:hover .tuimg {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}
/* cjrh_xyfj_ztlm_kslj */
.cjrh_xyfj_ztlm_kslj {
width: 100%;
height: auto;
background: url(../image/bj4.png) no-repeat;
background-position: left 400px;
background-size: cover;
}
/* --------------cjrh-------------- */
.cjrh {
width: 100%;
height: 810px;
position: relative;
box-sizing: border-box;
}
.cjrh::before {
content: '';
width: 100%;
height: 343px;
background-color: #0276DD;
display: inline-block;
position: absolute;
z-index: -1;
}
.cjrh .top {
width: 100%;
height: 75px;
padding-top: 80px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.cjrh .top .more {
width: 59px;
height: 30px;
display: inline-block;
background: url(../image/MORE5.png) no-repeat center center;
}
.cjrh .tw {
width: 100%;
height: 436px;
margin-top: 45px;
display: -webkit-flex;
display: flex;
}
.cjrh .tw .pic {
width: 839px;
height: 436px;
overflow: hidden;
cursor: pointer;
}
.cjrh .tw .pic img {
width: 100%;
height: 100%
}
.cjrh .tw .content {
width: 660px;
height: 436px;
background: #F1F9FF;
box-sizing: border-box;
padding: 40px 50px 40px 39px;
position: relative;
}
.cjrh .tw .content .title {
font-size: 22px;
color: #1A1A1A;
line-height: 40px;
display: inline-block;
}
.cjrh .tw .content .title:hover {
color: #0276DD;
}
.cjrh .tw .content .line {
display: inline-block;
margin: 0px 0 15px 0;
}
.cjrh .tw .content .line span {
width: 46px;
height: 4px;
display: inline-block;
background: #0276DD;
}
.cjrh .tw .content .desc {
font-size: 16px;
line-height: 34px;
color: #1A1A1A;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
/* 璁剧疆鏈€澶ф樉绀鸿鏁 */
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.cjrh .tw .content .date {
margin-top: 10px;
font-size: 16px;
}
.cjrh .tw .content .more {
width: 59px;
height: 30px;
display: inline-block;
background: url(../image/MORE3.png) no-repeat center center;
position: absolute;
bottom: 40px;
right: 50px;
}
.cjrh .tw .content .more:hover {
background: url(../image/MORE4.png) no-repeat center center;
}
.cjrh .list {
width: 100%;
height: 120px;
margin-top: 34px;
display: -webkit-flex;
display: flex;
/* justify-content: space-between; */
}
.cjrh .list li {
width: 32%;
height: 120px;
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
padding: 20px 31px 30px 21px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin-right: 30px;
}
.cjrh .list li:last-child {
margin-right: 0;
}
.cjrh .list li .date {
/* width: 90px; */
width: 140px;
margin-right: 21px;
}
.cjrh .list li .date .d1 {
font-size: 16px;
text-align: center;
}
.cjrh .list li .date .d2 {
font-size: 32px;
text-align: center;
}
.cjrh .list li .title {
display: block;
font-size: 16px;
color: #1A1A1A;
line-height: 36px;
padding-left: 20px;
position: relative;
}
.cjrh .list li .title::before {
content: '';
width: 1px;
height: 80px;
background: #DBDBDB;
display: inline-block;
position: absolute;
left: 0px;
}
.cjrh .list li:hover {
color: #0276DD;
border: 1px solid #0276DD;
}
.cjrh .list li:hover a {
color: #0276DD;
}
/* ---------------xyfj---------------- */
.xyfj {
width: 100%;
margin-top: 60px;
height: 780px;
}
.xyfj .top {
width: 100%;
text-align: center;
height: 110px;
}
.xyfcSlideBox {
width: 100%;
height: 660px;
overflow: hidden;
position: relative;
}
.xyfcSlideBox .bd {
position: relative;
width: 82%;
height: 100%;
z-index: 0;
margin: 0 auto;
}
.xyfcSlideBox .bd li {
zoom: 1;
vertical-align: middle;
width: 100%;
}
.xyfcSlideBox .bd li a {
width: 100%;
height: 100%;
display: block;
}
.xyfcSlideBox .bd img {
width: 100%;
height: 660px;
display: block;
margin: 0 auto;
}
.xyfcSlideBox .prev,
.xyfcSlideBox .next {
position: absolute;
top: 45%;
display: block;
width: 60px;
height: 60px;
}
.xyfcSlideBox .prev {
left: 0;
background: url(../image/xyfc_prev.png) no-repeat;
}
.xyfcSlideBox .next {
position: absolute;
right: 0px;
background: url(../image/xyfc_next.png) no-repeat;
}
.xyfcSlideBox .prev:hover {
background: url(../image/qiehuan3.png) no-repeat;
}
.xyfcSlideBox .next:hover {
background: url(../image/qiehuan4.png) no-repeat;
}
/* ------------------------ztlm-------------- */
.ztlm {
height: 575px;
margin-top: 70px;
}
.ztlm .top {
height: 100px;
width: 100%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid #DBDBDB;
box-sizing: border-box;
padding-bottom: 30px;
margin-bottom: 35px;
}
.ztlm .top .more {
display: inline-block;
width: 59px;
height: 30px;
background: url(../image/MORE3.png) no-repeat right center;
}
.ztlm .top .more:hover {
background: url(../image/MORE4.png) no-repeat right center;
}
.ztlm .left {
width: 88px;
float: left;
}
.ztlm .left .pcimg {
display: block;
}
.ztlm .left .top {
display: none;
}
.ztlm .content {
margin-left: 180px;
position: relative;
}
.ztlm .list {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
}
.ztlm .item {
-ms-flex: 1;
flex: 1;
margin-left: 20px;
height: 420px;
color: #fff;
position: relative;
overflow: hidden;
cursor: pointer;
transition: all 1s ease-out 0s;
transform: translateY(-80px);
opacity: 0;
}
.ztlm .item:nth-child(1) {
margin-left: 0;
}
.ztlm .item:nth-child(1) {
transform: translateY(-50px);
}
.ztlm .item:nth-child(2) {
transform: translateY(50px);
}
.ztlm .item:nth-child(3) {
transform: translateY(-50px);
}
.ztlm .item:nth-child(4) {
transform: translateY(50px);
}
.ztlm .item:nth-child(5) {
transform: translateY(-50px);
}
.ztlm .item:nth-child(6) {
transform: translateY(50px);
}
.ztlm_kslj.showdiv .ztlm .item {
transform: none;
opacity: 1;
}
.ztlm .item img {
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.6s ease-out 0s;
}
.ztlm .item:hover img {
transform: scale(1.1);
}
.ztlm .item a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* ---------------kslj------------------ */
.kslj {
width: 100%;
height: 349px;
margin-top: 100px;
padding-bottom: 150px;
}
.kslj .top {
width: 100%;
height: 76px;
margin-bottom: 30px;
}
.kslj .content {
/* width: 1020px; */
height: 220px;
width: 100%;
}
.kslj .content ul {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.kslj .content ul li {
/* width: auto; */
width: 307px;
height: 40px;
/* margin-right: 90px; */
border-bottom: 1px solid #B3B3B3;
margin-bottom: 32px;
}
.kslj .content ul li a {
display: inline-block;
height: 100%;
font-size: 16px;
color: #1A1A1A;
letter-spacing: 7px;
}
.kslj .content ul li:nth-child(4) a {
letter-spacing: 2px;
}
.kslj .content ul li:hover {
border-bottom: 1px solid #0276DD;
}
.kslj .content ul li:hover a {
color: #0276DD;
}
.video-box {
position: fixed;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 20px;
background-color: #000;
display: none;
z-index: 999;
}
.video-box #closeBtn {
cursor: pointer;
}
.video-box #closeBtn::after {
content: '';
display: block;
width: 80px;
height: 80px;
position: absolute;
right: 20px;
top: 20px;
text-align: center;
background: url(../image/close.png) no-repeat;
}
.video-box video {
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 100px;
}
.module1 .block,
.module2 .block,
.module3 .block,
.module4 .block,
.module5 .block,
.module6 .block,
.module7 .block,
.module8 .block {
opacity: 0;
transition: all 1s ease-out 0s;
-webkit-transition: all 1s ease-out 0s;
transform: translateY(300px);
}
.module1.showdiv .block,
.module2.showdiv .block,
.module3.showdiv .block,
.module4.showdiv .block,
.module5.showdiv .block,
.module6.showdiv .block,
.module7.showdiv .block,
.module8.showdiv .block {
opacity: 1;
transform: none;
}
.module3 .ggqg {
opacity: 0;
transition: all 3s ease-out 0.5s;
-webkit-transition: all 3s ease-out 0.5s;
}
.module3.showdiv .ggqg {
opacity: 1;
}
.main_a .yinxiang {
opacity: 0;
transition: all 3s ease-out 0.5s;
-webkit-transition: all 3s ease-out 0.5s;
transform: translateX(300px);
}
.main_a .yinxiang a {
opacity: 0;
transition: all 3s ease-out 2s;
-webkit-transition: all 3s ease-out 2s;
}
.main_a.showdiv .yinxiang,
.main_a.showdiv .yinxiang a {
opacity: 1;
transform: none;
}