/* BOX  */
.conmain {margin-top: 20px;}
.leftcon {float: left;width: 840px;}
aside {width: 320px;float: right;}
/* 轮播 */
.swiper {width: 840px;height: 400px;z-index: 9997;}  
.swiper img {height: 400px;width: 100%;}
/* 公告 */
.nonebox {display: none;}
/* 内容列表 */
.articlenew {display: block;padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.content {background: #fff;padding: 20px;margin-top: 20px;}
.artitle h2 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 25px;line-height: 69px;}
.artleftco {width: 220px;float: left;margin-right: 20px;height: 128px;}
.artleftco a {display: block;border-radius: 15px;overflow: hidden;height: 100%;width:100%;}
.artleftco a img {height: 128px;width:100%;transition: all .5s;}
.articlenew:hover img{transform: scale(1.2);}
.articlenew:hover h2 {color: #007aff;}
.articlenew h2 {transition: all .3s;}
.artrigco p {max-height: 90px;overflow: hidden;font-size: 14px;color: #333;}
.minwid {min-height: 90px;}
.artsx {font-size: 15px;color: #888;margin-top: 18px;}
.bottomtwo {margin-bottom:20px;}
.lm,.time,.heat {margin-right: 13px;font-size: 12px;}
/*产品*/
.cpcont {width: 180px;padding: 20px;height: 80px;box-shadow: 0 1px 5px rgb(90 90 90 / 20%);margin-bottom:20px;}
.leftkz,.rightkz {display: inline-block;}
.leftkz {width: 50px;height:80px;}
.rightkz {width: 120px;height: 80px;margin-left: 5px;}
.contentdeta .cpcont .leftkz img {width: 50px;height: 50px;margin-top: 15px;border-radius: 50%;transition: all .5s;}
.rightkz h2,.rightkz p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rightkz h2 {font-size: 18px;line-height: 20px;}
.rightkz p {font-size: 15px;}
.flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cpcont:hover h2{color:#007aff;}
.cpcont:hover img{transform: rotate(180deg);}
.cpcont a {display: block;}


/* 公告 */
.gonggao {background: #fff;padding: 30px 20px;margin-bottom: 30px;}
.gonggao h3::before {content: '\e993';font-family: 'icomoon';color: #db2e2e;margin-right: 20px;font-size: 16px;}
.gonggao h3 {color: #515151;line-height: 30px;padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px solid #e9e9e9;}
.gonggao p {font-size: 15px;font-family: '黑体';font-weight: 400;color: #494949;}

/* 搜索 */
.sousuo {background: #fff;padding: 30px 20px;margin-bottom: 30px;}
.sousuo h3::before {content: '\ea2f';font-family: 'icomoon';color: #4e6ef2;margin-right: 20px;font-size: 16px;}
.sousuo h3 {color: #515151;line-height: 30px;padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px solid #e9e9e9;}
.sousuo input {border: 1px solid #ccc;height: 24px;width: 74%;float: left;padding: 4px;margin-top: 10px;border-right: 0;outline:none;}
.sousuo button {border: 0;height: 34px;width: 20%;float: left;background: #4e6ef2;color: #fff;margin-top: 10px;}

/* Tages list */
.tagslist {background: #fff;padding: 30px 20px;margin-bottom: 30px;}
.tagslist h3::before {content: '\f02e';font-family: 'icomoon';color: #272727;margin-right: 20px;font-size: 16px;}
.tagslist h3 {color: #515151;line-height: 30px;padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px solid #e9e9e9;}
.tagslist ul li {display: inline-block;font-size: 14px;padding: 5px 10px;background: #f5f6f9;margin: 4px 5px;border-radius: 5px;}
.tagslist ul li a {color: #6b6b6b;}
.tagslist ul li:hover {background: #eaeefa;}


/* hotspot list */
.hotspot {background: #fff;padding: 30px 20px;margin-bottom: 30px;}
.hotspot h3::before {content: '\ea59';font-family: 'icomoon';color: #f77f0f;margin-right: 20px;font-size: 16px;}
.hotspot h3 {color: #515151;line-height: 30px;padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px solid #e9e9e9;}
.hotspot ul li {font-size: 16px;padding: 5px 0;margin: 4px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotspot ul li:nth-child(1) span {color: red;}
.hotspot ul li:nth-child(2) span {color: #f60;}
.hotspot ul li:nth-child(3) span {color: #faa90e;}
.hotspot ul li span {margin-right: 5px;font-weight: 700;font-size: 18px;}
.hotspot ul li a:hover {color: #0188fb;}

/* banner  */
.banner {margin-bottom: 30px;position: relative;}
.banner a {width: 100%;display: block;}
.banner a:before {display: block;content: '站内广告 ×';position: absolute;top: 0;right: 0;background: #fff;padding: 3px 6px;font-size: 14px;border-radius: 0 0 0 5px;}
.banner img {width: 100%;height: auto;}

.gonggao:hover,.sousuo:hover,.tagslist:hover,.hotspot:hover {box-shadow: 0 1px 5px rgb(90 90 90 / 20%);}


/* LIST列表页 */
.mianbaoxie {font-size: 14px;line-height: 30px;}
.listhead {padding-bottom: 10px;border-bottom: 1px solid #f3f3f3;margin-bottom: 20px;}
.listhead h3 {display: inline-block;font-weight: 400;}
/*.listhead h3::before {font-family: 'icomoon';content: '\f10d';color: #ccc;margin-right: 10px;position: relative;top: -3px;}
.listhead h3::after {font-family: 'icomoon';content: '\f10e';color: #ccc;margin-left: 10px;position: relative; bottom: -6px;}*/
.aside {margin-top: 50px;}
.footerm {margin-bottom: 20px;}
.page {margin: 20px 0;}
.page-num {width: 30px;height: 30px;background: #6381f8;display: inline-block;color: #fff;text-align: center;line-height: 30px;border-radius: 5px;margin: 5px;}
.page-num:hover {background: #475fbb;}
.page-index a,.page-pre a,.page-next a,.page-last a{height: 30px;padding: 0 5px;background: #6381f8;display: inline-block;color: #fff;text-align: center;line-height: 30px;border-radius: 5px;margin: 5px;font-size: 15px;}
select {border:1px solid #ccc;height: 35px;padding: 5px;margin-left: 10px;}



@media screen and (max-width: 1200px) {
    .swiper {width: 100%;height: 230px;}
    .swiper img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1.5s;}
    .nonebox {display: block;}
    .conmain { margin-top: 0px;border-top: 1px solid #e2e2e2;}
    header .nav h1 {width: 200px;margin-right: 10px;margin-left: 30px;}
    .leftcon {width: 100%;}
    .page {padding: 0 20px;}
    .content {margin-top: 0;}
    .mianbaoxie {padding: 0 20px;}
}


@media screen and (max-width: 700px) {
    .artleftco {width: 130px;float: left;margin-right: 20px;height: 90px;}
    .artleftco a {display: block;border-radius: 15px;overflow: hidden;height: 100%;width:100%;}
    .artleftco a img {height: 100%;width:100%;transition: all .5s;}
}

@media screen and (max-width: 500px) {
/*产品*/
.cpcont {width: 40%;padding: 5px 15px;}
.rightkz {width: 50%;height: 40px;margin-left: 5px;position: relative;top: 7px;}
.contentdeta .cpcont .leftkz img {width: 40px;height: 40px;margin-top: 20px;border-radius: 50%;transition: all .5s;}
.rightkz h2 {font-size: 16px;line-height: 16px;}
}