/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,p,form,input,select,button,textarea,table,tr,th,td,iframe {margin:0;padding:0;}
ul,ol {list-style:none;}
img {border-style:none;vertical-align:middle;-webkit-user-drag:none;user-drag:none;}
body {font-family:"微软雅黑";font-size:16px;color:#000;}
@font-face {font-family:"PFDinTextPro-Light";src:url("../font/PFDinTextPro-Light.ttf") format("truetype");}
a {color:#333;text-decoration:none;transition:all 0.3s ease-in-out;}
a:hover {color:#0067ce;}
.container {margin:0 auto;padding:0 60px;max-width:1560px;}
@media only screen and (max-width:1024px) {
  .container {padding:0 20px;}
}
.f-l {float:left;}
.f-r {float:right;}
.clearfix {clear:both;}
.t-c {text-align:center;}
.t-r {text-align:right;}
.gray {color:#666;}
.lightgray {color:#999;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
input,select,textarea,label,button {box-sizing:border-box;font-size:16px;vertical-align:middle;outline:medium;}
.form-text {padding:8px 16px;height:40px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.form-select {padding:8px 16px;height:40px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.form-textarea {padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);line-height:24px;}
.btn {display:inline-block;padding:8px 12px;border-radius:4px;font-size:16px;cursor:pointer;}
.btn-default {border:1px solid #cbcbcb;background:#fafafa;color:#333;}
.btn-default:hover {border:1px solid #adadad;background:#e6e6e6;}
.btn-primary {border:1px solid #2e6da4;background:#337ab7;color:#fff;}
.btn-primary:hover {border:1px solid #204d74;background:#286090;}
.btn-success {border:1px solid #4cae4c;background:#5cb85c;color:#FFF;}
.btn-success:hover {border:1px solid #398439;background:#449d44;}
.btn-info {border:1px solid #46b8da;background:#5bc0de;color:#FFF;}
.btn-info:hover {border:1px solid #269abc;background:#31b0d5;}
.btn-warning {border:1px solid #eea236;background:#f0ad4e;color:#FFF;}
.btn-warning:hover {border:1px solid #d58512;background:#ec971f;}
.btn-danger {border:1px solid #d43f3a;background:#d9534f;color:#FFF;}
.btn-danger:hover {border:1px solid #ac2925;background:#c9302c;}
.btn-lg {padding:12px 16px;border-radius:6px;font-size:18px;}
.btn-sm {padding:4px 8px;border-radius:4px;font-size:12px;}
.btn-xs {padding:2px 4px;border-radius:3px;font-size:12px;}
/* ---------- header ---------- */
header{background-color:transparent;color:#222;padding:15px 0;position:fixed;top:0;z-index:99;width:100%;transition: all 0.3s ease-in-out;}
header.page{background-color:#0063e1;}
.header-con {margin:auto;padding:10px 60px;position:relative;display:flex;justify-content:space-between;}
.header-logo {width:180px;}
.header-logo img {max-height:50px;filter:saturate(0) brightness(200);}
.header-bar {width:180px;}
.header-menu {display:flex;align-items:center;}
.header-menu .header-main-nav>li.plus>a:after {content:"▾";transform:rotate(0deg);position:absolute;right:-2px;top:12px;width:20px;height:20px;line-height:20px;text-align:center;transition:all .3s;transform-origin:center;font-size:18px;}
.header-menu .header-main-nav>li.plus.active>a:after {content:"▾";transform:rotate(180deg);transition:all .3s;transform-origin:center;}
.header-main-nav {list-style-type:none;margin:0;padding:0;display:flex;}
.header-main-nav li {position:relative;margin:0 10px;}
.header-main-nav li a {color:#FFF;text-decoration:none;padding:10px 20px;display:block;white-space: nowrap;}
.header-main-nav li a:hover{color:#ffca00;}
.header-main-nav li.current>a{color:#ffca00;}
.header-main-nav li.plus {margin-right:20px;}
.header-main-nav li.plus ul.item {display:none;position:absolute;top:100%;left:0;background:rgba(255,255,255,.15);list-style-type:none;padding:0 10px 0 10px;min-width:180px;box-shadow:0 6px 12px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 10px 10px;}
.header-main-nav li.plus .item a{border-bottom: 1px dotted rgba(255, 255, 255,.2);}
.header-main-nav li.plus .item li:last-child a{border-bottom: 1px dotted transparent;}
.header-main-nav li.plus ul.item li {margin:0;}
.header-main-nav li.plus ul.item li a {padding:10px;}
.header-tel {display:flex;align-items:center;}
.tel-ico {display:inline-block;width:20px;height:20px;background-color:#FFF;margin-right:5px;}
.header-menu-toggle {display:none;color:#222;text-decoration:none;font-size:20px;position:absolute;right:20px;top:20px;width:40px;height:40px;}
#header.bg {background-color: rgba(255, 255, 255, .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition: all 0.3s ease-in-out;box-shadow:0 0 12px rgba(0,0,0,.1)}
#header.bg .header-con{padding:0 60px;}
#header.bg .header-logo img{filter:none;}
#header.bg .header-tel{color: #0063e1;}
#header.bg .header-tel .tel-ico{filter:none;}
#header.bg .header-main-nav li.plus ul.item{background:rgba(255,255,255,.95);padding:20px 10px 0 10px;}
#header.bg .header-main-nav li.plus .item li:last-child a{border-bottom: 1px dotted transparent;}
#header.bg .header-main-nav li a{color: #222;}
#header.bg .header-main-nav li a:hover{color: #ffca00;}
#header.bg .header-main-nav li.plus .item a{border-bottom: 1px dotted rgba(0,0,0,.1);}
#header.mobile {background-color: #0063e1;}
#header.mobile .header-logo img{max-height:30px;}
#header.mobile .header-main-nav li a{border-bottom: 1px dotted rgba(255, 255, 255,.2);padding:5px 10px;}
#header.mobile .header-main-nav li.plus .item a{border-bottom: 1px dotted rgba(255, 255, 255,.2);padding:5px 10px;}
#header.mobile .header-main-nav>li.plus>a:after {border: 1px solid rgba(255, 255, 255, .4);border-radius:3px;right:0;top:6px;}
#header.mobile .header-con{padding:0 20px;}
#header.mobile .header-main-nav li.plus .item li:last-child a{border-bottom: 1px dotted transparent;}
#header.mobile .header-menu-toggle{top:10px;}
#header.mobile .header-menu.show{padding:10px 20px 0 20px;max-height: calc(100vh - 70px);overflow: hidden;overflow-y: auto;}
#header.mobile.bg {background-color: rgba(255, 255, 255, .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#header.mobile.bg .header-menu-toggle span{background-color: #0063e1;}
#header.mobile.bg .header-menu-toggle.is-clicked span{background-color: transparent;}
#header.mobile.bg .header-menu-toggle.is-clicked span::before{background-color: #0063e1;}
#header.mobile.bg .header-menu-toggle.is-clicked span::after{background-color: #0063e1;}
#header.mobile.bg .header-main-nav li a{border-bottom: 1px dotted rgba(0,0,0,.1);}
#header.mobile.bg .header-main-nav>li.plus>a:after {border: 1px solid rgba(0,0,0,.3);border-radius:3px;right:0;top:6px;}

#header.page.bg{background-color: rgba(255, 255, 255, .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;}
#header.page .header-con{padding:10px 60px;}
#header.page.mobile{padding:0;}
#header.page.mobile .header-con{padding:10px 20px;}
#header.page.mobile.bg .header-con{padding:10px 20px;}
#header.page .header-main-nav li.plus ul.item{padding:20px 10px 0 10px;background-color: rgba(0, 99, 225,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#header.page.bg .header-main-nav li.plus ul.item{padding:10px 10px 0 10px;background-color: rgba(255, 255, 255, .95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#header.page.bg .header-con{padding:10px 60px;}
#header.page.mobile .header-main-nav li.plus ul.item{padding:0 20px 0 20px;background-color: transparent;box-shadow: none;border-radius: 0;}
#header.page.mobile.bg .header-main-nav li.plus ul.item{padding:0 20px 0 20px;background-color: transparent;box-shadow: none;border-radius: 0;}
#header.home.mobile .header-main-nav li.plus ul.item{padding:0 20px 0 20px;background-color: transparent;box-shadow: none;border-radius: 0;}
#header.home.mobile.bg .header-main-nav li.plus ul.item{padding:0 20px 0 20px;background-color: transparent;box-shadow: none;border-radius: 0;}
.header-menu-toggle:hover,.header-menu-toggle:focus {color:#FFF;}
.header-menu-toggle span {display:block;position:absolute;top:50%;left:8px;right:auto;bottom:auto;margin-top:-1px;width:24px;height:2px;background:#FFF;font:0/0 a;color:transparent;transition:all 0.3s ease-in-out;}
.header-menu-toggle span::before,.header-menu-toggle span::after {position:absolute;left:0;width:100%;height:100%;background:inherit;content:"";transition:all 0.3s ease-in-out;}
.header-menu-toggle span::before {top:-9px;}
.header-menu-toggle span::after {bottom:-9px;}
.header-menu-toggle.is-clicked span {background:transparent;transition:all 0.3s ease-in-out;}
.header-menu-toggle.is-clicked span::before,.header-menu-toggle.is-clicked span::after {background:#FFF;}
.header-menu-toggle.is-clicked span::before {top:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.header-menu-toggle.is-clicked span::after {bottom:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.header-tel {position:relative;padding:6px 0 0 24px;height:44px;font-family:"PFDinTextPro-Light";font-size:24px;color:#fff;line-height:44px;white-space: nowrap;}
.header-tel .tel-ico {position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:16px;background:url("../img/tel-ico.png") no-repeat center;background-size:16px;filter:brightness(3);}
@media screen and (max-width:1360px) {
  .header-main-nav li a {padding:10px 10px;}
  .header-menu .header-main-nav>li.plus>a:after {right:-10px;top:12px;}
}
@media screen and (max-width:1200px) {
  .header-main-nav li a {padding:10px 5px;}
}
@media screen and (max-width:1024px) {
  .header-con{padding:20px;}
  .header-main-nav li {margin:0;}
  .header-main-nav li.plus{margin-right:10px;}
  #header.mobile .header-main-nav li.plus{margin-right:0;}
}
@media screen and (max-width:860px) {
  .header-con {flex-wrap:wrap;justify-content: space-between;}
  .header-menu-toggle {display:block;}
  .header-menu {display:none;width:100%;flex-direction:column;align-items:flex-start;}
  .header-main-nav {flex-direction:column;width:100%;}
  .header-main-nav li.plus ul.item {position:static;display:none;width: auto;padding: 0 40px;}
  .header-bar {display:none;}
  .header-menu.show {display:flex;margin:0;padding:20px;}
}


/* ---------- footer ---------- */
footer {padding:60px 0 30px;background:#002159;color:#CCCCCC;border-top:8px solid #e7e7e7;}
footer a {color:#CCCCCC;}
footer a:hover {color:#e58f00;}
.footer-con {padding-bottom:40px;border-bottom:1px solid #334577;}
.footer-tel {float:left;width:30%;}
.footer-tel .footer_logo{height:50px;margin:0 0 20px 0;}
.footer-tel h4 {padding:8px 0;font-size:15px;font-weight:normal;line-height:20px;}
.footer-tel p {font-size:32px;font-family:"PFDinTextPro-Light";color:#e58f00;}
.footer-tel p i {display:inline-block;margin-right:4px;width:20px;height:20px;background:url("../img/foot_tel-ico.png") no-repeat left center;background-size:18px;}
.footer-contact {float:left;width:32%;}
.footer-contact p {padding:8px 0;line-height:20px;}
.footer-nav {float:right;width:34%;text-align:right;}
.footer-nav .menu {line-height:36px;}
.footer-nav .menu a{display:inline-block;width:16.66%;}
.footer-code {float:right;width:34%;text-align:right;}
.footer-code .qrcode {line-height:36px;background:#FFF;padding:2px;display:inline-block;}
.footer-code .qrcode img{display:block;width:160px;}
.footer-btm {padding-top:24px;color:#CCCCCC;line-height:1.7;width:100%;display:flex;justify-content:space-between;font-size:15px;}
.footer-btm + .footer-btm {padding-top:5px;}
.footer-btm a,.footer-btm a:hover {color:#CCCCCC;}
.footer-btm .copyright a{margin-left:15px;}
.footer-btm .copyright a:hover{color:#e58f00;}
.footer-btm .copyright a img{width:16px;height:17px;vertical-align:text-bottom;margin-right:3px;}
.footer-btm .site a {display:inline-block;}
.footer-btm .site a:hover{color:#e58f00;}
@media only screen and (max-width:1024px) {
.footer-con {padding-bottom:40px;}
.footer-tel {float:none;width:auto;text-align:center;}
.footer-contact {float:none;padding-top:32px;width:auto;text-align:center;}
.footer-contact p {padding:4px 0;}
.footer-nav {float:none;width:auto;text-align:center;}
.footer-nav .menu {display:none;}
.footer-code {float:none;width:auto;text-align:center;margin-top:30px;}
.footer-code .qrcode {display:inline-block;}
.footer-btm {font-size:13px;text-align:center;line-height:1.5;flex-wrap:wrap;}
}
/* ---------- go to top ---------- */
#go-top {display:none;position:fixed;bottom:30px;right:30px;z-index:99;}
#go-top a,#go-top a:visited {display:block;width:50px;height:50px;border-radius:5px;background:url("../img/go-top.png") no-repeat center rgba(0,0,0,0.6);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#go-top a:hover,#go-top a:focus {background:url("../img/go-top.png") no-repeat center rgba(0,0,0,1);}
@media only screen and (max-width:768px) {
  #go-top {bottom:0;right:0;}
  #go-top a,#go-top a:visited {width:40px;height:40px;border-radius:10px 0 0 0;background-size:16px 16px;}
}

/* characteristic */
/* .characteristic {background:#f8f8f8;}
.characteristic .con {padding:88px 60px;margin:auto;max-width:1560px;overflow:hidden;}
.characteristic li {float:left;position:relative;padding:0 4%;width:33.33%;text-align:center;box-sizing:border-box;}
.characteristic li:after {position:absolute;top:16px;right:0;bottom:4px;width:1px;background:#e9e9e9;content:"";}
.characteristic li:last-child:after {width:0;}
.characteristic li .ico img {width:88px;}
.characteristic li h3 {padding-top:12px;font-size:15px;}
.characteristic li p {padding-top:12px;color:#888;line-height:180%;}
@media only screen and (max-width:1024px) {
  .characteristic .con {padding:32px 20px;}
  .characteristic li {float:none;padding:28px 0;width:auto;}
  .characteristic li:after {position:absolute;top:auto;left:0;right:0;bottom:0;width:100%;height:1px;}
  .characteristic li:last-child:after {width:0;}
  .characteristic li h3 {padding-top:8px;}
  .characteristic li p {padding-top:8px;line-height:160%;}
} */

/* friend */
.friend {background:#FFF;padding:100px 0 60px;}
.friend-tit {text-align:center;}
.friend-tit h2 {font-size:32px;}
.friend-tit p {padding-top:20px;font-size:15px;color:#888;}
.friend .con {padding:10px 60px;margin:auto;max-width:1560px;overflow:hidden;}
.friend .list {padding:25px 0;display:flex;flex-wrap:wrap;justify-content:space-around;}
.friend .list li {display:flex;padding:0 25px;height:60px;justify-content:center;border-radius:60px; box-shadow:4px 13px 20px rgba(9, 63, 174, 0.07);margin:10px 6px;background-color:#FFF;transition:all .3s;}
.friend .list li .img{position:relative;display:flex;padding:5px 0;height:100%;max-height:50px;}
.friend .list li .img img{display:block;height:100%;}
.friend .list li:hover{transition:all .3s;transform:translateY(-4px);}
@media only screen and (max-width:1024px) {
  .friend .con {padding:32px 0;}
  .friend-tit h2 {font-size:20px;}
  .friend .list{overflow-y:auto;max-height:200px;}
  .friend .list li{height:40px;margin:10px 5px;padding:0 15px;}
  .friend .list li .img{padding:0;height:100%;max-height:40px;}
}

/* home-jobox */
.homejob-tit h2 {font-size:32px;text-align:center;}
.homejob-tit{margin-top:0;}
.home-jobox.page-jobox{padding:120px 0 0 0;}
.home-jobox.page-jobox .homejob-con{padding:80px 0 0 0;}
.page-jobox .homejob-tit{margin-top:60px;}
.home-jobox .search-job {display:block;margin:40px auto 20px;text-align:center;}
.home-jobox .search-job form{display:inline-flex;margin:0 auto;justify-content:center;flex-wrap:nowrap;}
.search-job .search-txt {padding:10px 15px;border:1px solid #4164E4;margin:0;color:#222;height:45px;width:calc(100% - 120px);border-radius:8px 0 0 8px;font-size:16px;}
.search-job .search-btn {display:inline-block;padding:0 40px;margin:0;width:120px;height:45px;background-color:#4164E4;border-radius:0 8px 8px 0;font-size:15px;color:#FFF;border:0;line-height:45px;text-align:center;transition:all .3s;}
.search-job .search-btn:hover {box-shadow:0 8px 24px rgba(0,0,0,0.1);background-color:#4164E4;color:#FFF;transition:all .3s;border-radius:0 8px 8px 0;opacity:.9;}
.search-job form:hover .search-txt{border-color:#4164E4;}
.search-job form:hover .search-btn{background-color:#4164E4;}
.homejob {padding:120px 0;}
.homejob-con {padding:80px 0 40px;}
.homejob-con ul {width:calc(100% + 60px);display:flex;flex-wrap:wrap;}
.homejob-con li {margin:0 60px 30px 0;width:calc(100% / 3 - 60px);}
.homejob-con li .pic {position:relative;border-radius:8px;box-shadow:0 8px 48px rgba(0,0,0,0.05);overflow:hidden;transition:all 0.3s ease-in-out;}
.homejob-con li .pic img {width:100%;transition:all 0.3s ease-in-out;}
.homejob-con li .pic .zoom {position:absolute;display:inline-block;top:0;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:100%;background:url("../img/eye-ico.png") no-repeat center #e58f00;background-size:20px;box-shadow:0 4px 24px rgba(229,143,0,0.5);opacity:0;transition:all 0.3s ease-in-out;}
.homejob-con li.top .pic::before{content:"TOP";width:100px;height:24px;line-height:24px;text-align:center;color:#FFF;background-color:#fc3321;position:absolute;top:6px;left:-32px;z-index:2;transform:rotate(314deg);}
.homejob-con li .con {padding:24px 20px;}
.homejob-con li .con h4 {font-size:16px;font-weight:normal;color:#333;}
.homejob-con li .con .time {padding-top:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;}
.homejob-con li .con .time p{padding:0;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:14px;}
.homejob-con li a:hover .pic {box-shadow:0 18px 30px rgba(0, 45, 129, 0.3);}
.homejob-con li a:hover .pic .zoom {top:50%;opacity:1;}
.homejob-btn {clear:both;padding-top:20px;text-align:center;}
.homejob-btn a {display:inline-block;padding:0 80px 0 40px;width:124px;height:50px;border-radius:25px;background:url("../img/more-arrow.png") no-repeat right 72px center #f8f8f8;background-size:6px;font-size:15px;color:#0f1f48;line-height:50px;text-align:center;}
.homejob-btn a:hover {box-shadow:0 8px 24px rgba(67,131,247,0.2);background:url("../img/more-arrow.png") no-repeat right 60px center #f0f0f3;background-size:6px;font-size:15px;color:#0f1f48;line-height:50px;text-align:center;}
.home-jobox.page-jobox .homejob-con li .con h4 {font-size:18px;font-weight:bold;color:#222;margin-bottom:10px;}
.home-jobox.page-jobox .homejob-con li .con .info{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:#888;}
.home-jobox.page-jobox .homejob-con li .con .info p{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:#888;}
.home-jobox.page-jobox .homejob-con li .con .time {padding-top:14px;color:#888;}
.home-jobox.page-jobox .homejob-con li {margin:0 60px 50px 0;}
@media only screen and (max-width:1360px) {
  .homejob-con li {margin:0 60px 30px 0;width:calc(100% / 2 - 60px);}
}
@media only screen and (max-width:1024px) {
  .homejob {padding:60px 0;}
  .homejob-tit h2 {font-size:20px;}
  .homejob-tit p {padding-top:12px;font-size:14px;}
  .homejob-con {padding:48px 0 16px;}
  .homejob-con ul {width:auto;}
  .homejob-con li {float:none;margin:0 0 24px 0;width:auto;}
  .homejob-con li .pic .zoom {width:60px;height:60px;}
  .homejob-con li .con {padding:20px 16px;}
  .homejob-con li .con p {padding-top:8px;}
  .homejob-btn {padding-top:0;}
  .homejob-btn a {height:44px;font-size:14px;line-height:44px;}
}
/* aboutus */
.aboutus {padding:180px 0;background:radial-gradient(circle at 0 0,#5fbde9,#006dd9);background:url(../img/h-about-bg.jpg) no-repeat center center;background-size:cover;background-position:center;background-attachment:fixed;position:relative;margin:0;}
/* .aboutus::before{content:"";position:absolute;top:-100px;left:0;width:100%;background:url(../img/h-about-bg.jpg) no-repeat center center;background-size:cover;background-position:center;background-attachment:fixed;;height:200px;border-radius:50%;}
.aboutus::after{content:"";position:absolute;bottom:-100px;left:0;width:100%;background:url(../img/h-about-bg.jpg) no-repeat center center;background-size:cover;background-position:center;background-attachment:fixed;;height:200px;border-radius:50%;} */
.aboutus-tit {color:#fff;margin-bottom:40px;}
.aboutus-tit h2 {font-size:32px;font-weight:500;display:inline-block;position:relative;}
.aboutus-con {display:flex;align-items:center;position:relative;z-index:10;}
.aboutus-con .col-6 {width:46%;margin-left:2%;margin-right:2%;}
.aboutus-con .sec-content{padding:0 60px 0 0;text-align:justify;}
.aboutus-con .sec-content p{color:#FFF;font-size:16px;line-height:1.7;}
.aboutus-con .sec-img {display:block;position:relative;padding:10px;border:1px solid #fff;background-image:linear-gradient(to bottom, rgba(0, 90, 235, 0.12) 0%, #fafafa85 100%);background-repeat:repeat-x;border-radius:18px;box-shadow:0px -30px 50px 0px rgba(0, 90, 235, 0.08);}
.aboutus-con .sec-img img{max-width:100%;max-height:100%;border-radius:8px;}
.aboutus-btn {clear:both;padding-top:20px;}
.aboutus-btn a {display:inline-block;padding:0 80px 0 40px;width:124px;height:50px;border-radius:25px;background:url("../img/more-arrow.png") no-repeat right 72px center rgba(248, 248, 248,.8);background-size:6px;font-size:15px;color:#0f1f48;line-height:50px;text-align:center;}
.aboutus-btn a:hover {box-shadow:0 8px 24px rgba(0,0,0,0.1);background:url("../img/more-arrow.png") no-repeat right 60px center rgba(255, 255, 255,1);background-size:6px;font-size:15px;color:#0f1f48;line-height:50px;text-align:center;}
@media only screen and (max-width:1024px) {
  .aboutus {padding:60px 0 20px;}
  .aboutus-tit h2 {font-size:20px;}
  .aboutus-tit p {padding-top:12px;}
  .aboutus-con {flex-wrap:wrap;}
  .aboutus-con .sec-content{padding:20px 0 0 0;}
  .aboutus-con .col-6 {width:96%;margin-left:2%;margin-right:2%;}
  .aboutus-con .aboutus-btn{margin-bottom:40px;}
  .aboutus-con .sec-img{margin-bottom:40px;}
}
/* flickerplate 首页banner*/
.flicker-home .home_banner_link{background-color:transparent;color:#FFF;border-radius:30px;padding:10px 20px;border:1px solid #FFF;}
.flicker-home .home_banner_link:hover{background-color:rgba(255,255,255,.1);color:#FFF;border:1px solid #FFF;}
.flickerplate {position:relative;width:100%;height:880px;background:#eee;overflow:hidden;}
.flickerplate ul.flicks {margin:0;padding:0;width:10000%;height:100%;list-style:none;}
.flickerplate ul.flicks>li {float:left;display:table;width:1%;height:100%;background-position:center;background-size:cover;}
.flickerplate ul.flicks>li .flick-inner {display:table-cell;padding:100px 60px 40px;height:100%;color:#fff;vertical-align:middle;}
/* .flickerplate ul.flicks>li .flick-inner .flick-content {position:relative;margin:auto;max-width:1560px;} */
.flickerplate ul.flicks>li .flick-inner .flick-content {position:relative;margin:auto;width:100%;height:100%;}
.flickerplate ul.flicks>li .flick-inner .flick-content .incon{display:block;width:100%;height:100%;}
.flickerplate ul.flicks>li .flick-title {font-size:60px;font-weight:bold;}
.flickerplate ul.flicks>li .flick-sub-title {padding-top:8px;font-size:36px;font-weight:bold;}
.flickerplate ul.flicks>li .flick-sub-title span {position:relative;}
.flickerplate ul.flicks>li .flick-sub-text {padding-top:80px;font-size:18px;}
.flickerplate .arrow-navigation {position:absolute;top:0;width:10%;height:100%;overflow:hidden;z-index:10;}
.flickerplate .arrow-navigation .arrow {position:absolute;top:50%;display:block;width:50px;height:50px;transition:all 0.2s ease-in-out;}
.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover {cursor:pointer;}
.flickerplate .arrow-navigation.left {left:0%;}
.flickerplate .arrow-navigation.left .arrow {left:40px;background-image:url("../img/flick-arrow-left-light.png");background-repeat:no-repeat;background-position:center;opacity:.2;}
.flickerplate .arrow-navigation.right {right:0%;}
.flickerplate .arrow-navigation.right .arrow {right:40px;background-image:url("../img/flick-arrow-right-light.png");background-repeat:no-repeat;background-position:center;opacity:.2;}
.flickerplate .arrow-navigation.left.hover .arrow {left:20px;opacity:1;}
.flickerplate .arrow-navigation.right.hover .arrow {right:20px;opacity:1;}
.flickerplate .dot-navigation {position:absolute;bottom:24px;width:100%;text-align:center;z-index:10;}
.flickerplate .dot-navigation ul {list-style:none;}
.flickerplate .dot-navigation ul li {display:inline-block;}
.flickerplate .dot-navigation .dot {margin:0px 4px;width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,0.4);transition:all 0.2s ease-in-out;}
.flickerplate .dot-navigation .dot:hover {background:rgba(255,255,255,0.8);cursor:pointer;}
.flickerplate .dot-navigation .dot.active {width:32px;background:#fff;}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul {text-align:left;}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul {text-align:right;}
.flickerplate.animate-transform-slide ul.flicks {-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%,0px,0px);transition:transform 0.6s;}
.flickerplate.animate-transition-slide ul.flicks {position:relative;left:0%;transition:left 0.4s ease-in-out;}
.flickerplate.animate-jquery-slide ul.flicks {position:relative;left:0%;}
.flickerplate.animate-scroller-slide {padding-bottom:0;overflow:auto;}
.flickerplate.animate-scroller-slide ul.flicks {position:auto;}
@media only screen and (max-width:1024px) {
  .flickerplate {height:400px;}
  .flickerplate ul.flicks>li .flick-title {font-size:50px;}
  .flickerplate ul.flicks>li .flick-sub-title {font-size:30px;}
  .flickerplate ul.flicks>li .flick-sub-text {padding-top:60px;font-size:16px;}
}
@media only screen and (max-width:768px) {
  .flickerplate {height:260px;}
  .flickerplate ul.flicks>li .flick-inner {padding:64px 20px 40px;}
  .flickerplate ul.flicks>li .flick-title {font-size:32px;}
  .flickerplate ul.flicks>li .flick-sub-title {font-size:24px;}
  .flickerplate ul.flicks>li .flick-sub-title span:after {right:-20px;bottom:4px;width:10px;height:10px;border:2px solid #fff;}
  .flickerplate ul.flicks>li .flick-sub-text {padding-top:40px;width:80%;font-size:14px;}
}
/* flickerplate 首页banner end */

/* .floating-container 回顶部totop */
#home_slider{position:fixed;width:50px;height:auto;bottom:120px;right:50px;margin:0;z-index:9;opacity:0;}
#home_slider.show{opacity:1;}
.floating-container {position:fixed;width:50px;height:auto;bottom:120px;right:50px;margin:0;z-index:9;}
.floating-container .float-element{cursor:pointer;background-color:#FFF;margin:8px 0 0 0;border-radius:50%;width:50px;height:50px;display:inline-flex;flex-wrap:wrap;align-content:center;box-shadow:2px 4px 10px rgba(0,0,0,.2);}
.floating-container .float-element svg.icon{display:inline-block;margin:0 auto;width:30px;height:30px;fill:#888;}
.floating-container .float-element:hover{background-color:#2071D3;}
.floating-container .float-element:hover svg.icon{fill:#FFF;}
.floating-container .float-element .item{display:none;position:absolute;right:60px;top:50%;transform:translateY(-50%);width:160px;height:auto;padding:0 10px 0 0;border-radius:3px;}
.floating-container .float-element .item>span{display:block;width:100%;height:100%;background-color:#FFF;padding:10px;border-radius:3px;box-shadow:-3px 6px 10px rgba(0,0,0,.2);}
.floating-container .float-element .item>span img{display:block;width:100%;}
.floating-container .float-element .item p{display:block;font-size:16px;line-height:1.7;color:#000;margin:0;border-bottom:1px dashed #DDD;text-align:center;}
.floating-container .float-element .item p:hover{background-color:#F8F8F8;}
.floating-container .float-element .item p:last-child{border-bottom:none;}
.floating-container .it1:hover .item1{display:block;}
.floating-container .it2:hover .item2{display:block;}
.floating-container .it1:focus .item1{display:block;}
.floating-container .it2:focus .item2{display:block;}
#totop {width:50px;height:50px;background:url('../img/top.png') no-repeat center center;background-color:#a8a8a8;background-color:rgba(0,0,0,0.3);position:fixed;right:50px;bottom:50px;z-index:5555;cursor:pointer;border-radius:50%;transition:.6s;opacity:0;transform:translateY(20px)}
#totop:hover {background-color:#2071D3;}
#totop.show {transform:translateY(0);opacity:1}
@media screen and (max-width:980px) {
  .floating-container{bottom:60px;right:10px;width:40px;}
  #home_slider{bottom:60px;right:10px;width:40px;}
  .floating-container .float-element{width:40px;height:40px;}
  .floating-container .float-element .item{right:50px;}
  .floating-container .float-element svg.icon{width:25px;height:25px;}
  #totop {right:10px;bottom:10px;width:40px;height:40px;background-size:20px}
}
/* .floating-container 回顶部totop end */




















/* ---------- page_job ---------- */
.pagejob_box{display:block;width:100%;position:relative;margin:0 auto;padding:0;overflow:hidden;background:#F5F5F5;}
.page_top_info{display:block;width:100%;margin:140px auto 20px;background:#FFFFFF;border-radius:20px;box-shadow:0 12px 15px rgb(49,83,175,.08);}
.page_top_info .page_job-user{display:flex;width:calc(100% - 80px);padding:20px 40px;}
.page_top_info .page_job-user .it{display:flex;width:33.3%;align-items:center;}
.page_top_info .page_job-user .it1{width:calc(100% - 300px);font-size:18px;}
.page_top_info .page_job-user .it1 span{}
.page_top_info .page_job-user .it2{width:140px;}
.page_top_info .page_job-user .it3{width:140px;}
.page_top_info+ .page_top_info{margin-top:10px;}
.page_top_info .page_job-user .btn{background-color:#006dd9;color:#FFF;font-size:16px;margin:0;padding:8px 30px;}
.page_top_info .page_job-user .btn:hover{opacity:.85;}
.page_top_info .page_job-user .btn-login{background-color:#E58F00;border-radius:20px 20px 0 20px;border:4px solid #FFF;}
.page_top_info .page_job-user .btn-reg{background-color:#006dd9;border-radius:20px 20px 20px 0;border:4px solid #FFF;}
.page_top_info .page_job-user .btn-manager{background-color:#95b310;border-radius:20px 20px 0 20px;border:4px solid #FFF;}
.page_top_info .page_job-user .btn-exit{background-color:#ff7777;border-radius:20px 20px 20px 0;border:4px solid #FFF;}
.page_top_info .page_job-user .btn-login:hover{border:4px solid #fff0d7;}
.page_top_info .page_job-user .btn-reg:hover{border:4px solid #c2e1ff;}
.page_top_info .page_job-user .btn-manager:hover{border:4px solid #cfe763;}
.page_top_info .page_job-user .btn-exit:hover{border:4px solid #ffc7c5;}
@media only screen and (max-width:768px) {
    .page_top_info .page_job-user{padding:20px 0;flex-wrap:wrap;width: 100%;justify-content: center;}
    .page_top_info .page_job-user .it1{width:100%;padding: 0 0 10px 0;justify-content:center;}
}
.info_gk_box{display:block;width:100%;margin:140px auto 40px;background:#FFFFFF;border-radius:20px;box-shadow:0 12px 15px rgb(49,83,175,.08);overflow:hidden;}
.info_gk_box .info_con {display:block;margin:0 auto;padding:40px 30px;min-height:300px;}
.info_gk_box .info_list {width:100%;display:flex;flex-wrap:wrap;list-style:none;margin:0 auto;padding:10px 0;}
.info_gk_box .info_list li {width:100%;margin:0;padding:0 10px;line-height:1.4;border-bottom:1px dashed #eee;display:flex;align-items:center;}
/* .info_gk_box .info_list li:nth-child(odd){background-color:#F8F8F8;} */
.info_gk_box .info_list li:hover{background-color:#F1F1F1;border-bottom:1px solid transparent;}
.info_gk_box .info_list li a{width:calc(100% - 100px);padding:15px 0;position: relative;margin:0 0 0 12px;}
.info_gk_box .info_list li a::before{content:"";width:4px;height:4px;background-color:#444;border-radius:0;position:absolute;left:-12px;top:50%;transform:translateY(-50%);margin:0;padding:0;}
.info_gk_box .info_list li:hover a::before{background-color:#FF5500;border-radius:6px;}
.info_gk_box .info_list li:hover em{color:#FF5500;}
.info_gk_box .info_list li a.link.active{color:#E00;font-weight:bold;}
.info_gk_box .info_list li em{width:140px;font-size:16px;white-space:nowrap;text-align:right;font-style:normal;}
.info_gk_box .pagination{margin:0;padding:10px 0 40px;}
.info_gk_box .title{display:block;position:relative;z-index:1;padding:20px 10px;}
.info_gk_box .title h3{font-size:18px;background-color:#1c4372;box-shadow:5px 5px 0 #5fbde9;color:#FFF;margin:0;border-radius:16px 0;padding:10px 20px;display:inline-block;position:relative;z-index:2;}
.info_gk_box .title span{font-size:4rem;text-transform:uppercase;color:#F8F8F8;margin:0;padding:0;display:inline-block;line-height:1;font-weight:bold;position:absolute;top:50%;left:150px;transform:translateY(-50%);white-space:nowrap;z-index:-1;pointer-events:none;}

.product_box{display:block;margin:140px auto 40px;border-radius:20px;overflow:hidden;padding:0;}
.product_box .pro_con {display:block;margin:20px auto 50px;padding:50px 30px 70px;position:relative;background:#FFF;
border-radius:20px;box-shadow:0 12px 15px rgb(49, 83, 175, .08);}
.product_box .pro_con:first-child{padding:30px 30px 50px 30px;}
.product_box .pro_con .anchor{display:block;width:100%;pointer-events:none;height:1px;padding:0;position:absolute;top:-60px;left:0;}
.product_box .pro_con .pro_box {display:block;margin:0 auto;padding:20px 10px 0 10px;}
.product_box .pro_con .pro_flex {display:flex;margin:0 auto;justify-content:space-around;flex-wrap:wrap;}
.product_box .pro_con .pro_flex .l,
.product_box .pro_con .pro_flex .r{display:flex;margin:0;width:calc(50% - 30px);flex-wrap:wrap;align-content:flex-start;padding:0 0 30px 0;}
.product_box .pro_con .pro_flex .l .item,
.product_box .pro_con .pro_flex .r .item{display:block;width:100%;margin:0;}
.product_box .pro_con .pro_flex .l .item h4,
.product_box .pro_con .pro_flex .r .item h4{display:block;width:100%;margin:20px 0 10px 0;padding:0;color: #93B303;font-size:1.6rem;}
.product_box .pro_con .pro_flex .r img,
.product_box .pro_con .pro_flex .l img{display:block;margin:0;max-width:100%;padding:0;}
.product_box .pro_con.rcpx .pro_flex .l .item,
.product_box .pro_con.rcpx .pro_flex .r .item{display:block;width:100%;margin:0 0 20px 0;}
.product_box .pro_con.rcpx .pro_flex .r img,
.product_box .pro_con.rcpx .pro_flex .l img{display:block;margin:0;max-width:100%;padding: 30px 0 20px;}
.product_box .pro_con.glzx .pro_flex .box {display: flex;flex-wrap: wrap;padding:30px 0;}

.pro_bottom_link{display:block;text-align:center;width:100%;padding:30px 0 0 0;}
.pro_bottom_link .btn{display:inline-block;text-align:center;padding:10px 100px;margin:0 auto;background-color:#FFF;color:#1C4372;transition:all .3s;border-radius:30px;font-size:1.2rem;border:1px solid #1C4372;border-bottom:3px solid #1C4372;}
.pro_bottom_link .btn:hover{background-color:#5FBDE9;color:#FFF;transition:all .3s;border:1px solid transparent;border-bottom:3px solid transparent;}

.glzx .pro_flex .box h4{margin:10px 0 30px;font-size: 1.6rem;text-align: center;color:#E58F00;}
.glzx .pro_flex .box.box1 h4,.glzx .pro_flex .box.box2 h4{width:100%;position: relative;z-index:2;}
.glzx .pro_flex .box.box1 h4:after,.glzx .pro_flex .box.box2 h4:after{position: absolute;content: "";width:400px;height:20px;border-radius: 10px;background-color: #fff0d7;z-index:-1;bottom:-6px;left:50%;transform: translateX(-50%);}
.glzx .pro_flex .box.box1 .trow{width:calc(33% - 20px);padding: 0 0 10px 20px;border:1px solid #fff0d7;border-radius: 20px;box-shadow: 0 5px 0 #fff0d7;}
.glzx .pro_flex .box.box1 .trow h3{color: #93B303;}
.glzx .pro_flex .box.box2 .trow{width:calc(25% - 25px);padding: 0 0 10px 20px;border:1px solid #fff0d7;border-radius: 20px;box-shadow: 0 5px 0 #fff0d7;}
.glzx .pro_flex .box.box2 .trow h3{color: #93B303;}
.glzx .pro_flex .box h3{margin: 20px 0 10px 0;}
.glzx .pro_flex .box p{display: block;margin:0 0 5px 0;padding:0;line-height:1.7;}
.product_box .pro_con.glzx {padding:50px 30px;}
.product_box .pro_con.glzx .pro_bottom_link{padding:20px 0;}
.glzx .pro_flex .box3{display:flex;margin: 0 auto;width:100%;padding:30px 0 0 0;}
.glzx .pro_flex .box3 .trow{display: block;margin: 0 auto;width:calc(25% - 60px);padding:20px 30px;}
.glzx .pro_flex .box3 .trow img{display: block;margin:0 auto 10px;width:100px;}

.product_box .pro_box2box {display: flex;flex-wrap: wrap;padding:30px 0;}
.product_box .pro_box2box h4{margin:10px 0 30px;font-size: 1.6rem;text-align: center;color:#E58F00;width:100%;position: relative;z-index:2;}
.product_box .pro_box2box h4:after{position: absolute;content: "";width:400px;height:20px;border-radius: 10px;background-color: #fff0d7;z-index:-1;bottom:-6px;left:50%;transform: translateX(-50%);}
.product_box .pro_box2box .trow h3{color: #93B303;}
.product_box .pro_box2box .trow{width:calc(25% - 25px);padding: 0 0 10px 20px;border:1px solid #fff0d7;border-radius: 20px;box-shadow: 0 5px 0 #fff0d7;}
.product_box .pro_box2box h3{margin: 20px 0 10px 0;}
.product_box .pro_box2box p{display: block;margin:0 0 5px 0;padding:0;line-height:1.7;}

.product_box .pro_box3box {display: flex;flex-wrap: wrap;padding:30px 0;}
.product_box .pro_box3box h4{margin:10px 0 30px;font-size: 1.6rem;text-align: center;color:#E58F00;width:100%;position: relative;z-index:2;}
.product_box .pro_box3box h4:after{position: absolute;content: "";width:400px;height:20px;border-radius: 10px;background-color: #fff0d7;z-index:-1;bottom:-6px;left:50%;transform: translateX(-50%);}
.product_box .pro_box3box .flex4li{display:flex;margin:0 auto;flex-wrap:wrap;background:#ffffff;padding:10px 0 20px 0;border-radius:20px;border:1px solid #fcf0d6;border-bottom:6px solid #fcf0d6;}
.product_box .pro_box3box .flex4li p{width:20%;padding:10px 15px;margin:0 20px;color:#292929;font-size:18px;}


.product_box .pro_con.rsgl .pro_flex .box .top_full{display: block;margin:0 auto 10px;width: calc(100% - 80px);border-radius: 20px;}
.product_box .pro_con.rsgl .pro_flex .box .item{display:flex;margin:0 10px;flex-wrap:wrap;align-content:flex-start;padding:30px 15px;justify-content:space-evenly;background-color:#eee;color:#FFF;background-image: linear-gradient(135deg, #5154fd 0%, #a66ce1 100%);width:14%;border-radius:20px;}
.product_box .pro_con.rsgl .pro_flex .box .item h4{font-size: 1.2rem;margin: 0 auto 10px;height:auto;}

.product_box .pro_con .pro_flex .bton{display:flex;margin:0;padding:30px 0;flex-wrap: wrap;width: 100%;}
.product_box .pro_con .pro_flex .bton .brow{display:block;margin:0;padding:0;width:50%;}
.product_box .pro_con .pro_flex .bton h3{display: block;margin:20px 0 10px 0;padding:0;color: #93B303;font-size:1.6rem;width: 100%;}
.product_box .pro_con .pro_flex .bton p{display: block;margin:0 0 5px 0;padding:0;line-height:1.7;}
.product_box .pro_con .pro_flex .box{display:flex;margin:0;width:100%;align-content:flex-start;padding:0 0 30px 0;justify-content:space-evenly;}
.product_box .pro_con .pro_flex .box .item{display:flex;margin:0 10px;flex-wrap:wrap;align-content:flex-start;padding:30px 15px;justify-content:space-evenly;background-color:#eee;background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);width:14%;border-radius:20px;}

.product_box .pro_con .pro_flex .box .item h4{display:block;margin:0 auto;width:100%;padding:0;text-align:center;height:50px;}
.product_box .pro_con .pro_flex .box .item .txt{display:block;margin:0 auto;width:100%;padding:0;text-align:center;}

.product_box .title{display:block;position:relative;z-index:1;padding:20px 10px;}
.product_box .title h3{font-size:18px;background-color:#93b303;box-shadow:5px 5px 0 #e58f00;color:#FFF;margin:0;border-radius:16px 0;padding:10px 20px;display:inline-block;position:relative;z-index:2;}
.product_box .pro_con:first-child .title h3{font-size:18px;background-color:#1c4372;box-shadow:5px 5px 0 #5fbde9;color:#FFF;margin:0;border-radius:16px 0;padding:10px 20px;display:inline-block;position:relative;z-index:2;}
.product_box .title span{font-size:4rem;text-transform:uppercase;color:#F8F8F8;margin:0;padding:0;display:inline-block;line-height:1;font-weight:bold;position:absolute;top:50%;left:150px;transform:translateY(-50%);white-space:nowrap;z-index:-1;pointer-events:none;}

.product_box .pro_con.ggsj .pro_flex .box.b5{width:100%;flex-wrap: wrap;}
.product_box .pro_con.ggsj .pro_flex .box.b5 h4{width:100%;display:block;margin:20px 0;padding:10px 0;font-size: 1.4rem;color: #FFF;text-align: center;background-color: #5FBDE9;}
.product_box .pro_con.ggsj .pro_flex .box.b5 .botimg{max-width: 100%;display:block;border-radius: 20px;}
.product_box .pro_con.ggsj .pro_flex .box.b4 .botimg{max-width: 100%;display:block;border-radius: 20px;}
.product_box .pro_con.ggsj .pro_flex .box.b1 p{display:block;text-align:left;width:100%;}
.product_box .pro_con.ggsj .pro_flex .box.b2 span{width:240px;height:140px;display: block;margin:0 auto;padding: 20px;background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #FFF;font-size: 1.4rem;text-align: center;}
.product_box .pro_con.ggsj .pro_flex .box.b2>div{width:240px;height:140px;display: block;margin:0 auto;padding: 20px;background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: #FFF;font-size: 1.4rem;text-align: center;}
.product_box .pro_con.ggsj .pro_flex .box.b3{display: block;}
.product_box .pro_con.ggsj .pro_flex .box.b3 h4{margin: 0 10px 0 0;padding: 10px 0 10px 10px;background: #5fbde9;color: #FFF;border-radius: 5px;float: left;width:30px;font-size: 1.4rem;}
.product_box .pro_con.ggsj .pro_flex .box.b3 p{display: block;margin:5px 0 10px 60px;line-height: 1.7;}

.product_box .pro_con.xljk .pro_flex .r h3{width:100%;margin:0 auto 20px auto;text-align: center;color: #E58F00;font-size: 1.6rem;}
.product_box .pro_con.xljk .pro_flex .r .xljk_libox{width:100%;margin:0 auto 20px auto;text-align: center;padding:0;}
.product_box .pro_con.xljk .pro_flex .r .xljk_list{display:inline-block;margin:0;padding:0;list-style-type:circle;line-height: 1.7;text-align: left;}
.product_box .pro_con.xljk .pro_flex .r .xljk_list li{margin:0;padding:0;}
.product_box .pro_con.xljk .pro_flex .r .botimg{width:100%;max-width:360px;margin:0 auto;}
.product_box .pro_con.xljk .friend {padding:20px 0 0 0;}
.product_box .pro_con.xljk .friend .friend-tit h2 {font-size: 32px;background: #F8F8F8;padding:10px 0;}

@media only screen and (max-width:1380px) {
  .product_box .pro_con .pro_flex .box{flex-wrap:wrap;}
  .product_box .pro_con .pro_flex .box .item{width:25%;margin:10px 10px;}
}
@media only screen and (max-width:1024px) {
  .product_box .pro_con .pro_flex .l{width:100%;}
  .product_box .pro_con .pro_flex .r{width:100%;}
}
@media only screen and (max-width:768px) {
  .product_box .pro_con .pro_flex .box .item{width:33%;margin:20px 10px;}
  .glzx .pro_flex .box.box1 .trow{width:calc(100% - 20px);padding:10px 20px;}
  .glzx .pro_flex .box.box2 .trow{width:calc(50% - 24px);padding:10px 10px;}
  .glzx .pro_flex .box.box3 .trow{width:calc(50% - 24px);padding:30px 10px;}
  .product_box .pro_box2box .trow{width:calc(50% - 25px);padding:0 0 10px 20px;}
  .product_box .pro_box3box .flex4li{width:100%;padding:20px 0;}
  .product_box .pro_box3box .flex4li p{width:100%;padding:0 20px;margin:10px 0;}
  .pro_bottom_link .btn{padding:10px 40px;}
}

.page_job {padding:40px;margin:20px 0;background-color:#FFFFFF;border-radius:20px;box-shadow:0 12px 15px rgb(49,83,175,.08);position:relative;overflow:hidden;}
.page_job.top::before{content:"TOP";width:100px;height:24px;line-height:24px;text-align:center;color:#FFF;background-color:#fc3321;position:absolute;top:6px;left:-32px;z-index:2;transform:rotate(314deg);font-size:14px;}
.page_job-tit {padding:12px 0;margin:0 0 20px 0;}
.page_job-tit h2 {font-size:26px;}

.page_time{margin:0 -20px 0 -20px;display:flex;padding:5px 20px;justify-content:space-between;background-color:#f6f9e5;background-color:#F8F8F8;border-radius:30px;}
.page_time .time_l{color:#000;font-size:18px;margin:0;display:block;padding:10px 0;}
.page_time .time_l b{display: inline-block;background-color: #FFF;color: #000;border: 1px solid #000;margin:0 10px 0 0;border-radius:30px;padding:3px 20px;font-size:16px;}
/* .page_time .time_l em{display: inline-block;background-color: #000;color: #FFF;border-radius:30px;font-style: normal;padding:2px 20px;white-space: nowrap;margin:1px 0;} */
.page_time .time_r{color:#000;font-size:18px;margin:0;display:block;padding:10px 0;}
.page_time .time_r b{display: inline-block;background-color: #FFF;color: #000;border: 1px solid #000;margin:0 10px 0 0;border-radius:30px;padding:3px 20px;font-size:16px;}

.page_note{color:#000;font-size:18px;margin:30px 0 0 0;padding:0;}
.page_note h3{display: inline-block;font-size:16px;background-color: #FFF;color: #000;border: 1px solid #000;margin:0;border-radius:30px;padding:3px 20px;display:inline-block;}
.page_note .note_list {width:100%;display:flex;flex-wrap:wrap;list-style:none;margin:0 auto;padding:10px 0;}
.page_note .note_list li {width:100%;margin:0;padding:0 10px;line-height:1.4;border-bottom:1px dashed #eee;display:flex;}
/* .page_note .note_list li:nth-child(odd){background-color:#F8F8F8;} */
.page_note .note_list li:hover{background-color:#F8F8F8;}
.page_note .note_list li:hover em{color:#006dd9;}
.page_note .note_list li a{width:calc(100% - 100px);position: relative;margin-left:10px;padding: 10px 0;}
.page_note .note_list li a::before{content:"";width:4px;height:4px;background-color:#000;position: absolute;left:-10px;top:50%;transform:translateY(-50%);margin: 0 0 1px 0;}
.page_note .note_list li a:hover::before{content:"";background-color:#006dd9;border-radius: 4px;}
.page_note .note_list li a.link.active{color:#E00;font-weight:bold;}
.page_note .note_list li em{width:140px;font-size:16px;white-space:nowrap;text-align:right;font-style:normal;line-height:1;display:flex;justify-content:flex-end;align-self:center;}
.page_note .note_list li.active a{color:#FF5500;}
.page_note .note_list li.active a::before{content:"";background-color:#FF5500;}
.page_note .note_list li.active em{color:#FF5500;}
.page_note .note_list li.active:hover a{color:#006dd9;}
.page_note .note_list li.active:hover a::before{content:"";background-color:#006dd9;}
.page_note .note_list li.active:hover em{color:#006dd9;}

.bm_page_tips{display:flex;padding:20px;margin:20px 0 40px 0;width:calc(100% - 40px);flex-wrap:wrap;color:#666;background-color:#FFF;border-radius:20px;box-shadow:0 12px 15px rgb(49,83,175,.08);}
.bm_page_tips .item{display:flex;padding:20px;margin:10px 10px;width:calc(33.33% - 62px);flex-wrap:wrap;align-content:flex-start;border:1px solid #EEE;border-radius:10px;}
.bm_page_tips .item h4{margin:0 0 10px 0;}

.page_job-con .conbox{display:block;padding:30px 0 0 0;margin:0 0 40px;}
.page_job-con .conbox .con{display:none;}
.page_job-con .conbox .con img{max-width:100%;}
.page_job-con .conbox .con p{padding:0;margin:0 0 10px 0;}
.page_job-con .conbox img{max-width:100%;}
.page_job-con .conbox p{padding:0;margin:0 0 10px 0;}
.page_job-con .conbox ul {list-style-type: disc;margin-top: 1em;margin-bottom: 1em;padding-left: 40px;}
/*.page_job-con .conbox ul li::marker {content: '• ';}*/
.page_job-con .conbox ol {list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;padding-left: 40px;}
/*.page_job-con .conbox ol li::marker {content: counter(list-item) '. '; }*/
.page_job-con .conbox li {display: list-item;text-align: -webkit-match-parent;}
@media only screen and (max-width:768px) {
    .page_time{flex-wrap:wrap;}
    .page_note .note_list li{flex-wrap:wrap;}
    .page_note .note_list li a{width:100%;}
    .page_note .note_list li em{width:100%;justify-content:flex-start;padding: 0 0 10px 10px;}
    .bm_page_tips .item{width:100%;}
}
/* .page_job.bm_main .page_job-tit{padding:0 0 20px 0;}
.page_job.bm_main .page_job-con{padding:0;} */

.page_bm_mainbox{margin:0;padding:40px 20px;box-shadow:0 12px 15px rgb(49, 83, 175, .08);border-radius:20px;background-color: #fff;position: relative;}


.page_baoming{margin:0 0 40px;padding:60px 20px;background:url(../img/job-bg2.png) no-repeat;background-size:cover;border-radius:20px;box-shadow:0 12px 15px rgb(49,83,175,.2);}
.page_baoming h3{font-size:18px;color:#000;margin:0 0 20px;display:block;}
.page_baoming .bmbox{text-align:center;margin:0 auto;padding:0;}
.page_baoming .bmbox .btn-baoming{background-color:#FFF;color:#006dd9;border-radius:60px;height:60px;width:200px;line-height:60px;text-align:center;margin:0 auto;padding:0;font-size:18px;font-weight:bold;}
.page_baoming .bmbox .btn-baoming:hover{opacity:.85;}
.page_baoming .bmbox .btn-baoming[disabled]{color:#666;background-color:#ddd;cursor:not-allowed;}
@media only screen and (max-width:1024px) {
  .page_job {padding:60px 20px 20px 20px;}
  .page_top_info{margin:80px auto 20px;}
  .info_gk_box{margin:80px auto 20px;}
  .page_job-tit h2 {font-size:20px;}
  .page_job-con {padding:40px 0 20px;}
  .page_job-con .time{flex-wrap:wrap;background-color:transparent;}
  .page_job-con .time .time_l{width:100%;}
  .page_job-con .time .time_r{width:100%;}
}

/* ---------- template ---------- */.template {padding:240px 0 120px;}
.template-tit {padding:12px 0;}
.template-tit h2 {font-size:32px;}
.template-con {padding:80px 0 40px;}
.template-con ul {width:calc(100% + 60px);}
.template-con li {float:left;margin:0 60px 60px 0;width:calc(100% / 3 - 60px);}
.template-con li .pic {position:relative;border-radius:8px;box-shadow:0 8px 48px rgba(0,0,0,0.05);overflow:hidden;transition:all 0.3s ease-in-out;}
.template-con li .pic img {width:100%;transition:all 0.3s ease-in-out;}
.template-con li .pic .zoom {position:absolute;display:inline-block;top:0;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:100%;background:url("../img/zoom-ico.png") no-repeat center #7468ff;background-size:20px;box-shadow:0 4px 24px rgba(116,104,255,0.5);opacity:0;transition:all 0.5s ease-in-out;}
.template-con li .con {padding:24px 20px;}
.template-con li .con h4 {font-size:16px;font-weight:normal;color:#333;}
.template-con li .con p {padding-top:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.template-con li a:hover .pic {box-shadow:0 8px 48px rgba(0,0,0,0.2);}
.template-con li a:hover .pic .zoom {top:50%;opacity:1;}
@media only screen and (max-width:1024px) {.template {padding:124px 0 60px;}
.template-tit h2 {font-size:20px;}
.template-con {padding:40px 0 20px;}
.template-con ul {width:auto;}
.template-con li {float:none;margin:0 0 24px 0;width:auto;}
.template-con li .pic .zoom {width:60px;height:60px;}
.template-con li .con {padding:20px 16px;}
.template-con li .con p {padding-top:8px;}
}
/* ---------- page pagination---------- */
.pagination {margin:20px 0;clear:both;text-align:center;display:block;padding:40px 0 80px;}
.pagination > li {display:inline-block;margin:0 2px;}
.pagination > li > a,.pagination > li > span {width:40px;height:40px;text-align:center;line-height:40px;position:relative;float:left;padding:0;color:#444;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:50%;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left:0;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius:20px;border-bottom-right-radius:20px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index:2;color:#222;background-color:#5fbde9;border-color:#49addb;color:#FFF;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index:3;color:#fff;cursor:default;background-color:#5fbde9;border-color:#49addb;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color:#777;cursor:not-allowed;background-color:#F8F8F8;border-color:#ddd;color:#888;}
/* .pagination > .disabled > span,.pagination > .disabled > span:hover{border-color:transparent;} */
.pagination-lg > li > a,.pagination-lg > li > span {padding:10px 16px;font-size:18px;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-top-left-radius:6px;border-bottom-left-radius:6px;}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm > li > a,.pagination-sm > li > span {padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {border-top-left-radius:3px;border-bottom-left-radius:3px;}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {border-top-right-radius:3px;border-bottom-right-radius:3px;}

/* ---------- template detail ---------- */.template-detail {padding:240px 0 120px;}
.template-detail-tit h2 {font-size:24px;font-weight:normal;}
.template-detail-con {padding:64px 0;}
.template-thumbnail {float:left;width:62.18%;}
.template-thumbnail img {width:100%;border:5px solid #333;border-radius:20px;box-sizing:border-box;box-shadow:0 12px 48px rgba(0,0,0,0.2);}
.template-info {float:right;width:30%;}
.template-info .number span {display:inline-block;padding:4px 10px;border-radius:4px;background:#ffdc73;color:#fff;}
.template-info .title {padding:24px 0;border-bottom:1px solid #efefef;}
.template-info .title h3 {font-size:28px;}
.template-info .content {padding:28px 0;}
.template-info .button {padding:20px 0 40px;height:60px;border-bottom:1px solid #efefef;}
.template-info .button a.preview-btn {float:left;display:inline-block;width:57%;height:60px;border-radius:30px;background:#7468ff;font-size:16px;color:#fff;line-height:60px;text-align:center;}
.template-info .button a.preview-btn i {display:inline-block;margin:0 8px 4px 0;width:24px;height:24px;background:url("../img/preview-ico.png");background-size:100%;vertical-align:middle;}
.template-info .button a:hover.preview-btn {box-shadow:0 4px 24px rgba(116,104,255,0.5);}
.template-info .button a.consult-btn {float:right;display:inline-block;width:40%;height:60px;border-radius:30px;background:#ffdc73;font-size:16px;color:#333;line-height:60px;text-align:center;}
.template-info .button a.consult-btn i {display:inline-block;margin:0 8px 4px 0;width:24px;height:24px;background:url("../img/consult-ico.png");background-size:100%;vertical-align:middle;}
.template-info .button a:hover.consult-btn {box-shadow:0 4px 24px rgba(255,220,115,0.5);}
.template-info .describe {padding:60px 0 20px;}
.template-info .describe h4 {font-size:16px;}
.template-info .describe p {padding-top:24px;color:#888;line-height:200%;}
.template-client {padding-bottom:80px;}
.template-client-tit h3 {font-size:20px;}
.template-client-con {padding-top:60px;}
.template-client-con ul {width:calc(100% + 60px);}
.template-client-con li {float:left;margin:0 60px 40px 0;width:calc(100% / 3 - 60px);}
.template-client-con li .pic {position:relative;border-radius:8px;box-shadow:0 8px 48px rgba(0,0,0,0.05);overflow:hidden;transition:all 0.3s ease-in-out;}
.template-client-con li .pic img {width:100%;transition:all 0.3s ease-in-out;}
.template-client-con li .con {padding:24px 20px;}
.template-client-con li .con h4 {font-size:16px;font-weight:normal;color:#333;}
.template-client-con li .con p {padding-top:12px;color:#999;}
.template-client-con li a:hover .pic {box-shadow:0 8px 48px rgba(0,0,0,0.2);}
@media only screen and (max-width:1024px) {.template-detail {padding:124px 0 40px;}
.template-detail-tit h2 {font-size:16px;}
.template-detail-con {padding:40px 0;}
.template-thumbnail {float:none;width:auto;}
.template-thumbnail img {border:3px solid #333;border-radius:16px;}
.template-info {float:none;padding-top:40px;width:auto;}
.template-info .title {padding:16px 0;}
.template-info .title h3 {font-size:20px;}
.template-info .content {padding:20px 0;}
.template-info .button {padding:12px 0 24px;height:50px;}
.template-info .button a.preview-btn {height:50px;line-height:50px;}
.template-info .button a.consult-btn {height:50px;line-height:50px;}
.template-info .describe {padding:24px 0 20px;}
.template-info .describe h4 {font-size:16px;}
.template-info .describe p {padding-top:12px;line-height:160%;}
.template-client {padding-bottom:40px;}
.template-client-tit h3 {font-size:16px;}
.template-client-con {padding-top:40px;}
.template-client-con ul {width:auto;}
.template-client-con li {float:none;margin:0 0 24px 0;width:auto;}
.template-client-con li .con {padding:20px 16px;}
.template-client-con li .con p {padding-top:8px;}
}
/* ---------- qrcode ---------- */.mask {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1000;}
.popup {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;width:200px;border-radius:6px;background:#fff;overflow:hidden;z-index:1001;}
.popup img {width:100%;}
.popup p {font-size:15px;line-height:32px;text-align:center;}
/* ---------- preview ---------- */.toolbar {position:absolute;top:0;left:0;right:0;height:60px;background:#fafafa;z-index:1000;}
.toolbar .back {float:left;padding:18px 12px 18px;}
.toolbar .back a {display:inline-block;width:24px;height:24px;background:url("../img/back-ico.png") no-repeat center;background-size:16px;}
.toolbar .num {float:left;padding:18px 0 18px;}
.toolbar .num span {display:inline-block;padding:0 8px;background:#f0f0f0;border-radius:4px;color:#888;line-height:24px;}
.toolbar .tit {float:left;padding:18px 40px 18px 12px;font-size:16px;color:#333;line-height:24px;}
.toolbar .switch {float:left;position:relative;padding:18px 40px;}
.toolbar .switch:before {position:absolute;top:20px;left:0;width:1px;height:20px;background:#e0e0e0;content:"";}
.toolbar .switch a {position:relative;display:inline-block;margin:0 10px;color:#888;}
.toolbar .switch a img {padding:0 2px;filter:brightness(1.8);transition:all 0.3s ease-in-out;}
.toolbar .switch a:hover img,.toolbar .switch a.cur img {filter:none;}
.toolbar .switch .mobile-qrcode {display:none;position:absolute;top:42px;left:-12px;padding:8px;width:160px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.1);}
.toolbar .switch .mobile-qrcode:before {position:absolute;top:-6px;left:20px;width:12px;height:6px;background:url("../img/footer-popup-arrow.png");content:"";}
.toolbar .switch .mobile-qrcode img {width:100%;}
.toolbar .tel {float:right;padding:14px 0;color:#666;line-height:32px;}
.toolbar .consult {float:right;padding:14px 20px;color:#666;line-height:32px;}
.toolbar .consult a.consult-btn {display:inline-block;width:112px;height:32px;border-radius:16px;background:#ffdc73;color:#333;line-height:32px;text-align:center;}
.toolbar .consult a.consult-btn i {display:inline-block;margin:0 4px 2px 0;width:18px;height:18px;background:url("../img/consult-ico.png");background-size:100%;vertical-align:middle;}
.preview .pc {position:absolute;top:60px;left:0;right:0;bottom:0;}
.preview .mobile {position:absolute;top:50%;left:50%;width:340px;height:680px;border:4px solid #333;border-radius:24px;transform:translate(-50%,-50%);box-shadow:0 12px 48px rgba(0,0,0,0.2);overflow:hidden;}
.preview iframe {position:absolute;width:100%;height:100%;}
.preview .mobile iframe {width:calc(100% + 17px);}
@media only screen and (max-width:1024px) {.toolbar .tit {display:none;}
.toolbar .switch {display:none;}
.toolbar .tel {display:none;}
.preview .pic {position:absolute;top:60px;left:0;right:0;bottom:0;}
.preview .mobile {position:absolute;top:60px;left:0;right:0;bottom:0;width:auto;height:auto;border:0;border-radius:0;transform:none;box-shadow:none;}
.preview .mobile iframe {width:100%;}
}
/* ---------- price ---------- */.price {padding:300px 0 150px;text-align:center;}
.price .num {font-size:96px;font-weight:bold;color:#5b85f0;}
.price .unit {font-size:20px;}
.price .explain {padding-top:8px;}
.price .explain span {display:inline-block;padding:8px 20px;border:2px solid #f0f0f0;border-radius:20px;font-size:16px;color:#666;}
.price .tel {padding-top:80px;font-size:16px;}
@media only screen and (max-width:1024px) {.price {padding:160px 0 100px;}
.price .num {font-size:60px;}
.price .unit {font-size:16px;}
.price .explain span {font-size:14px;}
.price .tel {padding-top:60px;font-size:14px;}
}
/* ---------- service ---------- */.service {padding:120px 0;background:#f6f6f6;}
.service-tit {text-align:center;}
.service-tit h2 {font-size:32px;font-weight:normal;}
.service-tit p {padding-top:20px;font-size:16px;color:#888;}
.service-con {padding-top:80px;overflow:hidden;}
.service-con ul {width:calc(100% + 24px);}
.service-con li {float:left;position:relative;margin:0 24px 24px 0;width:calc(100% / 4 - 24px);height:260px;border-radius:8px;background:#fff;overflow:hidden;}
.service-con li .con {padding:40px 100px 0 40px;}
.service-con li h4 {font-size:18px;font-weight:normal;}
.service-con li p {padding-top:16px;color:#888;line-height:160%;}
.service-con li .charge {position:absolute;left:40px;bottom:40px;}
.service-con li .charge strong {font-family:"PFDinTextPro-Light";font-size:32px;font-weight:bold;color:#0067ce;}
.service-con li .ico {position:absolute;right:0;bottom:0;padding:50px 0 0 50px;width:124px;height:124px;border-radius:100% 0 0 0;background:#fafafa;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.service-con li:hover {box-shadow:0 4px 24px rgba(0,0,0,0.05);}
.service-con li:hover .ico {background:#ffdc73;}
.service-con li:hover .ico img {filter:brightness(2);}
@media only screen and (max-width:1024px) {.service {padding:60px 0;}
.service-tit h2 {font-size:20px;}
.service-tit p {padding-top:12px;font-size:16px;}
.service-con {padding-top:40px;}
.service-con ul {width:auto;}
.service-con li {float:none;margin:0 0 24px 0;width:auto;height:240px;}
.service-con li .con {padding:32px 88px 0 32px;}
.service-con li h4 {font-size:16px;}
.service-con li p {font-size:14px;}
.service-con li .charge {left:32px;bottom:32px;}
}
/* ---------- pay ---------- */
.pay {padding:120px 0;}
.pay-tit {text-align:center;}
.pay-tit h2 {font-size:24px;font-weight:normal;}
.pay-tit p {padding-top:20px;font-size:15px;color:#888;}
.pay-con {padding-top:80px;overflow:hidden;}
.pay-con li {float:left;position:relative;width:33.33%;text-align:center;}
.pay-con li:before {position:absolute;top:0;left:0;bottom:0;width:1px;background:#f0f0f0;content:"";}
.pay-con li:first-child:before {background:none;}
.pay-con li .tit h4 {font-size:20px;font-weight:normal;}
.pay-con li .tit h4 img {margin-bottom:5px;}
.pay-con li .con {padding:32px 0;line-height:28px;}
.pay-con li .text {position:relative;padding-top:32px;line-height:40px;}
.pay-con li .text:before {position:absolute;top:0;left:50%;margin-left:-90px;width:180px;height:1px;background:#f0f0f0;content:"";}
.pay-con li .qrcode img {width:180px;border:1px solid #f0f0f0;border-radius:4px;}
@media only screen and (max-width:1024px) {.pay {padding:60px 0;}
.pay-tit h2 {font-size:20px;}
.pay-tit p {padding-top:12px;font-size:16px;}
.pay-con {padding-top:40px;}
.pay-con li {float:none;margin-bottom:20px;padding:32px 0;width:auto;background:#fafafa;border-radius:8px;}
.pay-con li:before {background:none;}
.pay-con li .con {padding:24px 0;line-height:24px;}
.pay-con li .text {padding-top:24px;line-height:28px;}
.pay-con li .qrcode img {width:160px;}
}
/* ---------- about ---------- */
.about {padding:120px 0;display:block;margin:0 auto;overflow:hidden;}
.about .intro {padding-top:100px;}
.about .intro .tit{position:relative;z-index:1;}
.about .intro .tit::before{content:"bohaiguozirenli";font-size:10rem;line-height:1;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);color:#F8F8F8;letter-spacing:1px;text-transform:uppercase;pointer-events:none;}
.about .intro .tit h2 {font-size:48px;position:relative;z-index:4;}
.about .intro .tit h2 span {font-weight:normal;}
.about .intro .tit h3 {padding-top:12px;font-size:32px;font-weight:normal;}
.about .intro .con {padding-top:40px;font-size:16px;display:flex;width:100%;}
.about .intro .con-left {width:48%;display:block;flex-wrap:wrap;margin-right:2%;}
.about .intro .con-left p {padding:0;line-height:1.7;text-align:justify;margin:0 0 15px 0;}
.about .intro .con-left ol{list-style-type:decimal;padding:0.4rem 0 1.6rem 3.2rem;margin:0;line-height:1.7;}
.about .intro .con-left ul{list-style-type:disc;padding:0.4rem 0 1.6rem 3.2rem;margin:0;line-height:1.7;}
.about .intro .con-right {width:48%;display:block;margin-left:2%;}
.about .intro .con-right img{max-width:100%;display:block;margin:0 auto;border-radius:12px;background-color:#F5F5F5;}
@media only screen and (max-width:1024px) {
  .about .intro {padding-top:30px;}
  .about .intro .tit h2 {font-size:28px;}
  .about .intro .tit h3 {padding-top:8px;font-size:18px;}
  .about .intro .con {flex-wrap:wrap;}
  .about .intro .con-left {width:100%;margin-bottom:40px;}
  .about .intro .con-right {width:100%;}
}
.why {padding:120px 0;background-color:#FFF;}
.why-tit {text-align:center;}
.why-tit h2 {font-size:32px;font-weight:normal;}
.why-tit p {padding-top:20px;font-size:16px;}
.why-con {padding-top:20px;overflow:hidden;}


.why-con .list {padding:25px 0;display:flex;flex-wrap:wrap;justify-content:space-around;}
.why-con .list li {display:flex;padding:0 25px;height:60px;justify-content:center;border-radius:60px; box-shadow:4px 13px 20px rgba(9, 63, 174, 0.07);margin:10px 6px;background-color:#FFF;transition:all .3s;}
.why-con .list li .img{position:relative;display:flex;padding:5px 0;height:100%;max-height:50px;}
.why-con .list li .img img{display:block;height:100%;}
.why-con .list li:hover{transition:all .3s;transform:translateY(-4px);}
@media only screen and (max-width:1024px) {
  .why {padding:60px 0;}
  .why-tit h2 {font-size:20px;}
  .why-tit p {padding-top:12px;font-size:16px;}
  .why-con {padding-top:40px;}
  .why-con .list{overflow-y:auto;max-height:200px;}
  .why-con .list li{height:40px;margin:10px 5px;padding:0 15px;}
  .why-con .list li .img{padding:0;height:100%;max-height:40px;}

}
.zhedie{position:relative;background:#004e9d url(../img/top3_bg1.png) repeat;background-size:400px 80px;background-position:center 0;color:#fff;padding:100px 0;}
.zhedie-tit{margin:0 auto 40px;text-align:center;}
.zhedie-tit h2{font-size:32px;}
.accordions {display:flex;justify-content:center;width:100%;}
.accordion-item {width:calc(50% - 10px);transform:translate(0px, 0px);transition:all 0.45s;padding:0 5px;background:transparent;overflow:hidden;}
.accordion-item:hover {width:calc(60% - 10px);transform:translate(0px, 0px);transition:all 0.45s;}
.accordion-item .block-index{width:100%;border-radius:8px;padding:0;display:flex;color:#FFF;overflow:hidden;height:65vh;align-items:center;position:relative;transition:all 0.45s;justify-content:center;background-position:center;}
.accordion-item .block-index::after {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0, 0, 0, .5);transition:all .3s;}
.accordion-item .block-index-content{z-index:9;padding:30px 40px;text-align:center;transition:all .3s;}
.accordion-item .block-index-content::after{content:"1";font-size:10rem;line-height:1;position:absolute;z-index:-1;opacity:0.2;right:0;bottom:0;color:#FFF;}
.accordion-item:hover .block-index {align-items:center;transition:all 0.45s;}
.accordion-item:hover .block-index::after {background-color:rgba(0, 0, 0, .1);transition:all .3s;}
.accordion-item:hover .block-index-content{background-color:rgba(255,255,255,.7);color:#000;transition:all .3s;}
.accordion-item:hover .block-index-content::after{opacity:0.5;}
.accordion-item:nth-child(2) .block-index-content:after{content:"2";}
.accordion-item:nth-child(3) .block-index-content:after{content:"3";}
.accordion-item:nth-child(4) .block-index-content:after{content:"4";}
.accordion-item .block-index-content p{margin-top:10px;font-family:"PFDinTextPro-Light";font-size:24px;}
@media only screen and (max-width:1024px) {
  .accordions {flex-wrap:wrap;}
  .accordion-item {width:calc(50% - 10px);margin-top:5px;margin-bottom:5px;}
  .accordion-item:hover {width:calc(50% - 10px)}
  .accordion-item .block-index {height:35vh;}
}
@media only screen and (max-width:1024px) {
  .accordion-item {width:100%;margin-top:5px;margin-bottom:5px;}
  .accordion-item:hover {width:100%;}
}

/* ---------- contact ---------- */
.lg_about_con{background:url(../img/lg_about_bg_05.jpg) no-repeat top center;min-height:600px;margin-top:200px;}
.lg_about_con .lg_about_tit{text-align:center;}
.lg_about_con .lg_about_tit .cn{font-size:32px;color:#222;line-height:32px;font-weight:bold;}
.lg_about_con .lg_about_tit .en{font-size:16px;color:#222;font-family:"Arial";text-transform:uppercase;padding-tOP:10px;}
.lg_about_con .lg_about_tct{margin:30px auto 70px;}
.lg_about_con .lg_about_tct img{display:block;max-width:100%;margin:0 auto;}

.lg_contact_tct{margin:30px auto;}
.lg_contact_tct h4{font-size:16px;line-height:36px;color:#222;text-align:center;}
.lg_contact_tct h2{font-size:56px;color:#e58f00;font-weight:bold;text-align:center;font-family:"PFDinTextPro-Light","Arial";}
.lg_contact_tct ul{width:100%;display:flex;}
.lg_contact_tct ul li{width:33%;text-align:center;padding:20px 0;background:url(../img/lg_contact_x.png) no-repeat right;height:243px;}
.lg_contact_tct ul li:last-child{background:none;}
.lg_contact_tct ul li .pic{max-width:74px;height:74px;overflow:hidden;margin:40px auto 0;}
.lg_contact_tct ul li .pic img{width:100%;height:100%;}
.lg_contact_tct ul li .bt1{font-size:18px;color:#222;margin-top:20px;font-weight:bold;margin-bottom:30px;}
.lg_contact_tct ul li .bt2{font-size:16px;line-height:1.6;color:#222;}
.lg_contact_tct h3{font-size:18px;color:#222;text-align:center;}
.lg_contact .contact-con{display:flex;margin:0 auto;padding:60px 0;text-align:center;justify-content:center;width:100%;}
.lg_contact .contact-con .weixin {width:200px;margin:0 20px;}
.lg_contact .contact-con .weixin .qrcode img {border:1px solid #efefef;width:100%;}
.lg_contact .contact-con .weixin .con {padding-top:16px;color:#222;line-height:24px;}
.lg_contact .contact-map {position:relative;width:100%;height:450px;}
.lg_contact .contact-map #map {width:100%;height:100%;}
@media only screen and (max-width:1024px) {
  .lg_about_con{margin-top:120px;}
  .lg_contact_tct ul{flex-wrap:wrap;}
  .lg_contact_tct ul li{width:100%;background:none;}
  .lg_contact .contact-con{flex-wrap:wrap;}
  .lg_contact .contact-con .weixin{width:100%;}
  .lg_contact .contact-con .weixin .qrcode{max-width:200px;margin:0 auto;}
  .lg_contact .contact-con .weixin .con{padding-bottom:40px;}
  .lg_contact_tct h2{font-size:42px;}
  .lg_contact .contact-map {position:relative;width:100%;height:300px;}
}

.law_box{display:block;margin:0 auto;padding:180px 0 60px 0;}
.law_box .law_con{display:block;margin:0;}
.law_box .law_con p{display:block;margin:0 0 10px 0;text-align:justify;line-height:1.7;}
@media only screen and (max-width:1024px) {
  .law_box{padding:100px 0 60px 0;}
}
/* 前端layui样式重定义 */
.layui-input-block{margin-left:120px;}
.layui-form-label{width:120px;}
/* 前端layui样式重定义 end */

/* 开发者模式优化 */
#think_page_trace_open{height:18px!important;opacity:.8;}
#think_page_trace_open>img{display:none!important;}
#think_page_trace_open>div{line-height:18px!important;background: #b5b5b5!important;border-radius: 6px 0 0 0;}