/* CSS Document */

*{margin:0;padding:0;list-style: none; color:#666666;font-family: "Microsoft YaHei"; }
body{font-family: "Microsoft YaHei"; background-color: #fff;}
html, .index-body {
    position: relative;
    height: 100%;
}
a{ color:#333}
a:hover{ text-decoration:none;}
a:hover, a:focus{ color:#2e7ccb; text-decoration:none;outline:none;}
.pad-left{ padding-left: 0px;}
.pad-right{ padding-right: 0px;}
.pad-none{ padding: 0px;}
.overflow-p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media (min-width: 992px) {
    .pad-flat-left{ padding-left: 0px;}
    .pad-flat-right{ padding-right: 0px;}
    .pad-flat-none{ padding: 0px;}
}
@media (min-width: 1200px){
    .container{width: 1200px;}
}
/*-------------------------------------棣栭〉-------------------------------------------*/
/*-----椤堕儴--------*/
.big-nav{ box-shadow: 0 3px 3px #bbb;}
.navbar{ height:64px; background-color: #fff; border-radius: 0px; }
.navbar-default{ z-index: 3;}
.navbar-toggle{ margin-top: 10px;}
/*----logo----*/
.nav-logo{float:left; height:63px; line-height: 63px; display:inline-block; margin-right:20px; font-size: 18px; color: #888888;}
.logo{display:inline-block; float: left; margin-top: 10px;}
.nav-logo-fg{ display: inline-block; font-size: 12px; margin: 0 13px; float: left;}
/*----瀵艰埅----*/
.nav_but{ float:right;}
.navbar{ margin-bottom:0px; border: none;}
.nav-ul .navbar-nav>li{ padding: 0 15px; }
.nav-ul .navbar-nav>li>a{ font-size:16px; margin-right: 2px; color: #333333; border-bottom: 2px; border-bottom-style: solid; border-bottom-color: rgba(255,255,255,0); border-bottom: 2px solid #ededed\9;   transition: all 0.3s; height: 54px; line-height: 64px; padding: 0px;}
.nav-ul .navbar-nav>li>a:hover{ color:#3bb8eb; border-bottom: 2px solid #3bb8eb;}
.nav-ul .navbar-nav > .open>a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color:#fff; color: #225463;}

/*----鐧诲綍閭鎸夐挳----*/
.index-Sign-btn{ width: 80px; height: 36px; font-size: 16px; color: #ffffff; text-align: center; line-height: 36px; margin-top: 15px; border: none; margin-left: 20px; float: left; background-color: #3bb8eb; border-radius: 5px;transition: all 0.3s;}
.index-Sign-btn:hover{ background-color: #3bb8eb; color: #fff;}
.index-experience-btn{ background: none; border: 1px solid #3bb8eb; color: #3bb8eb;}
.index-experience-btn:hover{background: none;color: #3bb8eb;}
.index-register-btn{background: rgba(255,255,255,0.5); border: 1px solid #cccccc; color: #333;}
.index-register-btn:hover{background: rgba(255,255,255,0.5);color: #333;}
/*----椤堕儴濯掍綋鏌ヨ----*/
@media (max-width: 1200px ) {
    .nav-logo{ margin-right: 10px;}
    .index-Sign-btn{ margin-left: 12px;}
    .index-phone{ margin-left: 12px;}
    .nav-ul .navbar-nav > li{ padding: 0 7px;}
}
@media (max-width: 991px)  {
    .nav_but{ float: none;}
    .index-phone{ margin-left: 0px;}
}
@media (min-width: 768px)  {
    .nav-ul{ float: left;}
    .nav-ul .navbar-nav>li>a.current{ color:#3bb8eb; border-bottom: 2px solid #3bb8eb; }
}
@media (max-width: 767px) {
    .navbar{ height:auto; z-index: 1040;}
    .nav_but{ margin-top:10px;}
    .navbar-default .navbar-nav > li > a{ transition:all 0.5s; padding:8px 40px; border: none; height: auto; line-height: normal; color: #fff;}
    .navbar-default .navbar-nav > li > a:hover{ background-color:#eee; border: none;}
    .logo{ padding-left: 10px; height: 36px; margin-top: 7px;}
    .logo img{ height: 36px;}
    .big-nav{ height: 50px;}
    .navbar-default .navbar-toggle{ background-color: #666666; color: #ffffff; border: none;}
    .navbar-default .navbar-toggle .icon-bar{ background-color: #ffffff;}
    .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{ background-color: #666666; color: #ffffff;}
    .navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{ background-color: #ffffff;}
    .nav_but .navbar-nav > li > a{ font-size: 14px;}
}

.carousel-indicators li{ width: 30px; height: 5px; background-color: #262d37; border: none; border-radius: 0px;}
.carousel-indicators .active{ width: 30px; height: 5px; background-color: #fff;}
.carousel-indicators{ bottom: 10px;}
.index-navbar{ background: rgba(255,255,255,0.85); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#DDffffff,endColorstr=#DDffffff);}
.index-navbar .navbar-nav>li>a{ color: #323232;}
.index-navbar .index-phone i{ color: #323232;}
.index-navbar .index-phone strong{ color: #323232;}
.index-navbar-w{background-color: #ffffff; transition: all 0.5s; box-shadow: 0 2px 2px #dddddd;}
.big-nav{ background-color: #ededed \9;  _background-color: #ededed;}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
/*------------棣栭〉banner澶у浘--------*/
.swiper-container01 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-container01 .swiper-slide {
    background-position: center;
    background-size: cover;
}

.index-banner-bg{
    animation:banner-animation 20s infinite;
    -webkit-animation: banner-animation 20s infinite;
}
@keyframes banner-animation
{
    0%   {  transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    50%   {  transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-moz-keyframes banner-animation /* Firefox */
{
    0%   {  transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
   50%   {  transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-webkit-keyframes banner-animation /* Safari 鍜� Chrome */
{
    0%   {  transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    50%   {  transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
@-o-keyframes banner-animation /* Opera */
{
    0%   {  transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    50%   {  transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
}
.swiper-container01{ position: relative;}
.swiper-container01 .swiper-slide{ position: relative;}
.index-p{ position: absolute; top: 50%; left: 32%; z-index: 99;}
.index-p p{ margin-bottom: 0px;}
.index-p .index-p1 svg{ width: 700px; height: 70px; }
.index-p .index-p1 svg text{ font-size: 54px; text-align: center; text-shadow: 2px 2px 2px #333333;}
.index-p .index-p2 svg{ width: 700px; height: 40px; }
.index-p .index-p2 svg text{ font-size: 32px; text-align: center; text-shadow: 2px 2px 2px #333333;}
@media (max-width: 1366px){
    .index-p{ position: absolute; bottom: 150px; left: 28%; }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .index-p{ position: absolute; top: 50%; left: 0; z-index: 99; width: 100%;}
    .index-p .index-p1{ width: 410px; height: 70px; margin: 0 auto;}
    .index-p .index-p1 svg{ width: 410px; height: 70px;}
    .index-p .index-p1 svg text{ font-size: 40px;}
    .index-p .index-p2{ width: 410px; height: 70px; margin: 0 auto;}
    .index-p .index-p2 svg{ width: 410px; height: 40px; }
    .index-p .index-p2 svg text{ font-size: 24px;}
}

@media (max-width: 767px) {
    .index-p{ position: absolute; top: 50%; left: 0; z-index: 99; width: 100%;}
    .index-p .index-p1{ width: 250px; height: 46px; margin: 0 auto;}
    .index-p .index-p1 svg{ width: 250px; height: 46px;}
    .index-p .index-p1 svg text{ font-size: 24px;}
    .index-p .index-p2{ width: 250px; height: 40px; margin: 0 auto;}
    .index-p .index-p2 svg{ width: 250px; height: 40px;}
    .index-p .index-p2 svg text{ font-size: 14px;}
}
/*------------蹇�熸敞鍐�--------*/
.index-fast-registration{ width: 370px; height: 350px; background: rgba(200,200,200,0.2); position: absolute; top: 165px; right:18%; z-index: 100; box-shadow: 20px 20px 20px rgba(0,0,0,0.15); border-radius: 8px; padding: 25px; }
.fast-title{ font-size: 24px; color: #ffffff; font-family: "寰蒋闆呴粦"; margin-bottom: 20px;}
.index-fast-registration p{ font-size: 14px; color: #dadada;}
.fast-input input{ height: 42px; width: 100%; border: none; background: rgba(239,240,244,0.8); border-radius: 4px; text-indent: 5px;}
.fast-row{ margin-bottom: 20px;}
.fast-yan{ height: 42px; width: 100%; background: rgba(239,240,244,0.8); line-height: 42px; text-align: center; color: #4d4d56; padding: 0px;}
.fast-input-yan input{ background: rgba(239,240,244,0.5);}
.fast-btn{ font-size: 16px; font-weight: bold; width: 100%; background-color: #3bb8eb; color: #ffffff;}
.fast-btn-blue{  background-color: #3bb8eb;}
.fast-btn-write{ background: none; border: 1px solid #ffffff;}
.fast-btn:hover,.fast-btn:focus{ color: #ffffff;}
.phone-past-registration{ position: absolute; top: 250px; left: 35%; z-index: 100;}
.phone-past-registration button{ font-weight: normal; font-size: 15px;}
@media (min-width: 1200px) and (max-width: 1366px){
    .index-fast-registration{ position: absolute; top: 100px; right:10%; }
}
@media (max-width: 1200px) and (min-width: 970px) {
    .index-fast-registration{ position: absolute; top: 100px; right:32%; }
}
@media (max-width: 992px){
    .index-fast-registration{ position: absolute; top: 120px; right:26%; }
}
@media (max-width: 767px) {
    .phone-past-registration{  position: absolute; top: 67%; left: 0;width: 100%; text-align: center;}
    .phone-fast-btn{ width: 86px; height: 36px;}
}
@media (max-width: 414px) {
    .phone-past-registration{  position: absolute; top: 49%; left: 0;}
}
.index-fast-registration .index-ts{ font-size: 14px; color: #ff0000; margin-top: 10px; text-align: center; margin-bottom: 0px;}
.index-ts{ font-size: 14px; color: #ff0000; margin-top: 10px; text-align: center; margin-bottom: 0px;}
/*------------鏅篽r浠嬬粛--------*/
.index-bg-01{ background: url("../images/index-bg01.jpg") no-repeat center top;}
.index-zhrimg-main{ text-align: center;}
.index-zhrimg-main img{ display: inline-block;}
.index-about{ padding-top: 130px;}
.index-about-title{ font-size: 46px; color: #333333; font-family: "寰蒋闆呴粦"; margin: 0 0 50px 0;}
.index-about-ul li{ margin-bottom: 20px; }
.index-about-ul p{ font-size: 16px; color:#6f6f6f; line-height: 30px; margin: 0px;}
@media (min-width: 992px){
    .index-zhrimg{ position: relative; top: -50px; opacity: 0;}
}
@media (max-width: 1199px){
    .index-bg-01{ background-image: none; background-color: #ffffff;}
    .index-about{ padding-top: 60px;}
}
@media (max-width: 991px){
    .index-about-title{ margin-top: 0px; margin-bottom: 20px;}
    .index-about{ padding-top: 50px;}
    .index-about-title{ font-size: 28px;}
    .index-about-ul p{ font-size: 14px;}
}

@media (max-width: 767px){
    .index-about-title{ margin-bottom: 20px;}
    .index-about{ padding-top: 30px;}
    .index-about-title{ font-size: 18px;}
    .index-about-ul p{ font-size: 12px;}
    .index-about-ul li{ margin-bottom: 10px;}

}


/*---------------------棣栭〉妯″潡涓�-------------------*/
.index-main-03{ margin-top: 140px; padding-bottom: 80px;}
.swiper-container02 .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.index-main-03-title{ margin-bottom: 60px;}
.index-main-03-title h3{ font-size: 46px; color: #333333; font-family:"寰蒋闆呴粦"; margin-top: 0px; margin-bottom: 10px;}
.index-main-03-title p{ font-size: 16px; color: #6f6f6f; line-height: 30px; margin: 0px;}
.swiper-container02 .swiper-button-next,.swiper-container02 .swiper-button-prev{ position: absolute; top: 5%; width: 44px; height: 44px; background-color: #e3e4e6; border-radius: 50%; background-image: none; transition: all 0.3s;}
.swiper-container02 .swiper-button-next span,.swiper-container02 .swiper-button-prev span{ color: #c1c3c4; font-size: 34px; float: left; margin-left: 15px; margin-top: 3px;}
.swiper-container02 .swiper-button-next:hover,.swiper-container02 .swiper-button-prev:hover{ background-color: #3bb8eb;}
.swiper-container02 .swiper-button-next:hover span,.swiper-container02 .swiper-button-prev:hover span{ color: #ffffff;}
@media (max-width: 1199px){
    .index-main-03{ background-color: #f5f6f8;}
    .index-main-03{ margin-top: 60px; padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 991px){
    .index-main-03{ margin-top: 50px; padding-top: 50px; padding-bottom: 40px;}
    .index-main-03-title h3{ font-size: 28px;}
    .index-main-03-title p{ font-size: 14px;}
}
@media (max-width: 767px){
    .index-main-03{ margin-top: 30px; padding: 30px 0;}
    .index-main-03-title{ margin-bottom: 15px;}
    .index-main-03-title h3{ font-size: 18px;}
    .index-main-03-title p{ font-size: 12px; line-height: 24px;}
    .swiper-container02 .swiper-button-next,.swiper-container02 .swiper-button-prev{ position: absolute; top: 40%;  width: 32px; height: 32px;}
    .swiper-container02 .swiper-button-next span,.swiper-container02 .swiper-button-prev span{ color: #c1c3c4; font-size: 20px;}
}

/*---------------------棣栭〉妯″潡鍥�-------------------*/
.index-bg-02{ background: url("../images/index-bg02.png") no-repeat center top; padding-top: 40px; overflow: hidden;}
.index-main-02-title{ margin-top: 100px;}
.index-main-02-title h4{ font-size: 36px; color: #888888; font-weight: normal;font-family:"寰蒋闆呴粦";}
.index-main-02-title h3{ font-size: 46px; color: #333333; font-family:"寰蒋闆呴粦";}
.index-main-02-title p{ font-size: 16px; color: #848484; line-height: 30px; margin-top: 40px;}
.index-main-02-img{ text-align: center;}
.index-main-02-img img{ display: inline-block;}
.swiper-container03 .swiper-button-next,.swiper-container03 .swiper-button-prev{ position: absolute; top: 65%; width: 44px; height: 44px; background-color: #e3e4e6; border-radius: 50%; background-image: none; transition: all 0.3s;}
.swiper-container03 .swiper-button-next span,.swiper-container03 .swiper-button-prev span{ color: #c1c3c4; font-size: 34px; float: left; margin-left: 15px; margin-top: 3px;}
.swiper-container03 .swiper-button-next:hover,.swiper-container03 .swiper-button-prev:hover{ background-color: #3bb8eb;}
.swiper-container03 .swiper-button-next:hover span,.swiper-container03 .swiper-button-prev:hover span{ color: #ffffff;}
.swiper-container03 .swiper-button-next{ left: 80px;}

@media (max-width: 1199px){
    .index-bg-02{ background-image: none; background-color: #ffffff; padding-top: 60px;}
    .index-main-02-title h3{ font-size: 38px;}
    .swiper-container03 .swiper-button-next,.swiper-container03 .swiper-button-prev{ position: absolute; top: 80%;}
}
@media (max-width: 991px){
    .index-main-02-title h3{ font-size: 28px;}
    .index-main-02-title p{ font-size: 14px; margin-top: 20px;}
    .swiper-container03 .swiper-button-next,.swiper-container03 .swiper-button-prev{ position: absolute; top: 85%;}
}
@media (max-width: 767px){
    .index-main-02-title{ margin-top: 0px; text-align: center;}
    .index-main-02-title h4{ font-size: 16px;}
    .index-main-02-title h3{ font-size: 18px; margin: 0px;}
    .index-main-02-title p{ font-size: 12px; line-height: 24px;}
    .index-bg-02{ padding-top: 30px;}
}

/*---------------------棣栭〉妯″潡浜�-------------------*/
.index-main-05{ margin-top: 180px; position: relative;}
.index-main-05-title{position: relative;}
.index-main-05-title h3{ font-size: 26px; color: #040000; font-family:"寰蒋闆呴粦"; margin: 40px 0 20px 0;}
.index-main-05-title p{ font-size: 16px; color: #444444; line-height: 28px;}
.index-05-ul{ width: 100%; margin-top: 40px;}
.index-05-ul li{ font-size: 18px; color: #848484; height: 80px; line-height: 80px; text-align: center;}
.index-li-bottom-bor{ border-bottom: 1px solid #d4d6d8;}
.index-li-right-bor{border-right: 1px solid #d4d6d8;}
.index-05-ul li a{ font-size: 18px; color: #848484; display: block;}
.bg-03-img{ position: absolute; left: -1071px; top: -150px;}

@media (max-width: 1199px){
    .index-main-05{ background-color: #f5f6f8; margin-top: 60px; padding-top: 60px; padding-bottom: 60px;}
    .bg-03-img{ position: absolute; left: -1053px; top: -300px;}
}
@media (max-width: 991px){
    .index-main-05-title{ text-align: center;}
    .index-main-05-title h3{ font-size: 28px; margin: 20px 0;}
    .index-main-05-title p{ font-size: 14px; margin-top: 20px;}
}
@media (max-width: 767px){
    .index-main-05-title h3{ font-size: 18px; margin: 0px;}
    .index-main-05-title p{ font-size: 12px; margin-top: 15px; line-height: 24px;}
    .index-05-ul li{ height: 60px; line-height: 60px;}
    .index-05-ul li a{ font-size: 14px;}
    .index-05-ul{ margin-top: 20px;}
}
/*---------------------棣栭〉妯″潡鍏�-------------------*/
.bg-04-img{ position: absolute; right: -200px; bottom: 0px;}
.index-main-06{ margin-top: 0px; margin-top: 440px; padding-bottom: 100px;}
@media (max-width: 991px){
    .index-main-02{ background-image: none; background-color: #ffffff; padding-top: 30px;}
    .index-main-05{ margin-top: 30px; padding-top: 30px; padding-bottom: 0px; background-color: #eceef0;}
    .index-main-06{ background-color: #ffffff; margin-top: 0px; padding-bottom: 0px;}
    .index-main-05-title{ margin-bottom: 20px;}
}
@media (max-width: 1199px){
    .index-main-06{ margin-top: 0px; background-color: #ffffff; padding-bottom: 60px;}
    .bg-04-img{ height: 550px;}
}
@media (max-width: 991px){
    .index-main-06{ padding-bottom: 0px;}

}
/*--------------------------鎴愬姛妗堜緥--------------------------*/
.index-main-case{ background-color: #f5f6f8; padding: 100px 0; overflow: hidden;}
.index-main-07{ padding-bottom: 90px;}
.index-main-07-title{ text-align: center; margin-bottom: 40px;}
.index-main-07-title h3{ font-size: 46px; color: #040000; font-family:"寰蒋闆呴粦"; margin: 0 0 10px 0;}
.index-main-07-title p{ font-size: 16px; color: #848484;}
.index-case-main{ background-color: #ffffff; margin-bottom: 20px;}
.case-img{ width: 100%; overflow: hidden;}
.case-img img{ transition: all 0.3s; width: 100%; height: auto;}
.case-img img:hover{
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.index-case-in{ padding: 30px; text-align: center;}
.index-case-in h4{ font-size: 24px; color: #040000; margin-bottom: 20px; margin-top: 0px;}
.case-btn{ border: none; background-color: #f5f6f8; width: 145px; text-align: center; height: 36px; line-height: 30px; font-size: 16px; color: #848484; margin-bottom: 10px; border-radius: 20px;}

@media (max-width: 991px){
    .index-main-case{ padding: 30px 0;}
    .index-main-07-title h3{ font-size: 28px;}
    .index-main-07-title p{ font-size: 14px;}
    .index-main-07-title{ margin-bottom: 20px;}
}
@media (max-width: 767px){
    .index-main-07-title h3{ font-size: 18px;}
    .index-main-07-title p{ font-size: 12px;}
    .index-main-07-title{ margin-bottom: 15px;}
    .phone-case-pad{ padding: 0 5px;}
    .index-case-in h4{ font-size: 14px; margin-bottom: 10px;}
    .case-btn{ font-size: 12px;}
    .index-case-in{ padding:5px;}
    .case-btn{ width: 100%; height: 28px; line-height: 28px;}
}
.index-case-title{ text-align: center; margin-bottom: 40px;}
.in-case-title01{ font-size: 46px; color: #333333; font-family: "寰蒋闆呴粦"; margin-bottom: 0px;}
.in-case-title03{ color: #999999; font-size: 14px;}

.index-case-con{ width: 100%; height: 420px;position: relative;}
.index-case-con a{ display: inline-block; width: 274px; height: 275px; transition: all 1s;}
.index-case-con a img{ width: 274px; height: 275px;}
.index-case-con a img:nth-child(2){display: none;}
.index-case-con a:hover img:nth-child(2){display: inline-block;}
.index-case-con a:hover img:nth-child(1){display: none;}
.case-con-a1{position: absolute; left: 0px; top: 0px;}
.case-con-a2{position: absolute; left: 284px; top: 0px;}
.case-con-a3{position: absolute; left: 568px; top: 0px;}
.case-con-a4{position: absolute; left: 852px; top: 0px;}
.case-con-a5{position: absolute; left: 143px; top: 140px;}
.case-con-a6{position: absolute; left: 427px; top: 140px;}
.case-con-a7{position: absolute; left: 710px; top: 140px;}
.swiper-container04 .swiper-pagination{ bottom: -30px; left: 0px;}
.swiper-container03 .swiper-pagination{ bottom: -30px; left: 0px;}
@media (max-width: 1199px){
    .index-case-con{ height: 360px;}
    .swiper-container03 .swiper-pagination{ bottom: -10px; left: 0px;}
    .index-case-con a{  width: 230px; height: 231px;}
    .index-case-con a img{ width: 230px; height: 231px;}
    .case-con-a1{position: absolute; left: 0px; top: 0px;}
    .case-con-a2{position: absolute; left: 240px; top: 0px;}
    .case-con-a3{position: absolute; left: 480px; top: 0px;}
    .case-con-a4{position: absolute; left: 720px; top: 0px;}
    .case-con-a5{position: absolute; left: 120px; top: 116px;}
    .case-con-a6{position: absolute; left: 360px; top: 116px;}
    .case-con-a7{position: absolute; left: 602px; top: 116px;}
}
@media (max-width: 991px){
    .index-case-con{ height: 280px;}
    .index-main-07{ padding-bottom: 20px;}
    .index-case-title{ margin-bottom: 20px;}
    .in-case-title01{ font-size: 28px;}
    .in-case-title03{ font-size: 14px;}
    .swiper-container03 .swiper-pagination{ bottom: -10px; left: 0px;}
    .index-case-con a{  width: 180px; height: 180px;}
    .index-case-con a img{ width: 180px; height: 180px;}
    .case-con-a1{position: absolute; left: 0px; top: 0px;}
    .case-con-a2{position: absolute; left: 190px; top: 0px;}
    .case-con-a3{position: absolute; left: 380px; top: 0px;}
    .case-con-a4{position: absolute; left: 570px; top: 0px;}
    .case-con-a5{position: absolute; left: 95px; top: 90px;}
    .case-con-a6{position: absolute; left: 285px; top: 90px;}
    .case-con-a7{position: absolute; left: 475px; top: 90px;}
}
@media (max-width: 767px){
    .index-case-con{ height: 430px;}
    .index-case-title{ margin-bottom: 15px;}
    .in-case-title01{ font-size: 18px;}
    .in-case-title03{ font-size: 12px;}
    .swiper-container03 .swiper-pagination{ bottom: -15px; left: 0px;}
    .index-case-con{ width:300px; margin: 0 auto;}
    .index-case-con a{  width: 140px; height: 140px;}
    .index-case-con a img{ width: 140px; height: 140px;}
    .case-con-a1{position: absolute; left: 75px; top: 0px;}
    .case-con-a2{position: absolute; left: 0px; top: 70px;}
    .case-con-a3{position: absolute; left: 150px; top: 70px;}
    .case-con-a4{position: absolute; left: 75px; top: 140px;}
    .case-con-a5{position: absolute; left: 0px; top: 210px;}
    .case-con-a6{position: absolute; left: 150px; top: 210px;}
    .case-con-a7{position: absolute; left: 75px; top: 280px;}
}


/*---------鑱旂郴鏅篐R-------*/
.index-main-04{ padding: 70px 0; background-color: #ffffff;}
.index-Contact-title{ text-align: center; margin-bottom: 30px;}
.index-Contact-title h3{ font-size: 46px; color: #333333; font-family: "寰蒋闆呴粦"; margin-top: 0px;}
.index-Contact-title p{ font-size: 16px; color: #999999; margin: 0px;}
.index-contact-us{ height: 180px; width: 100%; background-color: #f8f9fb; padding: 20px;}
.index-contact-us p{ line-height: 24px; font-size: 15px; color: #83888c; margin-bottom: 0px;}
@media (max-width: 991px){
    .index-main-04{ padding: 30px 0;}
    .index-Contact-title{ margin-bottom: 20px;}
    .index-Contact-title h3{ font-size: 28px;}
    .index-Contact-title p{ font-size: 14px;}
}
@media (max-width: 991px){
    .index-main-04{ padding: 30px 0;}
    .index-Contact-title{ margin-bottom: 20px;}
    .index-Contact-title h3{ font-size: 28px;}
    .index-Contact-title p{ font-size: 14px;}
    .index-contact-us p{ font-size: 14px;}
}
@media (max-width: 767px){
    .index-main-04{ padding: 30px 0;}
    .index-Contact-title{ margin-bottom: 15px;}
    .index-Contact-title h3{ font-size: 18px;}
    .index-Contact-title p{ font-size: 12px;}
    .index-contact-us p{ font-size: 12px; line-height: 22px;}
}


/*---------缃戠珯搴曢儴-------*/
.footer{ background-color: #eaeef7; padding-top: 25px;}
.footer-ul{ margin-bottom: 20px;}
.footer-ul>li{ float: left; width: 20%; overflow: hidden;}
.footer-title01{ color: #000; margin-bottom: 5px;}
.foot-ul>li{ height: 25px; line-height: 25px;}
.foot-ul>li>a{ transition: all 0.3s;}
.footer-copyright{ padding: 14px 0; position: absolute; bottom: 0; left: 0; width: 100%;}
.footer-copyright p{ color: #777; margin: 0px; font-size: 12px; text-align: center}
.footer-copyright p a{ color: #777; display: inline-block; margin: 0 10px;}
.footer-copyright p a:hover{ color: #74bfff;}
.footer-title02{ margin-bottom: 15px;}
.footer img{ width: 92px; height: 92px;}

@media (max-width: 767px){
    .footer{ padding-top: 0px; padding-bottom: 15px;}
    .footer-copyright p{ font-size: 12px; line-height: 24px;}
    .footer-copyright{ border-bottom: 1px solid #cbced6; border-top: none; margin-bottom: 10px;}
}

/*--------------------------鏅�-HR--------------------------*/
/*浜岀骇瀵艰埅*/
.second-nav{ height: 52px; background-color: #eaeef7;}
.second-nav-in{ background: url("../images/se-nav-bg.jpg") no-repeat right center;}
.second-nav-in li{ width:16.5%;float: left;text-align: center; background: url("../images/se-nav-bg.jpg") no-repeat left center;  }
.second-nav-in a{ display: block; height: 52px; line-height: 52px; border-bottom: 2px solid #eaeef7; font-size: 16px; color: #333333; transition: all 0.3s;}
.second-nav-in a:hover{ color: #55b651; font-weight: bold; border-bottom: 2px solid #55b651;}
.second-nav-top{ margin-top: 64px;}
.second-nav-in{ margin-bottom: 0px;}
.second-nav-in li .current{ color: #55b651; font-weight: bold; border-bottom: 2px solid #55b651;}


@media (max-width: 991px){
    .second-swiper{ position: relative;}
    .second-swiper .swiper-slide{ background-color: #eaeef7;}
    .second-nav .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url("../images/second-swiper-right.png") no-repeat right top; right: -5px; top: 35px;}
    .second-nav .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url("../images/second-swiper-left.png") no-repeat left center; left:-5px; top: 25px;}
    .second-nav{ height: 44px;}
    .second-nav-in a{ height: 44px; line-height: 44px; font-size: 14px; border-bottom: 1px solid #eaeef7;}
    .second-nav-in li .current{ border-bottom: 1px solid #55b651;}
    .second-nav-in a:hover{border-bottom: 1px solid #55b651;}
}
@media (max-width: 767px) {
    .second-nav-top{ margin-top: 50px; z-index: 999;}
    .second-nav-in{ background:none;}
    .second-nav-in a{ background: none;}
}
.phone-second-nav li{ width: 12.5%;}
.nav-mar-top{ margin-top: 160px;}
/*--------------鏅篽r----------------*/
.zhr-banner{ position: relative;}
.ny-banner-text{ width: 100%; height: 195px; position: absolute; left: 0px; top: 50%; text-align: center;}
.banner-text{ width: 840px; margin: 0 auto;}
.banner-text h1{ font-size: 66px; color: #ffffff; margin-top: 0px; margin-bottom: 15px;text-shadow: 1px 1px 1px #333333;}
.banner-text span{ display: inline-block; height: 4px; width: 80px; background-color: #ffffff;}
.banner-text p{ font-size: 18px; color: #ffffff; margin-top: 20px;text-shadow: 1px 1px 1px #666666; line-height: 30px;}
@media (min-width: 1680px) {
    .zhr-banner-img img{width: 100%;}
}
@media (max-width: 1200px) {
    .banner-text h1{ font-size: 56px;}
    .banner-text p{ font-size: 16px;}
}
@media (max-width: 992px){
    .ny-banner-text{ height: 135px;}
    .banner-text h1{ font-size: 40px; margin-bottom: 10px;}
    .banner-text span{height: 2px;}
    .banner-text p{ font-size: 14px; margin-top: 15px;}
}
@media (max-width: 767px){
    .zhr-banner-img{ text-align: center;}
    .zhr-banner-img > .item > img,.zhr-banner-img > .item > a > img{ height: 300px; width: auto; max-width: none;}
    .ny-banner-text{height: 115px;}
    .banner-text{ width: 280px;}
    .banner-text h1{ font-size: 20px; margin-bottom: 0px;}
    .banner-text span{height: 2px;}
    .banner-text p{ font-size: 11px; margin-top: 8px;}
}

/*鏅篽r*/
/*鏅篽r鏍囬*/
.z-hr-main-01-title{padding-top: 80px; background: url("../images/z-hr-title01-bg.jpg") repeat-x left 140px;}
.z-hr-title01{ text-align: center; font-size: 26px; color: #55b651;}
.z-hr-title-p1{ text-align: center; font-size: 16px;}
.z-hr-title-p1 span{ background-color: #fff; display: inline-block; padding: 0 10px;}
.z-hr-main-01{ background-color: #fff; padding-bottom: 80px; padding-top: 80px;}
.z-hr-about-ul li{ padding-left: 25px; position: relative;}
.z-hr-about-ul li span{ display: inline-block; width: 10px; height: 10px; background-color: #c2c2c2; border-radius: 50%; position: absolute; left: 0px; top: 8px;}
.z-hr-about-ul li p{ color: #323232; text-align: justify;}
@media(max-width: 991px) {
    .z-hr-main-01-title{ margin-bottom: 0px;}
    .z-hr-image01{ text-align: center;}
    .z-hr-image01 img{ display: inline-block;}
}
@media(max-width: 767px) {
    .z-hr-main-01-title{ padding-top: 30px;}
    .z-hr-image01{ padding-left: 0px;}
    .index-about-ul p{ line-height: 24px;}
    .index-main-02{ padding-top: 0px;}
    .z-hr-main-01{ padding-bottom: 30px; padding-top: 30px;}
    .z-hr-about-ul li{ padding-left: 15px;}
    .z-hr-title01{ font-size: 18px;}
    .z-hr-title-p1{ font-size: 14px; margin-bottom: 0px;}
    .z-hr-title-p1 span{ font-size: 12px;}
}

.zhr-img-animation{
    animation: zhranimation 2s;
    -webkit-animation: zhranimation 2s;
}
@keyframes zhranimation
{
    0%   {  transform: scale(0)rotate(0deg);
        -o-transform: scale(0)rotate(0deg);
        -webkit-transform: scale(0)rotate(0deg);
        -moz-transform: scale(0)rotate(0deg);
        -ms-transform: scale(0)rotate(0deg);
    }
    100% {
        transform: scale(1)rotate(360deg);
        -o-transform: scale(1)rotate(360deg);
        -webkit-transform: scale(1)rotate(360deg);
        -moz-transform: scale(1)rotate(360deg);
        -ms-transform: scale(1)rotate(360deg);
    }
}


/*鏅篐R绠�浠�*/
.z-hr-main-02{ padding: 80px 0; background-color: #e8edf3; border-bottom: 1px solid #cfd4d7;}
/*.z-hr-problem{ padding-top: 100px;}*/
/*.z-hr-problem-title{ font-size: 26px; color: #333333; margin-bottom: 30px;}*/
/*.z-hr-problem-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left center; padding-left: 25px; margin-bottom: 15px;  overflow: hidden;}*/
/*.z-hr-problem-ul li p{ text-align: justify; margin-bottom: 0px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/

/*@media (max-width: 1200px) {*/
    /*.z-hr-problem{ padding-top: 50px;}*/
/*}*/

.zhr-style-ul{ margin-bottom: 0px;}
.zhr-style-ul li{ margin-bottom: 30px; overflow: hidden;}
.zhr-style-ul li span{ width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 24px; color: #323232; border-radius: 50%; background-color: #cfd4d7; display: inline-block; float:left;}
.zhr-style-ul li p{ font-size: 16px; color: #323232; line-height: 30px; margin-bottom: 0px; padding-left: 120px; }
.zhr-style-img{ text-align: center;}
.zhr-style-img img{ display: inline-block;}

@media(min-width: 1200px) {
    .zhr-span01{ margin-top: 25px;}
    .zhr-span02{ margin-top: 10px;}
    .zhr-p1{ padding-top: 10px;}
}
@media(max-width: 991px) {
    .zhr-style-ul li p{font-size: 14px;}
}
@media(max-width: 767px) {
    .z-hr-main-02{ padding: 30px 0;}
    .zhr-style-ul li{ margin-bottom: 15px;}
    .zhr-style-ul li span{ width: 40px; height: 40px; font-size: 12px; line-height: 40px;}
    .zhr-style-ul li p{font-size: 12px; padding-left: 50px; line-height: 24px;}
}

/*鏅篐R鐗圭偣*/
/*.z-hr-Characteristic-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px; margin-bottom: 15px;  overflow: hidden;}*/
/*.z-hr-Characteristic-ul li span{ font-size: 16px; font-weight: bold;}*/
/*.z-hr-Characteristic-ul li p{ text-align: justify; margin-bottom: 0px; color: #999999;}*/

/*鏅篐R鏈嶅姟浼樺娍*/
.z-hr-main-04{ padding: 80px 0; background-color: #e8edf3;}
.z-hr-advantage-title{ font-size: 26px; color: #333333; text-align: center; margin-bottom: 0px;}
.z-hr-advantage-main{ margin-top: 25px;}
.z-hr-advantage-main01{ position: relative;}
.z-hr-advantage-bg{ display: inline-block; width: 14px; height: 388px; background: url("../images/zhr-service-bg.png") no-repeat center top; position: absolute; top: -17px; right: -7px;}
.z-hr-advantage-title01{ font-size: 18px; color: #55b651; text-align: right; line-height: 58px; margin-bottom: 30px;}
.z-hr-advantage-title01 span{ font-size: 18px; color: #55b651; text-align: right;}
.z-hr-advantage-title01 i{ width: 58px; height: 58px; font-size: 30px; background: url("../images/advantage-bg.png") no-repeat center; display: inline-block; text-align: center; color: #fff; line-height: 58px; font-family: "Franklin Gothic Demi Cond"; margin-left: 10px; font-weight: bold;}
.z-hr-advantage-ul{ padding-right: 65px;}
.z-hr-advantage-ul li{ background: url("../images/icon-circlegreen.png") no-repeat right 4px; padding-right: 25px;}
.z-hr-advantage-ul li p{ text-align: right; color: #999999; line-height: 22px;}
.z-hr-advantage-titlep1{ font-size: 16px; text-align: right; padding-right: 65px; margin-bottom: 25px;}
.z-hr-advantage-main02{ margin-top: 80px;}
.z-hr-advantage-title02{ text-align: left;}
.z-hr-advantage-title02 i{ margin-left: 0px; margin-right: 10px;}
.z-hr-advantage-ul-right{ padding-left: 65px; padding-right: 0px;}
.z-hr-advantage-ul-right li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px; padding-right: 0px;}
.z-hr-advantage-ul-right li p{ text-align: left;}
.z-hr-advantage-ul-right li span{ font-weight: bold; color: #666; margin-bottom: 15px; display: block;}
@media (max-width: 1200px) {
    .z-hr-advantage-main02{ margin-top: 58px;}
}
@media (max-width: 991px) {
    .z-hr-advantage-title03{ text-align: left;}
    .z-hr-advantage-title03 i{ margin-right: 10px; margin-left: 0px;}
    .z-hr-advantage-ul-left{ padding-left: 65px; padding-right: 0px;}
    .z-hr-advantage-ul-left li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px;}
    .z-hr-advantage-ul-left li p{ text-align: left;}
    .z-hr-advantage-ul-left li span{ font-weight: bold; color: #666; margin-bottom: 15px; display: block;}
    .z-hr-advantage-titlep2{ text-align: left; padding-left: 65px;}
    .z-hr-advantage-main02{ margin-top: 30px;}
    .z-hr-advantage-ul li{ padding-right: 0px;}
}
@media (max-width: 767px) {
    .z-hr-main-04{ padding: 30px 0;}
    .z-hr-advantage-title{ font-size: 18px;}
    .z-hr-advantage-title01 i{ height: 30px; width: 30px; background-size: 30px; font-size: 12px; line-height: 30px;}
    .z-hr-advantage-main{ margin-top: 5px;}
    .z-hr-advantage-title01{ margin-bottom: 0px;}
    .z-hr-advantage-ul-left{ padding-left: 17px;}
    .z-hr-advantage-title01 span{ font-size: 16px;}
    .z-hr-advantage-ul li p{ font-size: 12px; text-align: justify;}
    .z-hr-advantage-main02{ margin-top: 15px;}
    .z-hr-advantage-ul-right{ padding-left: 15px;}
    .z-hr-advantage-ul-right li span{ margin-bottom: 5px;}
    .z-hr-advantage-titlep2{ text-align: left; padding-left: 40px; padding-right: 0px; margin-bottom: 10px;}
}

/*鏅篐R鍔熻兘绠�杩�*/
.z-hr-main-05{ height: 700px;}
.z-hr-main-05 .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.z-hr-main-05 .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.z-hr-Sketch-title{ font-size: 26px; margin-bottom: 40px;}
z-hr-Sketch-ul{ margin-bottom: 0px;}
.z-hr-Sketch-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left center; padding-left: 25px; margin-bottom: 15px;  overflow: hidden;}
.z-hr-Sketch-ul li p{ text-align: justify; margin-bottom: 0px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media (max-width: 991px) {
    .z-hr-main-05{ height: 400px;}
}
@media (max-width: 767px) {
    .z-hr-main-05{ height: 900px;}
}
@media (max-width: 660px) {
    .z-hr-main-05{ height: 800px;}
}
@media (max-width: 530px) {
    .z-hr-main-05{ height: 700px;}
}
@media (max-width: 450px) {
    .z-hr-main-05{ height: 640px;}
}
@media (max-width: 400px) {
    .z-hr-main-05{ height: 580px;}
}
@media (max-width: 350px) {
    .z-hr-main-05{ height: 480px;}
}
@media (min-width: 992px) {
    .z-hr-lun-top01{ padding-top: 70px;}
    .z-hr-lun-top{ padding-top: 150px;}
}
@media (max-width: 767px) {
    .z-hr-Sketch-title{ font-size: 18px; margin-bottom: 20px;}
    .z-hr-Sketch-ul li p{ font-size: 12px;}
    .z-hr-Sketch-ul li{ margin-bottom: 10px;}
}
/*鏅篐R瀹㈡埛妗堜緥*/
.z-hr-main-06{ background-color: #ecf0f6;}
.z-hr-main-07{ padding: 80px 0;}
/*鏅篐R骞冲彴璁¤垂*/
.calculator-bg{ background: url(../images/z-hr-main-07-bg.png) repeat-x left center; height: 28px; line-height: 28px; margin-bottom: 50px;}
.calculator-title{ font-size: 24px; color: #333333; display: inline-block; background-color: #fff;}
.calculator-more-con{ text-align: right;}
.calculator-more{color: #3bb8eb; display: inline-block; cursor: pointer; background-color: #fff;}

.zhr-modal-title{ color: #3bb8eb;}
.zhr-form-group{ margin-bottom: 20px;}
.z-hr-input{ color: #999; border: 1px solid #dddddd; border-radius: 0px;}
.z-hr-label{ height: 34px; line-height: 34px; text-align: right; font-weight: normal;}
.zhr-btn{ padding:8px 56px; margin: 0 3px;}
.calculation-result-title{background: url(../images/z-hr-main-07-bg.png) repeat-x left center; height: 28px; line-height: 28px; margin: 30px 0 20px 0;}
.calculation-result-title span{ font-size: 16px; display: inline-block; background-color: #fff;}

.zhr-main-fuwu{ margin-top: 120px;}

/*select2鏍峰紡閲嶅啓*/
.nice-select {z-index:1000; width:100%; height:34px;border:1px solid #ddd; border-radius: 3px; position: relative; background:url(../images/index_un.jpg) no-repeat right center; cursor: pointer; float:left; padding:0 30px 0 10px; margin-right: 10px;}
.nice-select .input_in { display: block; width:100%; height:34px; line-height:34px; border:0; outline: 0; background: none; cursor: pointer; font-size:14px; color:#333;}
.nice-select ul {z-index:999; width: 100%; display: none; position: absolute; left: 0px; top:34px; overflow: hidden; background-color:#fff; _height:expression(this.scrollHeight > 150 ? "150px" : "auto"); overflow-y:auto; border: 1px solid #ddd; border-top: 0px;  z-index: 9999; padding:0; }
.nice-select ul li {z-index:999; line-height:22px; list-style:none; overflow: hidden; padding: 5px 10px; cursor: pointer; font-size:14px; color:#999999; transition:all 0.3s;  }
.nice-select ul li.on { background-color:#eeeeee; color:#333; }
.nice-select .user_group{ max-height: 100px; overflow-y: scroll;}


.z-hr-advantage-show{ display: inline-block; height: 34px; line-height: 34px; text-align: center; width: 320px; font-weight: bold; color: #ff6600; text-align: center; border: none; border-bottom: 1px solid #dddddd; background-color: #fff;}
.calculator-result{ display: none;}

@media (max-width: 1199px) {
    .zhr-btn{ padding:8px 39px; margin: 0 3px;}
    .z-hr-advantage-show{ width: 255px;}
}
@media (max-width: 991px) {
    .zhr-btn{ padding:8px 21px; margin: 0 3px;}
    .z-hr-advantage-show{ width: 180px;}
}

@media (max-width: 767px) {
    .calculator-bg{ background: none; text-align: center;}
    .calculator-more-con{ text-align: center;}
    .z-hr-label{ text-align: left;}
    .z-hr-advantage-show{ width: 480px;}
    .zhr-btn{ padding: 8px 35px;}
    .z-hr-input{ font-size: 12px;}
    .zhr-main-fuwu{ margin-top: 30px;}

}
@media (max-width: 550px) {
    .z-hr-advantage-show{ width: 380px;}
}
@media (max-width: 450px) {
    .z-hr-advantage-show{ width: 280px;}
}
@media (max-width: 350px) {
    .z-hr-advantage-show{ width: 233px;}
}
@media (max-width: 767px) {
    .z-hr-main-07{ padding: 30px 0;}
    .calculator-title{ font-size: 18px;}
    .zhr-form-group{ margin-bottom: 10px;}
    .z-hr-label{ margin-bottom: 0px; font-size: 12px;}
    .calculation-result-title{ margin-bottom: 10px; margin-top: 10px;}
    .calculator-bg{ margin-bottom: 30px;}
}
.z-hr-mar{ margin-top: 90px;}
/*--------------------------浼佷笟鏈嶅姟-鍔冲姟娲鹃仯--------------------------*/
/*浼佷笟鏈嶅姟-鍔冲姟娲鹃仯-浼佷笟涓轰粈涔堥渶瑕佸姵鍔℃淳閬�*/
.enterprise-labour-title{ font-size: 26px; color: #333333; margin-bottom: 30px;}
.enterprise-labour-ul01 li{ height: auto; margin-bottom: 10px; background: url("../images/en-icon-circlewhite.png") no-repeat left 5px; padding-left: 25px;}
.enterprise-labour-ul01 li p{ color: #999999;}
.enterprise-labour-why{ padding-top: 65px;}

/*浼佷笟鏈嶅姟-鍔冲姟娲鹃仯-鏅篐R鍔冲姟娲鹃仯鏈嶅姟*/
.enterprise-labour-main02{ padding: 20px 0 60px 0;}
.labour-service{ background-color: #f2f4f9; height: 220px; padding: 30px; margin-bottom: 20px;}
.labour-service h3{ font-size: 16px; color: #333333; font-weight: bold; margin-top: 0px; margin-bottom: 10px;}
.labour-service p{ color: #999999; font-size: 14px; line-height: 26px;}
.labour-service-title{ background-color: #cce9ca;}
.labour-service-title h3{ margin: 0px; font-size: 36px; color: #333333; text-align: center; line-height: 160px; font-weight: normal;}
.labour-service-title-phone{ height: 50px;background-color: #cce9ca; font-size: 26px; color: #333333; margin-bottom: 20px; padding: 0 30px;}
.labour-service-title-phone h3{ margin: 0px; line-height: 50px; font-size: 20px; }
@media (max-width: 1199px) {
    .enterprise-labour-why{ padding-top: 45px;}
    .enterprise-labour-ul03{ padding-left: 30px;}
    .labour-circular02{position: absolute; left: 30px; top: -10px;}
}
@media (max-width: 991px) {
    .enterprise-labour-why{ padding-top: 0px;}
}
@media (max-width: 767px) {
    .enterprise-labour-main02{ padding: 10px 0;}
    .label-ul{ height: auto; margin-bottom: 25px;}
    .enterprise-labour-title{ font-size: 18px; margin-bottom: 10px;}
    .enterprise-labour-ul01 li{ padding-left: 21px;}
    .labour-service-title-phone{ height: 44px; padding: 0 10px;}
    .labour-service-title-phone h3{ line-height: 44px; font-size: 18px;}
    .labour-service{ height: 160px; padding: 10px;}
    .labour-service h3{ font-weight: normal; font-size: 12px;}
    .labour-service p{ font-size: 12px; line-height: 24px;}
    .label-right-pad{ padding-right: 7px;}
    .label-left-pad{ padding-left: 7px;}
    .labour-service-title-phone{ margin-bottom: 15px;}

}

/*--------------------------浼佷笟鏈嶅姟-浜轰簨浜嬬墿浠ｇ悊--------------------------*/
/*浼佷笟鏈嶅姟-浜轰簨浜嬬墿浠ｇ悊-鏅篐R鍔冲姟娲鹃仯鏈嶅姟*/
.enterprise-personnel-left{ padding-left: 60px;}
.enterprise-personnel-ul01 li{ background: url("../images/icon-circlegreen.png") no-repeat left 2px; padding-left: 25px; margin-bottom: 25px;}
.enterprise-personnel-ul01 li h4{ font-size: 16px; color: #666666; font-weight: bold;}
.enterprise-personnel-ul01 li p{ color: #999999; line-height: 26px;}
.enterprise-personnel-img01{ margin-top: 30px;}
@media (max-width: 1200px) {
    .enterprise-personnel-left{ padding-left: 15px;}
    .enterprise-personnel-ul01 li{ margin-bottom: 15px;}
}
@media (max-width: 767px) {
    .enterprise-personnel-ul01 li h4{ font-size: 14px; font-weight: normal;}
    .enterprise-personnel-ul01 li p{ font-size: 12px; line-height: 22px; text-align: justify;}
    .enterprise-personnel-ul01 li{ padding-left: 20px;}
    .enterprise-personnel-img01{ margin-top: 0px; margin-bottom: 10px;}
}

/*浼佷笟鏈嶅姟-浜轰簨浜嬬墿浠ｇ悊-鏅篐R浜轰簨浜嬪姟浠ｇ悊鏈嶅姟*/
.enterprise-personnel-main02{ padding: 70px 0; background-color: #ecf0f6;}
.en-personnel-content02{ padding-top: 10px;}
.en-personnel-dl{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px; }
.en-personnel-dl dt{ font-size: 16px; color: #666666; font-weight: bold; margin-bottom: 15px;}
.en-personnel-dl dd span{ color: #999999; display: inline-block; margin-right: 30px; float: left;}

@media (max-width: 767px) {
    .enterprise-personnel-main02{ padding: 30px 0;}
    .en-personnel-dl{ padding-left: 20px; margin-bottom: 10px;}
    .en-personnel-dl dt{ font-size: 14px; font-weight: normal; margin-bottom: 5px;}
    .en-personnel-dl dd{ font-size: 12px;}
    .en-personnel-dl dd span{ margin-right: 15px;}
}

/*浼佷笟鏈嶅姟-浜轰簨浜嬬墿浠ｇ悊-绀句繚銆佸叕绉噾浠ｇ悊娴佺▼*/
.enterprise-personnel-main03{ padding: 70px 0;}
.enterprise-personnel-process01{ width: 781px; height: 180px; background: url("../images/en-personnel-bg01.png") no-repeat center; margin: 0 auto;}
.enterprise-personnel-process01 li{ width: 180px; height: 180px; float: left; margin-right: 120px;}
.enterprise-personnel-process01 li i{ width: 42px; height: 42px; background-color: #fff; border-radius: 50%; display: inline-block; margin-left: 70px; margin-top: 15px; text-align: center; line-height: 42px; color: #55b651; font-size: 30px; font-weight: bold; font-family: Arial;}
.enterprise-personnel-process01 li span{ font-size: 16px; color: #ffffff; font-weight: bold; display: inline-block; width: 100px; margin-left: 40px; line-height: 30px; text-align: center;}

.enterprise-personnel-process01 li .enterprise-personnel-i02{ color: #fcc800;}
.enterprise-personnel-process01 li .enterprise-personnel-i03{ color: #3bb8eb;}
.enterprise-personnel-process01 .enterprise-mar{ margin-right: 0px;}

.enterprise-personnel-process02{ margin-top: 60px;}
.en-personnel-title02{ font-size: 18px; color: #333333; float: left; padding-top: 28px;}

.en-personnel-ul02{ float: left;}
.enterprise-personnel-processin{ width: 986px; height: 150px; background: url("../images/en-personnel-bg02.png") no-repeat center top;}
.enterprise-personnel-processin li{ float: left; width: 200px; height: 50px; text-align: center; margin-top: 95px; margin-left: 92px;}
.enterprise-personnel-processin li span{ font-size: 16px; color: #666; font-weight: bold;}
.enterprise-personnel-processin li p{  color: #999999;}
.enterprise-personnel-processin .en-personnel-li01{ margin-left: 100px;}
.enterprise-personnel-processin .en-personnel-li02{ margin-left: 100px;}

.en-personnel-phone{ font-size: 14px; color: #ffffff; background-color: #55b651; height: 40px; line-height: 40px; padding: 0 10px; border-radius: 5px; margin-bottom: 10px;}
.en-personnel-phone span{ width: 28px; height: 28px; border-radius: 50%; background-color: #ffffff; color: #55b651; display: inline-block; text-align: center; line-height: 28px; margin-right: 10px;}
.en-personnel-orange{ background-color: #fcc800;}
.en-personnel-orange span{ color: #fcc800;}
.en-personnel-blue{ background-color: #3bb8eb;}
.en-personnel-blue span{ color: #3bb8eb;}
.en-personnel-phone-fk p{ font-size: 12px; color: #999999;}
.en-personnel-phone-title{ font-size: 14px;}
.en-personnel-phone-fk .en-personnel-phone-lable{ font-size: 14px; color: #666666; font-weight: bold; color: #55b651; margin-bottom: 2px;}


@media (max-width: 1200px) {
    .enterprise-personnel-processin{ width: 900px;}
    .enterprise-personnel-processin li{ margin-left: 48px;}
}
@media (max-width: 767px) {
    .enterprise-personnel-main03{ padding: 30px 0;}
}

/*--------------------------浼佷笟鏈嶅姟-澶栧寘--------------------------*/
/*浼佷笟鏈嶅姟-浼佷笟涓轰粈涔堥渶瑕佸鍖�*/
.en-outsource-h2{ font-size: 26px; color: #333333; text-align: center; margin: 0 0 60px 0;}
.en-outsource-main{ text-align: center;}
.en-outsource-main span{ width: 40px; height: 40px; background-color: #55b651; display: inline-block; text-align: center; line-height: 40px; font-size: 24px; color: #ffffff; border-radius: 50%;}
.en-outsource-main h4{ font-size: 16px; color: #323232;}
.en-outsource-main p{ font-size: 14px; color: #666666; line-height: 26px;}
    /*浼佷笟鏈嶅姟-鍙彁渚涚殑澶栧寘绫诲瀷*/
.enterprise-outsource-main02{ padding-bottom: 70px;}
.en-outsource-h3{ font-size: 26px; color: #333333; text-align: center; margin-bottom: 15px;}
.en-outsource-p1{ color: #999999; text-align: center; margin-bottom: 25px;}

.en-out-post{ width: 220px; height: 35px; margin: 0 auto;}
.en-out-postbtn{ width: 95px; height: 35px; background-color: #fff; border: 1px solid #d7dadf; border-radius: 20px; margin-right: 20px; color: #333333; transition: all 0.3s;}
.en-out-postmar{ margin-right: 0px;}
.en-out-current{ background-color:#55b651; border-color: #55b651; color: #fff;}

.en-out-content{ margin-top: 40px;}
.en-out-cricle{ width: 160px; height: 160px; border: 2px solid #55b651; border-radius: 50%; padding-top: 50px; margin: 0 auto; background-color: #ffffff;}
.en-out-cricle-tltle{ text-align: center; font-size: 16px; color: #666666; margin-bottom: 5px;}
.en-out-cricle-p{ font-size: 18px; color: #55b651; text-align: center;}
.en-out-cricle-text{text-align: center; margin-top: 20px;}
/*@media (max-width: 460px) {*/
    /*.en-out-cricle{ width: 120px; height: 120px; padding-top: 25px;}*/
    /*.en-out-cricle-tltle{ font-size: 14px;}*/
    /*.en-out-cricle-p{ font-size: 16px;}*/
    /*.en-out-cricle-text02{margin-bottom:15px;}*/
/*}*/
/*浼佷笟鏈嶅姟-閫備簬澶栧寘鐨勫矖浣�*/
.en-out-type-one , .en-out-type-two{ float: left;}
.en-outsource-center{ text-align: center;}
.en-outsource-p2{ border-bottom: 1px solid #cccccc; margin-top: 50px; margin-bottom: 20px;}
.en-outsource-p2 span{font-size: 18px; color: #333; display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #55b651;}
.en-out-post-01{ display: inline-block; height: 30px; line-height: 30px; padding: 0 16px; border: 1px solid #55b651; border-radius: 20px; margin-bottom: 15px;}
.en-out-post-02{ margin-bottom: 30px;}
.en-out-postbtn:focus{ border: none;outline:none;}

@media (min-width: 1200px) {
    .en-outsource-bg{ background: url("../images/en-outsource-main-bg.png") no-repeat center 20px;}
    .en-outsource-content-bg{ background: url("../images/en-out-type-content-bg.png") no-repeat center 80px;}
}

@media (max-width: 767px) {
    .en-out-cricle-text02{ height: 70px;}
    .en-outsource-h2{ font-size: 18px; margin: 0 0 15px 0;}
    .en-outsource-main span{ width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
    .en-outsource-main h4{ font-size: 14px;}
    .en-outsource-main p{ font-size: 11px; line-height: 22px;}
    .en-outsource-h3{ margin-top: 0px; font-size: 18px;}
    .en-outsource-p1{ font-size: 12px;}
    .en-out-cricle{ width: 100px; height: 100px; padding-top: 20px;}
    .en-out-cricle-tltle{ font-size: 12px;}
    .en-out-cricle-p{ font-size: 12px;}
    .en-out-cricle-text{ margin: 5px 0 15px 0;}
    .en-out-cricle-text p{ margin: 0px; font-size: 12px; line-height: 22px;}
    .en-outsource-p2{ margin-top: 20px;}
    .en-out-post-02{ font-size: 12px;}
    .en-out-content{ margin-top: 15px;}
    .en-outsource-p1{ margin-bottom: 15px;}
    .en-outsource-h3{ margin-bottom: 10px;}
    .enterprise-outsource-main02{ padding-bottom: 0px;}
}


/*--------------------------浼佷笟鏈嶅姟-鎷涜仒--------------------------*/
/*浼佷笟鏈嶅姟-涓轰粈涔堥�夋嫨鏅篐R鎷涜仒鏈嶅姟*/
.en-recruit{ width: 412px; height: 405px; margin:40px auto 0; background: url("../images/en-recruit-bg01.png") no-repeat center; position: relative;}
.en-recruit-h4{ font-size: 26px; color: #55b651; margin: 0px; position: absolute; left: 150px; top: 180px;}
.en-recruit p{ font-size: 14px; color: #666666; }
.en-recruit-p1{ position: absolute; left: -340px; top: 13px;}
.en-recruit-p2{ position: absolute; left: -190px; top: 130px;}
.en-recruit-p3{ position: absolute; left: -190px; top: 248px;}
.en-recruit-p4{ position: absolute; left: -235px; top: 370px;}
.en-recruit-p5{ position: absolute; right: -145px; top: 13px;}
.en-recruit-p6{ position: absolute; right: -360px; top: 192px;}
.en-recruit-p7{ position: absolute; right: -260px; top: 370px;}

.en-recruit-phone-h4{ font-size: 18px; margin: 0 0 15px 0; color: #55b651; text-align: center;}
.en-recruit-ul{ margin: 0px;}
.en-recruit-ul li{ background: url("../images/en-recruit-circle.png") no-repeat left 2px; padding-left: 22px;}
.en-recruit-ul li p{ font-size: 14px; color: #666666;}

/*浼佷笟鏈嶅姟-涓轰粈涔堥�夋嫨鏅篐R鐚庡ご鏈嶅姟*/
.en-recruit-h3{ font-size: 26px; color: #333333; text-align: center; margin-top: 0px;}
.en-recruit-title-p{ font-size: 16px; color: #848484; text-align: center; margin-bottom: 50px;}
.en-recruit-img{ text-align: center;}
.en-recruit-img img{ display: inline-block; border-radius: 50%; border: 4px solid #cdcdcd;}
.en-recruit-title{ font-size: 24px; color: #333333; text-align: center;}
.en-recruit-p{ font-size: 14px; color: #848484; text-align: justify; line-height: 28px; padding: 0 40px;}
.en-recruit-p a{ color: #59b856;}
@media (min-width:992px) {
    .en-recruit-img img{ width: 172px; height: 172px;}
}
@media (max-width: 1199px) {
    .en-recruit{ width: 292px; height: 285px; background-size: 292px 285px;}
    .en-recruit p{ width: 330px;}
    .en-recruit-p1{ position: absolute; left: -270px; top: 7px;}
    .en-recruit-p2{ position: absolute; left: -190px; top: 90px;}
    .en-recruit-p3{ position: absolute; left: -215px; top: 172px;}
    .en-recruit-p4{ position: absolute; left: -260px; top: 259px;}
    .en-recruit-p5{ position: absolute; right: -265px; top: 7px;}
    .en-recruit-p6{ position: absolute; right: -337px; top: 132px;}
    .en-recruit-p7{ position: absolute; right: -265px; top: 258px;}
    .en-recruit-h4{ font-size: 18px; position: absolute; left: 105px; top: 130px;}
}
@media (max-width: 767px) {
    .en-recruit-h3{ font-size: 18px;}
    .en-recruit-title-p{ font-size: 12px; margin-bottom: 20px;}
    .en-recruit-ul02 li{ padding-left: 22px;}
    .en-recruit-ul li p{ font-size: 12px;}
    .en-recruit-p{ padding: 0px;}
    .en-recruit-img img{ border:1px solid #cdcdcd; width: 120px; height: 120px;}
    .en-recruit-title{ font-size: 18px;margin-top: 10px;}
    .en-recruit-p{ margin-top: 5px; font-size: 12px; line-height: 22px; margin-bottom: 15px;}
}

/*--------------------------浼佷笟鏈嶅姟-鍜ㄨ--------------------------*/
/*浼佷笟鏈嶅姟-浠�涔堟槸EAP锛�*/
.en-consultation-main01{ padding: 80px 0;}
.en-consultation-p p{ color: #999999; line-height: 30px;}
.en-consultation-main02{ padding: 80px 0;}

/*浼佷笟鏈嶅姟-浠�涔堟槸EAP锛�-缁胯壊*/
.en-consultation-green{ background-color: #ecf0f6; border-radius: 10px; padding: 30px 0 30px 100px; height: 175px; position: relative; margin-bottom: 40px;}
.en-consultation-line-green{ border-right: 1px solid #a0d3a3;}
.en-consultation-line{ height: 120px;}

.en-consultation-ul li{ margin-bottom: 20px; background: url("../images/icon-circlegreen.png") no-repeat left 5px; padding-left: 25px;}
.en-consultation-pad{ padding-left: 70px;}

.en-consultation-circlegreen{ width: 175px; height: 175px; background-color: #fff; border: 2px solid #55b651; border-radius: 50%; position: absolute; left: -80px; top: 0px; padding: 7px;}
.en-consultation-circlegreen-in{ border: 2px solid #cce9cb;border-radius: 50%; background-color: #fff; width: 157px; height: 157px; padding-top: 35px;}
.en-consultation-title01{ font-size: 30px; color: #55b651; text-align: center; margin-bottom: 0px;}
.en-consultation-p01{ font-size: 18px; text-align: center;}

@media (max-width: 767px) {
    .en-consultation-main01{ padding: 30px 0;}
    .en-consultation-p p{ font-size: 12px; line-height: 22px;}
}
/*浼佷笟鏈嶅姟-浠�涔堟槸EAP锛�-钃濊壊*/
.en-consultation-blue{ padding: 30px 100px 30px 0px; }
.en-consultation-line-blue{ border-right: 1px solid #93d4f0;}
.en-consultation-blue-ul li{ background: url("../images/icon-circleblue.png") no-repeat left 5px;}
.en-consultation-circleblue{ border: 2px solid #3fb9eb; position: absolute; right: -80px; top: 0px; left: auto;}
.en-consultation-circleblue-in{ border: 2px solid #c7eaf9;}
.en-consultation-title02{ color: #3bb8eb;}

/*浼佷笟鏈嶅姟-浠�涔堟槸EAP锛�-姗欒壊*/
.en-consultation-orange{ margin-bottom: 0px;}
.en-consultation-line-orange{ border-right: 1px solid #f4dc7b;}
.en-consultation-orange-ul li{ background: url("../images/icon-circleorange.png") no-repeat left 5px;}
.en-consultation-circleorange{ border: 2px solid #fcc800;}
.en-consultation-circleorange-in{ border: 2px solid #feeeb2;}
.en-consultation-title03{ color: #fcc800;}

@media (max-width: 1330px) {
    .en-consultation-circlegreen{ position: absolute; left: -60px; top: 0px;}
    .en-consultation-circleblue{ position: absolute; right: -60px; top: 0px; left: auto;}
}
@media (min-width: 1200px) and (max-width: 1400px){
    .en-consultation-green{ margin-left: 40px;}
    .en-consultation-blue{ margin-right: 35px;}
}
@media (min-width: 992px) and (max-width: 1100px){
    .en-consultation-green{ margin-left: 38px;}
    .en-consultation-blue{ margin-right: 38px;}
}
@media (max-width: 1200px) {
    .en-consultation-pad{ padding-left: 30px;}
}
@media (max-width: 991px) {
    .en-consultation-green{ height: auto;}
    .en-consultation-green{ padding: 30px 0; margin-bottom: 20px;}
    .en-consultation-orange{ margin-bottom: 0px;}
    .en-consultation-circlegreen-phone{ height: 45px; border-bottom: 2px solid #cce9cb; font-size: 18px; margin-bottom: 20px; line-height: 45px;}
    .en-consultation-circlegreen-phone span{ display: inline-block; height: 43px; border-bottom: 2px solid #55b651; font-size: 30px; color: #55b651; margin-right: 10px; }

    .en-consultation-circleblue-phone{ border-bottom: 2px solid #c7eaf9;}
    .en-consultation-circleblue-phone span{ border-bottom: 2px solid #3bb8eb;  color: #3bb8eb;}

    .en-consultation-circleorange-phone{ border-bottom: 2px solid #feeeb2;}
    .en-consultation-circleorange-phone span{ border-bottom: 2px solid #fcc800;  color: #fcc800;}

}
@media (max-width: 767px) {
    .en-consultation-line-green{ border: none;}
    .en-consultation-line-blue{ border: none;}
    .en-consultation-line-orange{ border: none;}
    .en-consultation-main02{ padding: 30px 0;}
    .en-consultation-circlegreen-phone span{ font-size: 20px;}
    .en-consultation-circlegreen-phone{ font-size: 14px;}
    .en-consultation-green{ padding: 15px 0;}
    .en-consultation-pad{ padding-left: 15px;}
    .en-consultation-ul li{ font-size: 12px; margin-bottom: 10px; background-size: 10px 10px; padding-left: 20px; background-position: left 3px;}
    .en-consultation-line{ height: 80px;}

}

/*--------------------------浼佷笟鏈嶅姟-鍩硅--------------------------*/
/*浼佷笟鏈嶅姟-鍩硅-鍐呰璇剧▼*/
.enterprise-train-main01{ padding: 55px 0;}
.en-train-title01{ font-size: 26px; color: #333; margin-bottom: 30px;}
.en-train-img{ overflow: hidden; margin-bottom: 30px; position: relative; cursor: pointer;}

.en-train-tit{ background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000); font-size: 16px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 10px;}

.en-train-p{ width: 100%; height: 100%; background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000); position: absolute; bottom: 0px; left: 0px; display: none;}
.en-train-tit-in{ font-size: 24px; color: #fff; text-align: center; margin-top: 20px;}
.en-train-p-in{ color: #fff; padding: 0 20px; text-align: justify;}

@media (min-width: 992px) {
    .en-train-img img{ transition:all 1s;}
    .en-train-img:hover img{
        -webkit-transform:scale(1.2,1.2);
        -moz-transform:scale(1.2,1.2);
        -transform:scale(1.2,1.2);
    }
}

@media (max-width: 1200px) {
    .en-train-tit-in{ margin-top: 5px; margin-bottom: 5px;}
    .en-train-p-in{padding: 0 10px;}
}

@media (max-width: 991px){
    .en-train-img{ margin-bottom: 10px;}
    .en-train-img a img{ width: 100%; height: auto;}
    .en-train-tit-phone{ background: rgba(0,0,0,0.5); font-size: 16px; font-weight: bold; color: #ffffff; position: absolute; left: 0px; bottom: 0px; display: block; width: 100%; height: 40px; line-height: 40px; padding-left: 10px;}
    .en-train-p-inphone01{ color: #999; line-height: 24px;}
    .en-train-p-inphone02{ color: #999; line-height: 24px; display: none;}
    .en-train-show,.en-train-hide{ color: #00aaee;}
    .en-train-p-phone{ margin-bottom: 20px;}
}
/*浼佷笟鏈嶅姟-鍩硅-澶栬鍩硅*/
.enterprise-train-main02{ padding-bottom: 70px;}
.en-train-title02{ height: 40px; background: url("../images/z-hr-title01-bg.jpg") repeat-x left center; margin-bottom: 30px;}
.en-train-title02 span{ height: 40px; line-height: 40px; font-size: 26px; color: #333333; display: inline-block; padding: 0 10px; background-color: #fff;}
.en-train-postbtn{ width: auto; padding: 0 20px; float: right; margin-left: 20px; margin-right: 0px;}
.en-train-pad-left{ padding-left: 0px;}
@media (max-width: 767px){
    .en-train-pad-left{ padding-left: 15px;}
    .en-train-title02{ background: none;}
    .en-train-title02 span{ font-size: 18px; margin-bottom: 10px;}
    .en-train-postbtn{ width: auto; padding: 0 20px; float: left;font-size: 12px;}
    .en-train-btn{ width: 210px; margin: 0 auto;}
    .en-train-type-one{ margin-top: 20px;}
    .enterprise-train-main01{ padding: 30px 0 0 0;}
    .en-train-title01{ font-size: 18px; margin-bottom: 15px;}
    .en-train-tit-phone{ font-size: 14px;}
    .en-train-p-inphone01{ font-size: 12px;}
    .en-train-p-inphone02{ font-size: 12px;}
    .en-out-postbtn{ height: 28px;}
    .enterprise-train-main02{ padding-bottom: 10px;}
}
/*--------------------------浼佷笟鏈嶅姟-娉曞姟--------------------------*/
/*浼佷笟鏈嶅姟-娉曞姟-涓轰粈涔堥渶瑕佹硶鍔℃湇鍔�*/
@media (max-width: 1200px) and (min-width:992px ){
    .en-justice-pad{ padding-top:30px;}
}
@media (max-width: 767px){
    .en-justice-pad{ padding-top:30px;}
}
/*浼佷笟鏈嶅姟-娉曞姟-娉曞姟鏈嶅姟浠嬬粛-pc绔�*/
.en-justice-title01{ font-size: 26px; color: #333333; text-align: center; margin-bottom: 70px;}
.en-justice-ul li{ width: 11%; height: 240px; position: relative; cursor: pointer; float: left;}
.en-justice-ul li:before{content: ''; width: 120px; height: 120px; background: url("../images/img-esforensic03.png") no-repeat; position: absolute; left: 60px; top: 60px;}
.en-justice-div{ width: 126px; height: 126px;background: url("../images/img-esforensic02.png") no-repeat center; padding: 2px; position: relative;}
.en-justice-div span{ width: 100%; height: 100%; display: block;text-align: center; font-weight: bold; padding-top: 35px; padding-left: 10px; padding-right: 10px;}
.en-justice-p{ width: 540px; padding: 30px; border-radius: 10px; position: absolute; left: 140px; top: 0px; box-shadow: 3px 3px 3px #ccc; background-color: #fff; display: none; z-index: 2;}
.en-justice-p:before{  content: '';  width: 15px;  height: 26px;  position: absolute;  left: -15px;  top: 30px;  background: url("../images/img-seforensic02.png") no-repeat;
}
.en-justice-p p{ background: url("../images/icon-circlegreen.png") no-repeat left 3px; padding-left: 25px; color: #999999;}
.en-justice-ul li:hover .en-justice-p{ display: block;}
.en-justice-ul .en-ju-li:before{
    content: ''; width: 120px; height: 120px; background: url("../images/img-esforensic03b.png") no-repeat; position: absolute; left: 60px; top: 40px;
}
.en-justice-ul .en-ju-li>.en-justice-div{ margin-top: 120px;}
.en-justice-ul .en-ju-li>.en-justice-p{ position: absolute; left: 140px; top: 120px; z-index: 2; }
.en-justice-ul .en-ju-li-left>.en-justice-p{ position: absolute; left: auto; right: 140px; top: 120px; z-index: 2; }
.en-justice-ul .en-ju-li-left>.en-justice-p:before{
    content: '';  width: 15px;  height: 26px;  position: absolute; left: auto;  right: -15px;  top: 30px;  background: url("../images/img-seforensic02b.png") no-repeat;
}
.en-justice-ul .en-ju-li-left-top>.en-justice-p{position: absolute; left: auto; right: 140px; top: 0px; z-index: 2; }
.en-justice-ul .en-ju-li-last:before{ background: none;}
@media (max-width: 1200px){
    .en-justice-p{ width: 400px; padding: 20px;}
    .en-justice-ul .en-ju-li-left>.en-justice-p{ position: absolute; left: auto; right: 120px; top: 120px; z-index: 2; }
    .en-justice-ul .en-ju-li-left-top>.en-justice-p{position: absolute; left: auto; right: 120px; top: 0px; z-index: 2; }
}
/*浼佷笟鏈嶅姟-娉曞姟-娉曞姟鏈嶅姟浠嬬粛-骞虫澘鎵嬫満绔�*/
.en-justice-ul-phone li{ background-color: #fff; border: 2px solid #59b856; margin-bottom: 20px;}
.en-justice-ul-phone li a{ font-weight: bold; display: block; text-align: center; padding: 10px;}
.en-justice-ul-phone li a:hover,.en-justice-ul-phone li a:active,.en-justice-ul-phone li a:focus{ background-color: #f8f8f8; color:#59b856; }
.en-justice-div-phone{ padding: 10px; display: none;}
.en-justice-div-phone p{  background: url("../images/icon-circlegreen.png") no-repeat left 3px; padding-left: 25px; color: #999999;}

@media (max-width: 767px){
    .en-justice-title01{ font-size: 18px; margin-bottom: 20px;}
    .en-justice-ul-phone li{border: 1px solid #59b856; margin-bottom: 15px;}
    .en-justice-ul-phone li a{ font-weight: normal;}
    .en-justice-div-phone p{ font-size: 12px; text-align: justify; background-size: 12px 12px; padding-left: 20px;}
}

/*浼佷笟鏈嶅姟-娉曞姟-鍏蜂綋鏀惰垂鏂瑰紡璇疯嚧鐢�*/
.en-justice-main02{ padding: 50px 0;}
.en-justice-phone{ height: 50px; border: 1px solid #59b856; line-height: 50px; border-radius: 10px; font-size: 24px; color: #59b856; text-align: center;}

@media (max-width: 470px){
    .en-justice-phone{ font-size: 18px;}
}
@media (max-width: 370px){
    .en-justice-phone{ font-size: 16px;}
}

/*--------------------------浼佷笟鏈嶅姟-鍛樺伐绂忓埄--------------------------*/
/*浼佷笟鏈嶅姟-鍛樺伐绂忓埄-澶ф爣棰�*/
@media (max-width: 480px){
    .en-welfare-title01{ font-size: 22px;}
}
@media (max-width: 412px){
    .en-welfare-title01{ font-size: 18px;}
}
/*浼佷笟鏈嶅姟-鍛樺伐绂忓埄-浼佷笟涓轰粈涔堣涓哄憳宸ヨ喘涔板晢涓氫繚闄�*/
.en-welfare-main01{ padding: 70px 0;}
.en-welfare-title02{ display: block; height: 45px; background-color: #55b651; font-size: 18px; color:#ffffff; line-height: 45px; text-align: center; }
.en-welfare-p{ padding: 20px 0; text-align: center; border: 2px solid #e6e6e6; border-top: none; transition: all 0.3s;  margin-bottom: 30px;}
.en-welfare-p p{ color: #999; text-align: center;}
.en-welfare-p p i{ font-style: normal; color: #ff6600;}
.en-welfare-p p span{ font-size: 24px; color: #ff6600;}
.en-welfare-p button{ color: #55b651; height: 28px; border: 1px solid #55b651; padding: 0 20px; border-radius: 20px; background-color: #fff;}
.en-welfare-p:hover{ background-color: #67c663; border-color: #67c663;}
.en-welfare-p:hover p{ color: #fff;}
.en-welfare-p:hover p i,.en-welfare-p:hover p span{ color: #fff;}
.en-welfare-p:hover button{ background-color: #67c663; border-color: #fff; color: #fff;}

.en-welfare-title03{ background-color: #3bb8eb;}
.en-welfare-p-blue button{ color: #3bb8eb; border-color: #3bb8eb;}
.en-welfare-p-blue:hover{ background-color: #4bc6f8; border-color: #4bc6f8;}
.en-welfare-p-blue:hover button{ background-color: #4bc6f8;}

.en-welfare-ul li{ background: url("../images/en-recruit-circle.png") no-repeat left 2px; padding-left: 25px; margin-bottom: 20px;}
.en-welfare-ul li p{ color: #999999; font-size: 14px; margin: 0px;}
.en-welfare-lc-main{ margin-top: 20px;}
.en-welfare-lc{ font-size: 16px; color: #333333; overflow: hidden;}
.en-welfare-lc span{ font-size: 18px; color: #999999; display: inline-block; margin-right: 5px;}

@media (max-width: 767px){
    .en-welfare-main01{ padding: 30px 0;}
    .en-welfare-ul li{ margin-bottom: 10px;}
    .en-welfare-ul li p{ font-size: 12px;}
    .en-welfare-lc{ font-size: 12px; }
    .en-welfare-lc span{ font-size: 14px;}

}
/*浼佷笟鏈嶅姟-鍛樺伐绂忓埄-浼佷笟涓轰粈涔堣涓哄憳宸ヨ喘涔板晢涓氫繚闄�-妯℃�佹*/
.en-welfare-table{ max-height: 410px; overflow-y: scroll;}
.m-table{ width: 100%; border-top: 2px solid #55b651; border-bottom: 2px solid #55b651; border-collapse: collapse;}
.m-table td{ height: 50px; font-size: 12px; text-align: center; border: 1px solid #ccdce4; min-width: 30px;}

.en-welfare-price span{ color: #000; font-weight: bold; display: inline-block; margin: 20px 20px 0 20px;}
@media (min-width: 768px)and(max-width: 991px){
    .modal-lg{ width: 700px;}
}

@media (min-width: 1200px){
    .modal-lg{ width: 1100px;}
}

@media (min-width: 768px){
    .m-table td{ min-width: 30px;}
}
@media (min-width: 992px){
    .m-table td{ min-width: 60px;}
}
@media (max-width: 767px){
    .en-welfare-table{ max-height: 325px;}
    .en-welfare-table p{ font-size: 12px; text-align: justify;}
}
/*浼佷笟鏈嶅姟-鍛樺伐绂忓埄-鍏ヨ亴浣撴涓庡勾搴︿綋妫�*/
.en-welfare-main02{ padding: 80px 0; background-color: #ecf0f6;}
.en-welfare-btn02{ height: 98px; background-color: #fff; width: 100%; font-size: 18px; color: #55b651; border: 1px solid #55b651; text-align: center; line-height: 98px; transition: all 0.3s;}
.en-welfare-btn02-blue{ color: #3bb8eb; border-color: #3bb8eb;}
.en-welfare-btn02:hover{ color: #fff; background-color: #55b651;}
.en-welfare-btn02-blue:hover{  background-color: #3bb8eb;}
@media (max-width: 767px){
    .en-welfare-btn02{ height: 50px; line-height: 50px;}
    .en-welfare-btn02-mar{ margin-bottom: 30px;}
}

/*浼佷笟鏈嶅姟-鍛樺伐绂忓埄-鍛樺伐鑺傛棩鎱伴棶*/
.en-welfare-main03{ padding: 80px 0;}
.en-welfare-img01{ overflow: hidden; border-radius: 10px; margin-bottom: 20px;}
.en-welfare-img01 img{ border-radius: 10px;}
@media (min-width: 992px) {
    .en-welfare-img01 img{ transition: all 1s;}
    .en-welfare-img01 img:hover{
        -webkit-transform:scale(1.2,1.2);
        -moz-transform:scale(1.2,1.2);
        -transform:scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
    }
}

@media (max-width: 767px){
    .en-welfare-main02{ padding: 30px 0;}
    .en-welfare-main03{ padding: 30px 0;}
}
/*--------------------------涓汉鏈嶅姟-娉曞姟鍜ㄨ--------------------------*/
/*涓汉鏈嶅姟-娉曞姟鍜ㄨ-鍥㈤槦浠嬬粛*/
.per-justice-title{ font-size: 26px; color: #333; margin-bottom: 30px;}
.phone-second-nav .per-li{ width: 16.6%;}
.per-justice p{ color: #999; line-height: 24px;}
@media (min-width: 1200px) {
    .per-justice-pad{ padding-top: 60px;}
}
@media (min-width: 767px) and (max-width: 991px) {
    .per-justice-title{margin-bottom: 10px;}
}
@media (max-width: 767px) {
    .per-justice-title{ margin-top: 0px; font-size: 18px; margin-bottom: 10px;}
    .per-justice p{ font-size: 12px; text-align: justify;}
}

/*涓汉鏈嶅姟-娉曞姟鍜ㄨ-鍚堜綔寰嬪笀浜嬪姟鎵�*/
.per-justice-main02{ padding-top: 90px;}
.per-justice-con{ padding: 40px; background-color: #f8f8f8; box-shadow: 0 3px 2px #cccccc;}
.per-justice-con h2{ font-size: 20px; color: #333333; margin-top: 0px;}
.per-justice-con p{ font-size: 16px; color: #999999; line-height: 28px; text-align: justify; margin-bottom: 0px;}

@media (max-width: 991px) {
    .per-justice-tit01{ padding-top: 0px;}
}
@media (max-width: 767px) {
    .per-justice-main02{ padding-top: 30px;}
    .per-justice-con{ padding: 20px;}
    .per-justice-con h2{ font-size: 14px;}
    .per-justice-con p{ font-size: 12px;line-height: 22px;}

}

/*涓汉鏈嶅姟-娉曞姟鍜ㄨ-鏅篐R娉曞姟鍜ㄨ鏈嶅姟鍐呭涓昏鏈�*/
.per-justice-main03{background-color: #e8edf3;}
.per-justice-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px;   overflow: hidden; margin-bottom: 20px;}
.per-justice-ul li p{ text-align: justify; margin-bottom: 0px;}
.per-justice-phone{ text-align: center;}
.per-justice-phone span{ border: 1px solid #59b856; padding: 15px 70px; border-radius: 40px; font-size: 24px; color: #59b856; display: inline-block;}
@media (max-width: 767px) {
    .per-justice-phone span{ padding: 15px; font-size: 20px; }
    .per-justice-ul li{ margin-bottom: 10px; background-size: 10px 10px; padding-left: 20px;}
    .per-justice-ul li p{ font-size: 12px; line-height: 22px;}
    .per-justice-phone span{ font-size: 14px; padding: 10px;}
}

/*--------------------------涓汉鏈嶅姟-鑱屼笟璧勬牸璁よ瘉--------------------------*/
/*涓汉鏈嶅姟-鑱屼笟璧勬牸璁よ瘉-鏍囬涓�*/
.per-authen-main01{ padding: 70px 0;}
.per-auth-title01{ font-size: 26px; color: #333333; margin-bottom: 30px;}
.per-auth-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px;   overflow: hidden; margin-bottom: 20px;}
.per-auth-ul li p{ text-align: justify; margin-bottom: 0px; color: #999;}

@media (max-width: 991px) {
    .per-auth-title01{ margin-top: 0px;}
}
@media (max-width: 767px) {
    .per-authen-main01{ padding: 30px 0;}
    .per-auth-title01{ font-size: 18px; margin-bottom: 10px;}
    .per-auth-ul li{ background-size: 10px 10px; padding-left: 20px; margin-bottom: 10px;}
    .per-auth-ul li p{ font-size: 12px; line-height: 22px;}
}

/*涓汉鏈嶅姟-鏈嶅姟鑼冨洿*/

.en-recruit-p p{ font-size: 14px; color: #848484; line-height: 28px; text-align: justify; margin-bottom: 0px; text-indent: 2em;}
.en-recruit-p p a{ color: #59b856;}
@media (max-width: 991px){
    .per-auth-p{ margin-bottom: 20px;}
}
@media (max-width: 991px)and(min-width: 767px) {
    .per-auth-ul02{margin-top: 0px;}
}

@media (max-width: 767px) {
    .per-auth-title02{ background: none;}
    .en-recruit-p p{ font-size: 12px; line-height: 22px;}
}

/*--------------------------涓汉鏈嶅姟-鍔炵悊鍏ユ埛--------------------------*/
/*涓汉鏈嶅姟-涓轰粈涔堣鍏ユ埛骞垮窞*/
.per-register-main01{ padding: 70px 0 200px 0;}
.register-main01{ width: 820px; height: 491px; background: url("../images/per-register-bg01.png") no-repeat center; margin: 0 auto; position: relative;}
.register-title01{ font-size: 30px; position: absolute; left: 290px; top: 220px; color: #4db77d;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(77, 183, 125, 1)), to(rgba(0, 186, 191, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.register-w-p{ font-size: 16px; color: #55b651; font-weight: bold; display: inline-block; width: 68px; text-align: center;}
.register-w-p01{ position: absolute; left: 145px; top: 35px;}
.register-w-p02{ position: absolute; right: 140px; top: 35px;}
.register-w-p03{ position: absolute; left: 17px; top: 160px;}
.register-w-p04{ position: absolute; right: 17px; top: 160px;}

.register-w-blur{ color: #43b7ba;}
.register-w-p05{ position: absolute; left: 17px; top: 285px;}
.register-w-p06{ position: absolute; right: 17px; top: 285px;}
.register-w-p07{ position: absolute; left: 145px; top: 410px;}
.register-w-p08{ position: absolute; right: 140px; top: 410px;}

@media (max-width: 991px) {
    .per-register-main01{ padding-bottom: 70px; }
}


.register-title02{  font-size: 30px;color: #4db77d; margin-bottom: 20px; text-align: center;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(77, 183, 125, 1)), to(rgba(0, 186, 191, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.register-phone-pcon{ text-align: center;}
.register-phone-p{ width: 102px; height: 102px; display: inline-block; font-size: 16px; color: #55b651; font-weight: bold;background: url("../images/per-register-phone-bg01.png") no-repeat center; padding: 30px 16px 0 16px; text-align: center; margin-bottom: 20px;}


/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-鍏ユ埛鏂规硶*/
.per-register-main02{ background-color: #ecf0f6; padding-top: 195px; padding-bottom: 40px;}
.per-method-main02{ background-color: #fff; border-radius: 10px; height: 335px;}
.per-method-con{ width: 870px; margin: 0 auto; position: relative;}
.per-method-bg02{ width: 870px; height: 762px; background: url("../images/per-register-bg02.png") no-repeat center top; position: absolute; top: -321px; left: 0px;}

.register-title03{  font-size: 30px; position: absolute; left: 370px; top: 100px; color: #4db77d;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(77, 183, 125, 1)), to(rgba(0, 186, 191, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.per-method-btn01{ width: 125px; height: 50px; background-color: #55b651; border-radius: 10px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 50px; border: none; transition: all 0.3s; position: absolute; left: 370px; top: 260px;}
.per-method-btn01:hover{ background-color: #63c55f;}
.per-method-p{ width: 428px;}
.per-method-p span{ font-weight: bold; color: #ff6600;}
.per-method-p1{ position: absolute; top: 369px; right: -15px;}
.per-method-p2{ position: absolute; top: 402px; left: -7px;}
.per-method-p3{ position: absolute; top: 458px; right: -15px;}
.per-method-p4{ position: absolute; top: 492px; left: -13px; text-align: right;}
.per-method-p5{ position: absolute; top: 527px; right: -15px;}
.per-method-p6{ position: absolute; top: 562px; left: -13px; text-align: right;}
.per-method-p7{ position: absolute; top: 597px; right: -15px;}

@media (max-width: 991px) {
    .per-register-main02{  padding-top: 40px; }
}

.register-title04{ font-size: 30px;color: #4db77d; text-align: center; margin-bottom: 20px;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(77, 183, 125, 1)), to(rgba(0, 186, 191, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.per-method-phone-btn01{ text-align: center;}
.per-method-btn02{ width: 125px; height: 50px; background-color: #55b651; border-radius: 10px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 50px; border: none; transition: all 0.3s; margin-bottom: 20px;}

.per-method-phone-ul{ background-color: #fff; padding: 20px; border-radius: 10px; margin-bottom: 0px;}
.per-method-phone-ul li{ margin-bottom: 15px;}
.per-method-phone-ul li i{ width: 25px; height: 25px; border-radius: 50%; border: 2px solid #55b651; text-align: center; line-height: 23px; color: #55b651; display: inline-block; font-style: normal; margin-right: 10px;}

@media (max-width: 991px) {
    .per-method-p{ width: auto; }
}
.per-method-btn03{ width: 125px; height: 50px; background-color: #3cb8e8; border-radius: 10px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 50px; border: none; transition: all 0.3s; position: absolute; left: 370px; top: 702px;}
.per-method-btn04{ width: 125px; height: 50px; background-color: #3cb8e8; border-radius: 10px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 50px; border: none; transition: all 0.3s; margin: 20px 0;}


/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-鎶�鑳藉叆鎴�*/
.per-skill-mian{ background-color: #fff; border-radius: 10px; padding: 45px; margin-top: 105px;}
.per-skill-content{ width: 949px; margin: 0 auto; background: url("../images/per-register-bg03.png") no-repeat center top;}
@media (max-width: 1200px) {
    .per-skill-mian{ padding: 30px 0;}
}
.per-skill-ul{ margin-bottom: 0px; height: 305px;}
.per-skill-ul li{ float: left; width: 160px; margin-left: 133px;}
.per-skill-ul li span{ font-size: 16px; color: #3cb8e8; display: block; font-weight: bold; width: 96px; text-align: center; margin: 40px 0 0 35px; height: 45px;}
.per-skill-ul li p{ text-align: center;padding-top: 40px; line-height: 24px; margin-bottom: 0px;}
.per-skill-ul li .per-skill-span01{ padding-top: 5px;}
.per-skill-ul li .per-skill-span02{ margin-left: 30px;}


.per-skill-position span{ display: inline-block; color: #3cb8e8; margin-left: 56px;}
.per-skill-position span:nth-child(2){ margin-left: 40px;}
.per-skill-position span:nth-child(3){ margin-left: 37px;}
.per-skill-position span:nth-child(4){ margin-left: 40px;}
.per-skill-position span:nth-child(5){ margin-left: 37px;}
.per-skill-position span:nth-child(6){ margin-left: 42px;}
.per-skill-position span:nth-child(7){ margin-left: 33px;}
.per-skill-position span:nth-child(8){ margin-left: 20px;}

@media (max-width: 1200px) {
    .per-skill-position span:nth-child(8){ margin-left: 8px;}
}

.per-skill-btn{ width: 400px; margin-top: 20px; margin-bottom: 0px;}

.per-skill-phone{ background-color: #fff; padding: 20px; border-radius: 10px;}
.per-skill-phone-title01{ border-bottom: 1px solid #3cb8e8; height: 40px; line-height: 40px; margin-bottom: 10px;}
.per-skill-phone-title01 span{font-size: 16px; color: #3cb8e8; display: block; font-weight: bold; background: url("../images/icon-circleblue.png") no-repeat left center; padding-left: 25px;}
.per-skill-phone p{ text-align: center; line-height: 24px;}

@media (max-width: 767px) {
    .per-skill-phone p{ text-align: left; padding-left: 25px;}
    .per-skill-btn{ width: 200px;}

}
.per-skill-position-p{ border-top: 1px solid #3cb8e8; padding-top: 10px;}
.per-skill-position-p span{ color: #3cb8e8; display: inline-block; margin: 0 14px;}

/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-绉垎鍏ユ埛*/
.per-integral-main01{ background-color: #fff; padding: 20px; border-radius: 10px; margin-top: 100px; height: 475px;}
.per-integral-in{ width: 500px; margin: 0 auto; position: relative;}
.per-integral-con{ width: 500px; height: 616px; background: url("../images/per-register-bg04.png") no-repeat center top; position: absolute; left: 0px; top: -120px;}
.per-integral-btn{ height: 50px; line-height: 50px; background-color: #55b651; font-size: 16px; color: #fff; font-weight: bold; border: none; padding: 0 30px; border-radius: 10px; position: absolute; left: 187px; top: 35px;}

.per-integral-p1{ position:absolute; left: 270px; top: 143px; }
.per-integral-p2{ position:absolute; right: 270px; top: 180px; }
.per-integral-p3{ position:absolute; left: 270px; top: 215px; }
.per-integral-p4{ position:absolute; right: 270px; top: 250px; }
.per-integral-p5{ position:absolute; left: 270px; top: 285px; }
.per-integral-p6{ position:absolute; right: 270px; top: 319px; }
.per-integral-p7{ position:absolute; left: 270px; top: 354px; }

.per-integral-btn01{ font-size: 16px; color: #55b651; font-weight: bold; height: 50px; line-height: 50px; width: 300px; background-color: #fff; border: 1px solid #55b651; border-radius: 10px; position: absolute; left: 102px; top: 410px;}
.per-integral-btn01:hover,.per-integral-btn01:focus{ background-color: #f8f8f8; border: 1px solid #55b651;}

.per-integral-btn02{ font-size: 16px; color: #fff; font-weight: bold; height: 50px; line-height: 50px; width: 400px; background-color: #55b651; border-radius: 10px; position: absolute; left: 55px; top: 480px; border: none;}

.per-integral-phone-btn{height: 50px; line-height: 50px; background-color: #55b651; font-size: 16px; color: #fff; font-weight: bold; border: none; padding: 0 30px; border-radius: 10px; margin: 20px 0;}
.per-integral-phone-btn01{font-size: 16px; color: #55b651; font-weight: bold; height: 50px; line-height: 50px; width: 300px; background-color: #fff; border: 1px solid #55b651; border-radius: 10px;}
.per-integral-phone-btn02{ font-size: 16px; color: #fff; font-weight: bold; height: 50px; line-height: 50px;  padding:0 30px; background-color: #55b651; border-radius: 10px; border: none;}


.per-integral-phone-btn01:hover,.per-integral-phone-btn01:focus{ border: 1px solid #55b651;}

.per-method-phone-btn02{ margin-bottom: 0px;}
@media (max-width: 400px) {
    .per-integral-phone-btn01{ width: 245px;}
}

/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-澶у鐢熸帴鏀�*/
.per-college-main01{ height: 355px; background-color: #fff; border-radius: 10px; margin-top: 100px;}
.per-college-in{ width: 710px; margin: 0 auto; position: relative;}
.per-college-con{ width: 710px; height: 366px; background: url("../images/per-register-bg05.png") no-repeat center top; position: absolute; left: 0px; top: -10px;}
.per-college-btn{ height: 50px; line-height: 50px; background-color: #3cb8e8; font-size: 16px; color: #fff; font-weight: bold; border: none; padding: 0 30px; border-radius: 10px; position: absolute; left: 284px; top: -49px;  }
.per-college-p1{ position: absolute; left:376px; top: 63px; }
.per-college-p2{ position: absolute; right:376px; top: 100px; }
.per-college-p3{ position: absolute; left:374px; top: 140px; }

.per-college-btn01{font-size: 16px; color: #3cb8e8; font-weight: bold; height: 50px; line-height: 50px; width: 300px; background-color: #fff; border: 1px solid #3cb8e8; border-radius: 10px; position: absolute; left: 207px; top: 200px;}
.per-college-btn02{font-size: 16px; color: #fff; font-weight: bold; height: 50px; line-height: 50px; width: 400px; background-color: #3cb8e8; border-radius: 10px; position: absolute; left: 155px; top: 270px; border: none; text-align: center; transition: all 0.3s;}

.per-college-btn02:hover,.per-college-btn02:focus{background-color: #48bdea; color: #fff;}
.per-college-phone-btn04{font-size: 14px; color: #ffffff; height: 40px; line-height: 40px; width: 100px; background-color: #3cb8e8; border-radius: 5px; text-align: center; display: inline-block;}
.per-college-phone-btn04:hover,.per-college-phone-btn04:focus{ color: #ffffff;}

.per-college-phone-btn01{ height: 50px; line-height: 50px; background-color: #3cb8e8; font-size: 16px; color: #fff; font-weight: bold; border: none; padding: 0 30px; border-radius: 10px; margin: 20px 0;}

.per-college-phone-ul li i{ border-color: #3cb8e8; color: #3cb8e8;}
.per-college-phone-btn02{font-size: 16px; color: #3cb8e8; font-weight: bold; height: 50px; line-height: 50px; padding: 0 10px; background-color: #fff; border: 1px solid #3cb8e8; border-radius: 10px;}
.per-college-btn01:hover,.per-college-btn01:focus{ border: 1px solid #3cb8e8;}

.per-college-phone-btn03{ background-color: #3cb8e8; height: 50px; line-height: 50px; color: #fff; text-align: center; display: inline-block; border-radius: 10px; font-size: 16px; font-weight: bold; padding: 0 10px;}
.per-college-phone-btn03:hover,.per-college-phone-btn03:focus{ color: #fff;}
@media (max-width: 394px) {
    .per-college-phone-btn02{ font-size: 16px;padding: 0 ;}
}
@media (max-width: 375px) {
    .per-college-phone-btn02{ font-size: 14px; padding: 0 ;}
}

/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-鍏ユ埛娴佺▼*/
.per-register-main03{ background-color: #ffffff; padding-top: 80px;}
.per-register-process-main{ width: 868px; height: 503px; background: url("../images/per-register-bg06.png") no-repeat center; margin: 0 auto; position: relative;}
.per-progress-title{ width: 115px; height: 74px; font-size: 18px; color: #333333; text-align: center; position: absolute; left: 373px; top: 95px;}
.per-progress-title span{ font-size: 26px; display: block; line-height: 24px;}
.per-progress-con{ position:absolute; left: 0px; top: 317px;}
.per-progress-con span{ color: #333333; display: inline-block; margin-right: 42px;}

.per-progress-con span:nth-child(3){ margin-right: 28px;}
.per-progress-con span:nth-child(4){ margin-right: 22px;}
.per-progress-con span:nth-child(5){ margin-right: 40px;}
.per-progress-con span:nth-child(6){ margin-right: 40px;}
.per-progress-con span:nth-child(7){ margin-right: 40px;}
.per-progress-con span:nth-child(8){ margin-right: 34px;}
.per-progress-con span:nth-child(9){ margin-right: 0px;}

.per-progress-guang{ display: inline-block; width: 70px; height: 70px; font-size: 26px; color: #fff; position: absolute; left: 408px; top: 400px;}

.per-progress-phone-title{ font-size: 18px; color: #333; margin-bottom: 20px; border-bottom: 1px solid #55b652; color: #55b652;}
.per-progress-phone-title span{ font-size: 26px; display: inline-block; margin-left: 10px; color: #333;}

.per-progress-p1 i{ font-style: normal; width: 25px; height: 25px; border: 2px solid #55b652; color: #55b652; line-height: 23px; display: inline-block; border-radius: 50%; text-align: center; margin-right: 10px;}
.per-progress-phone-guang{ margin-top: 20px;}
.per-progress-phone-guang button{ background-color: #55b652; border-color: #55b652;}
.per-progress-phone-guang button:hover{background-color: #64c261; border-color: #64c261;}

/*涓汉鏈嶅姟-鍔炵悊鍏ユ埛-骞垮窞甯傜Н鍒嗗埗鍏ユ埛鎸囨爣鍙婂垎鍊艰〃妯℃�佹*/
.per-modal-title{ font-size: 24px; color: #000;}
.per-r-table{ width: 100%; border: 1px solid #000; border-collapse: collapse;}
.per-r-table td{ height: 50px; text-align: center; border: 1px solid #000;}
.per-r-table thead td{ font-weight: bold;}

.en-welfare-price span{ color: #000; font-weight: bold; display: inline-block; margin: 20px 20px 0 20px;}

@media (min-width: 1200px){
    .modal-lg{ width: 1100px;}
}
@media (min-width: 768px){
    .per-r-table td{ min-width: 30px;}
}
@media (min-width: 992px){
    .per-r-table td{ min-width: 60px;}
}

@media (max-width: 767px){
    .per-register-main01{ padding: 30px 0;}
    .per-register-main02{ padding-top: 30px;}
    .register-title04{ font-size: 18px; margin-bottom: 10px;}
    .per-method-btn02,.per-method-btn04,.per-integral-phone-btn,.per-integral-phone-btn02,.per-college-phone-btn01,.per-college-phone-btn03{ height: 30px; line-height: 30px; font-size: 14px; font-weight: normal; border-radius: 5px;}
    .per-method-phone-ul li{ margin-bottom: 10px;}
    .per-method-phone-ul li i,.per-progress-p1 i{ height: 20px; width: 20px; line-height: 18px; border: 1px solid #55b651; }
    .per-method-p{ font-size: 12px; line-height: 22px;}
    .per-method-btn04{ margin: 15px 0;}
    .per-skill-phone-title01{ height: 30px; line-height: 30px;}
    .per-skill-phone-title01 span{ font-size: 14px; background-size: 10px 10px; padding-left: 20px;}
    .per-skill-phone p{ font-size: 12px; line-height: 22px; padding-left: 20px;}
    .per-skill-position-p span{ font-size: 12px;}
    .per-integral-phone-btn01,.per-college-phone-btn02{ font-size: 12px; height: 30px; line-height: 30px; font-weight: normal; width: 100%;}
    .per-register-main03{ padding-top: 30px;}
    .per-progress-phone-title{ font-size: 14px;}
    .per-progress-phone-title span{ font-size: 18px;}
    .per-progress-p1{ font-size: 12px;}
    .per-progress-phone-guang{ margin-top: 10px;}
    .per-college-phone-btn04{ height: 30px; line-height: 30px; margin-top: 15px;}
}

/*--------------------------涓汉鏈嶅姟-鍋ュ悍绠＄悊--------------------------*/
/*涓汉鏈嶅姟-涓汉涓轰粈涔堥渶瑕佸仴搴风鐞�*/
.per-health-main01{ padding: 80px 0; border-bottom: 1px solid #ecf0f6;}
.per-health-img{ margin-top: 0px;}
.per-healthy-ul li{ background: url("../images/icon-circlegreen.png") no-repeat left 4px; padding-left: 25px;   overflow: hidden; margin-bottom: 20px;}
.per-healthy-ul li span{ font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;}
.per-healthy-ul li p{ text-align: justify; margin-bottom: 0px; color: #999;}

.per-health-main02{ padding: 80px 0;}
.health-p01{ position: absolute; left: 145px; top: 43px;}
.health-p02{ position: absolute; right: 140px; top: 43px;}
.health-p03{ position: absolute; left: 17px; top: 166px;}
.health-p04{ position: absolute; right: 17px; top: 166px;}
.health-p05{ position: absolute; left: 17px; top: 292px;}
.health-p06{ position: absolute; right: 17px; top: 292px;}
.health-p07{ position: absolute; left: 145px; top: 420px;}
.health-p08{ position: absolute; right: 145px; top: 420px;}

.health-phone-p{ padding-top: 40px;}

@media (max-width: 767px){
    .per-health-main01{ padding: 30px 0;}
    .per-healthy-ul li{ background-size: 10px 10px; padding-left: 20px; margin-bottom: 10px;}
    .per-healthy-ul li span{ font-size: 12px; margin-bottom: 5px;}
    .per-healthy-ul li p{ font-size: 12px; line-height: 22px;}
    .per-health-main02{ padding: 30px 0; margin-bottom: 10px;}
    .register-title02{ font-size: 18px;}
    .register-phone-p{ font-size: 14px; background-size:90px 90px; margin-bottom: 5px;}
}

/*涓汉鏈嶅姟-鍋ュ悍濂楅*/
.per-health-main03{ padding-bottom: 50px;}
.per-health-title{ font-size: 26px; color: #333; margin-bottom: 20px;}

.per-health-con{ padding: 30px; text-align: center; border: 1px solid #dadada;margin-bottom: 30px;}
.health-title{ font-size: 24px; color: #333333; margin-bottom:0px;}
.health-p{ margin-bottom: 15px;}
.health-money{ color: #999999; margin-bottom: 5px;}
.health-money i{ color: #ff6600; font-style: normal;}
.health-money span{ font-size: 30px; color: #ff6600;}
.health-btn{ height: 40px; line-height: 38px; border: 1px solid #55b651; border-radius: 20px; padding:0 30px; color: #55b651; font-weight: bold; text-align: center; background-color: #fff; transition: all 0.3s;}
.health-btn:hover,.health-btn:focus{ background-color: #f8f8f8; border: 1px solid #55b651; }

.per-health-price span{ margin-left: 0px;}
.per-health-modal-p{ color: #ff6600;}
.per-health-con{ height: 184px;}
.health-p-bottom{ margin-bottom: 65px;}


@media (min-width: 768px) {
    .modal-sm{ width: 450px;}
    .per-health-modal-p{ font-size: 20px; color: #ff6600;}

}
@media (max-width: 767px){
    .per-health-title{ font-size: 18px;}
    .en-welfare-title02{ font-size: 16px; height: 40px; line-height: 40px;}
    .health-p{ margin-bottom: 5px; font-size: 12px;}
    .health-money{ font-size: 12px;}
    .health-money span{ font-size: 18px;}
    .per-health-con{ height: 120px; padding: 15px;}
    .health-btn{ height: 30px; line-height: 30px; font-weight: normal; font-size: 12px;}
    .health-p-bottom{ margin-bottom: 35px;}
    .per-health-main03{ padding-bottom: 10px;}

}
/*--------------------------涓汉鏈嶅姟-鎵惧伐浣�--------------------------*/
/*涓汉鏈嶅姟-鎵惧伐浣�-鍙彁渚涚殑宀椾綅*/
.per-word-main01{ background-color: #ecf0f6; padding-top: 70px;}
.per-word-title{ text-align: center;}
.per-word-title span{ font-size: 26px; color: #333333; display: block; margin-bottom: 10px;}
.per-word-title p{ color: #999; margin-bottom: 30px;}

.per-word-btn-con{ text-align: center; margin-bottom: 30px;}
.per-word-btn{ height: 38px; line-height: 38px; color: #333333; padding: 0 30px; border-radius: 20px; background-color: #fff; color: #333; border: 1px solid #d6d9de; margin: 0 10px;}
.per-word-btn-green{background-color: #55b651;border: 1px solid #55b651; color: #fff;}
.per-word-btn-blue{background-color: #3bb8eb;border: 1px solid #3bb8eb; color: #fff;}

.per-word-content01{ width: 927px; height: 463px; margin: 0 auto; background: url("../images/per-word-bg02.png") no-repeat center top; position: relative;}
.per-word-content01 span:nth-child(1){ position: absolute; left: 108px; top: 118px; font-size: 18px; color: #fff;}
.per-word-content01 span:nth-child(2){ position: absolute; left: 320px; top: 170px; font-size: 14px; color: #fff;}
.per-word-content01 span:nth-child(3){ position: absolute; left: 155px; top: 335px; font-size: 18px; color: #fff;}
.per-word-content01 span:nth-child(4){ position: absolute; left: 306px; top: 328px; font-size: 14px; color: #fff;}
.per-word-content01 span:nth-child(5){ position: absolute; left: 438px; top: 410px; font-size: 24px; color: #fff;}
.per-word-content01 span:nth-child(6){ position: absolute; right: 269px; top: 30px; font-size: 14px; color: #fff;}
.per-word-content01 span:nth-child(7){ position: absolute; right: 343px; top: 150px; font-size: 24px; color: #fff;}
.per-word-content01 span:nth-child(8){ position: absolute; right: 43px; top: 225px; font-size: 18px; color: #fff;}
.per-word-content01 span:nth-child(9){ position: absolute; right: 317px; top: 319px; font-size: 14px; color: #fff;}
.per-word-content01 span:nth-child(10){ position: absolute; right: 137px; top: 367px; font-size: 18px; color: #fff;}

.per-word-content02{ width: 927px; height: 463px; margin: 0 auto; background: url("../images/per-word-bg01.png") no-repeat center top; position: relative;}
.per-word-content02 span:nth-child(1){ position: absolute; left: 108px; top: 118px; font-size: 18px; color: #fff;}
.per-word-content02 span:nth-child(2){ position: absolute; left: 314px; top: 170px; font-size: 14px; color: #fff;}
.per-word-content02 span:nth-child(3){ position: absolute; left: 155px; top: 335px; font-size: 18px; color: #fff;}
.per-word-content02 span:nth-child(4){ position: absolute; left: 300px; top: 328px; font-size: 14px; color: #fff;}
.per-word-content02 span:nth-child(5){ position: absolute; left: 438px; top: 410px; font-size: 24px; color: #fff;}
.per-word-content02 span:nth-child(6){ position: absolute; right: 260px; top: 30px; font-size: 14px; color: #fff;}
.per-word-content02 span:nth-child(7){ position: absolute; right: 343px; top: 150px; font-size: 24px; color: #fff;}
.per-word-content02 span:nth-child(8){ position: absolute; right: 35px; top: 225px; font-size: 18px; color: #fff;}
.per-word-content02 span:nth-child(9){ position: absolute; right: 311px; top: 319px; font-size: 14px; color: #fff;}
.per-word-content02 span:nth-child(10){ position: absolute; right: 137px; top: 367px; font-size: 18px; color: #fff;}

@media (max-width: 991px) {
    .per-word-main01{ padding-bottom: 70px;}
}

.per-word-title01{ font-size: 24px; color: #55b651; border-bottom: 1px solid #55b651; height: 40px; line-height: 40px; margin-bottom: 20px;}
.per-word-phone-span01 span{ color: #55b651; display: inline-block; margin-bottom: 10px;}
.per-word-title02{ font-size: 24px; color: #3bb8eb; border-bottom: 1px solid #3bb8eb; height: 40px; line-height: 40px; margin-bottom: 20px;}
.per-word-phone-span02 span{ color: #3bb8eb; display: inline-block; margin-bottom: 10px;}

/*涓汉鏈嶅姟-鎵惧伐浣�-鎴戣鎵惧伐浣�*/
.per-word-main02{ padding: 70px 0;}
.per-Job-hunting{ font-size: 26px; color: #333333; text-align: center; margin-bottom: 10px;}
.per-Job-hunting-p{ color: #999999; margin-bottom: 20px; text-align: center;}

.per-justice-input{ width: 500px; margin: 0 auto;}
.per-justice-input-name{ text-align: right; height: 34px; line-height: 34px;}
.per-justice-input-name span{ color: #e60012; display: inline-block;}
.justice-input{ margin-bottom: 20px;}
.form-control[readonly]{ background-color: #fff;}
.input-lile{ position: absolute; left: 0px; top: 0px; z-index: 2; width: 55px; height: 34px; opacity: 0; cursor: pointer;}


@media (max-width: 767px) {
    .per-justice-input-name{ padding: 0px;}
    .per-word-main01{ padding: 30px 0;}
    .per-word-title span{ font-size: 18px;}
    .per-word-title p{ font-size: 12px; margin-bottom: 15px;}
    .per-word-btn{ height: 30px; line-height: 30px; font-size: 12px;}
    .per-word-btn-con{ margin-bottom: 15px;}
    .per-word-title01,.per-word-title02{ font-size: 18px; margin-bottom: 10px;}
    .per-word-phone-span01 span{ font-size: 12px;}
    .per-word-main02{ padding: 30px 0;}
    .per-Job-hunting{ font-size: 18px;}
    .per-Job-hunting-p{ font-size: 12px;}
    .per-justice-input{ width: 270px;}

}

@media (max-width: 545px) {
    .IIInsomnia-city-picker{ width: auto; left: 10px !important;}
    .IIInsomnia-city-picker .line{ display: none;}
    .IIInsomnia-city-picker .IIInsomnia-city-wrap{ width: 254px;}
}

/*--------------------------涓汉鏈嶅姟-浠ｇ悊鏈嶅姟--------------------------*/
/*涓汉鏈嶅姟-浠ｇ悊鏈嶅姟-涓轰粈涔堜釜浜鸿缂寸ぞ淇�*/
.per-agent-main01{ padding: 70px 0;}
.per-agent-title01{ font-size: 26px; color: #333333; margin-bottom: 30px;}
.per-agent-main02{ background-color: #ecf0f6; padding: 60px 0;}

.per-agent-content01{ width: 1160px; height: 690px; margin: 0 auto; background: url("../images/per-agent-bg01.png") no-repeat center;}
.per-agent-title02{ font-size: 26px; color: #55b651; text-align: center; margin-bottom: 15px;}

.per-agent-personal{ margin-bottom: 20px; width: 330px; height: 121px;}
.per-agent-personal01{ background: url("../images/per-agent-bg05.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal02{ background: url("../images/per-agent-bg02.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal03{ background: url("../images/per-agent-bg06.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal04{ background: url("../images/per-agent-bg03.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal05{ background: url("../images/per-agent-bg07.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal06{ background: url("../images/per-agent-bg04.png") no-repeat center; background-size: 100% 100%;}
.agent-personal-p{ height: 120px; padding: 15px 10px 0 120px;}
.agent-personal-p span{ display: block; font-size: 20px; color: #55b651; margin-bottom: 5px;}

.agent-personal-p2{height: 120px; padding: 15px 120px 0 10px;}
.agent-personal-p2 span{ display: block; font-size: 20px; color: #55b651; margin-bottom: 5px; text-align: right;}

.per-agent-personal-phone{ width: 345px; height: 120px; margin: 0 auto; margin-bottom: 20px;}
.per-agent-personal-phone01{ background: url("../images/per-agent-bg05.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal-phone02{ background: url("../images/per-agent-bg02.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal-phone03{ background: url("../images/per-agent-bg06.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal-phone04{ background: url("../images/per-agent-bg03.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal-phone05{ background: url("../images/per-agent-bg07.png") no-repeat center; background-size: 100% 100%;}
.per-agent-personal-phone06{ background: url("../images/per-agent-bg04.png") no-repeat center; background-size: 100% 100%;}

@media (min-width: 992px) {
    .per-agent-personal{ width: 409px; height: 150px;}
    .agent-personal-p{ padding: 30px 20px 0 150px;}
    .agent-personal-p2{ padding: 20px 150px 0 20px;}
}

@media (min-width: 1200px) {
    .per-agent-main02{padding: 205px 0;}
    .per-agent-nxrxymsb{ width: 380px; height: 438px; background: url("../images/per-agent-bg01.png") no-repeat center; margin: 0 auto; position: relative;}
    .per-agent-personal-title{ position: absolute; left: 100px; top: 180px;}
    .per-agent-personal{ width: 409px; height: 150px;}
    .agent-personal-p{ padding: 30px 20px 0 150px;}
    .agent-personal-p2{ padding: 20px 150px 0 20px;}
    .per-agent-personal01{ position: absolute; left: 124px; top: -128px;}
    .per-agent-personal03{position: absolute; left: 359px; top: 83px;}
    .per-agent-personal05{position: absolute; left: 357px; top: 280px;}
    .per-agent-personal06{position: absolute; right: 125px; top: 413px;}
    .per-agent-personal04{position: absolute; right: 359px; top: 202px;}
    .per-agent-personal02{position: absolute; right: 359px; top: 10px;}

}


@media (max-width:767px ) {
    .agent-personal-p{ padding: 10px 10px 0 100px;}
    .agent-personal-p2{padding: 10px 100px 0 10px}
}

/*涓汉鏈嶅姟-浠ｇ悊鏈嶅姟-涓轰粈涔堥�夋嫨鏅篐R*/
.per-agent-main03{ padding: 70px 0;}
.per-agent-title03{ background-color: #55b651; border-color: #4eb04a; color: #fff; margin-bottom: 40px;}
.per-agent-title03:hover{ background-color: #55b651; border-color: #4eb04a; color: #fff;}
.per-agent-title03:active:hover{ background-color: #55b651; border-color: #4eb04a; color: #fff;}

.per-agent-why{ background: url("../images/per-agent-whybg.jpg") repeat-x left 90px;}
.per-agent-why01{ text-align: center; position: relative;}
.per-agent-span{ width: 180px; height: 180px; border-radius: 50%; border: 2px solid #55b651; font-size: 24px; color: #55b651; text-align: center; line-height: 180px; display: inline-block; margin-bottom: 20px; background-color: #fff; position: relative; z-index: 2;}
.per-agent-why01 p{ text-align: left; line-height: 26px;}
.per-agent-bg{ width: 120px; height: 5px; background-color: #fff; position: absolute; left: 0px; top: 87px; z-index: 1;}
.per-agent-bg02{ width: 120px; height: 5px; background-color: #fff; position: absolute; right: 0px; top: 87px; z-index: 1;}
@media (max-width:767px ) {
    .per-agent-span{ margin-bottom: 10px;}
    .per-agent-why01 p{ margin-bottom: 20px;}
}
@media (max-width:767px ) {
    .per-agent-why{ background:none;}
}
/*涓汉鏈嶅姟-浠ｇ悊鏈嶅姟-绀句繚銆佸叕绉噾浠ｇ悊娴佺▼*/
.per-agent-main04{ background-color: #ecf0f6; padding: 70px 0;}
.per-agent-process-h3{ font-size: 26px; color: #333; margin-bottom: 30px;}
.per-agent-process{ margin-bottom: 30px;}
.per-agent-process-image{ margin-bottom: 10px;}
.per-agent-process01{ width: 150px; text-align: center; float: left; margin-left: 207px;}
.per-agent-process01 span{ font-size: 16px; font-weight: bold;}
.per-agent-process02{ margin-left: 135px;}
.per-agent-process03{ margin-left: 140px;}
@media (max-width:1199px ) {
    .per-agent-process01{ margin-left: 158px;}
    .per-agent-process02{ margin-left: 85px;}
    .per-agent-process03{ margin-left: 93px;}
}

.per-agent-process-phone{ text-align: center;}
.per-agent-process-p1 button{ width: 145px; height: 55px; line-height: 55px; text-align: center; background: url("../images/per-agent-process01.png") no-repeat center; font-size: 18px; font-weight: bold; border: none; color: #fff;}
.per-agent-process-p2{ margin-top: 10px; margin-bottom: 20px;}
.per-agent-process-p2 span{font-size: 16px; font-weight: bold;}
.per-agent-process-p3 button{  background: url("../images/per-agent-process05.png") no-repeat center;}

@media (max-width:991px ) {
    .per-agent-process-h3{ text-align: center;}
}
@media (max-width:370px ) {
    .per-agent-process-phone{ padding-left: 0px;}
}

/*涓汉鏈嶅姟-浠ｇ悊鏈嶅姟-0鍏冪即绀句繚*/
.per-agent-main05{ padding: 70px 0; border-bottom: 1px solid #edf0ef;}
.per-agent-table-title01{ font-size: 26px; color: #55b651; text-align: center;}
.per-agent-table-title02{ text-align: center; margin-bottom: 30px;}

@media (min-width:1200px ) {
    .per-agent-table-title03{ padding-left: 130px;}
}

.per-agent-main06{ padding: 50px 0;}
.per-agent-table-h3{ font-size: 26px; text-align: center; margin-bottom: 30px;}

.w-table{ width: 100%;}
.w-table th,.w-table td
{
    border: 1px solid #ccdce4;
}
.w-table th,.w-table td{
    position: relative;
    height:50px;
    text-align : center;
    font-size: 12px;
}
.w-table td .w-tip{
    display: none;
    width: 460px;
    position: absolute;
    top:100%;
    z-index: 1;
    border: 1px solid #959595;
    background: #fff;
    text-align: left;
    padding: 10px;
}
.w-table td .w-tip.l{
    left: 0;
}
.w-table td .w-tip.r{
    right: 0;
}
.w-table .td0{
    min-width: 80px;
    padding: 0 10px;
    font-size: 16px;
}
.w-table .w-td157{
    width: 157px;
}
.w-table input[type=text],.w-table input[type=number]{
    width: 50px;
    padding: 10px 5px;
    border: 1px solid #99CCFF;
}
.w-table .t-desc p{
    text-align: left;
    line-height: 24px;
}
.w-table .t-desc .w-ti1{
    color: #666;
}
.w-table .t-desc .w-ti2{
}
.w-table .f-c9{
    color: #999;
}
.w-table .f-bfa{
    position: relative;
    font-weight: bold;
}
.w-table .f-bfa:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fafafa;
}
.w-table .t-desc .w-tl{
    text-indent: 3em;
}
.w-table .t-desc td{
    padding: 10px;
    height:72px;
}
.w-table .f-tal{
    padding-left: 10px;
    padding-right: 10px;
}


#Js_socialsecurity label{
    display: inline-block;
}
#Js_socialsecurity .w-input{
    display: inline-block;
}
#Js_socialsecurity .w-input input{
    width: 100px;
}
#Js_socialsecurity .w-input select{
    width: 150px;
    padding: 9px 3%;
}
#Js_socialsecurity .w-item{
    display: inline-block;
}
#Js_socialsecurity .g-input .w-item{
    position: relative;
    margin-right: 20px;
    padding: 12px 0;
}
#Js_socialsecurity .g-input .w-tipa{
    width: 100%;
    height: 15px;
    position: absolute;
    padding: 3px 0;
    text-align: right;
    width: 100%;
    color: #999;
}
#Js_socialsecurity .g-input .w-tipa span{  display: none;}
#Js_socialsecurity .g-input .w-tipa span.show{  display: block;}
#Js_socialsecurity .w-item .red{
    color: #e60012;
}
.m-boxps .city-box{
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 9999;
    background: #fff;
    border: 2px solid #c9cbce;
    width: 434px;
    padding: 15px 15px 5px;
}
.m-boxps .f-db{
    display: block;
}
.m-boxps .city-box .btn-close{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.m-boxps .city-box ul{
    margin-top: 15px;
}
.m-boxps .city-box li{
    width: 90px;
    float: left;
    position: relative;
    margin: 0 5px 10px;
    background: #fafafa;
    font-size: 14px;
    cursor: pointer;
    color: #999;
    text-align: center;
}
.m-boxps .city-box .provence{
    font-size: 14px;
}
.m-boxps .city-box .provence span,
.m-boxps .city-box #js_provCityslist li,
.m-boxps .city-box .prov-city li{
    display: block;
    padding: 5px 0;
    color: #666;
}
.m-boxps #js_provList ul{
    position: absolute;
    top: 33px;
    left: -15px;
    z-index: 99999;
    width: 410px;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 0;
    padding-top: 10px;
    margin: 0;
}
.dialogbox-prompt input,select {
    color: rgb(60,60,60);
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 3%;
    width: 93%;
    border: solid 1px rgb(210,210,210);
}
.btn-green{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 13px 30px;
    color: #fff;
    background: #55b651;
}
.btn-green:hover,.btn-green:focus{ color: #ffffff;}
.m-list3 .w-item,.m-list4 .w-item{
    width: 32%;
    float: left;
    position: relative;
}

@media (max-width:991px ) {
    .w-table .per-agent-td{ text-align: left;}
    .btn-green-phone:hover{color: #fff;}
    .btn-green-phone:active:hover:focus{color: #fff;}
    #Js_socialsecurity .g-input .w-item{ margin-right: 0px;}
    #Js_socialsecurity .w-input select{ width: 70px;}
}

@media (max-width:767px ) {
    .w-table .per-agent-td{ text-align: center;}
    .btn-green-phone{ width: 100%; margin: 20px 0; text-align: center; color: #fff;}
    #Js_socialsecurity .w-input select{width: 205px;}
    #Js_socialsecurity .w-input input{ width: 205px;}
}

@media (max-width:590px ) {
    #Js_socialsecurity .w-input select{width: 208px;}
    #Js_socialsecurity .w-input input{ width: 208px;}
}

/*涓汉鏈嶅姟-浠ｇ悊鏈嶅姟-绀句繚鏌ヨ鍏ュ彛*/
.per-agent-main07{ padding: 70px 0; background-color: #ecf0f6;}

.m-boxpsecurity .g-bd5 .w-ti1{
    margin-right: 10px;
    font-size: 26px;
    line-height: 45px;
    vertical-align: top;
}
.f-pr{ position: relative;}
.m-boxpsecurity .g-bd5 .w-input{
    position: relative;
    z-index: 2;
    border: 1px solid #55b651;
}

.g-loginpanel .w-panela input[type=text],
.g-loginpanel .w-panela input[type=password],
.g-loginpanel .w-panela select,
.m-boxpsecurity .g-bd5 input{
    width: 340px;
    padding: 12px 0;
    text-indent: 10px;
    border: 1px solid #ddd;
    background: transparent;
}
.icon-select-down{
    width: 16px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icon-select-down.png") no-repeat;
    background-position: 0px 0;
}
.m-boxpsecurity .g-bd5 .icon-select-down{
    position: absolute;
    right: 10px;
    top: 17px;
}
.m-boxpsecurity .g-bd5 .btn-green{
    margin-left: -5px;
    padding: 13px 30px 12px 30px;
}
.m-boxpsecurity .g-bd5 .f-cb1{ padding: 10px 0;}
.m-boxpsecurity .g-bd5 .f-cb1 a{ padding: 0 5px;}

@media (max-width:515px ) {
    .g-loginpanel .w-panela input[type=text],
    .g-loginpanel .w-panela input[type=password],
    .g-loginpanel .w-panela select,
    .m-boxpsecurity .g-bd5 input{
        width: 200px;
    }
}
@media (max-width:373px ) {
    .g-loginpanel .w-panela input[type=text],
    .g-loginpanel .w-panela input[type=password],
    .g-loginpanel .w-panela select,
    .m-boxpsecurity .g-bd5 input{
        width: 150px;
    }
}
@media (max-width:580px ) {
    .m-boxps .city-box{ width: 340px;}
}

@media (max-width:435px ) {
    .m-boxps .city-box{ width: 265px;}
}
.dn{ display: none;}

.per-agent-main08{ padding: 70px 0;}
.shebao{ height: 140px; padding: 10px; border-radius: 10px; position: relative;}
.shebao-p{ width: 60px; font-size: 30px; position: absolute; right: 10px; bottom: 10px; color: #fff;}
.shebao-green{ background-color: #5cb85c;}
.shebao-blue{ background-color: #5bc0de;}
.shebao-orange{ background-color: #f0ad4e;}
.shebao-orange .shebao-p{ width: 90px;}
.shebao-gules{ background-color: #d9534f;}
.shebao-gules .shebao-p{ width: 90px;}
.f-fs5{ font-size: 24px; color: #333; text-align: center;}

@media (max-width:767px ) {
    .per-agent-main01{ padding: 30px 0;}
    .per-agent-title01{ font-size: 18px; margin-bottom: 15px;}
    .per-agent-main02{ padding: 30px 0;}
    .per-agent-title02{ font-size: 18px;}
    .per-agent-personal-phone{ width: 280px;}
    .agent-personal-p span,.agent-personal-p2 span{ font-size: 16px;}
    .agent-personal-p p,.agent-personal-p2 p{ font-size: 12px;}
    .per-agent-personal-phone{ height: 100px;}
    .agent-personal-p{ height: 100px;}
    .per-agent-main03{ padding: 30px 0;}
    .per-agent-title03{ margin-bottom: 20px;}
    .per-agent-span{ width: 100px; height: 100px; line-height: 100px; font-size: 14px;}
    .per-agent-title03{ padding: 5px 10px; font-size: 14px; margin-bottom: 20px; }
    .per-agent-why01 p{ font-size: 12px; line-height: 22px; text-align: center;}
    .per-agent-main04{ padding: 30px 0;}
    .per-agent-process-h3{ font-size: 18px; margin: 0 0 15px 0;}
    .per-agent-process-p1 button{ height: 40px; line-height: 40px; font-size: 14px; background-size: 145px 40px; font-weight: normal;}
    .per-agent-process-p2 p{ font-size: 12px;}
    .per-agent-process-p2 span{ font-size: 14px;}
    .per-agent-main05{ padding: 30px 0;}
    .per-agent-table-title01{ font-size: 18px;}
    .per-agent-table-title02{ font-size: 12px; margin-bottom: 20px;}
    .per-agent-main06{ padding: 30px 0;}
    .per-agent-table-h3{ font-size: 18px; margin-top: 0px; margin-bottom: 20px;}
    #Js_socialsecurity .w-input input{ width: 180px;}
    #Js_socialsecurity label{ font-weight: normal; font-size: 12px; height: 40px; line-height: 40px; width: 60px; text-align: right; margin-bottom: 0px;}
    #Js_socialsecurity .g-input .w-item{ padding-bottom: 0px;}
    #Js_socialsecurity .w-input select{ width: 180px;}
    .w-table .per-agent-td{ padding: 0 10px;}
    .per-agent-main07{ padding: 30px 0;}
    .m-boxpsecurity .g-bd5 .w-ti1{ font-size: 18px;}
    .m-boxpsecurity .g-bd5 .f-cb1{ padding-bottom: 0px; margin-bottom: 0px;}
    .per-agent-main08{ padding: 30px 0;}
    .f-fs5{ font-size: 18px;}
    .shebao-p{ font-size: 22px;}
}

/*--------------------------娉ㄥ唽-浼佷笟娉ㄥ唽-涓汉娉ㄥ唽--------------------------*/
/*娉ㄥ唽骞冲彴甯愬彿*/
.e-mail-main01{ background-color: #ecf0f6; padding: 70px 0;}
.e-mail-title01{ font-size: 30px; color: #333333; text-align: center; margin-bottom: 40px;}
.e-mail-btn-con{ width: 350px; margin: 0 auto; text-align: center;}
.e-mail-btn01{ font-size: 16px; color: #666; height: 44px; padding: 0 20px; text-align: center; line-height: 44px; border: 1px solid #999; background-color: #ecf0f6; margin: 0 10px;}
.e-mail-blue{ background-color: #3bb8eb; color: #fff; border: 1px solid #3bb8eb;}


.e-mail-process{ width: 720px;  margin: 0 auto; position: relative; height: 2px; background: url("../images/password-find-bg.jpg") repeat-x 20px;}
.password-find-bg-01{ width: 40px; height: 10px; background-color: #ffffff; position: absolute; left: 0px; top: 0px;}
.password-find-bg-02{ width: 40px; height: 10px; background-color: #ffffff; position: absolute; right: -2px; top: 0px;}
.e-mail-start{ display: inline-block; width: 115px; text-align: center; color: #888;}
.e-mail-start i{ font-style: normal; width: 40px; height: 40px; display: inline-block; background-color: #d4d8dd; color: #fff; font-size: 24px; text-align: center; border-radius: 50%; margin-bottom: 15px;}
.e-mail-po{ position: absolute; left: 0px; top: -20px;}
.e-mail-zh{ position: absolute; left: 310px; top: -20px;}
.e-mail-end{ position: absolute; right: 0px; top: -20px;}
.e-mail-01{ padding: 70px 0;}
.e-mail-start .e-mail-color{ background-color: #3bb8eb;}


.e-mail-title02{ color: #333; font-weight: bold; background-color: #fff;}
.e-mail-label{ height: 34px; line-height: 34px; text-align: right; font-weight: normal;}
.e-mail-label span{ color: #fc4343;}
.register-checktip{ height: 34px; line-height: 34px; font-size: 14px;}
.register-right{ background: url("../images/dui.png") no-repeat left center; padding-left: 20px; color: #5bc92e;}
.register-wrong{ background: url("../images/cuo.png") no-repeat left center; padding-left: 20px; color: #fc4343;}
.phone{ font-size: 14px; height: 34px; line-height: 34px; margin-bottom: 0px;}

.e-mail-bg{ background: url(../images/z-hr-main-07-bg.png) repeat-x left center; height: 28px; line-height: 28px; margin: 40px 0;}
.btn-hui{ background-color: #f7f7f7;}
.e-mail-secrecy a{ color: #1b66c7;}
.e-mail-mar{ margin-bottom: 0px;}
.e-mail-mar .checkbox{ margin: 5px 0 0 0;}
.btn-ljzc{ border-radius: 0px;}

.e-mail-mar-top{ margin-top: 15px;}
@media (max-width:767px ) {
    .e-mail-process{ width: 300px;}
    .e-mail-label{ padding-left: 10px; padding-right: 0px; font-size: 12px; margin-bottom:0px;}
    .e-mail-main01{ padding: 40px 0;}
    .e-mail-title01{ font-size: 20px; margin-bottom: 20px;}
    .e-mail-btn01{ font-size: 14px;}
    .e-mail-process{width: 280px;}
    .e-mail-btn-con{ width: 280px;}
    .e-mail-btn01{ padding: 0 10px;}
    .e-mail-01{ padding: 30px 0;}
    .e-mail-bg{ margin: 20px 0;}
    .e-mail-mar .checkbox{ font-size: 12px;}
    .btn-block{ font-size: 12px;}
    .btn-hui{ padding: 7px 3px;}
	.pad-left-phone{ padding-left:15px; padding-right:15px;}
	.register-checktip{height:22px; line-height:22px; font-size:12px; background-size:12px 12px;}
	.zhr-form-group{ margin-bottom:22px;}
	.zhr-form-group-phone{ margin-bottom:0px;}
	.e-mail-mar-top{ margin-top:0px;}
}

/*--------------------------娉ㄥ唽鎴愬姛--------------------------*/
/*娉ㄥ唽鎴愬姛*/
.mar-top{ margin-top: 64px;}
.login-was-successful{ width: 360px; margin: 32px auto;}
.login-was-p{ background: url("../images/icon-checkedb.png") no-repeat -104px center; padding-left: 70px; margin-bottom: 20px;}
.login-was-p .btn-primary{ margin-bottom:10px;}
.login-was-p span{ font-size: 18px; color: #55b651; display: block; margin-bottom: 10px;}
.login-was-p p a{ display: inline-block; margin-left: 15px; color: #1b66c7;}
.btn-success-email{ margin-left: 70px;}
@media (max-width:767px ) {
    .mar-top{ margin-top: 50px;}
    .login-was-successful{ width: 240px;}
    .login-was-p{ font-size: 12px;}
    .login-was-successful{ margin: 0 auto; width:260px;}
}
/*--------------------------閭鐧诲綍--------------------------*/
/*閭鐧诲綍*/
.e-mail-main02{ padding: 20px 0; background: url("../images/e-mail-bg.jpg") no-repeat center top;}
.loginForm{ background: rgba(0,0,0,0.3); padding: 20px;}
.loginForm table{ width: 100%;}
.loginForm table caption {line-height: 44px; font-size: 24px; text-align: left; color: #ffffff; padding: 0px; margin-bottom: 10px;  }
.loginForm table tr td input{ width: 100%; height: 40px; line-height: 40px; border: 1px solid #bdb5be; background: rgba(255,255,255,0.3); font-size: 14px; color: #ffffff; padding: 0 10px;}
.loginForm table tr td input:-moz-placeholder {  color: #cfc9cd;  }
.loginForm table tr td input:-ms-input-placeholder {  color: #cfc9cd;  }
.loginForm table tr td input::-webkit-input-placeholder {  color: #cfc9cd;  }

.loginform-p{ font-size: 14px; height: 40px; line-height: 40px; color: #cfc9cd; margin-bottom: 0px;}
.loginForm table tr td label{ display: inline; line-height: 40px; color: #ffffff; font-weight: normal;}
.loginForm table tr td label input{ width: 8%; height: auto; color: #f2eeee;}
.loginForm table tr td .loginForm-btn{ background-color: #3bb8eb; color: #ffffff; border: none; border-radius: 3px;}
.loginForm table .loginForm-ewm{ font-size: 16px;  text-align: center; margin-bottom: 0px;}
.qrcode{ text-align: center;}
.qr-cover{ color: #cfc9cd;}
.qr-cover a{ color: #cfc9cd;}
.qr-cover a:hover{ color: #3bb8eb;}

@media (min-width:1199px ) {
    .loginForm{min-width: 400px;}
}
.qr-td {
    vertical-align: middle;
    text-align: center;
}
.qrcode {
    width: 130px;
    height: 130px;
    margin: 0 auto;
    position: relative;
}

.tip-block {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*--------------------------鐢ㄦ埛鐧诲綍--------------------------*/
/*鐢ㄦ埛鐧诲綍*/
.e-mail-main03{ padding: 35px 0; background: url("login1.jpg") no-repeat center top;}
.sign-in{ background: #fff; height: 100%; padding: 20px 30px; position: relative; box-shadow: 0px 0px 20px rgba(0,0,0,.4)}
.sign-in h3{font-size: 24px; color: #333; margin: 10px 0 20px 0; text-align: center;}
.btn-sign{ float: right; background-color: #f9f9f9; border-radius: 1px;}
.sign-in-input{ border-radius: 5px; height: 40px; line-height: 40px; width: 100%; border: none; color: #a9a9a9; font-size: 14px; background: rgba(255,255,255, 0.2)}
.sign-in-p{ color: #aaaaaa; padding-left: 10px; margin-bottom: 15px;}
.sign-checkbox{ margin-bottom: 15px;}
.forget-password{ float: right; color: #1b66c7;}
.forget-password:hover{ color: #1b66c7; text-decoration: underline;}
.btn-sign-in{ border-radius: 3px; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.sign-in-p1{ padding-bottom: 15px; border-bottom: 1px solid #eaebee; text-align: center; margin-bottom: 15px;}
.forget-zc{ color: #1b66c7;}
.forget-zc:hover{ color: #1b66c7; text-decoration: underline;}
.sign-in-p2{ color: #c2c2c2; text-align: center; margin-bottom: 0px;}
.sign-in-red{ color: #e60012;}
/* Curl Top Right */
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 23px;
    height: 23px;
}
.sign-in-ts{ width: 100px; height: 22px; line-height: 20px; text-align: center; color: #df9c1f; position: absolute; top: 10px; right: 40px; border-radius: 2px; font-size: 12px; border: 1px solid #f3d995;}
.sign-in-san{ display: inline-block; width: 4px; height: 8px; background: url("../images/icon-san.jpg") no-repeat center;position: absolute; top: 17px; right: 37px; }
.sign-in-er{ width: 43px; height: 43px; background: url("../images/icon-log01.png") no-repeat center; position: absolute; right: 0px; top: 0px; cursor: pointer;}

/*浜岀淮鐮佹壂鐮佺櫥褰�*/
.sign-in-ma{ background-color: #fff; height: 465px; padding: 20px;  text-align: center; position: relative}
.sign-in-ma h3{font-size: 24px; color: #000000; margin: 40px 0 10px 0;}
.erweima-p1{ margin-bottom: 40px;}
.erweima-p2{ margin-top: 40px;}
.erweima-p2 a{ display: inline-block; color: #1b66c7; margin: 0 10px;}
.erweima-p2 a:hover{ text-decoration: underline;}
/*--------------------------鎵惧洖瀵嗙爜--------------------------*/
.password-main{ background-color: #ffffff; height: 595px;}
.password-main-top{ height: 100px; width: 100%; background-color: #53d58a\9; _background-color: #53d58a;
    background: -webkit-linear-gradient(left, #54d787 , #3fc7b9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #54d787, #3fc7b9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #54d787, #3fc7b9); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #54d787 , #3fc7b9); /* 鏍囧噯鐨勮娉� */
}
.password-h2{ font-size: 30px; color: #ffffff; margin:0 0 0 35px; height: 100px; line-height: 92px;}
.find-password{ width: 450px; height: 180px; margin: 115px auto 0;}
.password-line{ margin-bottom: 22px;}
.password-label{ width: 95px; height: 40px; font-size: 14px; color: #666666; line-height: 40px; text-align: right; float:left; padding-right: 10px; font-weight: normal; margin: 0px;}
.password-input{ width: 348px; height: 40px; line-height: 40px; border: 1px solid #dddddd; padding-left: 5px; font-size: 14px; color: #a9a9a9; float: left;}
.password-dexyz-input{ width: 220px;}
.password-yzm{ width: 118px; height: 40px; float: left; margin-left: 10px;}
.password-yzm img{ width: 118px; height: 40px;}
.password-btn{ width: 348px; height: 40px; border: 1px solid #3bb8eb; background-color: #3bb8eb; text-align: center; line-height: 40px; color: #ffffff; font-weight: bold;}
/*--------------------------鎵惧洖瀵嗙爜-閫夋嫨鏂瑰紡--------------------------*/
.password-find-top{ margin-top: 90px;}
.password-find-main{ width: 880px; height: 124px; margin: 130px auto 0;}
.password-find-xx{ width: 398px; height: 124px; display: block; background-color: #f8f8f8; border: 1px solid #dddddd; float: left; padding: 15px; transition: all 0.3s;}
.password-find-phone{ margin-right: 84px;}
.password-find-dl{ margin: 0px;}
.password-find-dl dt{ float: left; width: 90px; height: 90px;}
.password-find-dl dt img{ width: 90px; height: 90px;}
.password-find-dl dd{ margin-left: 110px;}
.password-find-dl dd h3{ font-size: 24px; margin-top: 30px; color: #333333;}
.password-find-dl dd h3 img{ margin-left: 10px;}
.password-find-xx:hover{ border: 1px solid #3bb8eb;
transform:translate3d(-5px,-5px,5px);
    -o-transform: translate3d(-5px,-5px,5px);
    -ms-transform: translate3d(-5px,-5px,5px);
    -webkit-transform: translate3d(-5px,-5px,5px);
    -moz-transform: translate3d(-5px,-5px,5px);
    box-shadow: 10px 10px 10px #eee;
}
.password-find-xx:hover h3{ color: #3bb8eb;}
.ps-top{ margin-top: 120px;}

@media (max-width:991px ) and (min-width: 768px){
    .password-find-main{width: 720px;}
    .password-find-xx{width: 318px;}
}
@media (max-width:767px ){
    .password-main{height: 500px;}
    .password-small-main{height: 400px;}
    .password-small-main .ps-top{margin-top: 60px;}
    .password-small-main .find-password{margin-top: 60px;}
    .password-find-main{ height: auto; width: 290px; margin-top: 65px;}
    .password-find-main a:first-child{ margin-bottom: 15px;}
    .password-find-xx{width: 290px;}
    .password-find-dl dd h3{font-size: 20px;}
}

/*--------------------------鎵惧洖瀵嗙爜-濉啓楠岃瘉鐮�--------------------------*/
.pass-find-second{ width: 350px; height: 200px; margin: 130px auto 0;}
.pass-find-second p{ font-size: 18px; color: #666666; margin: 0px;}
.pass-find-second-input{ margin-top: 25px;}
.pass-find-second-input input{ width: 178px;}
.pass-find-second-input span{ width: 162px; height: 40px; border: 1px solid #dddddd; background-color: #f7f7f7; font-size: 14px; color: #666666; text-align: center; line-height: 40px; display: block; float: left; margin-left: 10px;}
.pass-find-second button{ width: 350px; margin: 15px 0 10px 0;}
.pass-find-second a{ font-size: 14px; color: #1b66c7;}
.pass-find-second .pass-find-p{ font-size: 14px; color: #999999;}
/*--------------------------鎵惧洖瀵嗙爜-瀹屾垚淇敼--------------------------*/
.pass-find-finish{ width: 488px; height: 120px; margin: 100px auto 0; text-align: center;}
.pass-find-finish p{ font-size: 24px; color: #333333; margin-top: 10px;}
.pass-find-finish p a{ color: #1b66c7;}


@media (max-width:767px ){
    .find-password{width: 290px;}
    .password-input{ width: 195px;}
    .password-btn{width: 100%;}
    .pass-find-finish{ width: 290px;}
    .pass-find-finish p{font-size: 16px;}
}

/*--------------------------鐧诲綍璇曠敤寮圭獥--------------------------*/
.sy-modal-body{ padding: 0 20px 40px 20px;}
.sy-header{ text-align: right; overflow: hidden; border: none; padding-bottom: 0px;}
.sy-header .close{ font-size: 26px;}
.sy-title{ font-size: 36px; text-align: center; font-weight: normal; font-family: "鏂规鍏颁涵绾ら粦绠�浣�"; margin-bottom: 45px;}
.sy-a{ display: block; text-align: center; padding: 15px; border-radius: 5px; margin-bottom: 10px; max-height: 235px;}
.sy-a span{display: block; width: 100%; height: 64px; margin-bottom: 25px;}
.sy-a .sy-tb01{background: url("../images/sy-icon01.png") no-repeat center;}
.sy-a .sy-tb02{background: url("../images/sy-icon02.png") no-repeat center;}
.sy-a .sy-tb03{background: url("../images/sy-icon03.png") no-repeat center;}
.sy-a .sy-tb04{background: url("../images/sy-icon04.png") no-repeat center;}
.sy-a .sy-tb05{background: url("../images/sy-icon05.png") no-repeat center;}
.sy-a .sy-tb06{background: url("../images/sy-icon06.png") no-repeat center;}
.sy-bt{ text-align: center; font-size: 24px; color: #444444; margin-bottom: 10px;}
.sy-a p{ font-size: 14px; color: #838894; line-height: 24px; margin-bottom: 0px;}
.sy-a:hover{ _background-color: #4dc4fd;  background-color: #4dc4fd\0;}

.sy-a:hover .sy-bt,.sy-a:focus .sy-bt{ color: #ffffff;}
.sy-a:hover p,.sy-a:focus p{ color: #ffffff;}
.sy-a:hover .sy-tb01,.sy-a:focus .sy-tb01{background: url("../images/sy-h-icon01.png") no-repeat center;}
.sy-a:hover .sy-tb02,.sy-a:focus .sy-tb02{background: url("../images/sy-h-icon02.png") no-repeat center;}
.sy-a:hover .sy-tb03,.sy-a:focus .sy-tb03{background: url("../images/sy-h-icon03.png") no-repeat center;}
.sy-a:hover .sy-tb04,.sy-a:focus .sy-tb04{background: url("../images/sy-h-icon04.png") no-repeat center;}
.sy-a:hover .sy-tb05,.sy-a:focus .sy-tb05{background: url("../images/sy-h-icon05.png") no-repeat center;}
.sy-a:hover .sy-tb06,.sy-a:focus .sy-tb06{background: url("../images/sy-h-icon06.png") no-repeat center;}

@media (max-width:991px ) {
    .sy-modal-body{ padding-bottom: 10px;}
    .sy-title{ font-size: 22px; margin-bottom: 15px;}
    .sy-bt{ font-size: 16px;}
    .sy-a p{ font-size: 12px; line-height: 20px;}
    .sy-a .sy-tb01,.sy-a .sy-tb02,.sy-a .sy-tb03,.sy-a .sy-tb04,.sy-a .sy-tb05,.sy-a .sy-tb06{ background-size: 40px; margin-bottom: 0px;}
    .sy-a:hover .sy-tb01,.sy-a:hover .sy-tb02,.sy-a:hover .sy-tb03,.sy-a:hover .sy-tb04,.sy-a:hover .sy-tb05,.sy-a:hover .sy-tb06{ background-size: 40px; }
}
/* Rectangle Out */
.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #ffffff;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 5px #999;
    background: -webkit-linear-gradient(#52dafc, #4393ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#52dafc, #4393ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#52dafc, #4393ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#52dafc, #4393ff); /* 鏍囧噯鐨勮娉� */
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.sy-modal-dialog{ margin: 100px auto;}
@media (max-width:1366px ) {
    .sy-modal-dialog{ margin: 18px auto;}
    .sy-modal-body{ padding-bottom: 10px;}
}

/*--------------------------閿欒鎻愮ず椤甸潰--------------------------*/
.error-main-top{
    background-color: #fe4747\9; _background-color: #fe4747;
    background: -webkit-linear-gradient(left, #fe4747 , #718afd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fe4747, #718afd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fe4747, #718afd); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe4747 , #718afd); /* 鏍囧噯鐨勮娉� */
}

.error-con{ height: 190px;}
.error-con button{ margin-top: 40px; border-color: #3bb8eb; color: #3bb8eb; width: 120px;}
.error-con button:active:hover, .error-con button:hover,.error-con button:focus{ background-color:#3bb8eb; color: #ffffff; }

/*--------------------------鍗忚椤甸潰--------------------------*/
.agree_con h1{ text-align: center;}
.agree_con p{ font-size: 16px; line-height: 30px;}
@media (max-width:768px ) {
    .agree_con h1{font-size: 24px;}
    .agree_con p{ font-size: 14px; line-height: 26px;}
}
/*--------------------------涓嬭浇APP椤甸潰--------------------------*/
.download_body{width: 100%; height: 100%; background: url("../images/down_load_bg.jpg") center repeat-y; background-size: cover;}
.download_con .container{ text-align: center;}
.download_con h2{ font-size: 72px;font-family:'Source-Han-Lighb96e0a8705264'; margin-top: 200px; margin-bottom: 60px; color: #ffffff}
.download_img img{width: 250px;}
.download_con p{  font-size: 18px; color: #ffffff; margin-top: 20px; margin-bottom: 100px;}
.download_con div .download_btn {
    width: 250px; height: 60px; border: 2px solid #ffffff; color: #ffffff; font-size: 22px; text-align: center; line-height: 60px; border-radius: 30px; background: none; margin: 0 25px;
}
.download_footer{
    border-top: 1px solid #ffffff; height: 60px;line-height: 60px; margin-top: 125px;
}
.download_footer p{margin: 0px; text-align: left; font-size: 14px; color: #ffffff;}
@media (max-width:767px ) {
    .download_phone{ position: relative;}
    .wx_jt{ width: 60px; height: 90px; display: inline-block; position: absolute; right: 20px; top:10px; }
    .wx_jt img{ width: 60px;}
    .download_logo { margin-top: 120px;}
    .download_logo img{ width: 140px; height: 140px;}
    .download_phone h3{ font-size: 32px; color: #ffffff; font-weight: normal; margin-top: 40px; font-family:'Source-Han-Lighbac3effc95264';}
    .download_phone p{ margin-top: 0px; font-size: 22px; margin-bottom: 40px;font-family:'Source-Han-Lighbac40f3e95264';}
    .download_con div .download_btn{ padding: 0 35px; width: auto; height: 36px; line-height: 36px; border: 1px solid #ffffff; font-size: 14px;}
    .download_footer{ border: none; margin: 0px;}
    .download_footer p{font-size: 12px; text-align: center; margin: 0px;}
}



.vcode input[type="text"] {
	width: 130px;
}

.vcode div {
	width: 100px;
	display: inline-block;
}

.vcode {
	width: 300px;
	display: inline-block;
}

.column {
	margin: 5px 0;
}

.vcode_img {
	vertical-align: top;
	margin-left: 65px;
}

.vcode_img img {
	width: 82px;
	padding: 13px 0px 5px;
}

.vcode_img a {
	line-height: 25px;
	color: #4b93ff;
	cursor: pointer;
}
a{
	cursor: pointer;
}