*{
    margin: 0px;
    padding: 0px;
	/*word-break:break-all;*/
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
}
a[href]:after{content:normal;}
*:focus{outline:none;}
body {
	-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	color: #444;
	text-decoration: none;
	background: #f7f7f7;
}
ul, li{
	margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
	padding: 0px;
	margin: 0px;
}
button {outline: none;border: 0;}
select { width:100%;}
input, textarea, select, button {font-family: Arial;}
hr { border-top: 1px solid #dfe4ef;}
/* 清除浮 动*/
.fix {
  *zoom: 1;
}
.fix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear{clear:both;}
.tj {text-align: justify;}
.rel {position: relative;}
.t3d {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.bdr4 {border-radius: 4px;}
.lets {letter-spacing: 1px;}
.wb {word-wrap:break-word;}

.bgbai { background:#ffffff;}
.bgqh { background:#f4f7fb;padding: 20px 26px 26px;}
.bgf3 { background:#f3f3f3;}
.h30 {font-size: 30px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb28 { margin-bottom:28px;}
.mb30 { margin-bottom:30px;}
.mbr30 { margin-bottom:30px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt28 { margin-top:38px;}
.space0 {padding: 0;}
.space15 { padding:15px;}
.space18 { padding:18px;}
.space20 { padding:20px;}
.bh { display:block; overflow:hidden;}
.space-top {
	padding-top: 10px;
}
.space-bottom {
	padding-bottom: 25px;
}
.img-hover:hover {
    opacity: 0.8;
}
.mobmt {}
.mobmt1 {}
.mobmt22 {}
.mobmt28 {}
.mobpadding {}
.mobmargin {}
.lanmumt {margin-top: 15px;}
@media (max-width: 991px){
	.mobmt {margin-top: 38px;}
    .mobmt28 {margin-top: 28px;}
	.mobpadding {padding: 0;}
	.mobmargin {margin: 0;}
}
@media (max-width: 767px){
	.lanmumt {margin-top: 0;}
	.mobmt {margin-top: 28px;}
	.mobmt1 {margin-top: 28px;}
}

.panel-group {margin-bottom: 24px;}
.panel-group .panel {-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);box-shadow: 0 1px 1px rgba(0, 0, 0, 0);}
.textcenter { text-align:center; margin:0;}
.secondarybox { width: 100%;display: block;padding: 50px 0 50px;background: url(../images/igcp-bg.png) no-repeat top center #f4f8fe;background-size: 100%;
min-height: -moz-calc(100vh - 292px);
    min-height: -webkit-calc(100vh - 292px);
    min-height: calc(100vh - 292px);
	-ms-box-shadow: inset 0px 0px 19px -15px rgb(55, 74, 151, 1);
    -o-box-shadow: inset 0px 0px 19px -15px rgb(55, 74, 151, 1);
    -moz-box-shadow: inset 0px 0px 19px -15px rgb(55, 74, 151, 1);
    -webkit-box-shadow: inset 0px 0px 19px -15px rgb(55, 74, 151, 1);
    box-shadow: inset 0px 0px 19px -15px rgb(55, 74, 151, 1);
}
.secondarydetailbox { display:block; overflow:hidden; padding:20px 28px 25px 28px;margin-bottom: 28px;}
.secondarydetailbox form {background: #f9f9f9; padding: 15px 13px 5px 10px; border-radius: 2px; border: #ececec solid 1px;}
.secondarydetailbox .jsbox {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 700; */ font-size: 13px; background: #f9f9f9; width:76px;}
.jsbox1 {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 700; */ font-size: 13px; background: #f9f9f9; width:84px;}
.secondarydetailbox select.form-control {padding-right: 5px;margin-bottom: 0px;height: 30px;}
.secondarydetailbox .p0 { padding:0px;}
@media (max-width: 1280px) {
	.secondarybox {padding: 40px 0 40px;}
}
@media (max-width: 1199px) {
	.secondarybox {padding: 30px 0 30px;}
}
@media (max-width: 991px){

}
@media (max-width: 767px) {
	.secondarybox {padding: 26px 0 26px;}
    .secondarydetailbox { padding:20px 15px 25px 15px;margin-bottom: 18px;}
}

h2 { color:#005896;}
.clear{clear:both;}
.column_nr { display:block; overflow:hidden; float:left; width:100%;}
.column_gd { display:block; overflow:hidden;}
.border-not { background:#fdfdfd; border-left:#ededed solid 1px; border-right:#ededed solid 1px; border-bottom:#ededed solid 1px;}
.imgborder { border:#e6e6e6 solid 0px;margin-bottom:18px;}
.imgbox { padding:15px 15px 0 15px;}
.indexbox {width: auto; height:auto; overflow:hidden;margin-bottom: 48px;}
.indexbox1 {width: auto; height:auto; overflow:hidden;}
.indexbox2 {width: auto; height:auto;}
.indexbox hr { border-top: 1px dotted #cbcbcb;}
.indexrbox {width: auto; height:auto; overflow:hidden; margin-bottom: 20px;}
.pgbox {overflow:hidden;margin-bottom: 30px;}
@media (max-width: 767px){
.indexbox {margin-bottom: 28px;}
.indexbox2 {margin-bottom: 18px;}
}
.lbborderstyle {background:#ffffff; padding: 22px 30px 20px 30px;overflow: hidden;}
.xlborderstyle {background:#ffffff; padding: 8px 54px 10px 54px;}
.dpborderstyle {background:#ffffff; padding: 0 40px 30px 40px;overflow: hidden;min-height: 620px;}
.dpborderstyle form {background: #f4f7fc; padding: 15px 13px 5px 10px; border-radius: 2px; border: #d6e2f2 solid 1px;}
.dpborderstyle .jsbox {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 700; */ font-size: 13px; background: transparent; width:76px;}
.dpborderstyle .jsbox1 {padding-right: 6px; text-align: right; color: #1b1b1b; /* font-weight: 700; */ font-size: 13px; background: transparent; width:84px;}
.dpborderstyle select.form-control {padding: 0 5px;margin: 0;height: 30px; color: #454545;}
.dpborderstyle .form-control {border-color: #d6e2f2;background: #ffffff;height: 30px;color: #4e4e4e;}
.dpborderstyle .p0 { padding:0px;}
/*---------------区域背景---------------------*/
.firstpart {overflow: hidden;padding: 80px 0;background: #f4f9ff;}
.secondpart {overflow: hidden;padding: 80px 0;background: #ffffff;}
.thirdtpart {overflow: hidden;padding: 80px 0;background: #f4f9ff;}
.fourthpart {overflow: hidden;padding: 80px 0 36px;background: #ffffff;}
.pagebox {padding: 30px;background: #fff;border-radius: 9px;margin-top: -80px;position: relative;
-ms-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -o-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -moz-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -webkit-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
	min-height: -moz-calc(100vh - 591px);
    min-height: -webkit-calc(100vh - 591px);
    min-height: calc(100vh - 591px);
	margin-bottom: 60px;
}
.win-l {width: 56.857%;padding-right: 78px;}
.win-r {width: 43.143%;}
/*.pgwin-l {padding-right: 50px;}*/
.pgwin-r {width: 23.88%;}
.win-l .zksq {
    font-size: 15px;
    color: #0269ea;
    line-height: 1.2;
    text-align: right;
    cursor: pointer;
	margin-top: 15px;
}
.win-l .zksq a {color: #0269ea;}
@media (max-width: 1366px){
	.win-l {padding-right: 60px;}
}
@media (max-width: 1280px){
	/*.pgwin-l {padding-right: 30px;}*/
}
@media (max-width: 1199px){
	.pgwin-l {padding-right: 0;width: 100%;}
	.pgwin-r {width: 100%;float: left;margin-top: 30px;}
}
@media (max-width: 991px){
	.win-l {padding-right: 40px;}
}
@media (max-width: 767px){
	.win-l, .win-r {width: 100%;}
	.win-l {padding-right: 0px;}
	.firstpart, .secondpart, .thirdtpart {padding: 26px 0;}
	.fourthpart {padding: 50px 0 0;}
	.pagebox {margin-bottom: 30px;}
}
/* Atribute Navigation
=================================*/
.navfloat {float: right;}
.navbar.navbar-default{
    position: relative;
}
.navbar.navbar-default:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-right: 1px solid #999999;
    height: 20px;
}
.attr-nav {
    float: right;
    display: inline-block;
    margin-top: 16px;
    margin-left: 30px;
    width: auto;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    color: #666666;
}
.attr-nav a {color: #666;margin: 0 5px;font-size: 16px;}
.attr-nav a:hover {color: #0269ea;}
.online-nav {float: right;display: inline-block;margin-top: 25px;margin-left: 30px;font-size: 16px;color: #666;line-height: 1.1;}
.online-nav a {color: #666;margin: 0 5px;}
.online-nav a:hover {color: #0269ea;}
@media (max-width: 991px){
	.attr-nav {height: 34px;line-height: 34px;}
}
@media (max-width: 767px){
	.attr-nav {width: 88%;float: left;margin-left: 16px;}
	.online-nav {width: 100%;text-align: center;color: #fff;}
	.online-nav a {color: #fff;}
}

.float-url {position: fixed;top:50%;right: 40px;width: 122px;height: 130px;background: url(../images/zpw-rfd.png) no-repeat center;display: block;z-index: 999;cursor:move;}
.float-url .txt a {position: absolute;bottom: 2px;left: 4px;right: 0;text-align: center;font-size: 12px;line-height: 24px;color: #0269ea;}
.float-url .txt a:hover {color: #ff5722;}

/*---------------网站头---------------------*/
@-webkit-keyframes bgpulse{from,to{transform:scale3d(1,1,1) rotate(0.1deg);-ms-transform:scale3d(1,1,1) rotate(0.1deg);-moz-transform:scale3d(1,1,1) rotate(0.1deg);-webkit-transform:scale3d(1,1,1) rotate(0.1deg);-0-transform:scale3d(1,1,1) rotate(0.1deg);}50%{transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-ms-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-moz-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-webkit-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-o-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);}}
@keyframes bgpulse{from,to{transform:scale3d(1,1,1) rotate(0.1deg);-ms-transform:scale3d(1,1,1) rotate(0.1deg);-moz-transform:scale3d(1,1,1) rotate(0.1deg);-webkit-transform:scale3d(1,1,1) rotate(0.1deg);-0-transform:scale3d(1,1,1) rotate(0.1deg);}50%{transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-ms-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-moz-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-webkit-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);-o-transform:scale3d(1.08,1.08,1.08) rotate(0.1deg);}}
.bgpulse{-webkit-animation-name:bgpulse;animation-name:bgpulse}

.webheader { position:relative;background-color: #0d1520;background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;}
.webheader .bg { background-repeat: no-repeat;background-size:cover;height:100%; width:100%; position:absolute; animation:bgpulse 18s infinite linear; -webkit-animation:bgpulse 18s infinite linear; -moz-animation:bgpulse 18s infinite linear; -o-animation:bgpulse 18s infinite linear; -ms-animation:bgpulse 18s infinite linear;background-position: center;}
.webheader .columnname { padding:92px 0 144px; position: relative;max-width: 100%;overflow: hidden;}
.webheader .columnname .welcome {width: 540px;margin: 0 auto 30px;font-size: 46px;color: #fff;line-height: 90px;}
.webheader .columnname .welcome img {display: inline-block;float: left;margin-right: 30px;}
.webheader .columnname .topsearch {width: 71.429%;margin: 0 auto;}
.webheader .columnname .topsearch .layui-input-wrap {width: calc((100% - 240px) / 2);float: left;margin-right: 20px;}
.webheader .columnname .topsearch .layui-btn {width: 200px;border-radius: 9px;background: #fe8a3e;font-size: 16px;height: 60px;line-height: 60px;float: right;}
.webheader .columnname .topsearch .layui-btn:hover {background: #237bea;opacity: 1;}
.webheader .columnname .topsearch .layui-input {background: transparent;border: #fff solid 1px;color: #fff;font-size: 16px;height: 60px;line-height: 60px;border-radius: 9px;padding-left: 20px;padding-right: 42px;}
.webheader .columnname .topsearch .layui-form-select .layui-edge {right: 16px;width: 12px;height: 8px;background-image: url(../images/zpw-icon-03.png);background-repeat: no-repeat;background-position: center;border: 0;}
/*.webheader .columnname .topsearch .layui-form-select dl {top:65px;}*/
.webheader .columnname .topsearch .layui-form-selected .layui-edge {margin-top: -4px;}
.webheader .columnname .topsearch .layui-form-select dl dd.layui-this {color: #1a6edf;}
.webheader .columnname .topsearch input::first-line {color: #fff;}


.pgheader { overflow:hidden;position:relative;background-color: #0d1520;background-repeat: no-repeat;background-size: cover;background-position: center;}
.pgheader .bg { background-repeat: no-repeat;background-size:cover;height:100%; width:100%; position:absolute; animation:bgpulse 18s infinite linear; -webkit-animation:bgpulse 18s infinite linear; -moz-animation:bgpulse 18s infinite linear; -o-animation:bgpulse 18s infinite linear; -ms-animation:bgpulse 18s infinite linear;background-position: center;}
.pgheader .columnname { padding:145px 0; overflow:hidden;position: relative;max-width: 100%;}
@media (max-width: 767px){
    .pgheader .columnname { padding:105px 0;}
}

/*---------------foot---------------------*/
.foot {background: #fff;position: relative;}
.foot .tophalf {padding: 30px 0 30px;position: relative;z-index: 1;}
.copyright {font-size:14px; line-height:28px;color:#666666;display:block; overflow:hidden;text-align: center;}
.copyright .left a {color:#EBF1F7;}
.copyright .left a:hover {color:#77bfff;}
.copyright .left a, .copyright .left span {display: inline-block;margin: 0 10px;}
.copyright .left img {display: inline-block;margin-left: 5px;}
.copyright .rightbz {display:block; overflow:hidden; float:right;margin:5px 0 0;width: 150px;}
.copyright .rightbz img{ margin: 0 auto;display: block;}
.copyright .rightbz h4 {font-size: 14px;color: #fff;line-height: 1.1;margin: 10px 0 0;text-align: center;}
@media (max-width: 1199px){
.foot .tophalf {padding: 38px 0 40px;}
}
@media (max-width: 991px){
.copyright .left { width:100%; text-align: center; margin-top: 12px;}
.copyright .rightbz {padding:0;width: 100%;text-align: center;margin: 20px 0 0;}
}
@media (max-width: 767px){
	.copyright .left {line-height: 1.5;}
	.foot .tophalf {padding: 16px 0 34px;}
}

/*---------------------------------导航＆菜单------------------------------------------*/
.twobanner {height: 236px;border-top: #4d788e solid 1px;}
.twolmmt {margin: 4px 0 0 0;}
.h_menu {padding: 0 50px;}
.location_menu { overflow:hidden;padding: 0px;}
.navbar {min-height: 40px; border: 0px solid transparent;}
.navbar-toggle {float: right;padding: 0 5px;margin-top: 9px;margin-bottom: 0; margin-right:0px;border: 0px solid #F6FAFC;}
.navbar-menu { font-size:18px; color:#ffffff; float:left; font-weight:500; margin:13px 0 0 0;}
.navbar-default .navbar-collapse {border-color: #2f6abb;box-shadow: none;}
.nav-tabs > li { text-align:center;}
.nav-tabs > li:last-child {border-right:#cacaca solid 0px;}
.nav-stacked > li {background: #e9f6fe;border-top: #feffff solid 1px;border-bottom: #cce7fa solid 1px;}
.navbar-default .navbar-nav > li > a {font-size: 18px;padding: 28px 20px 29px;}
@media (min-width: 768px) {
.navbar-menu {display: none;}
.navbar-right {margin-right: 0px;}
}
@media (min-width: 1680px) {
	.h_menu {padding: 0 100px;}
}
@media (max-width: 1366px) {
	.navbar-default .navbar-nav > li > a {padding: 28px 14px 29px;}
}
@media (max-width: 1280px) {
	.navbar-default .navbar-nav > li > a {padding: 28px 10px 29px;font-size: 17px;}
}
@media (max-width: 1199px) {
	.h_menu {padding: 0 30px;}
	.navbar-default .navbar-nav > li > a {padding: 28px 9px 29px;font-size: 15px;}
	.twobanner {height: 206px;}
}
@media only screen and (max-width: 992px) {
	.nav-pills > li > a {font-size: 14px;}
}
@media (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {padding: 10px 5px 6px;font-size: 13px;}
	.navbar-toggle {margin-top: 31px;margin-right: 0;}
	.h_menu {padding: 0 26px;}
}
@media only screen and (max-width: 768px) {
.twobanner {height: 142px;}
.location_menu {position: relative;margin-left: -15px;margin-right: -15px;}
}
@media (max-width: 767px) {
	.h_menu {padding: 0 16px;}
	.navbar-collapse.in {overflow: hidden;max-height: 382px;overflow-y: auto !important;}
	.navbar-toggle {margin-top: 19px;margin-bottom: 16px;}
}
@media screen and (max-width: 640px){
	.navbar-collapse { margin-top:6px;}
}
@media screen and (max-width: 480px){
	.nav-tabs > li { width:100%;border-right:#cacaca solid 0px;}
}
.header .navbar-toggle .toggle-icon{position:relative;width:21px;height:2px;display:inline-block;background:#1a6edf;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after,.header .navbar-toggle .toggle-icon:before{position:absolute;left:0;background:#1a6edf;content:" "}
.header .navbar-toggle:hover .toggle-icon,.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{background:#1a6edf;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:before{width:10px;height:2px;bottom:12px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after{width:16px;height:2px;top:-6px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{width:21px;height:2px}
.header .navbar-toggle:hover .toggle-icon.is-clicked{background:rgba(81,87,105,0)}

.dropdowns {position: relative;}
.dropdown .dropdowns.open>a:before {content: "\f105";color: #e3e3e3;}
.dropdown .dropdowns>a:before {font-family: 'FontAwesome';content: "\f105";position: absolute;right: 10px;top: 10px;margin-left: 0;visibility: visible;color: #6895be;}

.main-navigation .navbar-nav > li span {width: 36px;height: 36px; background: #3a56b6;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    line-height: 36px;
    text-align: center;
    color: #fff;}
.main-navigation .navbar-nav > li span a {color: #fff;}
.main-navigation .navbar-nav > li span a:hover {color: #fff;}

/*------------Login & Register---------------*/
.layui-input-yzm {position: absolute;
    right: 4px;
    top: 1px;
    padding: 0 10px;
    width: 112px;
    height: 100%;
    text-align: center;
    transition: all .3s;
    box-sizing: border-box;}
.loginpart {background-size: cover;overflow:hidden;position:relative;background-color: #54acdc;background-repeat: no-repeat;background-size: cover;background-position: center;}
.loginpart .bg { background-repeat: no-repeat;background-size:cover;height:100%; width:100%; position:absolute; animation:bgpulse 18s infinite linear; -webkit-animation:bgpulse 18s infinite linear; -moz-animation:bgpulse 18s infinite linear; -o-animation:bgpulse 18s infinite linear; -ms-animation:bgpulse 18s infinite linear;background-position: center;}
.loginpart .login-box {width: 1294px;margin: 0 auto;overflow: hidden;position: relative;padding: 160px 0;}
.loginpart .login-box .login-l {width: 61.824%;background-repeat: no-repeat;background-position: top center;height: 440px;overflow: hidden;padding-top: 28px;padding-right: 40px;}
.loginpart .login-box .login-r {width: 38.176%;padding: 60px 48px 0;background-color: rgba(0,0,0,.4);height: 440px;overflow: hidden;border-radius: 5px;}
.loginpart .login-box .login-r .login-title {font-size: 24px;line-height: 1.1;color: #fff;padding-bottom: 15px;margin-bottom: 30px;border-bottom: #b7bfc8 solid 1px;}

.regpart {background: url(../images/zpw-bg02.jpg) no-repeat top left #f5f6fb;padding: 60px 0 70px;position: relative;}
.regpart .reg-box {width: 1254px;margin: 0 auto 16px;border-radius: 5px;overflow: hidden;background: #f3f6ff;position: relative;z-index: 1;
-ms-box-shadow: 0px 3px 10px 0px rgb(55, 74, 151, 0.3);
    -o-box-shadow: 0px 3px 10px 0px rgb(55, 74, 151, 0.3);
    -moz-box-shadow: 0px 3px 10px 0px rgb(55, 74, 151, 0.3);
    -webkit-box-shadow: 0px 3px 10px 0px rgb(55, 74, 151, 0.3);
    box-shadow: 0px 3px 10px 0px rgba(55, 74, 151, 0.3);
}
.regpart .reg-box .reg-l {width: 60.607%;background-repeat: no-repeat;background-position: top center;height: 644px;overflow: hidden;}
.regpart .reg-box .reg-r {width: 39.393%;padding: 76px 48px 0;background-color: #fff;height: 644px;overflow: hidden;}
.regpart .reg-box .reg-r .reg-title {font-size: 24px;line-height: 1.1;color: #333333;padding-bottom: 15px;margin-bottom: 30px;border-bottom: #eaedf2 solid 1px;}
.lr-r-box .box-s {
  position: relative;
  min-height: 46px;
  font-size: 15px;
  margin-bottom: 20px;
}
.lr-r-box .box-s.form-radio {
  margin-bottom: 10px;
}
.lr-r-box .box-s.form-radio .layui-form-radio:hover *,
.lr-r-box .box-s.form-radio .layui-form-radioed,
.lr-r-box .box-s.form-radio .layui-form-radioed > i {
  color: #0075ff;
}
.lr-r-box .box-s.form-radio .box-form {
  padding-top: 4px;
}
.lr-r-box .box-s.form-txt {
  color: #666666;
  font-size: 14px;
  margin-bottom: 5px;
  min-height: 36px;
}
.lr-r-box .box-s.form-txt span {
  color: #e61010;
}
.lr-r-box .box-s.form-txt .box-title {
  line-height: 36px;
}
.lr-r-box .form-inp {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #dcdfe6;
  line-height: 50px;
  padding-left: 50px;
  padding-right: 15px;
}
.lr-r-box .form-inp:focus{
  border: solid 1px #2d4db2;
}
.lr-r-box .box-s-r {
	position: relative;
    min-height: 46px;
    font-size: 15px;
    padding-left: 80px;
    margin-bottom: 15px;
}
.lr-r-box .box-s-r .box-title {
  width: 76px;
  line-height: 42px;
  position: absolute;
  left: 0;
  top: 0;
  color: #333333;
  font-size: 15px;
}
.lr-r-box .box-s-r .layui-input-inline {width: 100%;}
.lr-r-box .box-s-r .form-inp {padding-left: 15px;height: 42px;line-height: 42px;}
.lr-r-box .box-s-r .layui-input { background-color: #fafbfd;border: solid 1px #dce1ea;height: 42px;line-height: 42px;border-radius: 5px;padding-left: 15px;}
.lr-r-box .box-s-r .layui-form-select dl dd.layui-this {color: #0269ea;}
.lr-r-box .layui-input-prefix {width: 39px;padding: 0 0 0 18px;}
.lr-r-box .layui-input-prefix i {padding-top: 15px;display: block;}
.lr-r-box .form-inp.inp-01 {
  padding-right: 118px;
}
.lr-r-box .form-yzm {
  width: 98px;
  height: 46px;
  display: block;
  margin-left: 10px;
}
.lr-r-box .form-btn {
  height: 50px;
  line-height: 50px;
  border: none;
  background-color: #2d4db2;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  display: block;
  width: 100%;
}
.lr-r-box .form-btn:hover {background-color: #2d4db2;}
.lr-r-box .form-btn-reg {
  height: 50px;
  line-height: 50px;
  border: none;
  background-color: #fe8a3e;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  display: block;
  width: 100%;
}
.lr-r-box .form-btn-reg:hover {background-color: #2d4db2;}
.lr-r-box .box-tip {
  line-height: 22px;
  color: #2d4db2;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
  overflow: hidden;
}
.lr-r-box .box-tip a {color: #2d4db2;}
.lr-r-box .box-tip a:hover {color: #2d4db2;}
.lr-r-box .box-tip[data-v-login] {color: #333333;}
.lr-r-box .box-tip[data-v-login] a:hover {color: #2d4db2;}

.bottom-tx {
  position: absolute;
  bottom: 0;
  height: 66px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.bottom-tx .index-canvas-bg {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 100%;
}

/*首页标题*/
.index-title {
  margin-bottom: 65px;
  text-align: center;
  position: relative;
}
.index-title .cn {
  font-size: 46px;
  color: #0269ea;
  line-height: 1;
  text-transform: capitalize;
	position: relative;
	z-index: 1;
}
.index-title .en-bg {
  width: 100%;
  font-size: 60px;
  font-family: Arial;
  font-weight: bold;
  color: #deecfd;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  bottom: -28px;
	z-index: 0;
	text-align: center;
}
.index-title::before {
  position: absolute;
  content: '';
  width: 60px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -42px;
  background: #fe8a3e;
	z-index: 1;
}

.index-title-l {
  margin-bottom: 70px;
  position: relative;
}
.index-title-l .cn {
  font-size: 46px;
  color: #0269ea;
  line-height: 1;
  text-transform: capitalize;
	position: relative;
	z-index: 1;
}
.index-title-l .en-bg {
  width: 100%;
  font-size: 60px;
  font-family: Arial;
  font-weight: bold;
  color: #deecfd;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  bottom: -28px;
	z-index: 0;
}
.index-title-l::before {
  position: absolute;
  content: '';
  width: 60px;
  height: 3px;
  left: 0;
  bottom: -42px;
  background: #fe8a3e;
  z-index: 1;
}
.index-title-l .more {position: absolute;float: right;font-size: 16px;line-height: 50px;right: 0;top:0;}
.index-title-l .more a {color: #0269ea;}
.index-title-l .more a:hover {color: #fe8a3e;}

.notice { position: relative;padding-top: 20px; }
.notice .tabnav { margin-bottom: 30px;text-align: center; }
.notice .tabnav li { margin: 0 10px;display: inline-block;}
.notice .tabnav li a { display: block; padding: 15px 10px; position: relative; background-color: #dbebff;border-radius: 9px;font-size: 16px;font-weight: 700;width: 180px;color: #0269ea; }
.notice .tabnav li a:hover { color: #fff; background-color: #0269ea; }
.notice .tabnav li.active a { color: #fff; background-color: #0269ea; }
.notice .item { display: none; line-height: 1.875; color: #666; }
.notice .item:first-child { display: block; }
.notice[data-v-list] {padding-top: 30px;}

.notice-list {}
.notice-list li {margin-bottom: 30px;}
.notice-list .r-box {position: relative;padding: 38px 40px;background-color: #fff;background-repeat: no-repeat;background-image: url(../images/zpw-bg01.png);border-radius: 9px;border-left: #0269ea solid 4px;background-position: 90% 133%;height: 162px;
-ms-box-shadow: 0 0 10px 0 rgba(95, 118, 170, 0.2);
-o-box-shadow: 0 0 10px 0 rgba(95, 118, 170, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(95, 118, 170, 0.2);
-webkit-box-shadow: 0 0 10px 0 rgba(95, 118, 170, 0.2);
box-shadow: 0 0 10px 0 rgba(95, 118, 170, 0.2);
}
.notice-list .r-box:hover {background-color: #0269ea;background-image: url(../images/zpw-bg01f.png)}
.notice-list .r-box .date {width: 56px;margin-right: 30px;font-size: 50px;line-height: 1;color: #0269ea;float: left;}
.notice-list .r-box .date span {font-size: 15px;display: block;line-height: 1.1;}
.notice-list .r-box h3 {font-size: 17px;color: #333;line-height: 1.7;display: block;overflow: hidden;margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 87px;
}
.notice-list .r-box:hover h3, .notice-list .r-box:hover .date, .notice-list .r-box:hover .date span {color: #fff;}
@media (max-width: 1280px){
	.notice-list .r-box {padding: 28px 30px;height: 146px;}
}
@media (max-width: 1199px){
	.notice-list .col-md-4 {float: left;width: 50%;}
}
@media (max-width: 767px){
	.notice {padding-top: 8px;}
	.notice-list .col-md-4 {width: 100%;}
	.notice-list .r-box {padding: 10px 10px 10px 8px;height: auto;background-position: 104% 24%;}
	.notice-list .r-box h3 {-webkit-line-clamp: 2;max-height: inherit;font-size: 14px;line-height: 1.5;}
	.notice-list .r-box .date {margin-right: 10px;text-align: right;font-size: 27px;width: 47px;}
	.notice-list .r-box .date span {font-size: 12px;}
}

.post {}
.post li {margin-top: 36px;position: relative;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.post li:hover {
	transform:translate(0,-20px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-20px);
}
.post li a {display: block;}
.post li .imgpart {position: relative;display: block;overflow: hidden;border-radius: 5px;
-ms-box-shadow: 0 5px 15px 0 rgba(95, 118, 170, 0.2);
    -o-box-shadow: 0 5px 15px 0 rgba(95, 118, 170, 0.2);
    -moz-box-shadow: 0 5px 15px 0 rgba(95, 118, 170, 0.2);
    -webkit-box-shadow: 0 5px 15px 0 rgba(95, 118, 170, 0.2);
    box-shadow: 0 5px 15px 0 rgba(95, 118, 170, 0.2);
}
.post li .imgpart .bgimg {background-color: #0b4870;background-size: cover;background-repeat: no-repeat;width: 100%;height: 212px;background-position: center;
-moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.post li:hover .imgpart .bgimg {-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
-webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);}
.post li .imgpart .nrbox {display: block;
    position: absolute;
    font-size: 17px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;line-height: 1.2;
    color: #fff;background: rgba(0,67,216,.1);padding: 40px;}
.post li .imgpart .nrbox h3 {font-size: 24px;line-height: 1.3;margin: 0 0 8px;color: #fff;font-weight: 700;}
.post li .imgpart .nrbox h4 {font-size: 18px;line-height: 1.3;margin: 0 0 8px;color: #fff;text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden;}
.post li .imgpart .arrow {position: absolute;width: 68px;height: 30px;bottom: 40px;right: 40px;background: url(../images/zpw-icon-04.png) no-repeat center;
-moz-transition: all .4s ease; /* Firefox */
    -ms-transition: all .4s ease; /* IE 9 */
    -o-transition: all .4s ease; /* Opera */
    transition: all .4s ease;
}
.post li:hover .imgpart .arrow {right: 30px;}
@media (max-width: 1440px) {
	.post li .imgpart .bgimg {height: 211px;}
}
@media (max-width: 1280px) {
	.post li .imgpart .nrbox {padding: 30px;}
	.post li .imgpart .arrow {bottom: 30px;}
	.post li:hover .imgpart .arrow {right: 25px;}
	.post li .imgpart .bgimg {height: 179px;}
}
@media (max-width: 1199px) {
	.post .col-md-3 {float: left;width: 50%;}
	.post .row {margin-left: -14px;margin-right: -14px;}
	.post .row > [class^='col'] {padding-left: 14px;padding-right: 14px;}
	.post li {margin-top: 30px;}
	.post li .imgpart .bgimg {height: 156px;}
}
@media (max-width: 991px) {
	.post li .imgpart .bgimg {height: 183px;}
}
@media (max-width: 767px) {
	.post .row {margin-left: -9px;margin-right: -9px;}
	.post .row > [class^='col'] {padding-left: 9px;padding-right: 9px;}
	.post li {margin-top: 15px;}
	.post li .imgpart .bgimg {height: 146px;}
	.post li .imgpart .nrbox h3 {font-size: 15px;}
	.post li .imgpart .nrbox {padding: 14px;}
	.post li .imgpart .nrbox h4 {font-size: 14px;white-space: inherit;}
	.post li .imgpart .arrow {bottom: 20px;right: 32px;}
}

/*--------------------------------------------------------------
# 视频弹窗Video One
--------------------------------------------------------------*/
@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.video-one {
  position: relative;
  z-index: 10;
  display: block;
  padding-top: 150px;
  padding-bottom: 150px;
  border-radius: 9px;
	margin-top: 50px;
	overflow: hidden;
}
.video-one:after {position: absolute;content: '';right: -50px;bottom: -92px;background: #3286ee;width: 236px;height: 236px;border-radius: 9px;z-index: 0;}
.video-one-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
	z-index: 1;
	border-radius: 9px;
}

.video-one-inner {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
}

.video-one-inner .video-one-video-title {
  position: relative;
  font-size: 60px;
  font-weight: 700;
  color: #ffffff;
  line-height: 68px;
  margin-bottom: 43px;
}

.video-one-inner .video-one-video-icon {
  margin: 0 auto;
}

.video-one-video-icon span{
  font-size: 24px;
  color:#000;
  background: url(../images/zpw-video.png) no-repeat center !important;
    width: 26px;
    height: 30px;
}

.video-one-video-icon {
  position: relative;
  display: block;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  z-index: 1;
  background: url(../images/zpw-video.png) no-repeat center !important;
	border: #fff solid 4px;
}
.video-one-video-icon:hover {
  background-color: #000;
  color: #000;
}
.video-one-video-icon:hover::before {
  background-color: #fff;
}
.video-one-video-link .ripple,
.video-one-video-icon .ripple:before,
.video-one-video-icon .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 rgb(255 255 255);
  animation: ripple 3s infinite;
  border-radius: 50%;
}

.video-one-video-icon .ripple:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}


.video-one-video-icon .ripple:after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}
@media (max-width: 1199px){
	.video-one {padding-top: 90px;padding-bottom: 90px}
}
@media (max-width: 767px){

}

.reason {}
.reason .row {margin-left: -30px;margin-right: -30px;}
.reason .row > [class^='col'] {padding-left: 30px;padding-right: 30px;}
.reason li {margin-bottom: 48px;}
.reason .reason-l {float: left;margin-right: 30px;width: 160px;height: 160px;border-radius: 17px;border: #0269ea solid 1px;position: relative;
background: -webkit-linear-gradient(0deg, #f5f9ff 0%, #FFFFFF 100%);
background: -ms-linear-gradient(0deg, #f5f9ff 0%, #FFFFFF 100%);
background: linear-gradient(0deg, #f5f9ff 0%, #FFFFFF 100%);
}
.reason .reason-l .icon-box {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 92px;
    margin-left: -45px;
    margin-top: -46px;
    z-index: 2;}
.reason .reason-l .icon-box img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.reason li:hover .reason-l .icon-box img {
	-webkit-transition: scaleX(-1);
	-moz-transition: scaleX(-1);
	-ms-transition: scaleX(-1);
	-o-transition: scaleX(-1);
    transform: scaleX(-1);
}
.reason .reason-r {}
.reason .reason-r h3 {font-size: 22px;font-weight: 700;line-height: 1.1;color: #333;margin: 12px 0 15px;}
.reason .reason-r h4 {font-size: 14px;line-height: 1.5;color: #666;margin: 12px 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 63px;
}
.reason .reason-r .more {font-size: 14px;line-height: 1.1;color: #0269ea;}
.reason .reason-r .more:hover {color: #fe8a3e;}
@media (max-width: 1366px){
	.reason .row {margin-left: -20px;margin-right: -20px;}
	.reason .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 1199px){
	.reason .col-md-4 {float: left;width: 50%;}
}
@media (max-width: 991px){
	.reason .row {margin-left: -15px;margin-right: -15px;}
	.reason .row > [class^='col'] {padding-left: 15px;padding-right: 15px;}
	.reason .reason-l {margin-right: 20px;width: 145px;height: 145px;}
	.reason .reason-r h3 {margin-top: 8px;}
}
@media (max-width: 767px){
	.reason .row {margin-left: -10px;margin-right: -10px;}
	.reason .row > [class^='col'] {padding-left: 10px;padding-right: 10px;}
	.reason .reason-l {margin: 0 auto 6px;width: 120px;height: 120px;float: inherit;}
	.reason .reason-r {float: left;width: 100%;}
	.reason .reason-r h3 {font-size: 17px;text-align: center;margin: 12px 0 0;}
	.reason .reason-r h4 {margin: 8px 0 15px;}
	.reason {margin-top: 40px;}
	.reason li {margin-bottom: 24px;}
}

.column { border-bottom: #D6DFEB solid 1px; }
.column_l {width:auto;font-size:26px;font-weight:500;color:#333;float:left;display:inline-block;padding: 0 0 16px;line-height: 130%;position: relative;}
.column_l:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #0269ea;
}
.column_r {float: right;}
@media (max-width: 991px){
  .column_r {width: 100%;display: block;}
}
.column1 { border-bottom: #D6DFEB solid 1px; }
.column1_l {width:auto;font-size:26px;font-weight:500;color:#333;float:left;display:inline-block;position: relative;width: 500px;}
.column1_r {float: right;}
@media (max-width: 991px){
  .column1_r {width: 100%;display: block;}
}

.lanmu { overflow: hidden;margin-top: 13px;}
.lanmu_l{ color:#333;float:left;font-weight: 700;line-height: 1.1;padding: 0 0 16px;font-size: 16px;}
.lanmu_l a {color:#333;}
.lanmu_l a:hover {color:#0269ea;}
.lanmu_r{ line-height:30px; float:right; font-size:14px;}
.lanmu_r img {display: inline-block;margin-right: 10px;margin-top: -3px;}
.lanmu_r a{ color:#174dab; text-decoration:none;text-transform: uppercase;}
.lanmu_r a:hover{ color:#333; text-decoration:none;}

.sortlanmu { overflow: hidden;background: #e8eff9;padding: 15px 20px 13px 0;margin: 0 0 30px;border-left: 4px solid #0269ea;}
.sortlanmu_l { color:#0269ea;float:left;font-weight: 700;font-size:22px;line-height: 1.4;padding-left: 23px; width: calc(100% - 110px); }
.sortlanmu_r { float:right; font-size:14px;}
.sortlanmu_r a { color:#0269ea; text-decoration:none;line-height: 33px;}
.sortlanmu_r a:hover { color:#fe8a3e; text-decoration:none;}
/* Breadcrumb
---------------------------------- */
.bread-item { background: transparent;
  margin-bottom: 0;
  font-size: 14px;
  border-radius: 0px;padding: 12px 0 0 0;
}
.bread-item > li { color:#545454;}
.bread-item > li > a { color:#545454;}
.bread-item > li > a:hover { color:#0052D9;}
.bread-item > li > a:last-child { color:#0052D9;}
.bread-item > li > span:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 7px 0 5px;
  color: #677588;
}
.bread-item[data-v-xl] {padding: 2px 0 18px 0;}
@media (max-width: 991px) {
  .bread-item {padding: 0 0 10px 0;}
}

.recruit { position: relative;padding-top: 30px; }
.recruit .row {margin-left: -5px;margin-right: -5px;}
.recruit .row > [class^='col'] {padding-left: 5px;padding-right: 5px;}
.recruit .tabnav { margin-bottom: 30px;text-align: center; }
.recruit .tabnav li { }
.recruit .tabnav li a { display: block; padding: 15px 10px; position: relative; background-color: #eaeaea;border-radius: 9px 9px 0 0;font-size: 18px;width: 100%;color: #333; }
.recruit .tabnav li a:hover { color: #fff; background-color: #0269ea;font-weight: 700; }
.recruit .tabnav li.active a { color: #fff; background-color: #0269ea;font-weight: 700; }
.recruit .item { display: none; line-height: 1.875; color: #666; }
.recruit .item:first-child { display: block; }

.recruit-search {}
.recruit-search .layui-input-wrap {width: calc((100% - 100px) / 5);float: left;margin-right: 10px;}
.recruit-search .layui-btn {width: 66px;border-radius: 5px;background: #fe8a3e;font-size: 14px;height: 46px;line-height: 46px;float: left;}
.recruit-search .layui-btn:hover {background: #237bea;opacity: 1;}
.recruit-search .layui-input {border: #dcdcdc solid 1px;font-size: 14px;height: 46px;line-height: 46px;border-radius: 5px;padding-left: 16px;padding-right: 16px;}
.recruit-search .layui-form-select .layui-edge {right: 16px;width: 12px;height: 8px;background-image: url(../images/zpw-icon-05.png);background-repeat: no-repeat;background-position: center;border: 0;}
.recruit-search .layui-form-select dl {top:51px;}
.recruit-search .layui-form-selected .layui-edge {margin-top: -4px;}
.recruit-search .layui-form-select dl dd.layui-this {color: #1a6edf;}
.recruit-search .layui-input-wrap:nth-child(3) .layui-input {padding-right: 46px;}

.recruit .search-info {font-size: 14px;color: #999;line-height: 1.1;margin: 30px 0 15px;overflow: hidden;}
.recruit .search-info span {color: #fe8a3e;}

.mod-table .box-table table tbody tr td.full {color: #fe8a3e;}
.mod-table .box-search {
  margin-bottom: 15px;overflow: hidden;margin-top: 28px;
}
.mod-table .box-search.search-other {
  position: relative;
  padding-right: 100px;
}
.mod-table .box-search.search-other .btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
}
.mod-table .box-search.search-other .btn-wrap .btn-s {
  height: 100px;
}
.mod-table .box-search .box-s {
  float: left;
  width: 33.333333%;
  margin-bottom: 18px;
  padding-left: 100px;
  line-height: 40px;
}
.mod-table .box-search .box-s > div {
  float: left;
}
.mod-table .box-search .box-s .box-title {
  position: absolute;
  margin-left: -100px;
  text-align: right;
  line-height: 40px;
  width: 90px;
  color: #333333;
  font-size: 15px;
}
.mod-table .box-search .box-s .box-inp {
  width: 100%;
}
.mod-table .box-search .box-s .inp-s {
  height: 40px;
  padding: 5px 10px;
  line-height: 30px;
  box-shadow: none;
  border-radius: 4px;
  border-color: #eee;margin-bottom: 0;
}
.mod-table .box-search .box-s1 {width: 66.666666% !important;}
.mod-table .box-search .btn-s {
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #FD8F02;
  border-radius: 4px;
  display: block;
  width: 100%;
  font-size: 15px;
}
.mod-table .box-search .btn-s:hover {background-color: #1366b1;}
.mod-table .box-table {
  overflow: hidden;
}
.mod-table .box-table .t-title {
  display: block;
  text-align: left;
  color: #333333;
}
.mod-table .box-table .t-title:hover {
  color: #1958af;
}
.mod-table .box-table table {
  width: 100%;
}
.mod-table .box-table table tr td {
  padding: 8px;
  color: #2f354b;
  font-size: 14px;
}
.mod-table .box-table table thead tr td {
  background-color: #e2f1ff;
  line-height: 24px;
  color: #012d63;
  font-size: 14px;
  text-align: center;
}
.mod-table .box-table table tbody tr td {
  line-height: 1.4;
}
.mod-table .box-table table tbody tr td a {color: #0269ea;}
.mod-table .box-table table tbody tr td a:hover {color: #fe8a3e;}
.mod-table .box-table table tbody tr:nth-child(even) {background-color: #f6f7fa;}
.mod-table .box-table .title-s {
  display: block;
  color: #333;
}
.mod-table .box-table table tbody tr.active {background-color: #dbebff !important;}
@media (max-width: 767px) {
	.mod-table .box-table.zpgw tr td {text-align: left;border: 0;padding: 0;font-size: 14px;}
}

.pagebox .float-nav {width: 160px;border-radius: 9px;background: #fff;position: fixed;top: 400px;left: calc((100% - 1400px) / 2 - 180px);overflow: hidden;z-index: 999;
-ms-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -o-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -moz-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    -webkit-box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
    box-shadow: 0px -1px 19px -18px rgb(55, 74, 151, .9);
}
.pagebox .float-nav h3 {font-size: 12px;line-height: 36px;background: #0269ea;margin: 0;color: #fff;text-align: center;}
.pagebox .float-nav li {border-bottom: #f7f7f7 solid 1px;}
.pagebox .float-nav li a {display: block;font-size: 12px;padding: 9px;border-left: #fff solid 2px;color: #333;width: 100%;}
.pagebox .float-nav li a:hover, .pagebox .float-nav li.active a {border-left: #0269ea solid 2px;color: #0269ea;background: #e8eff9;}

.list-news { overflow:hidden;}
.list-news li{overflow:hidden;margin-bottom: 15px;}
.list-news li:last-child {margin-bottom: 0px;}
.list-news li { padding-left: 20px;position: relative; }
.list-news li:after {position: absolute;left: 0;top:7px;content: '';width: 5px;height: 5px;background: #0269ea;border-radius: 50%;}
.list-news li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;font-size: 14px;color: #333;}
.list-news li a:hover {color: #0269ea;}

.gzbox {overflow: hidden;}
.gzbox .img-box {width: 179px;height: 179px;border: #eee solid 1px;margin: 0 auto;}
.gzbox h4 {font-size: 14px;color: #333;line-height: 1.5;margin: 8px 0 0;text-align: center;}

.npgs {}
.npgs .npgs-info {font-size: 16px;color: #e01818;line-height: 1.5;margin: 30px 0 15px;}
.npgs .mod-table .box-table table tr td {font-size: 14px;padding: 13px 8px;}
.npgs .mod-table .box-table table thead tr td {font-weight: 700;}
@media (max-width: 991px) {
	.npgs .mod-table .box-table.zpgw tr td {text-align: left;border: 0;padding: 0;font-size: 14px;}
	.npgs .mod-table .box-table table { border: #e9ebf0 solid 1px;}
}

.textlist { }
.textlist .row {margin-left: -25px;margin-right: -25px;}
.textlist .row > [class^='col'] {padding-left: 25px;padding-right: 25px;}
.textlist .box-s {
  padding: 15px 110px 15px 38px;
  position: relative;
  line-height: 30px;
  transition: background 0.3s;
}
.textlist .box-s:before {
  content: "";
  left: 20px;
  top: 25px;
  position: absolute;
  width: 7px;
  height: 7px;
  background: #1366b1;
  border-radius: 50%;
}
.textlist li:nth-child(odd) .box-s {background: #f6f7fa;}
.textlist .box-s .box-title {
  color: #333333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  font-size: 17px;
}
.textlist .box-s .box-date {
  position: absolute;
  right: 20px;
  top: 15px;
  color: #8E8E8E;
  font-size: 15px;
}
.textlist .box-s:hover {background: #dbebff;}
.textlist .box-s:hover .box-title{color: #0269ea;}

.textlist[data-v-no] .box-s {padding: 15px 15px 15px 38px;}
@media (max-width: 1263px) {
	.textlist .row {margin-left: -20px;margin-right: -20px;}
	.textlist .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 1199px) {
	.textlist .row {margin-left: -15px;margin-right: -15px;}
	.textlist .row > [class^='col'] {padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 767px) {
	.textlist {margin-top: 36px;}
	.textlist .box-s {padding: 15px 15px 15px 38px;}
	.textlist .box-s .box-title {white-space: normal;height: auto;line-height: 1.5;}
	.textlist .box-s .box-date {position: static;}
	.textlist .box-s:before {top: 23px;}
}

.faq { position: relative;padding-top: 30px; }
.faq .faq-l {width: 58.956%;padding-right: 40px;}
.faq .faq-r {width: 41.044%;}
.faq .tabnav { margin-bottom: 30px;text-align: center; }
.faq .tabnav .row {margin-left: -5px;margin-right: -5px;}
.faq .tabnav .row > [class^='col'] {padding-left: 5px;padding-right: 5px;}
.faq .tabnav li { }
.faq .tabnav li a { display: block; padding: 15px 10px; position: relative; background-color: #dbebff;border-radius: 9px;font-size: 16px;width: 100%;color: #0269ea;font-weight: 700; }
.faq .tabnav li a:hover { color: #fff; background-color: #0269ea; }
.faq .tabnav li.active a { color: #fff; background-color: #0269ea; }
.faq .tabcont {display: block;overflow: hidden;width: 100%;}
.faq .item { display: none; line-height: 1.875; color: #666; }
.faq .item:first-child { display: block; }

.faq-s {
  position: relative;
}
.faq-s .s-inp {
  height: 50px;
  background: #fff;
  border-radius: 5px;
  width: 97%;
  padding-left: 20px;
  padding-right: 100px;
  font-size: 15px;
  color: #0269ea;border: #0269ea solid 1px;
}
.faq-s input[type="text"]::-webkit-input-placeholder{ color: #0269ea !important;font-family: Arial;}
.faq-s input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;}
.faq-s .s-btn {
  background: #0269ea;
  width: 100px;
  height: 50px;
  border-radius: 9px;
  position: absolute;
  font-size: 16px;
  color: #fff;
  right: 0;
  top: 0;border: 0;
}
.faq-s .s-btn:hover {background: #ff7800;}

.list-txt {border-top: 1px solid #f4f4f4;}
.list-txt .box-s {
  border-bottom: 1px solid #f4f4f4;
  padding: 30px 120px;
  position: relative;
}
.list-txt .box-date {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 30px;
  top: 30px;
}
.list-txt .box-date .date-01 {
  font-size: 24px;
  line-height: 1.1;
  color: #333;
}
.list-txt .box-date .date-02 {
  font-size: 15px;
  line-height: 20px;
  color: #444;
}
.list-txt .box-info {
  overflow: hidden;font-size: 17px;color: #222222;line-height: 1.5;display: table-cell;vertical-align: middle;
}
.list-txt .box-title {
  margin-bottom: 4px;
  overflow: hidden;
  display: table;height: 46px;
}
.list-txt .box-txt {
  font-size: 13px;
  color: #999999;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
}
.list-txt .box-arrow {width: 30px;height: 30px;background-color: #e8eff9;border-radius: 50%;position: absolute;top:40px;right: 30px;text-align: center;padding: 4px;}
.list-txt .box-arrow i {color: #0061db;}
.list-txt .box-s:hover {background-color: #dbebff;}
.list-txt .box-s:hover .box-info {
  color: #0061db;
}
.list-txt .box-s:hover .box-date .date-01, .list-txt .box-s:hover .box-date .date-02 {
  color: #0061db;
}
.list-txt .box-s:hover .box-arrow {background-color: #0061db;}
.list-txt .box-s:hover .box-arrow i {color: #fff;}

.message {margin-top: 30px;}
.message .m-l {width: 27.612%;padding-right: 50px;}
.message .layui-textarea {border: #0269ea solid 1px;border-radius: 9px;padding: 15px;}
.message .layui-textarea:hover {border-color: #0269ea !important;}
.message .layui-btn {border-radius: 9px;background: #0269ea;font-size: 16px;height: 60px;line-height: 60px;}
.message .layui-btn:hover {background: #fe8a3e;}
.message .m-r {width: 72.388%;}

.personal-center {
  position: relative;margin-top: 30px;
}
.personal-center:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #eef2f9;
  z-index: -1;
  height: 245px;
}
.personal-center hr {
  margin-top: 0;
}
.personal-center .form-group {
  margin-bottom: 0;
}
.personal-info {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 30px 270px 30px 30px;
  margin-bottom: 40px;
  min-height: 106px;
  position: relative;
}
.personal-info .info-main .info-title {
  font-size: 24px;
  line-height: 36px;
  color: #0e0e0e;
  font-weight: bold;
}
.personal-info .info-main .info-other {
  color: #999999;
}
.personal-info .info-main .info-other span {
  display: inline-block;
}
.personal-info .info-main .info-other span.line {
  padding-left: 15px;
  padding-right: 15px;
}
.personal-info .info-btn {
  width: 170px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 30px;
  top: 30px;
  background: #0269ea;
  font-size: 17px;
  border-radius: 5px;
  display: block;
}
.personal-info .info-btn:hover {
  background: #fe8a3e;
}
.personal-info .info-btn[data-v-yl] {right: 220px;background: #fe8a3e;}
.personal-info .info-btn[data-v-yl]:hover {background: #0269ea;}
.center-main .main-left {
  float: left;
  width: 246px;
  margin-right: 50px;
}
.center-main .main-right {
  overflow: hidden;
}
.center-main .center-menu {
  background-color: #0269ea;
  padding: 20px;
  min-height: 248px;
	border-radius: 9px;
}
.center-main .center-menu ul {
  position: relative;
}
.center-main .center-menu ul:after {
  content: '';
  position: absolute;
  top: 9px;
  bottom: 10px;
  left: 6px;
  width: 1px;
  background-color: #fff;
}
.center-main .center-menu ul li {
  line-height: 32px;
  height: 32px;
  margin-bottom: 10px;
  padding-left: 25px;
  font-size: 16px;
  position: relative;
  z-index: 99;
  transition: all 0.3s;
}
.center-main .center-menu ul li a {
  color: #fff;
}
.center-main .center-menu ul li:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border: solid 1px #ffffff;
  border-radius: 6px;
  left: 0;
  top: 9px;
  background-color: #0269ea;
}
.center-main .center-menu ul li:last-child {
  margin-bottom: 0;
}
.center-main .center-menu ul li.active {
  font-size: 18px;
  font-weight: bold;
}
.center-main .center-menu ul li.active:after {
  background-color: #fff;
}
.form-horizontal .layui-table td,
.form-horizontal .layui-table th {
  padding-left: 10px;
  padding-right: 10px;
}
.form-horizontal .form-box {
  margin-bottom: 20px;
}
.form-horizontal .form-box .box-title {
  margin-bottom: 15px;
}
.form-horizontal .form-box .box-title .title-s {
  float: left;
  position: relative;
  color: #2e2e2e;
  font-size: 22px;
  line-height: 40px;
  padding-left: 20px;
}
.form-horizontal .form-box .box-title .title-s::after {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 20px;
  top: 10px;
  background-color: #fe8a3e;
}
.form-horizontal .form-box .box-title .operation-s {
  float: right;
  padding-top: 8px;
}
.form-horizontal .form-box .box-title .operation-s .a-s {
  display: block;
  width: 52px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #0269ea;
  border-radius: 3px;
  color: #fff;
}
.form-horizontal .form-box .layui-form-checkbox[lay-skin=primary] {padding-left: 0;}
.form-horizontal .form-box .layui-form-checkbox[lay-skin=primary] i {border: 1px solid #0269ea;border-radius: 4px;}
.form-horizontal .form-box .layui-form-checked[lay-skin=primary] i {border-color: #0269ea!important;background-color: #0269ea;}
.form-horizontal .form-box .layui-form-label {font-size: 16px;color: #555;width: 142px;}
.form-horizontal .form-box .layui-form-label span {color: #E71418;margin-right: 2px;}
.form-horizontal .form-box .layui-input-block {margin-left: 154px;}
.form-horizontal .form-box .layui-form-item {margin-bottom: 20px;}
.form-horizontal .form-box .layui-textarea {border: #dcdcdc solid 1px;border-radius: 9px;padding: 15px;color: #555 !important;}
.form-horizontal .form-box[data-v-zw] .box-item .item-text:first-child textarea, .form-horizontal .form-box[data-v-zw] .box-item .item-text:first-child textarea::placeholder, .form-horizontal .form-box[data-v-zw] .box-item .item-text:first-child textarea:focus, .form-horizontal .form-box[data-v-zw] .box-item .item-text:first-child textarea:valid {color: #ca1a1a;}
.form-horizontal .form-info-groups {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.form-horizontal .form-info-groups .info-box {
  margin-bottom: 20px;
}
.form-horizontal .box-form {
  position: relative;
  min-height: 40px;
  padding-left: 180px;
	margin-bottom: 20px;
}
.form-horizontal .box-form:last-child {margin-bottom: 0;}
.form-horizontal .box-form .form-title {
  line-height: 1.3;
  text-align: right;
  width: 165px;
  font-size: 16px;
  color: #666666;
  position: absolute;
  left: 0;
  top: 10px;
}
.form-horizontal .box-form .layui-input {border: #dcdcdc solid 1px;font-size: 14px;height: 40px;line-height: 40px;border-radius: 5px;padding-left: 16px;padding-right: 16px;}
.form-horizontal .box-form .layui-form-select .layui-edge {right: 16px;width: 12px;height: 8px;background-image: url(../images/zpw-icon-05.png);background-repeat: no-repeat;background-position: center;border: 0;}
.form-horizontal .box-form .layui-form-select dl dd.layui-this {color: #1a6edf;}
.form-horizontal .box-form .form-title span {color: #E71418;margin-right: 2px;}
.form-horizontal .box-form .layui-input:hover {border-color: #dcdcdc !important;}
.form-horizontal .box-form .layui-input-prefix {left: inherit; right: 0;}
.form-horizontal .box-form .info-upload {
  margin-bottom: 10px;
}
.form-horizontal .box-form .info-txt {
  font-size: 15px;
  color: #666666;
  line-height: 24px;
}
.form-horizontal .box-form .info-txt span {
  color: #e61010;
}
.form-horizontal .box-form .upload-a {
  background-color: #e0ebf6;
  border-radius: 5px;
	width: 86px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #333333;
  font-size: 15px;
	background: url(../images/zpw-icon-09.png) no-repeat center #fff;
	border: solid 1px #dedede;
}
.form-horizontal .form-inp {
  height: 40px;
  line-height: 38px;
  display: block;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #dedede;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  width: 100%;
}
.item-table .td-input {
  height: 26px;
  line-height: 26px;
  display: block;
  width: 100%;
  color: #555555;
  font-size: 15px;
  text-align: center;
}
.item-table .a-s {
  display: inline-block;
  margin-right: 14px;
}
.item-table .a-s:hover {
  text-decoration: underline;
}
.item-table .a-s:last-child {
  margin-right: 0;
}
.item-table .a-s.a-1 {
  color: #0269ea;
}
.item-table .a-s.a-2 {
  color: #e11d1d;
}
.item-table table {
  text-align: center;
}
.item-table table thead tr th {
  background-color: #f7f7f7;
  text-align: center;
  color: #3e3e3e;
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
}
.item-table table tbody tr td {
  color: #555555;
  font-size: 15px;
  line-height: 26px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.item-text .fomr-text {
  width: 100%;
  display: block;
  height: 185px;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #dedede;
  padding: 10px 15px;
}
.item-text .upload-box {border: #dcdcdc solid 1px;padding: 15px;border-radius: 9px;min-height: 128px;}
.item-text .upload-box .layui-btn {width: 100px;}
.item-text .upload-box .layui-btn:nth-of-type(1), .item-text .upload-box .layui-btn:nth-of-type(2) {background-color: #e8eff9;color: #0269ea !important;border: #0269ea solid 1px !important;}
.item-text .upload-box .layui-btn:nth-of-type(3) {color: #ca1a1a !important;border: #ca1a1a solid 1px !important;}
.item-text h4 {color: #ca1a1a;font-size: 14px;line-height: 1.5;margin: 15px 0 0;}

.grzx { position: relative; }
.grzx .tabnav { margin-bottom: -1px; }
.grzx .tabnav li { float: left; margin-right: 5%; }
.grzx .tabnav li:last-child { margin-right: 0; }
.grzx .tabnav li a { display: block; padding: 9px 0 24px; position: relative; }
.grzx .tabnav li a:hover { color: #0269ea; opacity: 1; }
.grzx .tabnav li.active a { color: #0269ea; opacity: 1; }
.grzx .tabnav li a:hover:after, .grzx .tabnav li.active a:after { content: ''; display: block; width: 100%; height: 3px; background-color: #0269ea; position: absolute; left: 0; bottom: -1px; }
.grzx .item { display: none; line-height: 1.875; color: #666; }
.grzx .item:first-child { display: block; }
.grzx .column1_r .bread-item {display: none;}
.grzx .column1_r .bread-item:first-child { display: block; }
.my-delivery-table {margin-top: 30px;}
.my-delivery-table table thead tr th {
  background-color: #f7f7f7;
  color: #004098;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  line-height: 26px;
  font-size: 17px;
}
.my-delivery-table table tbody tr td {
  text-align: center;
  padding: 15px 10px;
  font-size: 15px;
  line-height: 26px;
  color: #999999;
}
.my-delivery-table .td-title {
  color: #333333;
}
.my-delivery-table .td-a a {
  display: inline-block;
  color: #ff6000;
  margin-right: 15px;
}
.my-delivery-table .td-a a:last-child {
  margin-right: 0;
}
.step-wrap {
  position: relative;
  min-height: 80px;
  text-align: left;
}
.step-header {
  width: 90%;
  left: 5%;
  position: relative;
  height: 33px;
  position: absolute;
  bottom: 5px;
  z-index: 1;
}
.step-header.step-correct li.step-active .jump-steps {
  font-size: 0;
  background: url('../images/zpw-icon-07.png') no-repeat center center;
}
.step-header.step-correct li.step-current .jump-steps {
  background: #51bd00;
}
.step-header.step-correct .step-bar .step-bar-active {
  background: #51bd00;
}
.step-header.step-error li.step-active .jump-steps {
  font-size: 0;
  background: url('../images/zpw-icon-08.png') no-repeat center center;
}
.step-header.step-error li.step-current .jump-steps {
  background: #e51515;
}
.step-header.step-error .step-bar .step-bar-active {
  background: #e51515;
}
.step-header .step-bar {
  height: 7px;
  background-color: #e8e8e8;
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  z-index: -1;
}
.step-header .step-bar .step-bar-active {
  height: 7px;
}
.step-header ul {
  width: 100%;
}
.step-header li {
  float: left;
  position: relative;
  width: 25%;
  height: 33px;
}
.step-header li:last-child {
  width: 0;
}
.step-header li .jump-steps {
  position: absolute;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background-color: #dedede;
  color: #ffffff;
  border-radius: 50%;
  margin-left: -17px;
}
.step-header li .step-name {
  position: absolute;
  line-height: 32px;
  color: #666666;
  font-size: 16px;
  top: -40px;
  min-width: 60px;
  text-align: center;
  transform: translateX(-50%);
}

.job-details .details-top {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 20px;
  position: relative;
  min-height: 70px;
  margin-bottom: 20px;
}
.job-details .details-top .top-btn {
  width: 170px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background: #0269ea;
  font-size: 17px;
  position: absolute;
  right: 0;
  top: 0;
}
.job-details .details-top a:hover.top-btn {background: #fe8a3e;}
.job-details .details-top .top-title {
  font-size: 24px;
  line-height: 36px;
  color: #0e0e0e;
  font-weight: bold;
  margin-bottom: 5px;
}
.job-details .details-top .top-other {
  color: #999999;
  line-height: 24px;
}
.job-details .details-top .top-other span {
  padding-left: 15px;
  padding-right: 15px;
}
.job-details .details-list .list-box {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.job-details .details-list .list-box:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.job-details .details-list .list-box .box-title {
  position: relative;
  padding-left: 20px;
  font-size: 22px;
  line-height: 36px;
  color: #2e2e2e;
  margin-bottom: 8px;
}
.job-details .details-list .list-box .box-title::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 20px;
  background-color: #ff6000;
  top: 7px;
  left: 0;
}
.job-details .details-list .list-box .box-cont {
  font-size: 15px;
  line-height: 28px;
  color: #585858;
}
.job-details .details-list .list-box .cont-info {
  padding-top: 2px;
}
.job-details .details-list .list-box .cont-info .info-table {
  font-size: 15px;
}
.job-details .details-list .list-box .cont-info .info-table table thead tr th, .job-details .details-list .list-box .cont-info .info-table table thead tr td {
  color: #9e9e9e;
  line-height: 30px;
}
.job-details .details-list .list-box .cont-info .info-table table tbody tr td {
  line-height: 26px;
  color: #333333;
  padding-top: 2px;
  padding-bottom: 2px;
}
.job-details .details-list .list-box .cont-info .info-tag span {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #f1f1f1;
  color: #858585;
  font-size: 14px;
}
.job-details .details-list .list-box .cont-info .info-tag span:hover {
  background: #3389d7;
  color: #fff;
}

.center-content {margin-top: 50px;}
.center-content:first-child {margin-top: 0;}
.about {}
.about .pt {padding-top: 30px;}
.about .ml {margin-left: 30px;}
.about .mr {margin-right: 30px;}
.about .img-box {width: 495px;height: 326px;border-radius: 9px;overflow: hidden;}
.about .img-box img {width: 100%;height: 100%;display: block;}
.about .txt-box {font-size: 16px;line-height: 2.1;color: #333;}
.about .txt-box p {margin: 0 0 20px;}
.about .txt-box p:last-child {margin: 0;}
.about .img-l-box {width: 100%;height: 218px;border-radius: 9px;overflow: hidden;}
.about .img-l-box img {width: 100%;height: 100%;display: block;}

.canteen {}
.canteen .img-box {background-repeat: no-repeat;background-position: center;height: 442px;border-radius: 9px;background-size: cover;overflow: hidden;}
.canteen li {margin-bottom: 30px;}
.canteen li:last-child {margin-bottom: 0;}
.canteen .img-l-box {width: 100%;height: 206px;border-radius: 9px;overflow: hidden;}
.canteen .img-l-box img {width: 100%;height: 100%;display: block;}

.scenery {}
.scenery li {margin-top: 30px;}
.scenery .mt li:first-child {margin-top: 0;}
.scenery .img-box {background-repeat: no-repeat;background-position: center;height: 149px;border-radius: 9px;background-size: cover;overflow: hidden;}
.scenery .img-boxTwo {background-repeat: no-repeat;background-position: center;height: 328px;border-radius: 9px;background-size: cover;overflow: hidden;}
.scenery .img-l-box {width: 100%;height: 218px;border-radius: 9px;overflow: hidden;}
.scenery .img-l-box img {width: 100%;height: 100%;display: block;}
.scenery .video-one {margin-top: 0;padding-top: 119px;padding-bottom: 119px;}
.scenery .video-one:after {display: none;}

.img-txt-list {}
.img-txt-list li {padding-top: 30px;padding-bottom: 30px;}
.img-txt-list .img-box {width: 640px;height: 421px;border-radius: 9px;overflow: hidden;float: right;margin-left: 60px;}
.img-txt-list .img-box img {width: 100%;height: 100%;display: block;}
.img-txt-list .txt-box h3 {font-size: 24px;line-height: 1.1;color: #0269ea;font-weight: 700;padding: 25px 0 20px;}
.img-txt-list .txt-box h4 {font-size: 16px;line-height: 2.1;color: #333;margin: 0 0 35px;}
.img-txt-list .txt-box h4 p {margin: 0 0 20px;}
.img-txt-list .txt-box h4 p:last-child {margin: 0;}
.img-txt-list .txt-box .more {display: block;overflow: hidden;}
.img-txt-list li:nth-child(even) .img-box {float: left;margin-right: 60px;margin-left: inherit;}
.img-txt-list li:hover .txt-box h3 {color: #333;}

.platform-pc {margin-top: 36px;}
.platform-mob {margin-top: 30px;}
.columntit {overflow: hidden;}
.columntit h3 {border-radius: 9px 9px 0 0;padding: 24px;font-size: 24px;color: #fff;line-height: 1.1;float: left;font-weight: 700;margin: 0;text-align: center;background: #0269ea;width: 27%;}
.columntit h3 img {display: inline-block;margin-top: -3px;margin-right: 15px;}
.platform-txt {font-size: 16px;line-height: 1.8;color: #333;text-align: justify;}
.platform-txt p {margin: 0 0 22px;}
.platform-txt p:last-child {margin: 0;}
.platform-txt img {width: 100%;border-radius: 9px;}
@media (min-width: 767px){
	.platform-mob {display: none;}
}
@media (max-width: 1366px){
	.columntit h3 {width: 32%;}
}
@media (max-width: 1199px){
	.columntit h3 {width: 40%;}
}
@media (max-width: 991px){
	.columntit h3 {width: 49%;}
}
@media (max-width: 767px){
	.columntit h3 {width: 100%;text-align: center;}
}

/* vertical tabs */
.vertical {
	margin: 0 0 6px;
}
.vertical.hc-tabs {
	margin: 40px 0;
}
.vertical .nav-tabs,
.vertical .tab-content {
	display: table-cell;
	margin: 0;
	vertical-align: top
}
.vertical .nav-tabs {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom-color: transparent;
	background-color: #f4f9ff;
}
.vertical .nav-tabs > li {
	float: none;
}
.vertical .nav-tabs > li a {
	margin: 0;
	padding: 18px 40px;
	white-space: nowrap;
	color: #333333;
	border-bottom: 1px solid #f4f9ff;
	font-size: 16px;
	font-weight: 700;
}
.vertical .nav-tabs > li > a:hover {
	border-color: #f0f0f0 #f0f0f0 #ebebeb;
	border-right-color: transparent;
	color: #0269ea;
	z-index: 2;
}
.vertical .nav-tabs > li > a:hover:after {
	width: 4px;
	content: "";
	background-color: #0269ea;
	height: 102%;
	position: absolute;
	left: 0;
	top: 0;
}
.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
	/*-webkit-box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.04);*/
	border-right-color: transparent;
	border-bottom-color: #ffffff;
	color: #0269ea;
	z-index: 2;
	width: 100%;
}
.vertical .tab-content {
	border-top: 1px solid #f0f0f0;
	/*-webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.04);*/
	left: -1px;
	z-index: 1;
	padding: 20px 30px 30px 50px;width: 100%;
}
.vertical .tab-content:after {
	background-color: transparent;
}
.tab-content {background: #fff;}
.tab-content h1 {font-size: 20px;font-weight: 700;margin: 0 0 16px;}
.tab-content > .tab-pane {font-size: 16px;line-height: 2;color: #333;text-align: justify;}
.tab-content > .tab-pane p {margin: 0 0 22px;}
.tab-content > .tab-pane p:last-child {margin: 0;}
.tab-content > .tab-pane img {width: 100%;border-radius: 9px;}
.nav-tabs > li.active > a:after {width: 4px;background-color: #0269ea;}
.panel-group .panel + .panel {margin-top: 0;}
@media (min-width: 991px){
	.vertical .tab-content {padding: 20px 30px 30px 30px;}
}
@media (max-width:767px) {
	.vertical .nav-tabs,
	.vertical .tab-content {
		display: block;
	}
	.vertical .tab-content {
	left: 0px;top: -1px;
}
	.vertical .nav-tabs > li > a:hover {
	border-right-color: #f0f0f0;
}
	.vertical .nav-tabs > li.active > a,
.vertical .nav-tabs > li.active > a:hover,
.vertical .nav-tabs > li.active > a:focus {
	border-right-color: #f0f0f0;
}
}

.zcxx {width: 100%;margin: 30px auto;}
@media (min-width: 767px){
	.zcxx {width: 480px;}
}

.mob-list {}
.mob-list li {border-bottom: #eee solid 1px;padding-bottom: 12px;margin-bottom: 12px;}
.mob-list li:last-child {margin-bottom: 0;}
.mob-list h2 {font-size: 17px;line-height: 1.5;color: #000;margin: 0 0 4px;font-weight: 700;}
.mob-list h3 {font-size: 14px;line-height: 1.4;color: #444;margin: 0 0 5px;}
.mob-list h3 span {position: relative;display: inline-block;}
.mob-list h3 span:after {
    content: "|";
    display: inline-block;
    padding: 0 6px;
	color: #444;
    opacity: .5;
}
.mob-list h3 span:last-child:after {opacity: 0;padding: 0;}
.mob-list h4 {font-size: 14px;line-height: 1.4;color: #888;}
.mob-list h4 span {position: relative;display: inline-block;padding: 0 6px;}
.mob-list h4 span:first-child {padding-left: 0;}
.mob-list .list-foot {text-align: center;padding: 20px 0 0;color: #999;}

.slider-1 {position: relative;}
.slider-1:after {
    position: absolute;
    content: '';
    right: -50px;
    bottom: -92px;
    background: #3286ee;
    width: 236px;
    height: 236px;
    border-radius: 9px;
    z-index: 0;
}
.webheader .columnname .topsearch .layui-form-selected dl {max-height: 150px;}
.contentBoxBg{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: url(../images/contBg.png) no-repeat;
    background-size: cover;
    min-height: calc(100vh - 215px);
    z-index: 1;
    animation:bgpulse 18s infinite linear; -webkit-animation:bgpulse 18s infinite linear; -moz-animation:bgpulse 18s infinite linear; -o-animation:bgpulse 18s infinite linear; -ms-animation:bgpulse 18s infinite linear;background-position: center;
}
.contentBox{
  background: url(../images/contBg.png) no-repeat;
  background-size: cover;
  min-height: calc(100vh - 215px);
  position: relative;
  overflow: hidden;
}
.contentBox .loginBox{
    z-index: 2;
}
.mTitle{
  font-size: 26px;
  color: #333333;
  text-align: center;
  margin-bottom: 40px;
}
.loginBox{
  border-radius: 10px;
  width: 639px;
  margin: 0px auto;
  background: rgba(255,255,255,0.8);
  padding: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.getCode{
  cursor: pointer;
  position: absolute;
  width: auto;
  white-space: nowrap;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #2d4db2;
}
.getCode:hover{
  color: #3c63dd;
}
.rTitle{
  margin-bottom: 40px;

}
.resumeBox{
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 35px 30px;
  position: relative;
  margin-top: -85px;
}
.rTitle ul{
  border-bottom: 1px solid #dbe4f1;
}
.rTitle ul li{
  float: left;
  font-size: 24px;
  color:#333;
  margin-right: 40px;
  position: relative;
  padding-bottom: 30px;
  cursor: pointer;
}
.rTitle ul li.act{
  color: #2d4db2;
}
.rTitle ul li.act:after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #2d4db2;
  bottom: 0;
}
.rTitle ul:after{
  content: "";
  display: block;
  clear: both;
}
.moduleTitle{
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 30px;
}
.module{
  margin-bottom: 40px;
}
.tableStyle .alignCenter{
  text-align: center;
}
.tableStyle{
  table-layout: fixed;
  width: 100%;
}
.tableStyle td{
  border: 1px solid #e7e7e7;
  padding: 15px 10px;
}
.tableStyle tbody td{
  color: #333333;
  font-size: 15px;
}
.tableStyle tbody td.gray{
  color: #999999;
}
.tableStyle thead td{
  background: #f7f7f7;
  
  text-align: center;
  color: #333333;
  font-size: 17px;
  font-weight: 700;
}
.tableStyle .a-code{
  background: none;
  color: #e6a23c;
  font-size: 15px;
  padding: 0;
}
.tableStyle .a-code:first-child{
  margin-right: 20px;
}
.tableStyle .a-code:hover{
  background: none;
  color: #2d4db2;
}
.resumeBox{
  margin-bottom: 80px;
}
.percentBox ul{
  display: flex;
  justify-content: space-around;
  padding-top: 50px;
  padding-bottom: 15px;
}
.percentBox .item{
  position: relative;
}
.percentBox .item:after{
  z-index: 2;
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  background: #e8e8e8;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.percentBox .item p{
  white-space: nowrap;
  top: -35px;
  position: relative;
  width: auto;
  text-align: center;
  left: -24%;
  min-width: 60px;
}
.percentBox .item:first-child::before{
  display: none;
}
.percentBox .item:before{
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  width: 230px;
  height: 7px;
  background: #e8e8e8;
  left: -225px;
  top: 50%;
  transform: translateY(-50%);
}
.percentBox .item.success:after{
  background: url(../images/success.png) no-repeat center center #51bd00;
}
.percentBox .item.success:before{
  background: #51bd00;
}
.percentBox .item.faild:after{
  background: url(../images/faild.png) no-repeat center center #e51515;
}
.percentBox .item.faild:before{
  background: #e51515;
}
.avatar-uploader .el-upload {
  background: #f1f6fe;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader{
  margin-bottom: 20px;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 115px;
  height: 175px;
  line-height: 175px!important;
  text-align: center;
}
.avatar {
  width: 115px;
  height: 175px;
  display: block;
}
.formBox{
  margin-bottom: 20px;
}
.formBox:after{
  content: "";
  display: block;
  clear: both;
}
.formBox .formCol{
  width: 50%;
  float: left;
}
.formItem{
  position: relative;
}
.formLabel{
  font-size: 16px;
  color: #666666;
  position: absolute;
  left: 0;
  width: 135px;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 15px;
}
.formcontent{
  padding-left: 135px;
}
.file .formLabel{
  width: 175px;
}
.file .formcontent {
    padding-left: 175px;
}
.formcontent .el-button{
  border: 1px solid #c8d0ea;
  background: #fff;
  font-size: 15px;
  color: #333333;
}
.submitBtn{
  text-align: center;
}
.submitBtn .el-button{
  width: 225px;
  height: 50px;
  font-size: 18px;
}
.submitBtn .el-button.el-button--primary{
  border: 1px solid #2d4db2;
  background: #2d4db2;
}
.submitBtn .el-button.el-button--primary:hover{
  border: 1px solid #375edb;
  background: #375edb;
}

.submitBtn .el-button.el-button--default{
  border: 1px solid #2d4db2;
  color: #2d4db2;
  background: #edf4ff;
}
.submitBtn .el-button.el-button--default:hover {
    background: #d0e2ff;
}
.gwStatus{
    background: #d1e3ff;
    display: inline-block;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    color: #2d4db2;
    font-weight: 700;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.rTitle.gw{
  position: relative;
  padding: 30px;
  margin-bottom: 0;
}
.gwTitle{
    font-size: 28px;
    color: #333333;
    margin-bottom: 20px;
}
.gwDetail{
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
}
.gw .split{
  padding: 0 15px;
}
.rTitle .gwTag ul{
  border-bottom:0;
}
.rTitle .gwTag  ul li{
  background: #edf4ff;
  border-radius: 6px;
  font-size: 14px;
  color: #333333;
  padding: 2px 10px;
  margin-right: 10px;
}
.gwBtn{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
}
.gwBtn .btn{
  background: #e6a23c;
  color: #fff;
  border: 0;
  border-radius: 25px;
  width: 100%;
  font-size: 16px;
  padding: 14px 0;
}
.gwBtn .btn:hover{
  background: #ffba54;
}
.gwMtitle{
    font-size: 22px;
    color: #333333;
    position: relative;
    padding-left: 15px;
}
.gwMtitle::before{
  content: "";
  display: block;
  width: 4px;
  height: 19px;
  background: #e6a23c;
  position: absolute;
  left: 0;
}
pre{
  text-align: left;
  font-family: Arial, "微软雅黑";
  padding-left: 0;
  color: #555555;
  font-size: 15px;
  line-height: 28px;
  padding-bottom: 0;
}
.rContent .rContent{
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed;
}
.endBox p{
  font-size: 16px;
  color: #333333;
  
}
.endBox p:not(:last-child){
  margin-bottom: 20px;
}
.endBox p a{
  color: #2d4db2;
}
.endBox p a:hover{
  text-decoration: underline;
}
.rTitle.listModule{
  text-align: center;
  border-bottom: 1px solid #dbe4f1;
  padding-top: 30px;
}
.rTitle.listModule ul{
  display: inline-block;
  border-bottom: 0;
}
.rTitle.listModule ul li{
  padding-bottom: 23px;
  cursor: pointer;
  font-size: 24px;
  color: #333333;
}
.rTitle.listModule ul li.act{
  color: #2d4db2;
  font-size: 30px;
  font-weight: 700;
}
.rTitle.listModule ul li.act:after{
  bottom: -5px;
}
.searchBox{
  margin-bottom: 40px;
}
.searchBox .el-input__inner{
  background: #edf4ff;
  border: 1px solid #c8d0ea;
}
.searchBox .row{
  margin: 0 -5px;
}
.searchBox .row .searchItem{
  padding: 0 5px;
  width: calc(100% / 6);
}
.searchBox .row .searchItem .el-button{
  width: 100%;
  background: #2d4db2;
  border-color: #2d4db2;
}
.searchBox .row .searchItem .el-button:hover{
  background: #375fdd;
  border-color: #375fdd;
}
.record{
  font-size: 14px;
  color: #000000;
  margin-bottom: 30px;
}
.record .num{
  font-weight: 700;
}
.listContent .row{
  margin: 0 -15px;
}
.itemBox{
  width: 25%;
  padding: 0 15px;
  margin-bottom: 35px;
}
.itemBox .item{
  background: #fff;
  border-radius: 6px;
  padding: 20px;
  position: relative;
    cursor: pointer;
}
.itemBox .item:hover{
    box-shadow: 0 0 20px 2px #d1e2fb;
}
.itemBox .item .itemTitle{
  font-size: 16px;
  color: #333333;
  position: relative;
  font-weight: 700;
  margin-bottom: 5px;
  padding-right: 40px;
  line-height: 24px;
}
.itemBox .item .itemCode{
  font-size: 14px;
  color: #69809f;
  margin-bottom: 7px;
}
.itemBox .item .itemTag{
  overflow: hidden;
}
.itemBox .item .itemTag li{
  float: left;
  background: #edf4ff;
  border-radius: 6px;
  font-size: 14px;
  color: #666666;
  padding: 2px 10px;
  margin-right: 10px;
    margin-bottom: 3px;
}
.itemInfo{
  font-size: 14px;
  color: #69809f;
  position: relative;
}
.itemInfo .el-button.toudi{
  position: absolute;
  right: 0;
  top: -5px;
  padding: 7px 23px;
}
.el-button.toudi {
  background: #e6a23c;
  border-color: #e6a23c;
  border-radius: 25px;
}
.el-button.toudi:hover {
  background: #ffb74c;
  border-color: #ffb74c;
}
.itemBox .item .border{
    border-bottom: 1px solid #f7f7f7 !important;
    margin: 20px 0;
}
.itemBox .item .itemTitle:before{
  content: "";
  display: block;
  width: 4px;
  height: 14px;
  background: #2d4db2;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.itemBox .item .itemStatus {
  background: #d1e3ff;
  display: inline-block;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  font-size: 14px;
  color: #2d4db2;
  font-weight: 700;
  padding: 5px 8px;
  position: absolute;
  right: 0;
  top: 0;
}
.itemBox.pass .item,.itemBox.fill .item{
    cursor: default;
}
.itemBox.pass .itemInfo .el-button.toudi,
.itemBox.fill .itemInfo .el-button.toudi{
  background: #c8c9cc;
  border-color: #c8c9cc;
    cursor: default;
}
.itemBox.pass .item .itemStatus {
  background: #c8c9cc;
  color: #fff;
}
.itemBox.pass .item .itemTitle:before{
  background: #c8c9cc;
}
.itemBox.pass .item .itemTitle{
  color: #c8c9cc;
}
.itemBox.fill .item .itemStatus {
  background: #b3e19d;
  color: #fff;
}
.itemBox.fill .item .itemTitle:before{
  background: #b3e19d;
}
.itemBox .item .itemInfo p{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 67%;
}

.listContent .el-pagination.is-background .btn-next, 
.listContent .el-pagination.is-background .btn-prev, 
.listContent .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #ffffff;
    color: #666666;
    min-width: 38px;
    line-height: 38px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ebebeb;
}
.listConten .el-pagination.is-background .el-pager li:not(.disabled).active{
  border: 1px solid #2d4db2;
}
.listContent .el-pager li,
.listContent .el-pagination button, 
.listContent .el-pagination span:not([class*=suffix]){
  height: 38px;
  line-height: 38px;
  padding: 0 15px;
  border: 1px solid #ebebeb;
}
.el-pagination{
  margin-bottom: 80px;
}
.listContent .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #2d4db2;
    border-color: #2d4db2;
}
@media(max-width: 1366px){
    .contentBox{
        height: 100%;
        min-height: auto;
        padding-top: 10px;
    }
    .loginBox{
        padding: 30px 70px;
        position: relative;
        left: auto;
        transform: translate(0, -50%);
        top: 50%;
    }
    .mTitle{
        margin-bottom: 20px;
    }
}
#stars {
    margin: 0 auto;
    max-width: 1600px;
    position: fixed;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.star {
    display: block;　　　 width: 1px;      background: transparent;
    position: relative;
    opacity: 0;
    /*过渡动画*/
    animation: star-fall 3s linear infinite;
    -webkit-animation: star-fall 3s linear infinite;
    -moz-animation: star-fall 3s linear infinite;
}

.star:after {
    content: '';
    display: block;
    border: 0px solid #fff;
    border-width: 0px 90px 2px 90px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .5);
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
    /*变形*/
    transform: rotate(-20deg) translate3d(1px, 3px, 0);
    transform-origin: 0% 100%;
}
@keyframes star-fall {
    0% {
        opacity: 0;
        transform: scale(0.5) translate3d(0, 0, 0);
        -webkit-transform: scale(0.5) translate3d(0, 0, 0);
        -moz-transform: scale(0.5) translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        transform: translate3d(-200px, 200px, 0);
        -webkit-transform: translate3d(-200px, 200px, 0);
        -moz-transform: translate3d(-200px, 200px, 0);
    }
    100% {
        opacity: 0;
        transform: scale(1.2) translate3d(-200px, 200px, 0);
        -webkit-transform: scale(1.2) translate3d(-200px, 200px, 0);
        -moz-transform: scale(1.2) translate3d(-200px, 200px, 0);
    }
}