@charset "utf-8";
/* CSS Document by YC */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,i{margin:0;padding:0; font-style:normal !important}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:#333333;font-family:Microsoft YaHei}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font-size:16px;color:#666;font-family:'PingFang SC','Microsoft yahei'; background:#000000}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a, button { cursor:pointer}
a{ text-decoration:none; color:#fff;}
a:hover{ color:#0099cc!important;/* text-decoration:underline;*/}
.header .mainnav a:hover{ text-decoration:none;}
.left,.l{float:left;}
.right,.r{float:right;}
.clear:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ zoom:1; clear:both}
.hoverimg{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
a:hover .hoverimg{-webkit-transform:scale(1.05);-moz-transform:scale(1.1);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.w1200{width: 1200px; margin:0 auto; }
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}
.mt2{margin-top:2px;}
img{display: block;}
body{overflow-x: hidden;}
/*body*/
.row{width: 1200px;margin: 0 auto; position: relative;}
.header{width: 100%;height: 63px;background: #171514;}
.header .logo{width: 110px;height: 63px;display: block;float: left;}
.header .logo a{ background: url(logo.png) 0 center no-repeat;width: 110px;height: 63px;display: block;text-indent: -999em;}
.nav{float:left;margin-left: 30px;margin-right: 0px;}
.nav li{ font-size: 18px; line-height: 63px;float: left;}
.nav li a{color: #fff; padding: 0 15px;display: block;margin: 0 5px;}
.nav li.on a{background: url(navhover.png) 0 46px repeat-x;}
.search{float: left;padding-top: 12px; position:relative;}
.search .text{width: 125px;height: 35px;line-height: 35px;overflow: hidden;background: #333333;color: #666666;font-size: 18px;border-radius: 10px;border: 0;outline: none;padding: 0 15px;float: left;margin-right: 10px;}
.search .submit{background: url(search.png) 0 0 no-repeat; width: 33px;height: 33px;display: block;text-indent:-999em; float:left;}
.search .submit:hover{ opacity:.8;}
.follow{float: right;padding-top: 12px;}
.follow a{background: #333333;color: #fff;border-radius: 10px;width: 59px;height: 35px;line-height: 35px;display: inline-block;text-align: center;margin-left: 10px; position:relative;}
.follow a.on{background: #0066cc;}
.code{ width:151px; height:199px; display:block; position:absolute; left:-45px; top:40px; z-index:9;}
.code img{ width:151px; height:199px; display:block;}
.slideBox{ width:1900px; height:676px; overflow: hidden; position:relative; margin: auto;}
.slideBox .swiper-pagination-bullets{bottom: 80px!important;}
.slideBox .hd{ width:100%; height:30px; overflow:hidden; position:absolute; left:0; bottom:90px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.slideBox .hd ul li{ width:12px; height:12px; border-radius:50%; background:#fff; cursor:pointer; margin:0 10px; display:inline-block;}
.slideBox .hd ul li.on{ background:#0066cc;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:676px;}
.slideBox .bd li a{ display:block; height:676px; width:100%!important;}
.slideBox .swiper-slide a img{ width:100%; object-fit: cover;height: 676px; object-fit: cover;}
.w1200 .bar a{margin-top: 20px; display: block;}
.sbox{height: 770px;position: relative; overflow: hidden;}
.poclist{ width: 1200px; margin: 0 auto; position: relative; top:-65px; z-index: 1;}
.poclist ul{width: 1230px;}
.poclist li{width: 277px;float: left;margin-right: 30px;}
.poclist li a{width: 277px;height: 156px; display:block; overflow:hidden; border-radius:10px; position:relative;}
.poclist li img{width: 277px;height: 156px;display: block; border-radius:10px;}
.poclist li p{ width:257px; padding:5px 10px; font-size:18px; line-height:30px; height:60px; overflow:hidden; position:absolute; left:0; bottom:-70px; z-index:9; -webkit-transition:.5s all; transition:.5s all; background:rgba(0,153,255,.5);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.poclist li a:hover p{ bottom:0; color:#fff;}
.cr_box_left{ width:1004px; float:left;}
.cr_l{width: 747px;float: left;}
.cr_l li{width: 747px;height: 420px;overflow: hidden;position: relative;border-radius:10px;}
.cr_l li img{width: 747px;height: 420px;display: block;border-radius:10px;}
.cr_l li i{width: 68px;height: 68px;display: block; background:url(v.png) 0 0 no-repeat; position: absolute;left: 50%;top: 50%;margin-left: -34px;margin-top: -34px;z-index: 9;opacity: .6;}
.cr_l li a:hover i{ opacity:.8;}
.cr_c{width: 227px;height: 420px;overflow: hidden;float: left;margin-left: 30px;}
.cr_c li{width: 227px;height: 128px;overflow: hidden;margin-bottom: 18px; opacity:.6;}
.cr_c li img{width: 227px;height: 128px;display: block; cursor:pointer;}
.cr_c li.on{ opacity:1;}
.cr_r{background:url(tab_menu.png) 0 0 no-repeat;width: 165px;height: 419px;overflow: hidden;float: right;}
.cr_r ul{padding-top: 12px;}
.cr_r li{height: 80px;line-height: 80px;overflow: hidden;color: #cccccc;text-align: center;}
.cr_r li a{color: #cccccc;font-size: 24px;display: block;}
.cr_r li.on a{color: #fff;font-size: 28px;background: url(tab_menu_hover.png) center 0 no-repeat;}
.menu{font-size: 18px;text-align: center;padding-bottom: 8px;padding-top: 20px;}
.menu a{color: #cccccc;display: inline-block;line-height: 40px;padding: 0 20px;}
.menu a.on{color: #FFFFFF;background: url(menuhover.png) center bottom repeat-x;}
.cbox{padding: 10px;border-radius: 10px;background:#201f1f;}
.se_l{width: 257px;float: left;}
.se_c{width: 590px;float: left;margin-left: 30px;}
.se_r{width: 277px;float: right;}
.se_piclist{width: 227px;margin: 0 auto;padding: 5px 0;}
.se_piclist li{margin-top: 20px;}
.se_piclist li .ig{width: 227px;height: 128px;display: block; border-radius:10px; overflow:hidden;}
.se_piclist li img{width: 227px;height: 128px;display: block; border-radius:10px;}
.se_piclist li p{font-size: 18px;line-height: 40px;height: 40px;overflow:hidden;text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.brand{width: 227px;margin: 0 auto;margin-top: 22px;}
.brand .ig{width: 227px;height: 128px; overflow:hidden; display:block;border-radius:10px;}
.brand img{width: 227px;height: 128px;display: block;border-radius:10px;}
.brand p{font-size: 18px;line-height: 30px;height: 90px;overflow: hidden;color: #fff;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.links{padding:20px 8px;}
.links li{width: 109px;float: left;margin: 5px;}
.links li img{width: 109px;height: 51px;display: block;}
.ve_box{padding: 20px;border-radius: 10px;background:rgba(51,51,51,.7);}
.ve_box dt{width: 527px;height: 298px;overflow: hidden;position: relative;float: left;}
.ve_box dt .ig{width: 527px;height: 298px; overflow:hidden;border-radius: 10px; display:block;}
.ve_box dt img{width: 527px;height: 298px;display: block;border-radius: 10px;}
.ve_box dt p{width: 487px; padding: 0 20px; text-align: center; font-size: 24px;height: 70px;line-height: 70px;overflow: hidden;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(51,51,51,.5);position: absolute;left: 0;bottom: 0;z-index: 9;text-overflow:ellipsis;white-space: nowrap;}
.ve_box dd{float: right; width: 633px;height: 298px;overflow: hidden;}
.bigtitle{font-size: 30px;font-weight: bold; color: #fff; height: 50px;line-height: 50px;text-align: center;overflow: hidden;background: url(line3.png) center bottom no-repeat;}
.bigtitle a{color: #fff;}
.bigtitle a img{display: none;}
.piclist li{width: 192px;float: left;margin-left: 19px;margin-bottom: 10px;}
.piclist li .ig{width: 192px;height: 108px; display:block; border-radius:10px; overflow:hidden;}
.piclist li img{width: 192px;height: 108px;display: block; border-radius:10px;}
.piclist li p{font-size: 18px;line-height: 36px;height: 36px;overflow: hidden;text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.textlist{padding-left: 30px;margin-top: 20px;}
.textlist li{font-size: 18px;line-height: 36px;height: 36px;overflow: hidden;background: url(dot.png) 0 center no-repeat;text-indent: 22px;text-overflow:ellipsis;white-space: nowrap;}
.textlist li a{color: #fff;}
.textlist li i{font-size: 16px;border-radius: 5px;height: 21px;line-height: 21px;display: inline-block;padding: 0 8px;text-indent: 0;margin-left: 6px;color:#fff;}
.textlist li .New{background: #0066cc;}
.textlist li .Iot{background: #9933ff;}
.textlist li .Hard{background: #01b83f;}
.se_c .textlist{padding-left: 10px;}
.v_title{height: 46px;overflow: hidden;text-indent: -999em;position: relative;top: 21px;left: 45px;}
.v_title.ve_1{background: url(tc_1.png) 0 0 no-repeat;}
.v_title.ve_2{background: url(tc_2.png) 0 0 no-repeat;}
.v_title.ve_3{background: url(tc_3.png) 0 0 no-repeat;}
.v_title.ve_4{background: url(tc_4.png) 0 0 no-repeat;}
.v_title.ve_5{background: url(tc_5.png) 0 0 no-repeat;}
.s_title{line-height: 64px;height: 64px;overflow: hidden;padding:0 16px;border-radius: 8px;background: #333333;}
.s_title h3{font-size: 24px;color: #fff;text-indent: 40px;}
.s_title.se4 h3{background:url(ic_4.png) 0 center no-repeat;}
.s_title.se5 h3{background:url(ic_5.png) 0 center no-repeat;}
.s_title.se6 h3{background:url(ic_6.png) 0 center no-repeat;}
.s_title.se7 h3{background:url(ic_7.png) 0 center no-repeat;text-indent: 65px;}
.s_title em{float: right;font-size: 16px;color: #fff;}
.s_title em a{color: #fff;}
.s_title em .on{color: #0099ff;}
.v_box_l{width: 873px;padding: 10px;border-radius: 10px;background:rgba(51,51,51,.7);}
.v_piclist ul{padding-top: 18px;}
.v_piclist li{width: 192px;float: left;margin-left: 12px; margin-right:12px;margin-bottom:21px;}
.v_piclist li .ig{width: 192px;height: 108px;display: block; overflow:hidden; border-radius:10px;}
.v_piclist li img{width: 192px;height: 108px;display: block; border-radius:10px;}
.v_piclist li p{font-size: 18px;height: 40px;line-height: 40px;overflow: hidden;text-align: center;margin-top: 5px;}
.v_piclist li em{width: 121px;height: 39px;line-height: 39px;overflow: hidden;background: url(ic_8.png) 0 0 no-repeat;display: block;font-size: 16px;color: #fff;text-align: center;margin: 0 auto;}
.v_box_r{width: 257px;padding: 10px;border-radius: 10px;background: #2b2a2a;}
.v_textlist{padding: 10px;}
.v_textlist li{line-height: 36px;height: 36px;overflow: hidden;color: #fff;}
.v_textlist li a{color: #fff;}
.v_textlist li em{float: right;font-size: 14px;}
.v_textlist li em span{color: #0099ff;}
.v_list{margin-top: 48px;}
.v_list dl{background: #201f1f;padding: 25px;border-radius: 10px;margin-bottom: 35px;}
.v_list dl dt{width: 527px;height: 298px;overflow:hidden;float: left;margin-right:50px; border-radius:10px;}
.v_list dl dt img{width: 527px;height: 298px;display:block;border-radius: 10px;}
.v_list dl dd h4{font-size: 30px;font-weight:bold;height: 60px;line-height: 60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.v_list dl dd h4 a{color: #fff;}
.v_list dl dd p{font-size: 18px;height: 108px;line-height: 36px;overflow: hidden;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.v_list dl dd .v_text{font-size: 18px;height: 32px; overflow: hidden;margin-top: 10px;}
.v_list dl dd .v_text a{line-height: 32px;height: 32px; overflow: hidden; display: inline-block; padding: 0 10px; margin-right: 8px; background: #010101;color: #666666;}
.v_list dl dd .v_tip{height: 64px;line-height: 64px;overflow: hidden;margin-top: 20px;}
.v_list dl dd .v_tip img{width: 58px;height: 58px;display: block;border: 3px solid #fff;border-radius: 50%;float: left;margin-right: 15px;}
.v_list dl dd .v_tip p{font-size: 24px;color: #cccccc; float: left;line-height: 64px; height:64px; overflow:hidden; width:150px;text-overflow:ellipsis;white-space: nowrap;}
.v_list dl dd .v_tip em{float: right;font-size: 21px;color: #cccccc;}
.v_list dl dd .v_tip em span{display: inline-block;margin-left: 35px;}
.v_list dl dd .v_tip em .v_common{background: url(ic_1.png) 0 center no-repeat;text-indent: 35px;}
.v_list dl dd .v_tip em .v_date{background: url(ic_2.png) 0 center no-repeat;text-indent: 30px;}
.v_list dl dd .v_tip em .v_hit{background: url(ic_3.png) 0 center no-repeat;text-indent: 28px;}
.v_list dl.on dt{float:none;float: right;margin-right: 0;margin-left: 50px;}
.v_more{height: 54px;line-height: 54px;overflow: hidden;background: #201f1f;border-radius: 10px;font-size: 24px;color: #d0d0d0; display: block;text-align: center;}
.footer {background:#000000;padding:50px 0 50px;font:12px '\5b8b\4f53';}
.footer .ft {width:1010px;margin:0 auto;}
.footer p {color:#a1a1a1;	line-height:1.5;position:relative;margin:0;text-indent:15px;}
.footer p.link{line-height:1;height:25px;text-indent:0px;}
.footer a {color:#a1a1a1;margin:0 15px;}
.ft_logo {float:left;padding-left:50px;width:99px;height:60px;	padding-right:20px;	background:url(footer-logo.jpg) no-repeat 50px 0px;text-indent:-9999em;margin-right:50px;}
.ft_wrap .ico_cop {float:right;margin-top:5px;margin-right:30px;display:inline;}
.cr_l li img,.piclist li img,.poclist li img,.brand img,.se_piclist li img,.ve_box dt img,.v_piclist li img,.v_list dl dt img{ -webkit-transition:.5s all; transition:.5s all;}
.cr_l li a:hover img,.piclist li a:hover img,.poclist li a:hover img,.brand a:hover img,.se_piclist li a:hover img,.ve_box dt a:hover img,.v_piclist li a:hover img,.v_list dl dt a:hover img{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.hotsearch{width: 134px; position: absolute;left: 0;top: 48px; background: #ffffff;padding: 10px;box-shadow: 0 1px 5px rgba(0,0,0,.2); z-index:999;}
.hotsearch a{color: #666666; font-size: 14px;line-height: 28px;padding: 0;display: block;}
.hotsearch a:hover{background: none;}
.banner{width: 1200px;margin: auto;padding: 20px 0 0 0;}
.duilianads{width: 1200px; height: 0; margin: auto;position: relative;top: -90px;z-index: 99;}
.duilianads a img{width: 178px; height: 512px;}
.duilianads .adsleft{float: left; margin-left: -188px; height: 0;}
.duilianads .adsright{float: right;margin-right: -188px; height: 0;}
.topnavFix{position: fixed;left: 50%;top: 0;margin-left: -600px;z-index: 999999;}
/**20211210**/
#top_ads{width:1200px;height:300px!important;position:fixed; left: 50%; top: 50%; z-index: 999999999; margin-left: -600px; margin-top: -150px;}
#top_ads #close{position:absolute;bottom:0;right:0;cursor:pointer;}
#float_ad{display:none;position:fixed;_position:absolute;right:0px;bottom:100px;cursor:pointer;width:20px;z-index: 99999;}
/**20211210**/