body{background: #f0f5ff;}
@font-face { font-family: bebas;src: url("/statics/fonts/bebas.ttf");}
@font-face { font-family: GOTHICB;src: url("/statics/fonts/GOTHICB.ttf");}
@font-face { font-family: GOTHIC;src: url("/statics/fonts/GOTHIC.ttf");}
.flex{ display: flex; flex-direction:row;flex-wrap:wrap;}
.leftSide{flex: 1; height: 100%;}
.rightSide{flex: 1; height: 100%;}
.about-more{ display: block; width: 200px; color: #fff; text-align: center; height: 50px; line-height: 50px; background-image: linear-gradient(270deg,#ff8c1f,#ff6a00);
border-radius: 0 2px 2px 0;}
.about-more:after{content: ""; display: inline-block; width: 40px; height: 50px; vertical-align: top; margin-left:10px; background:url("../../images/about/more.png") center no-repeat; }
.about-more:hover{background: #fe9701; color: #fff;}

/*=================================菜单================================*/
.about-cloumn{ height: 40px; width: 785px; position: absolute; left: 0; right: 0; bottom: 0;background:url("../../images/about/menu.png") center top no-repeat;}
.about-cloumn li{float: left;line-height: 40px;text-align: center; margin-left: -15px; width: 125px;}
.about-cloumn li a{display: block; color: #b4c0d8; }
.about-cloumn li:first-child{margin-left: 0;}
.about-cloumn li:hover a{color: #fff}
.about-cloumn .curr{background:url("../../images/about/menu_a.png") center top no-repeat;}
.about-cloumn .curr a{color: #fff}


/*=================================banner================================*/
.about-banner{height:400px;color: #fff; min-width: 1280px;}
.about-banner h1{ font-size: 52px; margin-bottom: 10px;}
.about-banner .main{margin: 0 auto; padding-top: 182px; }
.about-banner .container{position: relative; height: 218px; }
.about-banner .location{overflow: hidden}
.about-banner .location a,.about-banner .location em{color:#cccccc; display: inline-block}
.about-banner .location a:hover{color: #fff;}
.course-banner{background:url("../../images/about/course/banner.jpg?v=1") center top no-repeat;}
.evn-banner{background:url("../../images/about/environment/banner.jpg?v=1") center top no-repeat;}
.job-banner{background:url("../../images/about/join/banner.jpg?v=1") center top no-repeat;}
.job-banner .info{overflow: hidden}
.job-banner .info h1{float: left; margin-right: 30px;}
.job-banner .info p{width: 618px; line-height: 24px; margin-top: 15px;}
.contact-banner{background:url("../../images/about/contact/banner.jpg?v=1") center top no-repeat;}
.notice-banner{background:url("../../images/about/notice/banner.jpg?v=1") center top no-repeat;}
.honor-banner{background:url("../../images/about/zizhi/banner.jpg?v=1") center top no-repeat;}
.about-banner .leftSide,.about-banner .rightSide{display: none}
@media (min-width: 2520px) {
    .about-banner.flex{align-items: flex-end; }
    .about-banner .main{width: 2500px;}
    .about-banner .rightSide{height: 300px;display: block}
    .about-banner .leftSide{display: block}
    .course-banner .rightSide{background: #254173;}
    .course-banner .leftSide{background: #0f2e65}
    .evn-banner .rightSide{background: #1a3b71;}
    .evn-banner .leftSide{background: #123471}
    .honor-banner .rightSide{background: #11316e;}
    .honor-banner .leftSide{background: #072466;}
    .notice-banner .rightSide{background: #213f73;}
    .notice-banner .leftSide{background: #304a7b;}
    .job-banner .rightSide{background: #224680;}
    .job-banner .leftSide{background: #1f437f;}
    .contact-banner .rightSide{background: #0f3b7a;}
    .contact-banner .leftSide{background: #0f3b7a;}
}


/*==================================关于我们==============================*/

.about-main .nav-right a{ color: #fff;}
.about-main .nav-right .member:before{background:url("../../images/public/ico/member1.png") center top no-repeat;}
.about-main .nav-right .btn{border: 1px solid rgba(1,91,254,.3); color: #fff;}
.about-main .nav-right .btn:hover{ color: #fff;}
.about-main .nav-right .btn-register{color: #fff !important;}
.top-header .nav-right .user,.top-header .nav-right .exit{color: #059fff}
.top-header .nav-right .user:hover,.top-header .nav-right .exit:hover{color: #fe9701}

.intro-cloumn{line-height: 50px;overflow: hidden}
.intro-cloumn h3{float: right; font-size: 40px; color: #000000}
.intro-cloumn h3 span{color: #fe9701; margin-left: 10px;}
.intro-banner{ height:570px; color: #fff;background:url("../../images/about/intro/banner.jpg?v=2") center top no-repeat; min-width:1280px; overflow:hidden;}
.intro-banner .main{margin: 0 auto;overflow: hidden}
.intro-banner .container{ margin-top: 200px;}
.intro-banner h1{ font-size: 52px;}
.intro-banner h3{ font-size: 36px; margin: 20px 0 65px;}
.intro-banner .container{position: relative; height: 370px;}
.intro-banner .about-cloumn li a{color: #cfd7e5;}
.intro-banner .about-cloumn li:hover a{color: #fff}
.intro-banner .about-cloumn .active a{color: #fff}
.intro-banner .video{ font-size: 18px; line-height: 50px; cursor: pointer}
.intro-banner .video i{ float: left; width: 50px; height: 50px; margin-right: 18px; background:url("../../images/about/intro/video.png") 22px center rgba(1,126,254,.47) no-repeat;border-radius: 100%;}
.intro-banner .video:hover i{background:url("../../images/about/intro/video.png") 22px center rgba(1,126,254,.75) no-repeat;}
.intro-part1{ padding: 95px 0 70px;background: #f0f5ff;min-width: 1280px; overflow: hidden}
.intro-part1 .container{width: 1320px; background:url("../../images/about/intro/bg1.png?v=1") left 45px no-repeat;}
.intro-part1 .container:after{content: ""; display: block; clear: both; width: 100%; height: 1px;}
.intro-part1 .slogn{ margin-top:90px; width: 330px; float: left; overflow: hidden}
.intro-part1 .slogn li{float: left; margin-bottom: 85px; color: #666666;}
.intro-part1 .slogn li:nth-child(odd){ width: 202px;}
.intro-part1 .slogn span{display: block; font-size: 36px; margin-bottom:8px; color: #ff8c1f;font-family:"bebas"; font-weight: 600;}
.intro-part1 .info{float: right; margin-right: 20px; width: 890px;}
.intro-part1 .info h4{ margin-bottom: 25px; font-size: 24px;}
.intro-part1 .info h4:after{content: ""; display: block; width: 30px; height: 3px; background: #fe9701; margin-top:18px;}
.intro-part1 .info p{ line-height: 28px; margin-bottom: 25px; text-align: justify}
.intro-part2{height: 520px; background:url("../../images/about/intro/bg2.jpg?v=1") center top no-repeat; min-width: 1280px; overflow: hidden}
.intro-part2 .container{ margin-top: 88px;}
.intro-part2 .rightSide{background: #e6ebf5}
.intro-part2 ul{ margin: 45px 0 0 -40px; text-align: center; overflow: hidden}
.intro-part2 ul li{float: left; background: #fff; margin-left: 40px; width: 290px; height: 240px;}
.intro-part2 ul img{ display: block; height: 170px; max-width: 100%; margin:20px auto 15px;}
.intro-part3{ padding: 95px 0 80px;background: #f0f5ff; min-width: 1280px; overflow: hidden}
.intro-part3 ul{margin: 58px 0 0 -30px; overflow: hidden}
.intro-part3 ul li{float: left; margin: 0 0 20px 30px; height:300px;position: relative; overflow: hidden}
.intro-part3 li img{ display: block;}
.intro-part3 li h3{ color: #fff; font-size: 30px; padding-left: 50px;position: absolute; left: 44px; right: 0; top:74px;}
.intro-part3 .nm{position: absolute; right: 28px; top: 28px; width: 46px; height: 40px;}
.intro-part3 .desc{color: #fff; line-height: 30px; text-align: justify; height: 100px;transition: 0.4s all linear;-moz-transition: 0.4s all linear;-webkit-transition: 0.4s all linear;-o-transition: 0.4s all linear; position: absolute; left: 44px; right:44px; bottom: 65px;}
.intro-part3 .option{height: 120px; text-align: center; position: absolute; left: 44px; right:0; bottom: -140px;transition: 0.4s all linear;-moz-transition: 0.4s all linear;-webkit-transition: 0.4s all linear;-o-transition: 0.4s all linear;}
.intro-part3 .option a{float: left; width: 110px; color: #fff; height: 25px; background: rgba(255,255,255,.2); line-height: 25px; margin: 0 5px 5px 0;}
.intro-part3 .option a:hover{ background: rgba(255,255,255,.5); }
.intro-part3 .item2 .desc{color: #666}
.intro-part3 .item2 .option a{background: #fff; color: #666666}
.intro-part3 .item2 .option a:hover{background: #f0f5ff;}
.intro-part3 .item1,.intro-part3 .item4{ width: 410px;}
.intro-part3 .item2,.intro-part3 .item3{ width: 840px;}
.intro-part3 .item2 h3,.intro-part3 .item2 .desc,.intro-part3 .item2 .option{left: 360px;}
.intro-part3 .item3 .desc{right:68px;}
.intro-part3 .item1 h3{ background:url("../../images/about/intro/cp_ico1.png") left center no-repeat;}
.intro-part3 .item2 h3{ color: #333333; background:url("../../images/about/intro/cp_ico2.png") left center no-repeat;}
.intro-part3 .item3 h3{ background:url("../../images/about/intro/cp_ico3.png") left center no-repeat;}
.intro-part3 .item4 h3{ padding-left: 60px; background:url("../../images/about/intro/cp_ico4.png") left center no-repeat;}
.intro-part3 .item1 .nm{ background:url("../../images/about/intro/cp_01.png") right center no-repeat; }
.intro-part3 .item2 .nm{ background:url("../../images/about/intro/cp_02.png") right center no-repeat; }
.intro-part3 .item3 .nm{ background:url("../../images/about/intro/cp_03.png") right center no-repeat; }
.intro-part3 .item4 .nm{ background:url("../../images/about/intro/cp_04.png") right center no-repeat; }
.intro-part3 li:hover .desc{bottom: -110px;}
.intro-part3 li:hover .option{bottom: 35px;}
.intro-part4{height:710px; background:url("../../images/about/intro/bg3.jpg?v=2") center top no-repeat; min-width: 1280px; overflow: hidden}
.intro-part4 .container{ margin-top: 75px;}
.intro-part4 .leftSide{background: #e6ebf5}
.intro-part4 .intro-cloumn h3{line-height: 75px;}
.intro-part4 .cloumn{ float: left;font-size: 18px;}
.intro-part4 .cloumn li{ float: left;height: 110px;position: relative; cursor: pointer; padding-right: 80px; overflow: hidden}
.intro-part4 .cloumn li:after{content: "";width: 111px; height: 110px; position: absolute; right:250px; top: 0; transition: 0.4s all linear;-moz-transition: 0.4s all linear;-webkit-transition: 0.4s all linear;-o-transition: 0.4s all linear;}
.intro-part4 .cloumn li:last-child{margin-right: 0;}
.intro-part4 .cloumn li p{font-weight: bold;font-style: italic; line-height:100px; position: relative; z-index: 2; padding-left: 65px;}
.intro-part4 .cloumn .active{color: #fe9701; font-size: 24px;}
.intro-part4 .cloumn .active:after{ right:22px;background:url("../../images/about/intro/feature_a.png") center top no-repeat;}
.intro-part4 .cloumn .item1 p{background:url("../../images/about/intro/feature_ico1.png") left 35px no-repeat;}
.intro-part4 .cloumn .item2 p{background:url("../../images/about/intro/feature_ico2.png") left 35px no-repeat;}
.intro-part4 .cloumn .item3 p{background:url("../../images/about/intro/feature_ico3.png") left 35px no-repeat;}
.intro-part4 .cloumn .item4 p{background:url("../../images/about/intro/feature_ico4.png") left 35px no-repeat;}
.intro-part4 .cloumn .item1.active p{background:url("../../images/about/intro/feature_ico1_a.png") left 35px no-repeat;}
.intro-part4 .cloumn .item2.active p{background:url("../../images/about/intro/feature_ico2_a.png") left 35px no-repeat;}
.intro-part4 .cloumn .item3.active p{background:url("../../images/about/intro/feature_ico3_a.png") left 35px no-repeat;}
.intro-part4 .cloumn .item4.active p{background:url("../../images/about/intro/feature_ico4_a.png") left 35px no-repeat;}
.intro-part4 .main{ display: none; height: 420px; margin-top:15px; overflow: hidden}
.intro-part4 .info{ width: 580px; height:272px; padding: 38px 30px 0; background: #e6ebf5; float: right; margin-top: 55px;}
.intro-part4 .info h4{ font-size: 20px; margin-bottom: 28px;}
.intro-part4 .info p{margin-bottom: 18px; font-size: 16px; padding-left: 30px;background:url("../../images/about/intro/ico.png") 2px 4px no-repeat;}
.intro-part4 .main4 .info p{ font-size: 14px;background:url("../../images/about/intro/ico.png") 2px 2px no-repeat;}
.intro-part4 .main4 .info span{display: block; font-weight: bold; margin-bottom: 10px;}
.intro-part4 .main1{background:url("../../images/about/intro/feature_bg1.jpg") left top no-repeat;}
.intro-part4 .main2{background:url("../../images/about/intro/feature_bg2.jpg") left top no-repeat;}
.intro-part4 .main3{background:url("../../images/about/intro/feature_bg3.jpg") left top no-repeat;}
.intro-part4 .main4{background:url("../../images/about/intro/feature_bg4.jpg") left top no-repeat;}
.intro-part5{height:575px; margin-top: 100px; background:url("../../images/about/intro/bg4.jpg") center top no-repeat;  min-width: 1280px; overflow: hidden}
.intro-part5 .container{ margin-top: 80px;}
.intro-part5 .rightSide{background: #000e28;}
.intro-part5 .intro-cloumn h3,.intro-part5 .intro-cloumn h3 span{color: #fff;}
.intro-part5 .about-more{margin:95px 0 27px; background: #fe9701; float: right}
.intro-part5 .img{ width: 295px; height: 180px; margin-bottom:26px;}
.intro-part5 .img1{ width: 640px; height: 390px; float: left; margin-right: 25px;}
.intro-part5 dt{float: right; width: 295px;}
.intro-part5 dd{float: left; width: 965px; margin-top: 12px;}
.intro-part6{ padding:110px 0 50px;background: #f0f5ff; min-width: 1280px; overflow: hidden}
.intro-part6 .intro-cloumn p{ clear: both; text-align: right; font-size: 18px; margin-right: 20px;}
.intro-part6 .about-more{margin-top: 50px; float: right}
.intro-part6 .right{float: right; width: 300px;}
.intro-part6 .list{float: left; margin-top:20px; width: 965px;}
.intro-part6 .list li{float: left; width: 300px; position: relative; margin:0 20px 15px 0; height: 140px; cursor: pointer;overflow: hidden}
.intro-part6 .list .img{width: 220px; height: 80px; position: absolute; left: 40px; top:30px;transition: 0.4s all linear;-moz-transition: 0.4s all linear;-webkit-transition: 0.4s all linear;-o-transition: 0.4s all linear;}
.intro-part6 .list .leftFain{left: -100px; top:-80px}
.intro-part6 .info{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; border-top: 3px solid #fe9701;opacity:0;}
.intro-part6 .info p{line-height: 24px; text-align: justify; margin: 38px 15px 0 60px; height: 72px; overflow: hidden}
.intro-part6 .info img{position: absolute; left: 15px; top:15px;}
.intro-part6 .list li:hover .info{ opacity: 1;transition-duration: 2s;}

@media (max-width: 1620px) {
    .about-main .top-header .container{width: 1280px;}
    .intro-banner{background:url("../../images/about/intro/banner_s.jpg?v=2") center top no-repeat;}
}
.intro-banner .leftSide,.intro-banner .rightSide{display: none}
@media (min-width: 2520px) {
    .intro-banner.flex{align-items: flex-end; }
    .intro-banner .main{width:2500px;}
    .intro-banner .rightSide{ display: block; background: #000e28;height: 330px;}
    .intro-banner .leftSide{ display: block; background: #000e28}
}


/*===============================联系我们=================================*/
.contact-cloumn{font-size: 30px; margin-bottom: 45px;}
.contact-part1{ padding:55px 0;min-width:1280px; overflow:hidden;}
.contact-part1 ul{ margin-left: -39px; text-align: center; overflow: hidden}
.contact-part1 ul li{float: left; margin-left:39px; position: relative; border: 1px solid #ddd; width: 398px; height: 328px;}
.contact-part1 ul h4{ font-size: 18px; font-weight: bold; padding-top: 144px;}
.contact-part1 ul p{font-size: 16px; color: #666666; margin-top: 10px;}
.contact-part1 ul a{ display: block; margin: 36px auto 0; width: 150px; height: 45px; line-height: 45px; color: #fff; background-image: linear-gradient(270deg,#ff8c1f,#ff6a00);
border-radius: 0 2px 2px 0;}
.contact-part1 ul span{display: block; height: 38px; line-height: 38px; font-size: 23px; margin-top: 40px;}
.contact-part1 ul em{ font-family:"bebas"; display: inline-block; vertical-align: top; margin-right:10px;color: #fe9701;font-size: 26px;}
.contact-part1 ul .ewm{ display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #666666; font-size: 16px; padding-top:68px; background: #fff;}
.contact-part1 ul .ewm img{display: block; border: 1px solid #fe9701; width: 158px; height: 158px; margin: 0 auto 15px;}
.contact-part1 ul .item1 h4{background:url("../../images/about/contact/ico1.png") center 32px no-repeat;}
.contact-part1 ul .item2 h4{background:url("../../images/about/contact/ico5.png") center 32px no-repeat;}
.contact-part1 ul .item3 h4{background:url("../../images/about/contact/ico2.png") center 32px no-repeat;}
.contact-part1 ul .item2:hover .ewm{display: block}
.contact-part2{ padding:55px 0; background: #f2f5fa; min-width:1280px; overflow:hidden;}
.contact-part2 ul{ margin-left: -40px; overflow: hidden}
.contact-part2 ul li{float: left; margin-left: 40px; padding: 0 30px; width: 560px; height: 235px;}
.contact-part2 ul h4{font-size: 24px; border-bottom: 1px solid #ddd; height: 69px; line-height: 69px; padding-left: 45px;}
.contact-part2 ul p{font-size: 16px; color: #666666; margin:28px 15px 0;}
.contact-part2 ul a{ display: block;width: 150px; text-align: center; height: 45px; margin: 36px 15px 0; line-height: 45px; color: #fff; background-image: linear-gradient(270deg,#ff8c1f,#ff6a00);
border-radius: 0 2px 2px 0;}
.contact-part2 ul span{display: block; height: 38px; line-height: 38px; margin:36px 15px 0; font-size: 23px;}
.contact-part2 ul em{ font-family:"bebas"; display: inline-block; vertical-align: top; margin-right: 10px; color: #fe9701; font-size: 26px;}
.contact-part2 ul .item1{background:url("../../images/about/contact/bg1.jpg") right top no-repeat;}
.contact-part2 ul .item1 h4{background:url("../../images/about/contact/ico3.png") 12px center no-repeat;}
.contact-part2 ul .item2{background:url("../../images/about/contact/bg2.jpg") right top no-repeat;}
.contact-part2 ul .item2 h4{background:url("../../images/about/contact/ico4.png") 14px center no-repeat;}
.contact-part3{ padding:55px 0 40px;min-width:1280px; overflow:hidden;}
.contact-part3 .list{position: relative;border: 5px solid #f2f5fa; margin-bottom: 40px; overflow: hidden}
.contact-part3 .list img{display: block;width: 100%; }
.contact-part3 .text{ background: #fff;
    width: 430px;
    padding: 25px 15px 25px 30px;
    position: absolute;
    right: -5px;
    top: 210px;}
.contact-part3 .text h4{ font-size: 20px; margin-bottom: 22px;}
.contact-part3 .text p{ font-size: 16px; line-height: 30px; margin-bottom:10px; position: relative; padding-left: 25px;}
.contact-part3 .text p span{display:block; float:left;width:200px;}
.contact-part3 .text p span i{color:#0067b8;}
.contact-part3 .text p:before{content: ""; width: 22px; height: 30px; position: absolute; left: 0; top: 0;}
.contact-part3 .text p a{margin-left:30px; color:#0067b8;}
.contact-part3 .text p a:hover{margin-left:30px; color:#fe9701; font-size:30px;}
.contact-part3 .address:before{background:url("../../images/about/contact/ads.png") left center no-repeat;}
.contact-part3 .tel:before{background:url("../../images/about/contact/tel.png") left center no-repeat;}
.contact-part3 .email:before{background:url("../../images/about/contact/mail.png") left center no-repeat;}


/*================================加入我们================================*/
.job-part1{ padding:80px 0; min-width:1280px; overflow:hidden;}
.job-part1 dl{height: 320px;}
.job-part1 dl h4{ font-size: 24px;}
.job-part1 dl h5{ height: 40px; line-height: 40px; font-size: 16px; color: #999999;font-family:"GOTHIC"}
.job-part1 dl h5 span{ display: inline-block; vertical-align: top; margin-left: 30px; color: #333333; font-size: 40px;}
.job-part1 dl p{line-height: 30px; margin-left: 110px; width: 410px; color: #666666; overflow: hidden}
.job-part1 dl dt{width: 640px;}
.job-part1 dl dd{width: 600px; padding: 80px 0 0 40px; background: #fff; height: 240px;}
.job-part1 .list1 dt{float: left}
.job-part1 .list1 dd{ float: right}
.job-part1 .list2 dt{float: right}
.job-part1 .list2 dd{ float: left}
.job-part1 ul{ margin: 10px 0; overflow: hidden}
.job-part1 ul li{height: 320px; float: left; width: 635px; position: relative}
.job-part1 ul li:last-child{float: right}
.job-part1 .info{position: absolute; left: 35px; right: 60px; bottom: 35px; color: #fff;}
.job-part1 .info h4{ margin-bottom: 18px; font-size: 24px;}
.job-part1 .info span{ font-size: 16px; margin-left: 10px;font-family:"GOTHIC"}
.job-part1 .info p{ line-height: 24px;}
.job-part1 .img{display: block;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.job-part1 ul li:hover .img,.job-part1 .img:hover{filter: none;}
.job-part2{min-width:1280px; color: #fff; overflow:hidden;}
.job-part2 li{float: left; height: 250px; width: 33.333%; position: relative;}
.job-part2 li h4{ font-size: 24px; position: absolute; left: 35px; right: 35px; bottom: 30px;transition: 0.1s all linear;-moz-transition: 0.1s all linear;-webkit-transition: 0.1s all linear;-o-transition: 0.1s all linear;}
.job-part2 li p{ position: absolute; left: 35px; right: 20px; bottom: -30px;transition: 0.1s all linear;-moz-transition: 0.1s all linear;-webkit-transition: 0.1s all linear;-o-transition: 0.1s all linear;}
.job-part2 li:hover p{bottom: 50px;}
.job-part2 li:hover h4{bottom: 80px;}
.job-part2 .item1{ background:url("../../images/about/join/bg1.jpg?v=1") center top no-repeat;}
.job-part2 .item2{ background:url("../../images/about/join/bg2.jpg?v=1") center top no-repeat;}
.job-part2 .item3{ background:url("../../images/about/join/bg3.jpg?v=1") center top no-repeat;}
.job-part2 .item4{width: 66.666%;background:url("../../images/about/join/bg4.jpg?v=1") center top no-repeat;}
.job-part2 .item5{ background:url("../../images/about/join/bg5.jpg?v=1") center top no-repeat;}
.job-part3{padding: 80px 0; background: #f2f5fa; min-width: 1280px; overflow: hidden}
.job-part3 dl{border: 1px solid #ddd; overflow: hidden}
.job-part3 dt{float: left; width: 299px; font-size: 16px; overflow: hidden}
.job-part3 dt p{height: 70px; line-height: 70px; color: #666666; padding-left: 30px; cursor: pointer;}
.job-part3 dt p:hover,.job-part3 dt p.active{background: #d9e5fa; color: #fe9701;}
.job-part3 dd{background: #fff; width: 978px; float: right; overflow: hidden}
.job-part3 .main{ display: none; height: 625px; padding: 45px 30px 30px 60px; overflow: hidden}
.job-part3 .head{ font-size: 20px; height: 28px; line-height: 28px; margin-bottom:28px; padding-left: 30px; background:url("../../images/about/join/ico1.png") left center no-repeat;}
.job-part3 .head span{ float: right; margin:1px 0 0 10px; text-align: center; font-size: 14px; padding: 0 10px; background: #e5eeff; height: 24px; line-height: 24px; border: 1px solid #fe9701; color: #fe9701;}
.job-part3 .info{margin-bottom: 20px; overflow: hidden}
.job-part3 .info h5{font-size: 14px; margin-bottom: 5px;}
.job-part3 .info p{line-height: 24px; color: #666666;}
.job-form{ height:50px; padding: 45px 30px; background:url("../../images/about/join/form.jpg?v=1") center top no-repeat;}
.job-form .input{ height: 48px; padding: 0 18px;float:left; color: #666666; margin-right: 20px; width:294px; border: 1px solid #fff;background:transparent}
.job-form .select{ height: 48px; padding: 0 18px; color: #666666; float:left; margin-right: 20px; width: 294px; border: 1px solid #fff;background:#d3ddef}
.job-form .btn{ float: right; width: 200px; height: 50px; font-size: 16px; border: 0; background: #fe9701; color: #fff; cursor: pointer}
.job-form .btn:hover{background: #4788ff;}
.job-form .input::placeholder{color: #666666}
.job-form .input::placeholder{color: #666666}
.job-form .input::placeholder{color: #b6ccf3}
.job-form .input::placeholder{color: #666666}


/*================================发展历程=================================*/
.page-course{ background:#f2f5fa; padding-top:70px;min-width:1280px; overflow:hidden;}
.page-course .main{ padding:85px 0; background:url("../../../statics/images/about/course/line.jpg") center top repeat-y; position:relative; overflow:hidden;}
.page-course .main:before{ content:''; display:block; width:20px; height:20px; background:#fe9701; border-radius: 100%; position:absolute; left:50%; top:0; margin-left:-10px;}
.page-course .list{width: 50%; float: left; overflow: hidden}
.page-course .item{width: 640px; margin-bottom: 50px;overflow: hidden}
.page-course .item:before{content: ""; width: 13px; height: 13px; position: absolute; top: 0;}
.page-course .line{height: 13px; width:90px;}
.page-course .line:after{content: ""; width: 67px; height: 5px;}
.page-course .info{background: #fff; font-size: 18px; width: 490px;padding:35px 30px;}
.page-course .info h4{font-size: 18px; line-height: 30px;}
.page-course .time{ padding-left: 28px; color: #999999;font-family:"GOTHIC"; margin-bottom:28px; background:url("../../../statics/images/about/course/date.png") left 2px no-repeat;}
.page-course .img{display: block;max-width: 100%; margin: 22px auto 0; cursor: pointer}
.page-course .imgs .img{float: left; margin-right:20px; width: 234px;}
.page-course .imgs .img:last-child{margin-right: 0;}
.page-course .left{float: left}
.page-course .left .line{float: right; }
.page-course .left .info{ float: left; }
.page-course .left .line{background:url("../../../statics/images/about/course/arr_r.png") left top no-repeat;}
.page-course .left .line:after{ float: right; background:url("../../../statics/images/about/course/line-l.png") right top no-repeat;}
.page-course .right{float: right;margin-top: 50px;}
.page-course .right .line{float: left; }
.page-course .right .info{ float: right; }
.page-course .right .line{background:url("../../../statics/images/about/course/arr_l.png") right top no-repeat;}
.page-course .right .line:after{ float: left; background:url("../../../statics/images/about/course/line-r.png") left top no-repeat;}


/*===============================新闻公告================================*/
.page-notice{ padding:40px 0; background: #f2f5fa; min-width:1280px; overflow:hidden;}
.notice-body{float: right; width: 1060px; overflow: hidden}
.notice-side{ float: left; width: 190px;overflow: hidden}
.notice-side .menu{background: #fff; text-align: center; overflow: hidden}
.notice-side .menu li{height: 60px; line-height: 60px;}
.notice-side .menu a{display: block; font-size: 16px;}
.notice-side .menu .all:before{content: ""; width: 14px; height: 60px; margin-right: 10px; display: inline-block; vertical-align: top;background:url("../../../statics/images/about/notice/nav.png") center no-repeat;}
.notice-side .menu li:hover a,.notice-side .menu .active a{background: #fe9701; color: #fff;}
.notice-side .menu .all:hover:before,.notice-side .menu .active .all:before{background:url("../../../statics/images/about/notice/nav_a.png") center no-repeat;}
.notice-side .ewm{ background: #fff; text-align: center; padding-bottom: 18px; margin-top: 20px;overflow: hidden}
.notice-side .ewm img{display: block; margin: 0 auto 3px;}
.notice-lists{background: #fff; margin-bottom: 20px; padding: 30px 0; overflow: hidden}
.notice-lists dt{ float: left; width: 139px; font-size: 20px; padding:25px 0 0 39px;font-family:"GOTHICB"}
.notice-lists dt p{ font-size: 40px; margin-bottom: 14px;}
.notice-lists dt p:after{content: ""; display: block; width: 20px; height: 3px; background: #bfd6ff; margin-top: 15px;}
.notice-lists dd{ width: 820px; border-left: 1px solid #ddd; padding: 0 30px; height: 160px; float: right}
.notice-lists .title{display: block; font-size: 18px; line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.notice-lists .desc{ color: #666666; line-height: 24px; height: 72px; margin:16px 0 8px; overflow: hidden}
.notice-lists .more{display: block; width: 58px; color: #fe9701; height:30px; line-height: 30px; padding-right: 50px;background:url("../../../statics/images/about/more1.png") right center no-repeat;}
.notice-lists:hover dt{color: #fe9701;}
.notice-show{background: #fff; padding: 0 50px 35px; overflow: hidden}
.notice-show .back{display: block; height: 79px; color: #fe9701; line-height: 79px; border-bottom: 1px solid #ddd;}
.notice-show .title{ margin: 28px 0 55px; overflow: hidden}
.notice-show .title h4{ font-size: 18px; margin-bottom: 24px;}
.notice-show .title span{ display: inline-block; margin-right: 30px; color: #666666;}
.notice-show .info{ font-size: 16px; color: #666666; padding-bottom: 55px; line-height: 36px; overflow: hidden}
.notice-show .info img{display: block; max-width: 100%; margin: 0 auto;}
.notice-show .other{overflow: hidden}
.notice-show .other li{ color: #999999; line-height:30px;}
.notice-show .other a{ color: #666666; display: inline-block; vertical-align: middle; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.notice-show .other a:hover{color: #333;}
.notice-show table{ border-spacing: 0; border-collapse: collapse; border:1px solid #ddd !important;}
.notice-show table th{border-bottom:1px solid #ddd !important;padding-left: 10px !important; padding-right: 10px !important;border-right:1px solid #ddd !important;}
.notice-show table td{ padding-left: 10px !important; padding-top: 10px !important;padding-bottom: 10px !important; line-height: 22px !important; padding-right: 10px !important;border-bottom:1px solid #ddd !important;border-left:1px solid #ddd !important;border-right:1px solid #ddd !important;}


/*================================参观公司===============================*/
.page-environment{background: #f2f5fa; padding:80px 0 160px;min-width:1280px; overflow:hidden;}
.page-environment .environment-main{ position: relative; width:1280px; height:880px;}
.page-environment .gallery-top img{ width:1280px; height:770px; display:block;}
.page-environment .full{width: 124px;height:150px;background: #fff;position: absolute;left: 10px;top: 10px; z-index:2; text-align: center;color: #666666}
.page-environment .full img{width: 112px;height: 112px;margin:6px auto 5px;}
.page-environment .thumbs-main{ background:#fff; height:200px; padding: 0 30px; width:740px; position: absolute; z-index: 1; right: 30px; bottom:0;}
.page-environment .gallery-thumbs img{ display: block; width:150px; height:86px; cursor: pointer}
.page-environment .gallery-thumbs .swiper-slide { width:150px; height:86px; border: 5px solid #f2f5fa; margin-top: 75px;}
.page-environment .gallery-thumbs .swiper-slide h4{ display: none; font-size: 16px; position: absolute; left: -294px; top: -50px;}
.page-environment .gallery-thumbs .swiper-slide-active{ border:5px solid #fe9701;}
.page-environment .gallery-thumbs .swiper-slide-active h4{display: block}
.page-environment .swiper-button-next,.page-environment .swiper-button-prev{ width:40px; height: 30px;background-repeat: no-repeat;background-size: 40px 14px; position: absolute; top: auto;bottom:144px; margin-top: 0; cursor: pointer;}
.page-environment .swiper-button-next:after, .page-environment .swiper-button-prev:after{content: none}
.page-environment .swiper-button-prev{ right:110px; left: auto;background-image: url("../../images/about/environment/arr_l.png") !important;}
.page-environment .swiper-button-next{ right:60px; left: auto; background-image: url("../../images/about/environment/arr_r.png") !important;}


/*=================================资质证明==============================*/
.honor-part1{background: #f2f5fa; padding: 55px 0; min-width: 1280px; overflow: hidden}
.honor-part2{padding: 55px 0; background: #fff; min-width: 1280px; overflow: hidden}
.honor-cloumn{font-size: 30px; margin-bottom: 45px;}
.honor-list{margin-left:-52px;overflow:hidden }
.honor-list li{float:left; width: 278px; border:1px solid #dddddd;background:#fff;text-align:center; margin:0 0 30px 52px;overflow: hidden}
.honor-list .pic{ height:330px;display:table;vertical-align:middle;}
.honor-list .pic img{ display:block; max-height:300px; max-width:90%; margin:0 auto;}
.honor-list .pic a{ width:278px; height: 320px;display:table-cell;vertical-align: middle;}
.honor-list .text{ height: 44px;display: flex;align-items: center;justify-content: center; overflow: hidden;}
.honor-list li:hover{ border:1px solid #fe9701;}
.honor-more{ display: block; cursor: pointer; color: #fe9701; font-size: 16px; height: 25px; line-height: 25px; text-align: center;}
.honor-more:after{ content: ""; width: 25px; height: 25px; transition: transform 0.3s ease; margin-left: 10px; display: inline-block; vertical-align: top; background: url("../../images/about/more2.png") center no-repeat;}
.honor-more.close:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.part1-lists{display: none}


/*================================宣传视频================================*/
.alert-video{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.4)}
.video-main{width: 800px; height: 454px; position: absolute; left: 50%; top: 50%; margin: -230px 0 0 -400px; background: #000;box-shadow: 0 3px 26px rgba(12, 12, 12, 0.9);}
.video-main .close{width: 48px; height: 48px; cursor: pointer; position: absolute; right: -24px;top: -24px; z-index: 11; background:url("../../images/about/intro/video_close.png") top center no-repeat;background-size: contain}
.video-main #ldVideo{border: 0;width: 100%; height: 100%;}
.video-main #ldVideo:focus{outline:none !important;}
.video-main .poster{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background:url("../../images/about/intro/video-poster.jpg") top center no-repeat; cursor: pointer}
.video-main .poster:before{content: ""; width: 82px; height:38px; border-radius:8px; border:2px solid #fff;background:url("../../images/about/intro/video_play.png") center rgba(43,51,63,.7) no-repeat;position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -40px;}
.video-main .poster:hover:before{background:url("../../images/about/intro/video_play.png") center rgba(238,238,238,.2) no-repeat;}