*{margin: 0;padding: 0;border: none;list-style: none;text-decoration: none;}
html{width:100%;height:100%;font-size: 62.5%;/* overflow-x: hidden; */}
body{width: 100%;height:100%;font-size: 1.4rem;}
a{color: #303030;}
a:hover{text-decoration: none;color: #303030;}

.am-flexbox[am-mode~=average] .am-flexbox-item{width:100%}
.am-flexbox{display:-webkit-box;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center}.am-flexbox .am-flexbox-item{-webkit-box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;margin-left:15px;min-width:20px;}.am-flexbox .am-flexbox-item:first-child{margin-left:0}

p{text-justify: inter-ideograph;word-break: normal; }
.mg0{margin: 0;}
.pd0{padding: 0;}


.login{width: 100%;height: 100%;background:url("../img/loginbg.png") no-repeat;background-size:cover;position: absolute;top:0; }
.logincon{width: 995px;margin: 117px auto 0;}
.loginleft{width: 90%;}
.loginmain{background: url("../img/login.jpg") no-repeat;
    width: 995px;height: 540px;float: right;box-shadow: 1px 1px 5px rgba(0,0,0,0.3);margin-bottom: 30px;
}
.loginmain h3{color: #337dff;font-size: 2.4rem;font-weight: normal;margin-bottom: 50px;padding-bottom: 45px;margin-top: 50px;text-align: center;border-bottom: 1px solid #e3e3e3;}
.loginmain .am-flexbox{width: 72%;padding: 12px 10px;font-size: 1.6rem;color: #888;margin: 20px auto;}
.loginmain .am-flexbox.bor{border: 1px solid #337dff; background-color: #f2f8ff}
.loginmain .am-flexbox input{width: calc(100% - 50px);background-color: #f2f8ff;outline: none}
.loginmain .am-flexbox i{font-size: 2.4rem;color: #999;}
.loginmain .am-flexbox.czzz{font-size: 1.4rem;margin: 0;padding: 0;color: #333;}
.btnlogin{background: #337dff;width: 80%;padding: 10px 0;color: #fff;margin: 32px auto;font-size: 2rem;display: block;border-radius: 5px;}
.otherlogin{padding-top: 20px;padding-bottom:20px;border-top: 1px solid #ccc;color: #565656;font-size: 1.6rem;margin-top: 20px;}
.otherlogin i{color: #4fb733;margin-right: 10px;font-size: 2.2rem;}

.worry{border: 1px solid #ed906e;background:#fef2f2;padding: 4px 10px;color: #555;position: absolute;top:-49px;height: 50px;display: none;}
.worry i{float: left;margin-right: 5px;font-size: 1.4rem;color: #fe4300;}
.worry p{padding-left: 20px;margin-bottom: 0;}
.worry p a{color: #fe4300;}

.headBox{
    width: 100%;
    background-color: #000;
    height: 60px;
}

.headBox h1{
    color: #fff;
    line-height: 60px;
    font-weight: normal;
    font-size: 28px;
    margin-left: 30px;
}

.bottomBox{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    background-color: #337dff;
    width: 100%;
}

.bottomBox h1{
    color: #fff;
    line-height: 50px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

.loginBox{
    width: 400px;
    margin: 30px 0 0 30px;
}

.loginBox .icon-yonghu{
    background-image: url("../img/lng1.png");
    width: 20px;
    height: 22px;
}

.loginBox .icon-mima1{
    background-image: url("../img/lng2.png");
    width: 18px;
    height: 22px;
}

.tcBox {
    background-color: rgba(1,7,21,0.8);
    background-size: 100% 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;}
.tcBox .close-tch {
    width: 2vw;
    height: 2vw;
    outline: none;
    position: absolute;
    right: 11%;
    top: 5vh;
    cursor: pointer;
}
.scrollbar::-webkit-scrollbar {
    width: 6px;
    /* height: 8px; */
    background-color: rgb(247, 247, 247);
    box-shadow: inset 0px 0px 8px 0px rgba(18, 51, 64, 0.3);
}

.scrollbar::-webkit-scrollbar-thumb {
    width: 4px;
    height: 5px;
    border-radius: 8px;
    /* -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); */
    background-color: #3182ff;
}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0 ,0 ,0 , 30%);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.05);
}
.tcBox .conBox {
    width: 70%;
    margin: 5vh auto;
    height: 90vh;
    border-radius: 10px;
    background-color: rgb(242, 248, 255);
}
.sideNav {
    position: absolute;
    transform: translateX(-120%);
}
.sideNav li {
    margin-bottom: 15px;
    width: 49px;
    height: 156px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
}   
.sideNav li span {
    writing-mode:vertical-rl; 
    color: #3182ff;
}
.sideNav li i {
    margin-bottom: 10px;
    width: 45px;
    height: 45px;
    display: block;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 9px 0px rgba(75, 132, 220, 0.1),inset 0px 0px 8px 0px rgba(0, 0, 0, 0.38);
	
	background: url(../img/arrow3.png) center center no-repeat;
	background-size: 13px 17px;
}

.sideNav li.current i{
	background: url(../img/arrow2.png) center center no-repeat;
	background-size: 13px 17px;
}

.sideNav li.current {
    background-color: #3182ff;
}
.sideNav li.current span {
    color: #fff;
}
.tc-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    box-sizing: border-box;
    height: 51px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 8px 40px 0px rgba(227, 235, 244, 0.004);
}
.tc-title h2 {
    /* flex: 1; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 80%;
    min-width: 60%;
    font-size: 20px;
    color: rgb(30, 103, 217);
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tc-title a {
    max-width: 20%;
    font-size: 16px;
    color: rgb(119, 119, 119);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.conBlock {
    height: 90%;
    overflow-y: scroll;
    /* overflow-y: auto; */
}
.part {
    width: 95%;
    margin: 20px auto;
}
.whiteBg {
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 8px 40px 0px rgba(227, 235, 244, 0.004);
}
.t-title {
    margin: 25px auto 10px;
    font-size: 21px;
    color: rgb(17, 17, 17);
    font-weight: bold;
color: #3182ff;}
.tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 13px;
    color: rgb(152, 152, 152);
    border-radius: 30px;
    border:1px solid rgb(212, 212, 212);
   z-index: 99;
}
.lineTab, .lineTab_pl{
    width: 154px;
    margin: 0 auto 10px;/* position: absolute; */
    /* right: 15px; */
    /* top: 15px; */
}

.tab span {
    flex: 1;
    cursor: pointer;
}
.tab span.active {
    height: 22px;
    color: #fff;
    border-radius: 30px;
    border:1px solid rgb(49, 130, 255);
    background-color: rgb(49, 130, 255);
}
.l_tab {
    justify-content: flex-start;
    margin-top: 5px;
    border: none;
}
.l_tab span {
    flex: none;
    width: 65px;
    margin: 0 10px;
    border-radius: 30px;
    border:1px solid rgb(212, 212, 212);
}
.txtBox p {
    margin: 20px auto;
    text-indent: 2em;
    line-height: 1.6em;
    font-size: 16px;
    color: rgb(17, 17, 17);
    text-align: justify;
}
.tableBox {
    background: #fff;
border-radius: 0 0 15px 15px;overflow: hidden;padding-bottom: 20px;}
.tableBox table {
    width: 100%;
    /* border-collapse:collapse; */
    border-collapse:separate;
    border-spacing: 0 10px;
border: 5px solid #fff;}
.tableBox table th {
    max-width: 10%;
    min-width: 5%;
    font-size: 16px;
    color: rgb(61, 72, 93);
    font-weight: bold;
    text-align: center;
}

.tableBox table tbody tr {
    height: 50px;
    text-align: center;
    background: transparent;
    border-radius: 50px;
    background: rgb(247, 249, 252);
    border-radius: 50px;
    box-shadow: 0 0 0 5px rgb(247, 249, 252), inset 0px 0px 16px 0px rgba(97, 108, 118, 0.1);
}
.tableBox table td {
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgb(61, 72, 93);
}
.tableBox1 td:nth-child(3) {
    text-align: left;
}
.tableBox2 table tbody tr {
    border-radius: 0;
    box-shadow: none;
}
.tableBox2 td:nth-child(1) {
    width: 5%;
}
.tableBox2 td:nth-child(2) {
    width: 30%;
    text-align: left;
}
.tableBox2 td:nth-child(3) {
    width: 35%;
    /* text-align: left; */
}
.tableBox2 td:nth-child(4) {
    width: 10%;
}
.tableBox2 td:nth-child(5) {
    width: 10%;
}
.tableBox2 td:nth-child(6) {
    width: 10%;
}

.flexDiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flexDiv > div {
    width: 48%;
    height: 430px;
    overflow: hidden;
}
.list1 {
    margin: 10px 5px;
    height: 390px;
}
.list1 li {
    font-size: 15px;
    color: rgb(43, 43, 43);
	margin-bottom: 20px;}
.list1 li img{
	margin: 2px;
}
.list1 li font{
	background-color: rgb(228,22,24);
	color: #fff;
padding: 2px;font-size: 14px;margin-left: 1px;}
.list1 li .num.blue {
    background-image: -moz-linear-gradient( -90deg, rgb(93,232,255) 0%, rgb(34,165,225) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(93,232,255) 0%, rgb(34,165,225) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(93,232,255) 0%, rgb(34,165,225) 100%);
	border-radius: 0;
}
.list1 li .num {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 50%;
    background: rgb(198, 198, 198);
/* width: 4%; */}
.list1 li a {
    color: #2b2b2b;
    height: auto;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
/* display: flex; *//* align-items: center; */}
.list1 li .p1 {
    font-size: 14px;
    color: rgb(132, 132, 132);
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list2 li {
    padding: 15px 10px;
    box-sizing: border-box;
    display: flex;
    
    justify-content: space-between;
width: 100%;align-items: center;background: #fff;}
.list2 li:nth-child(even) {
    background-color: rgb(242 248 255);
}

.tabCon .list2 li:nth-child(even){
	
}
.list2 li .txt {
    flex: 1;
}
.list2 li .txt a {
    font-size: 20px;
    color: rgb(17 17 17);
margin-top: 9px;font-weight: bold;}
.conModel .list2 li .txt a{
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list2 li .txt .icon {
    border-radius: 2px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
margin-bottom: 2px;}
.list2 li .txt .status {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 2px;
margin-bottom: 2px;}
.list2 li .txt .status1 {
    background-image: -moz-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
}
.list2 li .txt .status2 {
    background-image: -moz-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
}
.list2 li .txt .status3 {
    background-image: -moz-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
}

.list1 li font.status1 {
    background-image: -moz-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
}
.list1 li font.status2 {
    background-image: -moz-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
}
.list1 li font.status3 {
    background-image: -moz-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
}
.list2 li .txt a span:nth-child(1).status2{
	 background-image: -webkit-linear-gradient( -90deg, rgb(93,232,255) 0%, rgb(34,165,225) 100%);
	width: unset;
	padding: 0 6px;
}
.list2 li .txt .status .status1 {
    background-image: -moz-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
	padding: 2px;
}
.list2 li .txt .status .status2 {
    background-image: -moz-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(114 255 47) 0%, rgb(14 172 145) 100%);
	padding: 2px;
}
.list2 li .txt .status .status3 {
    background-image: -moz-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(245,193,31) 0%, rgb(255,117,60) 100%);
	padding: 2px;
}

.tabCon .list2 li .txt a span:nth-child(1).status2{
	 background-image: -webkit-linear-gradient( -90deg, rgb(93,232,255) 0%, rgb(34,165,225) 100%);
width: unset;padding: 0 6px;}

.list2 li .txt .p1 {
    margin: 8px 0 0 0;
    font-size: 15px;
    color: rgb(52 52 52);
    line-height: 1.5em;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-indent: 2em; */
}
.conModel .list2 li .txt .p1{
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}
.conModel .list2 li .txt .p2{
	font-size: 13px;
}
.list2 li .txt .p2 {
    font-size: 16px;
    color: rgb(132, 132, 132);
    line-height: 1.5em;
    text-align: justify;
}
.i_key {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    background: url(../img/i_key.png) center center no-repeat;
    background-size: contain;
}
.list2 li .txt .p2 .blue {
    font-size: 14px;
    color: #447bf2;
}
.list2 li .txt .p2 .time {
    margin-left: 15px;
}
.list2 li .imgBox {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 15px;
    width: 220px;
    height: 135px;
    background-color: rgb(68, 123, 242);
}
.list2 li .imgBox img {
    min-width: 100%;
    min-height: 100%;
	object-fit: cover;
}
.list2 li .imgBox span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    height: 26px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 26px;
    border-radius: 0 0 8px 0;
    background-image: -moz-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(240,65,51) 0%, rgb(228,22,24) 100%);
}
.tabCon > div {
    display: none;
}
.tabCon > div:first-child {
    display: block;
}
iframe {
    width: 100%;
    height: 97%;
}

/* 首页 */
#homePage {
    background: #f2f8ff;
}
.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #000;
    height: 60px;
}

.head h1{
    flex: 1;
    color: #fff;
    line-height: 60px;
    font-weight: normal;
    font-size: 28px;
    margin-left: 30px;
}
.h_logo {
    margin: 0 15px;
    color: #fff;
    font-size: 16px;
}
.h_logo img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.logout {
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: rgb(255, 255, 255);
    background-color: rgb(51, 125, 255);
margin-left: 15px;}
.logout:hover {
    color: #fff;
}
.bannerBox {
    background: url(../img/headBg.png) center -90px no-repeat;
    background-size: cover;
    height: 560px;
    position: relative;
    padding: 1px 0;
    box-sizing: border-box;
}
.w80 {
    width: 1560px;
    margin: 0 auto;
}
.bannerBox h1 {
    margin: 45px 0 0;
    font-size: 30px;
    color: rgb(11, 11, 11);
    font-weight: bold;
}
.bannerBox p {
    margin: 15px 0 40px;
    font-size: 20px;
    color: rgb(35, 35, 35);
}
   
.searchBox {
    width: 769px;
    height: 52px;
    display: flex;
    align-items: center;
    border:1px solid rgb(238, 38, 21);
    border-radius: 6px;
    background-color: #fff;
}
.searchBox input {
    flex: 1;
    height: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 16px;
    border: none;
    outline: none;
    width: 80%;
    background-color: transparent;
}
.searchBox input::placeholder {
    color: #c4c4c4;
}
.searchBox button {
    background-color: rgb(238, 38, 21);
    width: 103px;
    height: 100%;
    font-size: 18px;
    line-height: 52px;
    color: rgb(255, 255, 255);
    outline: none;
    border: none;
}
.searchBox i {
    background: url(../img/i_search.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    height: 100%;
}

.filterGroup {
    position: relative;
    /* margin-top: -180px; */
    display: flex;
    justify-content: space-between;
    z-index: 9;
width: 1560px;margin: -280px auto 0;}
.f_title {
    font-size: 20px;
    line-height: 22px;
    color: rgb(3, 18, 42);
    font-weight: bold;
}
.f_title i {
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
}
.f_title .i1 {
    background: url(../img/i_f1.png) center center no-repeat;
    background-size: contain;
}
.f_title .i2 {
    background: url(../img/i_f2.png) center center no-repeat;
    background-size: contain;
}
.f_title .i3 {
    background: url(../img/i_f3.png) center center no-repeat;
    background-size: contain;
}
.filterGroup .left {
    padding: 20px 25px;
    box-sizing: border-box;
    box-shadow: 0px 0px 35px 0px rgba(209, 220, 233, 0.76);
    width: 1032px;
    height: 345px;
}
.filterGroup .flexDiv {
    flex-wrap: wrap;
margin-top: 10px;}
.filterGroup .flexDiv > div {
    height: auto;
}
.filterGroup .typeList{
    
}
.filterGroup .left .typeList {
    width: 30%;
}
.filterGroup .p1 {
    margin: 10px 0 0;
    font-size: 17px;
    color: rgb(3, 18, 42);
font-weight: bold;}
.filterGroup .p2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 6px 0 0;
    font-size: 16px;
    color: rgb(3, 18, 42);
}
.filterGroup .p2 span {
    width: 24%;
    margin: 5px 0;
    cursor: pointer;
margin-right: 1%;}
.filterGroup .right .r_top .p2 span{
	width: unset;
	min-width: 20%;
	margin-right: 6.6%;
margin-bottom: 1px;margin-top: 10px;}
.filterGroup .right .r_top .p2 span:nth-child(4),
.filterGroup .right .r_top .p2 span:nth-child(7),
.filterGroup .right .r_top .p2 span:nth-child(11),
.filterGroup .right .r_top .p2 span:nth-child(15)
{
	margin-right: 0;
}
.filterGroup .right .r_top .p2 span:nth-child(6){
	margin-right: 9%;
}
.filterGroup .p2 span.active {
    color: rgb(37, 117, 255);
}
.filterGroup .right {
    width: 500px;
}
.filterGroup .right .r_top {
    padding: 20px 25px;
    box-sizing: border-box;
    height: 200px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 35px 0px rgba(209, 220, 233, 0.76);
}
.filterGroup .right .r_botm {
    padding: 20px 25px;
    box-sizing: border-box;
    height: 125px;
    box-shadow: 0px 0px 35px 0px rgba(209, 220, 233, 0.76);
}

.twoFlex {
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    /* align-items:flex-start; */
width: 1560px;}
.twoFlex .col6 {
    width: 72%;
}
.twoFlex .col2 {
    width: 24%;
}
.twoFlex .list2 .imgBox {
    margin: 0 15px 0 0;
}
.twoFlex .list2 li .txt .p2 .blue{
    font-size: 15px;
    color: rgb(132, 132, 132);
}
.twoFlex .list2 li .txt .p2 .time {
    float: right;
font-size: 14px;color: #9c9c9c;}
.m-title {
    margin: 0 0 15px;
    font-size: 23px;
    color: rgb(3, 18, 42);
    font-weight: normal;
}
.m-title span {
    display: inline-block;
    cursor: pointer;
}
.m-title > span+span::before{
    content: "|";
    color:  rgb(179, 179, 179);
    display: inline-block;
    margin: 0 10px;
}
.m-title span.active{
    font-weight: bold;
    color: rgb(35, 111, 246);
}
.twoFlex .tabCon > div {
    display: none;
}
.twoFlex .tabCon > div:first-child {
    display: block;
}
.newsList {
    background: url(../img/listBg1.png) top center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 470px;
    margin: 0 0 30px;
    border-radius: 10px;
    overflow: hidden;
}
.newsList h2 {
    height: 50px;
    line-height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    background-image: -moz-linear-gradient( 0deg, rgb(94,176,255) 0%, rgb(58,134,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(94,176,255) 0%, rgb(58,134,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(94,176,255) 0%, rgb(58,134,255) 100%);
}
.newsList .refresh {
    float: right;
    font-size: 14px;
    color: rgb(255, 255, 255);
}
.newsList a i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: url(../img/i_sx.png) center center no-repeat;
    background-size: contain;
}
.newsList ul {
    padding: 0 25px;
    box-sizing: border-box;
    margin: 20px auto;
}
.newsList ul li {
    margin: 20px 0;
}
.newsList ul a {
    font-size: 16px;
    color: rgb(43, 43, 43);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
width: 100%;display: block;}
.newsList ul li a span {
    margin-right: 5px;
    font-weight: bold;
}
.newsList ul li .no1 {
    color: rgb(238, 38, 21);
}
.newsList ul li .no2 {
    color: #ee5715;
}
.newsList ul li .no3 {
    color: #e8ad0f;
}
.newsList ul p {
    margin-top: 10px;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    justify-content: left;
    font-size: 14px;
    color: rgb(132, 132, 132);
}  
/* *** */
.caseTitle {
    margin-bottom: 60px;
display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
.caseTitle::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 160px;
    box-shadow: 0px 8px 15px 0px rgba(227, 235, 244, 0.8);
}
.caseTitle h2 {
    margin:15px 0;
    font-size: 27px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.caseTitle h2 span {
    width: 84px;
    height: 28px;
    font-size: 15px;
    font-weight: normal;
    color: rgb(238, 38, 21);
    border: 1px solid rgb(238, 38, 21);
    border-radius: 4px;
padding: 2px 5px;}
.caseTitle p {
    font-size: 18px;
    color: rgb(43, 43, 43);
    line-height: 1.6em;
    text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.caseInfo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
margin-left: 16px;margin-top: 77px;}
.caseInfo p {
    font-size: 18px;
    margin: 10px 0;
    width: 33%;
display: flex;align-items: center;}


.caseInfo p i {
    display: inline-block;
    vertical-align: text-top;
    width: 25px;
    height: 25px;
margin-right: 5px;}
.caseInfo p .i1 {
    background: url(../img/i_c1.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .i2 {
    background: url(../img/i_c2.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .i3 {
    background: url(../img/i_c3.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .i4 {
    background: url(../img/i_c4.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .i5 {
    background: url(../img/i_c5.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .i6 {
    background: url(../img/i_c6.png) center center no-repeat;
    background-size: contain;
}
.caseInfo p .blue {
    color: rgb(51, 125, 255);
}
.fxGroup ul {
    margin: 50px auto;
    display: flex;
    align-content: center;
    justify-content: flex-start;

flex-wrap: wrap;flex-direction: row;}
.fxGroup li {
    position: relative;
    width: 253px !important;
    height: 240px !important;
    padding: 28px 30px;
    box-sizing: border-box;
    background: #eff3fb;
}
.fxGroup li h2 {
    font-size: 24px;
    color: #0b0b0b;
    font-weight: normal;
}
.fxGroup li .p1  {
    width: 65%;
    margin: 13px 0 26px;
    font-size: 16px;
    color: rgb(61, 72, 93);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fxGroup li .p2 {
    font-size: 16px;
    color: rgb(43, 43, 43);
}
.fxGroup li .p2::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 9px;
    background: url(../img/i_dh.png) center center no-repeat;
    background-size: contain;
}
.fxGroup li a {
    margin-top: 15px;
    display: block;
    width: 137px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: rgb(30, 105, 236);
    border: 1px solid rgb(24, 98, 220);
    background-color: rgb(255, 255, 255);
}
.fxGroup li a:hover {
    transition: all 0.3s;
    filter: brightness(0.9);
}
.fxGroup li img {
    position: absolute;
    right: 5px !important;
    top: 50px;
    z-index: 0;
width: 90px !important;}
.casebox {
    background: url(../img/caseBg.png) center center no-repeat;
    background-size: 100%;
    margin-bottom: 28px;
    padding: 30px;
    box-sizing: border-box;
    height: 238px;
    border-radius: 20px;
    box-shadow: 0px 0px 35px 0px rgba(209, 220, 233, 0.76);
}
  
.casebox h2 {
    font-size: 22px;
    color: rgb(17, 17, 17);
    line-height: 1.5em;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.casebox p {
    margin: 10px 0 0;
    font-size: 16px;
    color: rgb(61, 72, 93);
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.casebox a {
    float: right;
    margin-top: 15px;
    display: block;
    width: 137px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    border: 1px solid rgb(24, 98, 220);
    background-color: rgb(51, 125, 255);
}
.casebox a:hover {
    transition: all 0.3s;
    background-color: rgba(51, 125, 255,0.9);
}

/* ***** */
.bannerBox1 {
    height: 300px;
}

.selectBox {
    font-size: 18px;
    color: rgb(3, 18, 42);
    height: 74px;
    line-height: 74px;
    background-image: -moz-linear-gradient( -90deg, rgb(219,230,249) 0%, rgb(191,205,232) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(219,230,249) 0%, rgb(191,205,232) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(219,230,249) 0%, rgb(191,205,232) 100%);
}
.selectBox select {
    padding: 5px 5px;
    color: rgb(3, 18, 42);
    margin: 0 30px 0 10px;
    font-size: 18px;
}
.wordList {
    min-height: auto;
    height: 225px;
}
.words {
    height: 170px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}
.words  a {
    margin: 0 10px 15px 0;
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 15px;
    color: rgb(43, 43, 43);
    border-radius: 20px;
    background-color: rgb(246, 250, 254);
}
.tjCase li h3 {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: rgb(43, 43, 43);
    font-weight: normal;
}
.tjCase {
    margin-bottom: 35px;
}
.tjCase li .type {
    flex-shrink: 0;
    padding: 3px 4px 2px 4px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background-color: rgb(240, 65, 51);
}
.tjCase li .p1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 2em;
}
.tjCase li .p2 {
    /* display: block; */
    margin-top: 5px;
}
.tjCase li .p2 a  {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(43, 43, 43);
}
.tjCase li .p2 .time {
    /* float: right; */
    margin-top: 3px;
    color: rgb(132, 132, 132);
width: 40%;}
  


.footer{
    margin-top: 70px;
    height: 50px;
    background-color: #337dff;
    width: 100%;
}
.footer h1{
    color: #fff;
    line-height: 50px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

.backBtn{
	background: url(../img/back.png) center center no-repeat;
	background-size: contain;
	width: 60px;
	height: 28px;
cursor: pointer;position: relative;z-index: 1;}

.newsList.newsListLight{
	background-color: #fff !important;
	background: unset;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: rgb(49, 130, 255) !important;
}

#listpage .layui-laypage{
	display: block;
	/* margin: 21px auto; */
}

	#line_point_list {
        width: 90%;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #line_point_list #list ul{
        /* border: solid 1px #c0c0c0; */
    padding: 10px;border-bottom: 1px solid #eaeaea;}
    #line_point_list #list ul li.title{
        float: left;width: 100%;
    font-size: 17px;color: #000;}
    #line_point_list #list ul li.time{
        float: left;
    font-size: 15px;color: #b0b0b0;margin-top: 8px;}
    #line_point_list #list ul li.media{
        float: left;margin-top: 8px;margin-left: 60px;font-size: 12px;
    }
#line_point_list #list ul li.author{
    float: left;margin-top: 6px;margin-left: 20px;
}
	.chartBox{
		background-color: #fff;
	padding-top: 20px;border-radius: 15px 15px 0 0;overflow: hidden;}
	
	.quanwang .chartBox{
		padding-top: 0;
	}
	
	.quanwang .list1 li{
		margin-bottom: 13px;
	}
	
	.quanwang .list1 li .p1{
		padding-top: 5px;
	}
	
	.moreLink{
		font-size: 16px;
		margin-left: 30px;
	}
	
	.keyWord{
		
	}
	
	.twoFlex.w80 .list2 li .txt .keyWord a{
		background-color: #e3edff;
	font-size: 14px;padding: 3px 9px;font-weight: normal;margin-top: 6px;display: inline-block;color: #2470f6;
	    margin-bottom: 0px;
	}
	
	.about2{}
	.about2 .tit{text-align: center;}
	.about2  ul{background: url(../img/sy51.png) repeat-y center;margin-top: 60px;}
	.clearfix-time{display:block;zoom:1;}
	.about2 .tit h6{color: #666;}
	.f12{font-size:12px;}
	th{font-style:normal;font-weight:normal;}
	.about2 .tit h5{color: #333;margin: 15px 0 45px;}
	.f24{font-size:24px;}
	.about2 li:before{background: url(../img/sy2.png) no-repeat center center; left: -68px;top: 12px; content: "";display: block;position: absolute;width: 51px;height: 32px;}
	.about2 li h4 {
		position: relative;
		display: block;
		text-decoration: none;
		color: #ecf0f1;
		text-transform: uppercase;
		padding: 4px 0;
		transition: 0.5s;
		overflow: unset;
	}
	.about2 li h4::after {
		position: absolute;
		content: "";
		width: 100%;
		height: 1px;
		top: 100%;
		left: 0;
		background: #3498db;
		transition: transform 0.5s;
		transform: scaleX(0);
		transform-origin: right;
	}
	.f30{font-size:30px;}
	.f14{font-size:14px;}
	.about2 li:nth-child(2n):before{overflow:unset;background: url(../img/sy1.png) no-repeat center center; right: -69px;top: 12px;left: auto; content: "";display: block;position: absolute;width: 51px;height: 32px;}
	.about2 li h4{color: #333;transition: all 1s;}
	.about2 li p{color: #666;margin-top: 3px;width: 100%;font-size: 16px;line-height: 25px;}
	.about2 li:nth-child(2n) p{clear: both;float: right;text-align: left}
	.future{text-align: center;color: #999;font-size: 12px;margin-top: 17px;}
	.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
	.about2 li:nth-child(1){margin-top: 0;}
	/* 表示1-3之间的间距 */
	.about2 li{float: right;width: 45.55%;text-align: left;position: relative;overflow: unset;clear: both;}
	.about2 li:nth-child(2n) {float: left;text-align: right;}
	
	.about2 li h4{
		background-image: linear-gradient(to right, #3182ff , #05c9ca);
		color: #fff;
		display: table;
		width: unset;
		height: 32px;
		font-size: 20px;
		line-height: 32px;
		padding: 0 15px;
		margin-top: 12px;
	margin-bottom: 8px;}
	
	.about2 li:nth-child(2n) h4{
		float: right;
	}
	
	.about2 ul{
		display: none;
	}
	
	.about2 ul.clearfix-time{
		width: 1200px;
		margin: 10px auto 0;
	}
	
	.about2 ul:nth-child(1){
		display: block;
	}
	
	.treeTitle{
		display: block;
	clear: both;font-size: 22px;font-weight: bold;margin-top: 8px;color: #333;}
	
	.titleBox h2{
		padding: 5px 15px 0;
	}
	
	.titleBox p{
		padding: 5px 15px 22px;
	}
	
/* 0926 */
.main {
	margin: 0 auto;
}
.timeline {
	margin: 30px auto 0;
	padding: 0;
	list-style: none;
	position: relative;
} 
.timeline:before {
	content: '';
	position: absolute;
	top: 10px;
	bottom: 0;
	width: 1px;
    border-right: 1px dashed rgb(49, 130, 255);
	left: 18%;
	margin-left: -1px;
}
.timeline > li {
    position: relative;
    margin-bottom: 30px;
}
.timeline > li .time {
	display: block;
	width: 15%;
	position: absolute;
}
.timeline > li .time span {
	display: block;
	text-align: right;
    font-size: 16px;
    color: rgb(17, 17, 17);
    line-height: 1.5em;
}
.timeline > li .timeTxt {
    /* width: 886px; */
	margin: 0 0 15px 23%;
	color: #000;
	padding: 25px;
    box-sizing: border-box;
	position: relative;
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(227, 235, 244, 1);
    
}
.timeline > li .timeTxt h2 { 
    font-size: 18px;
    color: rgb(17, 17, 17);
    font-weight: bold;
    line-height: 1.7em;
}
.timeline > li .timeTxt p {
	margin-top: 20px;
    font-size: 14px;
    color: rgb(17, 17, 17);
    line-height: 1.8em;
    text-align: justify;
    text-indent: 30px;
}


.timeline > li .cbp_tmicon {
	width: 42px;
	height: 42px;
	position: absolute;
	color: #fff;
	text-align: center;
	left: 18%;
	top: 0;
	transform: translateX(-50%);
    background: url(../img/t_node.png) center center no-repeat;
}
.timeline > li .cbp_tmicon::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 1px;
    top: 50%;
    left: 75%;
    background-color: rgb(49, 130, 255);
}