/*底部*/
/*.footer {height: 57px;line-height: 57px;background: #262626;}
.footer .block {position: relative;width: 1230px;}
.footer .fot_nav {font-size: 12px;color: #fff;position: absolute;left: 0;top: 0;}
.footer .fot_nav a {font-size: 12px;color: #fff;}
.footer .p {font-size: 14px;color: #fff;padding-left: 330px;}
.footer .ftbj {font-size: 12px;color: #fff;position: absolute;right: 0;top: 0;}
.footer .ftbj a{color: #fff;}
*/


/*翻页*/
.jjl_page {text-align: center;}
.jjl_page a {width: 30px;height: 30px;line-height: 30px;text-align: center;border: 2px solid #e1e1e1;font-size: 18px;color: #858689;font-family: arial;border-radius: 50%;display: inline-block;margin: 0 2px;vertical-align: middle;}
.jjl_page a.prev{font-size: 0;}
.jjl_page a.next{font-size: 0;}
.jjl_page a.now {background: #ababab;border-color: #ababab;color: #fff;}
.jjl_page a:hover {background: #ababab;border-color: #ababab;color: #fff;}
.jjl_page a .img {display: none;}
.jjl_page a:hover img {display: none;}
.jjl_page a:hover .img {display: inline-block;}

.jjl_page2 {}
.jjl_page2 li {height: 60px;line-height: 60px;border-bottom: 1px solid #50728e;font-size: 14px;color: #474747;}
.jjl_page2 a:hover {color: #50728e;}

/*TOP*/
.gotop {position: fixed;bottom: 10%;right: 1%;display: none;cursor: pointer;z-index:999;}



.news1 {padding-bottom: 70px;min-height: 800px; }
.news1 .block {width: 1230px;}
.news1 .title {text-align: center;padding: 82px 0 55px;}
.news1 .title h1 {font-size: 26px;color: #52748f;font-family: arial;text-transform: uppercase;line-height: 1;}
.news1 .title h2 {font-size: 50px;color: #52748f;font-family: arial;text-transform: uppercase;line-height: 1;padding: 2px 0 10px;}
.news1 .title h3 {font-size: 34px;color: #474747;line-height: 1;}
.jjl_nav_wp {text-align: center;margin-bottom: 40px;}
.jjl_nav_wp a {display: inline-block;border: 1px solid #c9c9c9;width: 210px;height: 38px;margin: 0 4px;font-size: 16px;color: #474747;line-height: 38px;text-align: center;position: relative;cursor: pointer;}
.jjl_nav_wp a.now {background: #51738f;border-color: #51738f;color: #fff;}
.jjl_nav_wp a.now:after {content: "";width: 14px;height: 8px;background: url(../image/arr1.png) no-repeat center;background-size: cover;position: absolute;left: 50%;margin-left: -7px;bottom: -7px;}
.news1 .cont {padding: 0 7px;}
.news1 .cont .div {overflow: hidden;}
.news1 .cont ul {overflow: hidden;width: 104%;}
.news1 .cont li {float: left;width: 21.1%;margin-right: 3.9%;margin-bottom: 55px;/*opacity:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;-moz-transition:all 1.5s ease-out 0s;*/padding-bottom: 16px;position: relative;}
.news1 .cont li .img {width: 100%;height: auto;overflow: hidden;}
.news1 .cont li .img img {width: 100%;height: auto;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.news1 .cont li .text {}
.news1 .cont li .text .top {border-left: 2px solid #727272;margin-top: 17px;padding: 5px 10px;}
.news1 .cont li .text .top h1 {font-size: 14px;color: #474747;font-family: arial;padding-bottom: 1px;}
.news1 .cont li .text .top h2 {font-size: 18px;color: #474747;}
.news1 .cont li .text .p {font-size: 14px;color: #909090;line-height: 150%;margin: 11px 0 5px;height: 44px;overflow: hidden;}
.news1 .cont li .text .more {font-size: 14px;color: #474747;font-family: arial;text-transform: uppercase;}
.news1 .cont li .text .more img {margin-left: 3px;}
.news1 .cont li:before,.news1 .cont li:after {content: "";position: absolute;bottom: 0;left: 0;display: block;border-bottom: 2px solid;}
.news1 .cont li:before {border-color: #e3e3e3;width: 100%;}
.news1 .cont li:after {border-color: #557490;/*-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;*/width: 100%;display: none;}
.news1 .cont li:hover:after {width: 100%;display: block;}
/*.news1 .cont li:hover .img img {-webkit-transform: rotate(-3deg) scale(1.2);transform: rotate(-3deg) scale(1.2);}*/
.news1 .cont li.show { transform: scale(1) rotateX(0deg);-webkit-transform: scale(1) rotateX(0deg);
-moz-transform: scale(1) rotateX(0deg);opacity: 1;}


.recruit1 {padding-bottom: 95px;}
.recruit1 .title {text-align: center;padding: 82px 0 55px;}
.recruit1 .title h1 {font-size: 26px;color: #527591;font-family: arial;text-transform: uppercase;line-height: 1;}
.recruit1 .title h2 {font-size: 50px;color: #527591;font-family: arial;text-transform: uppercase;line-height: 1;padding: 2px 0 10px;}
.recruit1 .title h3 {font-size: 34px;color: #474747;line-height: 1;}
.recruit1 .title p {font-size: 16px;color: #909090;padding-top: 25px;line-height: 150%;}
.recruit1 .title p span {text-transform: uppercase;font-weight: bold;}
.recruit1 .tables {padding-bottom: 45px;}
.recruit1 .tables table {}
.recruit1 .tables table tr:first-child {background: #ededed;}
.recruit1 .tables table tr:hover {background: #f4f4f4;}
.recruit1 .tables table th {font-size: 16px;color: #474747;height: 56px;font-weight: normal;text-align: center; }
.recruit1 .tables table td {font-size: 14px;color: #474747;text-align: center;height: 55px;border-bottom: 1px solid #e8e8e8;}
.recruit1 .tables table td .ar {font-family: arial;}
.recruit1 .tables table td a{color: #474747;}
.recruit1 .tables table td .xx_btn:hover {color: #0060a9;}
.recruit2 {overflow: hidden;padding-bottom: 78px;}
.recruit2 .item {float: left;width: 50%;position: relative;}
.recruit2 .item .bgi {width: 100%;height: auto;}
.recruit2 .item:first-child .text {left: inherit;right: 116px;}
.recruit2 .item .text {position: absolute;top: 25%;left: 116px;}
.recruit2 .item .text .tit {font-size: 28px;color: #fff;padding-bottom: 5px;}
.recruit2 .item .text .tit img {margin-right: 15px;}
.recruit2 .item .text .tit span {font-size: 14px;color: #fff;margin-left: 15px;position: relative;top: 1px;}
.recruit2 .item .text .p {font-size: 18px;color: #fff;overflow: hidden;margin-top: 20px;line-height: 150%;}
.recruit2 .item .text .p .s1 {float: left;}
.recruit2 .item .text .p .s1 img {margin-right: 15px;}
.recruit2 .item .text .p .s2 {float: left;width: 295px;}
.recruit2 .item .focus {width:100%;position:absolute;margin:auto;top: 0;bottom: 0;left: 0;right: 0;}
.recruit2 .item .frame {width:100%;height:100%;overflow:hidden;}
.recruit2 .item .frame .child {height:100%;float:left;position: relative;width: 100%;}
.recruit2 .item .next {position: absolute;left: 535px;top: 50%;margin-top:-33px;width: 65px;height: 65px;background: url(../image/jjl/icon_14.png) no-repeat center;z-index: 1;}

.pop_wp {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(../image/jjl/mask_1.png);z-index: 99;display: none;}
.pop_wp .close {position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;background: url(../image/jjl/close1.png) no-repeat center;background-size: cover;cursor: pointer;}
.pop_xx .jjl_box {position: absolute;left: 50%;top: 50%;height: 538px;width: 888px;margin: -269px 0 0 -444px;background: #fff;}
.pop_xx .cont {padding: 0 25px 0 110px;}
.pop_xx .cont .tit {font-size: 24px;color: #474747;padding: 80px 0 20px;}
.pop_xx .cont .jjl_scroll {height: 325px;overflow: hidden;}
.pop_xx .cont .txt {padding-bottom: 19px;}
.pop_xx .cont .txt h1 {font-size: 18px;color: #474747;padding-bottom: 10px;}
.pop_xx .cont .txt p {font-size: 14px;color: #707070;line-height: 160%;}

.pop_xx .mCSB_scrollTools .mCSB_draggerRail {width: 10px;background: #8e8e8e !important;opacity: 1 !important;}
.pop_xx .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 10px;opacity: 1 !important;background: #cacaca;}


.news_xx1 {padding-bottom: 95px;}
.news_xx1 .block {width: 1230px;}
.news_xx1 .title {padding: 100px 60px 0;}
.news_xx1 .title h1 {font-size: 34px;color: #474747;text-align: center;padding-bottom: 55px;}
.news_xx1 .title h2 {font-size: 16px;color: #474747;font-family: arial;}
.news_xx1 .cont {padding: 0 60px;}
.news_xx1 .text {padding-bottom: 100px;}
.news_xx1 .text p {font-size: 14px;color: #474747;line-height: 150%;padding-top: 25px;}
.news_xx1 .text .img {text-align: center;padding: 68px 0 52px;}
.news_xx1 .text img{max-width:100%;}

.business1 {height: 678px;background-position: center; }
.business1 .text {padding: 215px 130px 0;text-align: center;}
.business1 .text h1 {font-size: 26px;font-family: arial;color: #fff;text-transform: uppercase;line-height: 1;font-weight: bold;}
.business1 .text h2 {font-size: 50px;font-family: arial;color: #fff;text-transform: uppercase;line-height: 1;font-weight: bold;padding: 2px 0 5px;}
.business1 .text h3 {font-size: 34px;color: #fff;}
.business1 .text p {font-size: 16px;color: #fff;padding-top: 18px;line-height: 150%;}
.business1 .text .col {color: #54738f;}


.business1 .cont {overflow: hidden;}
.business1 .cont .item {float: left;width: 25%;height: auto;position: relative;}
.business1 .cont .item .bgi {width: 100%;height: auto;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.business1 .cont .item .txt {position: absolute;top: 18%;left: 18%;}
.business1 .cont .item .txt .h {width: 72px;display: block;border-bottom: 1px solid #fff;margin: 0 0 12px;}
.business1 .cont .item .txt h1 {font-size: 22px;color: #51728e;font-family: arial;font-weight: bold;text-transform: uppercase;line-height: 100%;}
.business1 .cont .item .txt h2 {font-size: 28px;color: #51728e;line-height: 1;padding: 3px 0 19px;}
.business1 .cont .item .txt p {font-size: 14px;color: #fff;padding-bottom: 8px; padding-right:80px;}

.business1 .cont .item:hover h1,.business5 .cont .item:hover h2 {color: #fff;}

.business2 {height: 663px;background-position: center;overflow: hidden;}
.business2 .cont {position: relative;height: 100%;overflow: hidden;}
.business2 .cont .imgs {width: 798px;height: 798px;position: absolute;left: 50%;bottom: -370px;margin-left: -399px;}
.business2 .cont .imgs img {width: 100%;height: auto;}
.business2 .cont .imgs .ratate {width: 89.35%;height: auto;position: absolute;left: 50%;top: 50%;margin: -356px 0 0 -356px;-webkit-animation: rotate 10s linear infinite;animation: rotate 10s linear infinite;}
.business2 .cont .div {position: absolute;cursor: pointer;}

.business2 .cont .div h1 {font-size: 28px;color: #474747;line-height: 1;padding-bottom: 15px;}
.business2 .cont .div h2 {font-size: 16px;color: #3c3c3c;font-family: arial;text-transform: uppercase;line-height: 150%;}
.business2 .cont .div:after {content: "";display: block;width: 14px;height: 14px;background: url(../image/jjl/arr4.png) no-repeat 0 0;position: absolute;}
.business2 .cont .div:hover h1,.business2 .cont .div:hover h2 {color: #51738f;}
.business2 .cont .div:hover:after {background-position: 0 -16px;}
.business2 .cont .div.now h1,.business2 .cont .div.now h2 {color: #51738f;}
.business2 .cont .div.now:after {background-position: 0 -16px;}
.business2 .cont .d1 {top: 489px;right: 993px;padding-right: 56px;text-align: right;}
.business2 .cont .d1:after {right: 0;top: 40px;}
.business2 .cont .d2 {top: 331px;right: 918px;padding-right: 56px;text-align: right;}
.business2 .cont .d2:after {right: 0;top: 49px;}
.business2 .cont .d3 {top: 175px;right: 795px;padding-right: 56px;text-align: right;}
.business2 .cont .d3:after {right: 0;top: 103px;}
.business2 .cont .d4 {top: 175px;left: 795px;padding-left: 56px;}
.business2 .cont .d4:after {left: 0;top: 103px;}
.business2 .cont .d5 {top: 331px;left: 918px;padding-left: 56px;}
.business2 .cont .d5:after {left: 0;top: 49px;}
.business2 .cont .d6 {top: 489px;left: 993px;padding-left: 56px;}
.business2 .cont .d6:after {left: 0;top: 40px;}
.business2 .cont .d7 {top: 110px;left: 508px;padding-left: 0;width:200px;text-align:center;}
.business2 .cont .d7 .cell{width:200px;}
.business2 .cont .d7:after {left: 92px;top: 120px;}
.business2 .cont .tab_txt {width: 536px;position: absolute;top: 425px;left: 50%;margin-left: -268px;text-align: center;}
.business2 .cont .tab_txt .txt {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;opacity: 0;position: absolute;left: 0;top: 0;width: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.business2 .cont .tab_txt .txt.show {-webkit-transform: scale(1);transform: scale(1);visibility: visible;opacity: 1;}
.business2 .cont .tab_txt .txt h1 {font-size: 30px;color: #737373;font-family: arial;text-transform: uppercase;}
.business2 .cont .tab_txt .txt h2 {font-size: 41px;color: #737373;font-family: arial;text-transform: uppercase;font-weight: bold;padding: 5px 0 3px;}
.business2 .cont .tab_txt .txt h3 {font-size: 33px;color: #737373;}
.business2 .cont .tab_txt .txt .h1 {font-size: 28px;color: #3c3c3c;padding-bottom: 70px;}
.business2 .cont .tab_txt .txt .p {font-size: 18px;color: #3c3c3c;}
.business2 .cont .tab_txt .txt .p span {display: inline-block;margin: 0 14px;}

.business4 {height: 830px;background-position: center;overflow: hidden;}
.business4 .cont {height: 100%;position: relative;}
.business4 .cont .img1 {position: absolute;left: 7px;top: 228px;overflow:hidden;}
.business4 .cont .img2 {position: absolute;left: 391px;top: 275px;overflow:hidden;}
.business4 .cont .img3 {position: absolute;left: 654px;top: 120px;overflow:hidden;}
.business4 .cont .img4 {position: absolute;left: 307px;top: 120px;overflow:hidden;}
.business4 .cont .img4 .arr {overflow:hidden;width: 37px;height: 47px;background: url(../image/jjl/arr5.png) no-repeat center;background-size: cover;position: absolute;left: 60px;top: 50%;margin-top: -23px;-webkit-animation: rightan 0.8s infinite ease;animation: rightan 0.8s infinite ease;}
.business4 .cont .img4 .arr.arr1 {left: 290px;overflow:hidden;}

.business5 {background: #50728e;}
.business5 .title {padding: 90px 0px 90px;text-align: center;width: 920px;margin: 0 auto;}
.business5 .title h1 {font-size: 26px;font-family: arial;color: #fff;text-transform: uppercase;line-height: 1;font-weight: bold;}
.business5 .title h2 {font-size: 50px;font-family: arial;color: #fff;text-transform: uppercase;line-height: 1;font-weight: bold;padding: 2px 0 5px;}
.business5 .title h3 {font-size: 34px;color: #fff;}
.business5 .title p {font-size: 16px;color: #fff;padding-top: 18px;line-height: 150%;}
.business5 .title .col {color: #54738f;}
.business5 .cont {overflow: hidden;}
.business5 .cont .item {float: left;width: 25%;height: auto;position: relative;}
.business5 .cont .item .bgi {width: 100%;height: auto;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.business5 .cont .item .txt {position: absolute;top: 18%;left: 18%;}
.business5 .cont .item .txt .h {width: 72px;display: block;border-bottom: 1px solid #fff;margin: 0 0 12px;}
.business5 .cont .item .txt h1 {font-size: 22px;color: #51728e;font-family: arial;font-weight: bold;text-transform: uppercase;line-height: 100%;}
.business5 .cont .item .txt h2 {font-size: 28px;color: #51728e;line-height: 1;padding: 3px 0 19px;}
.business5 .cont .item .txt p {font-size: 16px;color: #fff;padding-bottom: 8px; padding-right:25px; line-height:30px;}

.business5 .cont .item:hover h1,.business5 .cont .item:hover h2 {color: #fff;}

.business2_phone {display: none;}


@keyframes rotate {
0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
25%  {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
50%  {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
75%  {-webkit-transform: rotate(270deg);transform: rotate(270deg);}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}


@-webkit-keyframes rightan {
from {opacity: 0;-webkit-transform: translateX(0px);transform: translateX(0px);}
to{opacity: 1;-webkit-transform: translateX(15px);transform: translateX(15px);}
}








@media screen and (max-width: 1440px) {
.recruit2 .item .text {top: 15%;}
}



@media screen and (max-width: 1350px) {
.business5 .cont .item .txt {top: 12%;left: 12%;}
.business5 .cont .item .txt h1 {font-size: 20px;}
.business5 .cont .item .txt h2 {font-size: 24px;}
}



@media screen and (min-width: 1230px) {
.business5 .cont .item:hover .bgi {opacity: 0;visibility: hidden;}
}






@media screen and (max-width: 640px) {
/*.footer {height: auto;line-height: inherit;padding: 13px 25px;}
.footer .fot_nav {width: 100%;text-align: center;position: inherit;}
.footer .p {margin: 0;text-align: center;padding: 8px 0;line-height: 150%;}
.footer .ftbj {position: inherit;text-align: center;}
*/
.business2 .cont .div .cell{display:table-cell;vertical-align:middle;}
.jjl_page a {width: 0.5rem;height: 0.5rem;line-height: 0.5rem;margin: 0 0.02rem;font-size: 0.3rem;}
.jjl_page a img {width: 0.12rem;height: auto;}	
.jjl_page2 li {height: 0.7rem;line-height: 0.7rem;font-size: 0.24rem;}
.jjl_page2 li a {display: block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.gotop {width: 1.03rem;height: auto;}
.gotop img {width: 1.03rem;height: auto;}

html,body {width: 100%;}
.block {width: auto !important;margin: 0 0.2rem;}
.jjl_nav_wp {margin-bottom: 0.4rem;}
.jjl_nav_wp a {width: 1.67rem;height: 0.45rem;line-height: 0.45rem;font-size: 0.24rem;}

.news1 {padding-bottom: 0.7rem;}
.news1 .title {padding: 0.8rem 0 0.5rem;}
.news1 .title h1 {font-size: 0.3rem;}
.news1 .title h2 {font-size: 0.5rem;}
.news1 .title h3 {font-size: 0.34rem;}
.news1 .cont {padding: 0;}
.news1 .cont li {width: 46%;padding-bottom: 0.2rem;margin-bottom: 0.55rem;}
.news1 .cont li .text .top {margin-top: 0.17rem;padding: 0.05rem 0.1rem;}
.news1 .cont li .text .top h1 {font-size: 0.24rem;}
.news1 .cont li .text .top h2 {font-size: 0.28rem;}
.news1 .cont li .text .p {font-size: 0.24rem;margin: 0.16rem 0 0.1rem;height: 1.12rem;}
.pop_xx .cont .jjl_scroll{height:4rem;}
.recruit1 {padding-bottom: 0.95rem;}
.recruit1 .title {padding: 0.8rem 0 0.5rem;}
.recruit1 .title h1 {font-size: 0.3rem;}
.recruit1 .title h2 {font-size: 0.5rem;}
.recruit1 .title h3 {font-size: 0.34rem;}
.recruit1 .title p {font-size: 0.24rem;padding-top: 0.25rem;}
.recruit1 .tables {padding-bottom: 0.45rem;}
.recruit1 .tables table {width: 100%;}
.recruit1 .tables table tr:first-child {display: none;}
.recruit1 .tables table tr:nth-child(even) td {border-left: 0;border-right: 0;}
.recruit1 .tables table tr:nth-child(odd) {background: #F5F5F5;}
.recruit1 .tables table tr:nth-child(odd) td {border-color: #fff;}
.recruit1 .tables table td {display: block;padding:0.1rem 0;padding-left:50% !important;text-align: left;height: auto;line-height:normal; ;position: relative;border: 1px solid #F5F5F5;font-size: 0.24rem;}
.recruit1 .tables table td .xx_btn {color: #997e60;}
.recruit1 .tables table td:before {position: absolute;top: 0.05rem;left: 0rem;width: 45%;padding: 0 0.2rem;white-space: nowrap;font-size: 0.24rem;}
.recruit1 .tables table td:nth-of-type(1):before { content: "工作地点"; }
.recruit1 .tables table td:nth-of-type(2):before { content: "职位名称"; }
.recruit1 .tables table td:nth-of-type(3):before { content: "所属部门"; }
.recruit1 .tables table td:nth-of-type(4):before { content: "发布时间"; }
.recruit1 .tables table td:nth-of-type(5):before { content: "招聘人数"; }
.recruit1 .tables table td:nth-of-type(6):before { content: "操作"; }
.recruit2 {padding-bottom: 0.78rem;}
.recruit2 .item {width: 100%;}
.recruit2 .item .bgi {height: 5rem;}
.recruit2 .item:first-child {margin-bottom: 0.2rem;}
.recruit2 .item .text {left: 0 !important;top: 0 !important;width: 100%;padding-top: 0.7rem;}
.recruit2 .item .text .tit {font-size: 0.38rem;padding: 0 0.3rem 0.05rem;}
.recruit2 .item .text .tit img {width: 0.3rem;}
.recruit2 .item .text .tit span {font-size: 0.24rem;top: 0;margin-left: 0.15rem;}
.recruit2 .item .text .p {font-size: 0.24rem;margin-top: 0.2rem;padding: 0 0.3rem;}
.recruit2 .item .text .p .s1 {}
.recruit2 .item .text .p .s1 img {width: 0.26rem;margin-right: 0.15rem;}
.recruit2 .item .text .p .s2 {width: 3.95rem;}
.recruit2 .item .next {width: 0.65rem;height: 0.65rem;background-size: cover;left: initial;right: 0.4rem;top: 50%;margin-top: -0.35rem;}
.news_xx1 .title {padding: 1rem 0 0;}
.news_xx1 .title h1 {font-size: 0.34rem;padding-bottom: 0.55rem;}
.news_xx1 .title h2 {font-size: 0.26rem;}
.news_xx1 .cont {padding: 0;}
.news_xx1 .cont img{max-width:100%;}
.news_xx1 .text p {padding-top: 0.25rem;font-size: 0.24rem;}
.news_xx1 .text .img {padding: 0.68rem 0 0.52rem;}
.news_xx1 .text .img img {width: 100%;height: auto;}
.news_xx1 .text {padding-bottom: 1rem;}
.news_xx1 {padding-bottom: 0.95rem;}

.pop_xx .jjl_box {width: 6rem;position: fixed;left:0.2rem;margin: -3rem auto 0;height: 6.2rem;top: 50%;}
.pop_xx .cont {padding: 0 0.2rem;}
.pop_xx .youxiang{font-size: 0.2rem;padding:0.2rem 0;}
.pop_xx .cont .tit {padding: 0.8rem 0 0.2rem;}
.business1 {height:auto; padding:0 0 1rem; background-size:cover !important; }
.business1 .text {padding: 1rem 0.2rem 0;}
.business1 .text h1 {font-size: 0.26rem;}
.business1 .text h2 {font-size: 0.4rem;}
.business1 .text h3 {font-size: 0.4rem;}
.business1 .text p {font-size: 0.22rem; text-align: justify; }
.business2 {height: 11rem;}
.business2 .cont .imgs {width: 100%;height: auto;left: 0;bottom: 0;margin-left: 0;}
.business2 .cont .imgs .ratate {margin: -1.3rem 0 0 -2.67rem;}
.business2 .cont .tab_txt {top: initial;bottom: 0;left: 0;width: 100%;margin-left: 0;height: 2.15rem;}
.business2 .cont .tab_txt .txt h1 {font-size: 0.4rem;}
.business2 .cont .tab_txt .txt h2 {font-size: 0.45rem;}
.business2 .cont .tab_txt .txt h3 {font-size: 0.35rem;}
.business2 .cont .tab_txt .txt .h1 {font-size: 0.38rem;padding-bottom: 0.3rem;}
.business2 .cont .tab_txt .txt .p {font-size: 0.28rem;padding: 0 0.6rem;}
.business2 .cont .tab_txt .txt .p span {width: 50%;margin: 0 0 0.2rem;float: left;}
.business2 .cont .tab_nav {overflow: hidden;position: relative;z-index: 1;padding-top: 0.7rem;}
.business2 .cont .div {position: static;float: left;width: 46%;margin: 1% 2%;padding: 0;text-align: center;border: 1px solid #997e60;box-sizing: border-box;padding: 0.15rem 0;border-radius: 6px;height: 1.42rem;}
.business2 .cont .div .table{display:table;width:100%;height:100%;}
.business2 .cont .div h1 {font-size: 0.28rem;padding-bottom: 0.1rem;}
.business2 .cont .div h2 {font-size: 0.22rem;}
.business2 .cont .div:after {display: none;}
.business5 {margin-bottom: 0.95rem;}
.business5 .title {padding: 0.9rem 0 0.8rem;width: 6rem;margin: 0 auto;}
.business5 .title h1 {font-size: 0.4rem;}
.business5 .title h2 {font-size: 0.45rem;}
.business5 .title h3 {font-size: 0.35rem;}
.business5 .title p {font-size: 0.22rem; text-align: justify;}
.business5 .cont { background:#fff; }
.business5 .cont .item {width: 100%;margin-top: 0.4rem;}
.business5 .cont .item .txt {top: 1rem;left: 1rem;}
.business5 .cont .item .txt h1 {font-size: 0.34rem;}
.business5 .cont .item .txt h2 {font-size: 0.38rem;}
.business5 .cont .item .txt p {font-size: 0.28rem;}

.business4 {height: auto;padding: 0.5rem 0;}
.business5 {margin-top: 0;}
.business4 .cont img{width: 100%;}
.business4 .cont .img1{position: static;width: 3.63rem;height: 3.63rem;margin: 0 auto;}
.business4 .cont .img2{position: static;text-align: center;margin-top: 0.6rem;margin-bottom: 0.7rem;}
.business4 .cont .img2 img{width: 2rem;/*height: 2.81rem;*/}
.business4 .cont .img3{position: static;}
.business4 .cont .img3 img{width: 100%;}
.business4 .cont .img4{transform: rotate(90deg);position: absolute;top:3.10rem;left: 50%;margin-left: -2.86rem;width: 5.72rem;}
.business4 .cont .img4 img{width: 6.3rem;height: 5.71rem;}
.business4 .cont .img4 .arr{width: 0.27rem;height: 0.4rem;left: 0.5rem;margin-top: -0.185rem;}
.business4 .cont .img4 .arr.arr1{left: 3.4rem;}

.business2 {display: none;}
.business2_phone {display: block;background-size: cover;background-position: center;padding: 1.05rem 0;}
.business2_phone .cont {width: 5.44rem;height: 5.44rem;margin: 0 auto;position: relative;}
.business2_phone .tab_txt {width: 3.72rem;height: 3.72rem;background: url(../image/jjl/business_7.png) no-repeat center;background-size: cover;position: absolute;left: 50%;top: 50%;margin: -1.85rem 0 0 -1.86rem;}
.business2_phone .tab_txt .txt {text-align: center;opacity: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;left: 0;right: 0;}
.business2_phone .tab_txt .txt h1 {font-size: 0.22rem;color: #fff;text-transform: uppercase;}
.business2_phone .tab_txt .txt h2 {font-size: 0.26rem;color: #fff;font-weight: bold;text-transform: uppercase;padding: 0.1rem 0 0.25rem;}
.business2_phone .tab_txt .txt h3 {font-size: 0.26rem;color: #fff;font-weight: bold;padding-top: 0.3rem;}
.business2_phone .tab_txt .txt .x {width: 1.98rem;height: 1px;background: #7f7f80;opacity: 0.8;margin: 0 auto;}
.business2_phone .tab_txt .txt .p {font-size: 0.22rem;color: #fff;}
.business2_phone .tab_txt .txt .p span {display: block;padding: 0.1rem 0;}
.business2_phone .tab_txt .txt.show {opacity: 1;z-index: 1;}
.business2_phone .cont .btn_wp {width: 100%;height: 100%;position: relative;}
.business2_phone .cont .btn_wp .btn {position: absolute;}
.business2_phone .cont .btn_wp .btn .span {position: relative;z-index: 1;font-size: 0.22rem;color: #fff;text-align: center;display: inline-block;cursor: pointer;}
.business2_phone .cont .btn_wp .btn .img {width: 100%;height: auto;position: relative;}
.business2_phone .cont .btn_wp .btn .img img {width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.business2_phone .cont .btn_wp .btn .img img.img1 {opacity: 0;}
.business2_phone .cont .btn_wp .btn1 {top: 0;left: 2.76rem;width: 2.17rem;height: 1.59rem;}
.business2_phone .cont .btn_wp .btn1 .span {transform: rotate(30deg);top: 0.53rem;left: 0.6rem;}
.business2_phone .cont .btn_wp .btn2 {right: 0;top: 1.15rem;width: 1.16rem;height: 2.48rem;}
.business2_phone .cont .btn_wp .btn2 .span {transform: rotate(80deg);top: 1.1rem;left: 0.27rem;}
.business2_phone .cont .btn_wp .btn3 {right: 0.16rem;bottom: 0.16rem;width: 1.92rem;height: 1.9rem;}
.business2_phone .cont .btn_wp .btn3 .span {transform: rotate(-45deg);top: 0.8rem;left: 0.75rem;}
.business2_phone .cont .btn_wp .btn4 {left: 1.18rem;bottom: 0rem;width: 2.46rem;height: 1.15rem;}
.business2_phone .cont .btn_wp .btn4 .span {transform: rotate(9deg);top: 0.59rem;left: 0.9rem;}
.business2_phone .cont .btn_wp .btn5 {left: 0.02rem;bottom: 0.49rem;width: 1.58rem;height: 2rem;}
.business2_phone .cont .btn_wp .btn5 .span {transform: rotate(60deg);top: 0.85rem;left: 0.33rem;}
.business2_phone .cont .btn_wp .btn6 {left: 0rem;top: 0.99rem;width: 1.27rem;height: 2.04rem;}
.business2_phone .cont .btn_wp .btn6 .span {transform: rotate(-72deg);top: 0.92rem;left: 0.09rem;}
.business2_phone .cont .btn_wp .btn7 {left: 0.63rem;top: 0rem;width: 2.09rem;height: 1.48rem;}
.business2_phone .cont .btn_wp .btn7 .span {transform: rotate(-30deg);top: 0.54rem;left: 0.62rem;}
.business2_phone .cont .btn_wp .btn.on .img img.img1 {opacity: 1;}











}