/* * @Title: 所有样式 * @Date: 2017-8-7 * */ .subban{width: 100%;height: 150px;} .subban h3{font-size:24px;color:#ffffff;filter:alpha(opacity=70); opacity:0.7;line-height: 150px;} .abban{background: url(../img/about/abban.jpg) no-repeat center;} .newsban{background: url(../img/news/newsban.jpg) no-repeat center;} .busban{background: url(../img/bus/busban.jpg) no-repeat center;text-align: right;} .devban{background: url(../img/develop/devban.jpg) no-repeat center;text-align: center;} .invban{background: url(../img/investor/invban.jpg) no-repeat center;} .conban{background: url(../img/contact/contban.jpg) no-repeat center;} .taban{background: url(../img/talent/taban.jpg) no-repeat center;text-align: center;} .resban{background: url(../img/respon/resban.jpg) no-repeat center;text-align: center;} .cupban{background: url(../img/cup/cupban.jpg) no-repeat center;text-align: center;} .itban{background: url(../img/it/it-bg.jpg) no-repeat center;} .devban h3{color: #b69458;} .invban h3{padding-left: 200px;color: #635446;} .conban h3{padding-left: 700px;color: #8f959f;} .cupban h3{padding-left: 550px;color: #9e9d99;} .itban h3{font-size:24px;color: #affdf8; line-height: 150px;} .itw1200{padding-top: 40px;height: 365px;} .main_title_it{padding-bottom: 30px;} .itc .word h3{ font-size: 16px; color: #56bb4e; /* font-size: 20px;color: #646262;font-weight: 600;line-height: 30px; */ } .it_k{margin-bottom: 15px;} #left_it{width: 550px;float: left;} #right_it{float: right;position: relative;z-index: 20;} #left_it p{font-size: 13.5px;line-height: 26px;color: #959595;padding-bottom: 15px;} #left_it .ver_txt{width: 644px;} .itw1200 .tree{position: absolute;bottom: -6px; left:-500px;} .itw1200 .trees{position: absolute;bottom: -7px; left:-500px;} .jiagou{width: 100%;height: 730px;background: url(../img/it/jg_bg.png) no-repeat center bottom} .tit_left{position: absolute;right:0;top:90px} .fac_con{width: 100%;padding-top: 50px;} .fac_list{margin-bottom: 50px;position: relative;} .fac_con ul li{ float: left; width: 387px; height: 255px; margin-top: 20px; margin-right: 19.5px; text-align: center; } .keyan{ padding-bottom: 15px; } /* .fac_con ul li:nth-child(2){ margin: 40px 19.5px 0 19.5px; } */ /* .fac_con ul li:nth-child(3n){ margin-right: 0; } */ .picScroll-left .hd .next{ position: absolute; top: 195px; left: 1244px; } .picScroll-left .hd .prev{ position: absolute; top: 195px; right: 1244px; } .picScroll-left1 .hd .next{ position: absolute; top: 195px; left: 1244px; } .picScroll-left1 .hd .prev{ position: absolute; top: 195px; right: 1244px; } .picScroll-left2 .hd .next{ position: absolute; top: 195px; left: 1244px; } .picScroll-left2 .hd .prev{ position: absolute; top: 195px; right: 1244px; } .picScroll-left3 .hd .next{ position: absolute; top: 195px; left: 1244px; } .picScroll-left3 .hd .prev{ position: absolute; top: 195px; right: 1244px; } .fac_con ul li div{ width: 100%; height: 217px; margin-bottom:18px; background-color: #e3f1ee; } .fac_con ul li div img{ width: 100%; height: 100%; } .fac_con ul li span{ font-size: 14px; line-height: 20px; color: #7b7b7b; } .fac_tree{ width: 100%; height: 95px; background: url(../img/it/fac_tree.png) no-repeat right; } .coo_txt{ width: 650px; font-size: 13.5px; line-height: 26px; color: #959595; } .coo_blue p{ font-size: 16px !important; line-height: 26px !important; color: #3b79cd !important; font-weight: 600; } .itw1200 .coo_tree { position: absolute; bottom: -7px; left: 0px; } .coo_con{ width: 100%; height: 895px; border-top: 3px solid #e2e2e2; } .coo_con img{ position: relative; left: -500px; } .college{ position: absolute; top:360px; left:0; } .uni{ position: absolute; top:50px; left:500px; } .college li{ float: left; width: 560px !important; height: 340px; background: #aed6c7; margin-right: 10px; } .college .col_a img{ position: absolute; top:-18px; left:9px; } .college .col_a p{ position: absolute; bottom: -50px; left:100px; font-size: 17px; line-height: 30px; color: #569a81; font-weight: 600; } .college .col_b img{ position: absolute; top:-18px; left:579px; } .college .col_b p{ position: absolute; bottom: -50px; left:620px; font-size: 17px; line-height: 30px; color: #569a81; font-weight: 600; } /* .college .col_b{ width: 560px; } */ .us_txt h3{ font-size: 18px; color: #4c4f52; /* padding-bottom: 20px; */ } .us_txt{ margin-bottom: 20px; } .us_txt h5{ font-size: 13.5px; line-height: 26px; color: #959595; } .us_txt p{ font-size: 13.5px; line-height: 24px; color:#8f8f8f; } /* .us_txt img{ margin: 15px 0 15px 0; } */ .us_txt h4{ font-size: 35px; color: #e2332e; font-family: 'DINCond-Regular'; padding-left: 60px; background: url(../img/it/smartphone.jpg) no-repeat left center; line-height: 100px; } .us_map{ width: 740px; height: 360px; margin-bottom: 100px; /* padding-top: 25px; */ } .fl{ float: left; } .fr{ float: right; } .map_tree{ position: absolute; bottom: -110px; right:0; } .dan_tree{ position: absolute; bottom: -108px; left:-80px; } .it_us{ margin-bottom: 20px; } .main_title_it h2{ font-size: 46px; color: #56bb4e; font-family: 'DINCond-Regular'; margin: 0 10px 0 0; letter-spacing: -2px; font-weight: bold; line-height: 35px; } .jg_con{ position: relative; width: 998px; height: 370px; padding-top:130px; /* margin-top: 130px; */ } .jg_txt>li{ top:142px; left:467px; } .jg_txt li:nth-child(1){ top:142px; left:467px; } .jg_txt li{ position: absolute; font-size: 20px; line-height: 30px; color: #fff; } .jg_txt>li+li{ top:237px; left:342px; } .jg_txt li:nth-child(2){ top:237px; left:342px; } .jg_txt>li+li+li{ top:335px; left:256px; } .jg_txt li:nth-child(3){ top:335px; left:256px; } .jg_txt>li+li+li+li{ top:335px; left:447px; } .jg_txt li:nth-child(4){ top:335px; left:447px; } .jg_txt>li+li+li+li+li{ top:335px; left:641px; } .jg_txt li:nth-child(5){ top:335px; left:641px; } .jg_text li{ position: absolute; width: 18px; line-height: 17px; font-size: 16px; color: #505255; } .jg_text> li{ top:490px; left:50px; } .jg_text li:nth-child(1){ top:490px; left:50px; } .jg_text> li + li{ top:490px; left:201px; } .jg_text li:nth-child(2){ top:490px; left:201px; } .jg_text> li + li+li{ top:490px; left:350px; } .jg_text li:nth-child(3){ top:490px; left:350px; } .jg_text> li + li+li+li{ top:490px; left:500px; } .jg_text li:nth-child(4){ top:490px; left:500px; } .jg_text> li + li+li+li+li{ top:490px; left:650px; } .jg_text li:nth-child(5){ top:490px; left:650px; } .jg_text> li + li+li+li+li+li{ top:490px; left:800px; } .jg_text li:nth-child(6){ top:490px; left:800px; } .jg_text> li + li+li+li+li+li+li{ top:490px; left:950px; } .jg_text li:nth-child(7){ top:490px; left:950px; } .sci_con{ width: 100%; /* height: 1320px; */ /* height: 100%; */ border-top: 3px solid #e2e2e2; padding-top: 30px; } .sci_list{ height: 60px; } .sci_list li{ width: 40px; /* height: 100%; */ float: left; font-size: 20px; line-height: 30px; color: #505255; margin-left: 60px; padding-bottom: 12px; } .sci_list .green{ color: #3cb126; border-bottom: 3px solid #56bb4e; } .thesis{ width: 100%; /* height: 1076px; */ display: none; } .opens{ display: block; } .thesis_left{ width: 360px; height: 70px; background: #07c580; text-align: center; } .thesis_left p{ line-height: 70px; font-size: 20px; color: #fff; } .thesis_right{ width: 100%; } .thesis_right .tap{ float: left !important; width: 388px !important; height: 33px !important; margin: 0 !important; background: #fff; border: 2px solid #e2e2e2 !important; text-align: center; } /* .thesis_right .tap:nth-child(2){ border-left: none !important; border-right: none !important; } */ .thesis_right .tap p{ font-size: 20px; line-height: 33px; color: #07c580; } .thesis_right .tapcs{ background: #6bcdff; } .thesis_right .tapcs p{ color: #fff; } .tab_sci{ display: none; } .thesis .thesis_a{ display: block; width: 780px; height: 70px; margin-bottom: 20px; background-color: #e3f1ee; } .thesis .thesis_a .day{ float: left; width: 145px; height: 70px; text-align: center; line-height: 70px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #56bb4e; letter-spacing: -2px; } .thesis .thesis_a .des{ float: right; width: 580px; height: 70px; padding-right: 20px; display: table; } .thesis .thesis_a .des p{ display: table-cell; vertical-align: middle; font-size: 16px; color: #959595; margin-bottom: 0px; } .thesis .more{ display: block; width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: #56bb4e; text-align: center; line-height: 50px; font-size: 14px; color: #fff; transition: all 400ms; } .thesis .dev5list .item{margin-bottom: 10px;} .thesis .dev5list .item .t_title{width:65%;height:60px;background: #f6f6f6 url(../img/develop/dev5pic2.png) no-repeat left;cursor: pointer;transition: all .3s;position: relative;overflow: hidden;} .thesis .dev5list .item .t_title .cutter{position: absolute;top: 0;left: -345px;width: 100%;height: 100%;background: url(../img/develop/dev5pic1.png) no-repeat left;} .thesis .dev5list .item .t_title h5{float:left;line-height: 60px;position: relative;z-index: 3;} .thesis .dev5list .item .t_title h5 b{font-size:30px;color:#56bb4e;padding-left:20px;font-family: 'DINCond-Regular';float: left;font-weight: normal;} .thesis .dev5list .item .t_title h5 span{font-size:16px;color:#79858a;padding-left:20px;display: inline-block;float: left;} .thesis .dev5list .item .t_title img{float: right;margin: 18px 20px 0 0;} .thesis .dev5list .item .listcont{display: none;} .thesis .dev5list .item .listcont .l_title{font-size:13px;color:#8f8f8f;line-height: 22px;padding:15px 0 15px 20px;} .thesis .dev5list .item .listcont .l_title p{font-size:13px;color:#8f8f8f;line-height: 22px;padding:10px 0 10px 20px;} .thesis .dev5list .item .listcont h6{font-size:16px;color:#56bb4e;line-height: 22px;padding:0 0 15px 20px;} .thesis .dev5list .item .listcont li{float: left;margin: 20px 10px 10px 0;} .thesis .dev5list .item .listcont li.txt{margin-right:10px !important;} .thesis .dev5list .item .listcont li img{display: block;border: 2px solid #eeefef;border-bottom: none;} .thesis .dev5list .item .listcont li p{width: 100%;line-height: 60px;font-size:14px;color: #777777;background: #eeefef;} .tab_sci li{ float: left; width: 380px; height: 255px; margin-top: 40px; margin-right: 19.5px; text-align: center; } /* .tab_sci li a{ cursor: initial; } */ .tab_sci ul li div { width: 100%; height: 217px; margin-bottom: 18px; background-color: #e3f1ee; } .tab_sci ul li span { font-size: 14px; line-height: 20px; color: #7b7b7b; } .thesis>p{ font-size: 13.5px; line-height: 26px; color: #959595; margin-bottom: 20px; } .thesis .sci_li{ float: left; width: 378px; height: 270px; background-color: #136fcf; margin: 0 33px 33px 0; } .thesis .sci_li:nth-child(3n){ margin-right: 0; } /* .thesis .mar{ margin: 0 33px; } .thesis .mar-b{ margin-top: 33px; } */ .sci_l{ float: left; width: 210px; height: 100%; background: #bae9e8; } .sci_l img{ margin: 22px 0 0 22px; } .sci_r{ float: left; width: 168px; height: 100%; background: #e8f3ed; } .sci_r h2{ font-size: 14px; line-height: 24px; color: #565656; font-weight: 600; } .sci_r p{ font-size: 14px !important; line-height: 20px !important; color: #7b7b7b !important; } .sci_r>div{ height: 65px; margin: 25px 0 0 20px; } .sci_tree{ position: relative; height: 101px; left: 860px; bottom: -10px; width: 340px; margin-top: 30px; } .dir_bg img{ margin-left: 85px; } /* .dir_bg ul{ position: absolute; } */ .dir_bg ul li{ position: absolute; width: 128px; font-size: 16px; line-height: 26px; color: #959595; text-align: center; } .dir_bg .waters{ left:132px; top:488px; } .dir_bg .greens{ left:412px; top:167px; } .dir_bg .soils{ left:888px; top:488px; } .dir_con{ width: 100%; height: 830px; background: url(../img/it/sky_bule.png) no-repeat center bottom; } .dir_list{ width: 100%; height: 327px; margin-left: 100px; } .dir_list ul li{ float: left; width: 206px; height: 177px; padding-top: 150px; padding-left: 70px; } .dir_list ul li:nth-child(2){ margin: 0 70px; } .dir_list ul .water{ transition: 0.5s; background: url(../img/it/water_a.png) no-repeat center; } .dir_list ul .soil{ transition: 0.5s; background: url(../img/it/soil_a.png) no-repeat center; } .dir_list ul .green{ transition: 0.5s; background: url(../img/it/green_a.png) no-repeat center; } .dir_list ul .water:hover{ transition: 0.5s; background: url(../img/it/water_b.png) no-repeat center; } .dir_list ul .soil:hover{ transition: 0.5s; background: url(../img/it/soil_b.png) no-repeat center; } .dir_list ul .green:hover{ transition: 0.5s; background: url(../img/it/green_b.png) no-repeat center; } /* .dir_list ul .water_b{ background: url(../img/it/water_b.png)no-repeat center; } .dir_list ul .soil_b{ background: url(../img/it/soil_b.png)no-repeat center; } .dir_list ul .green_b{ background: url(../img/it/green_b.png)no-repeat center; } */ .dir_list ul .water h3{ font-size: 30px; line-height: 70px; color: #7ca9c1; font-family: 'Rubik'; } .dir_list ul .water p{ font-size: 18px; color: #505255; font-weight: 600; } .dir_list ul .soil h3{ font-size: 30px; line-height: 70px; color: #c7ab3b; font-family: 'Rubik'; } .dir_list ul .soil p{ font-size: 18px; color: #505255; font-weight: 600; } .dir_list ul .green h3{ font-size: 30px; line-height: 70px; color: #59b142; font-family: 'Rubik'; } .dir_list ul .green p{ font-size: 18px; color: #505255; font-weight: 600; } .dir_txt{ margin-top: 50px; display: none; } .dir_txt h2{ font-size: 46px; color: #56bb4e; font-family: 'DINCond-Regular'; letter-spacing: -2px; font-weight: bold; margin: 20px 0; } .dir_txt .txgs h3{ font-size: 16px; color: #56bb4e; } .dir_txt .txgs p{ font-size: 14px; line-height: 26px; color: #959595; } .dir_txt .txgs li{ float: left; width: 146px; height: 140px; margin: 30px 10px 0 15px; text-align: center; background: url(../img/it/dir_quan.png) no-repeat center; } .dir_txt .txgs li h5{ font-size: 16px; line-height: 26px; color: #2990c7; font-weight: 600; margin-left: 10px; } .dir_txt .txgs li h5:first-child{ margin-top: 45px; } .app_con{ width: 100%; height: 480px; /* padding-top: 20px; */ } .app_s .app_con:first-child{ border-top: 3px solid #e2e2e2; } .app_s .app_con:nth-child(2n){ background: #e5f8ed; } .app_list{ position: absolute; bottom: 0; } .app_list li{ float: left; width: 390px; height: 35px; background-color: #d1e9ec; font-size: 16px; line-height: 35px; color:#428086; text-align: center; } .txtScroll-left{ width:1030px;position:relative; margin-top: 30px;} .txtScroll-left .hd{ height:160px;padding:0 10px; width: 100px;position: absolute; right:-165px;top:175px;} .txtScroll-left .hd .prev{ float: left; display: block; width: 27px; height: 14px; background:url(../img/it/prev.png) no-repeat; } .txtScroll-left .hd .next{ float: right; display: block; width: 27px; height: 14px; background:url(../img/it/next.png) no-repeat; } /* .txtScroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("") no-repeat;} */ /* .txtScroll-left .hd .next{ background-position:0 -50px; } */ /* .txtScroll-left .hd .prevStop{ background-position:-60px 0; } .txtScroll-left .hd .nextStop{ background-position:-60px -50px; } */ .txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .txtScroll-left .hd ul li{ float:left; width:9px; height:9px; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; } .txtScroll-left .hd ul li.on{ background-position:0 0; } .txtScroll-left .bd{ width:1030px; overflow:hidden; } .txtScroll-left .bd ul{ overflow:hidden; zoom:1; } .txtScroll-left .bd ul li{width: 480px;height: 311px;float:left;line-height:24px; text-align:left; _display:inline;margin-right:70px;} .txtScroll-left .bd ul li span{ color:#999; } /* .txtScroll-left .bd ul li img{ position: absolute; top:0; left:0; } */ .txtScroll-left .bd ul li .bgs{ width: 100%; height: 280px; margin-top: 31px; background-color: #f0f0f0; transition: 1s; } .txtScroll-left .bd ul li:hover .bgs{ background: #4ec936 !important; } .txtScroll-left .bd ul li .bgs h3{ font-size: 16px; line-height: 500px; color: 515553; text-align: center; font-weight: 600; transition: 1s; } .txtScroll-left .bd ul li:hover h3{ color: #fff !important; } .txtScroll-left .bd ul{ position: relative; } .txtScroll-left .bd ul li .bgs_img1{ position: absolute; top:0; left:15px; } .txtScroll-left .bd ul li .bgs_img2{ position: absolute; top:0; left:565px; } .txtScroll-left .bd ul li .bgs_img3{ position: absolute; top:0; left:1115px; } .txtScroll-left .bd ul li .bgs_img4{ position: absolute; top:0; left:1665px; } .txtScroll-left .bd ul li .bgs_img5{ position: absolute; top:0; left:2215px; } .txtScroll-left .bd ul li .bgs_img6{ position: absolute; top:0; left:2765px; } .txtScroll-left .hd .ts{ font-size: 26px; line-height: 30px; color: #3cb126; margin-left: 15px; } .txtScroll-left .hd .bs{ font-size: 26px; line-height: 30px; color: #537d75; margin-left: 15px; } .txtScroll-left .hd .line{ width: 60px; height: 3px; margin: 15px 0; background: #cbd8d5; } .txtScroll-left .hd .fy{ margin: 0 0 50px 20px; } .app_title h3{ font-size: 18px; line-height: 80px; color: #505255; font-weight: 600; } .app_foot h3{ font-size: 16px; line-height: 30px; color: #7c9085; font-weight: 600; text-align: center; margin-top: 20px; } .app_s{ width: 100%; display: none; } .app_tree{ position: relative; left:1380px; top: 10px; width: 340px; } .app_list .app_color{ background: #07c15f; color: #fff; } .dir_list .da img{ transform: scale(1.1) } .clears:after{ content: ""; display: block; clear: both; } .itw1200:after{ content: ""; display: block; clear: both; } @media screen and (max-width: 1450px) { .setion3 .next{ left: 1190px !important; } .setion3 .prev{ right: 1210px !important; } .fac_list .next{ left: 1208px !important; } .fac_list .prev{ right: 1208px !important; } } @media screen and (max-width: 1350px) { .setion3 .next{ left: 1180px !important; z-index: 99; } .setion3 .prev{ right: 1200px !important; z-index: 99; } .fac_list .next{ left: 1200px !important; z-index: 99; } .fac_list .prev{ right: 1200px !important; z-index: 99; } } @media screen and (max-width: 1325px) { .setion3 .next{ left: 1160px !important; z-index: 99; } .setion3 .prev{ right: 1180px !important; z-index: 99; } .fac_list .next{ left: 1180px !important; z-index: 99; } .fac_list .prev{ right: 1180px !important; z-index: 99; } } .titnav{width: 100%;height: 68px;background: #f8f9f8;} .titnav .cnav{float: left;} .titnav .cnav li{float: left;} .titnav .cnav li a{font-size:14px;color:#8f8f8f;margin-right:30px;line-height: 68px;font-weight: bold;} .titnav .cnav li.on a{color: #3d804a;} .titnav .cnav li a:hover{color: #3d804a;} .titnav .local{height: auto;float: right;/*line-height: 68px;*/margin-top: 22px;} .titnav .local a{float: left;font-weight: bold;} .titnav .local .goback{font-size: 13px;color: #5b5b5b;} .titnav .local .here{font-size: 13px;color: #56bb4e;} .titnav .local .gohome{width: 10px;height: 10px;background: url(../img/homeicon.png) no-repeat center;display: block;margin: 7px 0 0 0 ;} .titnav .local span{width: 3px;height: 5px;background: url(../img/homeicon2.png) no-repeat center;display: block;float: left;margin: 10px 10px 0 ;} .content{border-bottom: 4px solid #eaecee;overflow: hidden; /* margin-top: 80px; */ } .backmask{width: 100%;height: 100%;background: #fbfbfb;position: absolute;top: 0;right: -814px;z-index: 0;} #left{width: 764px;float: left;padding: 0 0 60px 0;} #right{width: 386px;float: right;padding: 120px 0 60px 0;} .main_title{padding:40px 0 30px 0;} .main_title h2 strong,b{font-size:46px;color:#56bb4e;font-family: 'DINCond-Regular';margin: 0 10px 0 0;letter-spacing: -2px;/*line-height: 45px;*/text-transform: uppercase;} .main_title h2 span{font-size:16px;color:#999999;position: relative;top: -1px;} /*about*/ /*.about1 #left{padding-bottom:60px;}*/ .about1 .word{margin-bottom: 50px;} /*.about1 .word .article{padding:0 20px 0 0;overflow-y: auto;height:260px;width: 760px;margin: 20px 0;}*/ .about1 .word h3{font-size:18px;color:#4c4f52;font-weight: bold;} .about1 .word p{font-size:13px;color:#8f8f8f;line-height: 22px;padding: 10px 0;} /*.about1 .ab1tu{background: url(../img/about/ab1tu.jpg) no-repeat center;width: 760px;height: 226px;margin-top: 15px;}*/ /*.about1 .ab1tu .wall{padding: 30px 0 0 30px;}*/ .about1 h4{font-size:18px;color: #32962a;font-weight: bold;} /*.about1 .ab1tu p{font-size:14px;color: #a6a8ad;line-height: 20px;padding: 10px 0;}*/ .about .ablink1{width:386px;height:358px;background: url(../img/about/ablink1.jpg) no-repeat center;display: block;margin-bottom: 10px;position: relative;z-index: 10;} .about .ablink1 .wall{padding:55px 0 0 35px;} .about .ablink1 .wall h3{font-size:32px;color:#a7a39d;font-family:'DINCond-Regular';font-weight: bold;padding-bottom: 5px;} .about .ablink1 .wall p{font-size:18px;color:#4c4f52;font-weight: normal;font-weight: bold;} .about .ablink2{width:387px;height:184px;background: url(../img/about/ablink2.jpg) no-repeat center;display: block;position: relative;z-index: 10;} .about .ablink2 .wall{padding:25px 0 0 35px;} .about .ablink2 .wall h3{font-size:32px;color: #977a46;font-family:'DINCond-Regular';font-weight: bold;padding-bottom: 5px;filter:alpha(opacity=20); opacity:0.2;} .about .ablink2 .wall p{font-size: 18px;color: #5c4010;font-weight: bold;} .about1 .more_wrap{width:44px; height:100px; margin: 15px auto 0; position:relative; cursor:pointer;} .about1 .load-more{position:absolute; left:0; top:0; display: block; width: 41px; height: 41px; background: url(../img/public/load-more.png) no-repeat center;} .about1 .more_wrap:hover .load-more{ animation: moveDown 1.5s 0s ease-out infinite ; -webkit-animation: moveDown 1.5s 0s ease-out infinite ; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .about1 .more_wrap.on .load-more{top:auto; bottom:0;} .about1 .more_wrap.on:hover .load-more{animation: moveUp 1.5s 0s ease-out infinite ; -webkit-animation: moveUp 1.5s 0s ease-out infinite ;} .about1 .load-cnt{display: none;} /*about2*/ .about2 .ab2list .item .t_title{width:100%;height:60px;background: #f2f2f2;margin-bottom: 10px;cursor: pointer;transition: all .3s;} .about2 .ab2list .item .t_title h5{font-size:18px;color:#56bb4e;float:left;padding-left:30px;line-height: 60px;transition: all .3s} .about2 .ab2list .item .t_title img{float: right;margin: 18px 20px 0 0;} .about2 .ab2list .item .t_title.on{background: #71bdaa;transition: all .3s} .about2 .ab2list .item .t_title.on h5{color: #fff;transition: all .3s;} .about2 .ab2list .item .t_title:hover{background: #71bdaa;} .about2 .ab2list .item .t_title:hover h5{color: #fff;} .about2 .ab2list .item ul{background: url(../img/about/ab2line.jpg) repeat-y 42px;display: none;} .about2 .ab2list .item ul li{font-size:13px;color: #949494;padding: 10px 0 10px 32px;background: url(../img/about/ab2icon.png) no-repeat left center;margin-left:37px;} .about2 .ab2list .item ul .licont .btn{font-size:16px;color:;line-height:30px;text-align: center;width:68px;border-radius:15px;display: block;float: left;background:#e5e9e8;color:#519383;} .about2 .ab2list .item ul .licont .a{margin-left: 20px;} .about2 .ab2list .item ul .licont .b{margin-left: 68px;} .about2 .ab2list .item ul .licont .btn:hover{background:#efbe53;color:#ffffff;} .about2 .ab2list .item ul .licont .btn.on{background:#efbe53;color:#ffffff;} .about2 .ab2list .item ul .licont{padding: 20px 0 10px;} .about2 .ab2tu{width:100%;height:202px;background: url(../img/about/ab6tu1.jpg) no-repeat center;margin-bottom: 20px;} .about2 .ab2tu p{font-size:16px;color:#ffffff;line-height:202px;filter:alpha(opacity=90); opacity:0.9;padding-left: 280px;} .about2 .ab2tu p span{font-size:35px;font-family:'bebas_neue';padding: 0 6px;} /*about3*/ .about3 img{margin:20px auto 100px auto;display: block;} /*about4*/ .about4 .l_cul{width:812px;height:354px;background:url(../img/about/ab4tu1.jpg) no-repeat center;float:left;} .about4 .l_cul ul{padding-left: 35px;padding: 20px 0 20px 35px;} .about4 .l_cul ul li{background: url(../img/about/ab4po.png) no-repeat left center;padding: 3px 0 3px 24px; line-height: 27px;} .about4 .l_cul ul li .green{font-size:15px;color:#3d814a;} .about4 .l_cul ul li .gray{font-size:15px;color:#999999;} .about4 .ab4link{width:387px;height:354px;background:url(../img/about/ab4link.jpg) no-repeat center;float:left;display: block;} .about4 .ab4link .wall{padding: 40px 0 0 30px;} .about4 .ab4link h3{font-size:32px;color:#a39c8b;font-family:'DINCond-Regular';font-weight: bold;margin-bottom: 4px;} .about4 .ab4link p{font-size:18px;color:#4c4f52;font-weight: bold;} .about4 .ab4link .face{display: block;border:2px solid #a59a7c;margin-top: 20px;float: left;} .about4 .ab4link .goto{font-size:16px;color:#73694c;padding: 0 20px 0 10px;background: url(../img/about/ab4bei.png) no-repeat right 20px;width: 75px;text-align: right;float: left;margin-top: 174px;} .about4 .ab4bot{width:100%;height:420px;background: url(../img/about/ab4tu2.jpg) no-repeat center;text-align: center;} .about4 .ab4bot h3{font-size:18px;color:#2abd6d;padding-top:46px;font-weight: 600;} .about4 .ab4bot h4{font-size:24px;color:#a6bfba;padding: 1px 0 22px 0;font-family:'DINCond-Regular';} .about4 .ab4bot li{width: 230px;float: left;margin-right: 93px;} .about4 .ab4bot li.item4{margin-right: 0;} .about4 .ab4bot li h5{font-size:18px;color:#2abd6d;font-weight: 600;padding: 12px 0 20px;} .about4 .ab4bot li p{font-size:14px;color:#8f9c90;line-height: 22px;text-align:justify;} .about4 .ab4book .titcell li a{font-size:20px;color:#afafaf;padding-bottom: 12px;} .about4 .ab4book .titcell li a:hover{color: #56bb4e;border-bottom: 3px solid #56bb4e;} .about4 .ab4book .titcell li.on a{color: #56bb4e;border-bottom: 3px solid #56bb4e;} .about4 .ab4book .titcell li{float: left;margin-right: 30px} .about4 .ab4book .titcell{border-bottom: 3px solid #f1f5f3;padding: 50px 0 10px;} .about4 .ab4book .bookcont .left h3{font-size:16px;color:#8d868d;padding-top:20px;} .about4 .ab4book .bookcont .left p.hint{font-size:13px;color:#a8a8a8;padding: 10px 0;} .about4 .ab4book .bookcont .left .maincell .booklist>li img{display: block;border: 1px solid #eaeaea;width: 160px;height: 217px;} .about4 .ab4book .bookcont .left .maincell .booklist>li p{display: block;line-height: 40px;text-align: center;} .about4 .ab4book .bookcont .left .maincell .booklist>li{width: 162px;height:261px;float: left;background:#f0f4f2;margin:0 33px 20px 0;} .about4 .ab4book .bookcont .left{width:785px;float: left;position: relative;padding-bottom: 80px;border-right:3px solid #f1f5f3;} .about4 .ab4book .bookcont .right{width: 360px;float: right;padding: 20px 0 0 20px;border-left:3px solid #f1f5f3;} .about4 .ab4book .bookcont .right .onemagz{width:365px;height:180px;background: #bbdad3 url(../img/about/ab4png1.png) no-repeat 245px 30px;display: block;} .about4 .ab4book .bookcont .right .onemagz h3{font-size:18px;color:#528076;} .about4 .ab4book .bookcont .right .onemagz p{font-size:24px;color:#a5c4be;font-family:'DINCond-Regular';} .about4 .ab4book .bookcont .right .onemagz .wall{padding: 90px 0 0 20px;} .about4 .ab4book .bookcont .right .twomagz{width:365px;height:252px;background: #44454c;margin-top: 10px;display: block;} .about4 .ab4book .bookcont .right .twomagz img{display: block;padding: 35px 0 0 20px;float: left;} .about4 .ab4book .bookcont .right .twomagz .word h3{font-size:19px;color:#ffffff;padding-left: 5px;} .about4 .ab4book .bookcont .right .twomagz .word h4{font-size:17px;color:#ffffff;padding: 10px 0 15px;} .about4 .ab4book .bookcont .right .twomagz .word p{font-size:17px;color:#737378;} .about4 .ab4book .bookcont .right .twomagz .word{padding: 80px 0 0 18px;float: left;} .about4 .ab4book .overblock{width: 29px;height: 20px;position: absolute;left: 788px;top: 28px;background:#fff;} /*--*/.about4 .btnBox{width: 100%;height: 36px;text-align: center; font-size: 12px;padding-top: 30px;position: absolute;left: 0;bottom: 20px;} .about4 .btnBox_Ul{position:relative; display:inline-block; max-width: 168px; height: 30px; padding:0 36px; overflow: hidden; text-align: center;} .about4 .btnBox_Ul ul{display:inline-block; height: 30px;overflow: hidden; font-size: 0; letter-spacing: -4px; text-align: center;} .about4 .btnBox li{float:left; letter-spacing:normal; font-size: 12px; vertical-align: top; width: 24px;height: 24px;margin:0 8px 4px;line-height: 24px;color: #adadad;text-align: center;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;} .about4 .btnBox li:hover{background-color: #56bb4e;border:1px solid #56bb4e;color: #FFF!important;} .about4 .btnBox .on{background-color: #56bb4e;border:1px solid #56bb4e;color: #FFF!important;} .about4 .btnBox_next ,.about4 .btnBox_prev{position:absolute; display: block;width: 24px;height: 24px;line-height: 24px;color: #adadad;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: absolute;top:0;} .about4 .btnBox_prev{left: 0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");background-position: center;background-repeat: no-repeat;} .about4 .btnBox_next{right: 0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");background-position: center;background-repeat: no-repeat;} .about4 .btnBox_prevStop{border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");} .about4 .btnBox_nextStop{border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");} .about4 .btnBox_prev:hover{border:1px solid #56bb4e;background-color: #56bb4e;background-image: url("../images/Leftarrow.png");} .about4 .btnBox_next:hover{border:1px solid #56bb4e;background-color: #56bb4e;background-image: url("../images/Righarrow.png");} /*about5*/ .about5 .word h3{font-size:35px;color:#c0c0c0;font-family:'DINCond-Regular';padding-bottom: 20px;} .about5 .word p{font-size:13px;color:#8f8f8f;line-height: 22px;padding-bottom: 20px;} .about5 .history .step{width: 759px;height: 157px;background: url(../img/about/ab5ruler.jpg) no-repeat left bottom;} .about5 .history .step li{width: 120px;height: 155px;background: url(../img/about/ab5cir4.png) no-repeat left center;float: left;text-align:center;transition: all .3s; cursor:pointer;} .about5 .history .step li.st1{margin: 0 33px 0 32px;} .about5 .history .step li.st2{margin: 0 33px 0 33px;} .about5 .history .step li.st3{margin: 0 33px 0 33px;} .about5 .history .step li.st4{margin: 0 33px 0 33px;} .about5 .history .step li h4{font-size:25px;color:#56bb4e;font-family:'DINCond-Regular';padding-top: 38px;} .about5 .history .step li p{font-size:16px;color:#9e9e9e;} .about5 .history .step li:hover,.about5 .history .step li.on{background: url(../img/about/ab5cir3.png) no-repeat left center;} .about5 .history .epic{padding-top: 30px;} .about5 .history .epic li h3 b{font-size:30px;color: #56bb4e;font-family:'DINCond-Regular';padding-right: 10px;} .about5 .history .epic li h3 span{font-size:16px;color:#9e9e9e;} .about5 .history .epic li p{font-size:13px;color: #8f8f8f;margin-bottom: 10px;padding-left: 45px;background: url(../img/about/ab5icon.png) no-repeat 12px center;} .about5 .history .epic li h3{padding-left: 68px;background: url(../img/about/ab5ic1.png) no-repeat left top;line-height: 29px;} .about5 .history .epic li .event{background: url(../img/about/epicback.jpg) repeat-y 17px;min-height: 700px;padding: 20px 0;} .about5 #left{padding:0;} /*about6*/ .about6 .ab6tu{width:100%;height:202px;background: url(../img/about/ab6tu1.jpg) no-repeat center;margin-bottom: 20px;} .about6 .ab6tu p{font-size:16px;color:#ffffff;line-height:202px;filter:alpha(opacity=90); opacity:0.9;padding-left: 280px;} .about6 .ab6tu p span{font-size:35px;font-family:'bebas_neue';padding: 0 6px;} .about6 .w1200{background: url(../img/about/ab6back.jpg) no-repeat left bottom;} .about6 .partner1 .img{width:141px;height:150px;float: left;background: url(../img/about/ab6tu2.png) no-repeat center;text-align: right;} .about6 .partner2 .img{width:141px;height:150px;float: left;background: url(../img/about/ab6tu3.png) no-repeat center;text-align: right;} .about6 .partner{margin-bottom: 10px;padding-bottom: 50px;background: #f4f4f5;} .about6 .partner .img .wall{padding: 85px 20px 0 0;} .about6 .partner .img h3{font-size:16px;color:#ffffff;} .about6 .partner .img h4{font-size:24px ;color:#ffffff;font-family:'DINCond-Regular';filter:alpha(opacity=20); opacity:0.2;} .about6 .partner .word{float: right;width: 605px;} .about6 .partner .word h3{font-size:30px;color:#54a1b1;font-family:'DINCond-Regular';padding: 30px 0 25px;} .about6 .partner .word ul li{float:left;font-size:13px;color: #8f8f8f;margin: 0 30px 0 0;} .about6 .logowall li{width: 174px;height: 74px;border: 3px solid #dee1e0;overflow: hidden;float: left;margin: 0 10px 10px 0;position: relative;} .about6 .logowall li img{position: absolute;left: 0;transition: all .4s;} .about6 .logowall li img.a{top: 0;} .about6 .logowall li img.b{top:100%;} .about6 .logowall li:hover img.a{top:-100%;} .about6 .logowall li:hover img.b{top:0;} .about6 .logotit i{font-size:18px;color:#666666;} .about6 .logotit span{font-size:24px;color:#e6e6e6;font-family:'DINCond-Regular';padding-left: 10px;} .about6 .logotit{padding-bottom: 20px;} /*news*/ .news .newstop .img{float: left;} .news .newstop{padding-bottom: 30px;border-bottom: 4px solid #f4f6f9;} .news .newstop .word{width: 435px;float: right;padding-top: 10px;} .news .newstop .word h3{font-size:18px;color:#61a957;font-weight: 600;} .news .newstop .word h4{font-size:30px ;color:#999999;font-family:'DINCond-Regular';padding: 12px 0;} .news .newstop .word p{float:left;font-size:12px;color: #888888;line-height: 20px;} .news .newslist li{padding: 20px 0; border-bottom: 2px solid #f4f6f9;} .news .newslist li a{overflow:hidden;} .news .newslist li .img{float: left; width:134px; height:90px; overflow:hidden;} .news .newslist li .word{width: 560px; float: right; padding:0 50px 0 20px;} .news .newslist li .word h4{font-size:16px; line-height: 20px; color:#4c4f52; font-weight: 600; margin-bottom: 5px;} .news .newslist li .word .time{font-size: 20px; font-family: 'DINCond-Regular'; color:#999; line-height: 16px; margin-bottom: 12px;} .news .newslist li .word p{float:left;font-size:12px;color: #888888; line-height: 20px;} .news .more{width:44px; height:100px; margin: 15px auto 0;display: block; position:relative; cursor:pointer;} .news .more img{position:absolute; left:0; top:0;} .news .more:hover img{ animation: moveDown 1.5s 0s ease-out infinite ; -webkit-animation: moveDown 1.5s 0s ease-out infinite ; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes moveDown { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; /*初始状态 透明度为0*/ } 40% { opacity: 0.6; /*初始状态 透明度为0*/ } 80% { opacity: 0.2; /*初始状态 透明度为0*/ } 100% { -webkit-transform: translateY(60px); transform: translateY(60px); opacity: 0; /*初始状态 透明度为0*/ } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; /*初始状态 透明度为0*/ } 40% { opacity: 0.6; /*初始状态 透明度为0*/ } 80% { opacity: 0.2; /*初始状态 透明度为0*/ } 100% { -webkit-transform: translateY(-60px); transform: translateY(-60px); opacity: 0; /*初始状态 透明度为0*/ } } .news #left{padding-bottom:30px;} .news .newslink1{position:relative; width:386px;height:183px;display: block;margin-bottom: 10px;position: relative;z-index: 10;} .news .newslink1 .wall{position:absolute; left:0; top:0; padding:40px 0 0 30px; width:356px;} .news .newslink1 .wall h3{font-size:32px;color:#a7a39d;font-family:'DINCond-Regular';font-weight: bold;padding-bottom: 4px;} .news .newslink1 .wall p{font-size:18px;color:#4c4f52;font-weight: bold;} .news .newslink2{width:387px;height:321px;background: #deecde;display:block;position: relative;z-index: 10;} .news .newslink2 .wall{padding:20px 0 0 35px ;} .news .newslink2 .wall h3{font-size:32px;color: #b4c3b4;font-family:'DINCond-Regular';font-weight: bold;filter:alpha(opacity=60); opacity:0.6;line-height: 28px;} .news .newslink2 .wall p{font-size: 18px;color: #4c4f52;font-weight: bold;} .news .newslink2 img{margin-top: 15px;width: 152px;height: 206px;display: block;} /*newsdetail*/ .news .news_title{position:relative; border-bottom: 4px solid #eaecee;padding-bottom: 8px;} .news .news_title .stat{float: left;padding-top: 8px;} .news .news_title .stat b{font-size:26px;color: #bebebe;letter-spacing: normal; font-family:'DINCond-Regular';padding-right: 30px;} .news .news_title .stat span{font-size: 13px;color: #797a81;} .news .news_title .share{float: right;} .news .news_title .share span{margin-top: 10px;display: inline-block;font-size: 13px;color: #797a81;} .news .news_title .share .bdsharebuttonbox{float: right;} .news .newscont{padding:10px 0 30px 0;} .news .news_title h3{font-size: 18px;color: #4c4f52;font-weight: 600;padding: 10px 0;} .news .newscont p{font-size:13px;color:#777;line-height:20px;padding: 5px 0;} .news .newscont img{padding: 5px 0;} .news .othernews{position: relative;z-index: 3;background: #f4f6f9;} .news .othernews .wall{padding: 40px 30px;} .news .othernews .top h3{font-size:16px;color:#4c4f52;font-weight: 600;} .news .othernews .top h4{font-size:26px;color:#bebebe;padding: 5px 0 10px 0;font-family:'DINCond-Regular';} .news .othernews .top a{font-size:13px;color:#8f8f8f;margin-top: 10px;display: block;width: 70px;} .news .othernews .top a:hover{color: #000;} .news .othernews p{font-size:13px;color:#8f8f8f;line-height:22px;padding: 10px 0;} .news .othernews p.bot{margin-top: 10px;padding: 20px 0;border-top: 2px solid #dcdcdd;} .news .news_title .share .bdsharebuttonbox .bds_weixin{background: url(../img/news/sweixin.jpg) no-repeat center;} .news .news_title .share .bdsharebuttonbox .bds_tsina{background: url(../img/news/sxinlang.jpg) no-repeat center;} .news .news_title .share .bdsharebuttonbox .bds_qzone{background: url(../img/news/skongjian.jpg) no-repeat center;} .news .news_title .share .bdsharebuttonbox .bds_sqq{background: url(../img/news/sqq.jpg) no-repeat center;} .news .news_title .share .bdsharebuttonbox a{margin-right: 10px;} .news .news_title .return{position:absolute; right:0; top:-30px;} .news .news_title .return img{display:block;} .news .newpage{padding-top: 10px;} .news .newpage .prepage{width: 50%;float: left;line-height:70px;text-align: center;background:#f6f6f6;font-size: 14px;color:#a5a5a5;display: block;} .news .newpage .nextpage{width: 50%;float: right;line-height:70px;text-align: center;background:#f6f6f6;font-size: 14px;color:#a5a5a5;display: block;} .news .newpage .prepage:hover,.news .newpage .nextpage:hover{background:#3caf98;color:#ffffff;} /*bus1*/ .bus .bustory p{font-size:13px;color:#8d868d;padding-bottom: 10px;line-height: 20px;} .bus1 .busbot{width:100%;height:591px;background: url(../img/bus/bustu1.jpg) no-repeat center;text-align: center;} .bus1 .busbot .program .titbox{padding: 45px 0;} .bus1 .busbot .program h3{font-size:18px;color:#6ebe4e;float: left;padding: 0 40px 0 0;} .bus1 .busbot .program .classify{float: left;} .bus1 .busbot .program .classify li{font-size:14px;color:#8f8f8f;float: left;margin:1px 35px 0 0;cursor: pointer;} .bus1 .busbot .program .classify li.on{color:#6ebe4e;} .bus1 .busbot .program .program-box ul{display: inline-block;} .bus1 .busbot .program .program-box li{position:relative;margin-right:9px;width: 293px;height: 408px;overflow: hidden;float: left;} .bus1 .busbot .program .program-box li.item4{margin-right: 0;} .bus1 .busbot .program .program-box li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;filter:alpha(opacity=0); opacity:0;transition: all .3s;} .bus1 .busbot .program .program-box li:hover .mask{filter:alpha(opacity=60); opacity:0.6;} .bus1 .busbot .program .program-box li p{position: absolute;bottom: -30px;left: 0;font-size:16px;color: #ffffff;width: 100%;transition: all .3s;} .bus1 .busbot .program .program-box li:hover p{bottom: 30px;} .bus1 .busbot2 h3{font-size:18px;color: #6ebe4e;padding:35px 0;text-align: left;} .bus1 .busbot2{width:100%;height:442px;background: url(../img/bus/bustu2.jpg) no-repeat center;text-align: center;} .bus1 .busbot2 ul{display: inline-block;} .bus1 .busbot2 li{position:relative;margin-right:9px;width: 293px;height: 281px;overflow: hidden;float: left;} /*.bus1 .busbot2 li.item4{margin-right: 0;}*/ .bus1 .busbot2 li .mask{position: absolute;bottom: -100%;left: 0;width: 100%;height: 80px;background: #000;filter:alpha(opacity=60); opacity:.6;transition: all .4s;cursor: default;} .bus1 .busbot2 li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*.bus1 .busbot2 li:hover .mask{filter:alpha(opacity=60); opacity:0.6;}*/ .bus1 .busbot2 li .word{height:64px; padding-top: 16px; position: absolute;bottom: -100%;left: 0;transition: all .4s;text-align: left;padding-left: 20px;} .bus1 .busbot2 li h4{font-size:16px;color: #ffffff;line-height: 24px;} .bus1 .busbot2 li p{font-size:13px;color: #6ebe4e;line-height: 20px;} .bus1 .busbot2 li:hover .word{bottom: 0;} .bus1 .busbot2 li:hover .mask{bottom: 0;} .bus1 .busbot2 a.btn{width: 54px;height: 54px;position: absolute;top: 50%;} .bus1 .busbot2 a.prev{background: url(../img/bus/bprevh.png);left: -85px;} .bus1 .busbot2 a.next{background: url(../img/bus/bnexth.png);right: -85px;} .bus1 .busbot2 a.prev:hover{background: url(../img/bus/bprev.png);} .bus1 .busbot2 a.next:hover{background: url(../img/bus/bnext.png);} /*bus聚合页*/ .busg .bustory{padding-bottom: 10px;} .busg .oil{width:100%;height:368px;background: url(../img/bus/busoil.jpg) no-repeat center;margin-top: 209px;} .busg .oil ul{position: absolute;top: -184px;width: 1200px;text-align: center;} .busg .oil li{float: left; width:392px;height:488px;margin-right: 12px;text-align: center;vertical-align: top;} .busg .oil li:last-child{margin-right: 0;} .busg .oil li.oil5{margin-right: 0;} .busg .oil li img{display: block;margin: 0 auto;position: relative;z-index: 10;} .busg .oil li p.cn{font-size:17px;color:#736572;padding: 110px 0 6px 0;transition: all .3s;} .busg .oil li p.en{font-size:16px;color:#908e8f;font-family:'DINCond-Regular';font-weight: bold;line-height: 16px;transition: all .3s; text-transform: uppercase;} .busg .oil .event{height: 184px;transition: all .3s;} .busg .oil li.oil1 .event{background:#ecf6ec url(../img/bus/busimg-new1.png) no-repeat center 32px;} .busg .oil li.oil2 .event{background:#ecf6ec url(../img/bus/busimg-new2.png) no-repeat center 32px;} .busg .oil li.oil3 .event{background:#ecf6ec url(../img/bus/busimg-new3.png) no-repeat center 32px;} .busg .oil li.oil4 .event{background:#ecf6ec url(../img/bus/busic4.png) no-repeat center 32px;} .busg .oil li.oil5 .event{background:#ecf6ec url(../img/bus/busic5.png) no-repeat center 32px;} .busg .oil li.oil1:hover .event{background:#BCD9D0 url(../img/bus/busimg-new-on1.png) no-repeat center 32px;} .busg .oil li.oil2:hover .event{background:#BCD9D0 url(../img/bus/busimg-new-on2.png) no-repeat center 32px;} .busg .oil li.oil3:hover .event{background:#BCD9D0 url(../img/bus/busimg-new-on3.png) no-repeat center 32px;} .busg .oil li.oil4:hover .event{background:#BCD9D0 url(../img/bus/busic4h.png) no-repeat center 32px;} .busg .oil li.oil5:hover .event{background:#BCD9D0 url(../img/bus/busic5h.png) no-repeat center 32px;} .busg .oil li:hover p.cn{color:#fff;} .busg .oil li:hover p.en{color:#fff;} .busg .lay{padding-top:360px;} .busg .lay .l_lay .cn{font-size:19px;color:#434343;} .busg .lay .l_lay .en{font-size:48px;color:#56bb4e;font-family:'DINCond-Regular';font-weight: bold;line-height: 44px;} .busg .lay .l_lay{float: left;padding-top: 30px;} .busg .lay .r_lay{float: right;} .busg .lay .r_lay .area{float: left;position: relative;left: -80px;} .busg .lay .r_lay .area b{font-size:100px;font-family:'DINCond-Regular';float: left;display: block;line-height: 80px;} .busg .lay .r_lay .area span{font-size:14px;color:#434343;float: left;display: block;} .busg .lay .r_lay .area1{width:180px;} .busg .lay .r_lay .area1 b{color:#40a440;} .busg .lay .r_lay .area1 span{width:90px;} .busg .lay .r_lay .area2{width:220px;} .busg .lay .r_lay .area2 b{color: #42a63e;} .busg .lay .r_lay .area2 span{width: 140px} .busg .lay .r_lay .case{width: 400px;padding-top: 15px;font-size:13px;color: #434343;} /*buscase*/ /*.bus .bustory h3{font-size:18px;color:#8f8f8f;padding-bottom: 20px;line-height: 20px;} .buscase .project{width: 100%;height:586px;background: url(../img/bus/buscaseb.jpg) no-repeat center;margin-top: 150px;} .buscase .project .tab{position: absolute;top: -150px;} .buscase .project .l_tab{float: left;} .buscase .project .r_tab{float: left;} .buscase .project .l_tab li{position: relative;} .buscase .project .l_tab li .mask{width: 100%;height:50px;background: #000;filter:alpha(opacity=40); opacity:0.4;position: absolute;bottom: 0;} .buscase .project .l_tab li p{font-size:16px;color: #ffffff;line-height: 50px;position: absolute;bottom: 0;right: 20px;} .buscase .project .l_tab li img{display: block;} .buscase .project .r_tab li img{display: block;} .buscase .project .r_tab{background: #99bb9a;padding:9px;padding-bottom: 0;} .buscase .project .r_tab li{margin-bottom: 10px;cursor: pointer;} .buscase .project .comm{padding-top: 450px;} .buscase .project .comm p{font-size:14px ;color:#8f8f8f;}*/ .buscase .imgarea{background:#99bb9a;width: 710px;float: left;position: relative;} .buscase .imgarea .imgbox li{width:100%; height:400px; overflow: hidden; background: no-repeat center; background-size: cover;} .buscase .imgarea .imgbox li img{width: 100%;height: 337px;} .buscase .imgarea img{display: block;} .buscase .imgarea .hd{position: absolute;right: 15px;bottom: 15px;} .buscase .imgarea .hd li{float: left;background:#f6f6f6;width: 12px;height: 12px;border-radius: 50%;margin: 0 3px; text-indent: -9999px;opacity: .5;} .buscase .imgarea .hd li.on{opacity: 1;background: #56bb4e;} .buscase .imgarea .imgbox{width: 100%;position: relative;} /*.buscase .imgarea .imgbox .bigger{position: absolute;bottom: 20px;right: 20px;width: 46px;height: 46px;background: url(../img/bus/buscasesea.png) no-repeat center;}*/ .buscase .imgarea{} .buscase .imgarea .titcell{padding:20px 0 12px 0;background:#99bb9a;width:690px; margin:0 auto; overflow-x: auto;overflow-y:hidden;position: relative;z-index: 3;} .buscase .imgarea .titcell ul{width:auto !important; white-space: nowrap; height:90px; font-size: 0; letter-spacing: -4px;} .buscase .imgarea .titcell li{display:inline-block; width:162px; height:90px; margin-right:14px; background: no-repeat center; background-size: cover; letter-spacing: normal; cursor:pointer;} .buscase .bctitle h3{font-size:18px;color:#666666;float: left;} .buscase .bctitle .back{font-size: 14px;color: #a5a5a5;line-height: 28px;border:1px solid #eeeeee;border-radius: 15px;text-align: center;background: #f6f6f6;padding: 0 7px;float: right;} .buscase .bctitle{padding-bottom: 10px;} .buscase .wordarea{width: 490px;float: right;padding-bottom: 12px;} .buscase .wordarea .wall{padding: 40px 30px;max-height: 400px;overflow-y: auto;box-sizing: border-box;} .buscase .wordarea .wall::-webkit-scrollbar { width: 3px; background-color: transparent; } .buscase .wordarea .wall::-webkit-scrollbar-thumb { background-color: rgba(164, 161, 161, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .buscase .wordarea .wall h3{font-size:18px;color: #8f8f8f;padding-bottom: 15px;} .buscase .wordarea .wall p{font-size:14px;color: #8f8f8f;padding-bottom: 15px;} .buscase .project{background:#f6f6f6;} .buscase .newpage{padding-top: 10px;} .buscase .newpage .prepage{width: 50%;float: left;line-height:70px;text-align: center;background:#f6f6f6;font-size: 14px;color:#a5a5a5;display: block;} .buscase .newpage .nextpage{width: 50%;float: right;line-height:70px;text-align: center;background:#f6f6f6;font-size: 14px;color:#a5a5a5;display: block;} .buscase .newpage .prepage:hover,.buscase .newpage .nextpage:hover{background:#3caf98;color:#ffffff;} /*.buscase .newpage .nextpage:hover{background:#3caf98;color:#ffffff;}*/ .buscase{background: url(../img/bus/bcback.jpg) no-repeat center bottom;padding-bottom: 140px} /*develop1*/ .dev1 .l_word{width:772px;height:320px;float:left;} .dev1 .l_word h3{font-size:16px;color:#56bb4e;padding-bottom:15px;} .dev1 .l_word p{font-size:13px;color:#8f8f8f;padding-bottom:15px;line-height: 20px;} .dev1 .devlink{width:387px;height:320px;background:url(../img/develop/devlink.jpg) no-repeat center;float:right;display: block;} .dev1 .devlink .wall{padding: 40px 0 0 30px;} .dev1 .devlink h3{font-size:32px;color:#a7a39d;font-family:'DINCond-Regular';font-weight: bold;margin-bottom: 4px;filter:alpha(opacity=40); opacity:0.4;line-height: 28px;} .dev1 .devlink p{font-size:18px;color:#4c4f52;font-weight: bold;} .dev1 .dev1bot{width:100%;height:323px;background: url(../img/develop/dev1tu.jpg) no-repeat center;text-align: center;overflow: hidden;} .dev1 .dev1bot .l_box{width: 520px;float: left;overflow: hidden;} .dev1 .dev1bot .l_box li{font-size:16px;color:#ffffff;width: 132px;height: 132px;float: left;line-height:132px;cursor: pointer;} .dev1 .dev1bot .l_box li.item1{background:#56bb4e; position:relative; z-index: 10; animation:move1 1s; -moz-animation:move1 1s; -webkit-animation:move1 1s; } .dev1 .dev1bot .l_box li.item2{background: #b6dbb2;position:relative; z-index: 9; animation:move2 2s; -moz-animation:move2 2s; -webkit-animation:move2 2s; } .dev1 .dev1bot .l_box li.item3{background: #b6dbb2;position:relative; z-index: 7; animation:move4 4s; -moz-animation:move4 4s; -webkit-animation:move4 4s;} .dev1 .dev1bot .l_box li.item4{background: #a1d49c;position:relative; z-index: 8; animation:move3 3s; -moz-animation:move3 3s; -webkit-animation:move3 3s;} .dev1 .dev1bot .l_box li.item5{background: #b6dbb2;position:relative; z-index: 7; animation:move5 4s; -moz-animation:move5 4s; -webkit-animation:move5 4s;} .dev1 .dev1bot .l_box li.on{background: #56bb4e;} .dev1 .dev1bot .r_box{float: left;margin-top: 195px;} .dev1 .dev1bot .r_box .stat1,.dev1 .dev1bot .r_box .stat2{float: left;margin-right: 45px;} .dev1 .dev1bot .r_box b{font-size:115px;color:#65cb5d;font-family:'DINCond-Regular';float: left;line-height: 85px;} .dev1 .dev1bot .r_box strong{position:relative; top:-64px; font-size:115px;color:#65cb5d;font-family:'DINCond-Regular';float: left;line-height: 85px;} .dev1 .dev1bot .r_box span{font-size: 16px;color: #515151;float: left;} @keyframes move1{from {top:-132px;}to {top:0px;}} @-webkit-keyframes move1{from {top:-132px;}to {top:0px;}} @-moz-keyframes move1{from {top:-132px;}to {top:0px;}} @keyframes move2{0% {top:-132px;left:-132px;} 50% {top:0px;left: -132px;} 100% {top:0px;left:0px;}} @-webkit-keyframes move2{0% {top:-132px;left:-132px;} 50% {top:0px;left: -132px;} 100% {top:0px;left:0px;}} @-moz-keyframes move2{0% {top:-132px;left:-132px;} 50% {top:0px;left: -132px;} 100% {top:0px;left:0px;}} @keyframes move3{0% {top:-264px;left:-132px;} 33.3% {top:-132px;left: -132px;} 66.6% {top:-132px;left:0px;} 100% {top:0px;left:0px;}} @-webkit-keyframes move3{0% {top:-264px;left:-132px;} 33.3% {top:-132px;left: -132px;} 66.6% {top:-132px;left:0px;} 100% {top:0px;left:0px;}} @-moz-keyframes move3{0% {top:-264px;left:-132px;} 33.3% {top:-132px;left: -132px;} 66.6% {top:-132px;left:0px;} 100% {top:0px;left:0px;}} @keyframes move4{0% {top:-264px;left:0px;} 25% {top:-132px;left: 0px;} 50% {top:-132px;left:132px;} 75% {top:0px;left:132px;} 100% {top:0px;left:0px;}} @-webkit-keyframes move4{0% {top:-264px;left:0px;} 25% {top:-132px;left: 0px;} 50% {top:-132px;left:132px;} 75% {top:0px;left:132px;} 100% {top:0px;left:0px;}} @-moz-keyframes move4{0% {top:-264px;left:0px;} 25% {top:-132px;left: 0px;} 50% {top:-132px;left:132px;} 75% {top:0px;left:132px;} 100% {top:0px;left:0px;}} @keyframes move5{0% {top:-264px;left:-264px;} 25% {top:-132px;left: -264px;} 50% {top:-132px;left:-132px;} 75% {top:0px;left:-132px;} 100% {top:0px;left:0px;}} @-webkit-keyframes move5{0% {top:-264px;left:-264px;} 25% {top:-132px;left: -264px;} 50% {top:-132px;left:-132px;} 75% {top:0px;left:-132px;} 100% {top:0px;left:0px;}} @-moz-keyframes move5{0% {top:-264px;left:-264px;} 25% {top:-132px;left: -264px;} 50% {top:-132px;left:-132px;} 75% {top:0px;left:-132px;} 100% {top:0px;left:0px;}} /*develop2*/ .dev .devlink1{width:386px;height:358px;background: url(../img/develop/devlink1.jpg) no-repeat center;display: block;margin-bottom: 10px;position: relative;z-index: 10;} .dev .devlink1 .wall{padding:55px 0 0 35px;} .dev .devlink1 .wall h3{font-size:32px;color:#a7a39d;font-family:'DINCond-Regular';font-weight: bold;padding-bottom: 5px;} .dev .devlink1 .wall p{font-size:18px;color:#4c4f52;font-weight: bold;} .dev .devlink2{width:387px;height:184px;background: url(../img/develop/devlink2.jpg) no-repeat center;display: block;position: relative;z-index: 10;} .dev .devlink2 .wall{padding:25px 0 0 35px ;} .dev .devlink2 .wall h3{font-size:32px;color: #977a46;font-family:'DINCond-Regular';font-weight: normal;padding-bottom: 5px;filter:alpha(opacity=20); opacity:0.2;font-weight: bold;} .dev .devlink2 .wall p{font-size: 18px;color: #5c4010;font-weight: bold;filter:alpha(opacity=90); opacity:0.9;} .dev2 .word h3{font-size:16px ;color:#56bb4e;padding-bottom: 15px;} .dev2 .word h4{font-size:16px;color:#8f8f8f;padding-bottom: 20px;} .dev2 .word p{font-size:13px;color:#8f8f8f;padding-bottom: 20px;line-height: 22px;} .dev2 .dev2tu{width: 100%;height:217px;background: url(../img/develop/dev2tu.png) no-repeat left center;margin-top: 20px;text-align: center;position: relative;} .dev2 .dev2tu b{font-size:30px;color:#ffffff;font-family: 'DINCond-Regular';} .dev2 .dev2tu strong{font-size:30px;color:#ffffff;font-family: 'DINCond-Regular';} .dev2 .dev2tu p{color: #fff;} .dev2 .dev2tu span{font-size:16px;color:#ffffff;} .dev2 .dev2tu .level{font-size:16px;color:#ffffff;line-height: 16px;} .dev2 .dev2tu .item{position: absolute;} .dev2 .dev2tu .item1{top:125px;left: 143px;} .dev2 .dev2tu .item2{top:49px;left: 254px;} .dev2 .dev2tu .item3{top:170px;left: 254px;} .dev2 .dev2tu .item3 b,.dev2 .dev2tu .item3 span,.dev2 .dev2tu .item3 .level,.dev2 .dev2tu .item3 p{color:#666666} .dev2 .dev2tu .item3 strong,.dev2 .dev2tu .item3 span,.dev2 .dev2tu .item3 .level{color:#666666} .dev2 .dev2tu .item4{top:125px;left: 374px;} /*develop3*/ .dev3 .word p{font-size:13px;color:#8f8f8f;padding-bottom: 40px;line-height: 22px;} .dev3 .overview{margin: 0 auto;display: block;} /*develop4*/ .dev4 .basebox li{width: 231px;height: 209px;;background: #eeeeee;float: left;margin-right: 10px;transition: all .3s;text-align: center;cursor: pointer;} .dev4 .basebox li.item5{margin-right: 0;} .dev4 .basebox h3{font-size:18px;color:#56bb4e;padding-top: 60px;transition: all .3s;} .dev4 .basebox h4{font-size:25px;color:#341a33;filter:alpha(opacity=20); opacity:0.2;padding-bottom: 15px;font-family:'DINCond-Regular';font-weight: 600;} .dev4 .basebox p{font-size:14px;color:#74737c;transition: all .3s;} .dev4 .basebox li:hover{width: 231px;height: 209px;;background: #3caf98;} .dev4 .basebox li:hover h3{color:#ffffff;} .dev4 .basebox li:hover p{color:#ffffff;} .dev4 .dev4tu1{width: 100%;height:364px;background: url(../img/develop/dev4tu1.jpg) no-repeat center;} .dev4 .dev4tu2{width: 100%;height:510px;background: url(../img/develop/dev4tu2.jpg) no-repeat center;} .dev4 .basecont{position:absolute;bottom: -764px;} .dev4 .basecont .mask{background: #fff;filter:alpha(opacity=80); opacity:0.8;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .dev4 .basecont .word{height:226px;position: relative;z-index: 3;padding: 40px 30px 0;} .dev4 .basecont .word ul{height:200px; overflow:auto; overflow-x: hidden;} .dev4 .basecont .word li{} .dev4 .basecont .word h3{padding-bottom: 12px;font-size:18px;color:#56bb4e;} .dev4 .basecont .word h3 b{font-size:32px;color:#86a5b4;font-family: 'DINCond-Regular';padding-right: 10px;font-weight: bold;} .dev4 .basecont .word h3 span{font-size:18px;color:#56bb4e;} .dev4 .basecont .word p{font-size:13px;color:#9fa2af;line-height: 22px;padding: 5px 0;} .dev4 .basecont .word .flowin{overflow-y: auto;padding-bottom: 24px;} .dev4 .basecont .baseimg{background: #fff;position: relative;z-index: 3;overflow: hidden;height: 318px;padding: 32px 32px 50px;} .dev4 .basecont .baseimg .wall{overflow: hidden;} .dev4 .basecont .baseimg ul{overflow:hidden; height:339px; overflow:auto; overflow-x: hidden;} .dev4 .basecont .baseimg li{float: left;text-align: center;padding-right: 16px; padding-bottom: 16px;} .dev4 .basecont .baseimg li.item3{padding-right: 0;} .dev4 .basecont .baseimg li img{display: block;} .dev4 .basecont .baseimg li p{font-size:14px;color:#818282;line-height:52px;background: #e8e8e8;} /*develop5*/ .dev5 .dev5list .item{margin-bottom: 10px;} .dev5 .dev5list .item .t_title{width:100%;height:60px;background: #f6f6f6 url(../img/develop/dev5pic2.png) no-repeat left;cursor: pointer;transition: all .3s;position: relative;overflow: hidden;} .dev5 .dev5list .item .t_title .cutter{position: absolute;top: 0;left: -345px;width: 100%;height: 100%;background: url(../img/develop/dev5pic1.png) no-repeat left;} .dev5 .dev5list .item .t_title h5{float:left;line-height: 60px;position: relative;z-index: 3;} .dev5 .dev5list .item .t_title h5 b{font-size:30px;color:#56bb4e;padding-left:20px;font-family: 'DINCond-Regular';float: left;font-weight: normal;} .dev5 .dev5list .item .t_title h5 span{font-size:16px;color:#79858a;padding-left:20px;display: inline-block;float: left;} .dev5 .dev5list .item .t_title img{float: right;margin: 18px 20px 0 0;} .dev5 .dev5list .item .listcont{display: none;} .dev5 .dev5list .item .listcont .l_title{font-size:13px;color:#8f8f8f;line-height: 22px;padding:15px 0 15px 20px;} .dev5 .dev5list .item .listcont .l_title p{font-size:13px;color:#8f8f8f;line-height: 22px;padding:10px 0 10px 20px;} .dev5 .dev5list .item .listcont h6{font-size:16px;color:#56bb4e;line-height: 22px;padding:0 0 15px 20px;} .dev5 .dev5list .item .listcont li{float: left;text-align: center;margin-right: 10px;margin: 0 10px 20px 0;} .dev5 .dev5list .item .listcont li.txt{margin-right:10px !important;} .dev5 .dev5list .item .listcont li img{display: block;border: 2px solid #eeefef;border-bottom: none;} .dev5 .dev5list .item .listcont li p{width: 100%;line-height: 60px;font-size:14px;color: #777777;background: #eeefef;} /*investor*/ .inv .stock{width:826px;height:288px;background:url(../img/investor/invtu1.png) no-repeat center;float:left;} .inv .inv-info{width:373px;height:288px;background:url(../img/investor/invtu2.jpg) no-repeat center;float:left;display: block;text-align: right;} .inv .stock h3{color:#4c4f52;font-size:18px;padding: 65px 0 25px 0;font-weight: 600;} .inv .stock h3 span{font-family: 'Lucida-Sans';} .inv .stock p{font-size:13px;color:#949494;line-height: 22px;} .inv .stock p a{font-size:13px;color:#56bb4e;} .inv .inv-info .wall{padding: 30px;} .inv .inv-info .power{font-size:60px;color:#f84600;background: url(../img/investor/stockicon.png) no-repeat left top;font-family:'DINCond-Regular';font-weight: 600;line-height: 44px;display: inline-block;padding: 0 0 25px 35px;} .inv .inv-info .power1{font-size:60px;color:#56bb4e;background: url(../img/stockar1.png) no-repeat left top;font-family:'DINCond-Regular';font-weight: 600;line-height: 44px;display: inline-block;padding: 0 0 25px 35px;} .inv .inv-info p{border-top: 4px solid #ddd9d9;padding-top: 20px;font-size:14px;color:#949494;line-height: 22px;} .inv .inv-info p span{font-family: 'Lucida-Sans';} .inv .invbot{width:100%;height:403px;background: url(../img/investor/invtub.jpg) no-repeat center;text-align: center;} .inv .invbot a{width:393px;height: 129px;margin-right:10px;display: block;float: left;margin: 143px 10px 0 0;background: url(../img/investor/invbtn.png) no-repeat center;} .inv .invbot a .wall{display: inline-block;margin-top: 36px;} .inv .invbot a img{float: left;margin-right: 30px;} .inv .invbot a span{float: left;margin-top: 20px;font-size: 16px;color: #5b9489;} .inv .invbot .drop3{margin-right: 0;} /*contact*/ .con .con-info{width:813px;float:left;margin-bottom: 100px;} .con .con-tu{width:387px;height:407px;float:right;display: block;text-align: center;position:absolute;z-index: 3;margin-top: 25px;right: 0;} .con .con-info h3{font-size:18px;color:#4c4f52;padding-bottom: 20px;} .con .con-info h4{font-size:35px;color:#e2332e;font-family:'DINCond-Regular';padding-left: 45px;background: url(../img/contact/tel.png) no-repeat left center;line-height: 28px;margin-bottom: 20px;} .con .con-info p{font-size:16px;color:#8f8f8f;} .con .con-info p span{font-family: 'Roboto-Regular';font-weight: 100;} .con .con-info img{/*border:7px solid #ececec;*//*margin: 20px 10px 20px 0;*/} .con .con-tu img{display: block;} .con .con-tu p{width: 100%;line-height:88px;color: #fff;background: #56bb4e;font-size: 18px;} /*.con #map{margin-top: 100px;}*/ /*.con .con-tu{position: relative;top: 0;}*/ .con .conbot{width:779px;height:437px;margin-top: 25px;} /*.con #map{overflow: hidden;}*/ /*contact2*/ .con2 .con2bot{width: 100%;height: 484px;background: url(../img/contact/con2back.jpg) no-repeat center;} /*talen1*/ .ta #right{padding-bottom: 80px;} .ta .jobsearch{position: relative;z-index: 3;border: 4px solid #d2e2d1;width:374px;height:52px;margin-bottom: 20px;} .ta .jobsearch input{font-size:14px;color:#80857d;line-height:52px;padding: 0 10px;border: none;width:294px;background: transparent;} .ta .jobsearch button[type='submit']{width: 52px;height: 52px;border: none;background: url(../img/talent/tasearch.png) no-repeat center center;float: right;} .ta .ta2tu1{position: relative;z-index: 3;background: url(../img/talent/ta2rig.jpg) no-repeat center;width:387px;height:354px;} .ta .ta2tu1 img{display: block;} .ta .ta2tu1 .tou{padding-top: 60px;} .ta .ta2tu1 .word{font-size:18px;color:#527b75;background:#b9dfd4;width: 387px;height:107px;line-height: 107px;font-weight: 600;} .ta .ta2tu1 .wall{padding:0 0 0 30px;} .ta .ta2tu1 .wall h3{font-size:18px;color:#6a727d;padding-top: 20px} .ta .ta2tu1 .wall p{font-size:13px;color:#6d737f;} .ta .ta2tu1 .wall .email{padding-top: 25px;} .ta1 .word h3{font-size:16px;color:#646262;font-weight: bold;} .ta1 .word p{font-size:13px;color:#8f8f8f;line-height: 22px;padding: 20px 0;} .ta1 .ta1tu1{width:388px;height:138px;position: relative;margin-top: 20px;} .ta1 .ta1tu1 p{font-size:18px;color:#56bb4e;position: absolute;font-weight: bold;width: 138px;height: 138px;text-align: center;line-height: 138px;} .ta1 .ta1tu1 .p1{left:0px;color:#56bb4e;background:url(../img/talent/ta1c1.png) no-repeat center;} .ta1 .ta1tu1 .p2{left:124px;color: #c0bc4f;background:url(../img/talent/ta1c2.png) no-repeat center;} .ta1 .ta1tu1 .p3{left:246px;color: #6ca7d5;background:url(../img/talent/ta1c3.png) no-repeat center;} /*talent2*/ .ta2 .filter{border-bottom:4px solid #f7f7f7;} .ta2 .filter .classify{clear: both;padding-bottom: 20px;} .ta2 .filter b{font-size:16px;color:#666666;float: left;margin-right:25px;padding-left:40px;} .ta2 .filter .classify1 b{background: url(../img/talent/taicon1.png) no-repeat left center;} .ta2 .filter .classify2 b{background: url(../img/talent/taicon2.png) no-repeat left center;} .ta2 .filter .classify3 b{background: url(../img/talent/taicon3.png) no-repeat left center;} .ta2 .filter ul{float: left;} .ta2 .filter li{float: left;display: inline-block;margin-right:25px;} .ta2 .filter li a{font-size:14px;color:#999999;line-height: 24px;} .ta2 .filter li a:hover{color:#f7ab3e;} .ta2 .filter li.on a{color:#f7ab3e;} .ta2 .ta2list .t_title{width:100%;height:80px;cursor: pointer;background: #f2f2f2;} .ta2 .ta2list .t_title h3{font-size:30px;color:#bcbcbc;float: left;font-family:'DINCond-Regular';padding: 20px 30px 0 20px;transition: all .3s;} .ta2 .ta2list .t_title .info{float: left;padding-top: 15px;transition: all .3s;} .ta2 .ta2list .t_title p.place{font-size:16px;color:#555555;transition: all .3s;} .ta2 .ta2list .t_title p.num{font-size:14px;color:#999999;transition: all .3s;} .ta2 .ta2list .t_title .x{float: right;background:url(../img/talent/up.png) no-repeat center center;width: 50px;height: 100%;} .ta2 .ta2list .t_title.on{background:#3fb099;transition: all .3s;} .ta2 .ta2list .t_title.on p.num{color:#a1e5d7;transition: all .3s;} .ta2 .ta2list .t_title.on h3{color: #a1e5d7;transition: all .3s;} .ta2 .ta2list .t_title.on p.place{color: #fff;transition: all .3s;} .ta2 .ta2list .item{margin-top: 10px;} .ta2 .ta2list .listcont{padding: 20px;display: none;} .ta2 .ta2list .listcont h4{font-size:16px;color:#646262;padding-bottom: 20px;} .ta2 .ta2list .listcont p{font-size:13px;color:#8f8f8f;} .ta2 .ta2list .listcont .btn{width:100px;line-height:44px;font-size:13;color:#fff;text-align: center;margin-top:25px;background: #56bb4e;display: block;} .ta2 .job h3{font-size:16px;color:#3fb099;border-bottom:4px solid #f7f7f7;padding: 30px 0 15px 0;} .ta2 .job .flow{position: relative;padding: 40px 0;overflow: hidden} .ta2 .job .flow .ic{margin-right:74px;float: left;text-align: center;font-size: 15px;color: #8f8f8f;} .ta2 .job .flow .ic p{padding-top:70px;} .ta2 .job .flow .ic:hover p{color:#56bb4e;} .ta2 .job .flow .ic1{width:62px;height:62px;background: url(../img/talent/ta2pic1.png) no-repeat center top;} .ta2 .job .flow .ic2{width:62px;height:62px;background: url(../img/talent/ta2pic2.png) no-repeat center top;} .ta2 .job .flow .ic3{width:62px;height:62px;background: url(../img/talent/ta2pic3.png) no-repeat center top;} .ta2 .job .flow .ic4{width:62px;height:62px;background: url(../img/talent/ta2pic4.png) no-repeat center top;} .ta2 .job .flow .ic5{width:62px;height:62px;background: url(../img/talent/ta2pic5.png) no-repeat center top;} .ta2 .job .flow .ic6{width:62px;height:62px;background: url(../img/talent/ta2pic6.png) no-repeat center top;margin-right:0;} .ta2 .job .flow .ic1:hover{background: url(../img/talent/ta2pic1h.png) no-repeat center top;} .ta2 .job .flow .ic2:hover{background: url(../img/talent/ta2pic2h.png) no-repeat center top;} .ta2 .job .flow .ic3:hover{background: url(../img/talent/ta2pic3h.png) no-repeat center top;} .ta2 .job .flow .ic4:hover{background: url(../img/talent/ta2pic4h.png) no-repeat center top;} .ta2 .job .flow .ic5:hover{background: url(../img/talent/ta2pic5h.png) no-repeat center top;} .ta2 .job .flow .ic6:hover{background: url(../img/talent/ta2pic6h.png) no-repeat center top;} .ta2 .job .flow .arrow{position: absolute;top:65px;left:90px;} /*talent4*/ .ta4 #left{width: 780px;} .ta4 .word1{font-size:13px;color:#8f8f8f;line-height: 22px;} .ta4 .ta4tu1{width: 665px;height: 76px;position: relative;background: url(../img/talent/ta4pic5.png) no-repeat right 25px;padding: 25px 0 20px 0;} .ta4 .ta4tu1 .pic{width:66px;height:76px;margin-right: 72px;float: left;line-height: 76px;text-align: center;font-size:24px;} .ta4 .ta4tu1 .pic1{background: url(../img/talent/ta4pic1.png) no-repeat center;color:#6bd475;} .ta4 .ta4tu1 .pic2{background: url(../img/talent/ta4pic2.png) no-repeat center;color: #b0b5e2;} .ta4 .ta4tu1 .pic3{background: url(../img/talent/ta4pic3.png) no-repeat center;color: #e4dc84;} .ta4 .ta4tu1 .pic4{background: url(../img/talent/ta4pic4.png) no-repeat center;margin-right: 0;color: #7d9bd7;} .ta4 .ta4tu1 .ic{position: absolute;top:62px;} .ta4 .ta4tu1 .ic1{left:92px;} .ta4 .ta4tu1 .ic2{left:230px;} .ta4 .ta4tu1 .ic3{left:370px;} .ta4 .ta4tu2{width:779px;height: 246px;background: url(../img/talent/ta4tu1.jpg) no-repeat center;overflow: hidden;} .ta4 .ta4tu2 .wall{padding: 20px;width: 410px;} .ta4 .ta4tu2 h3{font-size:30px;color:#56bb4e;font-family:'DINCond-Regular';padding-bottom: 15px;} .ta4 .ta4tu2 p{font-size:13px;color:#909cab;padding-bottom: 15px;line-height: 22px;} .ta4 .party h3{font-size:16px;color: #56bb4e;padding: 0 0 0 10px;border-left:6px solid #9ed89a;margin: 20px 0;font-weight: bold;} .ta4 .party li{width:258px;/*height:227px;*/float: left;margin-right:3px;margin-bottom:20px;overflow: hidden;} .ta4 .party li img{display: block;border: 2px solid #eeefef;border-bottom: 0;transition: all .3s;width: 254px;height: 175px;} .ta4 .party li p{font-size:14px;color: #777777;padding:15px 0;text-align: center;background:#eeefef;position: relative;z-index: 3; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;} .ta4 .party li p.pa3{float: left;/*margin-right:0px;*/} .ta4 .party .part{padding-top: 10px;width: 783px;} .ta4 .party li:hover img{transform: scale(1.2);} /*respon1*/ .res #right{padding-bottom: 80px;} .res .res1tu1{position: relative;z-index: 3;} .res .res1tu1 img{display: block;} .res .res1tu1 .word{font-size:18px;color:#81a552;font-family:'DINCond-Regular';background:#deecdd;width: 387px;height:98px;line-height: 22px;font-weight: 600;} .res .res1tu1 .wall{padding:25px 0 0 20px;} .res .word h3{font-size:16px;color:#646262;font-weight: bold;} .res .word p{font-size:13px;color:#8f8f8f;line-height: 22px;padding: 20px 0;} .res .res1tu2{width:548px;height:298px;background: url(../img/respon/res1tu.jpg) no-repeat center;position: relative;margin-top: 20px;} .res .res1tu2 p{font-size:18px;position: absolute;top: 55px;font-weight: bold;} .res .res1tu2 .p1{top: 148px;left:62px;color:#56bb4e;} .res .res1tu2 .p2{top: 72px;left:190px;color: #c0bc4f;} .res .res1tu2 .p3{top: 148px;left:318px;color: #84ab73;} /*.res .res1tu2 .p4{top: 140px;left:312px;color: #6abaa8;}*/ /*.res .res1tu2 .p5{top: 65px;left:428px;color: #dda06f;}*/ #applyfor-mask #applyfor-box { background: #fff; position: fixed; height: 120px; width: 420px; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; padding: 40px; } #applyfor-mask { width: 100%; position: fixed; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; } #applyfor-mask #applyfor-box #close-btn { position: absolute; background: url(../img/close.png) no-repeat; width: 40px; height: 40px; top: 0; display: inline-block; background-size: 100%; right: -40px; } .ta2 .more,.about6 .more{ display: block; width: 100%; font-size: 16px; color: #fff; background: #eeefef url(../img/talent/more.png) no-repeat center; text-align: center; height: 50px; margin: 20px 0; } #applyfor-mask #applyfor-box .yun img { display: inline-block; vertical-align: middle; } #applyfor-mask #applyfor-box .yun { float: left; padding-right: 40px; border-right: 1px solid #e5e5e5; height: 100%; text-align: center; } .ta4 .party .part .more { display: block; width: 100%; font-size: 16px; color: #fff; background: #eeefef url(../img/talent/more.png) no-repeat center; text-align: center; height: 50px; margin-top: 20px; } .ta4 .party .part .more:hover,.ta2 .more:hover,.about6 .more:hover{background-color: #ddd;} /*con2*/ /*.con2 .con2info{background: #f6f8f8;width: 100%;} .con2 .con2info .left{float: left;width:830px;} .con2 .con2info .right{float: right;width:369px;background: #edf5f4;} .con2 .con2info .right .wall{padding: 70px 40px;} .con2 .con2info .right li a{font-size:15px;color:#9ab0ac;padding-bottom: 6px;} .con2 .con2info .right li{float: left;padding:10px 20px 5px 0;border-bottom:1px solid #dae8e6;} .con2 .con2info .right li a:hover{color: #5e716e;border-bottom: 3px solid #5081b8;} .con2 .con2info .right li.on a{color: #5e716e;border-bottom: 3px solid #5081b8;} .con2 .con2info .left .weima .mawei{float:left;} .con2 .con2info .left .weima .mahint{float: left;} .con2 .con2info .left .weima .company{float: left;width: 420px;} .con2 .con2info .left .wall{padding:50px 40px;} .con2 .con2info .left .weima .mawei{border:7px solid #ececec;} .con2 .con2info .left .weima img{display: block;} .con2 .con2info .left .weima .mahint{padding: 0 20px;border-right: 7px solid #ececec;width: 100px;height: 100%;} .con2 .con2info .left .weima .mahint img{margin: 50px 0 10px 0;} .con2 .con2info .left .weima .mahint p{font-size:16px;color: #cccece;} .con2 .con2info .left .weima .company h3{font-size:18px;color:#9caaa8;} .con2 .con2info .left .weima .company p{font-size:14px;color:#95aea9;} .con2 .con2info .left .weima .company .item{padding:15px 0 5px 35px;} .con2 .con2info .left .weima{width: 100%;}*/ .con2 .con2info{background: #f6f8f8;width: 100%;} .con2 .con2info .left .weima .mawei{float:left;} .con2 .con2info .left .weima .mahint{float: left;} .con2 .con2info .left .wall{padding:50px 40px;} .con2 .con2info .left .weima .mawei{border:7px solid #ececec;} .con2 .con2info .left .weima img{display: block;} .con2 .con2info .left .weima .mahint{padding: 0 20px;border-right: 7px solid #ececec;width: 100px;height: 100%;} .con2 .con2info .left .weima .mahint img{margin: 50px 0 10px 0;} .con2 .con2info .left .weima .mahint p{font-size:16px;color: #cccece;} .con2 .con2info .left .weima{width: 100%;} .con2 .con2info .left .base h3{font-size:18px;color:#407789;} .con2 .con2info .left .base h4{font-size:16px;color:#8f8f8f;padding-bottom: 15px;} .con2 .con2info .left .base p{font-size:14px;color:#adb1b0;} .con2 .con2info .left .base{padding: 23px 0 0 30px;} .con2 .con2info .left .weima{width:800px;} .con2 .con2bot .cnmap{width: 500px;height: 420px;margin: 49px 0 0 38px;position: relative;} .con2 .con2bot .cnmap .nanhai{position: absolute;right: 48px;bottom: 47px;width: 50px;height: 60px;z-index: 3;} .con2 .con2bot .cnrig{width: 620px;padding: 75px 0 0 0;} .con2 .con2bot .cnrig .cntit h3{font-size:20px;color:#536371;padding-bottom: 10px;} .con2 .con2bot .cnrig .cntit h4{font-size:40px;color:#b4b871;filter:alpha(opacity=40); opacity:0.4;padding-bottom: 25px;font-family:'DINCond-Regular';font-weight: bold;letter-spacing: -1px;} .con2 .con2bot .cnrig .cntit .total h6{font-size: 14px;color: #77a093;float: left;display:block;margin-right: 5px; position:relative; top:17px;} .con2 .con2bot .cnrig .cntit .total h5{font-family: 'MONTSERRAT-REGULAR';font-size: 45px;color:#e9a708;display:block;margin-top: 10px;float: left;margin-right: 5px;letter-spacing: -1px;} .con2 .con2bot .cnrig .cntit{padding-bottom: 10px;} .con2 .con2bot .right{padding:15px 0 0 0;} .con2 .con2bot .right li a{font-size:15px;color:#82ad9f;} .con2 .con2bot .right li{float: left;margin:0 20px 6px 0;} .con2 .con2bot .right li a:hover{color: #345535;} .con2 .con2bot .right li.on a{color: #345535;} /*.con2 .con2bot .company h3{font-size:18px;color:#9caaa8;}*/ .con2 .con2bot .company p{font-size:13px;color:#808d8a;} .con2 .con2bot .company .item{padding-bottom: 15px;} .con2 .con2bot .company{padding: 0 20px 0 0;height: 160px;overflow-y: auto;width: 420px;margin: 20px 0} .con2 .con2bot .cnmap img{position: absolute;} .con2 .con2bot .cnmap .b1{ top: 273px;left: 295px;} .con2 .con2bot .cnmap .b2{ top: 272px;left: 281px;} .con2 .con2bot .cnmap .b3{top: 205px;left: 285px;} .con2 .con2bot .cnmap .b4{top: 119px;left: 302px;} .con2 .con2bot .cnmap .b5{ top: 147px;left: 335px;} .con2 .con2bot .cnmap .b6{ top: 275px;left: 290px} .con2 .con2bot .cnmap .b7{ top: 270px;left: 284px;} .con2 .con2bot .cnmap .b8{top:205px;left:270px;} .con2 .con2bot .cnmap .b9{ top: 213px;left: 234px;} .con2 .con2bot .cnmap .b10{ top: 303px;left: 260px;} .con2 .con2bot .cnmap .b11{top:231px;left:274px;} .con2 .con2bot .cnmap .b12{top: 202px;left: 275px;} .con2 .con2bot .cnmap .b13{ top: 220px;left: 287px;} .con2 .con2bot .cnmap .b14{ top: 255px;left: 329px;} .con2 .con2bot .cnmap .b15{ top: 88px;left: 130px;} .con2 .con2bot .cnmap .b16{top: 200px;left: 319px;} .con2 .con2bot .cnmap .b17{top:270px;left:299px;} .con2 .con2bot .cnmap .b18{top:270px;left:309px;} /*.con2 .con2bot .cnmap .b18{top:270px;left:309px;}*/ .animate-bounce{animation:bounce-up 0.8s linear infinite;-webkit-animation:bounce-up 0.8s linear infinite;-moz-animation:bounce-up 0.8s linear infinite;-o-animation:bounce-up 0.8s linear infinite;} @keyframes bounce-up{ 25%{transform:translateY(4px);} 50%,100%{transform:translateY(0);} 70%{transform:translateY(-4px);} } @-webkit-keyframes bounce-up{ 25%{-webkit-transform:translateY(4px);} 50%,100%{-webkit-transform:translateY(0);} 70%{-webkit-transform:translateY(-4px);} } @-o-keyframes bounce-up{ 25%{-webkit-transform:translateY(4px);} 50%,100%{-webkit-transform:translateY(0);} 70%{-webkit-transform:translateY(-4px);} } @-moz-keyframes bounce-up{ 25%{-webkit-transform:translateY(4px);} 50%,100%{-webkit-transform:translateY(0);} 70%{-webkit-transform:translateY(-4px);} } /*明*/ /*con3*/ .con3 .auto{width: 1200px;margin: 0 auto 100px;} .con3 .left{float: left;width: 424px;} /*.container .left .tit{font-size: 16px;color: #999;margin: 38px 0 34px;}*/ /*.container .left .tit span{font-size: 30px;color: #56bb4e;margin-right: 10px;}*/ .con3 .left .tit3{display: block;margin-bottom: 18px;font-size: 18px;color: #4c4f52;font-weight: bold;} .con3 .left .number{display: block;margin-bottom: 18px;font-size: 35px;color: #e2332e;font-family:'DINCond-Regular';} .con3 .left .number em{margin-right: 14px;padding: 14px;background: url("../images/dianhua4.png") no-repeat center;} .con3 .left p{color: #8f8f8f;line-height: 24px;margin-bottom: 30px;} .con3 .left .ewBox{overflow: hidden;} .con3 .left .ewBox img{float: left;width: 136px;height: 136px;} .con3 .left .ewBox .saos{float: left;margin-left: 16px;margin-top: 32px;font-size: 16px;color: #5e6061;/*width: ;*/} .con3 .left .ewBox .saos em{display: inline-block;padding: 13px ;margin-bottom: 12px;background: url("../images/saoyisao.png") no-repeat center;} /*============*/input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder{color: #9f9f9f;} input:-moz-placeholder{color: #9f9f9f;} input::-moz-placeholder{color: #9f9f9f;} input:-ms-input-placeholder{color: #9f9f9f;} .con3 .right{float: right;width: 664px;padding-top: 115px;} .con3 .right input{float: left;padding-left: 12px ;margin-bottom: 20px;line-height: 50px;border: 1px solid #d9d7d6;color: #9f9f9f;height: 50px;} .con3 .right select{padding-left: 12px ;margin-bottom: 20px;line-height: 52px;border: 1px solid #d9d7d6;color: #9f9f9f;height: 52px;display: block;float: left;} .con3 .right .name{width: 286px;margin-right: 20px;} .con3 .right .number{width: 330px;} .con3 .right .E-mail{width: 98%;} .con3 .right .belongBox input{width: 194px;margin-left: 20px;} .con3 .right .belongBox #province{width: 208px;margin-left: 20px;} .con3 .right .belongBox #city{width: 208px;margin-left: 20px;} .con3 .right .address{width: 98%;} .con3 .Opinion{width: 642px;height: 156px;padding: 10px;border: 1px solid #d9d7d6;resize: none;color: #9f9f9f;} .con3 .right .confirm{display: block;width: 192px;height: 54px;margin-top: 16px;text-align: center;line-height: 54px;color: #FFF;background-color: #59b652;cursor: pointer;} .con3 .right .dt{float: left;position: relative;} .con3 .right .dt em{display: block;padding: 4px;background: url("../images/xiadeas.png") no-repeat center;position: absolute;right: 17px;top: 22px;} .con3 .right .dd{display: none;width: 206px;border: 1px solid #d9d7d6;background-color: #eeeeee;position: absolute;top:51px;right: 0px;} .con3 .right .dd li{height: 28px;line-height: 28px;text-indent: 10px;cursor: pointer;color: #929292;} .con3 .right .dd li:hover{background-color: #989898;color: #FFF;} .bus1 .auto{width: 1200px;margin: 0 auto;} .bus1 .container .proDisp{width: 100%;height: 1180px;font-size: 14px;background:#39A4DC url(../img/bus/bus1back1.jpg) no-repeat center;background-size: 100% 100%;overflow: hidden;} .bus1 .container .proDisp .auto{height: 610px;position: relative;} .bus1 .container .proDisp .tit{font-size: 18px;font-weight: 700;color: #56bb4e;margin: 38px 0 14px;} .bus1 .container .proDisp .bigblock ul{float: left;color: #8f8f8f;font-size: 14px;} .bus1 .container .proDisp ul .dt{color: #656363;} .bus1 .container .proDisp .auto .bigblock ul li{float: left;margin-right: 30px;} .bus1 .container .proDisp .auto .bigblock ul .li:hover{text-decoration: underline;cursor: pointer;} .bus1 .container .Drop{position: relative;float: left;margin: -7px 0 0 10px;} .bus1 .container .Drop_dt{width: 164px;height: 34px;padding: 0 10px;border: 1px solid #c5d5c7;line-height: 35px;color: #656363;font-size: 14px;} .bus1 .container .Drop_dt em{float: right;padding: 5px;background: url("../images/liasd.png") no-repeat center;margin-top: 12px;} .bus1 .container .Drop_dd{display: none;width: 184px;background-color: #dcdcdc;border: 1px solid #acd1c7;position: absolute;z-index: 40;max-height:252px;overflow-y: auto;} .bus1 .container .Drop_dd li{padding: 0 10px;cursor: pointer;line-height: 36px;color: #656363;font-size: 14px;} .bus1 .container .Drop_dd li:hover{color: #FFF;background-color: #9e9e9e;} .bus1 .container .Drop .son{position: absolute;left: 186px;top: 36px;width: 200px;background: #fff;z-index: 4;max-height: 252px;overflow-y: auto;display: none;} .bus1 .container .Drop .son li{padding: 0 10px;cursor: pointer;line-height: 36px;color: #656363;font-size: 14px;} .bus1 .container .Drop .son li:hover{background: #eee;} .bus1 .container .proDisp .bigblock{padding-bottom: 15px;} .bus1 .container .block .dt{float: left;color: #656363;font-size: 14px;} .bus1 .container .bussearch .seatit{color: #656363;float: left; margin-right: 30px;} .bus1 .container .proDisp ul .dt,.bus1 .container .bussearch .seatit{width:78px; background:url("../img/bus/colon.png") no-repeat right center;} .bus1 .container .bussearch .seabox input{width: 122px;padding: 0 10px;line-height: 35px;background: transparent;float: left;border: 0;margin: 0 10px 0 0;color: #656363;font-size: 14px;} .bus1 .container .bussearch .seabox button{width:34px;height: 34px;border: 0;background: url(../img/bus/seaic.png) no-repeat center;float: left;} .bus1 .container .bussearch .seabox{border: 1px solid #c5d5c7;width:186px;height: 34px;float:left;margin: -7px 0 0 0;} .bus1 .container .block{float: left;} /*====*/.bus1 .container .switchSlider{float: left;width: 1200px;height: 505px;margin-top: 18px;/*position: absolute;*//*top:84px;*/} .bus1 .switchSlider .proDisp_prev,.proDisp_next{display: inline-block;padding: 27px;cursor: pointer;position: absolute;top:50%;background-position: -64px 0;} .bus1 .switchSlider .proDisp_prev{left: -85px;background-image: url("../images/praleft.png") ;} .bus1 .switchSlider .proDisp_next{right: -85px;background-image: url("../images/praright.png") ;} /*.bus1 .switchSlider .prevStop{background-position: 0 0!important;}*/ /*.bus1 .switchSlider .nextStop{background-position: 0 0!important;}*/ /* 本例子css*/.bus1 .picScroll-left{width: 1200px;position:relative;} /*.picScroll-left .hd{}*/.bus1 .picList{/*width: 7200px!important;*/} .bus1 .picList li{float: left;width: 394px;height: 279px;margin: 0 9px 20px 0;overflow: hidden;position: relative;} .bus1 .picList li .wall{width: 100%;height:223px;overflow: hidden;} .bus1 .picList li img{display:block;width: 100%;transition: all .3s;} .bus1 .picList li p{text-align: center;border: 1px solid #9bc2bc;border-top: 0;font-size: 16px;color: #666666;transition: all .3s;position: absolute;z-index: 3;bottom: 0;display: block;width: 392px;padding: 16px 0 15px;} .bus1 .picList li:hover p{color: #fff;background:#3caf98;} .bus1 .picList li:hover img{transform: scale(1.2);} /*--*/.bus1 .btnBox{width: 100%; height: 36px; text-align: center; font-size: 12px; padding-top: 30px; position: absolute; left: 0; bottom: -41px;} .bus1 .btnBox_Ul{position: relative; display: inline-block; max-width: 168px; height: 30px; padding: 0 36px; overflow: hidden; text-align: center;} .bus1 .btnBox_Ul .tempWrap{display: inline-block; } .bus1 .btnBox_Ul ul{height: 30px; overflow: hidden; font-size: 0; letter-spacing: -4px; text-align: center;} .bus1 .btnBox li{float:left; letter-spacing:normal; font-size: 12px; vertical-align: top; width: 24px;height: 24px;margin:0 8px 4px;line-height: 24px;color: #adadad;text-align: center;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;} .bus1 .btnBox li:hover{background-color: #3caf98;border:1px solid #3caf98;color: #FFF!important;} .bus1 .btnBox .on{background-color: #3caf98;border:1px solid #3caf98;color: #FFF!important;} .bus1 .btnBox_next ,.bus1 .btnBox_prev{display: block;width: 24px;height: 24px;line-height: 24px;color: #adadad;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: absolute;top:0;} .bus1 .btnBox_prev{left:0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");background-position: center; background-repeat: no-repeat;} .bus1 .btnBox_next{right:0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");background-position: center; background-repeat: no-repeat;} .bus1 .btnBox_prev:hover,.bus1 .btnBox_next:hover{background-color: #3caf98;border:1px solid #3caf98;} .bus1 .btnBox_prev:hover{background-image: url("../images/Leftarrow.png");} .bus1 .btnBox_next:hover{background-image: url("../images/Righarrow.png");} .bus1 .container .picList .list .mask{position: absolute;top: 0;left: 0;} .bus1 .container .picList .list .mask:hover{background: #000!important;filter:alpha(opacity=30); opacity:0.3;} .about4 .btnBox{width: 100%;height: 36px;text-align: center; font-size: 12px;padding-top: 30px;position: absolute;left: 0;bottom: 20px;} .about4 .btnBox_Ul{position:relative; display:inline-block; max-width: 168px; height: 30px; padding:0 36px; overflow: hidden; text-align: center;} .about4 .btnBox_Ul ul{display:inline-block; height: 30px;overflow: hidden; font-size: 0; letter-spacing: -4px; text-align: center;} .about4 .btnBox li{float:left; letter-spacing:normal; font-size: 12px; vertical-align: top; width: 24px;height: 24px;margin:0 8px 4px;line-height: 24px;color: #adadad;text-align: center;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;} .about4 .btnBox li:hover{background-color: #56bb4e;border:1px solid #56bb4e;color: #FFF!important;} .about4 .btnBox .on{background-color: #56bb4e;border:1px solid #56bb4e;color: #FFF!important;} .about4 .btnBox_next ,.about4 .btnBox_prev{position:absolute; display: block;width: 24px;height: 24px;line-height: 24px;color: #adadad;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: absolute;top:0;} .about4 .btnBox_prev{left: 0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");background-position: center;background-repeat: no-repeat;} .about4 .btnBox_next{right: 0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");background-position: center;background-repeat: no-repeat;} .about4 .btnBox_prevStop{border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");} .about4 .btnBox_nextStop{border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");} .about4 .btnBox_prev:hover{border:1px solid #56bb4e;background-color: #56bb4e;background-image: url("../images/Leftarrow.png");} .about4 .btnBox_next:hover{border:1px solid #56bb4e;background-color: #56bb4e;background-image: url("../images/Righarrow.png");} /*bid*/ .bid .part .bidtitle{font-size:16px;color:#ffffff;line-height:47px;background:#eff1f0 url(../img/bid/bidic.jpg) no-repeat left center;padding:0 0 0 30px;margin-left: -15px;} .bid .part .bidcont li a{font-size: 13px;color: #606570;} .bid .part .bidcont li span{font-size: 13px;color: #a3a6ac;float: right;padding-right: 10px;} .bid .part .bidcont li a:hover{color: #0baf2f;} .bid .part .bidcont li{line-height: 53px;border-bottom: 1px dashed #ececec;padding: 0 0 0 15px;margin: 0 0 0 15px;} .bid .part .bidcont{} .bid .part{padding: 10px 0 30px 0;} .bidtu .hint h3{font-size:18px;color:#0baf2f;padding-bottom: 15px;} .bidtu .hint span{font-size:25px;font-family: 'MONTSERRAT-REGULAR';letter-spacing: -2px;} .bidtu .hint p{font-size: 18px;color: #8da9a3;} .bidtu{width: 100%;height:240px;background: url(../img/bid/bidtu.jpg) no-repeat center bottom;margin-top:30px;} .bidtu .hint{position: absolute;left: 35%;top:87px;background: url(../img/bid/bidman.jpg) no-repeat left center;padding-left: 80px;} .bid .part2{float: left;width: 48%;} .bid .part3{float: right;width: 48%;} /*bidinfo*/ .bidinfo .bidtitle .r_tit .bds_weixin{background: url(../img/bid/wx.png) no-repeat center;width: 33px;height: 33px;} .bidinfo .bidtitle .r_tit .bds_tsina{background: url(../img/bid/wb.png) no-repeat center;width: 33px;height: 33px;} .bidinfo .bidtitle .l_tit h3{font-size:30px;color:#56bb4e;font-family:'DINCond-Regular';margin-bottom: 5px;} .bidinfo .bidtitle .l_tit h4{color: #5e5e5e;font-size: 18px;font-weight: bold;} .bidinfo .bidtitle{margin-bottom: 30px;width: 780px;} .bidinfo .bidcont p{color:#848484;margin-bottom: 20px;} .bidinfo .bidcont{width: 780px;} /*busteam*/ .bust .fight .part h3{font-size:18px;color:#4c4545;padding-bottom: 10px;} .bust .fight .part .p_box p{font-size:14px;color:#8f8f8f;padding-bottom: 5px;} .bust .fight .part{padding: 10px 0;border-bottom: 1px dashed #8f8f8f;} .bust .fight{width: 860px; margin-bottom:40px;} .bust .fight .part4 h3{font-size:18px;color:#4c4545;line-height: 60px;} .bust .fight .part4 img{display: block;transition: all .3s;} .bust .fight .part4 li{width:284px;height: 206px;overflow: hidden;float: left;} .bust .fight .part4 li:hover img{transform: scale(1.2);} .bust .fight .part4 li p{font-size:14px;color:#595b62;line-height: 46px;text-align: center;border: 1px solid #c7c6c6;background: #fff;position: relative;z-index: 3;border-top: 0;} .bust .fight .part4{padding-bottom: 60px;} .bust .back{font-size: 14px;color: #a5a5a5;line-height: 28px;border:1px solid #eeeeee;border-radius: 15px;text-align: center;background: #f6f6f6;padding: 0 7px;float: right;} /*cup*/ .cup{padding-bottom: 80px;} .cup .cup_title{padding: 30px 0;} .cup .cup_title i{font-size:16px;color:#666666;} .cup .cup_title span{font-size:30px;color:#e6e3db;font-family: 'MONTSERRAT-REGULAR';font-weight: normal;letter-spacing: -2px;padding: 0 0 0 20px;} .cupnav{background: url(../img/cup/cupcnav.jpg) no-repeat center;} .cupnav li a{color:#7d5f18!important;} .cupnav li a:hover{color: #fff!important;} .cupnav li.on a{color: #fff!important;} .cup .cuparea .fr{background: url(../img/cup/cupimg3.jpg) no-repeat center;width:975px;height:313px;} .cup .cuparea .fl{border: 2px solid #a2a299;} .cup .cuparea .fr .l_box{float: left;padding:75px 0 0 40px;} .cup .cuparea .fr .m_box{float: right;} .cup .cuparea .fr .r_box{float: right;border: 2px solid #a2a299;margin: 30px 40px 0 30px;} .cup .cuparea .fr .l_box .red{font-size:18px;color:#e64539;padding: 0 0 0 55px;} .cup .cuparea .fr .l_box .black{font-size:18px;color:#504f4f;padding: 0 0 0 55px;} .cup .cuparea .fr .l_box .eng{font-size:30px;color:#bcb7b7;font-family:'Novecento-WideBook' ;letter-spacing: -1px;padding: 25px 0 0 0;} .cup .cuparea .fr .m_box h3{font-size:16px;color: #e4434b;} .cup .cuparea .fr .m_box h3 span{font-size:24px;font-family:'Novecento-WideBook';} .cup .cuparea .fr .m_box p{font-size:16px;color: #6d9a9e;} .cup .cuparea .fr .m_box{padding-top: 150px;} .cup .silver h3{font-size:16px;color:#666666;padding-top:30px;} .cup .silver .works li{width:179px;height:253px;overflow: hidden;position: relative;float: left;margin-top: 30px;} .cup .silver .works li img{display: block;border: 2px solid #c2c0b0;} .cup .silver .works li .mask{width: 100%;height: 100%;background: #202337;filter:alpha(opacity=80); opacity:0.8;position:absolute;top: 100%;left: 0;z-index: 3;transition: all .4s;} .cup .silver .works li .word{width: 100%;height: 100%;position: absolute;background: url(../img/cup/cuppng1.png) no-repeat center 100px;z-index: 4;top:100%;left: 0;text-align: center;transition: all .4s;} .cup .silver .works li .word h3{font-size:16px;color:#ffffff;padding-top: 160px;} .cup .silver .works li .word p{font-size:16px;color:#9da0a6;} .cup .silver .works li:hover .mask{top:0;} .cup .silver .works li:hover .word{top:0;} .cup .works li a>img{height:248px;} .cup2 .title{padding:52px 0 0; height:96px;} .cup2 .title h1{font-size: 20px; line-height: 20px; text-align: center; color:#d6a13a;} .cup2 .title h2{font-size: 30px; font-family: "MONTSERRAT-REGULAR"; color:#e1e1df; line-height: 30px; text-align: center; text-indent:-18px;} .cup2 .w_box .le{float:left; width:1100px; margin-left: -500px;} .cup2 .w_box .le img{display:block;} .cup2 .w_box .ri{float:right; width:1100px; margin-right: -500px; height:340px; padding-top: 114px; background:#6eccb2;} .cup2 .w_box .ri .txt{padding-left: 40px; width:504px;} .cup2 .w_box .ri h3{font-size: 18px; color:#136fcf; line-height: 18px; margin-bottom: 25px;} .cup2 .w_box .ri p{font-size: 14px; color:#cefdf0; line-height: 24px; text-align:justify;} /*.c_paging .btnBox{width: 100%; height: 36px; text-align: center; font-size: 12px; padding-top: 30px;} .c_paging .btnBox_Ul{position: relative; display: inline-block; max-width: 168px; height: 30px; padding: 0 36px; overflow: hidden; text-align: center;} .c_paging .btnBox_Ul .tempWrap{display: inline-block; } .c_paging .btnBox_Ul ul{height: 30px; overflow: hidden; font-size: 0; letter-spacing: -4px; text-align: center;} .c_paging .btnBox li{float:left; letter-spacing:normal; font-size: 12px; vertical-align: top; width: 24px;height: 24px;margin:0 8px 4px;line-height: 24px;color: #adadad;text-align: center;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;} .c_paging .btnBox li:hover{background-color: #3caf98;border:1px solid #3caf98;color: #FFF!important;} .c_paging .btnBox .on{background-color: #3caf98;border:1px solid #3caf98;color: #FFF!important;} .c_paging .btnBox_next ,.c_paging .btnBox_prev{display: block;width: 24px;height: 24px;line-height: 24px;color: #adadad;border:1px solid #adadad;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: absolute;top:0;} .c_paging .btnBox_prev{left:0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/lasf.png");background-position: center; background-repeat: no-repeat;} .c_paging .btnBox_next{right:0; border:1px solid #adadad;background-color: transparent;background-image: url("../images/Rigarrow.png");background-position: center; background-repeat: no-repeat;} .c_paging .btnBox_prev:hover,.c_paging .btnBox_next:hover{background-color: #3caf98;border:1px solid #3caf98;} .c_paging .btnBox_prev:hover{background-image: url("../images/Leftarrow.png");} .c_paging .btnBox_next:hover{background-image: url("../images/Righarrow.png");}*/ .propages{text-align: center; padding-top:30px; -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none;} .propages ul{font-size: 0; letter-spacing: -4px; display:inline-block; vertical-align: top;} .propages li{display:inline-block; letter-spacing:normal; font-size: 12px; vertical-align: top; width: 24px; height: 24px; margin:0 8px; line-height: 24px; color: #adadad; text-align: center; border:1px solid #adadad; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;} .propages li:hover,.propages li.paging-selecte{background-color: #3caf98; border-color:#3caf98; color: #fff;} .propages li.prev_dot:hover,.propages li.next_dot:hover{background-color: transparent; border-color:#adadad; color: #adadad;} .propages li.last,.propages li.first{width:48px;}