.downl_lis .lis a u.system_list { width: 100%; overflow: hidden; }
.system_list ul { width: 100%; overflow: hidden; margin-top: 20px; }
.system_list ul li { width: 100%; height: 256px; overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; }
.system_list ul li .bt { width: 100%; height: 30px; line-height: 30px; font-size: 22px; color: #555; overflow: hidden; display: block; margin-bottom: 20px; }
.system_list ul li .bt:hover { color: #17a1ff; }
.system_list ul li .img { width: 305px; height: 205px; position: relative; display: block; float: left; margin-right: 30px; }
.system_list ul li .img img { width: 300px; height: 200px; margin: 5px 0 0 5px; position: relative; z-index: 1; transition: all .1s linear; -webkit-transition: all .1s linear; }
.system_list ul li .img img:hover { opacity: 0.9; filter: alpha(opacity=90); }
.system_list ul li .img span { position: absolute; left: 2px; z-index: 2; top: 0; background: url(../img/icon_img.png) no-repeat; height: 32px; background-position: 0 -125px; text-indent: 10px; color: #fff; line-height: 28px; font-size: 15px; }
.system_list ul li .info { float: left; width: 445px; height: 205px; margin-top: 5px; }
.system_list ul li .info .lis { width: 100%; height: 20px; font-size: 14px; color: #999; margin: 5px auto 10px; }
.system_list ul li .info .lis p { float: left; }
.system_list ul li .info .lis p span { color: #666; }
.system_list ul li .info .lis p i { color: #333; }
.system_list ul li .info .lis p + p { margin-left: 35px; }
.system_list ul li .info .desc { height: 90px; line-height: 30px; overflow: hidden; font-size: 16px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.system_list ul li .info .btn { display: block; float: left; width: 208px; height: 38px; border: 1px solid #b8e6d6; border-radius: 3px; text-align: center; font-size: 14px; color: #17a1ff; font-weight: bold; line-height: 38px; margin-top: 36px; }
.system_list ul li .info .btn:hover { color: #fff; background: #17a1ff; }
.system_list ul li .info .btn + .btn { float: right; }
.art_cont a {color:#17a1ff;}
.details_cont { width: 100%;
    overflow: hidden; }
.details_cont h1.title { width: 740px; height: 40px; overflow: hidden; line-height: 40px; font-size: 30px; color: #333; font-weight: bold; }
.details_cont .details_info { width: 100%; margin-top: 30px; overflow: hidden; }
.details_cont .details_info .img { float: left; margin-right: 20px; width: 305px; height: 230px; position: relative; overflow: hidden; }
.details_cont .details_info .img img { width: 300px; height: 225px; margin: 5px 0 0 5px; position: relative; z-index: 1; }
.details_cont .details_info .img span {position: absolute;
    left: 2px;
    z-index: 2;
    top: 0;
    background: #17a1ff;
    text-indent: 5px;
    color: #fff;
    line-height: 28px;
    font-size: 10px;
    padding: 0 10px 0 0; }
.details_cont .details_info .lis { width: 470px; float: right; margin-top: 5px; }
.details_cont .details_info .lis li { width: 33.33%; float: left; height: 30px; line-height: 30px; margin-bottom: 15px; font-size: 14px; overflow: hidden; color: #999; }
.details_cont .details_info .lis li span { color: #555; }
.details_cont .details_info .lis .jc { width: 100%; }
.details_cont .details_info .lis .jc img { margin-right: 10px; }
.details_cont .details_info .btn { width: 250px; height: 62px; line-height: 62px; text-align: center; font-size: 20px; font-weight: bold; color: #17a1ff; border: 1px solid #b8e6d6; border-radius: 5px; float: left; display: block; margin-top: 26px; }
.details_cont .details_info .btn:hover { background: #17a1ff; color: #fff; }
.details_cont .details_info .text { font-size: 14px; color: #4b88d3; text-decoration: underline; float: left; margin-left: 25px; margin-top: 70px; }
.details_cont .details_info .text:hover { color: #17a1ff; }

.conthd { width: 100%; height: 52px; overflow: hidden; position: relative; margin-top: 40px; }
.conthd ul.on { position: fixed !important; z-index: 9; top: 0; box-shadow: 0 2px 4px #ddd; }
.conthd ul { width: 800px; }
.conthd ul li { float: left; width:25%; height: 50px; line-height: 50px; background: #f5f5f5; border-top: 2px solid #ddd; font-size: 18px; color: #333; text-align: center; cursor: pointer; }
.conthd ul .on, .conthd ul li:hover { color: #17a1ff; font-weight: bold; background: #fff; }

.art_cont { width: 100%; overflow: hidden; font-size: 15px; color: #555; line-height: 30px; margin: 20px 0; }
.art_cont img, .art_cont iframe, .art_cont embed, .art_cont video { margin: 5px auto; max-width: 100%; }
.art_cont p { margin-top: 10px; }
.art_cont h3 { width: 100%; height: 36px; line-height: 36px; background: #f7f7f7; border-left: 6px solid #ffcccc; text-indent: 20px; margin: 15px auto; color: #ff4c4c; font-size: 18px; font-weight: normal; overflow: hidden; }

.tipswrap { background: #fffff2; width: 700px; padding: 5px 40px 30px; box-shadow: 0 4px 27px #eee; -webkit-box-shadow: 0 4px 27px #eee; margin: 40px  auto; }
.tipswrap .tt { width: 100%; height: 50px; font-size: 18px; color: #ff4c4c; line-height: 50px; border-bottom: 1px dashed #edeff5; text-align: center; }
.tipswrap p { font-size: 16px; color: #555; line-height: 30px; text-indent: 2em; margin: 20px auto; }
.tipswrap .txt { font-size: 14px; line-height: 20px; color: #999; }
.tipswrap .txt span { color: #dbbe2c; }

.downltips { float: left; font-size: 15px; color: #999; height: 20px; line-height: 20px; margin: 15px 0 0 20px; }
.downltips a { color: #ff4c4c; }

.downl_lis { width: 100%; overflow: hidden; margin-bottom: 20px; }
.downl_lis .lis { width: 100%; float: left; }
.downl_lis .lis a {     position: relative;display: block; width: 360px; height: 60px; text-align: center; line-height: 60px; margin-top: 14px; font-size: 16px; font-weight: bold; color: #fff;  border-radius: 5px; transition: all .1s linear; -webkit-transition: all .1s linear;float: left;
    margin-right: 10px; }
.downl_lis .lis a:hover { opacity: 0.9; filter: alpha(opacity=90); }
.downl_lis .lis a i { display: inline-block; width: 16px; height: 16px; background: url(../img/icon_downl.png) no-repeat; margin: 0 14px -1px 0; }
.downl_lis .lis .bendi { background: -webkit-linear-gradient(to right, #12b27d 0%, #afe545 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12b27d', endColorstr='#afe545', GradientType=1); background: linear-gradient(to right, #17a1ff 0%, #1f4e6f 100%); }
.downl_lis .lis .xunlei { background: -webkit-linear-gradient(to right, #3399ff 0%, #b799ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#b799ff', GradientType=1); background: linear-gradient(to right, #3399ff 0%, #b799ff 100%); }
.downl_lis .lis .baidu { background: -webkit-linear-gradient(to right, #2e6be6 0%, #2feaeb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e6be6', endColorstr='#2feaeb', GradientType=1); background: linear-gradient(to right, #2e6be6 0%, #2feaeb 100%); }
.downl_lis .tuiguang { float: right; position: relative; overflow: hidden; margin-top: 25px; }
.downl_lis .tuiguang, .downl_lis .tuiguang img { width: 400px; height: 226px; }
.downl_lis .lis a u{    font-size: 13px; font-weight: normal; text-decoration: none;position: absolute;top: 0px;}
.downl_lis .lis .noth{    font-size: 13px; font-weight: normal; text-decoration: none;position: absolute;right: 80px;top: 0px;}

.problem { width: 100%; overflow: hidden; margin-top: 20px; width: 820px; }
.problem a { display: block; float: left; width: 178px; height: 88px; line-height: 88px; font-size: 16px; color: #555; border: 1px solid #eee; text-align: center; margin: 0 25px 20px 0; transition: all .15s linear; -webkit-transition: all .15s linear; position: relative; }
.problem a:hover { color: #fff; background: #7798d9; }
.problem a span { position: absolute; left: 0; top: 0; z-index: 1; display: block; text-align: center; width: 0; height: 0; border-top: 40px solid #ddd; border-right: 40px solid transparent; }
.problem a i { position: absolute; left: 0; top: 0; text-align: center; width: 25px; line-height: 25px; font-weight: bold; font-size: 20px; z-index: 2; color: #fff; }
.problem .cl_0 { color: #b37db3; }
.problem .cl_0 span { border-top: 40px solid #b37db3; }
.problem .cl_0:hover { background: #b37db3; }
.problem .cl_0:hover span, .problem .cl_0:hover i { display: none; }
.problem .cl_1 { color: #e65c5c; }
.problem .cl_1 span { border-top: 40px solid #e65c5c; }
.problem .cl_1:hover { background: #e65c5c; }
.problem .cl_1:hover span, .problem .cl_1:hover i { display: none; }
.problem .cl_2 { color: #887acc; }
.problem .cl_2 span { border-top: 40px solid #887acc; }
.problem .cl_2:hover { background: #887acc; }
.problem .cl_2:hover span, .problem .cl_2:hover i { display: none; }
.problem .cl_3 { color: #7798d9; }
.problem .cl_3 span { border-top: 40px solid #7798d9; }
.problem .cl_3:hover { background: #7798d9; }
.problem .cl_3:hover span, .problem .cl_3:hover i { display: none; }
.problem .cl_4 { color: #52ccb8; }
.problem .cl_4 span { border-top: 40px solid #52ccb8; }
.problem .cl_4:hover { background: #52ccb8; }
.problem .cl_4:hover span, .problem .cl_4:hover i { display: none; }
.problem .cl_5 { color: #d9c357; }
.problem .cl_5 span { border-top: 40px solid #d9c357; }
.problem .cl_5:hover { background: #d9c357; }
.problem .cl_5:hover span, .problem .cl_5:hover i { display: none; }
.problem .cl_6 { color: #cc7abe; }
.problem .cl_6 span { border-top: 40px solid #cc7abe; }
.problem .cl_6:hover { background: #cc7abe; }
.problem .cl_6:hover span, .problem .cl_6:hover i { display: none; }
.problem .cl_7 { color: #73bfe6; }
.problem .cl_7 span { border-top: 40px solid #73bfe6; }
.problem .cl_7:hover { background: #73bfe6; }
.problem .cl_7:hover span, .problem .cl_7:hover i { display: none; }
.problem .cl_8 { color: #a6937c; }
.problem .cl_8 span { border-top: 40px solid #a6937c; }
.problem .cl_8:hover { background: #a6937c; }
.problem .cl_8:hover span, .problem .cl_8:hover i { display: none; }

.soft_lis { width: 100%; overflow: hidden; margin: 10px 0 20px; }
.soft_lis ul { width: 836px; overflow: hidden; }
.soft_lis ul li { float: left; width: 96px; height: 136px; margin: 15px 36px 0 0; }
.soft_lis ul li .img { display: block; transition: all .1s linear; -webkit-transition: all .1s linear; }
.soft_lis ul li .img:hover { opacity: 0.8; filter: alpha(opacity=80); }
.soft_lis ul li .img, .soft_lis ul li .img img { width: 96px; height: 96px; border-radius: 20px; }
.soft_lis ul li .name { display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; font-size: 15px; color: #555; text-align: center; }
.soft_lis ul li .name:hover { color: #17a1ff; }

.use_lis { width: 100%; margin-top: 20px; }
.use_lis li { width: 100%; overflow: hidden; height: 145px; margin-bottom: 30px; position: relative; }
.use_lis li .tag {
    position: absolute;
    left: 0;
    top: 0;
    background: #005fb6;
    background-position: 0 -125px;
    text-indent: 5px;
    color: #fff;
    line-height: 28px;
    font-size: 8px;
    padding: 0 10px 0 0;
}
.use_lis li .info { width: 795px; height: 140px; margin: 5px 0 0 5px; background: #f4f4f4; float: left; }
.use_lis li .info .bt { display: block; float: left; width: 550px; height: 36px; line-height: 36px; font-size: 22px; color: #333; margin: 40px 0 0  30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.use_lis li .info .lis { width: 500px; height: 30px; float: left; margin: 10px 0 0 30px; line-height: 30px; }
.use_lis li .info .lis p { float: left; font-size: 14px; color: #999; margin-right: 20px; }
.use_lis li .info .lis p span { color: #333; }
.use_lis li .info .lis p i { color: #ff4c4c; }
.use_lis li .info .btn { float: right; margin: -50px 30px 0 0; }
.use_lis li .info .btn a { display: block; width: 160px; height: 38px; line-height: 38px; text-align: center; background: #fff; border: 1px solid #b8e6d6; border-radius: 3px; text-align: center; color: #17a1ff; font-size: 14px; margin-bottom: 10px; font-weight: bold; }
.use_lis li .info .btn a:hover { background: #17a1ff; color: #fff; }

.system_tab { text-align: center; height: 36px; line-height: 36px; margin: 25px auto 20px; }
.system_tab a { font-size: 16px; color: #333; font-weight: bold; margin: 0 15px; }
.system_tab a:hover { color: #17a1ff; }
.system_tab a.on { color: #17a1ff; }
.system_tab a + a { border-left: 1px solid #17a1ff; padding-left: 25px; }

/* 2020/4/27 */

/* 百度提取码*/
.fixed_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);z-index: 10000;display: none;}
.fixed_bg .tiquma{width: 428px;height: 202px;background: #fff;margin: 350px auto;border-radius: 7px;overflow: hidden;}
.fixed_bg .tiquma h4{height: 60px;text-align: center;line-height: 60px;background: #17a1ff;color: #ffffff;font-size: 20px;font-family: "微软雅黑";font-weight: 400;}
.fixed_bg .tiquma p{height: 69px;text-align: center;line-height: 89px;color: #ff0000;font-size: 24px;font-family: "微软雅黑";font-weight: 400;border-bottom: 1px solid #ededed;}
.fixed_bg .tiquma .tiquma-bottom{height: 52px;line-height: 52px;font-size: 16px;font-family: "微软雅黑";}
.fixed_bg .tiquma .tiquma-bottom .shut_tiquma{float: left;width: 46%;border-right: 1px solid #ededed;height: 52px;line-height: 52px;text-align: center;color: #333333;}
.fixed_bg .tiquma .tiquma-bottom a{float: left;width:46%;height: 52px;line-height: 52px;text-align: center;color: #17a1ff;cursor: pointer;}
.fixed_bgs{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);z-index: 10000;display: none;}
.fixed_bgs .tiquma{width: 428px;height: 202px;background: #fff;margin: 350px auto;border-radius: 7px;overflow: hidden;}
.fixed_bgs .tiquma h4{height: 60px;text-align: center;line-height: 60px;background: #17a1ff;color: #ffffff;font-size: 20px;font-family: "微软雅黑";font-weight: 400;}
.fixed_bgs .tiquma p{height: 69px;text-align: center;line-height: 89px;color: #ff0000;font-size: 24px;font-family: "微软雅黑";font-weight: 400;border-bottom: 1px solid #ededed;}
.fixed_bgs .tiquma .tiquma-bottom{height: 52px;line-height: 52px;font-size: 16px;font-family: "微软雅黑";}
.fixed_bgs .tiquma .tiquma-bottom .shut_tiquma{float: left;width: 46%;border-right: 1px solid #ededed;height: 52px;line-height: 52px;text-align: center;color: #333333;}
.fixed_bgs .tiquma .tiquma-bottom a{float: left;width:46%;height: 52px;line-height: 52px;text-align: center;color: #17a1ff;cursor: pointer;}
.w_h_100{height: 100%;overflow: hidden;}

.content table{margin:0 auto;}

.content .tabletop { width: 783px; height: 45px; background: #333; border-radius: 3px; }
.content .table2{background: #fff;    width: 100%;margin-bottom: 10px;}
.content .table2 td + td{    border-right: 1px solid #d2d2d2;}
.content .tabletop p { float: left; width: 50%; text-align: center; line-height: 45px; font-size: 14px; color: #fff; }
.content table + table { width: 341px; }
.content table + table tr{background:#fff;}
.content table { background: #d2d2d2; width: 100%; float: left; text-indent: 10px;font-size: 13px; color: #141414; }
.content table tr { background: #eee; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.content table td { width: 82px; padding: 13px 8px; color:#000; font-size:14px;}
.content table td + td { padding: 13px 8px; word-break: break-all;  background: #fff;color: #434343; font-size:13px; }
.content table td + td p{width:48%;padding:0 1%; float:left;}