锘縝ody{font-family: "寰蒋闆呴粦";} .margin_b50{margin-bottom: 50px;} .margin_b60{margin-bottom: 50px;} .margin_b70{margin-bottom: 70px;} .margin_pat50{padding-top: 50px;} /*绀句細璐d换*/ .social_cont li{background: #f8f8f8;overflow: hidden;} .social_cont dl{overflow: hidden;} .social_cont dl dt{float: left; width: 50%;*margin-left: -1px;} .social_cont dl dd{float: left;width: 50%; height: 100%;} .social_boxin{padding: 0px 100px; height: 100%; padding-left: 120px; box-sizing: border-box;} .social_boxin table{width: 100%; height: 100%;} .s_timer{color: #da2219;margin-bottom: 20px;} .social_boxin h3{line-height: 1.2em; max-height: 2.4em;overflow: hidden;margin-bottom: 20px; font-weight: bold;} .social_boxin h3 a{color: #414141;} .social_p{line-height: 1.5em;height: 7.5em;overflow: hidden;color: #414141;} .pub_more{margin-top: 30px;} .pub_more a{display: block;width: 145px; height: 40px; line-height: 40px; text-align: center;background: #da2219;color: #fff;} .pub_more a:hover{color: #fff !important;} .social_cont li.cur{background: #fff;} .social_cont li.cur dt{float: right;} .social_cont li.cur .social_boxin{padding: 40px 100px; padding-right: 120px;} @media only screen and (max-width:1366px) { .social_boxin,.social_cont li.cur .social_boxin{padding: 0 70px;} .s_timer,.social_boxin h3{margin-bottom: 15px;} .pub_more{margin-top: 20px;} } @media only screen and (max-width:1280px) { .margin_b60{margin-bottom:40px;} .margin_b70{margin-bottom:30px;} .social_boxin,.social_cont li.cur .social_boxin{padding: 0 30px;} .social_p{height: 4.5em;} } @media only screen and (max-width:990px) { .margin_b50,.margin_b60,.margin_b70{margin-bottom: 20px;} .margin_pat50{padding-top: 20px;} .s_timer,.social_boxin h3{margin-bottom:10px;} .pub_more a{width: 100px; height: 30px; line-height: 30px;} } @media only screen and (max-width:768px) { .social_cont dl{height: auto !important;} .social_cont dl dt,.social_cont dl dd{width: 100%;} .social_boxin, .social_cont li.cur .social_boxin{padding: 20px;} } @media only screen and (max-width:420px) { .social_boxin, .social_cont li.cur .social_boxin{padding: 20px 10px;} } /*闆嗗洟鏂伴椈*/ .news_block .social_cont li{background: #fff;} .news_list{overflow: hidden;} .news_list ul{overflow: hidden;margin: 0 -15px;} .news_list li{float: left;width: 33.333%; float: left;*margin-left: -1px;margin-bottom: 45px;} .news_list li dl{margin: 0 15px;} .news_list li .s_timer,.news_list li h3{margin-bottom:10px;} .news_list li h3{font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_list li .nwes_p{line-height: 1.5em; height: 3em;overflow: hidden;} .news_list li dd{padding-top: 25px;} @media only screen and (max-width:1024px) { .news_list ul{margin: 0 -10px;} .news_list li dl{margin: 0 10px;} .news_list li dd{padding-top: 10px;} .news_list li{margin-bottom: 30px;} } @media only screen and (max-width:768px) { .news_list li{width: 50%;} } @media only screen and (max-width:540px) { .news_list ul{margin: 0;} .news_list li dl{margin: 0;} .news_list li{width: 100%;margin-bottom: 10px;} .news_list li dd{padding: 20px;} } /*鍏憡*/ .notice_block{overflow: hidden;} .notice_block ul{overflow: hidden;margin: 0 -25px;} .notice_block li{float: left;*margin-left: -1px; width: 50%;} .notice_block li dl{overflow: hidden;padding: 0 25px;} .notice_block li dt{width: 78px; height: 78px;float: left; text-align: center; border: 1px solid #da2219; color: #da2219; font-family: "Arial"; font-weight: bold;} .notice_block li dt span{font-size: 48px;line-height: 52px; display: block;margin-top: 3px;} .notice_block li dt em{font-size: 16px; line-height: 20px; display: block;} .notice_block li dd{width: calc(100% - 110px); float: right;} .notice_block li dd h3{font-weight: bold; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .notice_block li dd .notice_p{line-height: 1.5em; height: 3em; overflow: hidden;} @media only screen and (max-width:1280px) { .notice_block li dd h3{margin-bottom: 10px;} .notice_block li dt span{font-size: 40px;line-height: 44px;margin-top: 6px;} .notice_block li dt em{font-size: 14px;} .notice_block li dd{width: calc(100% - 100px);} } @media only screen and (max-width:1024px) { .notice_block ul{overflow: hidden;margin: 0 -15px;} .notice_block li dl{overflow: hidden;padding: 0 15px;} } @media only screen and (max-width:768px) { .notice_block li{width: 100%;} .notice_block ul{margin: 0;} .notice_block li dl{padding: 0;} .notice_block li dt{font-weight: normal;width: 60px; height: 60px;} .notice_block li dt span{font-size: 28px;line-height: 26px; margin-top: 8px;} .notice_block li dd{width: calc(100% - 80px);} } /*缁勭粐鏋舵瀯*/ .group{text-align: center;} .group img{max-width: 100%;} /*浼佷笟鎴樼暐*/ .enterprise_list li{overflow: hidden;} .enterprise_list dl{overflow: hidden;} .enterprise_list dt{float: left; width: 590px; height: 441px;} .enterprise_list dt img{width: 100%;} .enterprise_list dd{float: right;width: calc(100% - 590px); background:#fff url(../images/strategy_bg_01.jpg) no-repeat; background-size: cover;height: 441px;} .enterprise_list dd .enterprise_box{padding:50px 60px;} .enterprise_list dd .enterprise_boxin{height:341px;overflow:hidden;} .enterprise_list dd h3{margin-bottom: 10px;font-weight: bold;} .enterprise_list dd h4{margin-bottom: 20px;font-weight: bold;} .enterprise_list li.cur dt{float: right;} .enterprise_list li.cur dd{float: left;color: #fff;} .enterprise_list li.cur dd{background:#da2219 url(../images/strategy_bg_02.jpg) no-repeat; background-size: cover;} @media only screen and (max-width:1366px) { .enterprise_list dt{width: 500px; height: 374px;} .enterprise_list dd{width: calc(100% - 500px);height: 374px; } .enterprise_list dd .enterprise_boxin{height: 314px} .enterprise_list dd .enterprise_box{padding: 30px;} } @media only screen and (max-width:1100px) { .enterprise_list dt{width: 400px; height: 299px;} .enterprise_list dd{width: calc(100% - 400px);height: 299px; } .enterprise_list dd .enterprise_boxin{height: 239px} .enterprise_list dd .enterprise_box{padding: 30px;} } @media only screen and (max-width:990px) { .enterprise_list dt{width: 100%; height: auto;} .enterprise_list dd{width: 100%;height:auto; } .enterprise_list dd .enterprise_boxin{height: 200px} .enterprise_list dd .enterprise_box{padding: 20px;} } /*鎴樼暐鍚堜綔*/ .strategy_list li{background:#fcfcfc url(../images/strategy_bg.jpg) no-repeat;} .strategy_list dl{overflow: hidden;padding: 50px 85px; } .strategy_list dt{float: left;width: 185px; padding-right: 70px; padding-top: 15px; border-right: 1px solid #cecece; min-height: 180px;} .strategy_list dt img{width: 100%;} .strategy_list dd{width: calc(100% - 330px);float: right; padding: 30px 0;} .strategy_list dd h1{font-weight: bold;margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .strategy_list dd .strategy_box_p{line-height: 1.5em; height: 4.5em;overflow: hidden;} @media only screen and (max-width:1366px) { .strategy_list dl{padding: 40px;} } @media only screen and (max-width:1280px) { .strategy_list dl{padding: 40px;} .strategy_list dt{min-height: 170px;padding-right: 40px;} .strategy_list dd{width: calc(100% - 280px);} } @media only screen and (max-width:768px) { .strategy_list dl{padding: 40px;} .strategy_list dt{width: 100px;padding-top: 0; min-height: 110px;padding-right: 20px;} .strategy_list dd{ width: calc(100% - 150px); padding: 0;} .strategy_list dd h1{margin-bottom: 10px;} } @media only screen and (max-width:540px) { .strategy_list dl{padding:20px 10px;} .strategy_list dt{margin-right: 10px;padding-right: 10px;} .strategy_list dd{width: calc(100% - 130px);} } /*鍚堜綔椤圭洰*/ .project_tab{text-align: center;margin-bottom: 50px;} .project_tab ul{overflow: hidden;display: inline-block; padding-bottom: 6px;} .project_tab li{float: left;margin: 0 15px;} .project_tab li a{color: #585858;display: block;position: relative; height: 30px;} .project_tab li a em{position: absolute;top: 100%;left: 50%;width: 0;height: 0;overflow: hidden;margin: 0 0 0 -6px;border: 6px dashed transparent;border-top: 6px solid #db251d;display: none;} .project_tab li.on a{color: #da2219;} .project_tab li.on a em{display: block;} .project_cont .pageout{border-top:0;} .project_cont .table-box {} .project_cont .ph_table {width: 100%; } .project_cont .ph_table td { line-height: 20px; padding: 20px 50px; border-bottom: 1px solid #d5d5d5; } .project_cont .ph_table thead td { background:#da2219; color:#fff;} .project_cont .ph_table .t1 {width: 280px;} .project_cont .ph_table .t2 {width: 324px;} .project_cont .ph_table .t3 { } @media only screen and (max-width:1440px) { .project_cont .ph_table .t2 {width:160px;} } @media only screen and (max-width:1280px) { .project_cont .ph_table td{padding: 20px;} .project_cont .ph_table .t2 {width:100px;} } @media only screen and (max-width:1024px) { .project_tab{margin-bottom: 20px;} .project_tab li a{height: 24px;} .project_cont .ph_table .t1{width:180px;} } @media only screen and (max-width:767px) { .project_cont .pageout .page{padding-top:10px;} .project_cont .ph_table , .project_cont .ph_table thead, .project_cont .ph_table tbody, .project_cont .ph_table th, .project_cont .ph_table td, .project_cont .ph_table tr { display: block; } .project_cont .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .project_cont .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .project_cont .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0; padding-left: 6em; white-space: normal; text-align: left; } .project_cont .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px; white-space: nowrap; text-align: left; } .project_cont .ph_table td:before { content: attr(data-title); } } /*浜烘墠寮曡繘绀句細鎷涜仒*/ .recruit_list {overflow: hidden;} .recruit_list ul{overflow: hidden;margin: 0 -10px;} .recruit_list li{float: left;width: 50%;*margin-left: -1px; margin-bottom: 20px;} .recruit_list li h3{margin-bottom: 20px;font-weight: bold;} .recruit_list li h3,.recruit_list dl dt p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .recruit_list dl{overflow: hidden; } .recruit_list dl dt{width:50%;*margin-left: -1px; float: left; line-height: 24px;} .recruit_list dl dt p{margin-right: 10px;} .recruit_list .recruit_box{background: #fcfcfc;margin: 0 10px;padding: 40px 160px;} .recruit_list .pub_more a{width: 118px; height: 30px;line-height: 30px;} .recruit_list .pageout{margin-top: 30px;} @media only screen and (max-width:1440px) { .recruit_list .recruit_box{padding: 40px 100px;} } @media only screen and (max-width:1280px) { .recruit_list .recruit_box{padding: 40px;} .recruit_list li h3{margin-bottom: 10px;} } @media only screen and (max-width:1023px) { .recruit_list .recruit_box{padding: 20px;} .recruit_list .pageout{margin-top: 0;} } @media only screen and (max-width:990px) { .recruit_list li{width: 100%;} .recruit_list .pub_more a{margin: auto;} .recruit_list .recruit_box,.recruit_list ul{margin: 0;} } @media only screen and (max-width:540px) { .recruit_list li{width: 100%;} .recruit_list dl dt{width: 100%;} .recruit_list dl dt p{margin:0;} } /*澶т簨璁?/ .his_time{font-weight: bold; color: #da2219; overflow: hidden;} .his_time em{float: left;line-height: 70px;} .his_time span{float: left; width: 65px; height: 65px; padding: 3px; border-radius: 50%; border: 1px dashed #da2219; margin-left: 15px;} .his_time span i{display: block; width:65px; height: 65px; line-height: 65px; border-radius: 50%;background: #da2219; color: #fff;text-align: center;} .his_img_list{overflow: hidden;} .his_img_list ul{overflow: hidden;margin: 0 -10px;} .his_img_list li{float: left;*margin-left: -1px; width: 33.333%;} .his_img_list li .his_img{margin: 0 10px;} .history_list ul{border-bottom: 1px dashed #da2219;margin-bottom: 20px; } .history_list li{line-height: 1.5em;margin-bottom: 20px; background: url(../images/red_cicle.png) no-repeat 9px 0.55em; padding-left: 30px;} .his_month{border-bottom: 3px solid #e6e6e6;} .his_month .history_list ul:last-child{border: 0;} .dahis{overflow: hidden; } .dahis .left{float: left; width:180px; text-align: center; color: #777777; position:relative;} .dahis .left.cur,.dahis .left.cur2{top:0 !important;} .dahis .left .prev{overflow: hidden;} .dahis .left .prev i{float:right; width:29px; height:29px; margin-bottom: 15px; background: url(../images/dot11.png) no-repeat center center; cursor: pointer;margin-right:6px; } .dahis .left .prev i.disabled{display: none;} .dahis .left .next{overflow: hidden;} .dahis .left .next i{float:right; width:29px; height:29px;margin-top: 15px; background: url(../images/dot12.png) no-repeat center center; cursor: pointer;margin-right:6px;} .dahis .left .next i.disabled{ display: none;} .dahis .left .prevBox{position: relative; overflow: hidden; height: 504px;padding-right: 6px; /* background: url(../images/dot13.png) repeat-y right -53px;*/} .dahis .left .prevBox ul{ position:relative; height:8000%;} .dahis .left .prevBox ul li{width:100%;height: 94px;text-align: right; cursor: pointer; font-family: arial;position: relative; background: url(../images/dot13.png) repeat-y right 0px;} .dahis .left .prevBox ul li span{ display: block; font-size:24px; height:94px; line-height:94px; margin-right: 35px; transition:0.3s all;} .dahis .left .prevBox ul li.on span{font-size:72px; font-weight: bold; color:#da2219; font-family: "Arial";} .dahis .left .prevBox ul li em{position: absolute; width: 33px; height: 11px; right: 0;right: -5px;top: 50%;margin-top: -5px;display: none;} .dahis .left .prevBox ul li.on em{display: block;} .dahis .right{float: right;width: calc(100% - 326px); min-height: 700px;overflow: hidden;} .his_list{position: relative; } .his_line{width:1px; min-height: 400px; padding-bottom: 5%; left: 50%; margin-left:-2px; top:0; bottom: 0; position: absolute; height: 100%; border-left: 1px dotted #0167CA;} .his_line i{ display: block; width:10px; height: 10px; background: #0167CA; border-radius: 50%; margin: 0 0 0 -5px;} .list_box{padding-top:35px; max-width: 890px; margin: 0 auto;} .list_box li{ float: left;width:50%;position: relative;} .list_box li:nth-child(even){float: right; margin-top:60px;} .list_box li em { position:absolute; background:#fff; border:3px solid #0167CA; border-radius: 50%; width:20px; height:20px; top:0;right:-8px;} .list_box li:nth-child(even) em { right:auto; left:-12px;} .list_box li span{ text-align: right; display: block; color: #0167CA; margin-bottom:8%;} .list_box li:nth-child(even) span{ text-align: left; } .list_box li .bx{max-width:400px; width:90%; float: left; margin-bottom:80px;} .list_box li:nth-child(even) .bx{ float: right;} .list_box li p{margin:5% 0 0; color: #777;} @media only screen and (max-width:1366px) { .dahis .left .prevBox ul li.on span{font-size: 48px;} .dahis .right{width: calc(100% - 240px);} } @media only screen and (max-width:1366px) { .dahis .left .prevBox ul li.on span{font-size: 36px;} } @media only screen and (max-width:1023px) { .dahis .left{width: 100%;position: relative;margin-bottom: 20px;} .dahis .left .prevBox ul{ display: table; border-bottom:2px solid #ccc;} .dahis .left .prevBox ul li{width: 20%; float: left; cursor: pointer; background: none; height: 40px;} .dahis .left .prevBox ul li span{height: 40px;line-height: 40px;} .dahis .right{width: 100%;} .dahis .left .prevBox,.dahis .left .prevBox ul{height: auto !important; margin: 0px; padding: 0; padding-bottom: 10px;} .dahis .left .prevBox ul{width: 8000%;} .dahis .left .prevBox ul li span{margin-right: 0; text-align: center;} .dahis .left .prev{position: absolute; left: 0; top:0;top: 50%;margin-top: -15px;} .dahis .left .prev i{float:right; width:29px; height:29px; margin:0; background: url(../images/dot14.png) no-repeat center center; cursor: pointer;display: none;} .dahis .left .prev.on i{display: block;} .dahis .left .next{overflow: hidden;position: absolute; right: 0; top: 50%;margin-top: -15px;} .dahis .left .next i{float:right; width:29px; height:29px;margin:0 ; background: url(../images/dot15.png) no-repeat center center; cursor: pointer; display:none;} .dahis .left .next.on i{display: block;} .dahis .left .prevBox ul li em img{display: none;} .dahis .left .prevBox ul li em{width: 12px; height: 12px; background: url(../images/his_cicle01.png) no-repeat; top:auto; left: 50%; margin-left: -6px; margin-top: 5px; display: block;} .dahis .left .prevBox ul li.on em{width: 12px; height: 12px; background: url(../images/his_cicle02.png) no-repeat;} .dahis .left .prevBox ul li.on span{font-size: 28px;} } @media only screen and (max-width: 767px) { .dahis .left .prevBox ul li span{font-size: 16px;height: 24px;line-height: 24px;} .dahis .left .prevBox ul li.on span{font-size: 22px;} .dahis .left .prevBox ul li{height: 24px;} .dahis .left .prev,.dahis .left .next{margin-top: -22px;} } /*闆嗗洟棰嗗*/ .leader_top{background: #da2219 url(../images/leader_bg_01.png) no-repeat center center; color: #fff; text-align: center; padding: 95px 20px; background-size: 100%;} .leader_list{background: url(../images/leader_bg_02.png) no-repeat; background-size: cover; padding: 45px 50px;padding-bottom: 0;} .leader_list ul{overflow: hidden;margin: 0 -20px;} .leader_list li{width: 25%;*margin-left: -1px; float: left; margin-bottom: 105px;} .leader_list li dl{overflow: hidden; margin: 0 20px; position: relative;} .leader_list li dt{ height: 100%;width: 1px; background: #c7c7c7; position: absolute; top:0; left: 0;} .leader_list li dt em{display: block; width: 1px; height: 80px; background: #da2219;position: absolute; top:50%; left: 0; margin-top: -40px;} .leader_list li dt.leader_line_r{ top:0; left:auto;right: 0;} .leader_list li dd{width: 80%; margin: auto; padding: 25px 0;} .leader_list li dd h1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .leader_list li dd .leader_text{line-height: 1.5em; height: 3em; overflow: hidden;} .leadwr_pad_t25{display: none; padding-top: 25px;} .leadwr_pad_b25{display: none; padding-bottom: 25px;} @media only screen and (max-width:1023px) { .leader_list li{width: 50%;margin-bottom: 40px;} } @media only screen and (max-width:767px) { .leader_top{padding: 30px;} .leader_list{padding: 20px;} .leader_list li{width: 100%;margin-bottom:0;padding:20px 0; border-bottom: 1px dashed #ccc;} .leader_list li dl{height: inherit !important;} .leader_list li dt{display: none;} .leader_list li dd{width: 100%; padding: 0;} .leader_list li dd h1{font-weight: bold;} .leadwr_pad_t25{display: none;} .leadwr_pad_b25{display: none;} .leader_list li:last-child{border-bottom: 0;} .leader_list li dd .leader_text{height: auto;} } /*棰嗗鑷磋緸*/ .speech_cont{overflow: hidden;} .speech_cont .left{width: 35%; float: left;} .speech_cont .left dt img{width: 100%;} .speech_cont .left dd{background: #da2219;color: #fff; padding:15px 30px;} .speech_cont .right{width:62%; float: right;} @media only screen and (max-width:1023px) { .speech_cont .left{width: 50%; float: none; margin:auto; margin-bottom: 20px;} .speech_cont .right{width: 100%;} } @media only screen and (max-width:640px) { .speech_cont .left{width: 100%;} } .core_01 {} .core_01 h1{font-weight: bold; text-align: center; width: 100%; padding: 30px 0; padding-top: 50px;} .core_01 ul{overflow: hidden;} .core_01 li{float: left;width: 20%;*margin-left: -1px; text-align: center; padding:120px 0;} .core_01 li dl{padding: 0 10px;} .core_01 dt{width: 37px; height: 37px; margin: auto; margin-bottom: 20px;overflow: hidden;} .core_01 dt img{width: 100%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .core_01 dt .core_img01{display: block;} .core_01 dt .core_img02{-webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);} .core_01 dd h3{margin-bottom: 10px;} .core_02 ul{overflow:hidden;margin: 0 -5px;} .core_02 li{float: left;*margin-left: -1px; width: 50%;color: #fff;} .core_02 li .core_box{margin: 0 5px; padding: 55px; position: relative; height:490px;} .core_box h3{font-weight: bold;margin-bottom: 25px;} .core_box .core_box_p{line-height: 1.5em;} .core_box .core_box_p .edit_con_original{color: #fff;} .blank_bg{position: absolute; top:0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);} .core_block{position: relative;z-index: 99; height: 100%; overflow: hidden;} @media only screen and (max-width:1366px) { .core_02 li .core_box{padding: 40px;} } @media only screen and (max-width:1023px) { .core_01{padding: 40px 0;} .core_01 h1{position: static; margin-bottom: 30px; padding: 0;} .core_01 li{padding:0;} .core_01 li dl{height: auto !important;} .core_01 dd h3{margin-bottom: 0;} .core_02 li{width: 100%;margin-bottom: 20px;} .core_02 li .core_box{height: auto !important; padding: 50px;} .core_02 li .core_box,.core_02 ul{margin: 0;} } @media only screen and (max-width:768px) { .core_01 dt{margin-bottom: 10px;} .core_01 li{width: 33.33%; margin-bottom: 20px;} .core_01 li:nth-child(3n+1){clear: both;} .core_02 li .core_box{padding: 20px;} .core_box h3{margin-bottom: 10px;} } @media only screen and (max-width:540px) { .core_01{padding: 20px 0;} .core_01 li{width: 50%; margin-bottom: 20px;} .core_01 li:nth-child(3n+1){clear: inherit;} .core_01 li:nth-child(2n+1){clear: both;} } @media only screen and (min-width:1023px) { .pub_more a:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .core_01 li:hover{background:rgba(218,34,25,0.8); position: relative;z-index: 9; color: #fff;} .core_01 li:hover dt .core_img01{display: none;} .core_01 li:hover dt .core_img02{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);} } /*瑙嗛*/ .video_cont{overflow: hidden;} .video_cont ul{overflow: hidden; margin: 0 -15px;} .video_cont ul li{width: 33.33%; float: left;*margin-left: -1px;margin-bottom: 30px;} .video_cont ul li h3{position: absolute;left: 0; bottom: 0; width: 100%; height: 165px; text-align: center; color: #fff; background-size: contain; background: url(../images/video_bg.png) 0 bottom repeat-x; background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 1)); background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 1)); background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 1)); background:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0, 0, 0, 1)); } .video_cont ul li h3 p{width: 96%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute;left:2%; bottom:20px;} .video_cont .video_box{position: relative; margin: 0 15px; } .video_cont .video_bf{position: absolute; width: 50px; height: 50px; top:50%; margin-top: -25px; left: 50%; margin-left: -25px} .video_cont .video_bf img{width:100%;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;} .video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%; z-index:2; background:#000;} .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;} .video_cont .pageout{margin-top: 20px;} @media only screen and (max-width:1280px) { .video_cont ul li{margin-bottom: 20px;} .video_cont .video_box{margin: 0 10px;} .video_cont ul{margin: 0 -10px;} } @media only screen and (max-width:1023px) { .video_cont ul li{margin-bottom: 10px;} .video_cont .video_box{margin: 0 5px;} .video_cont ul{margin: 0 -5px;} .video_cont ul li h3 p{bottom: 10px;} .video_cont .video_bf{width: 34px; height: 34px; margin-top: -17px; margin-left: -17px;} } @media only screen and (max-width:768px) { .video_cont .pageout{margin-top: 20px;} .video_cont ul li{width: 50%;} } @media only screen and (max-width:540px) { .video_cont .video_box{margin: 0 0;} .video_cont ul{margin: 0 0;} .video_cont ul li{width:100%;} } /*缁煎悎閲戣瀺*/ .finance_cont .information_cont .part-1 .title,.ocean_cont .information_cont .part-1 .title{margin-bottom: 0;} .finance_cont .social_cont li{margin-bottom: 0; background: #fff;} .finance_cont .social_cont li.cur{background:#fcfcfc;} .finance_cont .social_cont li .social_boxin{padding:50px 60px;} .finance_ocean{padding: 50px 55px; padding-right:80px;overflow: hidden;color: #fff;} .finance_ocean h3{font-weight: bold;margin-bottom: 10px; font-size: 18px;} .finance_ocean01{width: 410px;margin-bottom: 40px;} .finance_ocean02{width:700px; float: right; padding-left: 50px;border-left: 1px solid #fff;} .phone_finance{display: none;} .phone_finance img{width: 100%;} @media only screen and (max-width:1023px) { .finance_ocean01,.finance_ocean02{width: 100%;box-sizing: border-box; float: none;} .finance_ocean01{margin-bottom: 20px;} .finance_ocean02{padding-left: 20px;} } @media only screen and (max-width:1280px) { .finance_cont .social_cont li .social_boxin{padding:30px;} } @media only screen and (max-width:768px) { .phone_finance{display:block;} .finance_ocean{background: #da2219 !important;padding: 0; } .finance_ocean02{padding-left:0;border:0;} .finance_ocean_cont{padding: 20px;} .finance_cont .social_cont li .social_boxin{padding:20px 10px; } } /*鐜颁唬娴锋磱浜т笟*/ .ocean_park01{padding: 60px 80px;color: #fff;} .ocean_park01 ul{background: rgba(0,0,0,0.1); width:430px; padding: 35px;} .ocean_park01 ul li{line-height: 1.5em;margin-bottom: 25px; background: url(../images/wite_cicle.png) no-repeat 0 0.52em; padding-left: 16px;} .ocean_park02{padding: 120px 200px;margin-bottom: 108px;color: #fff;} .ocean_01{line-height: 1.5em;width: 520px; border-bottom: 2px solid #fff; padding-bottom: 30px;margin-bottom: 70px;} .ocean_02 .digitbox{margin: 0 -10px;} .ocean_02 .digitbox dl{width: 25%;*margin-left: -1px;margin-bottom: 0;} .ocean_02 .digitbox dl:nth-child(2n+1){clear: inherit;} .ocean_02 .digitbox em{color: #fff;margin-right: 5px;} .ocean_02 .digitbox dl dt,.ocean_02 .digitbox dl dd{padding: 0 10px;} @media only screen and (max-width:1440px) { .ocean_park02{padding: 100px; margin-bottom: 60px;} } @media only screen and (max-width:1280px) { .ocean_01{padding-bottom: 10px;margin-bottom: 40px;} .ocean_park02{margin-bottom: 40px;} } @media only screen and (max-width:1024px) { .ocean_01{width: 100%; border-bottom: 1px solid #fff;} .ocean_park02{padding: 50px;} } @media only screen and (max-width:990px) { .ocean_02 .digitbox dl{width: 50%; margin-bottom: 20px;} .ocean_02 .digitbox dl:nth-child(2n+1){clear: both;} } @media only screen and (max-width:767px) { .ocean_park02{margin-bottom: 20px;} .ocean_park01{padding:40px;} .ocean_park01 ul{width: 100%;box-sizing: border-box;} } @media only screen and (max-width:540px) { .ocean_01{margin-bottom: 20px;} .ocean_park02{padding:40px 20px;} .ocean_park01{padding:10px;} .ocean_park01 ul{width: 100%;box-sizing: border-box; padding: 20px;} } /*鍩庡競杩愯惀鏈嶅姟鍏徃浠嬬粛椤甸潰*/ .service_detail .xintro1 h1{margin-bottom: 30px;} .ec_park03{overflow: hidden;} .prev_a{ position: absolute; width: 27px; height: 49px; left:125px; top:50%;margin-top: -25px; z-index: 99; cursor: pointer;background: url(../images/info-arrowL.png) no-repeat 0 center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .prev_a:hover{background: url(../images/info-arrowL-on.png) no-repeat 0 center;} .next_a{ position: absolute;width: 27px; height: 49px; right:125px; top:50%;margin-top: -25px; z-index: 99;cursor: pointer;background: url(../images/info-arrowR.png) no-repeat 0 center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .next_a:hover{background: url(../images/info-arrowR-on.png) no-repeat 0 center;} .rf_bottom_main { position:relative; min-height:412px;} .rf_bottom_main li{position:absolute; cursor:pointer;background: #fff; height: 330px;overflow: hidden;} .rf_bottom_main li img{opacity:0.25 !important;filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25; width:731px;height:412px;} .rf_bottom_main li.on img{ opacity:1 !important;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .rf_bottom_main li.on{height: 412px;} .rf_bottom_main li .ec_h3{display: none;} .rf_bottom_main li.on .ec_h3{display: block;} .ec_h3{position: absolute; left: 0; bottom: 0; width: 100%; height: 135px; background:url(../images/redbg.png) no-repeat 0 bottom;background-size:100%; } .ec_h3 h3{color: #fff; text-align: center; padding: 0 20px; font-size: 22px; margin-top:82px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .rf_bottom_main.curbox{min-height: auto;} .rf_bottom_main.curbox ul{margin: 0 -20px;} .rf_bottom_main.curbox .prev_a,.rf_bottom_main.curbox .next_a{display: none;} .rf_bottom_main.curbox li{height: auto;} .rf_bottom_main.curbox li.cur{position: relative; width: 33.33%; float: left;} .rf_bottom_main.curbox li.cur img{width: 100%; opacity:1 !important;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .rf_bottom_main.curbox li.cur .rf_txtWrap{margin: 0 20px;position: relative;} .rf_bottom_main.curbox li.cur .rf_txtWrap a{display: block;overflow: hidden;} .rf_bottom_main.curbox li .ec_h3{display: block;} .rf_bottom_main.curbox li .rf_txtWrap:hover img{transform: scale(1.1);} /*swiper*/ .rf_bottom_main.swiper-container-horizontal{height:auto;min-height:inherit;} .rf_bottom_main.swiper-container-horizontal li{position:static;height:auto;} .rf_bottom_main.swiper-container-horizontal .rf_txtWrap a{display:block; position:relative;} .rf_bottom_main.swiper-container-horizontal li img{width:100%;opacity: 1 !important;filter: alpha(opacity=1);-moz-opacity: 1;-khtml-opacity: 1;} .rf_bottom_main.swiper-container-horizontal .prev_a{left:10px;background: url(../images/info-arrowL-on.png) no-repeat 0 center;} .rf_bottom_main.swiper-container-horizontal .next_a{right:10px;background: url(../images/info-arrowR-on.png) no-repeat 0 center;} .rf_bottom_main.swiper-container-horizontal .swiper-button-disabled{display:none;} .rf_bottom_main.swiper-container-horizontal li .ec_h3{display:block;} @media only screen and (max-width:1280px) { .prev_a{left:80px;} .next_a{right:80px;} } @media only screen and (max-width:1110px) { .prev_a{left:50px;} .next_a{right:50px;} .ec_h3 h3{font-size:16px;margin-top:104px;} } /*涓撻*/ .special_title{width: 75px; height: 231px; background:url(../images/special_title.png) no-repeat center center; position: absolute; left: 30px; top:0px; z-index: 99; text-align: center; color: #fff; font-weight: bold;} .special_title em{display: block; margin-top: 105px; line-height: 1.1em;} .special_cont .wrap_index{color: #414141;} .special_cont .site_banner{margin-bottom: 70px;} .special_list01{overflow: hidden;margin-bottom: 55px; position: relative; padding-top: 10px;} .special_list{margin:0 -20px;overflow: hidden;} .resource-type-wrap { width:100%;} .resource-type-wrap .panel { width: 33.2%;margin-bottom: 40px;} .resource-type-wrap .panel .inner{padding: 0 20px; } .resource-type-wrap .panel .image img { width: 100%; height:auto; } .resource-type-wrap .panel .title{ padding:10px; line-height:1.8;} .resource-type-wrap .panel .title a{color:#000;} .resource-type-wrap .head { padding: 28px 20px 0; height: 242px } .panel h3{margin-bottom: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .panel h3 a{color: #000;} .special_text{color: #9b9b9b;padding: 30px 45px;border-bottom: 1px solid #eaeaea;} .panel_p p{line-height: 1.4em; max-height: 2.8em; overflow: hidden;} .panel_image{position: relative;} .panel_time{color: #9b9b9b; margin-bottom: 20px;} .panel_image .panel_time{position: absolute; left: 50px; bottom:0px; color: #fff;} .zhanwei{background: url(../images/special_04.jpg) no-repeat; background-size: cover;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .zhanwei .special_text{ padding:75px 45px;border-bottom:0; } .zhanwei h3 a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;} .load-more-link{cursor: pointer; width: 118px; height: 38px;line-height: 38px; background:#f7f7f7; margin: auto;display: block; border-radius:18px;padding-left: 28px;} .load-more-link img{margin-left: 8px; width: 24px; height: 26px; margin-top: 6px;} .special_list02_g .wrap_index{color: #fff;} .special_list02{text-align: center;} .special_list02 .index_04{margin-bottom: 0;} .special_list02 .video_p{color: #fff;} .special_list02 .video_more{margin-top: 25px;} .special_list02 .video_more a{margin:auto;} .special_list02 .wrap_index .line{width: 82px; height: 4px; margin: auto; margin-bottom: 35px;} .num_30{width: 46%; position: absolute; left:0; bottom:-3px;} .num_30 img{width: 100%;} .special_list03{padding-top: 60px; background: url(../images/num_30_02.png) no-repeat 0 0;} .story_title{overflow: hidden; height: 150px; position: relative;width:160px; float: left; margin-right: 70px; font-weight: bold;} .story_title em{ float: right; line-height: 1.2em;width: 36px;margin-left: 4px; } .story_title em.story_em02{margin-top: 44px;} .story_title img{margin-top: 24px;} .story_more{overflow: hidden; height: 56px; line-height: 56px;} .story_more h1{float: left; text-align: center; width: calc(100% - 70px)} .story_more a{color: #c52620; float: right;width: 70px;} .story_cont{overflow: hidden;} .story_cont .story_list{width:calc(100% - 230px); float: right; margin-top:50px; overflow: hidden;} .story_list ul{overflow: hidden; margin: 0 -45px; margin-right: 70px;margin-top: -2px;} .story_list li{width: 33.33%;*margin-left: -1px; float: left; border-top: 1px solid #e7e5e5; padding: 15px 0 90px 0;} .story_list li dl{padding: 0 45px;} .story_list li dt{line-height: 1.3em; height: 2.6em; overflow: hidden; font-weight: bold;margin-bottom: 20px;} .story_list li dd{line-height: 1.4em;height: 4.2em; overflow: hidden; color: #949494;} .special_list04{color: #fff; padding: 80px 35px 190px 35px; position: relative; margin-bottom: 70px;} .special_list04 .story_more{margin-bottom: 120px;position: relative; z-index: 99;} .special_list04 .story_more a{color: #fff;} .special_staff{position: relative;padding: 0 210px;z-index: 99;} /*.special_staff .swiper-container{padding: 0 210px;} .special_staff ul{overflow: hidden;}*/ .special_staff dl{float: left;width: 50%;*margin-left: -1px;margin-bottom: 40px;} .special_staff dl:nth-child(2n+1){clear: both;} .special_staff dt{padding-left: 30px; border-left: 1px solid #9a695c; margin: 0 35px;} .special_staff dt h3{font-weight: normal;margin-bottom: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .special_staff dt h3 a{color: #fff;} .special_staff dt h3 a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .special_staff .staff_text{line-height: 1.7em; height: 5.1em; overflow: hidden;} .special_staff .swiper-button-next.swiper-button-disabled,.special_staff .swiper-button-prev.swiper-button-disabled{opacity: 1;} .special_staff .swiper-button-next,.special_staff .swiper-button-prev{width: 37px; height: 37px;} .special_staff .swiper-button-prev{background: url(../images/honor_r_l.png) no-repeat center center; left: 160px;} .special_staff .swiper-button-next{background: url(../images/honor_r_r.png) no-repeat center center;right: 160px;} .special_staff .swiper-button-prev.swiper-button-disabled{background: url(../images/honor_r_l_wite.png) no-repeat center center;} .special_staff .swiper-button-next.swiper-button-disabled{background: url(../images/honor_r_r_wite.png) no-repeat center center;} .staff_bg{position: absolute; top:0;left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.3);z-index: 9;} .staff_num{position: absolute; left: 30.7%; bottom: 0; width: 38%;} .staff_num img{width: 100%;} .special_list05 .story_more{margin-bottom: 50px;} .guest_list{overflow: hidden;} .guest_list ul{overflow: hidden;margin: 0 -20px;} .guest_list li{float: left;*margin-left: -1px; width: 33.33%;margin-bottom: 40px;} .guest_list li dl{margin: 0 20px; background: #e9e9e9; padding: 65px;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} .guest_list li dl dt{font-weight: bold; line-height: 1.3em; height: 2.6em; overflow: hidden;margin-bottom: 20px;} .guest_list li dl dt a{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;} .guest_list li dl dd{line-height: 1.4em;height: 2.8em; overflow: hidden; color: #9c9c9c;} .guest_list li:nth-child(2n+1) dl{background:#fbfbfb;} @media only screen and (min-width:1023px) { .zhanwei:hover{background:#da2219; color: #fff;} .load-more-link:hover{color: #c52620;} .zhanwei:hover .panel_time,.zhanwei:hover .panel_p p,.zhanwei:hover h3 a{ color: #fff !important;} .zhanwei:hover h3 a:hover{opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;} .special_list04 .story_more a:hover{color: #fff !important; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;} .guest_list li dl:hover{background:#e61308 url(../images/special_bg.jpg) no-repeat center center; background-size: cover;} .guest_list li dl:hover dt a{color: #fff !important;} .guest_list li dl:hover dd{color: #fff;} } @media only screen and (max-width:1520px) { .special_list01{padding-top: 30px;} .special_title em{margin-top: 110px;} .special_staff{padding: 0 80px;} .special_staff .swiper-button-prev{left:20px;} .special_staff .swiper-button-next{right:20px;} .special_list04{padding-bottom: 150px;} } @media only screen and (max-width:1440px) { .zhanwei .special_text{padding: 45px;} .special_list01{padding-top:10px;} .special_title{width: 45px; height: 139px; background:url(../images/special_title_02.png) no-repeat center center;} .special_title em{margin-top: 62px;} .story_list ul{margin: 0 -30px; margin-right: 30px; margin-top: -2px;} .story_list li dl{padding: 0 30px;} } @media only screen and (max-width:1366px) { .special_cont .site_banner{margin-bottom:40px;} .special_list{margin:0 -10px;} .resource-type-wrap .panel .inner{padding: 0 10px; } .special_text,.zhanwei .special_text{padding: 30px;} .resource-type-wrap .panel{margin-bottom: 20px;} .panel_image .panel_time{left: 30px;} .story_cont .story_list{margin-top: 30px;} .guest_list li dl{padding: 40px;} } @media only screen and (max-width:1280px) { .special_list03{padding-top: 30px;} .story_title em{width: 24px;} .story_title em.story_em02{margin-top: 32px;} .story_list li{padding: 15px 0 40px 0;} .story_cont .story_list{margin-top: 0;} .story_title{width: 80px;margin-right: 20px;} .story_cont .story_list{width: calc(100% - 120px);} .story_list ul{margin: 0 -10px; margin-right:10px; margin-top: -2px;} .story_list li dl{padding: 0 10px;} .story_list li dt{margin-bottom: 10px;} .special_list04 .story_more{margin-bottom: 60px;} .special_list04{margin-bottom: 40px;} .special_list05 .story_more{margin-bottom: 20px;} .guest_list ul{margin: 0 -10px;} .guest_list li{margin-bottom: 20px;} .guest_list li dl{margin: 0 10px;} .guest_list li dl{padding: 30px;} } @media only screen and (max-width:1023px) { .story_more{height: 36px; line-height: 36px;} .special_cont .site_banner{margin-bottom: 20px;} .resource-type-wrap .panel{width: 49.8%;} .panel_time{margin-bottom: 10px;} .special_text,.zhanwei .special_text{padding: 20px;box-sizing: border-box;} .zhanwei{position: relative;} .zhanwei .special_text{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%); position:absolute; left:0; top:50%; width: 100%;} .panel_image .panel_time{left: 20px;} .story_list li{width: 50%;} .special_list04{padding: 80px 20px;} .special_list04 .story_more{margin-bottom: 20px;} .special_staff dl{width: 100%;overflow: hidden;} .special_staff dt{height: auto !important; margin: 0;} .special_staff dt{padding: 0; border: 0} .guest_list li{width: 50%;} .guest_list li:nth-child(2n+1) dl{ background: #e9e9e9; } } @media only screen and (max-width:767px) { .story_list li{width: 100%; padding: 20px 0;} .story_list ul{margin: 0 0px;} .story_list li dl{padding: 0 0px;} .story_list li dd{height: auto; max-height: 4.2em;} .story_title{float:none; width: 100%;} .story_cont .story_list{width: 100%; float: none;} .story_title em{width:auto; float: left;margin-top: 0;} .story_title img{margin-top: 0; position: absolute; left: 50px; top:0;} .story_title em.story_em02{margin-top: 0;} .story_title{height: auto; margin-bottom: 20px;} .special_list03{position: relative;} .special_list03 .story_more{position: absolute; right: 0; top:28px;z-index:99;} .special_list04{padding: 40px 20px;} .special_staff{padding:0 50px;} .special_staff .swiper-button-prev{left:0;} .special_staff .swiper-button-next{right:0;} .guest_list ul{margin: 0 0px;} .guest_list li{width: 100%;} .guest_list li dl{margin: 0 0px;} } @media only screen and (max-width:640px) { .special_list{margin:0 0px;} .resource-type-wrap .panel .inner{padding: 0 0px; } .resource-type-wrap .panel{width:100%;} .resource-type-wrap .panel{position: static !important;} } @media only screen and (max-width:540px) { .special_list02 .video_more{margin-top: 10px;} } /*30骞磗lider*/ .special_slider{overflow: hidden;padding-top: 130px;} /* 杞挱 */ .in_service{} .in_service ul{ position:relative; left:0;} .in_service li{ width:6%; float:left; height:100%; position:relative; overflow:hidden;} .in_service li > a{ width:100%; height:100%;display: block;} .in_service li img{ height:100%; width:auto;} .in_service li.on{ width:64%;} .in_service li.on a{ display:block; width:100%; height:100%; position: relative;z-index: 2;} .in_service li.on a img{ width:100%; height:100%;} .in_service_main{ position:relative; overflow:hidden;} .in_service_main .in_service_l{ width:36px; display:block; height:36px; position:absolute; left:25%; top:50%; margin-top: -18px; background:url(../images/honor_r_l_gray.png) center center; z-index:200;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main .in_service_r{ width:36px; display:block; height:36px; position:absolute; right:25%; top:50%; margin-top: -18px; background:url(../images/honor_r_r_gray.png) center center; z-index:200;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main_wrap,.in_service ul { width:100%; height:100%;} .in_service_main_wrap .pub_shadow{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.95);transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .in_service_main_wrap li.one2 .pub_shadow{background: rgba(255,255,255,0.8);} .in_service_main_wrap li.on .pub_shadow{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .in_service ul{ width:8000%;} .serText{ position:absolute; bottom:0; text-align:left; padding:20px 40px; box-sizing:border-box; background:rgba(0,0,0,0.5); opacity:0; width:100%;} .serText a { color:#fff;} .serText h6{ font-size:30px; color:#fff; font-weight:normal; margin-bottom:10px;} .serText p{ font-size:14px; color:#fff; font-weight:normal; line-height:1.7em; height:3.4em; overflow:hidden;} .in_service li.on .serText{ opacity:1;} .in_service_text{position: absolute; left: 0; top:0; height: 100%; width:40%; background: rgba(255,255,255,0.95); z-index: 99; display: none;} .in_box{padding: 70px 30px;} .in_box h3{margin-bottom: 10px;} .in_box h4{margin-bottom: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .in_box h3,.in_box h4,.in_box h4 a{color:#000;} .in_service_p{color: #a9a9a7; font-size:14px; line-height: 24px;height: 48px; overflow: hidden;} .in_service_main_wrap li.on .in_service_text{display: block;} @media only screen and (min-width: 1023px) { .in_service_main .in_service_l:hover{ background:url(../images/honor_r_l.png) center center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main .in_service_r:hover{ background:url(../images/honor_r_r.png) center center ;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} } @media only screen and (max-width:1520px) { .special_slider{overflow: hidden;padding-top: 60px;} } @media only screen and (max-width: 1366px) { .in_service_main .in_service_l{left: 20%;} .in_service_main .in_service_r{right: 20%;} .in_box{padding: 50px 20px;} } @media only screen and (max-width: 1024px) { .special_slider{padding-top: 20px;} .special_list01{margin-bottom: 20px;} .in_service_main_wrap .pub_shadow{display: none;} .in_service_main .in_service_l{left: 20px;} .in_service_main .in_service_r{right: 20px;} .in_service_main{ height:auto !important;} .in_service li img,.in_service li.on a img,.in_service li.on a,.in_service li a{ width:100%; height:100%;} .in_service_main .in_service_l{ background:url(../images/honor_r_l.png) no-repeat center center;} .in_service_main .in_service_r{ background:url(../images/honor_r_r.png) no-repeat center center;} .in_service_text{display: block; height: auto; background: rgba(0,0,0,0.5); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .in_box h3,.in_box h3 a,.in_box h4, .in_box h4 a,.in_service_p{color: #fff;} .in_box{padding: 20px; } } @media only screen and (max-width:640px) { .in_box h3{font-weight: bold;} .in_box h3,.in_box h4{margin-bottom: 5px;} .in_box h4{font-size: 16px;} .in_service_text{width: 60%;} } /*鍏充簬鎴戜滑*/ .index_about .intr_lebox_p .intr_le_p,.index_about .intr_lebox_p .intr_re_p{height:auto;} .index_about .index_01,.index_about .index_02{margin-bottom: 90px;} /*.index_about .index_04{margin-bottom: 0;}*/ .special_list02_g .index_04{margin-bottom: 0;} .index_about .footer{margin-top:-5px;} .index_about .index_02{margin-left: 50px; } .index_about .index_02 .right{width: 100%;} .index_about .digitbox{margin: 0 -33px; overflow: hidden;} .index_about .digitbox dl{width: 25%; margin-bottom: 0;} .index_about .digitbox dl dd,.index_about .digitbox dl dt{padding: 0 33px;} .digitbox dl:nth-child(2n+1){clear: inherit;} .about_park01{margin-bottom: 100px;} .about_intr01{margin-bottom: 45px;} .about_park01 dl{overflow: hidden;} .about_park01 dt{float: left; width: 51%;} .about_park01 dd{float: right; width: 46%; height: 100%;} .about_park01 .about_text{height: 100%; overflow: hidden;} .about_intr02 dt{float: right;width: 46%;} .about_intr02 dd{float: left; width: 52%; } .about_intr02 .about_text{height:92%; margin-top: 6%;} @media only screen and (max-width:1280px) { .index_about .index_02{margin-left: 0;} .index_about .digitbox{margin: 0;} .index_about .digitbox dl dd,.index_about .digitbox dl dt{padding: 0 20px;} } @media only screen and (max-width:990px) { .index_about .intr_lebox_p .intr_le_p,.index_about .intr_lebox_p .intr_re_p{height:inherit;} .index_about .index_01,.index_about .index_02,.about_park01{margin-bottom: 40px;} .about_intr01{margin-bottom: 20px} .about_park01 dl{height: auto !important;} .about_park01 dt,.about_park01 dd{width: 100%;} .about_intr02 .about_text{height: auto; margin-top: 0;} .about_park01 dd{margin-top: 20px;} .index_about .digitbox dl dd, .index_about .digitbox dl dt{padding: 0} } /*.index_about .game_con_bs em{ background: #c52620;}*/ @media only screen and (max-width:768px) { .index_about .index_01, .index_about .index_02,.about_park01{margin-bottom: 20px;} .index_about .digitbox dl{width: 50%;margin-bottom: 20px;} .index_about .digitbox dl:nth-child(2n+1) {clear: both;} } /*缃戠珯鍦板浘*/ .pub_h3{text-align: center;} .mapsite dl{overflow: hidden;margin-bottom: 43px;} .mapsite dl dt{width: 175px;text-align: center;margin-right: -175px;background: #da251c;line-height: 44px;display: inline-block;color:#fff;float: left; position: relative;z-index: 999;} .mapsite dl dt a{display: block;color:#fff;} .mapsite dl dt a:hover{color: #fff !important;} .mapsite dl dd{ width: 100%; float: left;} .mapsite dl dd a{color:#333;} .mapsite dl dd ul{overflow: hidden; margin-left: 200px;} .mapsite dl dd ul li{margin-right: 50px; float: left; line-height: 44px;} .mapsite dl dd ul li b{font-weight: normal; margin-right: 10px;} @media only screen and (min-width: 1024px) { .mapsite dl dd a:hover{color:#da251c;} } @media only screen and (max-width: 1023px) { .mapsite dl dd ul li{margin-right: 20px;} } @media only screen and (max-width:767px) { .pad_100{padding-bottom: 20px;} .mapsite dl dt{width:100%; margin-right: 0; float: none; height: 36px; line-height: 36px;} .mapsite dl dd ul{margin-left: 0;} .mapsite dl{margin-bottom: 20px;} } /*鏂伴椈鍐呭椤?/ .deti_title{text-align: center; margin-bottom: 50px;border-bottom: 1px solid #e0e0e0; padding-bottom: 20px;} .deti_title h1{margin-bottom: 20px; color: #242424;} .deti_title .deti_c span{margin: 0 12px;} .deti_title .deti_c span img{vertical-align: middle; margin-right: 8px; margin-top: -2px;} .edit_s{overflow: hidden; margin-top: 30px;} .edit_s .share{float: left; line-height: 45px; background: #f5f5f5; padding: 0 20px; margin-top: 5px;} .edit_s .share em{float: left;} .edit_s .share .share_b a{margin-right:3px;} .edit_s .share .share_b,.edit_s .jiathis_style_24x24{ float: left; margin-top: 10px; height: 35px;} .edit_s .jiathis_style_24x24 {margin-left:4px;} .edit_s .jiathis_style_24x24 .jtico{padding-left: 30px !important;} .edit_close{float: right;} .edit_close a{display: block; background: #da251c; width: 50px; height: 50px; text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; } .edit_close a img{margin-top: 15px} .detial_page_cont{padding-top: 20px; margin-top: 60px; border-top: 1px solid #e0e0e0;} .detial_page span{display: block; height: 30px; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .detial_page span a{color: #666f79} .detial_page_cont{overflow: hidden;} .detial_page_cont .detial_page{float: left; width: 70%;} @media only screen and (max-width:1023px) { .detial_page_cont .detial_page{width: 100%;} .edit_close{display: none;} } @media only screen and (max-width:768px) { .deti_c{font-size: 12px;} .deti_title h1{margin-bottom: 10px; font-size: 16px;} .edit_close{display: none;} .edit_s .share{padding:0 10px;} .solu_hot .inpart_text{margin-bottom: 20px;} .edit_s .jiathis_style_24x24{display:none;} .detial_page_cont{margin-top: 20px;} .deti_title{padding-bottom: 15px; margin-bottom: 15px;} .edit_s{margin-top: 20px;} } /* 鎷涜仒璇︽儏 */ .recruit-detail{background: #f2f2f2} .recruitDetail-part .container{padding-left: 20px;} .recruitDetail-part h1{margin-bottom: 20px;font-weight: bold;} .recruitDetail-part ul {margin-bottom: 50px;} .recruitDetail-part ul li{float: left;width: 33.33%;line-height: 30px;} .recruitDetail-part ul li:nth-child(3n+1){clear: both;} .recruitDetail-part ul li span:first-child{font-weight: bold;} .recruitDetail-part dl{margin-bottom: 30px;} .recruitDetail-part dt{font-weight: bold;position: relative;margin-bottom: 20px;} .recruitDetail-part dt::before{content:'';position: absolute;width: 3px;height: 100%;background: #cc0000;left: -20px;top:0;} .recruitDetail-part dd li{line-height: 26px;} .recruitDetail-part .deliver{padding: 0px 20px;line-height: 40px;background: #cc0000;display: inline-block;color: #fff;border-radius: 5px;margin-right: 10px;} .recruitDetail-part .deliver:hover{color: #fff!important;text-decoration: underline;} .tel_link:hover{color: #414141 !important; cursor: default;} @media only screen and (max-width:1024px) { .tel_link{cursor:pointer;} } @media only screen and (max-width:768px) { .recruitDetail-part ul li{width: 50%;} .recruitDetail-part ul li:nth-child(3n+1){clear: inherit;} .recruitDetail-part ul li:nth-child(2n+1){clear: both;} .recruitDetail-part .container{ padding-left: 10px;} .recruitDetail-part dt::before{ left: -10px;} .recruitDetail-part ul{margin-bottom: 30px;} .recruitDetail-part .deliver{display: block;width: 104px;margin-bottom: 20px;} } @media only screen and (max-width:540px) { .recruitDetail-part ul li{width: 100%;} } /*鍛樺伐鎰熻█*/ .staff_list dl{width: 33.33%; float: left;*margin-left: -1px;} .staff_list dl dt{padding: 30px;background: #e9e9e9;} .staff_list dl dt h3{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .staff_list dl .staff_text{line-height: 1.7em; height: 3.4em; overflow: hidden;} .staff_list dl:nth-child(2n+1) dt{background:#fbfbfb;} .staff_list .staff_hidecon{overflow: hidden; margin-bottom: 50px;} @media only screen and (max-width:1023px) { .staff_list dl{width: 50%; margin-bottom: 20px;} .staff_list dl:nth-child(2n+1) dt{background: #e9e9e9;} .staff_list .staff_hidecon{margin: 0 -10px;} .staff_list dl dt{margin: 0 10px;} } @media only screen and (max-width:767px) { .staff_list dl{width: 100%; } .staff_list dl:nth-child(2n+1) dt{background: #e9e9e9;} .staff_list .staff_hidecon{margin: 0;} .staff_list dl dt{margin: 0;} } /*鎼滅储*/ .search_title {color: #e0e0e0; border-left: 3px solid #f7234c; padding-left: 20px;} .search_title span{border-bottom: 1px solid #e0e0e0;display: block; width: 100%; padding-bottom: 10px;} .searh_g{color: #303030;margin: 40px 0; margin-bottom: 30px;} .searh_g span{background: #da251c;color: #fff;} .search_con li em{color: #da251c} .search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;} .search_con li h2{margin-bottom: 15px; line-height: 1.5;max-height: 3em; overflow: hidden;} .search_con li a{color: #303030;} .search_con li p{line-height:1.8; max-height:3.6em; overflow:hidden;color: #333} .search_con li.ones{border-bottom: 0} .sech_sou{overflow: hidden;} .sech_sou .left{float: left; height: 50px; width: 3px; background: #000000; margin-right: 20px;} .sech_sou span img{width: 15px; height: 15px;} .sech_sou button img{width: 15px; height: 15px;} .sech_sou .right{float: left;overflow: hidden; border-bottom: 1px solid #e0e0e0; width:690px; padding-bottom: 5px;} .sech_sou .right input,.sech_sou .right button,.sech_sou .right span{height: 50px; line-height: 50px; border: none; outline: none; float: left;} .sech_sou .right button{width: 75px; height: 40px; background: #da251c;text-align: center; float: right;} .sech_sou .right span img{ margin-top: 22px;} .sech_sou .right button{margin-top: 8px;} .sech_sou .right button img{ margin-top: 12px;} .sech_sou .right span{float: right; padding: 0 20px; cursor: pointer;} .sech_sou .right input{font-size: 36px; font-weight: normal; width: 590px; padding:0 10px;} .sech_sou .right .placeholder{ color: #e0e0e0;} .seachcont .pageout{border-top:0;} @media only screen and (max-width:780px) { .search_con{padding-bottom: 40px;} .sech_sou .right{width:calc(100% - 25px)} .sech_sou .right input{width:calc(100% - 100px)} .sech_sou .left{height: 40px;} .sech_sou .right input, .sech_sou .right button, .sech_sou .right span{height: 40px; line-height: 40px;} .sech_sou .right button{margin-top: 0} .sech_sou .right span img{margin-top: 14px;} .sech_sou .right input{font-size: 20px;} .searh_g{margin:20px 0;} .search_con li{padding:20px 0;} } /*鑱旂郴鎴戜滑*/ /*鑱旂郴鎴戜滑*/ .mapcon{position: relative;} .mapcon #map{width: 100%; height: 750px;} .maptext{position: absolute; top:30px;left: 40px; background: #c72a2f; width: 342px;height: 500px; color: #fff;} .maptext h1{margin-bottom: 20px;} .maptext h1 em{display: block;width: 66px; height: 4px; background: #fff; margin-top: 10px;} .maptext .mapin{padding: 50px 40px;} .maptext .maplis a{color: #fff;} .maptext .maplis a.tel_link:hover,.maptext .maplis a.tel_link{color:#fff !important; cursor: default;} .maptext .maplis li{line-height: 2em;overflow: hidden; margin-bottom: 5px;} .maptext .maplis li em{max-width: 130px; float: left;} .maptext .maplis li p{float: left; width: 130px;} .maptext .maplis li:first-child p{width: 200px;} .maptext .maplis li:first-child em{max-width: 50px;} .mapbg{width: 342px; height: 98px; position: absolute;bottom: -98px;left: 0} /*.BMap_Marker>div{width: 26px !important; height: 36px !important; background: url(../images/map_noprint.png) !important;} .BMap_Marker>div>img{display: none !important;}*/ @media only screen and (min-width:1024px) { } @media only screen and (max-width:1300px) { .mapcon #map{height: 600px;} .maptext{height: 400px;} } @media only screen and (max-width:990px) { .maptext .mapin{padding: 30px;} } @media only screen and (max-width:768px) { .mapcon #map{height: 300px;} .mapbg{display: none;} .maptext{position: static;width: 100%; height: auto;} .maptext .mapin{padding: 20px;} .maptext h1 em{height:1px;} .maptext h1{margin-bottom: 10px;} .maptext .maplis{font-size: 14px;} .maptext .maplis li em{width: auto;} .maptext .maplis li p{width: auto;} .maptext .maplis li:first-child em{width: 50px;} .maptext .maplis li:first-child p{width: calc(100% - 50px);} } @media only screen and (max-width:540px) { .mapcon #map{height:200px;} } .link_list{overflow: hidden;} .link_list ul{overflow: hidden; margin: 0 -20px;} .link_list li{float: left; width: 16.666%;*margin-left: -1px; margin-bottom: 40px;} .link_list li dl{margin: 0 20px;} .link_list dt{margin-bottom:10px;} .link_list dd{text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1024px) { .link_list li{width: 25%;} } @media only screen and (max-width:767px) { .link_list li{width: 33.33%;} .link_list ul{margin: 0 -10px;} .link_list li dl{margin: 0 10px;} } @media only screen and (max-width:540px) { .link_list li{width: 50%;} } .public_email{clear: both;margin-top: 20px;} .public_email a{width: 130px;height: 40px; line-height: 40px;background: #da2219;display: block; color: #fff;text-align: center;} .public_email a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} /*20190111 add*/ .human_hr li{ float: left; width: 50%; position: relative;} .human_hr li>img{ width: 100%;} .human_hr li .txt{position: absolute; left:0; top:40%; width: 90%; padding:0 5%; text-align: center; color: #fff;} .human_hr li span{ display: block;} .human_hr li h3{ margin:20px 0; } .human_hr li p{ line-height: 1.8; } @media only screen and (max-width:1279px) { .human_hr li .txt{top:20%;} .human_hr li p br{ display: none;} } @media only screen and (max-width:1023px) { .human_hr li span{ width: 50px; height:50px; margin:0 auto; } .human_hr li span img{ width: 100%; } } @media only screen and (max-width:767px) { .human_hr li{ width: 100%;} } @media only screen and (max-width:340px) { .human_hr li h3{ margin:10px 0; } .human_hr li p{font-size: 12px;} }