锘?blank_20 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .gray { color: #666666; } .ability_text p { line-height: 1.8; } .padd_t2 { padding-top: 2%; } .padding_b5 { padding-bottom: 5%; } .margin_b5 { margin-bottom: 5%; } .line34 { line-height: 34px; } .line_120 { width: 120px; height: 4px; background: #c60937; margin: auto; margin-top: 2.5%; } .pro-tit02 { margin-bottom: 20px; } .padd_t60 { padding-top: 60px; } /*瀹夊叏鏈嶅姟*/ .title1{ background: url(../images/back1_02.jpg); background-repeat: no-repeat; background-size:100% 100%; padding-top: 86px; padding-bottom: 116px; } .title1 > img{ width: 100%; } .title2{ padding-bottom: 68px; padding-top: 65px; } .title2 > .wrap > div > .box-left{ box-sizing: border-box; padding-left: 20px; float: left; width: 50%; } .title2 > .wrap > div > .box-right{ float: right; width: 50%; text-align: right; } .title2 > .wrap > div > .box-right img{ max-width: 100%; } .title3{ padding-top: 105px; padding-bottom: 114px; background: url(../images/back2_06.jpg); background-repeat: no-repeat; background-size:100% 100%; } .title3 > .wrap{ box-sizing: border-box; background: #fff; padding-top: 80px; padding-bottom: 140px; padding-left: 80px; padding-right: 80px; } .title4{ padding-bottom: 20px; padding-top: 77px; } .title4 > .wrap > .top-wrap{ box-sizing: border-box; background: #f3f5f5; padding-top: 31px; padding-bottom: 35px; } .title4 > .wrap > .top-wrap > .tl{ max-width: 100%; width: 45.83%; float: left; } .title4 > .wrap > .top-wrap > .tr{ padding-top: 160px; width: calc(100% - 45.83%); float: right; } .title4 > .wrap > .bo-wrap > .tr{ padding: 0; } .title4 > .wrap > .bo-wrap > .tr > img{ width: 100%; } .title4 > .wrap > .bo-wrap >.tl{ box-sizing: border-box; padding-top: 170px; padding-left: 80px; } .title4 > .wrap > .bo-wrap{ background: #fff; } .title5{ padding-top: 97px; padding-bottom: 107px; background: url(../images/back4.jpg); background-size:100% 100%; background-repeat: no-repeat; } .title5 > .wrap > h2{ text-align: center; } .title5 > .wrap{ padding-top: 65px; padding-bottom: 60px; background: #fff; } .title5 > .wrap > img{ max-width: 100%; } /*涓€浣撳寲*/ .beijing1{ background: #fff; padding-top: 90px; padding-bottom: 77px; } .beijing1 > .wrap p{ margin-top: 20px; line-height: 1.8; } .beijing2{ background: url(../images/back8.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 86px; padding-bottom: 110px; } .beijing2 > .wrap{ box-sizing: border-box; padding-left: 70px; padding-bottom: 70px; padding-top: 60px; background: #fff; } .wrap > h2{ font-weight: bold; } .beijing2 > .wrap > .l{ width: 54.16%; float: left; } .beijing2 > .wrap > .l > img{ width: 100%; } .beijing2 > .wrap > .r{ padding-top: 90px; box-sizing: border-box; padding-right: 144px; padding-left: 66px; width: calc(100% - 54.16%); float: right; } .beijing2 > .wrap > .r > h2{ margin-bottom: 30px; } .beijing2 > .wrap > .r > p{ line-height: 1.8; } .baijing3{ background: #fff; padding-top: 77px; padding-bottom: 80px; } .siixang{ margin-bottom: 20px; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; } .siixang > li{ width: 50%; float: left; } .siixang > li > h3{ margin-bottom: 15px; font-weight: bold; } .siixang > li > p{ line-height: 1.8; } .siixang > .left50{ box-sizing: border-box; padding-right: 8.3%; } .siixang > .right50{ padding-right: 4.8%; box-sizing: border-box; padding-left: 34px; } .shouyi{ border:none; } .beijing3{ padding-top: 97px; padding-bottom: 120px; background: url(../images/back9.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .beijing3 > .wrap{ padding-bottom: 50px; box-sizing: border-box; background: #fff; padding-top: 50px; } .beijing3 > .wrap >h2{ text-align: center; } .beijing3 > .wrap >img{ margin-top: 60px; display: block; width: 84.86%; margin: 0 auto; } /*澶╁湴浜烘満*/ .beijingd2{ background: url(../images/back12.jpg); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 85px; padding-bottom: 110px; } .beijingd2 > .wrap{ background: #fff; padding-top: 58px; padding-bottom: 58px; } .beijingd2 > .wrap > ul li{ float: left; } .beijingd2 > .wrap > ul .tian-l{ padding-left: 90px; padding-right: 90px; box-sizing: border-box; padding-top: 70px; width: 44.44%; } .beijingd2 > .wrap > ul .tian-l > h2{ margin-bottom: 30px; } .beijingd2 > .wrap > ul .tian-l > p{ line-height: 1.8; } .beijingd2 > .wrap > ul .tian-r{ width: calc(100% - 44.44%); } .beijingd2 > .wrap > ul .tian-r img{ width: 93.35%; } .beijingd3{ padding-top: 109px; padding-bottom: 87px; background: #fff; } .beijingd3 > .wrap > ul li{ float: left; } .beijingd3 > .wrap > ul .renji-le{ width: 49.86%; } .beijingd3 > .wrap > ul .renji-ri{ box-sizing: border-box; padding-left: 60px; padding-top: 15px; width: calc(100% - 49.86%); } .beijingd3 > .wrap > ul .renji-ri p{ margin-top: 20px; line-height: 1.8; } .beijingd3 > .wrap > ul .renji-le img{ width: 100%; } .beijingd4{ background: #eef1f1; padding-top: 97px; padding-bottom: 125px; } .beijingd4 .wrap{ box-sizing: border-box; padding-top: 70px; padding-bottom: 85px; padding-left: 89px; padding-right: 86px; background: #fff; } .wrap > ul > li > h2{ font-weight: bold; } .beijingd4 .wrap > p{ margin-top: 20px; line-height: 1.8; } .beijingd4 .wrap > div{ width: 94.70%; margin: 0 auto; margin-top: 50px; } .beijingd4 .wrap > div > img{ width: 100%; } .Breadcrumb{ padding-top: 20px; padding-bottom: 20px; background: #fff; } .Breadcrumb > .wrap > ul > li{ float: left; } .leishen1{ padding-top: 92px; padding-bottom: 30px; background: url(../images/back14.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .leishen1 .wrap > ul { padding-left: 26.13%; } .leishen1 .wrap > ul >li{ padding-left: 5.55%; padding-right: 5.55%; float: left; } .leishen1 .wrap > ul >li > h2{ text-align: center; } .leishen1 .wrap > ul >li:nth-child(1){ border-right: 1px solid #c2c2c2; } .leishen1 .wrap > ul >li:nth-child(2){ border-right: 1px solid #c2c2c2; } .leishen1 .wrap > ul >li>h2{ margin-bottom: 20px; line-height: 1; color: #c60937; } .leishen1 .wrap > p{ margin-top: 70px; text-align: center; } .leishen1 .wrap > ul >li>p{ text-align: center; } .ewm-wrap > ul { box-sizing: border-box; width: 100%; margin-top: 45px; padding-left: 27.43%; } .ewm-wrap > ul li{ float: left; } .ewm-wrap > ul li > img{ width: 100%; } .ewm-wrap > ul li:nth-child(1){ width: 10.48%; margin-right: 47px; } .ewm-wrap > ul li:nth-child(2){ width: 10.48%; margin-right: 55px; } .ewm-wrap > ul li:nth-child(1) p{ margin-top: 5px; } .ewm-wrap > ul li:nth-child(2)p{ margin-top: 5px; } .ewm-wrap > ul li:nth-child(3) p{ line-height: 1.8; text-align: left; }.ewm-wrap > ul li:nth-child(3) p:nth-child(1){ margin-top: 15px; } .ewm-wrap > ul li > p{ text-align: center; } .leishen2{ padding-top: 45px; padding-bottom: 115px; } .leishen2 > .wrap > h2{ text-align: center; } .leishen2 > .wrap > p{ margin-top: 20px; line-height: 1.8; text-align: center; } .leishen2 > .wrap ul{ margin-top: 60px; margin-bottom: 44px; width: 100%; } .leishen2 > .wrap ul li{ min-height: 423px; box-sizing: border-box; background: pink; float: left; padding-top:4.53%; padding-left: 4.16%; padding-right: 6.38%; width: 50%; } .leishen2 > .wrap ul li:nth-child(1){ font-weight: 500; color: #fff; background: url(../images/img16.jpg) center center; background-repeat: no-repeat; background-size:auto 100% ; } .leishen2 > .wrap ul li:nth-child(2){ font-weight: 500; color: #000; background: url(../images/img17.jpg) center center; background-repeat: no-repeat; background-size:auto 100% ; } .leishen2 > .wrap ul li:nth-child(3){ font-weight: 500; color: #fff; background: url(../images/img18.jpg) center center; background-repeat: no-repeat; background-size:auto 100% ; } .leishen2 > .wrap ul li:nth-child(4){ font-weight: 500; color: #fff; background: url(../images/img19.jpg); background-repeat: no-repeat; background-size:auto 100% ; } .leishen2 > .wrap ul li > h3{ margin-bottom: 20px; } .leishen2 > .wrap ul li > p{ line-height: 1.8; } .biao{ margin-top: 40px; margin-bottom: 60px; width: 100%; } .hzhb{ margin-top: 25px; width: 100%; } .jrwm{ width: 100%; } @media only screen and (max-width:1440px) { .padd_t60 { padding-top: 40px; } } @media only screen and (max-width:1024px) { .line34 { line-height: 24px; } .pro-tit02 { margin-bottom: 10px; } .line_120 { width: 80px; } } @media only screen and (max-width:767px) { .padd_t60 { padding-top: 0px; } } .range_p { text-align: center; } .range_02 { position: relative; } .range_02>img { width: 100%; } .range_security { position: absolute; top: 27.4%; left: 0; width: 100%; color: #fff; z-index: 2; } .security_text { width: 48%; float: right; } .security_text .pro-tit { text-align: left; } .security_text p { height: 120px; overflow: hidden; } .range_cont .pro-module02 { position: relative; } .range_cont .pro-module02 .txt { color: #fff; } .range_cont .pro-module02 .wrap { position: relative; z-index: 2; } @media only screen and (max-width:1366px) { .range_security { top: 19%; } } @media only screen and (max-width:1024px) { .range_security { top: 10%; } } @media only screen and (max-width:767px) { .leishen2 { padding-top: 25px; padding-bottom: 60px; } .leishen2 > .wrap ul { margin-top: 20px; margin-bottom: 20px; width: 100%; } .leishen2 > .wrap > p { margin-top: 10px; } .hzhb { margin-top: 10px; width: 100%; } .biao { margin-top: 10px; margin-bottom: 9px; width: 100%; } .leishen2 > .wrap ul li:nth-child(1) { background-size: 100% 100%; } .leishen2 > .wrap ul li:nth-child(2) { font-weight: 500; } .leishen2 > .wrap ul li:nth-child(3) { background-size: 100% 100%; } .leishen2 > .wrap ul li:nth-child(4) { background-size: 100% 100%; } .leishen2 > .wrap ul li { min-height: auto; padding-top: 4.53%; padding-left: 4.16%; padding-right: 6.38%; padding-bottom: 4.53%; } .range_security { position: static; padding-top: 20px; } .range_02 .blank_20 { display: none; } .security_text { width: 100%; float: none; color: #434343; } } /*01*/ .range_flow { margin-bottom: 90px; } .range_flow ul { overflow: hidden; margin: 0 -30px; padding-top: 50px; } .range_flow li { float: left; width: 14.285%; } .range_flow dl { padding: 0 30px; } .range_flow dt { margin-bottom: 50px; padding-left: 20px; } .range_flow dt img { width: 65px; } .range_flow h3 { position: relative; margin-bottom: 35px; } .range_flow h3 em { position: absolute; top: -6px; right: -44px; width: 28px; } .range_flow h3 em img { width: 100%; vertical-align: middle; } .range_flow li:last-child em { display: none; } @media only screen and (max-width:1440px) { .range_flow { margin-bottom: 60px; } .range_flow ul { padding-top: 30px; margin: 0 -20px; } .range_flow dl { padding: 0 20px; } .range_flow h3 em { right: -28px; } .range_flow dt { margin-bottom: 30px; } .range_flow h3 { margin-bottom: 20px; } } @media only screen and (max-width:1024px) { .range_flow { margin-bottom: 50px; } .range_flow li { width: 25%; margin-bottom: 40px; } .range_flow dt { margin-bottom: 10px; } .range_flow h3 { margin-bottom: 10px; } .range_flow li:nth-child(4n) em { display: none; } .range_flow dt { padding-left: 0; } .range_flow ul { padding-top: 10px; } } @media only screen and (max-width:767px) { .range_flow { margin-bottom: 20px; } .range_flow li { width: 100%; margin-bottom: 20px; float: none; } .range_flow li em { display: none; } .range_flow dt { text-align: center; } .range_flow dd { text-align: center; } .range_flow ul, .range_flow dl { margin: 0; } .range_flow dt img { width: 40px; } .range_flow li { margin: 0; padding: 10px 0; border-bottom: 1px dashed #ccc; } .range_flow li:last-child { border: 0; } .range_flow ul { padding: 0; } } .range_service ul { margin: 0 -10px; } .range_service li { float: left; width: 50%; margin-bottom: 20px; } .range_service li.w100 { float: none; width: 100%; clear: both; } .range_zc { background: #f3f5f5; padding: 60px; padding-bottom: 50px; margin: 0 10px; height: 176px; overflow: hidden; } .range_zc h3 { margin-bottom: 20px; } .range_service li.w100 .range_zc { height: auto; } @media only screen and (max-width:1440px) { .range_zc { padding: 50px; } .ewm-wrap > ul li:nth-child(3) p:nth-child(1){ margin-top: 0; } .leishen1 .wrap > p { margin-top: 30px; text-align: center; } .leishen1 { padding-top: 60px; padding-bottom: 30px; } .ewm-wrap > ul { margin-top: 20px; } } @media only screen and (max-width:1024px) { .leishen1 .wrap > ul { padding-left: 20.13%; } .range_zc { padding: 20px; } .range_zc h3 { margin-bottom: 10px; } } @media only screen and (max-width:767px) { .leishen1 { padding-top: 20px; padding-bottom: 10px; } .leishen2 > .wrap ul li { width: 100%; } .ewm-wrap > ul li { width: 50% !important; margin-right: 0 !important; } .ewm-wrap > ul { box-sizing: border-box; width: 100%; margin-top: 30px; padding-left: 0%; } .ewm-wrap > ul li:nth-child(3){ width: 100% !important; } .range_service li { float: none; width: 100% } .range_zc, .range_service ul { margin: 0; } .range_zc { height: auto; } } /*02*/ .range_04 { background: url(../images/range_bg.jpg) no-repeat center center; background-size: cover; padding: 90px 0 100px 0; } .range_case ul { overflow: hidden; } .range_case li { width: 20%; float: left; margin-bottom: 16px; } .range_case dl { margin: 0 8px; background: #fff; padding: 40px 30px; border-bottom: 4px solid #fff; } .range_case h3 { height: 120px; -webkit-line-clamp: 4; margin-bottom: 30px; } .range_04 .pro-tit02 { margin-bottom: 60px; } @media only screen and (max-width:1550px){ .beijing1 { background: #fff; padding-top: 45px; padding-bottom:30px; } .beijingd2 > .wrap { background: #fff; padding-top: 38px; padding-bottom: 28px; } .beijingd2 { padding-top: 55px; } } @media only screen and (max-width:1440px) { .title1 { padding-top: 60px; padding-bottom: 90px; } .beijing1 { background: #fff; padding-top: 20px; padding-bottom: 30px; } .beijing2 { background: url(../images/back8.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 80px; } .beijingd2 { padding-top: 60px; padding-bottom: 30px; } .beijing2 > .wrap { padding-left: 70px; padding-bottom: 30px; padding-top: 20px; background: #fff; } .baijing3 { background: #fff; padding-top: 50px; padding-bottom: 50px; } .beijing3 { padding-top: 60px; padding-bottom: 70px; background: url(../images/back9.jpg); background-size: 100% 100%; background-repeat: no-repeat; } .beijingd2 > .wrap { background: #fff; padding-top: 15px; padding-bottom: 28px; } .beijingd3 { padding-top: 50px; padding-bottom: 30px; } .beijingd4 { background: #eef1f1; padding-top: 15px; padding-bottom: 50px; } .range_04 { padding: 70px 0; } .range_04 .pro-tit02 { margin-bottom: 40px; } } @media only screen and (max-width:1024px) { .range_04 { padding: 50px 0; } .range_case li { width: 33.33%; } .range_case h3 { margin-bottom: 20px; } .range_04 .pro-tit02 { margin-bottom: 20px; } } @media only screen and (max-width:767px) { .title1 { padding-top: 30px; padding-bottom: 30px; } .title2 > .wrap > div > .box-left { box-sizing: border-box; padding-left: 0px; float: left; width: 100%; } .title2 { padding-bottom: 25px; padding-top: 20px; } .title3 { padding-top: 25px; padding-bottom: 40px; background: url(../images/back2_06.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .title4 > .wrap > .top-wrap > .tl { max-width: 100%; width: 100%; float: left; } .title4 > .wrap > .top-wrap > .tr { box-sizing: border-box; padding: 10px; padding-top: 10px; width: 100%; float: right; } .title4 > .wrap > .top-wrap { box-sizing: border-box; background: #f3f5f5; padding-top: 10px; padding-bottom: 10px; } .title4 > .wrap > .bo-wrap >.tl { box-sizing: border-box; padding: 10px; } .title5 { padding-top: 20px; padding-bottom: 30px; } .title5 > .wrap { padding-top: 25px; padding-bottom: 40px; background: #fff; } .title5 > .wrap > img { max-width: 100%; margin-top: 10px !important; } .title3 > .wrap { box-sizing: border-box; background: #fff; padding-top: 20px; padding-bottom: 38px; padding-left: 10px; padding-right: 10px; } .title2 > .wrap > div > .box-right { float: right; width: 100%; text-align: right; } .title2 > .wrap > div > .box-right img { margin: 0 auto; } .beijing1 > .wrap p { margin-top: 10px; line-height: 1.8; } .beijing2 { background: url(../images/back8.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 20px; padding-bottom: 40px; } .siixang > li { width: 100%; float: left; } .beijing2 > .wrap { padding-left: 0px; padding-bottom:15px; padding-top: 20px; background: #fff; } .siixang > .left50 { box-sizing: border-box; padding-right: 0%; } .siixang > .right50 { padding-right: 0%; box-sizing: border-box; padding-left: 0px; } .baijing3 { background: #fff; padding-top: 25px; padding-bottom: 30px; } .beijing3 { padding-top: 20px; padding-bottom: 20px; } .siixang { margin-bottom: 5px; margin-top: 0px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; } .siixang > li > h3 { margin-top: 10px; margin-bottom: 5px; font-weight: bold; } .beijing2 > .wrap > .l { width: 100%; float: left; } .beijing2 > .wrap > .r { padding-top: 0px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; width: 100%; float: right; } .beijing2 > .wrap > .r > h2 { margin-bottom: 10px; } .beijing1 { background: #fff; padding-top: 0px; padding-bottom: 15px; } .beijingd2 { padding-top: 10px; padding-bottom: 15px; } .beijingd2 > .wrap > ul .tian-l > h2 { margin-bottom: 5px; } .beijingd2 > .wrap > ul .tian-r { width: 100%; } .beijingd2 > .wrap > ul .tian-r img { display: block; width: 93.35%; margin: 0 auto; } .beijingd2 > .wrap { background: #fff; padding-top: 5px; padding-bottom: 28px; } .beijingd3 > .wrap > ul .renji-le { width: 100%; } .beijingd3 > .wrap > ul .renji-ri { box-sizing: border-box; padding-left: 0px; padding-top: 5px; width: 100%; } .beijingd3 > .wrap > ul .renji-ri p { margin-top: 5px; line-height: 1.8; } .beijingd4 .wrap { box-sizing: border-box; padding-top: 5px; padding-bottom:20px; padding-left: 0px; padding-right: 0px; background: #fff; } .beijingd4 { background: #fff; padding-top: 0px; padding-bottom: 50px; } .beijingd4 .wrap > p { margin-top: 10px; line-height: 1.8; } .beijingd3 { padding-top: 10px; padding-bottom: 10px; } .beijingd2 > .wrap > ul .tian-l { padding-left:20px; padding-right: 20px; box-sizing: border-box; padding-top: 10px; width: 100%; } .leishen1 .wrap > ul { padding-left: 0%; } .leishen1 .wrap > ul li{ width: 33.33%; padding: 0; border: none !important ; } .range_04 { padding: 30px 0; } .range_case li { width: 100%; float: none; } .range_case li:last-child { margin-bottom: 0; } .range_case h3 { height: auto; } .range_case dl { padding: 20px; } } @media only screen and (min-width:1025px) { .range_case dl, .range_case dl h3 { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .range_case dl:hover { border-color: #c60937; } .range_case dl:hover h3 { color: #c60937; } } /*03*/ .range_05 { margin-bottom: 30px; } .range_coop ul { overflow: hidden; margin: 0 -10px; } .range_coop li { float: left; width: 16.666%; margin-bottom: 15px; } .range_coop dl { margin: 0 10px; background: #fff; text-align: center; padding: 30px 20px 10px; position: relative; } .range_coop dt { margin-bottom: 20px; width: 115px; margin: auto; max-width: 90%; border: 1px solid #c8c8c8; border-radius: 50%; margin-bottom: 20px; } .range_coop dd p { color: #c1c1c1; line-height: 22px; height: 44px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .red_line { position: absolute; left: 50%; bottom: 0; margin-left: -35%; width: 70%; height: 4px; background: #c60937; visibility: hidden; opacity: 0 } .range_coop dd h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:1440px) { .range_coop dl { padding: 20px 10px 10px; } .range_coop li { /*margin-bottom: 30px;*/ } .range_05 { margin-bottom: 30px; } } @media only screen and (max-width:1024px) { .range_coop dt { width: 90px; } .range_coop li { width: 25%; } .range_coop dl { padding: 0 10px } .range_coop { padding-top: 20px; } } @media only screen and (max-width:767px) { .range_coop dt { width: 60px; margin-bottom: 10px; } .range_coop li { width: 33.33%; margin-bottom: 20px; } .range_coop li:nth-child(3n+1) { clear: both; } .range_coop dd h3 { white-space: inherit; text-overflow: inherit; } .range_coop dd p { height: auto; -webkit-line-clamp: inherit; font-size: 12px; line-height: 20px; } .range_coop dl { margin: 0 5px; } .range_coop ul { margin: 0 -5px; } .range_coop { padding-top: 10px; } } @media only screen and (min-width:1025px) { .red_line { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .range_coop dl:hover .red_line { visibility: visible; opacity: 1; } .range_coop dl:hover { background: #dde6ed; } } /*04*/ .range_06 { padding-bottom: 140px; } .range_06 ul { overflow: hidden; margin: 0 -20px; } .range_06 li { float: left; margin-bottom: 40px; width: 50%; } .range_06 dt { position: relative; } .range_06 dt em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/range_bg02.png) no-repeat; background-size: 100% 100%; } .range_06 dl { position: relative; margin: 0 20px; } .range_06 dd { position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 2; color: #fff; } .range_06 dd h3 { padding: 0 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:1440px) { .range_06 { padding-bottom: 60px; } .range_06 dd h3 { padding: 0 30px; } } @media only screen and (max-width:1024px) { .range_06 dd { bottom: 20px; } .range_06 dl { margin: 0 10px; } .range_06 ul { margin: 0 -10px; } .range_06 li { margin-bottom: 20px; } } @media only screen and (max-width:767px) { .range_06 { padding-bottom: 40px; } .range_06 dl { margin: 0; } .range_06 ul { margin: 0; } .range_06 li { margin-bottom: 20px; float: none; width: 100%; } .range_06 li:last-child { margin-bottom: 0 } } /*璧勬枡涓嬭浇*/ .down_cont { padding-bottom: 140px; } .down_serach { padding: 30px 0; background: #9db0c1; margin-bottom: 55px; } .down_box { width: 860px; margin: auto; max-width: 100%; } .down_form { overflow: hidden; height: 46px; line-height: 46px; } .down_form button { text-align: center; width: 85px; float: right; color: #fff; } .down_form button, .down_form input { height: 46px; line-height: 46px; } .down_input { float: left; width: calc(100% - 85px); background: #fff; border-radius: 30px; position: relative; } .down_input input { width: 100%; box-sizing: border-box; padding: 0 25px; padding-left: 55px; } .down_input i { position: absolute; left: 18px; top: 0; font-size: 20px; } .down_serach p { color: #fff; padding: 0 15px; padding-top: 20px; } .down_form { overflow: hidden; } .down_block { overflow: hidden; } .down_block .left { float: left; width: 350px; background: #ebf0f4; } .down_block .left ul { padding: 15px 35px; padding-bottom: 60px; } .down_block .left li { border-bottom: 1px solid #c60937; } .down_block .left dt { overflow: hidden; height: 24px; line-height: 24px; padding: 22px 0; font-weight: bold; cursor: pointer; } .down_block .left dt p { padding-right: 20px; position: relative; } .down_block .left dt i { color: #b4b6b8; font-size: 16px; ; position: absolute; top: 0; right: 0; } .down_block .left dd { padding-bottom: 30px; display: none; } .down_block .left dd h3 { font-weight: bold; margin-bottom: 10px; cursor:pointer; } .down_p { line-height: 36px; } .down_case { margin-bottom: 10px; } .down_block .right { float: right; width: calc(100% - 415px); } .down_p p.on a { color: #c60937; } .down_block .left li.on dt i { color: #c60937; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .pro-module-down li { width: 48%; } .pro-module-down li .inner { border: 1px solid #cdcdcd; padding: 25px; padding-bottom: 30px; } .pdf-wrap{ margin-top: 10px; } .pdf-wrap .pro-module-down li{ width: 31.31%; } .down_block .right .page { padding-top: 20px; } @media only screen and (max-width:1440px) { .down_cont { padding-bottom: 80px; } .down_block .left dd { padding-bottom: 10px; } .down_block .right { width: calc(100% - 400px); } } @media only screen and (max-width:1366px) { .down_block .right { width: calc(100% - 390px); } .pro-module-down li .inner { padding: 20px; padding-bottom: 25px; } } @media only screen and (max-width:1024px) { .down_cont { padding-bottom: 60px; } .down_serach { margin-bottom: 30px; } .pdf-wrap{ margin-top: 10px; } .pdf-wrap .pro-module-down li{ width: 31.31%; } .down_block .left, .down_block .right { float: none; width: 100%; } .down_block .left { margin-bottom: 20px; } .down_block .left ul { padding: 10px 20px; padding-bottom: 30px; } .down_block .left dt { padding: 15px 0; } .down_block .left dd h3 { margin-bottom: 2px; } .down_form button, .down_form input, .down_form { height: 40px; line-height: 40px; } .down_input i { left: 10px; } .down_input input { padding: 0 20px; padding-left: 40px; } .down_form button { width: 70px; } .down_input { width: calc(100% - 70px); } .down_serach p { padding: 0; padding-top: 10px; } } @media only screen and (max-width:767px) { .down_cont { padding-bottom: 50px; } .down_serach { margin-bottom: 20px; padding: 20px 0; } .pro-module-down li, .pro-module-down ul { margin: 0; } .pro-module-down li { width: 100%; margin-bottom: 10px; } .pro-module-down li .inner { padding: 15px; padding-bottom: 20px; } .down_block .right .page { padding-top: 10px; } .pdf-wrap .pro-module-down li{width:100%;} } /*甯傚満娲诲姩*/ .active_cont ul { overflow: hidden; margin: 0 -10px; } .active_cont dl { margin: 0 10px; } .active_cont li { float: left; width: 25%; margin-bottom: 70px; } .active_cont h3 { -webkit-line-clamp: 2; height: 68px; } .active_cont h3 a { display: block; } .active_cont dt { margin-bottom: 20px; overflow: hidden; } .active_cont .page { padding-top: 20px; } @media only screen and (max-width:1440px) { .active_cont li { margin-bottom: 50px; } } @media only screen and (max-width:1024px) { .active_cont h3 { height: 48px; } .active_cont ul { margin: 0 -5px; } .active_cont dl { margin: 0 5px; } .active_cont li { margin-bottom: 40px; } } @media only screen and (max-width:767px) { .active_cont ul { margin: 0; } .active_cont dl { margin: 0; } .active_cont li { margin-bottom: 20px; float: none; width: 100%; } .active_cont h3 { height: auto; } .active_cont dt { margin-bottom: 10px } .active_cont li:last-child { margin-bottom: 0; } } @media only screen and (min-width:1025px) { .down_block .left dt i { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } } /*娲诲姩璇︽儏*/ /*tab*/ @media only screen and (max-width:767px) { .pro_menu02 { height: auto; } .pro_menu02 ul li { width: 25%; } } /*01*/ .active_d01 { padding: 0; } .active_d01 .index_more02 { padding-top: 50px; text-align: left; } .active_d01 dl .txt { padding-top: 3.6%; padding-bottom: 3.6%; } .active_d02 { padding: 115px 0 130px 0; color: #fff; } @media only screen and (max-width:1520px) { .active_d01 .index_more02 { padding-top: 20px; } } @media only screen and (max-width:1440px) { .active_d01 dl .txt { padding-top: 2.6%; padding-bottom: 2.6%; } } @media only screen and (max-width:1024px) { .active_d01 dl .txt { padding-top: 5%; padding-bottom: 5%; } } /*02*/ .colorwhite { color: #fff; } .speech_list { position: relative; padding: 0 50px; } .speech_list dl { padding: 0 10px; text-align: center; } .speech_list dt img { width: 175px; max-width: 90%; } .speech_list dt { margin-bottom: 30px; } .active_team { padding-top: 40px; } .speech_list .but>div { font-size: 18px; font-weight: bold; margin: 0; top: 60px; width: 30px; } .speech_list .but .swiper-button-prev { left: 0; text-align: left; } .speech_list .but .swiper-button-next { right: 0; text-align: right; } @media only screen and (max-width:1440px) { .speech_list { padding: 0 30px; } } @media only screen and (max-width:767px) { .active_team { padding-top: 20px; } } /*03*/ .agenda_tab { border-bottom: 1px solid #E4E4E4; height: 64px; line-height: 64px; position: relative; margin-bottom: 45px; } .agenda_tab .swiper-container { width: 75%; margin: 0 auto; } .agenda_tab .swiper-slide { cursor: pointer; text-align: center; } .agenda_tab .swiper-slide::after { content: ""; opacity: 0; position: absolute; left: 25%; bottom: 0px; width: 50%; height: 4px; background: #C6083A; } .agenda_tab .swiper-slide.on::after { opacity: 1; width: 100%; lefT: 0; } .agenda_tab .swiper-button-prev { display: none; lefT: 0; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; background: #fff; box-shadow: 0 0 8px 8px rgb(0 0 0 / 5%); } .agenda_tab .swiper-button-next { display: none; right: 0; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; background: #fff; box-shadow: 0 0 8px 8px rgb(0 0 0 / 5%); } .agenda_tab .swiper-button-prev i, .agenda_tab .swiper-button-next i { font-size: 26px; color: #C70F3F; font-weight: bold; } .agenda_tab .swiper-button-prev.swiper-button-disabled, .agenda_tab .swiper-button-next.swiper-button-disabled { pointer-events: inherit !important; cursor: pointer; opacity: 1; } .agenda_tab .swiper-button-prev.disabled { cursor: default; opacity: 0.35; } .agenda_tab .swiper-button-next.disabled { cursor: default; opacity: 0.35; } .agenda_tab.cur { text-align: center; } .agenda_tab.cur .swiper-wrapper { display: inline-block; width: auto; } .agenda_tab.cur .swiper-slide { float: left; } .agenda_table { width: 100%; } .agenda_table td { line-height: 20px; min-height:20px; padding: 20px 45px; border-bottom: 1px solid #e4e4e4; color: #434343; } .agenda_table thead td { background: #9db0c1; color: #fff; border: 0; padding: 16px 45px; color: #fff; } .agenda_table .t1 { width: 20.8%; } .agenda_table .t2 { width: 33%; } .agenda_table .t3 {} .agenda_table b { margin-right: 6px; } @media only screen and (max-width:1366px) { .agenda_table td { padding: 20px; } .agenda_table thead td { padding: 16px 20px; } } @media only screen and (max-width:1024px) { .agenda_tab .swiper-container { width: 100%; } .agenda_tab { padding: 0 50px; margin-bottom: 20px; } } @media only screen and (max-width:767px) { .agenda_table, .agenda_table thead, .agenda_table tbody, .agenda_table th, .agenda_table td, .agenda_table tr { display: block; } .agenda_table thead tr { position: absolute; top: -9999px; left: -9999px; } .agenda_table tr { border: 1px solid #eee; border-bottom: 0; margin-bottom: 20px; } .agenda_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 5px 0; padding-left: 6em; white-space: normal; text-align: left; } .agenda_table td:before { position: absolute; top: 0; left: 0; padding: 5px 0; width: 6em; text-indent: 10px; white-space: nowrap; text-align: left; } .agenda_table td:before { content: attr(data-title); } } /*03*/ .active_d03 .pro-module13 li { margin: 0 !important; } .active_d03 .pro-module13 li .txt { width: 32.99%; height: 100%; padding: 3%; box-sizing: border-box; border-top: 4px solid #c60937; } .active_title { border-bottom: 1px solid #c60937; padding-bottom: 30px; margin-bottom: 40px; } .active_title h3 { margin-bottom: 20px; -webkit-line-clamp: 2; max-height: 72px; } .active_d03 .active_b h3 { margin-bottom: 10px; } .active_scoll { height: 240px; overflow: hidden; } @media only screen and (max-width:1520px) { .active_title { padding-bottom: 20px; margin-bottom: 20px; } } @media only screen and (max-width:1366px) { .active_scoll { height: 180px; } } @media only screen and (max-width:1024px) { .active_d03 .pro-module13 li { height: auto !important; } .active_d03 .pro-module13 li .txt { width: 100%; } .active_scoll { height: auto; } .active_title h3 { max-height: inherit; margin-bottom: 10px; } .active_d03 .pro-module13 li .txt { padding: 5%; } .active_title { padding-bottom: 10px; margin-bottom: 10px; } } /*05*/ .active_d05 ul { overflow: hidden; margin: 0 -15px; } .active_d05 li { float: left; width: 33.33%; margin-bottom: 30px; } .active_d05 dl { margin: 0 15px; } .active_d05 dt { position: relative; } .active_d05 dt .a_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/active_jb.png) no-repeat center center; background-size: cover; } .active_d05 dt h3 { z-index: 2; position: absolute; left: 0; bottom: 35px; width: 100%; padding: 0 40px; box-sizing: border-box; color: #fff; } .active_d05 dt a { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .active_d05 dt a i { font-size: 72px; color: rgba(255, 255, 255, 0.8) } .video_appbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; opacity: 0; visibility: hidden; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .video_appbox.show { visibility: visible; opacity: 1; } .video_appbox video { object-fit: cover; width: 100%; } .video_appbox .video_t { z-index: 2; background: #000; width: 1035px; max-width: 94%; height: 60%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); position: absolute; left: 50%; top: 60%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; visibility: hidden; opacity: 0; } .video_appbox.show .video_t { height: auto; visibility: visible; opacity: 1; top: 50%; } .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: 60px; right: 40px; cursor: pointer; z-index: 99999; } .vide0_close i { color: #fff; font-size: 20px; font-weight: bold; } @media only screen and (max-width:1440px) { .active_d05 dt h3 { padding: 0 20px; bottom: 20px; } } @media only screen and (max-width:1024px) { .active_d05 ul { margin: 0 -10px; } .active_d05 li { margin-bottom: 20px; } .active_d05 dl { margin: 0 10px; } } @media only screen and (max-width:767px) { .active_d05 ul { margin: 0; } .active_d05 li { margin-bottom: 20px; float: none; width: 100%; } .active_d05 dl { margin: 0; } } /*06*/ .comm_modulebox .index_link { padding-top: 40px; } @media only screen and (max-width:767px) { .comm_modulebox .index_link { padding-top: 20px; } } /*9*/ .active_form { width: 705px; max-width: 100%; margin: auto; } .active_form li { margin-bottom: 30px; } .active_form li .form_w{position:relative;} .active_form li .form_w em{color:red; position:absolute; left:5px; top:10px;} .active_form li.other .form_w{float:left; width:48%;} .active_form li.other .form_w+.form_w{float:right;} .active_form li.others:before { content: ''; display: table } .active_form li.other:after { content: ''; display: table; clear: both } .active_form li.other{ *zoom: 1 } .active_form li .year_select{ height: 46px; line-height: 46px; background: #fff;} .active_form li .year_select dt{padding: 0 15px;} .active_form li .year_select dt p{color: #757575;} .active_form li .year_select dt.on_o span{ transform: rotate(180deg);} .active_form li .year_select dd{padding: 10px 15px;} @media only screen and (max-width:767px) { .active_form li .year_select{height: 36px; line-height: 36px;} .active_form li .year_select dt{padding: 0 10px;} .active_form li .year_select dd{padding: 5px 10px;} .active_form li .year_select dd a{line-height: 30px;} .active_form li .year_select dt span{right:10px;} } .active_form input { background: #fff; width: 100%; height: 46px; line-height: 46px; padding: 0 15px; box-sizing: border-box; } .active_form .count_code { padding-right: 90px; } .active_form .count_code input { float: left; width: calc(100% - 260px); } .active_form .count_code button { float: right; width: 242px; height: 46px; line-height: 46px; text-align: center; background: #9db0c1; color: #fff; } .active_form_btn button { background: #c60937; color: #fff; text-align: center; width: 196px; height: 56px; line-height: 56px; text-align: center; } .active_form_btn { padding-top: 20px; } .active_form_btn input{width:0;} @media only screen and (max-width:1024px) { .active_form li { margin-bottom: 20px; } .active_form_btn { padding-top: 10px; } } @media only screen and (max-width:767px) { .active_form li { margin-bottom: 10px; } .active_form .count_code button { width: 160px; } .active_form .count_code { padding: 0; } .active_form .count_code input { width: calc(100% - 170px) } .active_form .count_code input+img{height:36px;} .active_form input { padding: 0 10px; } .active_form_btn button { height: 40px; line-height: 40px; width: 140px; } .active_form_btn { text-align: center; } .active_form input, .active_form .count_code button { height: 36px; line-height: 36px; } } @media only screen and (min-width:1025px) { .active_form_btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .active_form_btn:hover { opacity: 0.9; } } /*寮瑰眰*/ .active_blank, .active_tac { display: none; } .active_blank { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 999; } .active_tac { position: fixed; left: 50%; top: 50%; width: 600px; height: 540px; margin-top: -270px; margin-left: -300px; box-sizing: border-box; padding: 30px; background: #fff; z-index: 9991; } .active_tac .active_form input { border: 1px solid #ccc; } .active_tac .active_form input+img{height:46px;} .active_tac .active_form li { margin-bottom: 10px; } .icon-cuo { position: absolute; top: -30px; right: 0; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; } @media only screen and (max-width:767px) { .active_tac { width: 90%; margin-left: -45%; padding: 20px; height: 420px; margin-top: -210px; } .active_tac .pro-tit { margin-bottom: 15px; } } /*鏍′紒鍚堜綔*/ .fuse_cont { padding-bottom: 40px; } .fuse_c01 { padding: 110px 0; background: #e1e7ec url(../images/fuse_bg_01.jpg) no-repeat center center; background-size: cover; } .fuse_type { padding: 0 120px; } .fuse_type h1 { text-align: center; color: #c60937; padding: 20px 0 30px 0; } .fuse_type ul { overflow: hidden; } .fuse_type li { width: 25%; text-align: center; padding-bottom: 32px; float: left; position: relative; } .fuse_type_p h3, .fuse_type_p p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fuse_type_p p { color: #c1c1c1; font-size: 12px; margin-bottom: 20px; } .fuse_type_p span { width: 6px; height: 6px; background: #fff; border-radius: 50%; border: 3px solid #fff; display: block; background: #bd0018; margin: auto; position: relative; } .fuse_type_p span i { width: 1px; height: 32px; background: #c4c8cc; display: block; position: absolute; left: 50%; top: 9px; } .f_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #c4c8cc; } .fuse_type li:first-child .f_line { width: 50%; left: auto; right: 0; } .fuse_type li:last-child .f_line { width: 50%; } .fuse_type ul.fuse_ul02 li { padding: 0; padding-top: 60px; } .fuse_type ul.fuse_ul02 .fuse_type_p p { margin: 0; } .fuse_type ul.fuse_ul02 .f_line { top: 0; bottom: auto; } .fuse_type ul.fuse_ul02 .fuse_type_p span i { top: auto; bottom: 9px; } .fuse_type ul.fuse_ul02 .fuse_type_p span { position: absolute; top: 32px; left: 50%; margin-left: -6px; } /*.fuse_c02,.fuse_c03,.fuse_c04{padding: 100px 0;}*/ .fuse_security ul { overflow: hidden; margin: 0 -15px; } .fuse_security li { float: left; width: 33.33%; float: left; margin-bottom: 30px; background: none; } .fuse_security li dl { margin: 0 15px; border: 1px solid #e2e2e2; } .fuse_security li:hover { background: none; } .fuse_security li dd p { line-height: 26px; height: 104px; max-height: inherit; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .fuse_c03 { background: #e1e7ec url(../images/fuse_bg_02.jpg) no-repeat center center; background-size: cover; } .fuse_coop ul { overflow: hidden; margin: 0 -15px; } .fuse_coop li { float: left; width: 33.33%; margin-bottom: 30px; } .fuse_coop dl { margin: 0 15px; padding: 50px 30px; position: relative; background: #fff; } .fuse_coop dt { position: relative; z-index: 2; } .fuse_coop dt h3 { line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fuse_coop dd { position: absolute; bottom: 0; right: 0; width: 182px; height: 100%; overflow: hidden; } .fuse_coop dd img { width: 100%; } .fuse_coop dl:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 4px; background: #c60937; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .fuse_college ul { overflow: hidden; } .fuse_college li { float: left; width: 50%; } .fuse_college dl { padding: 60px; } .fuse_college dt { margin-bottom: 20px; } .fuse_college dd { height: 240px; overflow: hidden; } .fuse_college dd p { margin-bottom: 30px; background: url(../images/fuse_cicle_01.png) no-repeat 0 13px; padding-left: 10px; margin-bottom: 30px; } .fuse_college dd p:last-child { margin-bottom: 0; } .fuse_white { color: #fff; } .fuse_college li.fuse_white dd p { background: url(../images/fuse_cicle_02.png) no-repeat 0 13px; } @media only screen and (max-width:1440px) { .fuse_type { padding: 0; } .fuse_c01 { padding: 80px 0; } } @media only screen and (max-width:1024px) { .fuse_security ul { margin: 0 -10px; } .fuse_security li dl { margin: 0 10px; } .fuse_security li { margin-bottom: 20px; } .fuse_coop ul { ; margin: 0 -10px; } .fuse_coop li { margin-bottom: 20px; } .fuse_coop dl { margin: 0 10px; padding: 20px; } .fuse_coop dd { width: 102px; } .fuse_college dl { padding: 30px; } .fuse_college dd p { background: url(../images/fuse_cicle_01.png) no-repeat 0 10px; } .fuse_college li.fuse_white dd p { background: url(../images/fuse_cicle_02.png) no-repeat 0 10px; } .fuse_college dt { margin-bottom: 10px; } .fuse_college dt h3 { font-weight: bold; } } @media only screen and (max-width:767px) { .fuse_c01 { padding: 20px 0; } .f_line, .fuse_type_p span { display: none; } .fuse_type_p p { margin: 0; } .fuse_type li, .fuse_type ul.fuse_ul02 li { padding: 0 } .fuse_type li { width: 50%; margin: 10px 0; } .fuse_type li:nth-child(2n+1) { clear: both; } .fuse_type h1 { padding: 10px 0; } .fuse_security li { float: none; width: 100%; } .fuse_security ul { margin: 0; } .fuse_security li dl { margin: 0; } .fuse_security li dd p { height: auto; -webkit-line-clamp: inherit; } .fuse_coop ul { ; margin: 0; } .fuse_coop li { margin-bottom: 20px; float: none; width: 100%; margin-bottom: 10px; } .fuse_coop dl { margin: 0; } .fuse_college dd { height: auto; } .fuse_college li { float: none; width: 100%; } .fuse_college dl { padding: 20px; } } @media only screen and (min-width:1025px) { .fuse_coop dl:hover h3 { color: #c60937; } .fuse_coop dl:hover:after { width: 100%; } } /*瑙e喅鏂规*/ .solution-part-w.cur .swiper-container { width: 20%; } .solution-part-w.cur .index_05 li { width: 100% !important; } @media only screen and (max-width:1024px) { .solution-part-w.cur .swiper-container { width: 33.33%; } } @media only screen and (max-width:767px) { .solution-part-w.cur .swiper-container { width: 100%; display: block; } } /*鍩硅鏈嶅姟*/ .training_02 { background: url(../images/training_bg_01.jpg) no-repeat center top; background-size: cover; padding: 120px 0; color: #fff; } .training_01 .pro-module01 .ll-tabt li { height: calc(25% - 1px); } .training_box { overflow: hidden; padding-top: 20px; } .training_box h1 { border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; margin-bottom: 40px; } .training_box h1 span { display: inline-block; position: relative; padding-bottom: 20px; } .training_box h1 i { position: absolute; left: 0; bottom: -1px; height: 4px; width: 100%; background: #c60937; } .training_box .left { float: left; width: calc(100% - 350px); } .training_box .right { float: right; width: 350px; } .training_p { line-height: 38px; } .training_text h3 { background: url(../images/fuse_cicle_02.png) no-repeat 0 center; line-height: 24px; margin-bottom: 20px; } .training_text h3, .training_p { padding-left: 20px; } .training_slider h3 { margin-bottom: 20px; } .training_slider .training_block04 h3 { text-align: center; } .training_box ul { overflow: hidden; margin: 0 -20px; } .training_text { padding: 0 20px; margin-bottom: 5%; } .training_box li { float: left; width: 50%; margin-bottom: 40px; } .training_box li:nth-child(2n+1) { clear: both; } .training_box .right li { float: none; width: 100%; } .training_03 { background: url(../images/training_bg_02.jpg) no-repeat center top; background-size: cover; padding: 90px 0; } .training_slider { position: relative; } .training_title { text-align: center; } .training_title h3 { margin-bottom: 0; } .training_title span { display: block; width: 120px; height: 4px; background: #c60937; margin: 35px auto; } .training_list ul { overflow: hidden; margin: 0 -10px; } .training_list li { float: left; width: 50%; margin-bottom: 20px; } .training_list li.on .training_img { visibility: hidden; opacity: 0; } .training_list .training_scoll { margin: 0 10px; background: #fff; padding: 70px 65px; padding-top: 50px; position: relative; } .training_scoll_box { height: 570px; overflow: hidden; box-sizing: border-box; } .training_p01 { color: #666666; text-align: center; padding: 0 110px; margin-bottom: 50px; } .training_p02 p { line-height: 30px; background: url(../images/fuse_cicle_01.png) no-repeat 0 12px; padding-left: 10px; margin-bottom: 30px; } .training_p02 p:last-child { margin-bottom: 0; } .training_img img { display: none; } .training_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .training_list li.w_100 { float: none; width: 100%; clear: both; } .training_list li.w_100 p { margin-bottom: 0; } .training_list li.w_100 .training_scoll_box { height: auto; } .training_scoll .mCSB_scrollTools .mCSB_draggerRail { background: #eee !important; } .training_scoll { position: relative; } /*.training_block{height:500px;overflow: hidden;}*/ .training_slider { position: relative; height: 960px; overflow: hidden; } .training_slider .swiper-pagination { position: static; padding-top: 40px; } .training_slider .swiper-pagination span { width: 10px; height: 10px; margin: 0 12px !important; background: #cbd7d7; opacity: 1; } .training_slider .swiper-pagination span.swiper-pagination-bullet-active { background: #c60937; } .training_list02 .training_scoll { border: 1px solid #e6e6e6; } .training_block { /*height: 960px;overflow: hidden;*/ margin-bottom: 5%; } @media only screen and (max-width:1440px) { .training_02, .training_03 { padding: 80px 0; } .training_p01 { padding: 0 60px; } .training_list .training_scoll { padding: 50px; } } @media only screen and (max-width:1024px) { .training_02, .training_03 { padding: 60px 0; } .training_box .left, .training_box .right { float: none; width: 100%; } .training_box li { float: none; width: 100%; } .training_p { line-height: 24px; } .training_text h3, .training_p { padding-left: 15px; } .training_text h3 { margin-bottom: 10px; } .training_box h1 { margin-bottom: 20px; } .training_box h1 span { padding-bottom: 10px; } .training_box li { margin-bottom: 20px; } .training_box { padding-top: 0; } .training_p01 { padding: 0; } .training_title span { margin: 20px auto; width: 90px; } .training_list .training_scoll { padding: 30px 20px; margin: 0; } .training_list ul { margin: 0; } .training_p01 { margin-bottom: 30px; } .training_slider .swiper-pagination { padding-top: 20px; } .training_block { height: auto; } .training_list li { float: none; width: 100%; } .training_scoll_box { height: auto; } .training_img { display: none; } .training_slider { height: auto; } } @media only screen and (max-width:767px) { .active_d05 dt a i{color:#c7103c; font-size:40px;} .training_02, .training_03 { padding: 30px 0; } .training_01 .pro-module01 .ll-tabt li { width: 50%; height: 36px; } .training_title span { height: 2px; width: 50px; margin: 10px auto; } .training_title h3 { font-size: 16px; } .training_scoll_box { height: auto; } .training_p02 p { margin-bottom: 10px; } .training_slider .swiper-pagination { padding-top: 0; } .training_slider h3 { margin-bottom: 10px; } .training_slider .swiper-pagination span { margin: 0 6px !important; } .training_cont .pro-module01 .rr-tabc li .txt { width: 100%; } .training_box h1 i { height: 2px; } } @media only screen and (max-width:374px) { .training_01 .pro-module01 .ll-tabt li { width: 100%; } } @media only screen and (min-width:1025px) { /*.training_list .training_scoll:hover .training_img{visibility: visible;opacity: 1;}*/ } .active_form .year_select{background: #fff;width: 100%;height: 46px;line-height: 46px;box-sizing: border-box;} .active_form .year_select dt{padding: 0 15px; color: #000;} .active_form .year_select dt.gray{color: #757575;} @media only screen and (max-width:767px) { .active_form .year_select{height: 36px; line-height: 36px;} .active_form .year_select dt{padding: 0 10px;} }