@charset "utf-8";
body, div, p, ul, li, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, input, fieldset, legend, optgroup, select, table, textarea {margin:0;padding:0;}
body{height:100%;font:12px/20px "微软雅黑";}
input,select{font:12px/20px "微软雅黑";}
a img,img{border:0;vertical-align:middle;}
a {text-decoration:none;color:#666;}
a:hover {color:#e53639;}
a:focus {outline-style:none;}
a,area { blr:expression(this.onFocus=this.blur());}
ul li {list-style:none;}
table {border-collapse:collapse;}
input, select {vertical-align:middle;}
th {white-space:nowrap;}
td {word-break:break-all;}
.o_hidden { overflow:hidden; }
.mr5{margin-right: 5px;}
.text-img{display:none;}

#fullPage-nav li .active span,.fullPage-slidesNav .active span {background-color: #ffffff;}
#fullPage-nav span,.fullPage-slidesNav span{border: 1px solid #eeeeee;}
.section {text-align: left; color: #fff; overflow:hidden;height:768px!important;}
.section .bg{bottom: 0px; left: 0;top: 0;width: 100%;height: 768px;position: relative; overflow:hidden; }
.section .bg .content{position: absolute; width: 1000px; margin: -10px 0 0 -500px; height: 600px; top:0%; left:58%;}
/* 背景内容 */
.section3 .bg{background: url(../images/banner-bg.png) #272d47 top center no-repeat;}
.section3 .title{position: absolute; opacity: 0; width: 337px;height: 81px; background: url(../images/title.png) center center no-repeat; left: 50%; margin-left: -168px; bottom:-100px; z-index: 11;
-webkit-transform:scale(0.5, 0.5);
-moz-transform:scale(0.5, 0.5);
-o-transform:scale(0.5, 0.5);
transform:scale(0.5, 0.5);
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s; }
.section3 .text{position: absolute; opacity: 0; width: 864px;height:27px; background: url(../images/text.png) center center no-repeat; left: 50%; margin-left: -432px; bottom:-100px; z-index: 11;
-webkit-transform:scale(0.5, 0.5);
-moz-transform:scale(0.5, 0.5);
-o-transform:scale(0.5, 0.5);
transform:scale(0.5, 0.5);
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s; }
.section3 .bottom-block{position: absolute; opacity: 0; width: 637px;height: 512px; background:url(../images/bottom_block.png) center center no-repeat; left: 50%;top:-100px; margin-left: -318px; z-index: 11;
-webkit-transform:scale(0.5, 0.5);
-moz-transform:scale(0.5, 0.5);
-o-transform:scale(0.5, 0.5);
transform:scale(0.5, 0.5);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
.section3 .text1img{background:url(../images/text1img.png) no-repeat center center;width:511px;height:303px;position:absolute;left:233px;top:145px;z-index:12; opacity: 0.3;
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
.section3 .text-box{left:50%;top:50%; opacity: 0;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s; }
/*====== CSS3过度及动画 begin ======*/
.active .bg3 .title{bottom: 85%; opacity: 1;
  -webkit-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  -o-transform:scale(1, 1);
  transform:scale(1, 1);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;}
.active .bg3 .text{bottom: 75%; opacity: 1;
  -webkit-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  -o-transform:scale(1, 1);
  transform:scale(1, 1);
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;}
.active .bg3 .bottom-block{top:115px;opacity: 1;
  -webkit-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  -o-transform:scale(1, 1);
  transform:scale(1, 1);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;}
.active .bg3 .text1img{left:233px;top:145px; opacity: 1;
  -webkit-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  -o-transform:scale(1, 1);
  transform:scale(1, 1);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;}
.active .bg3 .text-box{ opacity: 1;
  -webkit-transform:scale(1, 1);
  -moz-transform:scale(1, 1);
  -o-transform:scale(1, 1);
  transform:scale(1, 1);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;}
.section3 .text-imgbox,.section3 .text-box{width:1000px;height:600px;position:absolute;left: 50%; margin-left: -500px; z-index: 11;top:25%;}
.section3 .text-box{z-index:12;}
.section3 .text2img{background:url(../images/text2img.png) no-repeat center center;position:absolute;width:484px;height:360px;position:absolute;left:233px;top:87px;z-index:11;}
.section3 .text3img{background:url(../images/text3img.png) no-repeat center center;position:absolute;width:512px;height:303px;position:absolute;left:205px;top:145px;z-index:11;}
.section3 .text4img{background:url(../images/text4img.png) no-repeat center center;position:absolute;width:604px;height:303px;position:absolute;left:113px;top:145px;z-index:11;}
.section3 .text5img{background:url(../images/text5img.png) no-repeat center center;position:absolute;width:484px;height:393px;position:absolute;left:233px;top:145px;z-index:11;}
.section3 .text6img{background:url(../images/text6img.png) no-repeat center center;position:absolute;width:604px;height:303px;position:absolute;left:233px;top:145px;z-index:11;}
.section3 .text1{background:url(../images/text1.png) no-repeat center center;position:absolute;width:140px;height:24px;position:absolute;left:703px;top:159px;}
.section3 .text2{background:url(../images/text2.png) no-repeat center center;position:absolute;width:95px;height:47px;position:absolute;left:430px;top:60px;}
.section3 .text3{background:url(../images/text3.png) no-repeat center center;position:absolute;width:115px;height:37px;position:absolute;left:136px;top:146px;}
.section3 .text4{background:url(../images/text4.png) no-repeat center center;position:absolute;width:140px;height:26px;position:absolute;left:60px;top:335px;}
.section3 .text5{background:url(../images/text5.png) no-repeat center center;position:absolute;width:96px;height:48px;position:absolute;left:430px;top:550px;}
.section3 .text6{background:url(../images/text6.png) no-repeat center center;position:absolute;width:120px;height:26px;position:absolute;left:775px;top:335px;}
.section3 .text1.on{background:url(../images/text1on.png) no-repeat right top;width:180px;height:36px;position:absolute;left:770px;top:110px;}
.section3 .text2.on{background:url(../images/text2on.png) no-repeat right top;width:142px;height:36px;position:absolute;left:405px;top:15px;}
.section3 .text3.on{background:url(../images/text3on.png) no-repeat left top;width:72px;height:36px;position:absolute;left:70px;top:120px;}
.section3 .text4.on{background:url(../images/text4on.png) no-repeat left bottom;width:180px;height:36px;position:absolute;left:-10px;top:370px;}
.section3 .text5.on{background:url(../images/text5on.png) no-repeat left bottom;width:72px;height:36px;position:absolute;left:440px;top:550px;}
.section3 .text6.on{background:url(../images/text6on.png) no-repeat left bottom;width:150px;height:36px;position:absolute;left:820px;top:375px;}
.text-box .text1.on{padding:0 0 0 30px;}
.text-box .text2.on{padding:0 0 30px;}
.text-box .text3.on{padding:0 30px 0 0;}
.text-box .text4.on,.text-box .text5.on,.text-box .text6.on{padding:30px 0 0;}
.text-box .on span{border:2px solid #fff;width:20px;height:20px;position:absolute;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px;}
.text-box .on span b,.text-box .on span i{background:#fff;width:12px;height:12px;position:absolute;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px;position:absolute;left:4px;top:4px;}
.text-box .text1.on span{left:0;bottom:0;}
.text-box .text2.on span{left:60px;bottom:0;}
.text-box .text3.on span{right:-10px;bottom:0;}
.text-box .text4.on span{left:80px;top:0;}
.text-box .text5.on span{left:23px;top:0;}
.text-box .text6.on span{left:60px;top:0;}
.text-box .on span i{
  -webkit-animation: dese 1s linear infinite;
  -moz-animation: dese 1s linear infinite;
  -ms-animation: dese 1s linear infinite;
  -o-animation: dese 1s linear infinite;
  animation: dese 1s linear infinite;
}
@keyframes dese{
    0% {box-shadow:0px 0px 2px 5px #fff;opacity:0.8}
   50% {box-shadow: 0px 0px 5px 10px #fff;opacity:0.4}
   80% {box-shadow: 0px 0px 15px 20px #fff;opacity:0}
  100% {box-shadow:none;border-color:#fff;opacity:0}
}
@-moz-keyframes dese{
    0% {box-shadow:0px 0px 2px 5px #fff;opacity:0.8}
   50% {box-shadow: 0px 0px 5px 10px #fff;opacity:0.4}
   80% {box-shadow: 0px 0px 15px 20px #fff;opacity:0}
  100% {box-shadow:none;border-color:#495273;opacity:0}
}
@-webkit-keyframes dese{
    0% {box-shadow:0px 0px 2px 5px #fff;opacity:0.8}
   50% {box-shadow: 0px 0px 5px 10px #fff;opacity:0.4}
   80% {box-shadow: 0px 0px 15px 20px #fff;opacity:0}
  100% {box-shadow:none;border-color:#495273;opacity:0}
}
@-o-keyframes dese{
    0% {box-shadow:0px 0px 2px 5px #fff;opacity:0.8}
   50% {box-shadow: 0px 0px 5px 10px #fff;opacity:0.4}
   80% {box-shadow: 0px 0px 15px 20px #fff;opacity:0}
  100% {box-shadow:none;border-color:#495273;opacity:0}
}
.circle{
  -webkit-animation: o360 6s linear infinite;
  -moz-animation: o360 6s linear infinite;
  -ms-animation: o360 6s linear infinite;
  -o-animation: o360 6s linear infinite;
  animation: o360 6s linear infinite;
}
@keyframes o360{
    0% { transform: rotate(0deg); }
    5% { transform: rotate(36deg); }
    10% { transform: rotate(72deg); }
    15% { transform: rotate(108deg); }
    20% { transform: rotate(144deg); }
    25% { transform: rotate(180deg); }
    30% { transform: rotate(216deg); }
    35% { transform: rotate(252deg); }
    40% { transform: rotate(288deg); }
    45% { transform: rotate(324deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
@-moz-keyframes o360{
    0% { transform: rotate(0deg); }
    5% { transform: rotate(36deg); }
    10% { transform: rotate(72deg); }
    15% { transform: rotate(108deg); }
    20% { transform: rotate(144deg); }
    25% { transform: rotate(180deg); }
    30% { transform: rotate(216deg); }
    35% { transform: rotate(252deg); }
    40% { transform: rotate(288deg); }
    45% { transform: rotate(324deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes o360{
    0% { transform: rotate(0deg); }
    5% { transform: rotate(36deg); }
    10% { transform: rotate(72deg); }
    15% { transform: rotate(108deg); }
    20% { transform: rotate(144deg); }
    25% { transform: rotate(180deg); }
    30% { transform: rotate(216deg); }
    35% { transform: rotate(252deg); }
    40% { transform: rotate(288deg); }
    45% { transform: rotate(324deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
@-o-keyframes o360{
    0% { transform: rotate(0deg); }
    5% { transform: rotate(36deg); }
    10% { transform: rotate(72deg); }
    15% { transform: rotate(108deg); }
    20% { transform: rotate(144deg); }
    25% { transform: rotate(180deg); }
    30% { transform: rotate(216deg); }
    35% { transform: rotate(252deg); }
    40% { transform: rotate(288deg); }
    45% { transform: rotate(324deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
/*====== CSS3过度及动画 end ======*/
.ltie9 .bg3 .title{bottom: 85%; opacity: 1;transform:scale(1, 1);transition-delay: 0.7s;}
.ltie9 .bg3 .text{bottom: 75%; opacity: 1;transform:scale(1, 1);transition-delay: 0.7s;}
.ltie9 .bg3 .bottom-block{top:115px;opacity: 1;transform:scale(1, 1);transition-delay: 1s;}
.ltie9 .bg3 .text1img{left:233px;top:145px; opacity: 1;transform:scale(1, 1);transition-delay: 2s;}
.ltie9 .bg3 .text-box{ opacity: 1;transform:scale(1, 1);transition-delay: 2s;}

.fl{float: left}
.fr{float: right}

/*banner*/
.banner-a1{width: 390px;height: 250px;display: block;left: 18%;position: absolute;top: 10%;}
.banner-a2{width: 200px;height: 50px;display: block;right: 18%; position: absolute;top: 7%;z-index: 999;}
@media screen and (min-width: 1366px) and (max-width:1440px){
.banner-a1{left: 8%;}
.banner-a2{right:8%;}
}
@media screen and (min-width: 1200px) and (max-width:1366px){
.banner-a1{left: 5%;}
.banner-a2{right:5%;}
}
@media screen and (min-width: 766px) and (max-width: 1200px){
.banner-a1{left: 0%;}
.banner-a2{right:0%;}
}

/*sjh1*/
.web-main{width:100%;}
.xjh1,.xjh3,.xjh5{background-color: #f3f3f3}
.dropbz{width:1200px;margin:0 auto;padding:5% 0;    overflow: auto;}
.web-title h2{font-size: 36px;color:#333;text-align: center;margin-bottom: 80px;font-weight:normal;}
.xjh1-main-l{width:48%;}
.xjh1-main p{font-size: 24px;color:#666;text-align: left;margin-bottom: 20px;font-weight:normal;line-height: 36px;}
.xjh1-main-r{width:48%;}
.xjh1-main-r img{width:100%;}


/*sjh2*/
.vip_tab{width: 100%; margin-top: 5px;  height: auto;}
.vip_tab ul{display: inline-block;padding:0;background: #fff url(../images/line.png) no-repeat 91% 24%;}
.vip_tab .tab{width: 15%; float: left;}
.vip_tab ul li{display: inline-block;float: left;width:100%;text-align: left;border-radius: 3px 3px 0 0;cursor:pointer;padding: 6px 0 6px 0;line-height: 30px;font-size: 16px;color: #999;height: 115px;position: relative;}
.tab_ct{display: none;border-top: 0;color: #333;margin: 0; width: 80%;float: right;padding-top: 10px;}
.tab_ct div{margin-bottom: 10px; font-size: 14px;}
.tab_ct span{ color: #333; line-height: 30px; width: 130px;  font-size: 14px;  font-weight: bold; text-align: center; margin-right: 20px; height: 31px;  display: inline-block;float: left;}
.tab_ct p{font-size: 14px; line-height: 24px; text-indent: 2em;}
.vip_tab ul li span{width: 65%;display: block;}
.vip_tab ul li::before{content: "";width:16px;height:16px;background-color: #d9d9d9;border:8px solid #f3f3f3;display: block;position: absolute;right: 0;border-radius:50px;}
.vip_tab ul .li1::before{top:15px;}
.vip_tab ul .li2::before{top:15px;}
.vip_tab ul .li3::before{top:5px;}
.vip_tab .active{color:#333;height: 115px;}
.vip_tab .active::before{background-color: #fff;border:8px solid #fff;box-shadow: 0px 0px 5px 2px #eee}
.vip_tab .li1.active::before{background-color: #565fd0}
.vip_tab .li2.active::before{background-color: #565fd0}
.vip_tab .li3.active::before{background-color: #565fd0}
.tab1-l{width:48%;font-size: 16px!important;color:#333;line-height: 30px;}
.tab1-r{width:48%;}
.tab1-r img{width:100%;}
.tab2-l{width:48%;}
.tab2-l .tab2-li{width:180px;height: 117px;background-color: #f3f3f3;float: left;margin: 0 25px 25px 0;}
.tab2-l .tab2-li p{font-size: 16px!important;color:#333;line-height: 117px;text-align: center;text-indent: 0;}
.tab2-r{width:48%;}
.tab2-r img{width:90%;}
.tab3-l{width:100%;}
.tab3-l .tab3-li{width:24%;text-align: center;background-color: #f3f3f3;float: left;padding:20px 35px 45px 35px; height: 205px;}
.tab3-l .tab3-li.center{margin:0 2%;}
.tab3-l .tab3-li .p1{font-size: 16px;color:#333;margin:15px 0;font-weight: 600;}
.tab3-l .tab3-li .p2{font-size: 16px;color:#666;line-height: 24px;}

/*xjh3*/
.xjh3-main{width: 100%;}
.xjh3-main ul{display: block;width:100%;}
.xjh3-main ul li{width:19%;margin-left:20px;padding:20px 0;background-color: #fff;text-align: center;float: left}
.xjh3-main .xjh3-img1{background-color: #ddd;height:60px;}
.xjh3-main .xjh3-img{background-color: #999;height:60px;color:#fff;font-size: 24px;line-height: 60px;}
.xjh3-main .xjh3-img2{background: url(../images/line2.png) repeat-y;height:60px;color:#fff;font-size: 24px;line-height: 60px;}
.xjh3-main h2{line-height: 80px;font-size: 36px;color:#333;}
.xjh3-main p{line-height: 50px;font-size: 18px;color:#333;border-bottom:1px solid #f3f3f3;}
.xjh3-main .xjh3-w h2,.xjh3-main .xjh3-w p{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-gradient(linear, 0% 40%, 70% 100%, from(#4568dc), to(#6e53c0));}

/*xjh4*/
.xjh4-main{width: 100%;overflow: auto}
.xjh4-main ul{display: block;width:100%;margin-left:0px;overflow: auto}
.xjh4-main ul li{width:23%;margin-left:24px;background-color: #fff;float: left}
.xjh4-main ul li p{font-size: 18px;line-height: 24px;color:#333;margin-top: 20px;}
.xjh4-img,.xjh4-img img{width:100%;}


/*xjh5*/
.xjh5-main-l{width:100%;}
.jobs{width:100%;margin:0 auto;}
.jobList .job_info li{ margin-bottom:5px;}
.jobList .job_info li .link{ padding:0 20px; height:52px; line-height:52px; overflow:hidden; cursor:pointer;}
.jobList .job_info li .link p{ width:92%; float:left; font-size:18px; line-height:52px;color:#333;}
.jobList .job_info li .link .fa_down{ font-size:14px;    margin-right: 15px;display:block; float:left;}
.jobList .job_info li .link .fa_down a{ display:block; font-size:16px; width:0px; padding-right:24px; font-style: normal; background:url(../images/job_icon1.png) no-repeat right center;}
.jobList .job_info li.open .link{color:#333;}
.jobList .job_info li.open .link .fa_down a{ background:url(../images/job_icon2.png) no-repeat right center; color:#fff; font-style: normal;}
.jobList .job_info li .submenu{ display:none; padding:0 0 0 57px; width:89%; position: relative;}
.jobList .job_info li .submenu .text{ font-size:16px; line-height:24px; width:100%;color:#666;}

.mobile,.wap_banner{display: none}

@media screen and (max-width:768px){
.section.section3{display: none}
.wap_banner{display: block;}
.wap_banner img{width:100%;}
.dropbz{width:95%;margin:0 auto;}
.web-title h2{font-size: 18px;margin-bottom: 20px;}
.xjh1-main-l{width:100%;margin-bottom: 20px;}
.xjh1-main p{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
.xjh1-main-r{width: 100%}
.vip_tab .tab {width: 100%;float: none;}
.vip_tab ul{background:#fff;}
.vip_tab ul li{width: 31%; margin: 0 1%;font-size: 14px;text-align: center;}
.vip_tab ul li::before{top: 75px!important;right:50%;    margin-right: -16px;}
.vip_tab ul li span{width:100%;}
.tab_ct,.tab1-l,.tab1-r,.tab2-l,.tab2-r,.tab2-3{width:100%;}
.tab2-l .tab2-li{width: 48%;margin: 1%;}
.tab3-l .tab3-li{width: 90%;padding: 5%;margin-bottom: 15px;}
.tab3-l .tab3-li.center{margin:0 0 15px 0}
.li-none{display: none}
.mobile{display: inline-block;}
.xjh3-main ul li{width:100%;margin:0 0 15px 0;}
.xjh4-main ul li{margin: 2.5%!important;width: 45%;}
.xjh4-main ul li p { font-size: 14px;line-height: 22px; margin-top: 5px;}
.xjs5-div1{width: 100%!important}
.jobList .job_info li .link p {width: 87%;font-size: 14px;}
.jobList .job_info li .submenu .text {font-size: 14px;line-height: 20px;width: 95%;}


}