.main{ position: relative; } .crumb{ padding-left: 150px; padding-right: 150px; } @media only screen and (max-width: 1400px) { .crumb{ padding-left: 80px; padding-right: 80px; } } @media only screen and (max-width: 1023px) { .crumb{ padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .crumb{ padding-left: 20px; padding-right: 20px; } } .banner{ position: relative; } .banner>img{ width: 100%; } @media only screen and (max-width: 767px) { .banner>img{ height: 117px; } } .banner-box{ position: absolute; top: 65px; right: 34px; background: rgba(255,255,255,0.5); } @media only screen and (max-width: 1400px) { .banner-box{ top: 40px; right: 30px; } } @media only screen and (max-width: 1023px) { .banner-box{ top: 20px; right: 20px; } } @media only screen and (max-width: 767px) { .banner-box{ top: 10px; right: 10px; } } .banner-box h2{ padding-left: 40px; padding-right: 42px; padding-top: 29px; padding-bottom: 27px; line-height: 18px; } @media only screen and (max-width: 1400px) { .banner-box h2{ padding-left: 30px; padding-right: 30px; padding-top: 25px; padding-bottom: 25px; } } @media only screen and (max-width: 1023px) { .banner-box h2{ padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .banner-box h2{ padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; } } .banner-box h2:first-child{ border-bottom: 1px solid rgba(229,229,229,0.5); } .banner-box h2 p{ float: left; line-height: 18px; } .banner-box h2 span{ float: left; display: block; line-height: 18px; margin-left: 17px; } .banner-box h2 span.red{ color: #a80b0b; } .banner-box h2 span.green{ color: #21DA0E; } .banner-box h2 span img{ display: inline-block; margin-left: 13px; } .crumbs-c{ height: 32px; background: #fafafa; line-height: 32px; } .sites{ text-align: right; } .sites a{ color: #333333; } .sites a:hover{ color: #1993A0; } .sites em{ display: inline-block; width: 4px; height: 1px; background: #333333; margin-bottom: 3px; margin-left: 4px; margin-right: 4px; } .sites span{ color: #1993A0; } @media only screen and (max-width: 767px) { .crumbs-b{ display: none; } } .crumbs-b h2{ margin-top: 35px; padding-bottom: 12px; border-bottom: 2px solid #cccccc; } @media only screen and (max-width: 1400px) { .crumbs-b h2{ margin-top: 30px; padding-bottom: 10px; } } .crumbs-b-list li{ float: left; height: 35px; margin-right: 40px; margin-top: 29px; } @media only screen and (max-width: 1400px) { .crumbs-b-list li{ margin-top: 25px; margin-right: 30px; } } @media only screen and (max-width: 1023px) { .crumbs-b-list li{ margin-top: 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .crumbs-b-list li{ margin-top: 10px; height: 30px; margin-right: 10px; } } .crumbs-b-list li a{ display: block; color: #333333; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .crumbs-b-list li a{ padding-bottom: 5px; } } .crumbs-b-list li.on a, .crumbs-b-list li a:hover{ color: #1993A0; border-bottom: 2px solid #1993A0; } /* 分页器 */ .pageout{ margin-top: 20px; text-align: center; } @media only screen and (max-width: 1024px) { .pageout{ margin-top: 15px; } } @media only screen and (max-width: 768px) { .pageout{ margin-top: 10px; } } .page{ display: inline-block; vertical-align: middle; text-align: center; margin: 0 auto; height: 41px; line-height: 41px; } .page a{ float: left; width: 41px; height: 41px; line-height: 41px; color: #999999; font-weight: bold; margin-left: 1px; margin-right: 1px; background-color: #E6E6E6; } @media only screen and (max-width: 767px) { .page a, .page .txtnum{ display: none; } } .page a.on, .page a:hover{ color: #FFFFFF !important; background-color: #1993a0; } .page a.go:hover{ color: #999999 !important; } .page a.prev{ background-image: url(../image/left1.png); background-repeat: no-repeat; background-position: center; margin-right: 20px; } @media only screen and (max-width: 1400px) { .page a.prev{ margin-right: 10px; } } .page i { float: left; margin: 0 20px; } @media only screen and (max-width: 1400px) { .page i{ margin:0 10px; } } .page a.next { background-image: url(../image/right1.png); background-repeat: no-repeat; background-position: center; margin-left: 20px; } @media only screen and (max-width: 1400px) { .page a.next{margin-left: 10px;} } @media only screen and (max-width: 767px) { .page a.prev, .page a.next{ display: block; } } @media only screen and (max-width: 1400px) { .govern01-l .page a.prev, .govern01-l .page a.next{ display: block; } } @media only screen and (max-width: 1200px) { .govern01-l .page a, .govern01-l .page .txtnum{ display: none; } } .page span { color: #777777; float: left; } .page .txtnum input { color: #b3b3b3; width: 58px; height: 39px; line-height: 39px; text-align: center; background: none; border: 1px solid #e6e6e6; margin-left: 30px; margin-right: 10px; } @media only screen and (max-width: 1400px) { .page .txtnum input{ margin-left: 20px; margin-right: 0; } } .page a.go{ margin-left: 10px; width: 44px; color: #999999; background: none; } /* corporation-synosis */ .abstract01 span.ser{ display: block; text-align: center; color: #333333; margin-top: 35px; margin-bottom: 35px; } @media only screen and (max-width: 1400px) { .abstract01 span.ser{ margin-top: 30px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract01 span.ser{ margin-top: 20px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract01 span.ser{ margin-top: 10px; margin-bottom: 10px; } } .abstract01 p{ text-align: center; color: #666666; line-height: 24px; text-align: justify; } .mana .abstract01 p{ text-align: justify; } .abstract02{ margin-top: 80px; } @media only screen and (max-width: 1400px) { .abstract02{ margin-top: 40px; } } @media only screen and (max-width: 1023px) { .abstract02{ margin-top: 30px; } } @media only screen and (max-width: 767px) { .abstract02{ margin-top: 20px; } } .abstract02-in{ background: #FAFAFA; } .abstract02-l{ float: left; width: 55.38%; overflow: hidden; } @media only screen and (max-width: 767px) { .abstract02-l{ width: 100%; } } .abstract02-l img{ width: 100%; transition: all 0.6s; } .abstract02-l:hover img{ transform: scale(1.2); } .abstract02-r{ float: left; width: 44.62%; } @media only screen and (max-width: 767px) { .abstract02-r{ width: 100%; margin-top: 5px; } } .abstract02-r-inner{ padding-left: 60px; padding-right: 85px; } @media only screen and (max-width: 1400px) { .abstract02-r-inner{ padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 1023px) { .abstract02-r-inner{ padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .abstract02-r-inner{ padding-left: 10px; padding-right: 10px; } } .abstract02-r em{ display: block; width: 120px; height: 2px; background: #1993A0; } .abstract02-r h1{ margin-top: 75px; margin-bottom: 35px; color: #333333; } @media only screen and (max-width: 1400px) { .abstract02-r h1{ margin-top: 60px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract02-r h1{ margin-top: 40px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract02-r h1{ margin-top: 10px; margin-bottom: 10px; } } .abstract02-r p{ line-height: 24px; margin-bottom: 35px; display: -webkit-box; /*-webkit-box-orient: vertical;*/ -webkit-line-clamp: 4; overflow: hidden; } @media only screen and (max-width: 1400px) { .abstract02-r p{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract02-r p{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract02-r p{ margin-bottom: 10px; } } .abstract03{ padding-top: 80px; } @media only screen and (max-width: 1400px) { .abstract03{ padding-top: 60px; } } @media only screen and (max-width: 1023px) { .abstract03{ padding-top: 40px; } } @media only screen and (max-width: 767px) { .abstract03{ padding-top: 20px; } } .abstract03 span.ser{ display: block; color: #333333; text-align: center; margin-bottom: 39px; } @media only screen and (max-width: 1400px) { .abstract03 span.ser{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract03 span.ser{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract03 span.ser{ margin-bottom: 0; } } .abstract03-list{ padding-left: 200px; padding-right: 200px; } @media only screen and (max-width: 1400px) { .abstract03-list{ padding-left: 100px; padding-right: 100px; } } @media only screen and (max-width: 1023px) { .abstract03-list{ padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .abstract03-list{ padding-left: 0; padding-right: 0; } } .abstract03-list li{ float: left; width: 33.33%; text-align: center; } @media only screen and (max-width: 767px) { .abstract03-list li{ margin-top: 15px; } } .abstract03-list li h3{ color: #666666; } .abstract03-list li span{ color: #1993A0; line-height: 60px; } @media only screen and (max-width: 1600px) { .abstract03-list li span{ line-height: 48px; } } @media only screen and (max-width: 1400px) { .abstract03-list li span{ line-height: 40px; } } @media only screen and (max-width: 1279px) { .abstract03-list li span{ line-height: 36px; } } @media only screen and (max-width: 1023px) { .abstract03-list li span{ line-height: 32px; } } @media only screen and (max-width: 767px) { .abstract03-list li span{ line-height: 28px; font-size: 28px; } } @media only screen and (max-width: 375px) { .abstract03-list li span{ line-height: 24px; font-size: 24px; } } .abstract03-list li em{ color: #1993A0; line-height: 60px; } @media only screen and (max-width: 1600px) { .abstract03-list li em{ line-height: 48px; } } @media only screen and (max-width: 1400px) { .abstract03-list li em{ line-height: 40px; } } @media only screen and (max-width: 1279px) { .abstract03-list li em{ line-height: 36px; } } @media only screen and (max-width: 1023px) { .abstract03-list li em{ line-height: 32px; } } @media only screen and (max-width: 767px) { .abstract03-list li em{ line-height: 30px; } } @media only screen and (max-width: 375px) { .abstract03-list li em{ line-height: 24px; } } .abstract03-list li p{ margin-top: 18px; } @media only screen and (max-width: 1023px) { .abstract03-list li p{ margin-top: 10px; } } @media only screen and (max-width: 767px) { .abstract03-list li p{ margin-top: 5px; } } .abstract04 span.ser{ display: block; margin-top: 90px; margin-bottom: 30px; text-align: center; color: #333333; } @media only screen and (max-width: 1400px) { .abstract04 span.ser{ margin-top: 60px; margin-bottom: 25px; } } @media only screen and (max-width: 1023px) { .abstract04 span.ser{ margin-top: 40px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract04 span.ser{ margin-top: 20px; margin-bottom: 10px; } } .abstract04-inner{ /*border: 1px solid #E6E6E6;*/ position: relative; } .abstract04-inner>img{ width: 100%; } .abstract05 span.ser{ display: block; margin-top: 69px; margin-bottom: 40px; text-align: center; color: #333333; } @media only screen and (max-width: 1400px) { .abstract05 span.ser{ margin-top: 40px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract05 span.ser{ margin-top: 30px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract05 span.ser{ margin-top: 20px; margin-bottom: 10px; } } .abstract05-list{ margin-left: -5px; margin-right: -5px; margin-top: -10px; border-bottom: 1px solid #E6E6E6; } .abstract05-list li{ float: left; width: 50%; } .abstract05-inner{ margin-left: 5px; margin-right: 5px; margin-top: 10px; } .abstract05-inner .pic{ position: relative; } .abstract05-inner .abstract05-box{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: all 0.6s; } .abstract05-list li:hover .abstract05-inner .abstract05-box{ display: block; } .abstract05-inner .abstract05-box a{ display: block; width: 100%; height: 100%; } .abstract05-inner a{ display: block; overflow: hidden; } .abstract05-inner img{ width: 100%; transition: all 0.6s; } .abstract05-list li:hover .abstract05-inner img{ transform: scale(1.2); } /*.abstract05-inner .text{ height: 82px; line-height: 82px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 1400px) { .abstract05-inner .text{ height: 70px; line-height: 70px; } } @media only screen and (max-width: 1023px) { .abstract05-inner .text{ height: 60px; line-height: 60px; } } @media only screen and (max-width: 767px) { .abstract05-inner .text{ height: 100%; line-height: 16px; } }*/ .abstract05-inner .text a{ display: inline-block; /*margin-top: 20px;*/ color: #333333; } @media only screen and (max-width: 1023px) { .abstract05-inner .text a{ /*margin-top: 15px;*/ } } @media only screen and (max-width: 767px) { .abstract05-inner .text a{ /*margin-top: 5px;*/ font-size: 12px; } } .abstract05-list li:hover .abstract05-inner .text a{ color: #1993A0; } .abstract06{ padding-bottom: 70px; } @media only screen and (max-width: 1400px) { .abstract06{ padding-bottom: 40px; } } @media only screen and (max-width: 1023px) { .abstract06{ padding-bottom: 20px; } } .abstract06 span.ser{ display: block; margin-top: 60px; margin-bottom: 40px; color: #333333; text-align: center; } @media only screen and (max-width: 1400px) { .abstract06 span.ser{ margin-top: 40px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract06 span.ser{ margin-top: 30px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract06 span.ser{ margin-top: 20px; margin-bottom: 10px; } } .abstract06-list{ margin-left: -5px; margin-right: -5px; margin-top: -10px; } .abstract06-list li{ float: left; width: 33.33%; } .abstract06-list li.abs4, .abstract06-list li.abs5{ width: 50%; } .abstract06-inner{ margin-left: 5px; margin-right: 5px; margin-top: 10px; } .abstract06-inner .pic a{ display: block; overflow: hidden; } .abstract06-inner img{ width: 100%; transition: all 0.6s; } .abstract06-list li:hover .abstract06-inner img{ transform: scale(1.2); } .abstract06-inner .text{ height: 72px; line-height: 72px; overflow: hidden; } @media only screen and (max-width: 1400px) { .abstract06-inner .text{ height: 60px; line-height: 60px; } } @media only screen and (max-width: 1023px) { .abstract06-inner .text{ height: 50px; line-height: 50px; } } @media only screen and (max-width: 767px) { .abstract06-inner .text{ height: 100%; line-height: 16px; } } .abstract06-inner .text a{ display: inline-block; color: #333333; } @media only screen and (max-width: 767px) { .abstract06-inner .text a{ font-size: 12px; } } .abstract06-list li:hover .abstract06-inner .text a{ color: #1993A0; } /* corporation-supervise */ .manage01{ margin-top: 47px; margin-bottom: 43px; } @media only screen and (max-width: 1400px) { .manage01{ margin-top: 40px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .manage01{ margin-top: 30px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .manage01{ margin-top: 20px; margin-bottom: 20px; } } .manage01-list li.man1 .manage01-inner, .manage01-list li.man3 .manage01-inner, .manage01-list li.man5 .manage01-inner, .manage01-list li.man7 .manage01-inner{ background: #FAFAFA; } @media only screen and (max-width: 767px) { .manage01-list li{ margin-bottom: 10px; } } .manage01-l{ float: left; width: 22%; } @media only screen and (max-width: 767px) { .manage01-l{ width: 70%; } } .manage01-l a{ margin: 30px; display: block; overflow: hidden; } @media only screen and (max-width: 1400px) { .manage01-l a{ margin: 20px; } } @media only screen and (max-width: 1023px) { .manage01-l a{ margin: 10px; } } .manage01-l a img{ width: 100%; /*transition: all 0.6s;*/ } .manage01-list li:hover .manage01-l a img{ /*transform: scale(1.2);*/ } .manage01-r{ float: left; width: 78%; } @media only screen and (max-width: 767px) { .manage01-r{ width: 100%; } } .manage01-r-inner{ padding-left: 50px; padding-right: 95px; padding-bottom: 10px; } @media only screen and (max-width: 1400px) { .manage01-r-inner{ padding-left: 40px; padding-right: 60px; } } @media only screen and (max-width: 1023px) { .manage01-r-inner{ padding-left: 20px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .manage01-r-inner{ padding-left: 10px; padding-right: 10px; } } .manage01-r-inner em{ display: block; width: 105px; height: 2px; margin-bottom: 75px; } @media only screen and (max-width: 1400px) { .manage01-r-inner em{ margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .manage01-r-inner em{ margin-bottom: 10px; } } .manage01-r-inner h1 a{ color: #333333; } .manage01-list li:hover .manage01-r-inner h1 a{ color: #1993A0; } .manage01-list .manList .manage01-inner:hover{ /*border:1px solid #a5a6a6;*/ background: #FAFAFA; } .manage01-r-inner span{ display: block; color: #666666; margin-top: 10px; } @media only screen and (max-width: 1400px) { .manage01-r-inner span{ margin-top: 10px; margin-bottom: 10px; } } .manage01-r-inner p{ color: #666666; line-height: 23px; overflow: hidden; } .manage01-r-inner p:first-of-type{ text-overflow: ellipsis; /*white-space: nowrap;*/ } @media only screen and (max-width: 767px) { .manage01-r-inner p:first-of-type{ white-space: normal; } } .mana .manage01-r-inner p:first-of-type{ white-space: normal; } .manage01-r-inner p:last-of-type{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media only screen and (max-width: 767px) { .manage01-r-inner p:last-of-type{ display: block; } } .mana .manage01-r-inner p:last-of-type{ display: block; } /*corporation-development*/ .mileage .part_1{position: relative;} .mileage .part_1 .leftbox{float: left;width: 370px;height: 1000px;} .mileage .part_1 .leftbox .swiper-container{height: 100%;width: 100%} .mileage .part_1 a{color: #999999;display: block;border-radius: 25px;width: 100%;text-align: center;position: relative;font-size: 1em;opacity: 0;transform-origin:50% 50%; line-height: 140px;} .mileage .part_1 .leftbox .swiper-slide-active a{color: #8b8b8b;font-size: 140px;border: 1px solid #fff;opacity: 1; line-height: 140px; text-align: left;} .mileage .part_1 a:before{content: "";position: absolute;display: block;width: 25px;height: 25px;background-image: url(../image/sanjiao.png);right: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .3s;} .mileage .part_1 .leftbox .swiper-slide-active a:hover{color: #1993A0!important;} .mileage .part_1 .leftbox .swiper-slide-active a:before{opacity: 1;} .mileage .part_1 .leftbox .swiper-slide em{display: none;} /*.mileage .part_1 .leftbox .swiper-slide-active em{display: inline;}*/ .mileage .part_1 .leftbox .swiper-slide i{display: inline-block;position: relative;margin-right: 14px; background: url(../image/yuanhuan.png); width: 15px; height: 15px; line-height: ;} .mileage .part_1 .leftbox .swiper-slide-active i{display: none;} .mileage .part_1 .rightbox{width: calc(93% - 370px);width: -moz-calc(93% - 333px);;float: right;} .mileage .part_1 li{float: left; width: 100%; padding: 29px 0; border-bottom:#cccccc solid 1px;overflow: hidden;} .mileage .part_1 li.in{border-top: 1px solid #CCCCCC;} .mileage .part_1 li span{display: block; overflow: hidden; color: #999999;} /*.mileage .part_1 li:hover h1{color: #0C5DC0;}*/ .mileage .part_1 li p{color: #393939;margin-top: 19px; } .mileage .part_1 li img{max-width: 100%; margin-top: 15px;} @media only screen and (max-width:1300px){ .mileage .part_1 .leftbox{width: 300px;} .mileage .part_1 a{line-height: 110px;} .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 110px; line-height: 110px;} .mileage .part_1 .rightbox{width: calc(97% - 300px);width: -moz-calc(97% - 300px)} .honor4{ padding-top: 40px; padding-bottom: 60px;} } @media only screen and (min-width:1024px){ .mileage .part_1 .leftbox .prev_nth2Mode a{transform: rotate(-10deg);opacity: 1;} .mileage .part_1 .leftbox .next_nth2Mode a{transform: rotate(10deg) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth3Mode a{transform: rotate(-15deg) translateX(-17px);opacity: 1;} .mileage .part_1 .leftbox .next_nth3Mode a{transform: rotate(15deg) translateX(-17px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth4Mode a{transform: rotate(-20deg) translateX(-40px);opacity: 1;} .mileage .part_1 .leftbox .next_nth4Mode a{transform: rotate(20deg) translateX(-40px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;} .mileage .part_1 .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;} .mileage .part_1 .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;} .mileage .part_1 .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;} } @media only screen and (max-width:1023px){ .mileage .part_1 .leftbox{width: 200px;height: 500px; padding-top: 30px;} .mileage .part_1 a{opacity: 1; line-height: 60px;} .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 60px; line-height: 60px;} .mileage .part_1 .rightbox{width: -moz-calc(97% - 200px);width: calc(97% - 200px)} .mileage .part_1 li .img{width: 100%;} } @media only screen and (max-width:768px){ .mileage .part_1 .leftbox{padding-top: 20px;} .mileage .part_1 li{padding: 20px 0;} .honor4{ padding-top: 20px; padding-bottom: 20px;} } @media only screen and (max-width:767px){ .mileage .part_1 .leftbox .swiper-container{ background: url(../image/hengxian.png) no-repeat center center; background-size: 100% 1px; -moz-background-size: 100% 1px; -webkit-background-size: 100% 1px; -o-background-size: 100% 1px; } .mileage .part_1 .leftbox{width: 120px;height: 300px; padding-top: 20px;} .mileage .part_1 .leftbox{width: 100%; height: 100%;} .mileage .part_1 .rightbox{width: -moz-calc(100% - 140px);width: calc(100% - 140px)} .mileage .part_1 .rightbox{width: 100%; margin-top: 10px;} .mileage .part_1 li p,.mileage .part_1 li h4{width: 100%;} .mileage .part_1 .swiper-slide{ background: url(../image/yuanhuan.png) no-repeat center center; } /*.mileage .part_1 .swiper-slide.swiper-slide-active{ background: url(../images/shijiandian_03.png) no-repeat center center; }*/ .mileage .part_1 a{ margin-bottom: 70px; } .mileage .part_1 .leftbox .swiper-slide-active a{font-size: 1.2em; text-align: center;} .mileage .part_1 .leftbox .swiper-slide-active a{ color: #1993A0; background: none; box-shadow: none; border: none; } .mileage .part_1 .leftbox .swiper-slide i{width: 40px;} .mileage .part_1 .leftbox .swiper-slide i{ display: none; } .mileage .part_1 .leftbox .swiper-slide-active i{display: none;} .mileage .part_1 a:before{width: 17px;height: 17px;background-size: cover;right: 6px;} .mileage .part_1 li{width: 100%; padding: 20px 0;} .mileage .part_1 a:before{ background-image: none; } } /*corporation-kernel*/ .kern01{ margin-top: 28px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .kern01{ margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .kern01{ margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .kern01{ margin-top: 20px; margin-bottom: 20px; } } .kern01-list{ margin-top: -20px; } .kern01-list li{ float: left; } .kern01-list li.ker1, .kern01-list li.ker3{ width: 32.3%; } @media only screen and (max-width: 767px) { .kern01-list li.ker1, .kern01-list li.ker3{ width: 100%; } } .kern01-list li.ker2, .kern01-list li.ker4{ width: 67.7%; } @media only screen and (max-width: 767px) { .kern01-list li.ker2, .kern01-list li.ker4{ width: 100%; } } .kern01-list li.ker5{ width: 66.15%; } @media only screen and (max-width: 767px) { .kern01-list li.ker5{ width: 100%; } } .kern01-list li.ker6{ width: 33.85%; } @media only screen and (max-width: 767px) { .kern01-list li.ker6{ width: 100%; } } .kern01-inner{ margin-top: 20px; position: relative; } .kern01-list li.ker4 .kern01-inner{ /*margin-left: 20px;*/ margin-left: 2.275%; } @media only screen and (max-width: 767px) { .kern01-list li.ker4 .kern01-inner{ margin-left: 0; } } .kern01-inner img{ width: 100%; } @media only screen and (max-width: 767px) { .kern01-list li.ker1 .kern01-inner img, .kern01-list li.ker6 .kern01-inner img{ display: none; } } .kern01-box{ position: absolute; top: 60px; left: 60px; width: 300px; } @media only screen and (max-width: 1500px) { .kern01-box{ top: 20px; left: 20px; width: 220px; } .kern01-list li.ker1 .kern01-box, .kern01-list li.ker3 .kern01-box, .kern01-list li.ker6 .kern01-box{ width: calc(100% - 40px); } .kern01-list li.ker4 .kern01-box{ width: calc(50% - 40px); } } @media only screen and (max-width: 1100px) { .kern01-list li.ker1 .kern01-box{ width: calc(100% - 20px); } } @media only screen and (max-width: 1023px) { .kern01-box{ top: 10px; left: 10px; width: 190px; } .kern01-list li.ker2 .kern01-box, .kern01-list li.ker3 .kern01-box, .kern01-list li.ker6 .kern01-box{ width: calc(100% - 20px) !important; } .kern01-list li.ker4 .kern01-box{ width: calc(50% - 20px); } .kern01-list li.ker1 .kern01-box{ width: calc(100% - 10px); } } @media only screen and (max-width: 770px) { .kern01-list li.ker3 .kern01-box, .kern01-list li.ker6 .kern01-box{ width: calc(100% - 10px) !important; } } @media only screen and (max-width: 767px) { .kern01-box{ /*top: 10px; left: 10px;*/ width: 100% !important; position: static; } } .kern01-list li.ker2 .kern01-box, .kern01-list li.ker5 .kern01-box{ width: 350px; } @media only screen and (max-width: 767px) { .kern01-list li.ker2 .kern01-box, .kern01-list li.ker5 .kern01-box{ width: 100% !important; } } .kern01-box h1{ margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 1400px) { .kern01-box h1{ margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .kern01-box h1{ margin-top: 10px; } } .kern01-list li.ker1 .kern01-box h1, .kern01-list li.ker4 .kern01-box h1, .kern01-list li.ker6 .kern01-box h1{ color: #1993A0; } .kern01-list li.ker2 .kern01-box h1, .kern01-list li.ker3 .kern01-box h1, .kern01-list li.ker5 .kern01-box h1{ color: #FFFFFF; } @media only screen and (max-width: 767px) { .kern01-list li.ker2 .kern01-box h1, .kern01-list li.ker3 .kern01-box h1, .kern01-list li.ker5 .kern01-box h1{ color: #1993A0; } } .kern01-box .kern01-box-text{overflow: hidden; height: 168px;} @media only screen and (max-width: 1200px) { .kern01-box .kern01-box-text{height: 144px;} } @media only screen and (max-width: 1023px) { .kern01-box .kern01-box-text{height: 120px;} } @media only screen and (max-width: 767px) { .kern01-box .kern01-box-text{height: auto;} } .kern01-box p{ line-height: 24px; } .kern01-list li.ker1 .kern01-box p, .kern01-list li.ker4 .kern01-box p, .kern01-list li.ker6 .kern01-box p{ color: #666666; } .kern01-list li.ker2 .kern01-box p, .kern01-list li.ker3 .kern01-box p, .kern01-list li.ker5 .kern01-box p{ color: #FFFFFF; } @media only screen and (max-width: 767px) { .kern01-list li.ker2 .kern01-box p, .kern01-list li.ker3 .kern01-box p, .kern01-list li.ker5 .kern01-box p{ color: #666666; } } /* business-index */ .resource{ padding-top: 55px; padding-bottom: 67px; } @media only screen and (max-width: 1400px) { .resource{ padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 1023px) { .resource{ padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .resource{ padding-top: 20px; padding-bottom: 20px; } } .resource-t{ background: #F1F1F1; } .resource-t p{ padding-top: 90px; padding-bottom: 88px; line-height: 30px; padding-left: 20px; padding-right: 20px; text-align: justify; } @media only screen and (max-width: 1400px) { .resource-t p{ padding-top: 60px; padding-bottom: 58px; } } @media only screen and (max-width: 1023px) { .resource-t p{ padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 767px) { .resource-t p{ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } } .resource-t em{ display: block; width: 329px; max-width: 90%; height: 2px; margin: 0 auto; background: #1993A0; margin-bottom: 1px; } .resource-list{ /* margin-left: -20px; margin-right: -20px; margin-top: -20px;*/ padding-top: 35px; } @media only screen and (max-width: 1400px) { .resource-list{ padding-top: 30px; } } @media only screen and (max-width: 1023px) { .resource-list{ padding-top: 20px; } } @media only screen and (max-width: 767px) { .resource-list{ padding-top: 10px; margin-left: -5px; margin-right: -5px; } } .resource-list li{ float: left; width: 50%; } @media only screen and (max-width: 767px) { .resource-list li{ width: 100%; } } .resource-inner{ margin-left: 20px; margin-right: 20px; margin-top: 20px; } @media only screen and (max-width: 767px) { .resource-inner{ margin-left: 5px; margin-right: 5px; } } .resource-inner .pic{ overflow: hidden; cursor: pointer; } .resource-inner .pic>img{ width: 100%; transition: all 0.6s; } .resource-list li:hover .resource-inner .pic>img{ transform: scale(1.2); } .resource-inner h2{ margin-top: 40px; margin-bottom: 30px; color: #646464; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .resource-list li:hover .resource-inner h2{ color: #1993A0; } @media only screen and (max-width: 1400px) { .resource-inner h2{ margin-top: 30px; margin-bottom: 25px; } } @media only screen and (max-width: 1023px) { .resource-inner h2{ margin-top: 20px; margin-bottom: 10px; } } .resource-inner p{ color: #646464; line-height: 24px; height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } @media only screen and (max-width: 767px) { .resource-inner p{ height: auto; white-space: normal; } } .resource-inner span{ display: block; width: 107px; height: 30px; line-height: 30px; text-align: center; margin-left: auto; margin-right: 0; background: #1993A0; color: #FFFFFF; cursor: pointer; margin-top: 25px; } @media only screen and (max-width: 1023px) { .resource-inner span{ margin-top: 10px; } } .resource-inner span img{ display: inline-block; vertical-align: middle; margin-left: 13px; } .resource-box{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); /*width: 100%; height: 100%;*/ /*background: rgba(0,0,0,0.5);*/ display: none; z-index: 99999; width: 800px; max-width: 82%; } .blank50{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 9999; display: none!important; } .resource01{ width: 100%; margin: 0 auto; } /*.resource01_black{ width: 1600px; max-width: 92%; position: absolute; top: 50%; left: 50%; transform: translate(); }*/ .resource01-inner{ position: relative; } .resource01-inner>img{ width: 100%; } .resource01-box{ position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 25px; z-index: 9; } @media only screen and (max-width: 1400px) { .resource01-box{ padding-bottom: 20px; } } @media only screen and (max-width: 1023px) { .resource01-box{ padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .resource01-box{ padding-top: 10px; position: static; background: #F1F1F1; padding-bottom: 5px; } } .resource01-box h2{ color: #FFFFFF; margin-bottom: 10px; padding-left: 93px; padding-right: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 1400px) { .resource01-box h2{ padding-left: 60px; padding-right: 60px } } @media only screen and (max-width: 1023px) { .resource01-box h2{ padding-left: 40px; padding-right: 40px; margin-bottom: 5px; } } @media only screen and (max-width: 767px) { .resource01-box h2{ padding-left: 10px; padding-right: 10px; margin-bottom: 5px; color: #333333; white-space: normal; font-size: 14px; } } .resource01-text{ width: 100%; height: 122px; background: #FFFFFF; } @media only screen and (max-width: 1400px) { .resource01-text{ height: 110px; } } @media only screen and (max-width: 1023px) { .resource01-text{ height: 95px; } } @media only screen and (max-width: 767px) { .resource01-text{ height: 110px; overflow: auto; } } .resource01-text p{ padding-left: 93px; padding-right: 80px; line-height: 24px; padding-top: 27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 72px; color: #333333; } @media only screen and (max-width: 1400px) { .resource01-text p{ padding-left: 60px; padding-right: 60px; padding-top: 20px; } } @media only screen and (max-width: 1023px) { .resource01-text p{ padding-left: 40px; padding-right: 40px; padding-top: 10px; } } @media only screen and (max-width: 767px) { .resource01-text p{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; display: block; height: 100%; -webkit-line-clamp:12; overflow: visible; } } .resource01 .swiper-button-next, .resource01 .swiper-button-prev{ width: 61px; height: 61px; -moz-background-size: 61px 61px; -webkit-background-size: 61px 61px; background-size: 61px 61px; } @media only screen and (max-width: 767px) { .resource01 .swiper-button-next, .resource01 .swiper-button-prev{ top: 25%; margin-top: 0; width: 30px; height: 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; } .film01-box .swiper-button-next, .film01-box .swiper-button-prev{ top: 50%; margin-top: -22px; } } .resource01 .swiper-button-prev.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-next.swiper-button-white{ background-image: url(../image/left2.png); left: 25px; } @media only screen and (max-width: 1023px) { .resource01 .swiper-button-prev.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-next.swiper-button-white{ left: 20px; } } @media only screen and (max-width: 1023px) { .resource01 .swiper-button-prev.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-next.swiper-button-white{ left: 10px; } } .resource01 .swiper-button-next.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-prev.swiper-button-white{ background-image: url(../image/right2.png); right: 25px; } @media only screen and (max-width: 1023px) { .resource01 .swiper-button-next.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-prev.swiper-button-white{ right: 20px; } } @media only screen and (max-width: 1023px) { .resource01 .swiper-button-next.swiper-button-white, .resource01 .swiper-container-rtl .swiper-button-prev.swiper-button-white{ right: 10px; } } /* business-marketplace_detail */ .bazaar{ margin-top: 58px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .bazaar{ margin-top: 40px; margin-bottom: 40px } } @media only screen and (max-width: 1023px) { .bazaar{ margin-top: 30px; margin-bottom: 30px } } @media only screen and (max-width: 767px) { .bazaar{ margin-top: 20px; margin-bottom: 20px } } .bazaar-inner{ padding-left: 50px; padding-right: 50px; padding-top: 47px; padding-bottom: 47px; background: #f0f0f0; height: 26px; border-bottom: 2px solid #1993A0; } .bazaar-list li.on .bazaar-inner{ background: url(../image/goods3.jpg); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; border-bottom: 2px solid #cccccc; } @media only screen and (max-width: 1400px) { .bazaar-inner{ padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 1023px) { .bazaar-inner{ padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .bazaar-inner{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } } .bazaar-inner h2{ float: left; color: #646464; line-height: 26px; } .bazaar-list li.on .bazaar-inner h2{ color: #FFFFFF; } @media only screen and (max-width: 767px) { .bazaar-inner h2{ width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .bazaar-arrow{ float: right; width: 32px; height: 100%; background: url(../image/down.png) no-repeat center center; cursor: pointer; } .bazaar-list li.on .bazaar-arrow{ background: url(../image/up.png) no-repeat center center; } .bazaar-box{ padding-left: 50px; padding-right: 50px; padding-top: 47px; padding-bottom: 60px; transition: all 0.6s; display: none; } .bazaar-list li.on .bazaar-box{ display: block; } @media only screen and (max-width: 1400px) { .bazaar-box{ padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; } } @media only screen and (max-width: 1023px) { .bazaar-box{ padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .bazaar-box{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } } .bazaar-box p{ color: #666666; line-height: 25px; } .bazaar-box-list{ padding-top: 39px; margin-left: -5px; margin-right: -5px; margin-top: -10px; } @media only screen and (max-width: 1400px) { .bazaar-box-list{ padding-top: 30px; } } @media only screen and (max-width: 1023px) { .bazaar-box-list{ padding-top: 20px; } } .bazaar-box-list li{ float: left; width: 33.33%; } @media only screen and (max-width: 767px) { .bazaar-box-list li{ width: 100%; } } .bazaar-box-inner{ margin-left: 5px; margin-right: 5px; margin-top: 10px; overflow: hidden; } .bazaar-box-inner img{ width: 100%; transition: all 0.6s; } .bazaar-box-inner img:hover{ transform: scale(1.2); } /* business-investment */ .invest01{ margin-top: 57px; margin-bottom: 66px; } @media only screen and (max-width: 1400px) { .invest01{ margin-top: 40px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .invest01{ margin-top: 30px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .invest01{ margin-top: 10px; margin-bottom: 10px; } } .invest01-t{ background: url(../image/invest1.jpg); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; } .invest01-t p{ color: #FFFFFF; line-height: 36px; padding-left: 180px; padding-right: 180px; padding-top: 70px; padding-bottom: 65px; text-align: center; } @media only screen and (max-width: 1400px) { .invest01-t p{ padding-left: 80px; padding-right: 80px; padding-top: 60px; padding-bottom: 60px; } } @media only screen and (max-width: 1023px) { .invest01-t p{ padding-left: 40px; padding-right: 40px; padding-top: 30px; padding-bottom: 30px; line-height: 30px; } } @media only screen and (max-width: 767px) { .invest01-t p{ padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; line-height: 24px; } } .invest01-c{ padding-top: 70px; text-align: center; } @media only screen and (max-width: 1400px) { .invest01-c{ padding-top: 40px; } } @media only screen and (max-width: 1023px) { .invest01-c{ padding-top: 30px; } } @media only screen and (max-width: 767px) { .invest01-c{ padding-top: 20px; } } .invest01-c span.ser{ display: block; margin-bottom: 38px; color: #646464; } @media only screen and (max-width: 1400px) { .invest01-c span.ser{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .invest01-c span.ser{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .invest01-c span.ser{ margin-bottom: 10px; } } .invest01-c p{ color: #646464; margin-bottom: 12px; padding: 0 6.25%; } @media only screen and (max-width: 767px) { .invest01-c p{ margin-bottom: 5px; text-align: left; padding: 0 } } .invest01-b{ margin-top: 50px; } @media only screen and (max-width: 1400px) { .invest01-b{ margin-top: 40px; } } @media only screen and (max-width: 1023px) { .invest01-b{ margin-top: 30px; } } @media only screen and (max-width: 767px) { .invest01-b{ margin-top: 20px; } } .invest01-b-list{ width: 399px; margin-left: auto; margin-right: auto; margin-bottom: 48px; max-width: 100%; } @media only screen and (max-width: 1400px) { .invest01-b-list{ margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .invest01-b-list{ margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .invest01-b-list{ margin-bottom: 20px; } } .invest01-b-list ul{ overflow: hidden; } .invest01-b-inner{ padding-bottom: 3px; position: relative; } .invest01-b-inner span{ display: block; text-align: center; border: 2px solid #1993A0; cursor: pointer; color: #646464; line-height: 44px; } @media only screen and (max-width: 767px) { .invest01-b-inner span{ line-height: 30px; } } .invest01-b-inner em{ /*display: block;*/ width: 5px; height: 3px; background: url(../image/jiantou.png); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: none; } .invest01-b-list ul li.on .invest01-b-inner span{ background: #1993A0; color: #FFFFFF; } .invest01-b-list ul li.on .invest01-b-inner em{ display: block; } .invest01-box-inner{ padding-top: 70px; padding-bottom: 65px; padding-left: 70px; padding-right: 70px; } @media only screen and (max-width: 1400px) { .invest01-box-inner{ padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 1023px) { .invest01-box-inner{ padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .invest01-box-inner{ padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } } .index01-box-list li.inv01 .invest01-box-inner, .index01-box-list li.inv03 .invest01-box-inner{ background: #F1F1F1; } .invest01-box-l{ float: left; width: 13.5%; } @media only screen and (max-width: 767px) { .invest01-box-l{ width: 100%; } } .invest01-box-l .pic{ display: block; overflow: hidden; transition: all 0.6s; } @media only screen and (max-width: 767px) { .invest01-box-l .pic{ width: 150px; margin-left: auto; margin-right: auto; } } .invest01-box-l .pic img{ width: 100%; } .index01-box-list li:hover .invest01-box-l .pic{ transform: scale(1.05); } .invest01-box-r{ float: left; width: 82.5%; } @media only screen and (max-width: 767px) { .invest01-box-r{ width: 100%; margin-top: 10px; } } .invest01-box-r h2{ margin-left: 58px; color: #646464; margin-bottom: 35px; } @media only screen and (max-width: 1400px) { .invest01-box-r h2{ margin-bottom: 20px; margin-left: 30px; } } @media only screen and (max-width: 1023px) { .invest01-box-r h2{ margin-bottom: 10px; margin-left: 20px; } } @media only screen and (max-width: 767px) { .invest01-box-r h2{ margin-bottom: 5px; margin-left: 0; } } .invest01-box-r p{ margin-left: 58px; line-height: 24px; color: #646464; } @media only screen and (max-width: 1400px) { .invest01-box-r p{ margin-left: 30px; } } @media only screen and (max-width: 1023px) { .invest01-box-r p{ margin-left: 20px; } } @media only screen and (max-width: 767px) { .invest01-box-r p{ margin-left: 0; } } .invest01-box-r p:first-of-type{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .invest01-box-r p:last-of-type{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 72px; } .investment-list .invest01-box-r p:first-of-type{ white-space: inherit; } .investment-list .invest01-box-r p:last-of-type{ height: auto; display: block; -webkit-line-clamp: inherit;} /* community-index */ .society01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .society01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .society01{ margin-top: 25px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .society01{ margin-top: 20px; margin-bottom: 20px; } } .society01-t{ background: url(../image/idea1.jpg); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; padding-top: 50px; padding-bottom: 65px; /* padding-left: 280px; padding-right: 280px; */ text-align: center; } @media only screen and (max-width: 1400px) { .society01-t{ padding-top: 30px; padding-bottom: 35px; /* padding-left: 180px; padding-right: 180px */ } } @media only screen and (max-width: 1023px) { .society01-t{ padding-top: 20px; padding-bottom: 25px; /* padding-left: 80px; padding-right: 80px */ } } @media only screen and (max-width: 767px) { .society01-t{ padding-top: 10px; padding-bottom: 10px; /* padding-left: 10px; padding-right: 10px */ } } .society01-t img{ max-width: 100% !important; } .society01-list{ padding-top: 60px; margin-top: -40px; } @media only screen and (max-width: 1400px) { .society01-list{ padding-top: 40px; margin-top: -30px; } } @media only screen and (max-width: 1023px) { .society01-list{ padding-top: 30px; margin-top: -20px; } } @media only screen and (max-width: 767px) { .society01-list{ padding-top: 20px; margin-top: -10px; } } .society01-inner{ margin-top: 40px; } @media only screen and (max-width: 1400px) { .society01-inner{ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .society01-inner{ margin-top: 20px; } } @media only screen and (max-width: 767px) { .society01-inner{ margin-top: 10px; } } .society01-l{ float: left; width: 50%; overflow: hidden; } @media only screen and (max-width: 767px) { .society01-l{ width: 100%; } } .society01-l>img{ width: 100%; height: 100%; transition: all 0.6s; } .society01-r{ float: left; width: 50%; overflow: hidden; } @media only screen and (max-width: 767px) { .society01-r{ width: 100%; padding-bottom: 5px; } } .society01-r>img{ width: 100%; height: 100%; transition: all 0.6s; } .society01-list li:hover .society01-l>img, .society01-list li:hover .society01-r>img{ transform: scale(1.2); } .society01-r-inner{ height: 100%; border: 1px solid #F0F0F0; } .society01-r-inner em{ display: block; margin-left: 79px; margin-top: 80px; margin-right: 120px; margin-bottom: 30px; } @media only screen and (max-width: 1500px) { .society01-r-inner em{ margin-left: 40px; margin-top: 30px; margin-right: 40px; margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .society01-r-inner em{ margin-left: 20px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .society01-r-inner em{ margin-left: 10px; margin-right: 10px; margin-bottom: 5px; } } .society01-list li:last-of-type .society01-r-inner em{ margin-top: 50px; margin-left: 59px; margin-right: 72px; } @media only screen and (max-width: 1500px) { .society01-list li:last-of-type .society01-r-inner em{ margin-top: 25px; margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 1023px) { .society01-list li:last-of-type .society01-r-inner em{ margin-top: 10px; margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .society01-list li:last-of-type .society01-r-inner em{ margin-left: 10px; margin-right: 10px; } } .society01-r-inner em img{ width: 22.1%; } .society01-r-inner h2{ color: #333333; margin-left: 79px; margin-right: 120px; margin-bottom: 15px; line-height: 1; } @media only screen and (max-width: 1500px) { .society01-r-inner h2{ margin-left: 40px; margin-right: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 1023px) { .society01-r-inner h2{ margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .society01-r-inner h2{ margin-left: 10px; margin-right: 10px; margin-bottom: 5px; } } .society01-list li:last-of-type .society01-r-inner h2{ margin-left: 59px; margin-right: 72px; } @media only screen and (max-width: 1500px) { .society01-list li:last-of-type .society01-r-inner h2{ margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 1023px) { .society01-list li:last-of-type .society01-r-inner h2{ margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .society01-list li:last-of-type .society01-r-inner h2{ margin-left: 10px; margin-right: 10px; } } .society01-r-inner p{ margin-left: 79px; margin-right: 100px; color: #666666; line-height: 24px; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 48px;*/ } @media only screen and (max-width: 1500px) { .society01-r-inner p{ margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 1023px) { .society01-r-inner p{ margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 767px) { .society01-r-inner p{ margin-left: 10px; margin-right: 10px; line-height: 20px; /*height: 40px;*/ } } .society01-list li:last-of-type .society01-r-inner p{ margin-left: 59px; margin-right: 72px; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;*/ } @media only screen and (max-width: 1500px) { .society01-list li:last-of-type .society01-r-inner p{ margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 1023px) { .society01-list li:last-of-type .society01-r-inner p{ margin-left: 20px; margin-right: 20px; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;*/ } } @media only screen and (max-width: 767px) { .society01-list li:last-of-type .society01-r-inner p{ margin-left: 10px; margin-right: 10px; } } /* corporation-practice */ .fulfil01{ margin-top: 38px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .fulfil01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .fulfil01{ margin-top: 25px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .fulfil01{ margin-top: 20px; margin-bottom: 20px; } } .fulfil01-inner{ padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .fulfil01-inner{ padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } } .fulfil01-list li.ful1 .fulfil01-inner, .fulfil01-list li.ful3 .fulfil01-inner{ background: #FAFAFA; } .fulfil01-l{ float: left; width: 38.1%; position: relative; } @media only screen and (max-width: 767px) { .fulfil01-l{ width: 100%; } } .fulfil01-l>a{ display: block; overflow: hidden; } .fulfil01-l>a img{ width: 100%; transition: all 0.6s; } .fulfil01-list li:hover .fulfil01-l>a img{ transform: scale(1.2); } .fulfil01-l-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(32,150,163,0.6); display: none; } .fulfil01-list li:hover .fulfil01-l-box{ display: block; } .fulfil01-l-box a{ display: block; width: 100%; height: 100%; } .fulfil01-r{ float: left; width: 61.9%; } @media only screen and (max-width: 767px) { .fulfil01-r{ width: 100%; } } .fulfil01-r-box{ padding-left: 40px; padding-right: 40px; padding-top: 40px; } @media only screen and (max-width: 1400px) { .fulfil01-r-box{ padding-left: 30px; padding-right: 30px; padding-top: 20px; } } @media only screen and (max-width: 1023px) { .fulfil01-r-box{ padding-left: 20px; padding-right: 20px; padding-top: 0; } } @media only screen and (max-width: 767px) { .fulfil01-r-box{ padding-left: 0; padding-right: 0; padding-top: 10px; } } .fulfil01-r-box span{ display: block; line-height: 14px; color: #999999; margin-bottom: 25px; } @media only screen and (max-width: 1400px) { .fulfil01-r-box span{ margin-bottom: 15px; } } @media only screen and (max-width: 1023px) { .fulfil01-r-box span{ margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .fulfil01-r-box span{ margin-bottom: 5px; } } .fulfil01-r-box h2{ margin-bottom: 15px; } @media only screen and (max-width: 1023px) { .fulfil01-r-box h2{ margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .fulfil01-r-box h2{ margin-bottom: 5px; } } .fulfil01-r-box h2 a{ color: #333333; } .fulfil01-list li:hover .fulfil01-r-box h2 a{ color: #1993A0; } .fulfil01-r-box p{ color: #666666; margin-bottom: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media only screen and (max-width: 1400px) { .fulfil01-r-box p{ margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .fulfil01-r-box p{ margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .fulfil01-r-box p{ margin-bottom: 5px; } } .fulfil01-r-box em{ display: block; text-align: right; } .fulfil01-r-box em a{ display: inline-block; height: 20px; text-align: center; color: #1993A0; } .fulfil01-r-box em a img{ display: inline-block; vertical-align: middle; margin-left: 4px; } /* corporation-practice_detail */ .fulfil02{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .fulfil02{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .fulfil02{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .fulfil02{ margin-bottom: 20px; } } .fulfil02-list{ margin-left: -5px; margin-right: -5px; border-bottom: 1px solid #E6E6E6; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .fulfil02-list{ padding-bottom: 10px; } } .fulfil02-list li{ float: left; width: 33.33%; } @media only screen and (max-width: 767px) { .fulfil02-list li{ width: 100%; } } .fulfil02-inner{ margin-left: 5px; margin-right: 5px; } .fulfil02-inner .pic{ display: block; overflow: hidden; } .fulfil02-inner .pic img{ width: 100%; transition: all 0.6s; } .fulfil02-list li:hover .fulfil02-inner .pic img{ transform: scale(1.2); } .fulfil02-inner h2{ color: #333333; margin-top: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fulfil02-inner h2 a{ color: #333333; } .fulfil02-list li:hover .fulfil02-inner h2 a{ color: #1993A0; } .fulfil02-inner p{ color: #666666; line-height: 24px; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .fulfil02 .pageout{ margin-top: 30px; } @media only screen and (max-width: 1024px) { .fulfil02 .pageout{ margin-top: 20px; } } @media only screen and (max-width: 768px) { .fulfil02 .pageout{ margin-top: 10px; } } /*community-bulletin*/ .report01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .report01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .report01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .report01{ margin-bottom: 20px; } } .report01-list{ margin-left: -10px; margin-right: -10px; } .report01-list li{ float: left; width: 50%; } @media only screen and (max-width: 1023px) { .report01-list li{ width: 100%; } } .report01-inner{ margin-left: 10px; margin-right: 10px; margin-bottom: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; background: #FAFAFA; } .report01-l{ float: left; width: 50%; } @media only screen and (max-width: 767px) { .report01-l{ width: 100%; } } .report01-l a{ display: block; overflow: hidden; box-shadow: 0px 0px 8px 6px rgba(0,0,0,0.2); } .report01-l a img{ width: 100%; transition: all 0.6s; } .report01-list li:hover .report01-l a img{ transform: scale(1.2); } .report01-r{ float: left; width: 50%; } @media only screen and (max-width: 767px) { .report01-r{ width: 100%; } } .report01-r-box{ padding-left: 30px; padding-right: 30px; padding-top: 17px; } @media only screen and (max-width: 1400px) { .report01-r-box{ padding-left: 20px; padding-right: 20px; padding-top: 10px; } } @media only screen and (max-width: 1023px) { .report01-r-box{ padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .report01-r-box{ padding-left: 0; padding-right: 0; } } .report01-r-box h2{ margin-bottom: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media only screen and (max-width: 1400px) { .report01-r-box h2{ margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .report01-r-box h2{ margin-bottom: 5px; } } .report01-r-box h2 a{ color: #333333; } .report01-list li:hover .report01-r-box h2 a{ color: #1993A0; } .report01-r-box p{ color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; margin-bottom: 60px; } @media only screen and (max-width: 1300px) { .report01-r-box p{ margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .report01-r-box p{ margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .report01-r-box p{ margin-bottom: 10px; } } .report01-r-box span{ display: block; width: 178px; height: 36px; line-height: 36px; border: 1px solid #1993A0; text-align: center; } @media only screen and (max-width: 1400px) { .report01-r-box span{ width: 90px; height: 30px; line-height: 30px; } } .report01-r-box span a{ display: block; width: 100%; height: 100%; color: #1993A0; } /*relationship-index*/ .relation01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .relation01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .relation01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .relation01{ margin-bottom: 20px; } } .relation01-l{ float: left; width: calc(100% - 377px); } @media only screen and (max-width: 1400px) { .relation01-l{ width: calc(100% - 310px); } } @media only screen and (max-width: 1023px) { .relation01-l{ width: calc(100% - 270px); } } @media only screen and (max-width: 767px) { .relation01-l{ width: 100%; } } .relation01-l-list{ margin-left: -5px; margin-right: -5px; margin-top: -10px; } .relation01-l-list li{ float: left; width: 33.33%; } @media only screen and (max-width: 1023px) { .relation01-l-list li{ width: 50%; } } .relation01-l-inner{ margin-left: 5px; margin-top: 10px; margin-right: 5px; border: 1px solid #E6E6E6; text-align: center; padding-top: 10%; padding-bottom: 10%; } @media only screen and (max-width: 1023px) { .relation01-l-inner{ padding-top: 10%; padding-bottom: 10%; } } .relation01-l-inner em{ display: block; margin-bottom: 22px; } .relation01-l-inner p{ height: 42px; overflow: hidden; padding-left: 10px; padding-right: 10px; } .relation01-r{ float: left; width: 377px; margin-top: -40px; text-align: right; } @media only screen and (max-width: 1400px) { .relation01-r{ margin-top: -30px; width: 310px; } } @media only screen and (max-width: 1023px) { .relation01-r{ margin-top: -20px; width: 270px; } } @media only screen and (max-width: 767px) { .relation01-r{ margin-top: 0; width: 100%; } } .relation01-r-box{ margin-left: 60px; margin-top: 40px; border: 1px solid #f0f0f0; background: #FAFAFA; padding-top: 35px; padding-left: 38px; padding-right: 40px; padding-bottom: 27px; text-align: left; } @media only screen and (max-width: 1400px) { .relation01-r-box{ margin-left: 40px; margin-top: 30px; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 1023px) { .relation01-r-box{ margin-left: 20px; margin-top: 20px; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .relation01-r-box{ margin-left: 0; margin-top: 10px; } } .relation01-r-box h2{ color: #333333; margin-bottom: 25px; } @media only screen and (max-width: 1400px) { .relation01-r-box h2{ margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .relation01-r-box h2{ margin-bottom: 10px; } } .relation01-r-box h3{ padding-top: 30px; padding-bottom: 30px; text-align: center; border: 1px solid #f0f0f0; background: #FFFFFF; margin-bottom: 20px; } @media only screen and (max-width: 1400px) { .relation01-r-box h3{ padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 1023px) { .relation01-r-box h3{ padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } } .relation01-r-box h3 p{ float: left; color: #333333; margin-left: 39px; } @media only screen and (max-width: 1400px) { .relation01-r-box h3 p{ margin-left: 30px; } } @media only screen and (max-width: 767px) { .relation01-r-box h3 p{ margin-top: 3px; } } .relation01-r-box h3 span{ float: left; display: block; margin-left: 17px; } .relation01-r-box h3 span.red{ color: #da0e0e; } .relation01-r-box h3 span.green{ color: #21da0e; } .relation01-r-box h3 span img{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-bottom: 5px; } .relation01-r-box h4{ margin-bottom: 33px; } @media only screen and (max-width: 1400px) { .relation01-r-box h4{ margin-bottom: 20px } } @media only screen and (max-width: 1023px) { .relation01-r-box h4{ margin-bottom: 10px } } .relation01-r-box h4 p{ color: #666666; } .relation01-r-box h4 p a{ color: #666666; } /*relationship-administer*/ .govern01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .govern01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .govern01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .govern01{ margin-top: 20px; margin-bottom: 20px; } } .govern01-l{ float: left; width: calc(100% - 377px); } @media only screen and (max-width: 1400px) { .govern01-l{ width: calc(100% - 310px); } } @media only screen and (max-width: 1023px) { .govern01-l{ width: calc(100% - 270px); } } @media only screen and (max-width: 767px) { .govern01-l{ width: 100%; } } .govern01-l-list{ border-top: 1px solid #E6E6E6; } .govern01-l-inner{ padding-top: 30px; padding-bottom: 29px; padding-left: 10px; border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 1400px) { .govern01-l-inner{ padding-top: 20px; padding-bottom: 20px; } } /*@media only screen and (max-width: 1023px) { .govern01-l-inner{ padding-top: 10px; padding-bottom: 10px; } }*/ .govern01-l-l{ float: left; width: 50px; } .govern01-l-l a{ display: block; } .govern01-l-r{ float: left; width: calc(100% - 50px); } .govern01-l-r h2{ margin-bottom: 15px; margin-left: 30px; margin-right: 20px; } @media only screen and (max-width: 1400px) { .govern01-l-r h2{ float: none; margin-left: 20px; margin-right: 10px; } } @media only screen and (max-width: 1023px) { .govern01-l-r h2{ margin-left: 10px; margin-bottom: 10px; } } .fiea .govern01-l-r h2{ float: left; } @media only screen and (max-width: 767px) { .fiea .govern01-l-r h2{ float: none; } } .govern01-l-r h2 a{ display:block; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 1660px) { .govern01-l-r h2 a{ line-height: 22px; } } @media only screen and (max-width: 1400px) { .govern01-l-r h2 a{ line-height: 20px; } } @media only screen and (max-width: 1270px) { .govern01-l-r h2 a{ line-height: 18px; } } /*@media only screen and (max-width: 1023px) { .govern01-l-r h2 a{ line-height: 16px; } }*/ .govern01-l-list li:hover .govern01-l-r h2 a{ color: #1993A0; } .govern01-l-r span{ float: right; } @media only screen and (max-width: 767px) { .govern01-l-r span{ float: none; display: inline-block; margin-left: 10px; margin-bottom: 5px; } } .govern01-l-r p{ width: 100%; color: #666666; margin-left: 30px; margin-right: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 21px; height: 42px; } @media only screen and (max-width: 1400px) { .govern01-l-r p{ margin-left: 20px; margin-right: 10px; } } @media only screen and (max-width: 1023px) { .govern01-l-r p{ margin-left: 10px; } } .means01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .means01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .means01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .means01{ margin-bottom: 20px; } } .means01-l{ float: left; width: calc(100% - 377px); text-align: center; } @media only screen and (max-width: 1400px) { .means01-l{ width: calc(100% - 310px); } } @media only screen and (max-width: 1023px) { .means01-l{ width: calc(100% - 270px); } } @media only screen and (max-width: 767px) { .means01-l{ width: 100%; } } .means01-l h2{ height: 60px; line-height: 60px; color: #FFFFFF; background: #1993A0; } @media only screen and (max-width: 767px) { .means01-l h2{ height: 40px; line-height: 40px; } } .means01-list li{ height: 54px; line-height: 54px; border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 767px) { .means01-list li{ height: 34px; line-height: 34px; } } .means01-list li.mea1{ height: 60px; line-height: 60px; background: #a3d4d9; } @media only screen and (max-width: 767px) { .means01-list li.mea1{ height: 40px; line-height: 40px; } } .means01-list li.mea2, .means01-list li.mea4, .means01-list li.mea6, .means01-list li.mea8, .means01-list li.mea10, .means01-list li.mea12{ background: #F5F5F5; } .means01-list li:hover{ background: #a3d4d9; } .means01-list li a{ display: block; } .means01-list li a .means01-l-text{ float: left; width: 50%; } .means01-l span{ display: block; width: 240px; height: 46px; line-height: 46px; margin-left: auto; margin-right: auto; margin-top: 40px; background: #1993A0; } @media only screen and (max-width: 1400px) { .means01-l span{ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .means01-l span{ margin-top: 20px; } } @media only screen and (max-width: 767px) { .means01-l span{ width: 200px; height: 36px; line-height: 36px; margin-top: 10px; } } .means01-l span a{ display: block; color: #ffffff; } .mass01{ margin-top: 40px; margin-bottom: 60px } @media only screen and (max-width: 1400px) { .mass01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .mass01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .mass01{ margin-bottom: 20px; } } .mass01 span.ser{ display: block; text-align: center; padding-bottom: 19px; border-bottom: 1px solid #E6E6E6; color: #333333; } @media only screen and (max-width: 1400px) { .mass01 span.ser{ padding-bottom: 15px; } } @media only screen and (max-width: 1023px) { .mass01 span.ser{ padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .mass01 span.ser{ padding-bottom: 5px; } } .mass01 .bon span{ float: left; width: 25%; text-align: center; margin-top: 20px; color: #999999; } @media only screen and (max-width: 1023px) { .mass01 .bon span{ margin-top: 10px; } } @media only screen and (max-width: 767px) { .mass01 .bon span{ margin-top: 5px; width: 50%; text-align: left; } } .mass01 .bon span em{ color: #666666; } .mass01 .bon span a{ display: inline-block; color: #999999; font-size: 14px; margin: 0 4px; cursor: pointer; } .mass01 .bon span a.on, .mass01 .bon span a:hover{ color: #666666; } .mass01 .conts{ margin-top: 35px; padding-bottom: 40px; border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 1400px) { .mass01 .conts{ margin-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 1023px) { .mass01 .conts{ margin-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .mass01 .conts{ margin-top: 10px; padding-bottom: 10px; } } .mass01 .conts .mass01-text{ margin-bottom: 30px; } @media only screen and (max-width: 1400px) { .mass01 .conts .mass01-text{ margin-bottom: 20px; } } @media only screen and (max-width: 1023px) { .mass01 .conts .mass01-text{ margin-bottom: 10px; } } .mass01 .conts .mass01-text p{ color: #666666; } .mass01-list{ margin-left: -10px; margin-right: -10px; margin-top: -10px; } .mass01-list li{ float: left; width: 50%; } @media only screen and (max-width: 767px) { .mass01-list li{ width: 100%; } } .mass01-list-inner{ margin-top: 10px; margin-left: 10px; margin-right: 10px; } .mass01-list-inner img{ width: 100%; } .mass01-b{ margin-top: 20px; } @media only screen and (max-width: 767px) { .mass01-b{ margin-top: 10px; } } .mass01-b span{ display: block; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 767px) { .mass01-b span{ margin-bottom: 5px; } } .film01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .film01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .film01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .film01{ margin-bottom: 20px; } } .film01-list{ width: 600px; max-width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 2px; } .film01-list li{ float: left; width: 33.33%; text-align: center; } .film01-list li a{ display: inline-block; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; color: #CCCCCC; } @media only screen and (max-width: 767px) { .film01-list li a{ padding-left: 10px; padding-right: 10px; } } .film01-list li.on a, .film01-list li a:hover{ color: #333333; border-bottom: 2px solid #333333; } .film01-list1{ margin-top: 40px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E6E6E6; margin-left: -5px; margin-right: -5px; } @media only screen and (max-width: 1400px) { .film01-list1{ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .film01-list1{ margin-top: 20px; } } @media only screen and (max-width: 767px) { .film01-list1{ margin-top: 10px; padding-bottom: 5px; } } .film01-list1 li{ float: left; width: 33.33%; } @media only screen and (max-width: 767px) { .film01-list1 li{ width: 100%; } } .film01-inner{ margin-left: 5px; margin-right: 5px; } .film01-inner .piv{ position: relative; overflow: hidden; width: 100%; cursor: pointer; } .film01-inner .piv > img{ width: 100%; transition: all 0.6s; } .film01-list1 li:hover .film01-inner .piv>img{ transform: scale(1.5); } .film01-inner-text{ height: 70px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .film01-list1 li:hover .film01-inner-text span{ color: #1993A0; } @media only screen and (max-width: 1400px) { .film01-inner-text{ height: 60px; line-height: 60px; } } @media only screen and (max-width: 1023px) { .film01-inner-text{ height: 50px; line-height: 50px; } } @media only screen and (max-width: 767px) { .film01-inner-text{ height: 40px; line-height: 40px; } } .film01-inner-text span{ color: #333333; cursor: pointer; display: inline-block; } .resource01_black span{ display: block; height: 79px; line-height: 79px; color: #000000; text-align: center; background: #FFFFFF; } @media only screen and (max-width: 1400px) { .resource01_black span{ height: 60px; line-height: 60px; } } @media only screen and (max-width: 1023px) { .resource01_black span{ height: 40px; line-height: 40px; } } @media only screen and (max-width: 767px) { .resource01_black span{ height: 30px; line-height: 30px; } } .film01-inner .piv em{ display: inline-block; width: 62px; height: 62px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; } .film01-inner .piv em img{ width: 100%; } .resource01-inner .video-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); display: none; } .resource01-inner .bofang{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 62px; height: 62px; cursor: pointer; } .resource01-inner .bofang img{ width: 100%; } .abstract01 span{ display: block; margin-bottom: 40px; margin-top: 40px; text-align: center; } @media only screen and (max-width: 1400px) { .abstract01 span{ margin-top: 30px; margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .abstract01 span{ margin-top: 20px; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .abstract01 span{ margin-top: 10px; } } .abstract01 span a{ display: block; color: #333333; } .abstract01 span a:hover{ color: #1993A0; } .touch01{ margin-top: 28px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .touch01{ margin-top: 25px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .touch01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .touch01{ margin-bottom: 20px; } } .abstract04-list{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .abstract04-list li{ position: absolute; width: 1.16%; cursor: pointer; } @media only screen and (max-width: 767px) { .abstract04-list li{ width: 10px; display: none; } } .abstract04-list li img{ width: 100%; } .abstract04-list li img:nth-of-type(2){display: none;} .abstract04-list li.on img:nth-of-type(1){display: none;} .abstract04-list li.on img:nth-of-type(2){display: block;} .abstract04-list li.wz1{ top: 16.8%; left: 35.75%; padding-top: 1%; padding-left: 1%; padding-right: 0.5%; } .abstract04-list li.wz1 em{ top: 22%; left: -107%; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz1{ top: 16%; left: 31%; padding-right: 0; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz1{ top: 14%; left: 31%; padding-right: 0; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz1{ top: 10%; left: 30%; } }*/ .abstract04-list li.wz2{ top: 20.6%; left: 38.1%; padding-bottom: 1%; padding-right: 2.5%; } .abstract04-list li.wz2 em{ top: 80%; left: -24%; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz2{ top: 20%; left: 33%; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz2{ top: 19%; left: 32.5%; padding-right: 2%; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz2{ top: 18%; left: 32.5%; } }*/ .abstract04-list li.wz3{ top: 17.2%; left: 39.5%; padding-left: 3%; } .abstract04-list li.wz3 em{ top: -116%; left: 48%; width: 30px; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz3{ top: 16%; left: 35.5%; padding-left: 2.5%; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz3{ top: 15%; left: 36%; padding-left: 2%; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz3{ top: 13%; left: 37%; } }*/ .abstract04-list li.wz4{ top: 19%; left: 43.83%; padding-right: 3%; } .abstract04-list li.wz4 em{ top: -10%; left: 36.83%; width: 30px; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz4{ top: 18.5%; left: 39.9%; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz4{ top: 18%; left: 39.9%; padding-right: 2%; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz4{ top: 17%; left: 39.9%; } }*/ .abstract04-list li.wz5{ top: 75.5%; left: 42.5%; padding-right: 7%; } .abstract04-list li.wz6 em { width: auto; left: 18%; top: -11%; padding: 1px 3px; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz5{ top: 76.5%; left: 36.5%; padding-right: 7.5%; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz5{ top: 75.5%; left: 36.2%; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz5{ top: 73%; left: 36.2%; } }*/ .abstract04-list li.wz6{ top: 63%; left: 81.8%; padding-bottom: 0.5%; padding-left: 3.5%; } /*@media only screen and (max-width: 1400px) { .abstract04-list li.wz6{ top: 81%; left: 68.8%; } } @media only screen and (max-width: 1023px) { .abstract04-list li.wz6{ top: 79%; left: 68.3%; } } @media only screen and (max-width: 767px) { .abstract04-list li.wz6{ top: 76%; left: 71.5%; } }*/ .abstract04-list li.wz7{ top: 28.6%; left: 41.1%; padding-bottom: 1%; padding-right: 2.5%; } .abstract04-list li.wz7 em{ top: 80%; left: -24%; } .touch01-list{ width: 30%; float: left; overflow: hidden; margin-right: 5%; margin-top: 40px; margin-bottom: 180px; } .touch01-list:last-child{ margin-right: 0; } .touch01-list li{ width: 100%; margin-bottom: 20px; } /*@media only screen and (max-width: 1400px) { .touch01-list li{ height: 300px; } } @media only screen and (max-width: 1023px) { .touch01-list li{ height: 250px; } }*/ @media only screen and (max-width: 767px) { .touch01-list li{ height: 100%; width: 100%; } } .touch01-inner{ display: block; height: 100%; } .touch01-list li:nth-child(4) .touch01-inner{ border: 1px solid #f3f3f3; } .touch01-inner h2{ margin-bottom: 10px; border-bottom: 2px solid #ccc; color: #0292a0; padding-bottom: 10px; font-size: 14px; } @media only screen and (max-width: 1400px) { .touch01-inner h2{ margin-bottom: 15px; } } @media only screen and (max-width: 1023px) { .touch01-inner h2{ margin-bottom: 10px; } } .touch01-inner .touch01-box{ /*padding-left: 60px; margin-top: 60px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;*/ } @media only screen and (max-width: 1400px) { .touch01-inner .touch01-box{ /*padding-left: 30px;*/ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .touch01-inner .touch01-box{ /*padding-left: 20px;*/ margin-top: 20px; } } @media only screen and (max-width: 767px) { .touch01-inner .touch01-box{ /*padding-left: 10px;*/ margin-top: 10px; } } .touch01-list li:nth-child(2) .touch01-inner .touch01-box{ /*border-left: 1px solid #e5e5e5;*/ } @media only screen and (max-width: 767px) { .touch01-list li:nth-child(2) .touch01-inner .touch01-box{ border-left: none; } } .touch01-inner h2 img{ display: inline-block; margin-right: 20px; vertical-align: middle; } @media only screen and (max-width: 1023px) { .touch01-inner h2 img{ /*margin-right: 10px;*/ } } .touch01-inner p{ /*margin-left: 44px; margin-bottom: 10px;*/ color: #646464; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-size: 12px; } @media only screen and (max-width: 1023px) { .touch01-inner p{ /*margin-left: 34px;*/ margin-bottom: 5px; } } .touch01-inner p em{ /*display: inline-block;*/ margin-right: 10px; display: contents; } .touch01-inner p a{ color: #646464; } .touch01-list li:nth-child(3) .touch01-inner p:last-of-type{ /*margin-top: 40px;*/ } @media only screen and (max-width: 1440px) { .touch01-list li:nth-child(3) .touch01-inner p:last-of-type{ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .touch01-list li:nth-child(3) .touch01-inner p:last-of-type{ margin-top: 20px; } } @media only screen and (max-width: 767px) { .touch01-list li:nth-child(3) .touch01-inner p:last-of-type{ margin-top: 10px; } } .touch01-inner span{ display: inline-block; padding-bottom: 10px; margin-bottom: -14px; } /*@media only screen and (max-width: 1023px) { .touch01-inner span{ margin-left: 34px; } }*/ .touch01-inner span.gs2, .touch01-inner span.gs4{ margin-left: 15px; } @media only screen and (max-width: 1600px) { .touch01-inner span.gs2, .touch01-inner span.gs4{ margin-left: 0; display: block; } } /*@media only screen and (max-width: 1023px) { .touch01-inner span.gs2, .touch01-inner span.gs4{ margin-left: 34px; } }*/ .touch01-list li:nth-child(2) .touch01-inner h2:last-of-type, .touch01-list li:nth-child(4) .touch01-inner h2:last-of-type{ /*margin-top: 60px;*/ } @media only screen and (max-width: 1400px) { .touch01-list li:nth-child(2) .touch01-inner h2:last-of-type, .touch01-list li:nth-child(4) .touch01-inner h2:last-of-type{ margin-top: 30px; } } @media only screen and (max-width: 1023px) { .touch01-list li:nth-child(2) .touch01-inner h2:last-of-type, .touch01-list li:nth-child(4) .touch01-inner h2:last-of-type{ margin-top: 20px; } } @media only screen and (max-width: 767px) { .touch01-list li:nth-child(2) .touch01-inner h2:last-of-type, .touch01-list li:nth-child(4) .touch01-inner h2:last-of-type{ margin-top: 10px; } } .touch01-box1{ width: 1000px; max-width: 82%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-: translate(-50%,-50%);-ms-: translate(-50%,-50%);-moz-: translate(-50%,-50%); z-index: 99999; background: #FFFFFF; display: none; } .touch01-box-list{ width: 100%; /*height: 620px;*/ overflow: auto; } @media only screen and (max-width: 1400px) { .touch01-box-list{ height: 500px; } } @media only screen and (max-width: 1023px) { .touch01-box-list{ height: 400px; } } @media only screen and (max-width: 767px) { .touch01-box-list{ height: 300px; } } .touch01-box-inner{ margin-left: 20px; margin-right: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #cccccc; } @media only screen and (max-width: 767px) { } .touch01-l{ float: left; width: 41.6%; } @media only screen and (max-width: 767px) { .touch01-l{ width: 100%; } } .touch01-l img{ width: 100%; } .touch01-r{ float: left; width: 58.4%; } @media only screen and (max-width: 767px) { .touch01-r{ width: 100%; } } .touch01-r-box{ margin-left: 40px; margin-top: 60px; } @media only screen and (max-width: 1400px) { .touch01-r-box{ margin-left: 30px; margin-top: 40px; } } @media only screen and (max-width: 1023px) { .touch01-r-box{ margin-left: 20px; margin-top: 30px; } } @media only screen and (max-width: 767px) { .touch01-r-box{ margin-left: 0; margin-top: 10px; } } .touch01-r-box i{ display: block; width: 60px; height: 2px; background: #2096a3; margin-bottom: 45px; } @media only screen and (max-width: 1400px) { .touch01-r-box i{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .touch01-r-box i{ margin-bottom: 20px; } } .touch01-r-box h2{ color: #333333; margin-bottom: 18px; } @media only screen and (max-width: 1023px) { .touch01-r-box h2{ margin-bottom: 10px; } } .touch01-r-box p{ color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .touch01-box1 .close{ position: absolute; top: 0; right: 0; width: 46px; height: 26px; background-color: #cccccc; background-image: url(../image/close1.png); background-repeat: no-repeat; background-position: center; cursor: pointer; } .seachcont{margin-top: 100px; margin-bottom: 100px;} .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: #45b0d5;color: #fff;} .search_con li em{color: #45b0d5} .search_con li{padding: 30px 0; border-bottom: 1px dashed #c0c0c0;} .search_con li h2{margin-bottom: 15px; overflow: hidden;} .search_con li h2 a{color: #303030; float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_con li h2 span{ float: right; font-weight: normal; font-size: 14px;color: #686868; width: 80px; text-align: right; } .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: #F3F3F3;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;} .seachcont .pageout{border-top:0;} @media only screen and (max-width:767px) { .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;} .search_con li h2 span{font-size: 12px;width: 70px;} .search_con li h2 a{width: calc(100% - 80px);} } @media only screen and (max-width: 1024px) { .seachcont{margin-top: 60px; margin-bottom: 60px;} } @media only screen and (max-width: 768px) { .seachcont{margin-top: 20px; margin-bottom: 20px;} } .share01{ margin-top: 40px; margin-bottom: 60px; } @media only screen and (max-width: 1400px) { .share01{ margin-top: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 1023px) { .share01{ margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .share01{ margin-bottom: 20px; } } .share01-l{ float: left; width: calc(100% - 377px); } @media only screen and (max-width: 1400px) { .share01-l{ width: calc(100% - 310px); } } @media only screen and (max-width: 1023px) { .share01-l{ width: calc(100% - 270px); } } @media only screen and (max-width: 767px) { .share01-l{ width: 100%; } } .share01-l p{ margin-bottom: 40px; } @media only screen and (max-width: 1400px) { .share01-l p{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .share01-l p{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .share01-l p{ margin-bottom: 10px; } } .fiea .govern01-l{ width: 100%; } .fiea .film01-list{ margin-bottom: 40px; } @media only screen and (max-width: 1400px) { .fiea .film01-list{ margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .fiea .film01-list{ margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .fiea .film01-list{ margin-bottom: 10px; } } .abstract04-box1{ display: none; } @media only screen and (max-width: 768px) { .abstract04-box1{ display: block; } } .abstract04-box1 .touch01-box-list{ height: 100%; overflow: hidden; } .abstract04-box1 h1{ margin-top: 0; margin-bottom: 10px; } .abstract04-box1 .abstract04-box1-list{ width: 500px; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; } .abstract04-box1-list li{ float: left; text-align: center; } .abstract04-box1-list li span{ display: inline-block; cursor: pointer; color: #CCCCCC; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } .abstract04-box1-list li.on span, .abstract04-box1-list li:hover span{ color: #333333; border-bottom: 2px solid #333333; } #lcl_window{ box-shadow: none; } /*.gas #lcl_elem_wrap{ width: 800px !important; height: 529px !important; max-width: 82% !important; top: 50%; left: 50%; transform: translate(-50%,-50%); }*/ /*#lcl_nav_cmd{ width: 800px; max-width: 82%; top: 50%; left: 50%; transform: translateX(-50%); }*/ #lcl_nav_cmd{ width: 100%; height: 100%; padding: 0; } #lcl_nav_cmd .lcl_play{ display: none; } #lcl_nav_cmd .lcl_socials{ display: none; } #lcl_nav_cmd .lcl_fullscreen{ display: none; } #lcl_nav_cmd .lcl_close{ display: none; } @media only screen and (max-width: 767px) { .gas2 #lcl_nav_cmd .lcl_close{ display: block; position: absolute; top: 34% !important; right: 0 !important; color: #000000; } .gas1 #lcl_nav_cmd .lcl_close{ display: block; position: absolute; top: 30% !important; right: 0 !important; color: #000000; } } #lcl_nav_cmd .lcl_icon{ border: none; border-radius: 0; background: none; box-shadow: none; margin: 0; } #lcl_nav_cmd .lcl_next{ width: 61px; height: 61px; -moz-background-size: 61px 61px; -webkit-background-size: 61px 61px; background-size: 61px 61px; background-image: url(../image/right2.png); position: absolute !important; top: 50%; right: 0; margin-top: -43px !important; /*transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); */ } #lcl_nav_cmd .lcl_prev{ width: 61px; height: 61px; -moz-background-size: 61px 61px; -webkit-background-size: 61px 61px; background-size: 61px 61px; background-image: url(../image/left2.png); position: absolute !important; top: 50%; left: 0; margin-top: -45px !important; /*transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); */ } .lcl_nav_btn_middle .lcl_prev, .lcl_nav_btn_middle .lcl_next{ padding: 0; } .lcl_next:before, .lcl_prev:before{ display: none; } .lcl_icon:not(.lcl_counter):after{ display: none; } #lcl_nav_cmd .lcl_txt_toggle{ display: none !important; } @media only screen and (max-width: 1024px) { #lcl_nav_cmd .lcl_next{ width: 30px; height: 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; margin-top: -15px !important; } #lcl_nav_cmd .lcl_prev{ width: 30px; height: 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; margin-top: -15px !important; } } .human_slider{overflow: hidden;} /*.human_slider ul{margin:0 -20px;}*/ .human_slider li{width: 50%;} .human_slider .slide_box{padding: 10px 20px;} .human_slider .slide_box_in{position: relative; } .human_slider .slide_box_in{height: 100%;} .human_slider .slide_box_in>a{position: absolute; top:0; left: 0; width: 100%; height: 100%;} .human_slider .slide_box_in>a img{width: 100%;} .human_slider .slide_box_in>a.tran_scale:first-child{z-index: 999;} /*.human_img_c img{opacity: 0; }*/ .human_slider .slide_box_in .human_img_c{ display: block; position: absolute; top: 0; left: 0; z-index: 9999; cursor: pointer; } .human_slider .slide_box_in .human_img_c img{width: 100%; height: 100%;} html{overflow: inherit !important;} .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt h3{font-weight: normal;} .lcl_txt_under #lcl_txt .lcl_txt_border, .lcl_txt_over #lcl_txt .lcl_txt_border, .lcl_force_txt_over #lcl_txt .lcl_txt_border{border-bottom: none;padding-bottom: 0;} .light_title .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{padding: 25px 90px; overflow: visible;} .light_title .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt h3{ padding: 0 90px; font-size: 24px; color: #fff; font-weight: normal; position: absolute; top:-4em;left: 0; width: 100%; height: 3em;line-height: 1.5em;overflow: hidden;box-sizing: border-box;} /*#lcl_contents_wrap{overflow: inherit;}*/ /*.abstract04-list li em{display: none;}*/ .abstract04-list li em{ display: inline-block; width: auto; height: 22px; line-height: 22px; background: #9fa0a0; color: #fff; text-align: center; border-radius: 5px; font-size: 14px; position: absolute; padding: 1px 5px; } .abstract04-list li.on em{background: #ee951a;} .abstract04-list li.wz5 em{ width: auto; left: -83%; top: -18%; padding: 1px 3px; } .abstract04-list li.on{color: #1993A0;} @media only screen and (max-width: 767px) { .human_slider ul{margin:0px;} .human_slider li{width: 100%;margin-bottom: 20px;} .human_slider .slide_box{padding: 0px;} .resource-list{margin: 0;padding-top: 20px} .lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt {-webkit-transform: translateY(0%); -ms-transform: translateY(0%);transform: translateY(0%);} #lcl_title{font-size: 14px; padding-bottom: 0;} .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{padding: 20px;display: none;} .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt h3{font-size: 16px; padding: 0;position: static; color: #000;} #lcl_descr{display: none;} .abstract04-inner{border: none;} .abstract04-inner img{ border: 1px solid #E6E6E6; margin-bottom: 20px;} .abstract04-list{position: static;overflow: hidden; margin-bottom: 0px;text-align: center;border-bottom: 1px dashed #ccc; padding-bottom: 10px;} .abstract04-list li{position: static; width: auto; display: inline-block;cursor: pointer;margin:0 10px;} .abstract04-list li img{display: none;} .abstract04-list li em{display: block;} .touch01-box1 .close,.blank_hei{display: none !important;} .touch01-box1{ max-width: 100%; display: block !important; position: static;transform: translate(0%,0%);-webkit-: translate(0%,0%);-ms-: translate(0%,0%);-moz-: translate(0%,0%);} .touch01-box-list{height: auto; margin-bottom: 20px;} .touch01-box-inner{margin: 0;} } @media only screen and (max-width:440px) { .abstract04-list li{margin:0 2px;} } .msgDiv{ width: 346px!important; z-index: 100; position: relative!important; } .titleMsg{ border-bottom: 1px solid #b5b6b6; padding-bottom: 5px; position: relative; } .contentMsg{ margin-top: 5px; } .contentMsg span{ font-size: 12px; color: #727171; } .lineMsg{ width: 40%; position: absolute; height: 1px; background: #2593a1; bottom: -1px; left: 0; } .msgDiv_ul{ display: none; background: url(../image/bgMsg.jpg) no-repeat; background-size: 100% 100%; padding: 10px 20px; position: absolute; z-index: 100; width: 346px; margin-left: -64px; } .touch01-listall{ width: 100%; margin-top: 40px; display: table; margin-bottom: 180px; } .spanPos{ border-bottom: 2px solid #2092a0; color: #2092a0!important; } .underLinde{ border-bottom: 1px solid #dadada; padding-bottom: 20px; margin-bottom: 20px; } .touch01-box span{ color: #646464; font-size: 12px; } .specail{ /*border-bottom: 2px solid #b5b2b1;*/ font-size: 30px; /*width: 45%;*/ display: block; } .specP{ margin-top: 40px; } .manList{ width: 30%; float: left; margin-right: 5%; } .manList:nth-child(3n+1){ margin-right: 0; } .manList .manage01-l{ float: none; width: 100%; } .manList .manage01-l a{ margin: 0; width: 100%; } .manList .manage01-l a img{ display: block; width: 100%; height: 100%; } /* .man1{ margin-bottom: 130px; } .man1 .manage01-inner{background: #f6f6f6;} .man1 .manage01-l{ width: 30%; margin-right: 6.7%; } .man1 .manage01-l a { margin: 6%; } .man1 .manage01-r{ width: 30%; } .man1 .manage01-r .manage01-r-inner{ padding-left: 0px; padding-right: 12%; margin-top: 6%; }*/ .spanSpec{ display: block; /*width: 80%;*/ border-bottom: 2px solid #b5b2b1; padding-bottom: 8px; } .manList .manage01-inner{ padding: 6%; } .manList .manage01-r-inner{ padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .manList .manage01-r{ width: 100%; } .manList .manage01-r-inner p{ margin-top: 25px; margin-bottom: 25px; } .lineSpan{ display: block; /*width: 55%;*/ height: 2px; background: #b5b2b1; margin-top: 5px!important; } .manList .spanSpec{ font-size: 30px!important; } .manList em{ margin-bottom: 20px; } @media only screen and (max-width: 767px){ .specP,.manList .manage01-r-inner p { margin-top: 10px; margin-bottom: 10px; } .manList,.man1 .manage01-r,.man1 h1{ width: 100%; } .specail{ width: 80%; display: block; padding-bottom: 10px; font-size: 20px; } .touch01-list{ width: 100%; margin-top: 20px; margin-bottom: 30px; } .touch01-inner span{ margin-left: 0; } .touch01-inner p{ margin-left: 0; } .man1 .fnt_14{ /*font-size: 14px;*/ } .man1 .manage01-r .manage01-r-inner{ padding-left: 6%; padding-right: 6%; } .lineSpan{ /*width: 80%;*/ } .man1 .manage01-r{ width:100%; } .manList .spanSpec{ font-size: 20px!important; } } .govern01-l-list .fulfil01-inner{ padding-left: 0; padding-right: 0;} .tzzjy-l{ width: 46%;} .tzzjy-r{ width: 54%;} .tzzjy-r .fulfil01-r-box{ padding-right: 0; padding-top: 0;} @media only screen and (max-width: 767px) { .tzzjy-l,.tzzjy-r{ width: 100%; } } .join-list{ background-color: transparent;} .join-list li{ margin-bottom: 20px; background-color: #fafafa; -webkit-transition: -webkit-box-shadow 0.4s ease-in-out; transition: -webkit-box-shadow 0.4s ease-in-out; transition: box-shadow 0.4s ease-in-out; transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;} .join-list li:hover{background: #fff; -webkit-box-shadow: 0 10px 50px 2px rgb(0,0,0,0.32); box-shadow: 0 10px 50px 2px rgb(0,0,0,0.32);} @media only screen and (max-width: 767px){ .join-list li{ padding: 20px 20px 35px;} .join-list .manage01-l,.join-list .manage01-r{ float: none;} .join-list .manage01-l{ width: 70%; margin-bottom: 20px;} .join-list .manage01-l a{ margin: 0;} .join-list .manage01-r{ width: 100%;} .join-list .manage01-r-inner{ padding: 0;} .join-list .manage01-r-inner em{ display: none;} .join-list .man1 .manage01-r .manage01-r-inner{ padding: 0;} }