*{box-sizing:border-box;font-family:PingFang SC,tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;text-decoration:none;outline:none;color:black}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
@keyframes upToDown{0%{transform:translate(0px,0px);opacity:1}
    50%{transform:translate(0px,-10px);opacity:0.6}
    100%{transform:translate(0px,0px);opacity:1}
}@-webkit-keyframes upToDown{0%{-webkit-transform:translate(0px,0px);opacity:1}
     50%{-webkit-transform:translate(0px,-10px);opacity:0.6}
     100%{-webkit-transform:translate(0px,0px);opacity:1}
 }@keyframes brees{0%{-webkit-transform:scale(0.95);transform:scale(0.95)}
      50%{-webkit-transform:scale(1);transform:scale(1)}
      100%{-webkit-transform:scale(0.95);transform:scale(0.95)}
  }@-webkit-keyframes brees{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}
       50%{-webkit-transform:scale(1);transform:scale(1)}
       100%{-webkit-transform:scale(0.8);transform:scale(0.8)}
   }.row{zoom:1}
.row:after{display:block;height:0;clear:both;content:"";visibility:hidden}
.flexbox {display: flex}
.flex-1{float:left;width:8.33333%}
.flex-2{float:left;width:16.66667%}
.flex-3{float:left;width:25%}
.flex-4{float:left;width:33.33333%}
.flex-5{float:left;width:41.66667%}
.flex-6{float:left;width:50%}
.flex-7{float:left;width:58.33333%}
.flex-8{float:left;width:66.66667%}
.flex-9{float:left;width:75%}
.flex-10{float:left;width:83.33333%}
.flex-11{float:left;width:91.66667%}
.flex-12{float:left;width:100%}
body{background:#f2f2f2}
.container {width: 1200px;margin: 0 auto;}
.float-clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.float-clear{zoom:1}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis2{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.breakword{word-wrap:break-word;word-break:break-all;overflow:hidden}
.pointer{cursor:pointer}
.float-left{float:left}
.float-right{float:right}
.pagination-box{text-align:center; margin-top: 30px}
.pagination-box ul.pagination{display:inline-block;padding:0;margin:0}
.pagination-box a{color:#05addf;}
.position-container{width:100%;margin-bottom:24px;font-size:14px;font-weight:400;color:#949494}
.position-container .arrow{padding:0 2px}
[hidden]{display:none}
.container_left {width: 796px;float: left;}
.container_right {width: 390px;float: right;}
.mt30 {/*margin-top: 30px*/}
.not_data {padding: 5px 15px;color: #999999}
.breadcrumb {font-size: 14px;padding: 15px 0}
.breadcrumb {color: #8D8D8D;}
@media (max-width: 600px) {
    .container {width: 100%;margin: 0}
    .float-left {float: none}
    .container_left {width: 100%;float: none;}
    .container_right {width: 100%;float: none;margin-top: 30px}
    .breadcrumb {padding: 15px}
}
.whitebg {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 10px;
}
.htitle {
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    color: #484848;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
}
.htitle:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    content: "";
    background: #000;
    left: 0;
    bottom: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
/*tuijian*/
.tuijian ul { overflow: hidden; padding-top: 10px;padding: 20px }
.tuijian li { overflow: hidden; margin-bottom: 10px; height: 60px; }
.tuijian li i { width: 70px; height: 70px; margin-right: 10px; overflow: hidden; display: block; float: left; }
.tuijian li i img { height: 100%; max-width: 100%; min-width: 100%;object-fit: contain; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.tuijian li p { margin-top: 10px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; }
.tuijian li:hover { background: #f6f6f6; }
.tuijian li:hover img { transform: scale(1.1); }
.tool-tips-fixed {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    position: fixed;
    bottom: 48px;
    right: calc(calc(calc(100% - 1200px) / 2) - 110px);
    visibility: visible;
    z-index: 10;
}
.tool-tips-fixed .link {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    float: left;
    margin-bottom: 5px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
}
.code-img {
    position: absolute;
    top: -91px;
    left: 50%;
    margin-left: -51px;
    width: 100px;
    height: auto;
}