@charset "utf-8";
.headerline{width:100%;height:1px;background:#ddd}
.content{width:1168px;height:auto;margin:0 auto}
.content1{width:1200px;height:auto;margin:0 auto}
.video_btn{width:820px}
.video_btn a{margin-left:10px}
.banner_v{margin-bottom:45px}
#sh_banner_wrap #banner_menu_wrap {width:218px; background:#2b333b;  float:left; z-index:9999; height:441px}
#sh_banner_wrap #banner_menu_wrap .active {margin-top:20px; }
#sh_banner_wrap #banner_menu_wrap li {display:block; line-height:63px;transition:all 3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;cursor:pointer;}
#sh_banner_wrap #banner_menu_wrap li a {font-size:16px; color:#fff; padding:0 15px; display:block;}
#sh_banner_wrap #banner_menu_wrap li i{ float:right;line-height:63px; color:#fff; font-size:18px}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_i {float:right;font-size:20px;margin-right:20px;}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content {width:675px;height:437px;display:none;z-index:610;position:absolute;left:218px;top:0;background:#fff;border:#09699c solid 2px}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content h1{ font-size:24px; font-weight:normal; text-align:center; padding:20px 0 5px 0}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content p{ color:#666; padding:0 30px; text-align:center;  font-size:16px; padding-bottom:0px; line-height:26px;}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content em{ color:#ff0000; font-weight:bold}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn{ display:inline-block; }
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn a{ padding:8px 40px; font-size:16px;border:#167ed9 solid 1px; line-height:24px; margin:0 10px; color:#167ed9;transition:all 3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn a:hover{ background:#167ed9; color:#fff}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn1{ display:inline-block;  }
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn1 a{ padding:8px 40px; font-size:16px;border:#167ed9 solid 1px; line-height:24px; margin:0 10px; color:#fff;transition:all 3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s; background:#167ed9}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .btn1 a:hover{ background:#fff; color:#167ed9}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kcpadding{ padding-left:30px; position:absolute;bottom:10px;}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kc{ float:left;overflow:hidden; width:215px; padding:10px 0 }
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kc span{ font-size:16px; line-height:50px; float:left; width:120px}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kc img{ width:50px; height:50px; float:left; padding-right:15px }
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kc a{ color:#000;}
#sh_banner_wrap #banner_menu_wrap li .banner_menu_content .kc a:hover{ color:#167ed9;-webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; }
.sh_banner_right{ float:right; width:950px;}
.focusBox{ position:relative;  height:322px; overflow:hidden;}
.focusBox .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:25px;  }
.focusBox .hd ul{ text-align:center; }
.focusBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; z-index:1; width:42px; height:10px; margin:2px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5; text-indent:9999px;}
.focusBox .hd ul .on{ background:#f00; filter:alpha(opacity=100);opacity:1;  }
.focusBox .bd li{ vertical-align:middle; }
.focusBox .bd li img{ width:100%; height:322px; display:block;   }
.focusBox .prev,.focusBox .next{ color:#fff;  text-align:center;display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0; width:40px; height:60px; background:#000;cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;}
.focusBox .next{ left:auto; right:0; }
.focusBox .prev i,.focusBox .next i{ line-height:60px;font-size:20px;}
.sh_banner_bottom{ border:#ddd solid 1px; border-top:none;border-left:none; padding:20px 0; overflow:hidden}
.sh_banner_bottom ul li{ float:left; width:210px; height:76px; float:left; margin:0 0 0 20px}
.sh_banner_bottom ul li img{ float:right; margin:14px 10px 0 0}
.sh_banner_bottom ul li .t{ float:left; margin:16px 0 0 15px; width:125px}
.sh_banner_bottom ul li p{ color:#fff; font-size:14px; padding:5px 0 0 0}
.sh_banner_bottom ul li.l1{ background:#ffcf53; border:#f1b844 solid 1px;}
.sh_banner_bottom ul li.l1 h2{ color:#c38f1c; font-size:16px; font-weight:normal}
.sh_banner_bottom ul li.l2{ background:#ff94b2; border:#f66da0 solid 1px;}
.sh_banner_bottom ul li.l2 h2{ color:#b9496a; font-size:16px; font-weight:normal}
.sh_banner_bottom ul li.l3{ background:#8ed562; border:#74c447 solid 1px;}
.sh_banner_bottom ul li.l3 h2{ color:#3c8124; font-size:16px; font-weight:normal}
.sh_banner_bottom ul li.l4{ background:#81d8c5; border:#57c8ac solid 1px;}
.sh_banner_bottom ul li.l4 h2{ color:#369a82; font-size:16px; font-weight:normal}

.title_v{width:427px;height:40px;background:url(../images/down/titlebj.png) no-repeat center;margin:30px auto 20px}
.title_v p{height:40px;line-height:40px;text-align:center;font-size:20px;color:#333}
.recominfo_v{display:block;width:279px}
.recominfo_v img{display:block;width:279px;height:159px}
.recominfo_v h2{font-size:22px;color:#07111b;margin:20px 0 20px 10px;font-weight:100}
.recominfo_v p span{font-size:14px;color:#666;margin:0 40px 0 10px}
.recominfo_v p i{font-style:normal;font-size:14px;color:#7ea711}
.recominfo_v p .mid_v{color:#f97600}
.recominfo_v p .high_v{color:#d30a00}
.recommar_v{margin-right:16px}
.javatit_v{display:block;width:576px;height:110px;background:url(../images/down/javaimg1.jpg) no-repeat center;overflow:hidden;margin-bottom:35px}
.javatit1_v{background:url(../images/down/javaimg2.jpg) no-repeat center}
.javatit2_v{background:url(../images/down/dataimg1.jpg) no-repeat center}
.javatit3_v{background:url(../images/down/dataimg2.jpg) no-repeat center}
.javatit4_v{background:url(../images/down/htmlimg1.jpg) no-repeat center}
.javatit5_v{background:url(../images/down/htmlimg2.jpg) no-repeat center}
.javatit6_v{background:url(../images/down/enterimg1.jpg) no-repeat center}
.javatit7_v{background:url(../images/down/enterimg2.jpg) no-repeat center}
.javatit8_v{background:url(../images/down/iosimg1.jpg) no-repeat center}
.javatit9_v{background:url(../images/down/iosimg2.jpg) no-repeat center}
.javatit10_v{background:url(../images/down/androidimg1.jpg) no-repeat center}
.javatit11_v{background:url(../images/down/androidimg2.jpg) no-repeat center}
.javatit_v h2{font-size:24px;color:#fff;text-align:center;margin:27px 0 10px}
.javatit_v p{font-size:18px;color:#fff;text-align:center}
.htext{font-size:14px;color:#000;margin:0 0 10px}
.videoCovers{position:relative}
.videoCover{display:none;width:820px;height:494px;position:absolute;background:rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#7f000000);top:0;left:0;z-index:9999}
.hvideoL{width:820px;margin-right:20px;padding-bottom:20px;border-top:25px solid #000}
.video_footer_old{background:#000;height:35px;padding:0 15px}
.video_footer_old .l{float:left;font-size:14px;color:#fff;line-height:35px;margin-left:26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 740px;}
.video_footer_old .r{float:right;margin:5px 24px 0 0}
.video_footer_old .r .video_btn_np{background:#333;padding:5px 15px;margin:0 0 0 10px;color:#fff;display:inline-block}
.video_footer_old .r .video_btn_np:hover{background:#167ed9}
.hvideoR h1{font-size:24px;color:#000;font-weight:100;width:338px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.htxt1{font-size:14px;color:#999;margin:35px 0}
.htxt1 i{display:block;margin:0 14px;font-style:normal}
.share{position:relative;top:-4px}
.shouc img{margin-right:4px}
.Rhtxt2{height:48px}
.Rhtxt2 p{font-size:14px;color:#000;width:350px;line-height:26px}
.Rtxtinfo2{height:48px;line-height:48px}
.baidu{margin:65px 0 30px}
.baidu a{display:block;width:160px;height:40px;line-height:40px;background:#167ed9;text-align:center;color:#fff;font-size:16px;border-radius:5px;border: 1px solid #167ed9;}
.baidu1 .tqm{display:block;width:330px;height:40px;line-height:40px;text-align:center;background:#167ed9;color:#fff;font-size:16px;border-radius:5px;margin-top: 26px}
.zxbtn a{display:block;width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #167ed9;color:#fff;font-size:16px;border-radius:5px;background: #167ed9}
.zxbtn_java a{display:block;width:330px;height:40px;line-height:40px;text-align:center;background:#167ed9;color:#fff;font-size:16px;border-radius:5px}
.zxbtn .sharewx{width:160px;height:40px;line-height:40px;text-align:center;border:1px solid #167ed9;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;background: #167ed9}
.sharewx{position:relative}
.sharewx .sharewx_img{position:absolute;display:none;width:166px;left:-17px;bottom:54px;padding:0 15px;background:#fff;border:1px solid #d8d8d8}
.sharewx .sharewx_img .share_sj{position:absolute;bottom:-17px;left:86px;width:30px;height:17px;background:url(../images/down/sj.png) no-repeat}
.sharewx .sharewx_img img{width:150px;height:150px}
.sharewx .sharewx_img .sharewx_wx{margin:20px 0}
.sharewx .sharewx_img .share_txt{margin:17px 0}
.sharewx .sharewx_img .share_txt p{font-size:12px;line-height:18px;text-align:center;color:#999}
.dlcon{background:#f4f4f4;padding-top:20px}
.btnmarg{margin-right:14px}
.dlmore{width:357px;overflow:hidden;border:#ddd solid 1px;margin-bottom:20px;background:#fff}
.dltit{height:46px;line-height:46px;background:#1fa915;text-align:center}
.dltit h3{font-size:16px;color:#fff;display: inline-block;font-weight: normal;}
.dltit1{background:#fa7102}
.dltit img{position:relative;top:7px;left:-4px}
.news{padding:0 15px}
.news li{line-height:38px;border-bottom:#eee solid 1px;clear:both;overflow:hidden}
.news li h3{font-size: 14px;display: inherit;font-weight: normal;}
.news li span{float:right}
.gzmore{width:357px;overflow:hidden;border:#ddd solid 1px;background:#fff}
.gzmore ul{width:208px;margin:0 auto;padding-top:10px}
.gzmore ul li{text-align:center;margin:15px 0}
.gzmore ul li a{font-size:14px;margin-right:8px}
.gzmore ul li .gzred{color:red}
.gzmore ul li .gzblue{color:#0c61cb}
.dlconL{width:821px;height:auto;background:#fff;overflow:hidden;padding-bottom:20px}
.dlnav ul{margin-bottom:25px}
.dlnav ul li{float:left;width:148px;font-size:16px;color:#000;text-align:center;border-top:2px solid #fff;padding:10px 0;cursor:pointer}
.dlnav ul li h2{font-size: 16px;font-weight: normal;}
.dlnav ul .dllion{color:#167ed9;border-top:2px solid #167ed9}
.dlinfo1{margin:0 20px;font-family: 微软雅黑 !important;font-size: 12pt !important;}
.dlinfo1 span{font-family: 微软雅黑 !important;}
.dlinfo1 a{display:block;height:40px;line-height:40px;font-size:14px;color:#000}
.dlinfo1 .maintxt{color:#167ed9}
.dlhide{display:none}
.dlinfo2{margin:0 30px}
.dlinfo2 .div_xlbtn{border-bottom:1px solid #d9dde1}
.dlinfo2 p{font-size:18px;color:#000;margin:15px 0}
.dlinfo2 a{display:block;width:763px;height:40px;background-color:#f4f4f4;background-image:url(../images/down/videobf.png);background-repeat:no-repeat;background-position:10px 13px;line-height:40px;text-indent:35px;margin-bottom:8px;color:#787d82}
.dlinfo2 a span{display:none;width:75px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;background-color:#f01400;cursor:pointer;text-indent:0;border-radius:3px;margin:8px 10px 0 0}
.dlinfo2 .checkeds{background-color:#2b333b!important;color:#fff!important}
.infoL3{margin-left:45px}
.infoimg3{margin-right:15px}
.infotxt3 p{font-size:14px;color:#000}
.infotxt3 .infotext{margin-bottom:23px}
.dlbotton{display:block;width:170px;height:58px;background:url(../images/down/btnimg.png) no-repeat center;margin-left:35px}
.dlinfo4{padding:10px}
.dlinfo4 .p{padding:20px}
.pages_cover{display:none;width:400px;height:auto;background:#fff;box-shadow:0 0 5px #f1f1f1;padding:20px 0 0;text-align:center;border-radius:10px;position:fixed;top:33%;left:25%;z-index:99999}
.pages_no{cursor:pointer}
.pages_no:hover{color:#ddd}
.pages_cover img{width:250px;height:auto}
.pages_cover p{font-size:24px;color:#555;border-bottom:1px solid #ddd;padding-bottom:10px;margin:10px 0 0 0}
.pages_btn a{display:block;height:45px;line-height:45px;width:49.8%;float:left;font-size:20px;color:#ddd}
.pages_btn .a_right{color:#55b7fb;border-left:1px solid #ddd}
.dlinfo2 .video_more{display:block;width:300px;height:45px;line-height:45px;background:#167ed9;color:#fff;margin:20px 10px 20px 137px;text-align:center;border-radius:10px;transition:.5s;font-size:17px}
.dlinfo2 .video_more:hover{background:#0c5099;color:#e7fd53}
.container{width: 160px;position: relative;top:5px;}
.yaoqing_T{display:inline-block;font-size:18px;color:#167ed9;font-weight: 700;}
.yaoqing_info{display:inline-block;padding:5px;font-size:14px;border:1px solid  #ddd;border-radius:5px;color:#0a71df;width: 72px;text-indent: 5px;}
.head_member{color: #fff;font-size: 14px;cursor: pointer;}
.head_member img{position: relative;top: 4px;border-radius: 50%;}
.login_video{margin-right: 5px;}
.res_video{margin-left: 5px;}