/*
Theme Name: SoHan
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: sohan
Author URI: https://wordpress.org/
Description: 硕软技术内部使用主题
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Domain Path: /languages
*/

*,html,body{padding:0;margin:0;box-sizing:border-box}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}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{text-decoration:none;color:#000}a:hover{text-decoration:underline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}
.margin-0{margin:0}.margin-xs{margin:10px}.margin-sm{margin:20px}.margin{margin:30px}.margin-lg{margin:40px}.margin-xl{margin:50px}.margin-top-xs{margin-top:10px}.margin-top-sm{margin-top:20px}.margin-top{margin-top:30px}.margin-top-lg{margin-top:40px}.margin-top-xl{margin-top:50px}.margin-right-xs{margin-right:10px}.margin-right-sm{margin-right:20px}.margin-right{margin-right:30px}.margin-right-lg{margin-right:40px}.margin-right-xl{margin-right:50px}.margin-bottom-xs{margin-bottom:10px}.margin-bottom-sm{margin-bottom:20px}.margin-bottom{margin-bottom:30px}.margin-bottom-lg{margin-bottom:40px}.margin-bottom-xl{margin-bottom:50px}.margin-left-xs{margin-left:10px}.margin-left-sm{margin-left:20px}.margin-left{margin-left:30px}.margin-left-lg{margin-left:40px}.margin-left-xl{margin-left:50px}.margin-lr-xs{margin-left:10px;margin-right:10px}.margin-lr-sm{margin-left:20px;margin-right:20px}.margin-lr{margin-left:30px;margin-right:30px}.margin-lr-lg{margin-left:40px;margin-right:40px}.margin-lr-xl{margin-left:50px;margin-right:50px}.margin-tb-xs{margin-top:10px;margin-bottom:10px}.margin-tb-sm{margin-top:20px;margin-bottom:20px}.margin-tb{margin-top:30px;margin-bottom:30px}.margin-tb-lg{margin-top:40px;margin-bottom:40px}.margin-tb-xl{margin-top:50px;margin-bottom:50px}.padding-0{padding:0}.padding-xs{padding:10px}.padding-sm{padding:20px}.padding{padding:30px}.padding-lg{padding:40px}.padding-xl{padding:50px}.padding-top-xs{padding-top:10px}.padding-top-sm{padding-top:20px}.padding-top{padding-top:30px}.padding-top-lg{padding-top:40px}.padding-top-xl{padding-top:50px}.padding-right-xs{padding-right:10px}.padding-right-sm{padding-right:20px}.padding-right{padding-right:30px}.padding-right-lg{padding-right:40px}.padding-right-xl{padding-right:50px}.padding-bottom-xs{padding-bottom:10px}.padding-bottom-sm{padding-bottom:20px}.padding-bottom{padding-bottom:30px}.padding-bottom-lg{padding-bottom:40px}.padding-bottom-xl{padding-bottom:50px}.padding-left-xs{padding-left:10px}.padding-left-sm{padding-left:20px}.padding-left{padding-left:30px}.padding-left-lg{padding-left:40px}.padding-left-xl{padding-left:50px}.padding-lr-xs{padding-left:10px;padding-right:10px}.padding-lr-sm{padding-left:20px;padding-right:20px}.padding-lr{padding-left:30px;padding-right:30px}.padding-lr-lg{padding-left:40px;padding-right:40px}.padding-lr-xl{padding-left:50px;padding-right:50px}.padding-tb-xs{padding-top:10px;padding-bottom:10px}.padding-tb-sm{padding-top:20px;padding-bottom:20px}.padding-tb{padding-top:30px;padding-bottom:30px}.padding-tb-lg{padding-top:40px;padding-bottom:40px}.padding-tb-xl{padding-top:50px;padding-bottom:50px}.pre-wrap{white-space:pre-wrap}.block{display:block}.flex,.flex-box>div{display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.flex-9{flex:9}
/* fex 布局 */
.flex-direction{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:flex-center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.align-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}
.h-auto {
  height: auto!important;
}
.h-img-auto img {
  height: auto!important;
}

#img-404 {
  max-width: 80%;
  margin: 20vh auto;
  width: 320px;
  display: block;
}

.main-width {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
/* 封面需要跳转链接  */
.url-block {
  cursor: pointer;
  position: relative;
}
.url-block a {
  cursor: pointer;
  color: #fff!important;
  text-decoration: none; 
}
.url-block a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-content: center;
  justify-content: center; 
  z-index: -1;
} 
/* =============顶部导航============ */
#logo img {
  height: 35px;
  margin-right: 60px;
  display: block;
}

.nav { 
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: rgba(0,0,0,0.2);
  position: sticky;
  top: 0;
  z-index: 999;
  height: 74px;
  line-height: 74px;
}
.nav:hover {
  background-color: rgba(0,0,0,0.9);
}
.nav .icon {
  display: none;
}
#menu > li {
  margin: 0 35px;
  display: block;
}
.nav li a {
  color: #fff;
  font-size: 16px;
  user-select: none;
  text-decoration: none;
  display: block;
  height: 100%;
  cursor: pointer;
  max-height: 100%;
}

.nav>ul {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 999;
}
.nav>.main-width {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}
/* 有子导航 */
.pc_menu {
  display: flex;
}
.pc_menu li {
  position: relative;
}

.pc_menu li.current-menu-item > a {
  color: #015ECE;
  position: relative;
}
.pc_menu>li.current-menu-item > a::after,
.pc_menu>li.current-menu-ancestor> a::after
 {
  content: '';
  display: block;
  width: 80%;
  height: 1px;
  background-color: #015ECE;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pc_menu>li>ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 74px;
  background-color: #16171A;
  min-width: 157px;
  display: none;
  padding: 20px 0;
  
}
.pc_menu>li>ul a{
  text-align: center;
  font-size: 16px;
  line-height: 42px;
  height: 42px;
}
.pc_menu>li>ul.screen_menu {
  width: 100vw;
  display: none;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 20px;
  position: fixed;
  text-align: center;
}
.pc_menu>li>ul.screen_menu>li {
  display: inline-block;
}
.pc_menu>li>ul.screen_menu>li:not(:nth-last-child(1)) {
  margin-right: 60px;
}
.pc_menu>li>ul.screen_menu a {
  
  text-align: left;
}
.pc_menu>li>ul.screen_menu a:not([href]) {
  color: #7C7C7C;
  font-size: 16px;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #2D2F35;
  width: 200px;
  display: block;
  margin-bottom: 10px;
}

/* =============底部=============== */
#footer {
  background-color: #37383E;
  width: 100%;
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
  padding: 10px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer .content {
  display: flex;
  padding: 20px 0;
}
#footer .content>ul:nth-of-type(1) {
  border-right: 1px solid #494A4F;
  margin-right: 50px;
  padding-right: 50px;
}
#footer .content>ul:nth-of-type(1) a {
  font-size: 18px;
  display: block;
}
#footer .content>ul:nth-of-type(1) li {
  margin-bottom: 20px;
}
#footer .company-info {
  border-top: 1px solid #494A4F;
  text-align: center;
  padding: 30px 0;
}
.footer-box {
  display: flex;
  flex: 1;
}
.footer-box>li {
  flex: 1;
}
.footer-box>li a {
  line-height: 30px;
}
.footer-box>li>a {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}

/* 文章内容 */
#single-post .title {
  text-align: center;
  font-size: 30px;
  padding: 60px 0 34px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 50px;
}
#single-post .title div {
  font-size: 16px;
  color: #666666;
  margin-top: 27px;
}
#single-post article {
  box-sizing: border-box;
  padding: 0 45px;
  font-size: 14px;
  line-height: 40px;
  padding-bottom: 58px;
}
#single-post .paging {
  font-size: 14px;
  line-height: 40px;
  padding: 40px 45px;
  border-top: 1px solid #cdcdcd;
}
#single-post .paging a {
  display: block;
  text-decoration: none;
  color: #666;
}

@media screen and (max-width: 1199px) {
  #single-post article img {
    height: auto!important;
  }
  #single-post article {
    padding: 0 20px;
  }
}

/* 分页 */
.wp-pagenavi {
  font-size: 14px;
}
.wp-pagenavi a, .wp-pagenavi .current {
  display: inline-block;
  color: #333;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  line-height: 30px;
  height: 30px;
  width: 50px;
  margin: 0 5px;
  text-decoration: none;
}
.wp-pagenavi .current {
  border: none;
  color: #0C71D5;
}

/* 搜索表单 */
#search {
  width: 790px;
  height: 58px;
  line-height: 58px;
  background-color: #fff;
  border-radius: 6px;
  border: none;
  max-width: 80%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 15px;
}
#search input[type=submit] {
  width: 28px;
  height: 28px;
  font-size: 0; 
  border: none;
  background-size: cover !important;
}
#search input[type=text] {
  border: none;
  flex: 1;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 6px;
  background: #fff;
}

/* nodata */
.nodata {
  position: relative;
  padding: 20px;
  box-sizing: border-box;
}
.nodata p {
  text-align: center;
  color: #888;
}
.nodata img {
  display: block;
  width: 320px;
  max-width: 80%;
  margin: 0 auto 10px;
}




body,html,textarea, input {
  font-family: PingFangSC,FZLTXHK,arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
body {
  overflow: hidden;
  overflow-y: auto;
}

*,html,body{padding:0;margin:0;}
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{text-decoration:none;color:#000}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
*{-webkit-tap-highlight-color:transparent}
p{line-height:1.8em}
body{color:#333}
.flex{display:flex}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.flex-1{flex:1}
.flex-2{flex:2}
.flex-3{flex:3}
.flex-4{flex:4}
.flex-5{flex:5}
.flex-6{flex:6}
.flex-7{flex:7}
.flex-8{flex:8}
.flex-9{flex:9}
.flex-10{flex:10}
.font-10{font-size:10px}
.font-12{font-size:12px}
.font-14{font-size:14px}
.font-16{font-size:16px}
.font-18{font-size:18px}
.font-20{font-size:20px}
.font-24{font-size:24px}
.font-26{font-size:26px}
.font-28{font-size:28px}
.font-30{font-size:30px}
.font-32{font-size:32px}
.font-36{font-size:36px}
.font-40{font-size:40px}
.text-center{text-align:center!important;vertical-align:middle;}
.text-right{text-align:right}
.text-middle{vertical-align:middle}
.text-bold{font-weight:bold}
.nowrap{white-space:nowrap}
.line-block{display:inline-block}
.block{display:block!important}
.font-normal{font-weight:normal}
.col-blue{color:#127FEB}
.col-white{color:#fff}
.bg-blue{background-color:#127FEB}
.bg-f2{background-color:#EDF0F4}
.bg-deep-blue{background-color:#17418c}
.bg-white{background-color:#fff}
.margin-0{margin:0}
.margin-xs{margin:10px}
.margin-sm{margin:20px}
.margin{margin:30px}
.margin-lg{margin:40px}
.margin-xl{margin:50px}
.margin-top-xs{margin-top:10px}
.margin-top-sm{margin-top:20px}
.margin-top{margin-top:30px}
.margin-top-lg{margin-top:40px}
.margin-top-xl{margin-top:50px}
.margin-right-xs{margin-right:10px}
.margin-right-sm{margin-right:20px}
.margin-right{margin-right:30px}
.margin-right-lg{margin-right:40px}
.margin-right-xl{margin-right:50px}
.margin-bottom-xs{margin-bottom:10px}
.margin-bottom-sm{margin-bottom:20px}
.margin-bottom{margin-bottom:30px}
.margin-bottom-lg{margin-bottom:40px}
.margin-bottom-xl{margin-bottom:50px}
.margin-left-xs{margin-left:10px}
.margin-left-sm{margin-left:20px}
.margin-left{margin-left:30px}
.margin-left-lg{margin-left:40px}
.margin-left-xl{margin-left:50px}
.margin-lr-xs{margin-left:10px;margin-right:10px}
.margin-lr-sm{margin-left:20px;margin-right:20px}
.margin-lr{margin-left:30px;margin-right:30px}
.margin-lr-lg{margin-left:40px;margin-right:40px}
.margin-lr-xl{margin-left:50px;margin-right:50px}
.margin-tb-xs{margin-top:10px;margin-bottom:10px}
.margin-tb-sm{margin-top:20px;margin-bottom:20px}
.margin-tb{margin-top:30px;margin-bottom:30px}
.margin-tb-lg{margin-top:40px;margin-bottom:40px}
.margin-tb-xl{margin-top:50px;margin-bottom:50px}
.margin-center { margin: 0 auto; }
.padding-0{padding:0}
.padding-xs{padding:10px}
.padding-sm{padding:20px}
.padding{padding:30px}
.padding-lg{padding:40px}
.padding-xl{padding: 50px!important;}
.padding-top-xs{padding-top:10px}
.padding-top-sm{padding-top:20px}
.padding-top{padding-top:30px}
.padding-top-lg{padding-top:40px}
.padding-top-xl{padding-top:50px}
.padding-right-xs{padding-right:10px}
.padding-right-sm{padding-right:20px}
.padding-right{padding-right:30px}
.padding-right-lg{padding-right:40px}
.padding-right-xl{padding-right:50px}
.padding-bottom-xs{padding-bottom:10px}
.padding-bottom-sm{padding-bottom:20px}
.padding-bottom{padding-bottom:30px}
.padding-bottom-lg{padding-bottom:40px}
.padding-bottom-xl{padding-bottom:50px}
.padding-left-xs{padding-left:10px}
.padding-left-sm{padding-left:20px}
.padding-left{padding-left:30px}
.padding-left-lg{padding-left:40px}
.padding-left-xl{padding-left:50px}
.padding-lr-xs{padding-left:10px;padding-right:10px}
.padding-lr-sm{padding-left:20px;padding-right:20px}
.padding-lr{padding-left:30px;padding-right:30px}
.padding-lr-lg{padding-left:40px;padding-right:40px}
.padding-lr-xl{padding-left:50px;padding-right:50px}
.padding-tb-xs{padding-top:10px;padding-bottom:10px}
.padding-tb-sm{padding-top:20px;padding-bottom:20px}
.padding-tb{padding-top:30px;padding-bottom:30px}
.padding-tb-lg{padding-top:40px;padding-bottom:40px}
.padding-tb-xl{padding-top:50px;padding-bottom:50px}
.overhidden{overflow:hidden}
.clear::after{content:'';display:block;clear:both;visibility:hidden}
.float-left{float:left}
.float-right{float:right}
.unselect{user-select:none}
.pointer{cursor:pointer}
.border-box{box-sizing:border-box}
.main-page{width:1200px;margin:0 auto;max-width:100%;}
.h100{height:100%}
.main-page.wp-block-image{margin:0 auto}
.wp-block-image{margin-bottom:0}
.w50{width:50%}
.w40{width:40%}
.w80{width:80%}
.h100{height:100%}
.margin-center{margin:0 auto}
.margin-bottom-huge{margin-bottom:100px}
input:focus{outline:none}
textarea:focus{outline:none}
.radius-10{border-radius:10px}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inline-bock {
  display: inline-block;
}

.no-border { border: none!important; }