@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
@font-face {
    font-family: "FZZCHJW--GB1";
    src: url("./fonts/方正正粗黑简体.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FZZCHJW--GB1";
    src: url("./fonts/方正正粗黑简体.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("./fonts/Helvetica.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FZLTTHK--GBK1";
    src: url("./fonts/兰亭特黑简.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}
html{height: 100%;}
img{border:none;vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2{ font-size:18px; font-family:"PingFangSC, PingFang SC;"; }
body{font-size:14px; font-family:"PingFangSC, PingFang SC;"; }
address,cite,code,em,th{font-weight:normal; font-style:normal;}
a{outline: none;color:#000000;text-decoration: none;}
.fontBold{font-weight: bold;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font33{color: #333333;}
.font99{color: #999999;}
.fontFF{color: #FFFFFF;}
.fontBold{font-weight: bold;}
.cursorPointer{cursor: pointer;}
.aclass{cursor: pointer;text-decoration: none;color: #000000;}
.aClass:hover{text-decoration: none;}
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.flexcenter{align-items: center;justify-content: center;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflowclassone{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
html, body {
    overflow-x: hidden;background: #FFFFFF;
}
.cBlack a, .cBlack {color: #cccccc;text-decoration: none;}
.content{width: 1380px;margin:23px auto 40px auto;}

.content.confixed{margin-top: 120px;}
.searchcons.confixed{margin-top: 90px;}



.rclileft{display:flex;}
.rcUl .rcLi .rclileft{flex-shrink: 0;display: flex;align-items: center;justify-content: center;margin:0 6px 0 0;font-size: 10px;}
.rcUl .rcLi .rclileft p{font-weight: normal; font-size: 20px;line-height: 13px;margin:4px 0 0 0;color:#FFFFFF;}
/* .rcUl .rcLi:nth-child(2) .rclileft p,.rcUl .rcLi:nth-child(3) .rclileft p{margin-bottom:4px;} */

.rcUl .rcLi:nth-child(1) .rclileft{background:url(../lhimages/icon244.png) no-repeat;width: 30px;height: 32px;background-size: contain;color: #E2211C;}
.rcUl .rcLi:nth-child(2) .rclileft{background:url(../lhimages/icon245.png) no-repeat;width: 30px;height: 32px;background-size: contain;color: #DE8E09;}
.rcUl .rcLi:nth-child(3) .rclileft{background:url(../lhimages/icon246.png) no-repeat;width: 30px;height: 32px;background-size: contain;color: #09DE8A;}
.rcUl .rcLi:nth-child(n+4) .rclileft{background:url(../lhimages/icon247.png) no-repeat;width: 30px;height: 32px;background-size: contain;color: #9495AD;}
.tecna,.tecnAimg{width: 162px;height: 88px;border-radius:5px;}
.tecnAimg{flex-shrink: 0;}
.tecna{display:flex;}
.tecnda{font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;height:26px;margin:2px 0 18px 0;transition:all .3s ease;letter-spacing: 0.31px;word-break: break-all;}
.tecnda:hover{color:#E2211C;}
.tecnp{font-size: 14px;color: #999999;line-height: 22px;-webkit-line-clamp:1;word-wrap:break-all;}
.tecnRight{margin:0 0 0 12px;max-width: 174px;}
.tecnelli{margin:0 0 29px 0;}
.tecnelli:last-child{margin:0;}
.technology-news{padding:0 0 36px 0;border-bottom: 1px solid #F0F1F3;}
.title-left{font-size: 22px;color:#333333; align-items: center;text-align: left;font-style: normal;font-weight:bold;}
.title-left .eng{font-family: Helvetica;font-size: 16px;color: #DCDCDC;line-height: 24px;text-align: left;margin:7px 0 0 4px;}
.title-left p:nth-child(1){color:#E2211C;    display: flex;flex-direction: column;align-items: center;}
.title-left p:nth-child(1) b{width: 46px;height: 3px;background: #E2211C;border-radius: 2px;}
.conRight .title-left{font-weight: bold;font-size: 22px;color: #141C24;line-height: 29px;text-align: left;font-style: normal;}



.rightDiv{margin:50px 0 0 0;}
.rightDiv:first-child{margin:0;}

.tecnewA b{width: 6px;height: 6px;background: #CCCCCC;min-width: 6px;margin:7px 5px 0 0;transition: all 0.3s ease;}
.tecnewaRight p:nth-child(1){font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;transition: color 0.3s ease;}
.tecnewaRight p:nth-child(2){font-size: 14px;color: #6E6E6E;line-height: 20px;-webkit-line-clamp:2;margin:10px 0 0 0;}
.tecnewA{margin:0 0 20px 0;}
.tecnewA:hover .tecnewaRight p:nth-child(1){color: #E2211C;}
.tecnewA:hover b{background:#E2211C;}
.ristyAimg{width: 162px;height:100px;border-radius: 5px;object-fit: cover;margin:0 21px 0 0;flex-shrink: 0;}
.rirightp{font-size: 16px;color: #333333;line-height: 26px;-webkit-line-clamp:2;transition:all .3s ease;height:48px;}
.risrdown{color: #999999;line-height: 20px;align-items: center;    white-space: nowrap;}
.risrdown b{width: 4px;height: 4px; background: #8A9199;margin:0 5px;border-radius: 50%;}
.ristyaRight{justify-content: space-between;}
.rirightp:hover{color:#E2211C;}
.ristyA{margin:0 0 25px 0;}
.ristyA:last-child,.ridsA:last-child{margin:0;}
.ridsA{margin:0 0 22px 0;}
.ridsA{margin:0 0 23px 0;}
.ridsA a,.ristyA a{display:flex;}
.ridsrp:hover{color:#E2211C;}
.ridsrdown p:hover{background: #FFF5F5;color: #E2211C;}
.ridsAimg{width: 101px;height: 60px;border-radius: 8px;margin:0 18px 0 0;flex-shrink: 0;}
.ridsrp{font-size: 16px;color: #313131;line-height: 22px;-webkit-line-clamp:1;transition:all .3s ease;height: 22px;overflow:hidden;}
.ridsrpdsc{color: #6E6E6E;line-height: 20px;-webkit-line-clamp:1;margin:4px 0 2px 0;}
.ridsaRight{justify-content: space-between;}
.ridsrdown p{width: 68px;height: 23px;background: #FFF5F5;border-radius: 11px;font-size: 12px;color: #E2211C;line-height: 17px;display: flex;align-items: center;transition:all .3s ease;justify-content: center;}


.readA{font-size: 16px;color: #3C3C3C;line-height: 24px;-webkit-line-clamp:2;transition:all .3s ease;}
.readA:hover{color:#E2211C;}
.readA.zjtd{    letter-spacing: 3px;}
.rcLi:nth-child(1) .rcreadDiv a:nth-child(2){color: #6E6E6E;line-height: 20px;margin:15px 0 0 0;-webkit-line-clamp:2;font-size: 14px; line-height: 24px;}
.rcLi{margin:0 0 23px 0;}
.rcLi:last-child{margin:0;}
.rcLi .rclileft b:nth-child(1){margin:0;font-family: FZZCHJW--GB1;font-size: 10px;margin-bottom: 3px;}
/* .rcLi:nth-child(n+4) .rclileft b:nth-child(2){background:url(../lhimages/icon191.png) no-repeat;width:5px;height:8px;margin:10px 5px 0 0;background-size: contain;} */
.adversitement img{width: 350px;;box-shadow: 0px 0px 8px 0px #ECEDF0;border-radius: 8px;object-fit: cover;}
.adversitement {margin:40px 0 0 0;}

.rightdTitle{justify-content: space-between;margin:0 0 23px 0;align-items: center;}
.rititle-left {font-weight: 600;font-size:18px;color: #000000;line-height:20px;font-family: FZZCHJW--GB1;}
.rititle-left p:nth-child(1) {color: #E2211C;display: flex;flex-direction: column;align-items: center;}
.rititle-left p:nth-child(1) b {width: 35px;height: 2px;background: #E2211C;border-radius: 2px;margin: 2px 0 0 0;}
.rititle-more{font-size: 16px;color: #899099;line-height: 22px;align-items: center;}
.conRight .rititle-more{font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;text-align: right;font-style: normal;letter-spacing: 0.01px;}
.title-more{font-size: 14px;color: #999999;line-height: 22px;align-items: center;transition:all .3s ease;}
.title-more:hover,.rititle-more:hover,.conRight .rititle-more:hover{color:#F13536}
.left-zt .title-left b{width:24px;height:24px;background: url(../lhimages/icon235.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.left-ai .title-left b{width:25px;height:24px;background: url(../lhimages/icon236.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.left-article .title-left b{width:25px;height:24px;background: url(../lhimages/icon237.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.left-video .title-left b{width:27px;height:24px;background: url(../lhimages/icon238.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.technology-news .title-left b{width:24px;height:24px;background: url(../lhimages/icon239.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.readCharts .title-left b{width:25px;height:24px;background: url(../lhimages/icon240.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.rightStudy .title-left b{width:23px;height:23px;background: url(../lhimages/icon242.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.rightDowns .title-left b{width:26px;height:24px;background: url(../lhimages/icon243.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.rightdl .title-left b{width:27px;height:27px;background: url(../lhimages/icon296.png) no-repeat;background-size:contain;margin:0 10px 0 0;}
.readCharts .title-left b:nth-child(2){background: url(../lhimages/icon241.png) no-repeat;background-size:contain;    height: 30px;width: 120px;}



.video-tab{width: 308px;height:auto;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;position: relative;margin:0 24px 0 0;transition:all .3s ease;}
.video-tab:last-child{margin:0;}
.video-tab:hover{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15), 0px 0px 1px 1px #F9F9F9;}

.vtaba:hover img{transform: scale(1.05); }
.vtabimg{transition: transform 0.4s ease;}
.vtaba{overflow:hidden;}

.vtdown dt a:hover{color: #E2211C;}
.vtdown dt a{color:#000000;transition:all .3s ease;}
.vtaba,.vtabimg{width: 309px;height: 169px;border-radius: 8px 8px 0px 0px;}
.vtdown dt {height: 56px;overflow: hidden;font-size: 18px;color: #1C2021;line-height: 28px;font-weight: 400;margin:15px;}
.vtdown dt .bg1{font-size: 12px;color: #679CFD;line-height: 12px;background: #E0E7FC;}
.vtdown dt .bg2 {font-size: 12px;color: #BB1114;line-height: 12px;background: #FFEBEF;}
.vtdown dt .bg3 {font-size: 12px;color: #E26A00;line-height: 12px;background: #FBEAD0;}
.vtdown dt i {font-size: 12px;line-height: 12px;width: 32px;height: 16px;border-radius: 2px;font-style: normal;padding: 2px 4px;font-weight: 400;}
.vtdown dd {justify-content: space-between;color:#8E8E8E;margin:0 10px 11px 10px;}
.vtdown dd em a {display: flex;align-items: center;color:#8E8E8E;transition:all .3s ease;}
.vtdown dd em a:hover,.vtdown dd em a.courseICollectioned{color:#E2211C;}
.vtdown dd em a:hover b{background: url(../lhimages/icon143.png) no-repeat;background-size: contain;}
.vtdown dd em a.courseICollectioned b{background: url(../lhimages/icon144.png) no-repeat;background-size: contain;}
.shoucang a {color: #BB1114;}
.vtaba-free{position:absolute;width: 62px;height: 24px; 
    font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 12px;    display: flex;align-items: center;justify-content: center;z-index:2;
    background-image: url(../lhimages/icon234.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.coderdCheck b{width:9px;height:9px;background: url(../lhimages/icon184.png) no-repeat;background-size:contain;margin:0 0 0 4px;  }
/* .codeconA:hover .coderiDown .dnfordDown b{background: url(../lhimages/icon179.png) no-repeat;background-size:contain;}
.codeconA:hover .coderdCheck b{background: url(../lhimages/icon183.png) no-repeat;background-size:contain;} */
.coderiDown .dnfordDown b{background: url(../lhimages/icon185.png) no-repeat;transition:all .3s ease;background-size:contain;}
.dnfordWatch b{width:16px;height:12px;background: url(../lhimages/icon250.png) no-repeat;background-size: cover;margin:0 6px 0 0;  }
.dnfordDown b{width:16px;height:16px;background: url(../lhimages/icon249.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dnfordTiem b{width:16px;height:16px;background: url(../lhimages/icon248.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlfrWatch b{width:16px;height:12px;background: url(../lhimages/icon172.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlfrDownload b{width:16px;height:16px;background: url(../lhimages/icon185.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlftTimes b{width:16px;height:16px;background: url(../lhimages/icon185.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlodTime b{width:16px;height:16px;background: url(../lhimages/icon170.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlodType b{width:16px;height:15px;background: url(../lhimages/icon173.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.laytabZt .cldddh b{width:17px;height:12px;background: url(../lhimages/icon172.png) no-repeat;background-size: contain;    flex-shrink: 0;}
.cldddh b{width: 14px;height: 17px;background: url(../lhimages/icon169.png) no-repeat;margin:0 3px 0 0;background-size: contain;    flex-shrink: 0;}
.clddTime b{width: 16px;height: 16px;background: url(../lhimages/icon170.png) no-repeat;margin:0 3px 0 0;background-size: contain;}
.cldddLabels b{width: 16px;height: 14px;background: url(../lhimages/icon171.png) no-repeat;margin:0 4px 0 0;background-size: contain;}
.vtdown dd em.shoucang a b {width: 18px;height: 18px;background: url(../lhimages/icon144.png) no-repeat;background-size: contain;}
.vtdown dd em a b {width: 18px;height: 18px;background: url(../lhimages/icon142.png) no-repeat; margin: 0 6px 0 0;transition:all .3s ease;background-size: contain;}
.artleft-down .aldatitle b{width:15px;height:18px;background: url(../lhimages/icon166.png);background-size: cover;margin:0 0 0 6px;display: inline-block;vertical-align: text-top;}





.friendLink {width: 1382px;height: 145px;background: #FFFFFF;margin: 20px auto 0 auto;}
.flTitle {align-items: center;margin: 0 0 28px 0;padding: 25px 0 0 0;}
.flTitle b { width: 28px;height: 24px;margin: 0 8px 0 0;background: url(../lhimages/icon24.png) no-repeat;}
.fllink {font-size: 22px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.flqq {font-size: 14px;color: #999999;}
.flAlllink ul {flex-wrap: wrap;}
.flAlllink li {margin: 0 12px 10px 12px;}
.flAlllink a{color: #333333;font-weight: 400;text-decoration: none;font-size: 16px;}
.flAlllink a:hover{color:#E2211C;}
.phpFoot {width: 100%;}
.phpFootIn {width: 100%;height: 227px;background: #292929;}
.phpFootCont {width: 1380px;margin: auto;}
.phpFootLeft {float: left;width: 685px;margin-top: 50px;position: relative;}
.phpFootLeft dl{display:flex;flex-direction: column;}
.phpFootLeft dl dt {width: 875px;}
.phpFootLeft dl dt a { display: block; float: left; margin-right: 45px; font-weight: bold;}
.phpFootLeft dl dd.cont1 {color: #7b7b7b;margin-top: 25px;height: 18px;line-height: 18px;overflow: hidden;}
.phpFootLeft dl dd.cont2 {margin-top: 30px;}
.phpFootLeft dl dd.cont2 span {display: block;float: left;line-height: 30px;position: relative;height: 40px;}
.phpFootLeft dl dd.cont2 span a {display: block;float: left;font-size: 12px;margin-right: 40px;margin-top: 10px;}
.phpFootLeft dl dd.cont2 span a b.icon1 {background-position: -100px -25px;}
.phpFootLeft dl dd.cont2 span a b {display: block;width: 30px;height: 30px;background: url(../images/bg1.png) no-repeat;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;float: left;margin: 0px 10px 0px 0px;
}
.phpFootLeft dl dd.cont2 span em {display: block;width: 150px;height: 180px;background: #ffffff;border-radius: 5px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    position: absolute;right: 0px;left: 0px;z-index: 10;top: -180px;
}
.phpFootLeft dl dd.cont2 span em p {line-height: 20px;font-size: 12px;margin-top: 10px;text-align: center;}
.phpFootLeft dl dd.cont2 span em img {width: 110px;height: 110px;margin: 5px 0px 0px 20px;}
.phpFootLeft dl dd.cont2 span a b.icon2 {background-position: -140px -25px;}
.phpAppBox {position: absolute;right: 0px;top: -3px;}
.phpAppTitle a {display: block;color: #ffffff;text-decoration: none;font-weight: bold;position: relative;}
.phpAppSub {position: absolute;left: -30px;top: 20px;background: #ffffff;width: 150px;padding-bottom: 20px;border-radius: 5px;}
.phpAppSub img {width: 110px;height: 110px;margin: 20px 0px 0px 20px;}
.phpAppSub p {text-align: center;font-size: 12px;color: #333333;margin-top: 10px;}
.phpFootRight {float: right;margin-top: 17px;}
.phpFootMsg {float: left;text-align: center;margin: 0px 0px 0px 30px;}
.phpFootMsg span { width: 142px; height: 142px;background: #ffffff;border-radius: 5px;display: block;margin: 0 auto;}
.phpFootMsg span img {width: 94%;height: 94%;margin-top: 4%;margin-left: 1%;}
.phpFootMsg dl dt {height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #cccccc;margin-top: 15px;}
.phpFootMsg dl dd {font-size: 12px;height: 16px;line-height: 16px;overflow: hidden;color: #7d7d7d;margin-top: 10px;}
.phpFootCode { width: 100%; height: 50px;background: #212121;line-height: 50px;}
.phpFootCodeIn {width: 1380px;margin: auto;display: flex;justify-content: center;align-items: center;}
.phpFootCodeIn p,.phpFootCodeIn p a {color: #656565;float: left;}
.phpFootCodeIn b {display: block;float: left;width: 12px;height: 14px;background: url(../images/bg1.png) no-repeat -180px -25px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -180px -25px;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -180px -25px;margin: 0px 0px 0px 10px;
}