.header { width: 100%; background: #ffffff; letter-spacing: 0.5px; }
.header .content { width: 1220px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.header .content a.logo { display: inline-block; width: 218px; height: 44px; background: url("../image/logo.png") no-repeat; background-size: 218px 44px; }
.header .content ul.navbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 52px; padding-right: 125px; box-sizing: border-box; }
.header .content ul.navbar li { padding: 29px 15.5px; position: relative; border-bottom: 2px solid transparent; box-sizing: border-box; }
.header .content ul.navbar li a { display: block; width: 79px; height: 39px; line-height: 39px; font-size: 16px; color: #333333; text-align: center; overflow: hidden; }
.header .content ul.navbar li.active a { background: #015fb4; color: #ffffff; }
.header .content ul.navbar li.reset-active a { background: #ffffff; color: #333333; }
.header .content ul.navbar li div.select { z-index: -1; position: absolute; left: 0px; top: -500px; }
.header .content ul.navbar li div.select div { height: 72px; }
.header .content ul.navbar li div.select div a { display: block; margin: 0 auto; opacity: 0; }
.header .content ul.navbar li div.select p a { width: 110px; overflow: hidden; background: #ffffff; color: #333333; font-size: 14px; text-align: center; height: 34px; line-height: 34px; border-bottom: 1px solid whitesmoke; }
.header .content ul.navbar li div.select p a:hover { color: #015fb4; }
.header .content ul.navbar li div.select.zindex { z-index: 99999; }
.header .content ul.navbar li.transition { border-bottom-color: #015fb4; }
.header .content ul.navbar li.transition a { background: #015fb4; color: #ffffff; }
.header .content ul.navbar li.transition div.select { -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; top: 27px; }
.header .content input { width: 268px; height: 39px; display: block; background: whitesmoke; border-radius: 6px; padding: 0 40px 0 17px; box-sizing: border-box; border: 1px solid whitesmoke; }
.header .content input:hover { border-color: #b5b5b5; }
.header .content input::after { content: ""; }
.header .content .icon-search { display: inline-block; width: 25px; height: 25px; margin-left: -35px; background: url("../image/img_splits.png") no-repeat -60px 0; cursor: pointer; }
.header .content .icon-search-active { display: inline-block; width: 25px; height: 25px; margin-left: -35px; background: url("../image/img_splits.png") no-repeat -90px 0; cursor: pointer; }
.header .content .border-active { border-color: #015fb4 !important; }
.header .content .our { font-size: 12px; color: #333333; margin-left: 15px; font-weight: 600; }
.header .content .our a { display: inline-block; font-size: 12px; color: #333333; display: inline-block; height: 22px; line-height: 22px; margin-left: 10px; position: relative; }
.header .content .our a:hover { color: #015fb4; }
.header .content .our a::before { content: ''; width: 36px; height: 22px; background: url("../image/our.png") no-repeat; position: absolute; left: 0; top: 0; }
.header .content .our a span { padding-left: 45px; }

.fl { float: left; }

.fr { float: right; }

.clear { zoom: 1; }

.clear:after { display: block; content: ""; height: 0; overflow: hidden; clear: both; }

/*footer*/
.footer { background: #2e3844; color: #9eaebd; overflow: hidden; }

.foot_box { width: 1200px; margin: 29px auto; }

.foot_address, .foot_nav { width: 400px; }

.foot_address { margin-top: 21px; }

.foot_nav { margin-top: 41px; }

.foot_address > p { font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.foot_address > p > label { width: 90px; }

.foot_address > p > small { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.foot_nav > ul { text-align: right; }

.foot_nav > ul > li { display: inline-block; margin-left: 38px; }

.foot_nav > ul > li > a { display: block; width: 100%; color: #9eaebd; font-size: 12px; }

.foot_nav > ul > li > a:hover { color: #fff; }

.foot_nav .wx_chat { position: relative; }

.foot_nav .wx_chat > .wx_code { width: 94px; height: 94px; position: absolute; background: url("../image/tsnet.jpg") no-repeat center center; background-size: contain; margin: auto; left: -23px; top: 50px; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.foot_nav .wx_chat .wx_code.wx_hover { top: -40px; opacity: 1; }

.foot_center { margin: 0 400px; }

.up_box { text-align: center; }

.upItem { display: inline-block; position: relative; width: 94px; height: 94px; overflow: hidden; }

.upItem:nth-of-type(2) { margin: 0 45px; }

.upItem > .footflag { width: 28px; height: 24px; margin: 21px auto 0; }

.upItem:nth-of-type(1) > .footflag { background: url("../image/icon_wx.png") no-repeat center center; background-size: contain; }

.upItem:nth-of-type(1) > .hover_code { background: url("../image/wechat.png") no-repeat center center; background-size: contain; }

.upItem:nth-of-type(2) > .footflag { background: url("../image/icon_ask.png") no-repeat center center; background-size: contain; }

.upItem:nth-of-type(2) > .hover_code { background: url("../image/code_routine1.jpg") no-repeat center center; background-size: contain; }

.upItem:nth-of-type(3) > .footflag { background: url("../image/icon_marriage.png") no-repeat center center; background-size: contain; }

.upItem:nth-of-type(3) > .hover_code { background: url("../image/code_divorce.jpg") no-repeat center center; background-size: contain; }

.upItem > p { text-align: center; font-size: 12px; margin-top: 10px; }

.upItem > .hover_code { width: 94px; height: 94px; position: absolute; left: 0; top: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.upItem:hover .hover_code { top: 0; }

.foot_right { height: 45px; line-height: 45px; border-top: 1px solid #3e4854; text-align: center; }

.ask { width: 320px; height: 370px; font-size: 15px; color: #007aff; position: fixed; bottom: 7%; right: 118px; background: #ffffff; box-shadow: 0px 0px 3px 1px #e4ebff; z-index: 99999; display: none; overflow: hidden; }
.ask h1 { height: 57px; line-height: 57px; background: #5188ed; color: #ffffff; padding: 0 20px; box-sizing: border-box; position: relative; }
.ask h1 i { display: inline-block; width: 21px; height: 19px; background: url("../image/icon_question.png") no-repeat; margin-right: 13px; vertical-align: middle; }
.ask h1 span { box-sizing: border-box; position: absolute; right: 0px; top: 0px; padding: 0 20px; cursor: pointer; }
.ask h1 label { display: inline-block; width: 50px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.4); font-size: 12px; color: #ffffff; text-align: center; position: absolute; top: 2px; right: 2px; display: none; }
.ask .ask-ok { display: inline-block; width: 100px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.8); font-size: 12px; color: #ffffff; text-align: center; position: absolute; top: 55%; right: -500%; opacity: 0; }
@-webkit-keyframes ask-ok-show { 5% { right: 35%; }
  10% { right: 30%; opacity: 0.1; }
  30% { right: 35%; opacity: 0.2; }
  50% { right: 30%; opacity: 0.3; }
  80% { right: 35%; opacity: 0.8; }
  100% { right: 35%; opacity: 1; -webkit-animation-play-state: paused; animation-play-state: paused; } }
@keyframes ask-ok-show { 5% { right: 35%; }
  10% { right: 30%; opacity: 0.1; }
  30% { right: 35%; opacity: 0.2; }
  50% { right: 30%; opacity: 0.3; }
  80% { right: 35%; opacity: 0.8; }
  100% { right: 35%; opacity: 1; -webkit-animation-play-state: paused; animation-play-state: paused; } }
.ask .ask-ok-show { -webkit-animation: ask-ok-show 2s linear forwards; animation: ask-ok-show 2s linear forwards; }
.ask .text { padding: 20px; box-sizing: border-box; }
.ask .text textarea { display: block; width: 100%; height: 176px; border-radius: 2px; padding: 10px; box-sizing: border-box; font-size: 13px; color: #999999; line-height: 20px; }
.ask .text .mobile { border: 1px solid #ccc; border-radius: 2px; padding: 10px; box-sizing: border-box; font-size: 13px; color: #999999; line-height: 20px;  width: 100%; margin-top: 10px;}
.ask .text textarea ::-webkit-textarea-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea :-moz-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea ::-moz-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea ::-ms-textarea-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea textarea::-webkit-textarea-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea textarea:-moz-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea textarea::-moz-placeholder { color: #999999; font-size: 13px; }
.ask .text textarea textarea::-ms-textarea-placeholder { color: #999999; font-size: 13px; }
.ask .text .btn { width: 100%; height: 28px; line-height: 28px; background: #5188ed; margin-top: 17px; color: #ffffff; font-size: 15px; cursor: pointer; text-align: center; }

.ask-pic { width: 117px; height: 105px; background: url("../image/ask.png") no-repeat; position: fixed; bottom: 45%; right: 45px; cursor: pointer; z-index: 99999; }
.zhuren a img {
  border-radius: 50%;
  display: block;
  width: 130px;
  height: 130px;
  margin: 0 auto;
}

.focus_title p { width: 100%; margin: 0 auto; padding-top: 10px; font-size: 18px; line-height: 22px; color: #333333;  padding-left: 20px; box-sizing: border-box; position: relative; font-weight: 600; }
.focus_title p::before { content: ''; width: 0; height: 22px; border-right: 5px solid #1f57bd; position: absolute; left: 0px; }