.link_left_select{width: 14.5%; position: relative; background: #fff} .link_left_select .link_left_input{width: 100%; height: 34px; line-height: 34px; padding-left: 20px; padding-right: 34px; font-size: 12px; background: none; border: 1px #fff solid; color: #5c5c5c;} .link_left_select .link_left_botom{width: 34px; transition:all 0.4s; height: 34px; cursor: pointer; background: #1166b2 url(/uploads/image/img/link_bottom.png) center center no-repeat; position: absolute; right: 0; top: 0;} .link_left_select .link_left_mark{ height: 1px; width: 100%; z-index: 10;} .link_left_select .link_left_mark li{width: 100%; height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer; background: #fff; } .link_left_select .link_left_mark li a{color: #5c5c5c; display: block; width: 100%; height: 30px; font-size: 12px;} .link_left_select .link_left_mark li:hover{background: #008fd7; color: #fff;} .link_left_select .link_left_mark li:hover a{color: #fff;} .link_left_select .link_left_mark ul{display: none;} .footer .link_left_select .link_left_mark ul{position: absolute; bottom: 100%; left: 0; width: 100%;} .footer .link_left_select .link_left_mark{position: absolute; left: 0; bottom: 100%;} .footer_logo{width: 138px;} .footer_logo a{display: block;} .footer_logo a img{width: 100%;} .footer_tail{background: #041738; padding: 1.7% 15px; font-size: 12px; color: #8d8d8d; text-align: center;} .footer_tail a{color: #8d8d8d;font-size: 12px; transition:all 0.4s;} .link_left_select .link_left_botom.active{transform:rotate(180deg);} .footer_tail a:hover{color: #fff;} .link_con .link_left_select .link_left_mark ul li{background: #f0efef;} .link_con .link_left_select .link_left_mark ul li:hover{background: #1166b2;} .com_pro_top .text_wz:hover>span{color: #4a4a4a} .bannerf{position: relative;} .time_news{background: #091e4a; width: 100%; height: 100%; overflow: hidden; padding: 0 15px; padding-right: 54px; position: absolute; right: 0; bottom: 0; z-index: 20;} .time_news a{position: relative; width: 100%; display: block; padding: 10px 0;} .time_news a .time_news_time{position: absolute;width: 53px;height: 52px;left: 0;top: 50%;margin-top: -26px;text-align: center;} .time_news a:hover .time_news_wz{opacity: 1;} .time_news a .time_news_wz{padding-left: 65px;height: 44px;color: #fff;font-size: 12px;opacity: 0.5;filter:alpha(opacity=50);width: 100%;overflow: hidden;line-height: 22px;} .time_news a .time_news_day{font-size: 25px;color: #fff;margin-top: 5px;} .time_news a .time_news_hours{font-size: 12px;color: #fff;opacity: 0.4;filter:alpha(opacity=40);margin-top: 3px;} .time_newsf{ width: 28%; height: 64px; position: absolute; right: 0; bottom: -33px; z-index: 20;} .time_newsmore{position: absolute; right: 15px; top: 0; font-size: 14px; height: 30px; line-height: 30px; bottom: 0; margin:auto; z-index: 100; } .time_newsmore a{display: block;color: #fff; font-size: 12px; opacity: 0.5;filter:alpha(opacity=50);} .time_newsmore a:hover{opacity: 1;} .clears:after{content: ""; display: block; clear: both;} .col-10{width:83.33333%} .lg-col-7{width:58.33333%} .center{text-align:center} .mx-auto{margin-left:auto;margin-right:auto;} .relative{position:relative} .block{display:block} .fit{max-width:100%} .stretch{width:100%;height:auto} .gotham{font-family:'gotham-book', sans-serif;font-style:normal;font-weight:400} .max-width-4{max-width: 1200px;} .mt4{margin-top: 4rem;} .orange{color:#e27b5b} .mx-auto{margin-left: auto;margin-right: auto;} .lh{line-height:2rem} .h3{font-size:13px} .slider--timeline .slide__top {width: 100%;} .slider--timeline .slide__bottom {width: 100%;} #section--timeline{overflow: hidden;} .timeline-list{position: relative; overflow: hidden;} .timeline-year-container{width: 100000%; position: relative;} #section--timeline,#section--timeline *{box-sizing:content-box; -webkit-box-sizing:content-box;} html[lang="el"] .didot{font-family:'triviaserif10', serif;font-weight:normal;font-style:normal} .show-from-right{opacity:0;-webkit-transform:translatex(70px);transform:translatex(70px);-webkit-transition:all 0.75s;transition:all 0.75s} .show-from-right.animate{opacity:1;-webkit-transform:translatex(0);transform:translatex(0)} .fade-in-view{opacity:0;-webkit-transition:all 0.75s;transition:all 0.75s} .fade-in-view.animate{opacity:1} .animate--stamp{-webkit-transition:all 0.75s ease;transition:all 0.75s ease;opacity:0;visibility:hidden;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)} .animate--stamp.animate{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition-delay:0.75s;transition-delay:0.75s;visibility:visible} .timeline-years__year{width: 11.11%; font-size: 20px; box-sizing:border-box;color: #5a5858;cursor:pointer;float:left;/* display:inline-block; */letter-spacing:normal;line-height:65px;padding-bottom:16px;position:relative;text-align:center;vertical-align:bottom;width: 9.09%;} .timeline-years__year:after{background-color: #e2e2e2;bottom:-15px;content:'';display:block;height:30px;left:50%;margin-left:-0.5px;position:absolute;width:1px;} .timeline-years__year:hover,.timeline-years__year.active{color:#008fd7} .timeline-years__year:hover:after,.timeline-years__year.active:after{background-color:#008fd7;margin-left:-1.5px;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s;width:3px} .timeline-years__year:first-child{color: #5a5858;font-family:'fb', serif;font-size:20px;font-style:normal;font-weight:200;} html[lang="el"] .timeline-years__year:first-child{font-family:'triviaserif10', serif;font-weight:normal;font-style:normal} .timeline-years__year.active2{color:#5a5858;font-family:'fb', serif;font-size:20px;font-style:normal;font-weight:200} html[lang="el"] .timeline-years__year:last-child{font-family:'triviaserif10', serif;font-weight:normal;font-style:normal} .slider--timeline{margin-top:75px; position: relative; overflow: hidden;} .slider--timeline .slide__year{font-size:40px;line-height: 62px;color: #008fd7;font-weight: bold;font-family: "fb";} .slider--timeline .slide__title{font-size:30px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:450px} .slider--timeline .slide__title:after{background-color:#dfd8d2;content:'';display:block;height:2px;margin:20px auto 45px auto;width:20px} .slider--timeline .slide__content{letter-spacing:1px;margin-top: 40px;} .slider--timeline .slide__content p{font-size: 16px;line-height: 24px;color: #5a5858;} .slider--timeline .slide__content p .slide__contentss{font-size: 13px; line-height: 22px; display: block;/*font-family: "aglr"*/margin-bottom: 2px;} .slider--timeline .slide__content p .slide__contentsm{display: block;width: 20px;height: 2px;background: #fff;margin: 16px auto 0;} .slider--timeline .slide__bottom--left{background-color:#dfd8d2;box-sizing:border-box;display:inline-block;height:300px;margin-right:30px;padding:30px;position:relative;vertical-align:top;width:300px} .slider--timeline .slide__bottom--right{box-sizing:border-box;display:inline-block;position:relative;vertical-align:top;width:calc(100% - 330px)} .slider--timeline .slide__caption{bottom:25px;position:absolute;right:25px} .slider--timeline .slide__53{font-size:60px} .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0} .slick-list:focus{outline:none} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-initialized .slick-slide{display: block;} .slick-initialized .slick-slide:hover .slide__contentss{opacity: 0.8;} .slick-slide{float: left; height: 100%;min-height: 1px;display: none;} .timeline-years__full-line{background-color: #e2e2e2;bottom:0;height:1px;left:0;position:absolute;right:0;width:100%;} .timeline-years__full-line{-webkit-transition:width 2s;transition:width 2s;} .timeline-years__full-line.animate{width:100%} .timeline-years__active-line{background-color: #008fd7;bottom:0;height:1px;left:0;position:absolute;right:0;-webkit-transition:width 1s;transition:width 1s;width:40px;z-index:1;} .slie_hide{color: #888; font-size: 16px; margin-top: 30px;} /*.slider--timeline .slide{display: none;} .slider--timeline .slide:first-child{display: block;}*/ .slider--timeline .slick-prev,.slider--timeline .slick-next{position: absolute;display: block;height: 14px; width: 84px;line-height: 0px;font-size: 0px;cursor: pointer;background: transparent;color: transparent;top:40px; margin-top: -7px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);padding: 0;border: none;outline: none;z-index: 1;} .slider--timeline .slick-prev{left:274px;top: 36px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background: no-repeat center center} /*.slider--timeline .slick-prev:hover{background: no-repeat center center;-webkit-transform:translate(-15px, -50%);transform:translate(-15px, -50%)} */.slider--timeline .slick-next{right:274px;top: 36px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background: no-repeat center center} /*.slider--timeline .slick-next:hover{background: no-repeat center center;-webkit-transform:translate(15px, -50%);transform:translate(15px, -50%)} */.timeline-stamp{left:-55px;position:absolute;top:-20px}.collections-stamp{position:absolute;right:-30px;top:-30px} .p416{padding: 4.16%;} .fonts{font-family: "宋体";} .link_con .link_left{width: 50%; background: #fff; } .link_con .link_right{width: 50%; background: #2c2c2c; } .link_con .link_left_select{width: 132.7%; background: #f0efef; position: relative;} .link_con .link_left_select .link_left_input{height: 48px; } .link_con .link_left_select .link_left_botom{height: 100%; width: 52px;} .link_con .link_info{height: 294px;} .link_con .link_left_bot{margin-top: 114px;} .link_con .link_left_bot .lett{line-height: 18px; height: 18px; font-size: 14px; width: 380px; overflow: hidden; color: #8d8d8d; padding-left: 25px; margin-top: 26px;} .link_con .link_left_bot .link_lett1{background: url(/uploads/image/uimages/link_icon1.png) left center no-repeat; width: 100%;} .link_con .link_left_bot .link_lett3{background: url(/uploads/image/uimages/link_icon2.png) left center no-repeat; width: 240px;} .link_con .link_left_bot .link_lett4{background: url(/uploads/image/uimages/link_icon3.png) left center no-repeat; width: 170px;} .link_con .link_left_bot .link_lett5{background: url(/uploads/image/uimages/link_icon4.png) left center no-repeat; width: 240px;} .link_con .link_left_bot .link_lett6{background: url(/uploads/image/uimages/link_icon5.png) left center no-repeat; width: 170px;} .link_con .link_right_p1{color: #979797;} .link_con .link_form{width: 100%; padding-top: 22px; margin-top: 22px; border-top: 1px #acacac dashed;} .link_con .link_input{width: 48.5%; height: 40px; border: 1px #b2b2b2 solid; padding: 0 12px; color: #969696; margin-bottom: 22px;} .link_con .link_textarea{width: 100%; height: 102px; border: 1px #b2b2b2 solid; padding: 12px; color: #969696; margin-bottom: 22px;} .link_con .link_submit{width: 100%; height: 50px; background: #1aa8f0; color: #fff; border: 0;} .link_con .link_submit:hover{background: #5cc7fe;} .link_map{padding-bottom: 40.98%; height: 0; overflow: hidden; position: relative;} .link_map .link_dot{margin: auto; width: 7.23%; right:7%; bottom: 10px; animation:linkmove 0.5s ease-in-out infinite alternate; -webkit-animation:linkmove 1s ease-in-out infinite alternate;} @keyframes linkmove{ 0%{transform:translatey(0);} 100%{transform:translatey(20px);} } @-webkit-keyframes linkmove{ 0%{transform:translatey(0);} 100%{transform:translatey(20px);} } .pagesecond a{height: 76px; line-height: 76px; background: #008fd7; color: #fff; text-align: center; display: block; width: 25%;} .pagesecond a:hover,.pagesecond a.active{background: #fff; color: #000000;} .pagesecondplace{height: 76px; display: none;} .pl416{padding-left: 4.16%; padding-right: 4.16%;} .commpny_contro {padding-top: 7.18%; padding-bottom: 8.95%;} .commpny_contro .commpny_h3{color: #000000; line-height: 30px; padding-right: 80px; position: relative;} .commpny_text{color: #a3a3a3;line-height: 30px;/* height: 180px; */} .commpny_contro .commpny_text{margin-top: 30px;} .party_dots2{position: absolute; right: 0; top: 0; bottom: 0; margin: auto;} .education_con{background: #eeeced;} .education_con .educa_info{padding-bottom: 40.22%; height: 0; position: relative;} .education_con .educa_info .educa_info_li{opacity: 0; display: none\9;} .education_con .educa_info .educa_info_li.active{opacity: 1; z-index: 30; display: block\9;} .education_con .educa_info_mes{position: absolute; right: 0; bottom: 0; background: #424242; width: 50%; padding: 4% 4.5%; z-index: 100;} .education_con .deuca_h4{padding-right: 80px; color: #fff; line-height: 20px; height: 20px; overflow: hidden; position: relative;} .education_con .educa_text{color: #b1b1b1; line-height: 30px; margin-top: 26px;} .education_con .educa_list li{width: 50%; padding: 2% 4.45%; cursor: pointer; background: #fff; float: left;} .education_con .educa_list li a{display: block;} .education_con .educa_list li h4{margin: 0; height: 35px; line-height: 35px; overflow: hidden; position: relative; color: #000000; position: relative;} .pro_add2{width: 28px;height: 28px;position: absolute;right: 0;top: 0; bottom: 0; margin: auto;} .pro_add2 .span1{width: 2px;height: 100%;background: #828282;display: block;position: absolute;left: 50%;margin-left: -1px;top: 0;} .pro_add2 .span2,.pro_add2 .span3{width: 100%; height: 2px; background: #828282; display: block; position: absolute; top: 50%; margin-top: -2px;left: 0;} .pro_add2 .span3{left: 15px; opacity: 0; filter:alpha(opacity=0);} .education_con .educa_list .li0{border-bottom: 1px #e4e4e4 solid; border-right: 1px #e4e4e4 solid;} .education_con .educa_list .li1{border-bottom: 1px #e4e4e4 solid; } .education_con .educa_list .li2{border-right: 1px #e4e4e4 solid; } .education_con .educa_list li.active{background: #008fd7;} .education_con .educa_list li.active h4{color: #fff;} .education_con .educa_list li.active .pro_add2 span{background: #fff;} .education_con .educa_list li.active .pro_add2 .span2{left: -15px; opacity: 0; filter:alpha(opacity=0);} .education_con .educa_list li.active .pro_add2 .span1{top: -15px; opacity: 0; filter:alpha(opacity=0);} .education_con .educa_list li.active .pro_add2 .span3{left: 0px; opacity: 1; filter:alpha(opacity=100);} .pagesecond.active{position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;} .common_con{background: #f5f5f5;} .geni_con .geni_left{width: 50%;} .geni_con .geni_right{width: 50%;} .geni_con .geni_img{position: relative; width: 50%; overflow: hidden;} .h370{height: 370px;} .h740{height: 740px;} .geni_con .geni_text{background: #fff; padding: 0 9%; width: 50%;} .geni_con .geni_h4{padding-right: 40px; position: relative;} .geni_con .commpny_text{margin-top: 28px; height: 210px; overflow: hidden; font-size: 14px;} .geni_con .geni_big_img{width: 100%; position: relative; overflow: hidden;} .geni_con .geni_big_imgf .geni_text .commpny_text{color: #fff; } .geni_con .geni_big_imgf .geni_text {position: absolute; bottom: 0; left: 0; background: #008fd7; width: 50%;} .geni_con .geni_big_imgf{position: relative;} #recruit_mes{} #recruit_mes .recruit_info li{background: #008fd7; border-top: 0; font-family: 'ã¥â®â€¹ã¤â½â€œ';} #recruit_mes .recruit_jian{display: none;} #recruit_mes .recruit_info_top{background: #2c2e36; padding: 0 34px; overflow: hidden; position: relative; height: 67px; line-height: 67px; color: #737070; cursor: pointer;} #recruit_mes .recruit_info_top_right{height: 13px; width:13px; position: absolute; right:34px; top: 50%; margin-top: -6px; } #recruit_mes .recruit_info_top_right .recruit_line1{width: 13px; height: 1px; background: #d7d7d7; position: absolute; top: 6px; left: 0;} #recruit_mes .recruit_info_top_right .recruit_line2{width: 1px; height: 13px; background: #d7d7d7; position: absolute; top: 0px; left: 6px;} #recruit_mes .recruit_info_top_right .recruit_line3{width: 13px; height: 1px; background: #d7d7d7; position: absolute; top: 6px; left: 40px; opacity: 0; filter:alpha(opacity==0);} #recruit_mes .recruit_num{width: 34px; height: 34px; display: inline-block; border: 1px #6ec4f0 solid; color: #fff; border-radius: 50%; vertical-align: middle; margin-right: 2px; background-size: cover; text-align: center; line-height: 30px; font-size: 16px;} #recruit_mes .recruit_edit,#recruit_mes .recruit_mi{font-size: 13px;} #recruit_mes .recruit_edit{margin-left: 10px;} #recruit_mes .recruit_info_top .recruit_aj{font-size: 13px; color: #d7d7d7;} #recruit_mes li .recruit_info_top{background: #1aa8f0; color: #fff;} /*#recruit_mes li.active .recruit_info_top,#recruit_mes li:hover .recruit_info_top{background: #6b6b6c; color: #fff;}*/ #recruit_mes li.active .recruit_num{ color: #008324; background: #fff;} #recruit_mes li .recruit_info_whice{font-size: 13px; color: #8dc1e8; line-height: 27px;} #recruit_mes li .recruit_info_xs{font-size: 13px; color: #8dc1e8; line-height: 27px;} #recruit_mes li .recruit_info_mes{padding: 36px 40px 70px;} #recruit_mes li .recruit_info_mes_top{color: #fff; font-weight: 700;} #recruit_mes li .recruit_mark{margin-top: 3%; /*color: #8dc1e8;*/ color: #fff; font-size: 12px; } #recruit_mes li .recruit_info_mes{display: none;} #recruit_mes li.first_li .recruit_info_mes{display: block;} #recruit_mes li .recruit_mark img{max-width: 100% !important; max-height: auto !important} #recruit_mes li .recruit_mark table{max-width: 100% !important;} .recruit_marka{width: 220px; display: inline-block; padding: 19px 22px; background: #fff; font-size: 14px; color: #696969; } .recruit_marka:hover{ color: #fff; background-color: rgb(0, 143, 215);} .recruit_marka:hover img{transform:translatex(10px);} .recruit_info_mes{ line-height: 30px;} .recruit_marka .recruit_marka_p{line-height: 1;} .recruit_marka .recruit_marka_p img{margin-top: 5px;} .h365{height: 365px;} .dang_list li{width: 33.33%; float: left; padding: 0 5.5px; margin-bottom: 22px;} .dang_list li a{display: block; border-radius: 10px; overflow: hidden;} .dang_list li .dang_text{padding: 0 12.5%;} .dang_list li .dang_img{position: relative; overflow: hidden;} .dang_list li .dang_img p{overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;} .dang_list li .dang_h4{color: #3b3b3b; line-height: 24px; height: 48px; overflow: hidden;} .dang_list li .dang_time{color: #8c8c8c; height: 14px; margin-top: 60px; margin-bottom: 40px;} .dang_list li .dang_wz{color: #8c8c8c; line-height: 30px; height: 60px; overflow: hidden;} .dang_list li:hover .dang_h4{color: #fff;} .dang_list li:hover .dang_time{color: #99d2ef;} .dang_list li:hover .dang_wz{color: #99d2ef;} .dang_list li:hover .dang_text{background: #008fd7} .party_more{height: 70px; background: #0b9fea; font-size: 14px; text-align: center; line-height: 70px;} .party_more a{width: 100%; color: #fff; display: block; height: 100%;} .party_more a:hover{background: #008fd7;} .party_more_icon{width: 16px; height: 16px; display: inline-block; background: url(/uploads/image/uimages/party_icon.png) center center no-repeat; background-size: cover; vertical-align: middle;} .socail_top{padding: 9.375% 4.16%;} .socail_top .socail_top_info{padding-left: 20.22%; position: relative;} .socail_top .socail_logo{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 240px;} .socail_top .socail_logo img{width: 100%;} .socaillist li{width: 25%; float: left; padding: 0 5.5px; margin-bottom: 22px;} .socaillist li a{display: block; border-radius: 10px; overflow: hidden;} .socaillist li .socail_img{position: relative; overflow: hidden; height: 0; padding-bottom: 76%;} .socaillist li .socail_img p {overflow: hidden; border-top-left-radius:10px; border-top-right-radius:10px;} .socaillist li .socailinfo{padding: 13.33% 16.66%;} .socaillist li .socailh4{color: #000000; height: 18px;line-height: 18px; overflow: hidden;} .socaillist li .socailtext{color: #8d8d8d; line-height: 24px; height: 48px; overflow: hidden; margin-top: 26px; margin-bottom: 18.75%;} .socaillist li .socailtime{position: relative; height: 12px; color: #8d8d8d} .socaillist li:hover .socailinfo{background: #008fd7;} .socaillist li:hover .socailh4,.socaillist li:hover .socailtext,.socaillist li:hover .socailtime{color: #fff;} .socaillist li:hover .party_dots span{background: #fff;} .culturelist{/*border-top: 1px #e4e4e4 solid;*/} .culturelist li{width: 50%; float: left; border-top: 0; border-bottom-width: 8px;} .culturelist li .cul_text,.culturelist li .cul_cul_img{} .culturelist li a{display: block; padding-bottom: 43.9%; border: 4px #f9f9f9 solid; height: 0; position: relative; width: 50%; float: left; border-radius: 10px; overflow: hidden;} .culturelist li .culture_absolute{padding: 11.56% 12.5% 10.93%; overflow: hidden;} .culturelist li .culture_info{height: 100%; position: relative;} .culturelist li .culture_mes{/* position: absolute; */bottom: 0;left: 0;width: 100%;margin-top: 13%;} .culturelist li .culture_h5{color: #585858; line-height: 30px;} .culturelist li .culture_h4{color: #000000; margin-bottom: 40px; line-height: 32px;} .culturelist li:hover .culture_h5,.culturelist li:hover .culture_h4,.culturelist li:hover .commpny_text{color: #fff} /*.culturelist li:hover a{background: #008fd7}*/ .culturelist li:hover .hoverbg{background: #008fd7} /*course style*/ #coursepage,#coursepage *{box-sizing:content-box; -webkit-box-sizing:content-box;} .coursebox { background:#fff; padding: 170px 0px 45px; } .coursebox .pinner { padding-bottom: 150px; } .coursetxt { width: 374px; float: left; display: block; color: #7e6b5a; } .coursetxt .t { color: #008fd7; line-height: 1.1; margin-bottom: 28px; } .coursetxt .t_span{padding-bottom: 20px; border-bottom: 2px #c8de6c solid; display: inline-block;} .coursetxt .c { text-align: justify; color: #a3a3a3; line-height: 28px; font-family: "宋体"} .coursedemo {width: 645px;float: right;display: block;margin-right: 38px;cursor: 16 16, default;} .coursedemo .i1 {background: url(/uploads/image/uimages/co1.png) no-repeat;width: 47px;height: 72px;margin-left: 106px; transition: 400ms;-ms-transition: 400ms;-webkit-transition: 400ms;} .coursedemo .i1:hover{transform:translatey(-15px); -webkit-transform:translatey(-15px); background: url(/uploads/image/uimages/co1s.png) no-repeat scroll center center;} .coursedemo .i2:hover{transform:translatey(15px); -webkit-transform:translatey(15px); background: url(/uploads/image/uimages/co2s.png) no-repeat scroll center center;} .coursedemo .i2 {background: url(/uploads/image/uimages/co2.png) no-repeat scroll center center;width: 47px;height: 55px;margin-left: 106px; transition: 400ms;-ms-transition: 400ms;-webkit-transition: 400ms;} .coursedemo dd { position: relative; margin: 12px 0px 8px; overflow: hidden; height: 480px; } .coursedemo .bg {background-color: #5a5858;width: 8px;border-radius: 4px;height: 100%;display: block;position: absolute;left: 126px;overflow: hidden;} .coursedemo .bg i {display: block;border-radius: 4px;height: 80px;background-color: #008fd7;transition: 400ms;-ms-transition: 400ms;-webkit-transition: 400ms;-moz-transition: 400ms;} .coursedemo .year {font-size: 14px;/* font-family: "zaproman",georgia,"times new roman"; */} .coursedemo ul { position: relative; top: 0px; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; } .coursedemo li { height: 45px; padding-top: 35px; position: relative; } .coursedemo li.one {padding-left: 133px;} .coursedemo .i {width: 15px;height: 2px;background-color: #5a5858;display: inline-block;border-radius: 3px;margin: 0px 8px;position: relative;top: -5px;} .coursedemo .con {position: absolute; display: block; left: 270px;width: 390px;top: 0px;background-color: #f8f8f8;-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0;filter: alpha(opacity=0);transition: 400ms;-webkit-transition: 400ms;-ms-transition: 400ms;} .coursedemo .con .sj { background: url(/uploads/image/uimages/sj3.png) right center no-repeat; width: 14px; height: 28px; position: absolute; left: -14px; top: 35px; } .coursedemo .con .t {background: #008fd7;color: #fff;height: 107px;line-height: 107px;padding-left: 30px;letter-spacing: 4px;/* font-size: 60px; *//* font-family: 'fuji',"zaproman",georgia,"times new roman"; */color: #fff;position: relative;} .coursedemo .con .itime {background: url(/uploads/image/uimages/biao.png) no-repeat;position: absolute;top: 0;right: 42px;width: 43px;height: 43px;bottom: 0;display: block;margin: auto;} .coursedemo .con .ifont { background: url(/uploads/image/uimages/banner_ico.png) no-repeat; width: 27px; height: 37px; top: 20px; right: 68px; position: absolute; } .coursedemo .con .c {padding: 28px 28px 40px;color: #5a5858;font-size: 14px;line-height: 26px;} .coursedemo .con .bot {margin: 0px 28px;border-top: 1px solid #6fba2c;col;color: #6fba2c;t-size: 12px;height: 41px;padding-top: 12px;} .coursedemo li.act .i {display: block;height: 7px;background-color: #6fba2c;border-radius: 5px;top: 10px;} .coursedemo li.act .year { display: none; } .coursedemo li.act .con { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .backup { border-bottom: 1px solid #d7bf98; display: none; width: 440px; margin: 0px auto; position: relative; height: 0px; } .backup i { background: url(/uploads/image/uimages/bm5.png) no-repeat scroll center center #ffe8c3; width: 52px; height: 29px; display: block; margin: 0px auto; position: relative; top: -15px; } /*course style end*/ .animate .curtain { -webkit-animation: swipedown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -ms-animation: swipedown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation: swipedown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation-delay: 244.92ms; } .shown .curtain { display: none; } .no-csstransforms3d .animate .curtain { display: none; } .no-csstransforms3d .newslist .item, .no-csstransforms3d .caselist .item { visibility: visible; } .adelay1 { transition: 500ms ease 150ms; } .adelay2 { transition: 500ms ease 250ms; } .adelay3 { transition: 500ms ease 300ms; } .adelay4 { transition: 500ms ease 280ms; } .adelay5 { transition: 500ms ease 340ms; } .curtain { position: absolute; left: 0px; top: 0px; transform: translate3d(0px, -100%, 0px); -webkit-transform: -webkit-translate3d(0px, -100%, 0px); -ms-transform: -ms-translate3d(0px, -100%, 0px); width: 100%; height: 100%; z-index: 100; } .adelay1 .curtain { background-color: #b4b4b4; animation-delay: 147.266ms; } .adelay2 .curtain { background-color: #b4b4b4; animation-delay: 244.92ms; } .adelay3 .curtain { background-color: #b4b4b4; animation-delay: 380ms; } .adelay4 .curtain { background-color: #b4b4b4; animation-delay: 304.92ms; } .adelay5 .curtain { background-color: #b4b4b4; animation-delay: 335.176ms; } #bsbox { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #666 !important; height: 400px !important; margin-left: -160px !important; margin-top: -200px !important; padding: 0 !important; width: 320px !important; } #bsbox .bstop { width: 320px !important; } #bsbox .bsclose { right: 10px !important; top: 3px !important; } #bsbox #bsmorepanel { height: 376px !important; width: 320px !important; } #bsbox .bsplatdiv { height: 316px !important; } #bsbox .bfind { width: 200px !important; } #bslogolist li { width: 68px !important; } .r { float: right; display: inline-block; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; clear: both; } .pinner { width: 1178px; margin: 0px auto; } .yearf{width: 128px; text-align: right;} .staff_list li{width: 25%; float: left; } .staff_list li a{padding-bottom: 100.4%; height: 0; display: block; position: relative;} .staff_list .staff_list_info{background: #74bcdd; background: rgba(0,143,215,0.3); z-index: 40; opacity: 0; transform:translatey(10px); display: none\9;} .staff_list .staff_list_mes{position: absolute; bottom:34px; left: 13.5%; color: #fff;} .staff_list .staff_h4{line-height: 30px; margin-bottom: 16px;} .staff_list li:hover .staff_list_info,.staff_list li.active .staff_list_info{opacity: 1; transform:translatey(0px); display: block\9;} .staff_list li .staff_img{-} /*.staff_list li:hover .staff_img,.staff_list li.active .staff_img{-webkit-filter:grayscale(0%);filter: grayscale(0%);}*/ .staff_owlf {position: relative; overflow: hidden; } .owl-nav button.owl-prev, .owl-nav button.owl-next,button.owl-dot { background: none; text-indent: 500px; overflow: hidden; outline: none; } .owl-nav button.owl-prev, .owl-nav button.owl-next { border: 0; } .staff_owl{margin-bottom: 22px; display: none;} .staff_owl .item{padding-bottom: 42.2%; height: 0; overflow: hidden; position: relative;} .staff_owl .staff_owl_left{position: absolute; left: 0; top: 0; width: 50%; height: 100%;} .staff_owl .staff_owl_right{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: #fff; padding: 5.2% 4.79%;} .staff_owl .staff_h4{color: #000000;} .staff_owl .staff_h5{color: #585858; height: 24px; margin-top: 24px; margin-bottom: 28px;} .staff_owlf .staff_colse{width: 26px; height: 27px; background: url(/uploads/image/uimages/staff_close.png); position: absolute; top: 0; right: 5.2%; margin-top: 4.79%; z-index: 99;} .staff_owlf .staff_colse:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);} .staff_owlf .owl-nav{position: absolute; right: 5.2%; bottom: 0; margin-bottom: 4.79%;} .staff_owlf .owl-nav button{width: 56px; height: 56px; display: inline-block; float: left; transition:all 0.4s; -webkit-transition:all 0.4s;} .staff_owlf .owl-nav .owl-prev{background: #0b9fea url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .staff_owlf .owl-nav .owl-next{background: #0b9fea url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .staff_owlf .owl-nav .owl-prev:hover{background: #acce22 url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .staff_owlf .owl-nav .owl-next:hover{background: #acce22 url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .staff_owlf .owl-nav:after{width: 2px; transition:all 0.4s; height: 26px; background: #6dc5f2; content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;} .staff_owlf .owl-nav:hover:after{width: 0;} .staff-n-list li{width: 50%; float: left; width: 50%; padding-right: 11px; margin-bottom: 22px;} .staff-n-list li:nth-child(2n) {padding-left: 11px; padding-right: 0;} .staff-n-list li .staff-n-left{width: 50.5%; position: absolute; left: 0; top: 0; height: 100%; } .staff-n-list li a{display: block; position: relative; background: #fff; border-radius: 10px; overflow: hidden;} .staff-n-list li .staff-n-right{width: 49.5%; } .staff-n-list li .staff-n-rights{padding: 23.3% 11.1% 27.9%;} .staff-n-list li .staff_h4{color: #000000;} .staff-n-list li .staff_h5{color: #585858; height: 24px; margin-top: 24px; margin-bottom: 28px;} .staff-n-list li .commpny_text{height: 120px; overflow: hidden;} .staff-n-list li.active .staff-n-rights{background: #0b9fea;} .staff-n-list li.active .staff_h4, .staff-n-list li.active .staff_h5, .staff-n-list li.active .commpny_text{color: #fff;} /*.news_list{padding-bottom: 4.16%;}*/ .news_list li{/*background: #f1f1f1;*/ margin-bottom: 12px;} .news_list li.even{background: #fff;} .news_list li a{display: block; position: relative; color: #8c8c8c; border-radius: 10px; overflow: hidden;} .news_list li .news_left{width: 31.821%; padding-bottom: 19%; height: 0; overflow: hidden; position: absolute; left: 0; top: 0; height: 100%; /*background: #000; */} .news_list li .news_left p{overflow: hidden; border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .news_list li .news_right{padding: 4% 4.79%;width: 68.179%;background: #f1f1f1;} .news_text{color: #8c8c8c;line-height: 28px; height: 56px; overflow: hidden; margin-bottom: 11.4%; margin-top: 3.8%; } .news_h4{height: 24px; line-height: 24px; overflow: hidden; color: #3b3b3b;} .news_list li .news_time{position: relative; text-align: right; color: #8c8c8c;} .party_dots3{display: inline-block;} .news_list li:hover .news_h4,.news_list li:hover .news_text,.news_list li:hover .news_time{color: #fff;} .news_list li:hover .news_right{background: #008fd7;} .news_list li:hover .party_dots span{background: #fff;} .groun_news_list li .groun_left{width: 256px; height: 200px; background: #50b4f0; text-align: center; color: #fff;} .groun_news_list li{margin-bottom: 12px;} .groun_news_list li a{display: block; border-radius: 10px; overflow: hidden;} .groun_news_list .groun_time{color: #fff; opacity: .5; font-family: "arial"; margin-top: 16px;} .groun_news_list .commpny_text{height: 60px; overflow: hidden;} .groun_news_list .ground_right{margin-left: 256px; background: #fff; padding: 0 50px; height: 200px;} .groun_news_list .ground_title{color: #585858; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 28px; position: relative; padding-right: 150px;} .groun_news_list li:nth-child(2n) .groun_left{background: #008fd7;} .groun_news_list li:hover .ground_title{transform:translatex(10px); -webkit-transform:translatex(10px); color: #a9a9a9;} .jt_news_list li{width: 33.33%; padding: 0 7px; margin-bottom: 14px; float: left;} .jt_news_list li a{display: block; border-radius: 10px; overflow: hidden;} .jt_news_list li .jt_news_img{padding-bottom: 56.94%; height: 0; overflow: hidden; position: relative;} .jt_news_list li .jt_news_info{background: #fff; padding: 6.94%; padding-bottom: 5.89%;} .jt_news_list li .jt_news_h4{color: #343434; height: 16px; line-height: 16px; overflow: hidden; position: relative; padding-right: 92px;} .jt_news_list li .jt_news_time{color: #8d8d8d; position: absolute; right: 0; top: 0;} .jt_news_list li .commpny_text{line-height: 24px; margin-top: 20px; height: 48px; overflow: hidden;} .jt_news_list li:hover .jt_news_h4,.jt_news_list li:hover .jt_news_time{color: #fff;} .jt_news_list li:hover .commpny_text{color: #a3ccec;} .jt_news_list li:hover .jt_news_info{background: #008fd7;} .newsdetail {background: #f5f5f5; padding: 6.5% 13.28% 0;} .newsdetail .newsdetail_top .newsdetail_top_lett1{width: 13.8%; color: #191718; margin-right: 0;} .newsdetail .newsdetail_top_lett{color: #5e5d5e; margin-right: 102px;} .newsdetail .share_news{margin-top: 32px;} .newsdetail .share_news a{width: 17px; height: 13px; display: inline-block; margin-right: 16px;} .newsdetail .share_news a:hover{transform:translatey(-3px);} .newsdetail .share_news .share_1{background: url(/uploads/image/uimages/share_icon1.png);} .newsdetail .share_news .share_2{background: url(/uploads/image/uimages/share_icon2.png);} .newsdetail .share_news .share_3{background: url(/uploads/image/uimages/share_icon3.png);} .newsdetail .newsdetail_info{padding-left: 13.8%; margin-top: 4.1%;} .newsdetail .newsdetail_h3{color: #030303; line-height: 24px;} .newsdetail .detailcon{margin-top: 5.3%; color: #707070; line-height: 30px; padding-bottom: 8.7%; border-bottom: 1px #8c8c8c dashed; } .newsdetail .pagenp{padding:6.38% 0;} .newsdetail .pagenp a{color: #5e5e5e; line-height: 34px; display: block; height: 34px; overflow: hidden;} .newsdetail .pagenp a:hover{color: #008fd7;} .pagebanner_dc{padding-bottom: 58.9%;} .pagebanner_dc .page_dc_info{position: absolute; bottom: 0; left: 0; width: 100%; padding: 3.64% 4.16%; background: rgba(0,0,0,0.3);} .pagebanner_dc .page_dc_h4{color: #fff; margin-bottom: 10px;} .pagebanner_dc .page_dc_text{color: #b7b7b7; line-height: 28px;} .pagebanner_dc .page_dc_line{width: 20px; height: 1px; background: #9ba8b5; margin: 16px 0;} .pagebanner_dc .page_dc_text2{color: #fff; line-height: 28px;} .land_block_text{padding: 3.64% 4.16%;} .eare_con .eare_h4{margin-top: 26px; margin-bottom: 20px; color: #393939;} .eare_con .eare_top{padding-bottom: 3.52%;} .eare_con .eare_top .eare_yw {display: none;} .eare_block .eare_block_img{/*padding-bottom: 33.125%; */ padding-bottom: 56.25%; height: 0; position: relative; overflow: hidden;} .eare_block .eare_line{width: 40px; height: 1px; background: #e0e0e0;} .eare_con .eare_block_info{background: #fff; transition:all 0.4s; -webkit-transition:all 0.4s; padding: 4.54% 3.125% 2.27%; border: 1px #e4e4e4 solid; border-top: 0;} .eare_con .eare_block{width: 75%; margin: 0 auto;margin-bottom: 10px; border-radius: 10px; overflow: hidden;} .eare_con .eare_block .eare_h4{margin: 0; margin-bottom: 22px; transition:all 0.4s; -webkit-transition:all 0.4s;} .eare_con .eare_block .commpny_text{margin: 11px 0; transition:all 0.4s; -webkit-transition:all 0.4s;} .eare_con .eare_block:hover .eare_block_info{background: #008fd7;} .eare_con .eare_block:hover .eare_h4{color: #fff;} .eare_con .eare_block:hover .commpny_text{color: #fff;} .eare_con .eare_block:hover .eare_line{background: #fff;} .bank_top .bank_top_line{width: 16px; height: 1px; background: #d4d4d4; margin-top: 22px; margin-bottom: 12px;} .bank_top .party_dots{margin-top: 24px;} .bank_top .party_dots span{background: #c6c6c6;} .bank_top .commpny_text{/*padding-right: 42.84%;*/ position: relative;} .bank_top .commpny_textxx{padding-right: 42.84%;} .bank_top .bank_img1{position: absolute; right: 3.29%; bottom: 0;} .page{text-align: center; margin-top: 30px; } .page{} .page a{width: 36px; height: 36px; vertical-align: middle; position: relative; background: #cecece; text-align: center; line-height: 36px; color: #fff; display: inline-block; margin: 0 5px;} .page a:hover,.page a.active{background: #008fd7 ;} .page .page-btn span{width: 8px; height: 14px; position: absolute; top: 0;bottom: 0; right: 0; left: 0; margin: auto;} .page .prev span{background: url(/uploads/image/uimages/page_prev.png);} .page .next span{background: url(/uploads/image/uimages/page_next.png);} .course-prev,.course-next{cursor: pointer;} .bank_con{padding-top: 21.6%; padding-bottom: 64px; } .bank_con li{width: 33.33%; float: left; padding: 0 2px; margin-bottom: 4px;} .bank_con li a{display: block; height: 328px; position: relative; border-radius: 10px; overflow: hidden;} .bank_con li a .bank_con_info{position: absolute; background: #fff; bottom: 0; left: 0; padding: 50px 14% 30px 19.1%; width: 100%;} .bank_con .bank_con_h4f{position: relative;} .bank_con .bank_con_h4{color: #008fd7;font-weight: bold;height: 26px;line-height: 26px;overflow: hidden;} .bank_con .bank_con_h4f .yh_h{position: absolute; width: 43px; height: 36px; left: -60px; bottom: 0; background: url(/uploads/image/uimages/yh_h.png) center center no-repeat;} .bank_con .bank_con_line{width: 25px; height: 1px; background: #d1d1d1; margin-top: 30px; margin-bottom: 12px;} .bank_con .bank_info_texts{color: #777777; line-height: 30px;} .bank_con .bank_info_texts{min-height: 100%;} .bank_con .bank_dot{margin-top: 20px; height: 9px;} .bank_con .bank_dot span{width: 9px;height: 9px;background: #008fd7;border-radius: 50%;display: inline-block;margin-right: 2px;vertical-align: top;} .bank_con .bank_info_text{height: 150px; overflow: hidden;} .bank_con li:hover a .bank_con_info{padding-bottom: 70px;background: #008fd7;} .bank_con li:hover .bank_con_h4{color: #fff;} .bank_con li:hover .bank_con_line{background: #fff;} .bank_con li:hover .bank_info_texts{color: #fff;} .bank_con li:hover .bank_dot span{background: #fff;} .bank_con li:hover .bank_con_h4f .yh_h{background: url(/uploads/image/uimages/yh_b.png) center center no-repeat;} .bank_top2 .commpny_h3{margin-bottom: 22px;} .bank_top2 .bank_top_line{width: 16px; margin: 0;} .bank_top2 .commpny_text{margin: 4px 0; padding-right: 80px; position: relative;} .bank_top2 .party_dots span{background: #000;} .bank_con2 li a .bank_con_info{background: #fff;} .bank_con2 li:hover a .bank_con_info{background: #ff8e1f;} .bank_con2 li .bank_con_h4{color: #ff8e1f;} .bank_con2 li .bank_dot span{background: #ff8e1f;} .bank_con2 li .bank_con_h4f .yh_h{background: url(/uploads/image/uimages/yh_h2.png) center center no-repeat;} .energy_con{background: #eeeded;} .energy_con .energy_con_top{padding: 0 112px;position: relative;} .energy_con .energy_con_text{background: #fff; text-align: center; height: 80px; overflow: hidden; line-height: 80px; position: relative;} .energy_con .energy_con_text a{color: #1a1a1a; opacity: 0; display: none\9;} .energy_con .energy_con_text a.active{opacity: 1; display: block\9; z-index: 40;} .energy_con .energy_btn{width: 80px; height: 80px; display: inline-block; position: absolute; top: 0; transition:all 0.4s; -webkit-transition:all 0.4s;} .energy_con .energy_prev{background: #0b9fea url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat; left: 0;} .energy_con .energy_next{background: #0b9fea url(/uploads/image/uimages/staff_arrow.png) center center no-repeat; right: 0;} .energy_con .energy_prev:hover{background: #292929 url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .energy_con .energy_next:hover{background: #292929 url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .energy_con .energy_owl{margin-top: 48px; overflow: hidden;} .energy_con .energy_img{padding-bottom: 34%; height: 0; position: relative;} .energy_con .commpny_contro2{padding: 0; margin-top: 48px; margin-bottom: 20px;} .indus_trend{background: #f4f4f4;} .indus_trend .indus_trend_title .yh_hs,.indus_trend .indus_trend_title .trend_h4, .indus_trend .indus_trend_title .indus_p1{display: inline-block; vertical-align: bottom;} .indus_trend .trend_h4{color: #000000;} .indus_trend .indus_p1{color: #bcbcbc;} .indus_trend .groun_news_list{margin-top: 40px;} .ecology_con .ecology_top li{width: 25%; float: left; } .ecology_con .ecology_top li a{display: block; padding: 15.6% 16.66%; text-align: center;} .ecology_con .ecology_p1{color: #8f8f8f;} .ecology_con .ecology_h3{color: #646464; margin-top: 18px;} .ecology_con .ecology_h4{color: #cccccc; margin-top: 4px; margin-bottom: 22px; text-transform: uppercase;} .ecology_con .ecology_p2{height: 0; color: #646464; opacity: 0; display: none\9;} .ecology_con .ecology_top li:hover .ecology_p1,.ecology_con .ecology_top li.active .ecology_p1{color: #54a7df;} .ecology_con .ecology_top li:hover .ecology_h3,.ecology_con .ecology_top li.active .ecology_h3{color: #fff} .ecology_con .ecology_top li:hover .ecology_h4,.ecology_con .ecology_top li.active .ecology_h4 {color: #3ca0db;} .ecology_con .ecology_top li:hover .ecology_p2,.ecology_con .ecology_top li.active .ecology_p2{color: #fff; opacity: 1; display: block\9;} .ecology_con .ecology_top li:hover a,.ecology_con .ecology_top li.active a{ background: #008fd7;} .ecology_con .ecology_top li:hover .ecology_info,.ecology_con .ecology_top li.active .ecology_info{transform:translatey(-20px);} .ecology_con .ecology_top li{border-right: 1px #e2e1e1 solid;} .ecology_owlf{position: relative;} .ecology_owlf .ecology_owlf_hide{padding-bottom: 34.47%; height: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 30;} .ecology_owlf .ecology_owl_btn{position: absolute; right: 4.16%; bottom: 0; margin-bottom: 4.16%;} .ecology_owl_img{padding-bottom: 34.47%; height: 0; position: relative; overflow: hidden;} .ecology_owl {overflow: hidden;} .ecology_owl .commpny_contro{padding: 4.16%;} .ecology_owlf .ecology_owl_btn a{width: 80px; height: 80px; display: block; transition:all 0.4s; -webkit-transition:all 0.4s;} .ecology_owlf .ecology_owl_prev{background: #0b9fea url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat; left: 0;} .ecology_owlf .ecology_owl_next{background: #0b9fea url(/uploads/image/uimages/staff_arrow.png) center center no-repeat; right: 0;} .ecology_owlf .ecology_owl_prev.active{background: #292929 url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .ecology_owlf .ecology_owl_next.active{background: #292929 url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .bosscon{padding-right: 9.63%;} .bosscon .boss_left{width: 48.54%;} .bosscon .boss_right{width: 41.74%; padding-top: 4.54%;} .bosscon .boss_left .boss_left_img{padding-bottom: 73.125%; height: 0; position: relative; background: #000;} .common_h3{color: #000000; } .common_h4{color: #000000; line-height: 24px; margin-top: 4.36%; margin-bottom: 6.97%;} .bosscon .boss_name{width: 38.4%; margin-top: 5.8%;} .devel_owlf{position: relative;} .devel_owlf .devel_top{position: absolute; left: 6.25%; right: 6.25%; padding-right: 116px; top: -34px; z-index: 40; overflow: hidden; line-height: 68px; height: 68px; background: #474747;} .develcon_img{padding-bottom: 35.1%; height: 0; position: relative; overflow: hidden;} .devel_owl .item{text-align: center; cursor: pointer; padding: 29.16% 20%; text-align: center; border-right: 1px #e9e9e9 solid;} .devel_owl .devel_year{color: #221e1d;} .devel_owl .devel_h4{color: #030303; height: 22px; line-height: 22px; margin-top: 14px; margin-bottom: 17.7%;} .devel_owl .devel_text{padding: 18px 18px; color: #a1a1a1; border-top: 1px #e8e7e7 solid; border-bottom: 1px #e8e7e7 solid;} .devel_owl .devel_text .devel_text_wz{height: 22px; line-height: 22px; overflow: hidden;} .devel_owl .item:hover,.devel_owl .item.active {background: #008fd7;} .devel_owl .item:hover .devel_year,.devel_owl .item.active .devel_year,.devel_owl .item:hover .devel_h4,.devel_owl .item.active .devel_h4{color: #fff;} .devel_owl .item:hover .devel_text,.devel_owl .item.active .devel_text{border-color: #1a9adb; color: #a7d8f1;} .devel_owlf .devel_top_year{width: 16%; background: #20b0f9; text-align: center; color: #fff;} .devel_owlf .devel_top_text{width: 84%; padding: 0 30px; color: #fff; text-align: center;} .devel_owlf .devel_btn{position: absolute; right: 0; bottom: 0; height: 100%;} .devel_owlf .devel_btn a{width: 58px; height: 100%; display: inline-block; float: left; transition:all 0.4s; -webkit-transition:all 0.4s;} .devel_owlf .devel_btn .devel_prev{background: #474747 url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .devel_owlf .devel_btn .devel_next{background: #474747 url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .devel_owlf .devel_btn .devel_prev:hover{background: #008fd7 url(/uploads/image/uimages/staff_arrow-03.png) center center no-repeat;} .devel_owlf .devel_btn .devel_next:hover{background: #008fd7 url(/uploads/image/uimages/staff_arrow.png) center center no-repeat;} .devel_owlf .devel_btn:after{width: 2px; transition:all 0.4s; height: 26px; background: #919191; content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;} .devel_owlf .devel_btn:hover:after{width: 0;} .devel_textsf{overflow: hidden;} .devel_textsf{white-space:nowrap} .profile_part1 {position: relative;} .profile_part1 .profile_part1_left{background: #fff; padding: 4.54%; width: 50%;} .profile_part1 .profile_part1_left .profile_part1_line{width: 60px; height: 2px; background: #acce22; margin-top: 6.4%; margin-bottom: 5.81%;} .profile_part1 .profile_part1_right{width: 50%;} .profile_part1 .party_dots{margin-top: 14%; position: relative;} .profile_part1 .profile_part1_right{position: absolute;width: 50%; top: 0; height: 100%; right: 0; overflow: hidden;} .profile_part2{background: #008fd7;} .profile_part2 .commpny_text{padding:24px 4.54%; color: #ddebf7; text-indent: 2em;} .profile_part2 .profile_yh{width: 5%;} .profile_part3 .rofile_part3_img{padding-bottom: 41.875%; height: 0; margin-top: 2.27%; margin-bottom: 3.4%; position: relative; overflow: hidden;} .profile_part3 .play_icons{width: 59px; height: 59px; z-index: 30; background: url(/uploads/image/uimages/play_icon.png) center center no-repeat; margin: auto;} .honner_list li{width: 33.33%; float: left; padding: 0 6px; margin-bottom: 12px;} .honner_list li a{display: block; border-radius: 10px; overflow: hidden;} .honner_list li a .borders{overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px;} .honner_list .honner_img{padding-bottom: 62.17%; height: 0; position: relative; overflow: hidden;} .honner_list .honner_info{background: #fff; padding: 7.5% 9.3%;} .honner_list .honner_info .honner_h4{height: 14px; line-height: 14px; overflow: hidden; color: #000;} .honner_list .party_dots{position: relative; margin-top: 18px;} .honner_list .honner_yy{background: rgba(0,0,0,0.15); opacity: 0; display: none\9;} .honner_list .honner_search{width: 57px; height: 57px; display: none\9; transform:translatey(-300px); opacity: 0; background: url(/uploads/image/uimages/honner_search.png) center center no-repeat; background-size: cover; margin: auto; z-index: 30;} .honner_list li:hover .honner_yy{ opacity: 1; display: block\9;} .honner_list li:hover .honner_search{ display: block\9; transform:translatey(0); opacity: 1;} .honner_list li:hover .honner_info{background: #18a8f0;} .honner_list li:hover .honner_h4{color: #fff;} .honner_list li:hover .party_dots span{background: #fff;} .culchoic_honner li{margin-bottom: 16px;} .poppart{position: absolute; display: none; background: url(/uploads/image/uimages/caseyy.png); position: fixed; top: 100%; left: 0; width: 100%; height: 100%; z-index: 9999999;} .poppart img{position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin:auto; max-width: 100%; max-height: 100%; vertical-align: middle;} .poppart .txt{position: absolute; bottom: 0; width: 100%; height: 65px; line-height: 65px; padding-left: 5.2%; color: #fff; background: url(/uploads/image/uimages/txtyy.png);} .poppart .owl-prev,.poppart .owl-next{width: 78px;text-indent: 100px;overflow: hidden;height: 78px;transition:all 0.4s; -webkit-transition:all 0.4s; border: 1px #fff solid;position: absolute;top: 50%;margin-top: -69px;z-index: 20;} .poppart .owl-prev{background: url(/uploads/image/uimages/pcaseleft.png) center center no-repeat; left: 5.2%;} .poppart .owl-next{background: url(/uploads/image/uimages/pcaseright.png) center center no-repeat; right: 5.2%;} .poppart .owl-prev:hover{background:#202020 url(/uploads/image/uimages/pcaseleft.png) center center no-repeat; border: 0;} .poppart .owl-next:hover{background:#202020 url(/uploads/image/uimages/pcaseright.png) center center no-repeat; border: 0;} .pagenum{position: absolute; height: 65px;line-height: 65px; color: #fff; bottom: 0; right: 5.2%; z-index: 30;} .popclose{background: url(/uploads/image/uimages/close2.png) no-repeat scroll center center; width: 52px; height: 52px; position: absolute; top: 0; right: 5.2%; z-index: 30; display: block; margin-top: 3%;display: block;transition: 400ms;-webkit-transition: 400ms;} .popclose:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);} .poppart .popowl{display: none;} .pagebanner_goys .currentpart{left: 81.7%;} .pagebanner_goys .banner_info{bottom: 0; margin-bottom: 4%; padding-left: 9.6%} .pagebanner_goys .banner_info .banner_small_text{color: #fff; opacity: 0.5;} .agriculture_list li{display: none;} .agriculture_list li.active{display: block;} .bmap_marker>div>img{width: 120px; position: absolute; bottom: 0; right: 0; left: 0; top: 0; max-height: 100%; margin: auto;} #allmap{margin: 0 !important} .slider-search{ background: url(/uploads/image/uimages/black_75.png) repeat; background: none rgba(0,0,0,0.8); position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; z-index:999999999; display: none;} .w920{ width: 920px; margin: 0px auto;} .slider-search .w920{ padding-top: 10%;} .btnclosess{ width: 80px;} .slider-search .ssbox{ position: relative; padding-right: 84px; width: 836px; background-color: #e7e7e7; margin-bottom: 35px;} .slider-search .ssbox .ss-txt{width: 98%;display: block;padding: 20px 0px 20px 2%;height: 24px;background-color: #e7e7e7;line-height: 24px;border: 1px solid #e7e7e8;font-size: 16px;color: #4c4c4c;box-sizing: content-box;} .slider-search .ssbox .ss-btn{ position: absolute; right: 0px; top: 0px; height: 66px; width: 84px;} .slider-search .ssbox .ss-btn i{ display: block; height: 100%; background: url(/uploads/image/uimages/ss-btn.png) no-repeat scroll center center;} .slider-search .ssbox .ss-btn:hover{ background-color: #313131;} .slider-search .sradio{ float: left; display: block; position: relative; padding-left: 24px; background: url(/uploads/image/uimages/option_2.png) no-repeat scroll left center; font: 14px/40px "microsoft yahei"; color: #fff; margin-right: 14px; cursor: pointer;} .slider-search .sradio:after{content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; border: 1px #fff solid; position: absolute; left: 0; top: 50%; margin-top: -6px;} .slider-search .sradio:before{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;left: 5px;position: absolute;/* left: 0; */top: 50%;margin-top: -1px;} .slider-search .sradio.active:after{border-color: #d5b554;} .slider-search .sradio.active:before{background: #d5b554;} .slider-search .box-sbtn { padding-top: 10%;} .box-sbtn{ text-align: center;} .box-sbtn .btn{ border: 1px solid #ffffff; color: #ffffff; background: none; cursor: pointer; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px; box-sizing:content-box;} .box-sbtn .btn:hover{ color: #666; background-color: #fff;} .video_popup{position: fixed; width: 100%; height: 100%;left: 0; top: 100%;background: #333; background: rgba(0,0,0,0.5); z-index: 999999; opacity: 0; filter:alpha(opacity=0);} .video_popup .video_con{position: absolute; font-size: 14px;color: #000; text-align: center; width: 640px; height: 498px; left: 0; top: 0; right: 0; bottom: 0;margin: auto; display: block;} .video_popup .video_close{width: 27px; height: 27px; background: url(/uploads/image/uimages/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;} .party_info_hide{display: none;} .video_popup video{background: #fff\9; text-align: center; min-height: 60px; line-height: 60px;} .video_popup .video_con iframe{width: 100% !important; height: 100% !important;} .link_form4 .link_form_line{margin-bottom: 10px; width: 400px;} .link_form4 .link_form_line_head{width: 120px; height: 45px; line-height: 45px;} .link_form4 .link_form_line_right{margin-right: 120px;} .link_form4 .link_input{width: 100%; height: 45px; padding: 0 15px;} .com_bot_ul_x{position: absolute; top: 0%; margin-top: 4%; right: 4%; width: 14.85% !important; z-index: 100;} .company_profile2{padding-bottom: 0; height: auto;} .company_profile2 .com_top_colright{padding-bottom: 26.6%;} .company_profile1{padding-bottom: 0; height: auto;} .company_profile1 .com_pro_bottom{position: relative;} .company_video{position: absolute; width: 25%; overflow: hidden; z-index: 1000; padding-bottom: 13.2%; height: 0; right: 0; top: auto !important; bottom: 0;} .nodatacon .nodataimg{width: 50px; vertical-align: middle; margin-right: 15px;} .nodatacon {color: #000; font-size: 14px; line-height: 26px; text-align: center; padding: 10% 0;} .into_ys{background: #008fd7; text-align: center;} .into_ys img{max-width: 100%; height: auto;} .p96{padding-left: 9.6%; padding-right: 9.6%;} .p84{padding-top: 8.4%; padding-bottom: 8.4%;} .into_ys2{background: #eeeded} @-webkit-keyframes bounce { 0%,100%,20%,53%,80% { -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1); transition-timing-function:cubic-bezier(0.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060); transition-timing-function:cubic-bezier(0.755,.050,.855,.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060); transition-timing-function:cubic-bezier(0.755,.050,.855,.060); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } }@keyframes bounce { 0%,100%,20%,53%,80% { -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1); transition-timing-function:cubic-bezier(0.215,.61,.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 40%,43% { -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060); transition-timing-function:cubic-bezier(0.755,.050,.855,.060); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 70% { -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060); transition-timing-function:cubic-bezier(0.755,.050,.855,.060); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0) } 90% { -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0) } }.bounce { -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-duration:.75s; animation-duration:.75s } .pb416{padding-bottom: 4.16%;} /*.staff_owlf {display: none;}*/ .staff_list2 li:nth-child(1), .staff_list2 li:nth-child(2), .staff_list2 li:nth-child(3),.staff_list2 li:nth-child(4){display: none;} .job_main .main_common { padding-bottom: 0; } .job_main{padding-top: 3.1%; padding-bottom: 3.1%; background: #f9f9f9} .job_main .job_lists { width: 80%; margin: 0 auto; } .job_main .job_lists .firsts { background: rgba(168, 168, 168,1); color: #fff; } .recruit_marka{margin-top: 30px;} .job_main .jobs { position: relative; margin-bottom: 1%; } .job_main table { width: 100%; color: #332c2b; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .job_main td { width: 16%; padding: 1.7% 0; text-align: center; } .job_main td.fst { width: 40px; } .job_main td.ico { background-color: #f9f9f9; padding-right: 10px; } .job_main td.ico img { width: 51%; } .job_main .pd_lt { width: calc(100% - 0.39px); padding-left: 41px; } .job_main tr.bg2 { color: #fff; background-color: rgba(168,168,168,.5); } .job_main .btn_close { position: absolute; margin-top: -3.5%; margin-left: -3%; width: 2%; } .job_main .job_desc { padding: 5% 5% 7%; border: 1px solid #a8a8a8; line-height: 34px; } .job_main .job_desc { color: #332c2b; line-height: 2; } .job_main tr.bg { color: #fff; background-color: #008fd7; } .job_main .job_desc { display: none; } .job_main .job_desc { padding: 4% 5% 5%; border: 1px solid #008fd7; } .job_main .jobs .email { color: #f15d22; } .job_main .pages { margin-top: 7%; text-align: center; } .job_main .pages a { font-family: "microsoft yahei"; background-color: #008fd7; color: #fff; font-size: 20px; display: inline-block; padding: 1% 1.5%; margin-right: 3%; } .job_main .pages a.selected { background-color: #008fd7; } @media screen and (max-width: 1600px){ .banner_info .banner_zw_text{} .socail_top .socail_logo{width: 180px;} .culturelist li a{padding-bottom: 50%;} .staff_owl .item{padding-bottom: 600px;} .text_info .text_title{margin-top: 4%;} } @media screen and (max-width: 1400px){ .agri_right{width: 27%;} .link_left_select{width: 20%;} .culturelist li .culture_h4{margin-bottom: 30px;} .bank_top .bank_img1{width: 400px;} } @media screen and (max-width: 1200px){ .culturelist li{width: 50%;} .newsdetail .newsdetail_info{padding-left: 0;} .newsdetail .newsdetail_top .newsdetail_top_lett{width: auto; margin-right: 30px; line-height: 24px;} .bank_con .bank_con_h4f .yh_h{display: none;} #recruit_mes li .recruit_mark table{width: 100%;} .timeline-years{display: none;} .slider--timeline .slick-prev{left: 0;} .slider--timeline .slick-next{right: 0;} .coursebox{ background-position:left bottom; padding: 150px 0px 45px;} .coursetxt{ margin-left: 0px; float: none; margin-right: auto; margin-left: auto; margin-bottom: 30px;} .coursedemo{ margin-right: 0px;} .coursedemo dd{ height: auto;} .backup{ width: auto; border:0px none;} .backup i{ background-color: transparent;} .coursedemo li{ height: auto; padding-bottom: 35px; position: relative;} .coursedemo li.one{ padding-left: 0px;} .coursedemo li .i{ display: none;} .coursedemo .year{ float: left; display: block;} .coursedemo li.act .year{ display: block;} .coursedemo li.act .i{ display: none;} .coursedemo li .con{ position: relative; float: left; display: block; left: auto; top: auto; margin-left: 130px;} .coursedemo .bg i{ display: none;} .coursedemo li .con{ opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); transform:scale(1);} .thinkonelist .slick-prev, .thinkonelist .slick-next ,.thinkforlist .slick-prev, .thinkforlist .slick-next { display: none;} .cooperativecon{ padding: 40px 5%;} .cooperativecon li{ width: 25%;} .pinner{ width: 90%;} } @media screen and (max-width: 1024px){ .scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;} .scrollcomm2{ opacity: 1; filter:alpha(opacity=100); zoom:1;} .scrollcomm3{ margin-top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;} .header_left .menu{width: 60px; height: 50px;} .logo{height: 50px; line-height: 50px;} .logo img{width: 110px;} .header_right a{width: 50px; height: 50px;} .header_right{display: none;} .banner_info .banner_small{width: 90%;} .company_profile{padding-bottom: 0; height: auto;} .com_top_colleft,.com_top_colright{padding-bottom: 0; height: 300px; padding-top: 30px;} .com_pro_bottom{position: relative;} .com_pro_bottom .com_bot_ul li.active{padding-bottom: 300px !important; height: auto;} .com_pro_bottom .com_bot_ul li{padding-bottom: 300px !important; margin-top: 0 !important;} .text_info .text_title{margin-top: 30px;} .text_info .text_wz{margin-top: 30px;} .position_party{margin-bottom: 30px;} .agriculture .agri_left{padding-bottom: 0;height: 278px;} .news_col1{padding-bottom: 0; height: 300px;} .text_info .text_block{width: 50px; height: 50px;} .com_btn{width: 50px; height: 50px;} .text_info .text_title_yw{font-size: 24px;} .footer_mid{display: none;} .footer_top .footer_nav{width: 100%;} .footer_top .footer_nav .ul2{display: none !important;} .footer_tail{padding: 15px; line-height: 24px;} .education_con .educa_info{padding: 10% 30px; height: auto;} .education_con .educa_info_mes{position: relative; width: 100%;} .socail_top .socail_logo{display: none;} .socail_top .socail_top_info{padding-left: 0;} .staff_list li{width: 50%;} .staff_owl .item{padding-bottom: 1000px;} .staff_owl .staff_owl_left{width: 100%; height: 50%;} .staff_owl .staff_owl_right{width: 100%; top: 50%; height: 50%;} .staff_owl .commpny_text{height: 270px; overflow: auto;} .staff_owlf .staff_colse{top: calc(50% 15px)} .bank_con li{width: 100%; margin-bottom: 10px;} .bank_con .bank_info_texts{height: auto; min-height: 150px;} .bank_con li a .bank_con_info{position: relative;} .bank_con li a{height: auto;} .bank_con li:hover a .bank_con_info{padding-bottom: 30px;} .bank_top .commpny_text{padding-right: 0;} .bank_top .bank_img1{position: relative; right: 0; margin-top: 15px; display: block;} .energy_con .energy_btn{width: 50px; height: 50px;} .energy_con .energy_con_top{padding: 0 60px;} .energy_con .energy_con_text{height: 50px; line-height: 50px;} .profile_part1 .profile_part1_left{width: 100%;} .profile_part1 .profile_part1_right{position: relative; padding-bottom: 68.18%; height: 0; width: 100%; margin-top: 30px;} .news_col .news_right_wz{opacity: 1;} .company_video{width: 100%; position: relative; padding-bottom: 40%;} .com_btn{bottom: 0; margin-bottom: 40%;} .com_left{right: 50px;} .com_right{right: 0; left: auto;} .culturelist li{width: 100%;} } @media screen and (max-width: 998px){ .link_con .link_left{width: 100%;} .link_con .link_right{width: 100%;} .p416{padding: 30px;} .link_con .link_left_bot{margin-top: 50px;} .link_con .link_info{height: auto;} .devel_owlf .devel_top{width: 100%; position: relative; right: 0; left: 0; top: 0;} .devel_texts {overflow: auto;} .w920{width: 90%;} .slider-search .ssbox .ss-txt{padding:10px;} .slider-search .ssbox{width: 100%;} .slider-search .w920{padding-top: 30%;} .time_news{width: 300px;} .culturelist li .culture_h4{line-height: 28px;} } @media screen and (max-width: 768px){ .geni_con .geni_left{width: 100%;} .geni_con .geni_right{width: 100%;} .h740{height: 370px;} .jt_news_list li{width: 50%;} .socaillist li{width: 33.33%;} .ecology_con .ecology_top li{width: 50%; border-bottom: 1px #e2e1e1 solid;} .ecology_owlf .ecology_owlf_hide{padding-bottom: 400px;} .ecology_owl_img{padding-bottom: 400px;} .ecology_owlf .ecology_owl_btn a{width: 50px; height: 50px;} .honner_list li{width: 50%} .video_popup .video_con{width: 80%; height: 60%;} } @media screen and (max-width: 640px){ .link_con .link_left_bot .lett{width: 100%;} .groun_news_list li .groun_left{width: 90px; height: 100px;} .groun_news_list .ground_right{margin-left: 90px; height: 100px; padding: 0 15px;} .groun_news_list li .ground_title{margin-bottom: 10px;} .groun_news_list li .ground_title{padding-right: 40px;} .groun_news_list .commpny_text{line-height: 24px; height: 48px;} .bosscon .boss_left{width: 100%; margin-bottom: 30px;} .bosscon .boss_right{width: 100%;} .layui-layer{width: 90% !important; left: 5% !important;} .page{padding-bottom: 20px;} .page a{width: 30px; height: 30px; margin: 5px 2px; line-height: 30px;} .job_main{margin-left: 15px; margin-right: 15px; overflow-x:auto;} .job_lists {width: 200%;} .job_main td.fst{display: none;} .job_main .pd_lt{padding-left: 0;} .job_main td{padding: 15px 0;} .coursedemo{ width: auto;} .coursedemo .i1,.coursedemo .i2{ margin-left: 0px;} .coursedemo .bg{ left: 20px;} .coursedemo li,.coursedemo li.one{ padding:0px 0px 30px 60px;} .coursedemo li .year,.coursedemo li.act .year{ display: none;} .coursedemo li .con{ margin-left: 0px; width: 100%; box-sizing: border-box;} .coursedemo .con .ifont{ display: none;} .coursedemo .con .t{ font-size: 20px; height: 60px; line-height: 60px;} .coursedemo .con .c{ font-size: 14px;} .cooperativecon{ padding: 25px 2%;} .cooperativecon li{ width: 33.33%;} .coursetxt{width: 90%;} .coursedemo .con .itime{display: none;} .coursebox{padding-top: 70px; padding-bottom: 70px;} .coursedemo .con .sj{top: 14px;} .staff-n-list li{width: 100%; padding: 0 !important;} } @media screen and (max-width: 560px){ .slide_nav{width: 250px;} .header_left{width: 100%; left: 0; padding: 0 15px; top: 5%;} .agriculture .agri_left{width: 100%;} .agri_right{width: 100%;padding: 0 15px;padding-bottom: 242px;} .agriculture .agri_left{padding-left: 15px; padding-right: 15px; padding-top: 30px;} .news_col2{padding-bottom: 120px; padding-right: 15px; padding-left: 15px;} .news_col .news_right_wz{left: 15px;} .news_col .news_right_title{margin-top: 20px;} .banner_info{padding: 0 15px;} .com_top_colleft{padding-left: 15px; padding-right: 15px;} .link_con .link_left_bot{margin-top: 30px;} .link_con .link_left_bot .lett{margin-top: 10px; line-height: 26px; height: auto;} .link_con .link_right_p1{line-height: 20px;} .link_con .link_left_select{width: 100%;} .link_con .link_logo{display: none;} .link_map{padding-bottom: 300px;} .p416{padding: 30px 15px;} .pagebanner{padding-bottom: 250px;} .link_map .link_dot{width: 40px;} .pro_add2{width: 15px; height: 15px;} .education_con .educa_list li{width: 100%; border: 0 !important; border-bottom: 1px #e4e4e4 solid !important;} .education_con .educa_info_mes{padding: 15px;} .education_con .educa_info{padding: 10% 15px;} .pagesecond a{height: 45px; line-height: 45px;} .pagesecondplace{height: 45px;} .commpny_contro{padding: 30px 15px;} .geni_con .geni_text{width: 100%; padding: 0 15px;} .geni_con .geni_img{width: 100%;} .geni_con .geni_big_imgf .geni_text{position: relative; width: 100%} #recruit_mes li .recruit_info_mes{padding: 30px 15px;} #recruit_mes .recruit_info_top{padding: 0 15px;} #recruit_mes li .recruit_mark{margin-top: 25px; } .recruit_marka{width: 180px; padding-top: 14px; padding-top: 14px;} .dang_list li{width: 50%;} .dang_list li{border-bottom: 9px #eeeced solid;} .h365{height: 320px;} .socaillist li{width: 50%;} .culturelist li.cul_img a{padding-bottom: 70%;} .culturelist li.cul_text .culture_mes{margin-top: 30px;} .staff_list .staff_h4{margin-bottom: 5px;} .staff_owl .staff_owl_right{padding: 30px 15px;} .news_list li .news_left{height: 200px; position: relative; width: 100%;} .news_list li .news_right{width: 100%; padding-top: 15px;padding-bottom: 15px;} .party_more{height: 45px; line-height: 45px;} .jt_news_list li{width: 100%;} .newsdetail .share_news{margin-top: 15px;} .newsdetail .newsdetail_top .newsdetail_top_lett1{display: none;} .newsdetail .newsdetail_top .newsdetail_top_lett{line-height: 28px;} .land_block_text{padding: 30px 15px;} .eare_con .eare_block_info{padding: 30px 15px;} .eare_block .eare_block_img{padding-bottom: 200px;} .eare_con .eare_yw{width: 160px;} .eare_con .eare_h4{margin-top: 20px;margin-bottom: 15px;} .bank_con li a .bank_con_info{padding: 30px 20px;} .energy_con .commpny_contro2{margin-top: 30px;} .indus_trend .indus_trend_title .yh_hs{width: 25px;} .indus_trend .groun_news_list{margin-top: 30px;} .ecology_con .ecology_top li a,.ecology_owl .commpny_contro{padding: 30px 15px;} .ecology_con .ecology_h4{line-height: 16px;} .devel_owlf .devel_top_year{width: 24%;} .devel_owlf .devel_top_text{width: 76%; padding-left: 10px; padding-right: 10px;} .devel_owlf .devel_btn a{width: 40px;} .devel_owlf .devel_top{padding-right: 80px;} .devel_owl .item{padding: 15% 10%;} .profile_part3 .rofile_part3_img{padding-bottom: 300px;} .profile_part3 .play_icons{width: 40px; height: 40px; background-size: cover;} .poppart .owl-prev,.poppart .owl-next{width: 40px; height: 40px;} .honner_list li{width: 100%;} .currentpart{bottom: 25px;} .pagebanner_dc{padding-bottom: 500px;} .banner_info .banner_small_text,.news_col .news_right_wz,.text_info .text_wz,.footer_top .footer_nav a,.link_con .link_left_bot .lett,.geni_con .commpny_text{font-size: 13px;} .time_news{width: 300px;} .company_video{padding-bottom: 300px;} .com_btn{margin-bottom: 300px;} .agri_right .argi_right_mes{bottom: 20px;} .slider--timeline{margin-top: 30px;} .slider--timeline .slide__year{font-size: 25px;} .mt4{margin-top: 2rem;} .slider--timeline .slick-prev{width: 40px; background: no-repeat left center} .slider--timeline .slick-next{width: 40px; background: no-repeat right center} .bmap_marker>div>img{width: 90px;} .culturelist li{width: 100%;} .culturelist li a{width: 100%; padding-bottom: 100%; position: relative;} .culturelist li.cul_text a{height: auto; padding-bottom: 0;} .culturelist li.cul_text .culture_absolute{position: relative;} .culturelist li.cul_text .culture_mes{position: relative; margin-top: 10%;} .culturelist li.cul_img a{padding-bottom: 50%;} } @media screen and (max-width: 450px){ .dang_list li{width: 100%;} .socaillist li,.staff_list li{width: 100%;} .bank_top .bank_img1{width: 300px;} .staff_list2 li:nth-child(2) .staff_list2 li:nth-child(3),.staff_list2 li:nth-child(4){display: block;} }