@charset "utf-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{ margin:0; padding:0; }
body{ width:100%; height:auto; -webkit-text-size-adjust:none; }
div{ text-align:left; }
body{ font:12px/1.5em Arial,"Microsoft YaHei"; color:#666; position:relative; background:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
em{ font-style:normal; }
li{ list-style-type:none; }
a{ text-decoration:none; color:#333; }
a:hover{ color:#F1412E; text-decoration:none; }
a:focus{ outline: none; }
fieldset,img{ border:0}
button,label{ cursor:pointer; }
font,input,select,textarea{ font-size:11px; line-height:1.2em; }
.clear{ clear:both; line-height:0; overflow:hidden; }
.topbar,.top{ width:100%; background:#1f1f1f; }
.topbar .lr ,.topNav{ height:35px; line-height:35px; width:1100px; margin:0 auto; overflow:hidden; }
.topbar .lr .left,.topNav .left{ float:left; font-size: 12px; }
.topbar .lr .right,.topNav .right{ float:right; font-size:12px; }
.topbar .lr .right a,.topNav .right a{ padding:0 10px; color:#999; font-size: 12px; }
input,textarea{ -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0; overflow: hidden; font-family: inherit; font-size: inherit; font-weight: inherit; background: transparent; border: none; resize: none; }
/**/
/* head */
.head {position: relative;height: 2.7rem;background: #cf2820;}
.home { float: left; width: 2.7rem; height: 100%; position: relative; }
.logo {width: 4.4rem;height: 1.8rem;background: url(../images/logo.png) 0 0 no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nav-menu { float: right; width: 2.7rem; position: relative; }
.home:after {content: "";position: absolute;top: 50%;left: 50%;width: 23px;height: 25px;background: url(../images/jlt.png) 0 0 no-repeat;transform: translate(-50%,-50%);}
.nav-menu-ico { display: block; width: 100%; height: 2.7rem; position: relative; }
.nav-menu-ico:after {content: "";position: absolute;top: 50%;left: 50%;width: 23px;height: 18px;background: url(../images/jlt.png) 0 -43px no-repeat;transform: translate(-50%,-50%);}
.nav-menu-list { position: absolute; top: 2.7rem; right: .75rem; width: 6.05rem; background: rgba(0,0,0,.5); border-radius: 0.15rem; z-index: 3; color: #fff; text-align: center; height: 0; overflow: hidden; padding: 0; }
.nav-menu-list a { display: block; width: 100%; height: 2rem; line-height: 2rem; color: #fff; font-size: .7rem; }
.nav-menu-list li { cursor: pointer; display: block; }
.nav-menu.active .nav-menu-list { height: auto; padding-bottom: .5rem; }
.nav-menu-ico:before { content: ""; position: absolute; bottom: 0; right: 1rem; border: .4rem solid rgba(0,0,0,.5); border-color: transparent transparent rgba(0,0,0,.2) transparent; display: none; }
.nav-menu.active .nav-menu-ico:before { display: block; }
/* nav */
.nav-list li a {color: #333;font-size: .7rem;height: 2rem;line-height: 2rem;min-width: 1.4rem;display: block;position: relative;padding: 0 1rem;}
.nav-list { display: flex; }
.nav-slide { display: block; overflow-y: hidden; overflow-x: scroll; padding-bottom: 3rem; }
.gl-nav { height: 2rem; overflow: hidden; background: #f9f9f9; }
.nav-list li:last-child a { margin-right: .75rem; }
.nav-list li.active a {color:#ff7d2f;font-weight:bold; }
/* page-root */
.page-root { display: block; overflow: hidden; height: 2rem; line-height: 2rem; background: #f3f3f6; padding: 0 .75rem; font-size: .6rem; color: #999; }
.page-root a { display: inline-block; color: #999; margin: 0 .2rem; }
.page-root em { display: inline-block; margin: 0 .2rem; color: #333; }
/* software-info */
.software-img {display: block;/* margin: 1.1rem auto 0; */width: 4rem;height: 4rem;background-image: linear-gradient(0deg,    #b940ff 0%,    #5340ff 100%);border-radius: 0.75rem;margin-right: 15px;}
.software-head h1 {display: block;color: #333;font-size: .9rem;height: .9rem;line-height: .9rem;/* text-align: center; */margin-top: 5px;/* white-space: nowrap; */overflow: hidden;width: 95%;}
.software-head div div{
    /* flex: 1; */
    width: 65%;
}
.software-head div:nth-child(1){
    width: 100%;
}
.software-info {overflow: hidden;width: 100%;margin: .5rem auto 0;display: table;}
.software-info .software-hot{display:none;}
.software-info li {display: table-cell;text-align: center;position: relative;/* width: 50%; */}
.software-info li i {display: block;background: url(../images/jlt.png) -47px 0 no-repeat;width: 28px;height: 32px;margin: 0 auto;}
.software-info li:nth-of-type(1) i {background-position-x: -86px;width: 33px;height: 32px;}
.software-info li:nth-of-type(2) i {background-position-x: -130px;width: 31px;height: 31px;}
.software-info li span {/* display: block; */color: #333;font-size: .6rem;height: .6rem;line-height: .6rem;margin: .8rem auto 0;}
.soft-btn {overflow: hidden;margin: 0.5rem .75rem 0;}
.soft-btn.btn-right .pt-btn { display: none; }
.soft-btn.btn-left .gs-btn { display: none; }
.soft-btn.btn-left a,.soft-btn.btn-right a { display: block; width: 100%; height: 1.85rem; background: #ff7d2f; border-radius: 0.15rem; line-height: 1.85rem; text-align: center; color: #fff; border: none; font-size: .7rem; }


.gs-btn { width: 48%; height: 1.85rem; background-color: #45C12D; border-radius: 0.15rem; float: right; text-align: center; line-height: 1.85rem; color: #fff; font-size: .7rem; }
.pt-btn { float: left; width: 48%; height: 1.75rem; border-radius: 0.15rem; border: solid 0.05rem #45C12D; text-align: center; line-height: 1.85rem; color: #45C12D; font-size: .6rem; }

.down-safe {overflow: hidden;text-align: center;margin: 0rem auto 0;}
.down-safe li { display: inline-block; color: #37ad32; padding: 0 1rem; font-size: .6rem; height: .6rem; line-height: .6rem; position: relative; }
.down-safe li:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 0.6rem;height: 0.6rem;background: url(../images/jlt.png) -47px -43px no-repeat;}
.software-head {border-bottom: .25rem solid #eee;position:relative;}
/* glo-title */
.glo-title h5 { float: left; color: #333; text-indent: .6rem; position: relative; font-size: .8rem; height: .8rem; line-height: .8rem; }
.glo-title { position: relative; display: block; padding: 0 .75rem; }
.glo-title:after { content: ""; clear: both; display: block; }
.glo-title h5:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: .2rem; background: #ff7d2f; }
.addmore{float: right;color: #999;font-size: .6rem;height: .9rem;line-height: .9rem;position: relative;padding-right: 1.25rem;}
.addmore:before {content: "";width: 0.85rem;height: 0.85rem;background: #b8b8b8;border-radius: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.addmore:after {content: "";position: absolute;top: 50%;right: .32rem;transform: translateY(-50%) rotate(45deg);width: .3rem;height: .3rem;border: .05rem solid #fff;border-color: #fff #fff transparent transparent;}
/* footer */
footer {margin-top:1rem;}
.footer {overflow: hidden;background: #090928;position: relative;padding: 1rem 0;}
.footer-info {float: left;margin-left: 7.15rem;position: relative;}
.footer-info p {display: block;height: .6rem;line-height: .6rem;font-size: .6rem;color: #575757;margin-top: .3rem;}
.footer-info p:first-child {color: #575757;margin: 0 auto .4rem;}
.footer-info p a {color: #575757;}
.foot-logo {float: left;width: 4.55rem;height: 2rem;background: url(../images/logo.png) center center no-repeat;background-size: 100% auto;position: absolute;top: 50%;left: .8rem;transform: translateY(-50%);}
.footer-info:before {content: "";width: .05rem;height: 90%;background-color: #737373;position: absolute;top: 54%;left: -.95rem;transform: translateY(-50%);}

