.dy{
font-family: microsoft yahei ui-regular, microsoft yahei ui;
position: relative;
background: #f5f7fa;
}
.con{
width: 1200px;
margin: 0 auto;
}
.con1{
position: absolute;
top: 15px;
left: 0;
right: 0;
}
.newsnav .index{
width: 16px;
height: 16px;
}
.newsnav{
display: flex;
align-items: center;
font-size: 12px;
}
.newsnav img{
width: 16px;
height: 16px;
}
.newsnav{
font-size: 12px;
font-weight: 400;
color: #ffffff;
margin-top: 15px;
}
.newsnav a{
padding-right: 5px;
padding-left: 5px;
}
.con1-box{
margin-top: 15px;
height: 430px;
background: #ffffff;
border-radius: 2px 2px 2px 2px;
display: flex;
}
.con1-box .left{
padding: 30px 0px 0 20px;
width: 940px;
border-right: 1px solid #eeeeee;
}
.con1-box .top{
display: flex;align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.con1-box .top img{
width: 30px;
height: 30px;
margin-right: 15px;
}
.con1-box .top h1{
font-size: 20px;
font-weight: bold;
color: #333333;
}
.con1-box .top p{
margin-top: 5px;
font-size: 12px;
font-weight: 400;
color: #999999;
}
.con1-box .top p span{
color: #e1251b;
}
.con1-box .cen{
margin-left: 45px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
/* border-bottom: 1px solid #eeeeee; */
flex-wrap: wrap;
}
.con1-box .cen .cen-item{
display: flex;align-items: center;
width: 25%;
margin-bottom: 30px;
}
.con1-box .cen h5{
font-size: 14px;
font-weight: 400;
color:#333333;
}
.con1-box .cen p{
font-size: 15px;
color: #999999;
line-height: 14px;
}
.con1-box .bott{
margin-top: 20px;
/* border-top: 1px solid #eeeeee; */
}
.con1-box .bott .bott-1{
display: flex;align-items: center;
}
.con1-box .xian{
border-top: 1px solid #eeeeee;
}
.con1-box .bott .bott-1 img{
width: 18px;
height: 18px;
padding-right: 5px;
}
.con1-box .bott .bott-1 p{
font-size: 12px;
font-weight: 500;
color: #999999;
}
.con1-box .bott .bott-2{
margin-top: 50px;
/*display: flex;align-items: center;*/
}
.con1-box .bott .bott-2 {
display: flex;align-items: center;
}
.con1-box .bott .bott-2 h2{
height: 40px;
font-size: 16px;
font-weight: bold;
color: #ff6d00;
line-height: 40px;
padding-right: 24px;
}
.con1-box .bott .bott-2 .btn{
width: 180px;
height: 50px;
background: linear-gradient(270deg, #ff3126 0%, #e1251b 100%);
border-radius: 2px 2px 2px 2px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.con1-box .bott .bott-2 .btn:nth-child(2){
margin-left: 10px;
background: linear-gradient(270deg, #8a14ff 0%, #7200e3 100%);
}
.con1-box .bott .small{
display: flex;
font-size: 12px;
color: #999999;
line-height: 20px;
}
.con1-box .bott .small .item{
display: flex;
align-items: center;
margin-right: 15px;
}
.con1-box .bott .small {
margin-left: 30px;
display: flex;
}
.con1-box .bott .small i{
background: url(/uploads/image/himg/con1-3-2x.png) no-repeat;
width: 11px;height: 11px;
background-size: 100%;
margin-right: 5px;
}
.con1-box .right{
width: 260px;
text-align: center;
}
.con1-box .right .right-1{
display: flex;align-items: center;flex-direction: column;
padding: 20px 0 20px;
border-bottom: 1px solid #eeeeee;
}
.con1-box .right .right-1 .btn{
margin-top: 10px;
width: 120px;
height: 40px;
border-radius: 20px 20px 20px 20px;
border: 1px solid #2254f4;
display: flex;align-items: center;justify-content: center;
font-size: 12px;
color: #2254f4;
margin: 10px auto;
}
.con1-box .right .right-1 img{
width: 120px;
}
.con1-box .right .right-1 .text{
font-size: 12px;
font-weight: 400;
color: #333333;
margin-top: 10px;
}
.con1-box .right .right-1 .text p{
margin-top: 5px;
}
.con1-box .right .right-1 .text span{
color: #999999;
}
.con1-box .right .right-2{
margin-top: 10px;
height: 110px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #ffffff;
display: flex;align-items: center;
justify-content: center;
}
.con1-box .right .right-2 .re{
font-size: 12px;
font-weight: bold;
color: #333333;
}
.con1-box .right .right-2 .re div{
width: 96px;
height: 40px;
line-height: 20px;
text-align: left;
}
.con1-box .right .right-2 .re p{
font-weight: 400;
padding-right: 16px;
padding-top: 10px;
}
.con1-box .right .right-2 .re p span{
color: #2254f4;
font-size: 14px;
font-weight: bold;
}
.con1-box .right .right-2 img{
width: 100px;
height: 100px;
border: 1px solid #f5f7fa;
}
.public-title{
height: 20px;
font-size: 18px;
font-weight: bold;
color: #000000;
line-height: 20px;
border-left:3px solid #e1251b;
padding-left: 20px;
margin: 30px 0 20px 0;
display: flex;align-items:end;
}
.public-title p{
font-size: 12px;
color: #999;
padding-left: 10px;
line-height: 25px;
}
.con2{
margin-top: 280px;
height: 225px;
background: #ffffff;
border-radius: 2px 2px 2px 2px;
opacity: 1;
overflow: hidden;
}
.con2 ul{
display: flex;align-items: center;
margin-top: 50px;
padding: 0 20px;
}
.con2 ul .line{
width: 8px;
height: 6px;
margin: 0 23px 0 24px;
}
.con2 ul li{
display: flex;align-items: center;
}
.con2 ul li .text{
padding-left: 10px;
}
.con2 ul li .text h6{
font-size: 16px;
color: #333333;
}
.con2 ul li .text p{
font-size: 12px;
color: #666666;
margin-top: 8px;
width: 108px;
line-height: 20px;
}
.con2 ul li img{
width: 70px;
height: 70px;
}
.con-data{
display: flex;
}
.con-data .left{
width: 920px;
}
.con3{
background: #ffffff;
margin-top: 20px;
overflow: hidden;
}
.con3 ul{
padding: 0 20px;
margin-top: 20px;
display: flex;align-items: center;justify-content: space-between;
}
.con3 ul li{
width: 24%;
height: 200px;
background: #f5f7fa;
display: flex;align-items: center;flex-direction: column;
margin-bottom: 20px;
}
.con3 ul li img{
width: 40px;
height: 40px;
margin-top: 30px;
}
.con3 ul li h6{
font-size: 16px;
color: #000000;
font-weight: 400;
margin-top: 30px;
}
.con3 ul li p{
font-size: 12px;
color: #999999;
width: 165px;
height: 40px;
margin-top: 10px;
text-align: center;
line-height: 20px;
}
.con4{
background: #ffffff;
overflow: hidden;
padding-bottom: 20px;
}
.con4 ul{
display: flex;align-items: center;justify-content: space-between;
padding: 0 20px;
}
.con4 ul li{
width: 24%;
height: 130px;
background: #f5f7fa;
padding: 30px 20px;
}
.con4 ul li .title{
display: flex;align-items: center;
}
.con4 ul li .title h6{
font-size: 16px;
color: #000000;
font-weight: 400;
}
.con4 ul li .title img{
width: 14px;height: 14px;
margin-right: 5px;
}
.con4 ul li p{
font-size: 12px;
color: #999999;
line-height: 20px;
margin-top: 10px;
}
.con5{
background: #ffffff;
overflow: hidden;
padding-bottom: 40px;
}
.con5 ul{
display: flex;align-items: center;justify-content: space-between;
flex-wrap: wrap;
padding:0 20px;
}
.con5 ul li{
width: 49%;
padding: 20px;
height: 150px;
background: #ffffff;
border: 1px solid #e5e5e5;
margin-bottom: 8px;
}
.con5 ul li img{
width: 18px;
height: 18px;
margin-right: 10px;
}
.con5 ul li div{
display: flex;
margin-bottom: 10px;
}
.con5 ul li div h6{
font-size: 16px;
font-family: microsoft yahei ui-regular, microsoft yahei ui;
font-weight: 400;
color: #000000;
}
.con5 ul li div p{
font-size: 12px;
font-family: microsoft yahei ui-regular, microsoft yahei ui;
font-weight: 400;
color: #999999;
line-height: 20px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.con5 ul li a{
margin-left: 28px;
width: 80px;
height: 24px;
border: 1px solid #dce4ed;
font-size: 12px;
color: #999999;
display: flex;align-items: center;justify-content: center;
}
.bg{
/* margin-top: 100px; */
height: 220px;
background: #1e44ff;
}
.con6{
background: #ffffff;
overflow: hidden;
margin-top: 20px;
}
.con6 .t6-2{
display: flex;align-items: center;justify-content: space-between;
flex-wrap: wrap;
padding: 0 20px;
}
.con6 .t6-2 li{
width: 288px;
height: 230px;
background: #f5f7fa;
border-radius: 0px 0px 0px 0px;
margin-bottom: 10px;
}
.con6 .t6-2 li a {
display: block;
padding:20px;
}
.con6 .t6-2 li .list-title {
font-size: 15px;
color: #333333;
display:flex;
-webkit-line-clamp: 8;
-webkit-box-orient:vertical;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
align-items: center;
line-height: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.con6 .t6-2 li .list-title img{
width: 40px;height: 40px;
margin-right: 10px;
}
.con6 .list-data {
padding: 20px 0;
border-bottom: 1px solid #eeeeee;
}
.con6 .list-data p {
width: 60px;
}
.con6 .list-data .data-num1 {
display: flex;
font-size: 12px;
color: #333333;
line-height: 16px;
}
.con6 .list-data .data-num2 {
display: flex;
font-size: 12px;
color: #999999;
padding-top: 7px;
}
.con6 .list-boot{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
line-height: 20px;
}
.con6 .list-boot .list-btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #ffffff;
width: 80px;
height: 30px;
background: #e1251b;
border-radius: 2px 2px 2px 2px;
}
.con6 .list-boot span {
font-size: 16px;
color: #f11919;
}
.con6 .t6-2 li span:hover {
color: #e80000;
font-weight: bold;
}
.bg2{
background: url(/uploads/image/himg/gg-2x.png)no-repeat;
width: 100%;
height: 80px;
margin: 20px 0;
background-size:100%;
display: block;
}
.con7{
background: #ffffff;
overflow: hidden;
margin-top: 20px;
}
.con7 .t6-1{
display: flex;align-items: center;justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
padding: 0 20px;
}
.con7 .t6-1 li{
width: 48%;
font-size: 14px;
color: #333333;
line-height: 20px;
margin-bottom: 20px;
margin-left: 15px;
list-style: disc;
}
.con7 .t6-1 li::marker {
color: #999999;
}
.con7 li:hover {
color:#e80000;
}
.con7 li:hover .list-title{
font-weight: bold;
}
.con7 li:hover .list-btn{
background: #f11919;
color: #ffffff;
border: 1px solid #f11919;
}
.con7 li:hover span {
font-weight: bold;
}
.con-data .right{
width: 260px;
margin-left: 20px;
}
.right .con8{
width: 100%;
background: #ffffff;
padding:1px 20px 10px 20px;
margin-top: 20px;
}
.right .con8 ul{
margin-bottom: 20px;
}
.right .con8 li{
width: 100%;
padding-bottom: 15px;
display: flex;align-items: center;
}
.right .con8 li a{
font-size: 14px;
color: #333333;
line-height: 20px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.right .con8 li a:hover{
color:#e1251b ;
font-weight: bold;
}
.right .con8 li span{
color: #999999;
padding-right: 10px;
font-size: 14px;
}
.right .con8 li:nth-child(1) span{
color: #ff0e00;
}
.right .con8 li:nth-child(2) span{
color: #ff6b00;
}
.right .con8 li:nth-child(3) span{
color: #ffa800;
}
.right .con8 .btn{
width: 220px;
height: 60px;
display: flex;align-items: center;justify-content: space-between;
padding: 0 20px;
margin-bottom: 5px;
font-size: 20px;
font-weight: bold;
color: #ffffff;
line-height: 29px;
text-shadow: 0px 4px 4px rgba(79,0,0,0.1);
background: linear-gradient(270deg, #ff3126 0%, #e1251b 100%);
}
.right .con8 .btn img{
width: 20px;
height: 20px;
}
.right .con8 .btn:nth-child(4){
background: linear-gradient(270deg, #8a14ff 0%, #7200e3 100%);
}
.right .con8 .btn:nth-child(5){
background: linear-gradient(270deg, #ffbe83 0%, #d89659 100%);
}
.right .con9{
width: 100%;
background: #ffffff;
padding:0px 20px 0 20px;
margin-top: 20px;
overflow: hidden;
}
.right .con9 li{
padding-bottom: 15px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 15px;
}
.right .con9 li:last-child{
border-bottom: 0;
}
.right .con9 li .title{
font-size: 14px;
color: #333333;
line-height: 22px;
}
.right .con9 li .title .btn{
min-width: 50px;
height: 20px;
background: #ffffff;
border: 1px solid #51b78c;
font-size: 12px;
color: #51b78c;
display: flex;align-items: center;justify-content:center;
margin-right: 10px;
float:left;
}
.right .con9 li .text{
margin-top: 10px;
font-size: 12px;
color: #999999;
display: flex;align-items: center;justify-content: space-between;
flex-wrap: wrap;
}
.right .con9 li .text p{
width: 50%;
}
.btn{
cursor: pointer;
}
.btn:hover{
opacity: 0.9;
}
footer{
width: 100%;
font-size: initial;
background: #000000;
border-radius: 0px 0px 0px 0px;
overflow: hidden;
margin-top: 40px;
}
footer a:hover{
color: #e61e4f !important;
}
footer .footer-box{
width: 1280px;
margin: auto;
}
.footer-nav-box{
display: flex;
padding:60px 0px 35px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.footer-nav-box-left{
width: 200px;
border-radius: 0px 0px 0px 0px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.footer-nav-box-left p{
font-size: 12px;
font-weight: 400;
color: #ffffff;
width: 100px;
text-align: center;
}
.footer-nav-box-left img{
padding: 30px 0 10px 0;
width: 100px;
}
.footer-nav-box-left div{
height: 30px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding-top: 5px;
}
.footer-nav-box-right{
width: 100%;
display: flex;justify-content: space-between;
padding-left: 100px;
}
.footer-nav-box-right ul{
text-align: center;
font-size: 12px;
}
.footer-nav-box-right ul li{
font-size: 12px;
font-weight: 400;
color: rgba(255,255,255,0.7);
line-height: 30px;
}
.footer-nav-box-right ul div{
font-weight: bold;
color: #ffffff;
line-height: 14px;
padding-bottom: 20px;
}
.footer-top {
border-bottom: 1px solid rgba(255,255,255,0.2);
padding-bottom: 10px;
}
.footer-top .footer-txt{
width: 100%;
display: flex;
padding-bottom: 15px;
}
.footer-top .footer-txt p{
font-size: 12px;
font-weight: bold;
color: #ffffff;
line-height: 14px;
}
.footer-top .footer-txt a{
font-size: 12px;
color: rgba(255,255,255,0.7);
line-height: 15px;
padding-left: 20px;
}
.footer-bottom{
font-size: 12px;
font-weight: 500;
color: rgba(255,255,255,0.7);
line-height: 14px;
padding: 20px 0;
}
.footer-bottom .police {
display: inline-block;
width: 17px;
height: 18px;
background: -168px 0 no-repeat;
margin-right: 5px;
margin-left: 3px;
}
.mobile-nav {
display: none;
}
.m-menu{
display: none;
}
.m-t5-txt{
display: none;
}
.mobile-nav .close{
display: none;
}
.m-footer{
display: none;
}
.m-banner{
display: none;
}
.m-con1{
display: none;
}
.m-con3-title{
display: none;
}
.con4 .m-title{
display: none;
}
@media (max-width: 630px){
.con-data .right{display: none;}
.dy{
overflow:hidden;
}
.con1{
top: 10px;
}
.con{
width: 100%;
padding: 0 12px;
}
.wrap{
max-width: 100%;
padding: 0 12px 0 12px;
}
.logo img{
width: 110px;
height: 22px;
}
.menu{
width: 24px;
height: 24px;
}
h2{
font-size: 16px;
font-weight: bold;
color: #000000;
padding-top: 30px;
}
header {
display: flex;
height: auto;
}
header .header-box{
display: none;
}
header .mobile-nav{
height: 50px;
display: flex;
align-items: center;
position: relative;
background: #ffffff ;
padding: 12px;
}
.mobile-nav .logo{
display: flex;
align-items: center;
}
.mobile-nav .m-head{
width: 197px;
height: 24px;
margin-left: 5px;
}
.mobile-nav .close{
width: 26px;
height: 26px;
}
.mobile-nav div{
height: 100%;
}
.m-menu{
position: absolute;
left: 0;
top: 50px;
width: 100%;
font-size: 14px;
color: #333;
z-index: 999999;
background: #fff;
box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0,0.1);
}
.m-menu li{
line-height: 40px;
border-top: 1px solid #e5e5e5;
text-align: center;
}
.con-box{
width: 100%;
padding: 0;
}
.bg{
margin-top: 0px;
height: 120px;
}
.newsnav{
font-size: 12px;
font-weight: 400;
color: #ffffff;
/* margin-top: 15px; */
}
.con1-box .left{
padding: 20px 12px;
width: 100%;
}
.con1-box .top h1{
font-size: 14px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.con1-box .cen{
margin-top: 10px;
}
.con1-box .cen .cen-item{
width: 50%;
margin-bottom: 20px;
}
.con1-box .cen h5{
font-size: 12px;
}
.con1-box .right{
display: none;
}
.con1-box .bott{
margin-top: 10px;
}
.con1-box .bott .bott-2{
margin-top: 30px;
flex-wrap: wrap;
}
.con1-box .bott .bott-2 .btn{
width: 48%;
}
.con1-box .bott .small{
margin: 20px 0 0 0;
align-items: center;
}
.con1-box{
height: auto;
}
.con1-box .bott .small .item{
margin-right: 24px;
}
.con1-box .bott .small .item:last-child{
display: none;
}
.con2{
height: auto;
margin: 485px 12px 0 12px;
padding: 0;
width: 94%;
}
.con2 ul{
display: block;
margin: 0;
}
.con2 ul .line{
display: none;
}
.public-title{
font-size: 16px;
margin: 20px 0;
}
.con2 ul li{
width: 100%;
margin-bottom: 30px;
}
.con2 ul li img{
width: 40px;
height: 40px;
}
.con2 ul li .text p{
width: 100%;
margin-top: 5px;
line-height: 10px;
}
.con2 ul li .text h6{
font-size: 14px;
}
.con3 ul{
display: flex;
flex-wrap: wrap;
}
.con3 ul li{
width: 48%;
padding: 0 10px;
}
.public-title p{
display: none;
}
.con3 ul li p{
width: auto;
}
.con4{
padding-bottom: 0;
}
.con4 ul{
flex-wrap: wrap;
}
.con4 ul li{
width: 49%;
margin-bottom: 10px;
height: 140px;
}
.con4 ul li .title h6{
font-size: 12px;
}
.con5{
padding-bottom:0;
}
.con5 ul li a{
display: none;
}
.con5 ul li{
width: 100%;
padding: 0;
border:0;
height: auto;
margin-bottom: 20px;
}
.con6 .t6-2 li .list-title{
padding-bottom: 15px;
}
.con6 .t6-2 li{
width: 100%;
height: 200px;
}
.con6 .t6-2 li a{
padding: 25px 10px;
}
.con6 .list-data{
padding: 10px 0;
}
.con6 .list-boot{
margin-top: 15px;
}
.con6 .bg2 img{
height: 50px;
width: 100%;
}
.bg2{
background:url(/uploads/image/himg/m-gg-2x.png)no-repeat;
background-size:100%;
height: 50px;
}
.con7 .t6-1 li{
width: 100%;
}
.con7{
margin-bottom: 80px;
}
footer{
display: none;
}
.m-footer-row{
position: relative;
overflow: hidden;
}
.m-footer{
display: block;
height: 64px;
background: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius: 0px 0px 0px 0px;
opacity: 1;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.m-footer-box{
display: flex;
justify-content: space-between;
width: 94%;
}
.m-footer-box .m-f-index{
width: 171px;
height: 40px;
background: #2faf98;
border-radius: 30px 30px 30px 30px;
font-size: 14px;
font-weight: 400;
color: #0075ff;
line-height: 16px;
display: inline-grid;
justify-content: center;
align-items: center;
color: #ffffff;
}
.m-footer-box .m-f-kefu{
width: 170px;
height: 40px;
background: #e1251b;
border-radius: 30px 30px 30px 30px;
font-size: 14px;
color: #ffffff;
line-height: 16px;
display: inline-grid;
justify-content: center;
align-items: center;
}
}