@charset "utf-8";

/*css resent*/

html {
    overflow: scroll;
    background-color: #f1f1f3;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

body {
    background: url(../images/other/bg.jpg) no-repeat center top;
    vertical-align: top;
    height: auto!important;
    overflow: visible;
}

table {
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    empty-cells: show;
}

table>thead>tr>td,
table>tbody>tr>td {
    text-align: left;
    vertical-align: top;
    padding: 0px;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

strong {
    font-weight: bold;
}

input,
select,
textarea {
    padding-left: 0.2em;
}

label {
    cursor: pointer;
}

.clear {
    clear: both;
}

input {
    padding: 0px 2px;
}

img {
    border: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

/*滚动条样式*/

* {
    scrollbar-arrow-color: #666666;
    scrollbar-face-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-base-color: #666666;
    scrollbar-highlight-color: #cccccc;
    scrollbar-shadow-color: #cccccc;
    scrollbar-track-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
}


/*Links*/

a {
    text-decoration: none;
    cursor: pointer;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: underline;
    color: #666;
}

a:active {
    color: #666;
}

.blue {
    color: #003d98;
}

.cancel_style{
    color:#333;
    cursor: auto;
}
.cancel_style:link, .cancel_style:hover, .cancel_style:active{
    text-decoration: none;
    color: #333;
}

.anchor table{
    width: 95%;
    height: 40px;
}
.anchor td{
    width: 20%;
    font-weight:bold;
    text-align: center;
}

@media (max-width: 768px){
    .anchor{
        display: none;  
    }
}

/*框架样式*/
.container {
    text-align: left;
    margin: 0 auto;
    padding-top: 6px;
    padding-right: 0;
    padding-left: 0;
    max-width: 994px;
    overflow-x: visible;
}


ol {
    padding: 0;
    list-style-type: decimal;
}
li {
    line-height: 40px;
}

@media (min-width: 1440px) {
     body {
         background-size: 100%!important;
     }
    .cbg_h {
        background-size: 100%!important;
    } 
   .cbg_m {
        background-size: 100%!important;
    } 
    .cbg_d {
        background-size: 100%!important;
    }
    .container {
        max-width: 68.9%!important;
    }
}


/* big box */

.c_box_big {
}

.c_box_big .up {
    background: url(../images/other/c_box_big_up.jpg) no-repeat;
    background-size: 100% 30px;
    height: 30px;
    overflow: hidden;
}

.c_box_big .mbg {
    background: url(../images/other/c_box_big_m.jpg) repeat-y;
    background-size: 100%;
}

.c_box_big .dbg {
    background: url(../images/other/c_box_big_d.jpg) no-repeat;
    background-size: 100%;
    height: 4px;
    overflow: hidden;
    padding-bottom: 15px;
}


/* normal box */

.c_box_normal {
    width: 100%;
    float: left;
    overflow: hidden;
}

.c_box_normal .up {
    background: url(../images/other/c_box_up.jpg) no-repeat;
    background-size: 100%;
    height: 18px;
    overflow: hidden;
}

.c_box_normal .mbg {
    background: url(../images/other/c_box_m.jpg) repeat-y;
    background-size: 100%;
    padding-bottom: 6px;
    padding-top: 5px;
    overflow: hidden;    
}

.c_box_normal .mbg2 {
    background: url(../images/other/c_box_m.jpg) repeat-y;
    background-size: 100%;
    padding-bottom: 6px;
    padding-top: 5px;
    overflow: hidden;
}

.c_box_normal .dbg {
    background: url(../images/other/c_box_d.jpg) no-repeat;
    background-size: 100%;
    height: 4px;
    overflow: hidden;
    padding-bottom: 15px;
}

.c_box_normal .up2 {
    background: url(../images/other/box2_up.jpg) no-repeat;
    background-size: 100% 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-left: 10px;
}


/* small box */

.c_box_small {
}

.c_box_small .tit {
    background: url(../images/other/box1_up.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 31px;
}

.c_box_small .tit .le {
    float: left;
    line-height: 31px;
    color: #111;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10%;
}

.c_box_small .tit .ri {
    float: right;
    height: 5px;
    margin: 5px 5px 5px auto;
}
.c_box_small .tit .ri a p{
    color: #111;
}
.c_box_small .con {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.c_box_small .dbg {
    background: url(../images/other/box1_d.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 9px;
    overflow: hidden;
}


/* container */

.cbg_h {
    background: url(../images/other/cbg_top.jpg) no-repeat center top;
    height: 5px;
    overflow: hidden;
}

.cbg_m {
    background: url(../images/other/cbg_m.jpg) repeat-y;
    height: auto!important;
    overflow: visible;
}

.cbg_d {
    background: url(../images/other/cbg_d.jpg) no-repeat;
    height: 6px;
    overflow: hidden;
}

.row {
    margin-right: 5px;
    margin-left: 5px;
}

/*按钮类*/


/*header*/

.header {
    height: 86px;
    overflow: hidden;
    display: none;
}

.logo {
    float: left;
    background: url(../images/logo/big_logo.jpg) no-repeat;
    width: 313px;
    height: 86px;
}

.logo a {
    display: block;
    height: 86px;
    cursor: hand;
}

.h_right {
    float: right;
}

.h_right .blog {
    height: 22px;
    padding-top: 10px;
}

.h_right .blog .img1 {
    float: right;
    width: 60px;
    height: 60px;
    padding-right: 5px;
    margin-top: 10px;
    overflow: hidden;
}
#qrcode img {
    position: absolute;
    top: 34%;
    left: 44%;
    width: 200px;
    height: 200px;
    display: block;
}
#qrcode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9999;
    display: none;
}
.h_right .blog .img1 a{
    display: inline-block;
    background: url(/images/header/weixin.jpg) no-repeat;
    background-size: 100% 100%;
    height: 25px;
    width: 40px;
}
.h_right .blog .txt {
    float: right;
    width: 30px;
    color: #666;
    line-height: 24px;
    text-align: right;
    overflow: hidden;
}

.h_right .blog .txt a {
    color: #666;
}

.h_right .blog .txt a:hover {
    color: #f38900;
}

.h_right .search1 {
    height: 21px;
    text-align: right;
    padding-top: 21px;
}

.h_right .search1 .le {
    float: right;
    background: url(../images/other/search_bg.jpg) no-repeat;
    width: 174px;
    height: 21px;
    margin-right: 5px;
}

.h_right .search1 .ri {
    float: right;
    background: url(../images/other/btn_search.jpg) no-repeat;
    width: 45px;
    height: 21px;
    color: #fff;
    line-height: 21px;
    text-align: center;
}

.h_right .search1 .ri a {
    display: block;
    background: url(../images/other/btn_search.jpg) no-repeat;
    color: #fff;
    text-decoration: none;
}

.h_right .search1 .ri a:hover {
    display: block;
    background: url(../images/other/btn_search_hover.jpg) no-repeat;
    color: #fff;
    text-decoration: none;
}

.list1 {
    list-style: none;
    padding: 10px 7px 5px 13px;
}

.list1 li {
    height: 22px;
    line-height: 22px;
    vertical-align: bottom;
    overflow: hidden;
}

.list1 li a {
    color: #696969;
    background: url(../images/other/dot.jpg) no-repeat 0px 5px;
    padding-left: 12px;
}

.list2 {
    padding: 0px;
    margin: 10px 7px 5px 26px;
}

.navbar .nav {
    margin: 0px;
}

.navbar-collapse {
    padding: 0;
}

.list2 {
    list-style: none;
    height: 62px;
    padding: 10px 7px 5px 26px;
    _padding: 6px 7px 0px 26px;
}

.list2 li {
    height: 22px;
    line-height: 22px;
    vertical-align: bottom;
    overflow: hidden;
}

.list2 li a {
    color: #696969;
    background: url(../images/other/dian.jpg) no-repeat 0px 5px;
    padding-left: 12px;
}

.list2 li.hot a {
    height: 22px;
    line-height: 22px;
    background: url(../images/other/dian_red.jpg) no-repeat 0px 5px;
    vertical-align: bottom;
    overflow: hidden;
    color: #696969;
}

.online {
    width: 100%;
    text-align:center;
    margin-left:auto; 
    margin-right:auto;    
}

.online img {
    height: 44px;
    width: 98%;
}

/*footer*/

.footer {
    background: url(../images/logo/footer_logo.jpg) no-repeat 260px 4px;
    ;
    height: 36px;
    line-height: 36px;
    color: #666;
    text-align: left;
    padding-left: 48px;
    margin-bottom: 10px;
}


/*===============二级页面=================*/


/*banner*/

.banner {
    height: 150px;
    margin-top: 9px;
}


/*当前位置*/

.home {
    background: url(../images/other/ico_jt.jpg) no-repeat 4px 12px;
    height: 32px;
    line-height: 32px;
    color: #666;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 20px;
}

.home a {
    color: #666;
}

.home a:hover {
    color: #f38900;
}


/*二级页面内容区*/


/*==============中间内容区============*/


/*企业产品页*/

.pto_list_box .pto_txt {
    width: auto;
}

.pto_list_box {
    margin-left: 19px;
    padding: 10px 0px 10px 0px;
    overflow: hidden;
}

.pto_list_box .pto_img {
    float: left;
    height: 94px;
    text-align: center;
}

.pto_list_box .pto_img img{
    width: 100px;
}


.pto_list_box .pto_txt {
    float: left;
    padding-left: 12px;
    margin-left: 100px;
    margin-top: -90px;    
}

.pto_list_box .pto_txt .txt {
    text-align: left;
    color: #666;
    line-height: 22px;
    padding-right: 10px;
}

.pto_list_box .pto_txt .txt p strong{
    font-size: 12pt;
}

.pto_list_box .pto_txt .more {
    text-align: right;
    padding-top: 10px;
    padding-right: 40px;
}
.pto_list_box .pto_txt .more a P{
    color: #111;
}
.dot_line {
    margin-left: 19px;
    background: url(../images/other/dot_linebg.jpg) repeat-x;
    height: 1px;
    overflow: hidden;
}

/*解决方案*/

.s_list_box {
    margin-left: 15px;
    margin-top: 15px;
}

.s_list_box .s_le {
    float: left;
    background: url(../images/other/img_bg.jpg) no-repeat;
    width: 98px;
    height: 65px;
    overflow: hidden;
}

.s_list_box .s_le .img {
    width: 94px;
    height: 60px;
    padding-top: 0px;
    padding-left: 0px;
}

.s_list_box .s_ri {
    float: left;
    background-color: #f1f1f1;
    width: 432px;
    height: 65px;
    color: #666;
}

.s_list_box .s_ri ul {
    width: 380px;
    margin-top: 7px;
    margin-left: 16px;
}

.s_list_box .s_ri ul li {
    background: url(../images/other/ico_jt2.jpg) no-repeat 0px 7px;
    vertical-align: bottom;
    line-height: 24px;
    padding-left: 15px;
    overflow: hidden;
}

.s_list_box .s_ri ul li a {
    color: #666;
}

.s_more {
    float: right;
    background: url(../images/other/ico_xq.jpg) no-repeat 0px 6px;
    padding-left: 18px;
    line-height: 24px;
    text-align: left;
    color: #333;
    font-weight: bold;
    margin: 13px 13px 0px 0px;
    _margin: 13px 6px 0px 0px;
}

.s_more a {
    color: #333;
}


/*试用体验、安全技术*/
.form-horizontal .control-label {
    width: 200px;
}
.s_list_box2 ul {
    width: 518px;
    color: #666;
    margin-top: 5px;
    margin-left: 21px;
}

.s_list_box2 ul li {
    background: url(../images/other/ico_jt3.jpg) no-repeat 0px 8px;
    vertical-align: bottom;
    font-size: 13px;
    line-height: 26px;
    padding-left: 15px;
    overflow: hidden;
}

.s_list_box2 ul li a {
    color: #666;
}


/*成功案例*/

.case_list_box {
    margin-left: 20px;
    padding: 12px 0px 5px 0px;
    overflow: hidden;
}

.case_list_box .le_tit {
    float: left;
    width:100%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.case_list_box .le_tit a {
    font-size: 12pt;
}
/*
.case_list_box .fg_line {
    float: left;
    background: url(../images/other/fg_line.jpg) no-repeat;
    width: 14px;
    height: 73px;
    overflow: hidden;
}
*/
.case_list_box .le_txt {
    float: left;
    padding-left: 27px;
    padding-right: 10px;
}

.case_list_box .le_txt li {
    max-width: 432px;
    line-height: 22px;
    vertical-align: bottom;
    color: #666;
    overflow: hidden;
    height: auto;
}

.case_list_box .le_txt li a,
.pto_list_box .le_txt li a:visited {
    color: #666;
    text-decoration: none;
}

.case_list_box .le_txt li a:hover {
    color: #f38900;
    text-decoration: none;
}

.dot_line2 {
    margin-left: 20px;
    margin-right: 40px;
    background: url(../images/other/dot_linebg.jpg) repeat-x;
    height: 1px;
    overflow: hidden;
}


/*关于安软*/

.content_tit {
    text-align: center;
    line-height: 30px;
    padding-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 auto;
    overflow: hidden;
}

.content_con {
    padding: 20px 40px 10px 40px;
    text-align: left;
    line-height: 24px;
    color: #666;
    margin: 0 auto;
    overflow: hidden;
}

.content_con h1 {
    margin-left: 10px;
    font-size: 20px;
}

.content_con p {
    text-indent: 25px;
}

.content_con ol {
    margin-left: 30px;
}

.content_con img {
    max-width: 100%;
}

/*合作伙伴*/

.partner ul {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 20px;    
    width: auto;
}
.partner ul {
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 20px;    
    width: auto;
}

.partner ul li {
    width: 50%;
    height: auto;
    float: left;
    padding: 20px;
    text-align: center;    
}
.partner ul li {
    width: 50%;
    height: auto;
    float: left;
    padding: 20px;
    text-align: center;    
}
.partner ul li img{
    width: 130px;
    height: 46px;
}
@media (min-width: 768px){
    .partner ul li {
        width: 25%;
        height: auto;
        float: left;
        padding: 20px;
        text-align: center;    
    }
}
/*产品介绍页*/

.tab_cup {
    background: url(../images/other/tab_upbg.jpg) no-repeat;
    background-size: 99%;
    height: 25px;
}

.tab_content {
    color: #666;
    line-height: 22px;
}

.tab_content p {
    text-indent: 25px;
}

.tab_content h1 {
    font-size: 20px;
}

.tab_content ol{
    margin-left: 25px;
}

.tab_content img {
    width:100%;
}


/*荣誉资质*/





/*tab*/

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.main {
    clear: both;
    text-align: left;
    vertical-align: top;
    padding: 0px 25px;
    clear: both;
}

#tabs1 {
    margin: 0px;
    padding: 0px;
}

.menu1 {
    margin: 0px;
    clear: both;
    height: 23px;
}


/*tab1*/

.menu1 li {
    display: block;
    float: left;
    padding: 0;
    width: 111px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    background: url(../images/other/tab.jpg) no-repeat;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    margin-right: 1px;
}

.menu1 li a,
.menu1 li a:visited {
    display: block;
    float: left;
    padding: 0;
    width: 111px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    background: url(../images/other/tab.jpg) no-repeat;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    font-size: 12px;
}

.menu1 li.hover {
    font-weight: bold;
    color: #fff;
    background: url(../images/other/tab_hover.jpg) no-repeat;
    font-size: 12px;
    text-decoration: none;
    height: 23px;
    cursor: pointer;
}

#main1 ul {
    display: none;
}

#main1 ul.block {
    display: block;
}

.list2 {
    padding: 0px;
    margin: 10px 7px 5px 26px;
}

.navbar .nav {
    margin: 0px;
}

.navbar-collapse {
    padding: 0;
}

.imgad_box {
    float: none;
}

.imgmar {
    padding: 2px;
}

.site-header {
    padding: 0;
}

.case_list_box {
    width: auto;
}

.case_list_box .le_txt {
    width: auto;
    overflow:hidden;
}

.dot_line2 {
    width: auto;
}

.s_list_box2 ul {
    width: auto;
}

.menu1 li {
    /* width: 24.6%; */
    width: 33%;
    height: auto;
    background-size: 100% 100%;
}

.menu1 li.hover {
    background-size: 100% 100%;
}

.s_more {
    margin-right: 20px;
}

.s_list_box2 ul {
    margin-right: 15px;
}

.dot_line {
    width: 91%;
}

.fr {
    float: right;
    display: inline;
}

.titlewidth {
    width: 97%;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.s_list_box2 {
    width: 97%;
    padding-left: 10px;
    padding-right: 10px;
}

.s_list_box2 dl dt {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #c4c4c4;
    padding: 0 10px;
}

.s_list_box2 dl dd {
    padding: 5px 0;
    border-bottom: 1px dashed #ccc;
    line-height: 2em;
}

.s_list_box2 dl dd a {
    color: #666;
}

.list2 {
    padding: 0px;
    margin: 10px 7px 5px 26px;
}

.navbar .nav {
    margin: 0px;
}

.navbar-collapse {
    padding: 0;
}

@media (min-width: 768px) {
    .header {
        display: block;
    }
}

.navbar {
    margin-bottom: 0;
}

.site-header {
    padding: 0;
}

#mainnav {
    float: none;
    margin: 0 auto;
}

#navmar {
    margin-left: 0;
}

#mainnav li {
    padding: 0;
}

#mainnav ul li a {
    float: none;
}

.content_tit {
    width: auto;
}

.content_con {
    width: auto;
}


/** 左侧导航部分 **********************************************************************/

.left_box {
}

.left_nav {
    overflow: hidden;
}

.left_nav .tit {
    /*100%的适应导航栏宽高，并设置不重复，大小100%*/
    background: url(../images/other/nav_top_m.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    border-radius:5px;
    height: 33px;
    text-decoration: none;
    padding-left: 5%;
    display: block;
    color: #fff;
    font-weight: bold;
    padding-top: 5px;
}

.left_nav .tail {
    background: url(../images/other/left_nav_dbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 4px;
    overflow: hidden;
}

.left_nav ul li {
    text-align: center;
}

.left_nav ul li a:hover {
    background-size: 100%;
}

.left_nav ul {
    list-style: none;
}

.left_nav ul li {
    background: url(../images/other/left_nav_bg.jpg) repeat-x;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    overflow: hidden;
}

.left_nav ul li a {
    color: #333;
    text-decoration: none;
    font-size: 11pt;
    padding-left: 7%;
    display:block;
    width: 100%;
}

.left_nav ul li a:hover {
    display: block;
    color: #fff;
    font-weight: bold;
    background: url(../images/other/left_nav_hoverbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 35px;
    text-decoration: none;
}

/* advertise 相关 ********************************************************************/
/* 右侧广告区 */
.imgad_box {
    overflow: hidden;
}
.imgad_box img {
    width: 100%;
}

.ad_dbg {
    background: url(../images/other/ad_dbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .header {
        display: block;
    }
    .imgad_box img {
        height: unset;
    }
    .imgad_box .col-md-12 {
        padding: 0px;
    }

    #adpad {
        padding: 0;
    }

}

.left_ad {
    width: auto;
    margin-top: 9px;
    text-align: center;
}
.arrow:link {
	color: #fff;
}
.arrow:hover {
	background-color: RGBA(0, 0, 0, .7);
}
#honor_h1 {
    margin: 0;
    background-color: #74B3E6;
    height: 35px;
    width: 100%;
    font-size: 12pt;
    font-weight: 700;
    color: white;
    line-height: 36px;
    padding-left: 40px;
}
#honor_h1+ul {
    padding-left: 40px;
    margin-left: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
}
#honor_h1+ul li {
    list-style: disc;
    line-height: unset;
}
/* 首页新闻盒子 */
.box2 {
    height: 166px;
    background: url(../images/newbg.jpg) no-repeat;
}
.box2 .tit {
    width: 213px;
    height: 24px;
}
.box2 .tit .le {
    float: left;
    width: 110px;
    line-height: 31px;
    color: #111;
    font-size: 14px;
    font-weight: bold;
    padding-left: 24px;
}
.box2 .tit .ri {
    float: right;
    width: 34px;
    height: 5px;
    text-align: right;
    margin: 6px 0px auto auto;
    _margin: 6px 0px auto auto;
}
.online {
    width: 202px;
    height: 55px;
    border: 1px solid #cecece;
    margin-left: 23px;
    margin-top: 5px;
}
/* 文档的ul样式 */
#text_ul {
    margin-left: 2em;
}
#text_ul li{
    list-style: disc;
    line-height: unset;
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
    .box2 {
        display: none;
	}
	
}
.product_name{
    position: absolute;
    top: 58px;
    color: #fff;
    font-size: 30px;
    left: 5%;
}
.product_des{
    position: absolute;
    top: 48px;
    width: 50%;
    color: #fff;
    right: 4%;
}