/*闆嗗洟绠€浠?/ h1, h2, h3, h4, h5, h6{font-weight: normal;} .profile_box01{margin:0 0 50px;} .profile_box01 .text_tit {color: #363636;z-index: 2;padding-left: 30px;border-left: 3px solid #C19C5B;} .profile_box01 .text_tit h2{font-weight: normal;line-height: 1.1em;position: relative;display: inline-block;top: -0.1em;} .profile_box01 .text_tit h2 i{vertical-align: super;position: absolute;right: -1em;top: -0.8em;} .profile_box01 .text_tit h3{line-height: 1.1em;margin-bottom: 10px;font-weight: normal;transition-delay: 0.4s;margin-bottom: 35px;} .profile_box01 .text_con{padding:0 30px;} .profile_box02{margin:0 0 60px;} .profile_box02 li{ float: left; width: 25%;} .profile_box02 li .inner{background: #BE9C5C; color:#fff; margin:0 2px; padding:10px 20px 10px 30px;} .profile_box02 li span{ font-size: 12px;} .profile_box02 li h2{font-family: arial; position: relative; line-height: 1;} .profile_box02 li h2 em{} .profile_box02 li h2 i{ position: absolute; right:0px; bottom:5px; font-size: 12px; font-family: arial;} .profile_box02 li:nth-child(even) .inner{ background: #D0002F; } @media only screen and (max-width: 1024px) { .profile_box01{margin:40px 0 30px;} .profile_box02{margin-bottom: 30px;} .profile_box02 li{width: 50%; margin-bottom: 4px;} } @media only screen and (max-width: 767px) { .profile_box02 li{width: 100%;} .profile_box01{margin: 20px;} } .dev_index_l_wrap { width:214px; } .dev_index_l_wrap ul { width:24px; float:right; position:relative; margin-top:-2px; } .dev_index_l_wrap li { width:16px; height:89px; line-height:89px; text-align:center; background:url(../images/dev_br.png) no-repeat right center; background-size:auto 100%; margin-top:-1px; margin-right:5px;} .dev_index_l_wrap li span { position:relative; padding-right:35px; color:#5E5E5E; font-family:Arial; float:right; right:-4px; margin-top:-1px; cursor:pointer; } .dev_index_l_wrap li.active span{ padding-right: 50px; font-size:72px; color:#D0002F; font-weight:bold; background:url(../images/dev_cir.png) no-repeat right center;} .dev_index_l_box { overflow:hidden; width:214px; position:relative; margin-bottom:15px; height:445px;} .dev_index_l_top { display:block; width:16px; height:10px; background:url(../images/dev_top.png) no-repeat; margin-bottom:15px; position:relative; float:right; } .dev_index_l_bottom { display:block; width:16px; height:10px; background:url(../images/dev_bottom.png) no-repeat; margin-bottom:15px; position:relative; float:right;} .dev_index_l_top.disabled{ cursor: default; background:url(../images/dev_top_dis.png) no-repeat;} .dev_index_l_bottom.disabled{cursor: default; background:url(../images/dev_bottom_dis.png) no-repeat;} .dev_index { position:relative; overflow:hidden; } .dev_index_l { width:214px; position:absolute; left:0; top:0;} .dev_index_r{overflow: hidden;} .dev_index_r .dev_index_r_part > h4 { color:#D2D2D2; border-top:4px solid #D2D2D2; padding:30px 0 25px; line-height: 1.1; font-family: arial; float: left;width: 21.5%;margin-right: 2%;display: none;} .dev_index_r ul { position:relative; margin-bottom:40px;float: none;margin: 0 13px;} .dev_index_r li { width:33.33%; margin-bottom:22px;float: left;} .dev_index_r li .year_wrap { overflow: hidden;margin: 0 13px;} .dev_index_r li:nth-child(3n+1){clear: both;} /*.dev_index_r li.odd .year_wrap { float:right;}*/ .dev_index_r li .year_wrap img { width:100%;} .year_box { padding:30px; position:relative; z-index:20; background:#fff;border: 2px solid #d0002d;} .dev_index_r li:nth-child(6n+4) .year_box, .dev_index_r li:nth-child(6n+5) .year_box, .dev_index_r li:nth-child(6n+6) .year_box{border-color: #dddddd;} .year_box h4 { color:#2b2b2b; margin-bottom:6px;} .year_box p { color:#616161; font-size:14px; line-height:1.7em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.2em;} .dev_index_l { position:fixed; z-index:220; opacity:0;} /*#swiper-container2 { display:none;}*/ .dev_index_l{display: none;} .phone_dev #swiper-container2{width: calc(100% - 50px);width: -moz-calc(100% - 50px);margin:auto;position: relative;background-image: url(../images/his_slide_bg.png);background-repeat: no-repeat;background-position: center 60% ;margin-bottom: 55px;background-size: 100% auto;} .phone_dev #swiper-container2 .swiper-slide{text-align: center;position: relative;top: 0;transition: all .5s;cursor: pointer;padding-top: 73px;} .phone_dev #swiper-container2 .swiper-slide:before{content: "";display: block;position: absolute;width: 12px;height: 12px;background-image: url(../images/dev_cir.png);background-repeat: no-repeat;opacity: 0;transition: all .5s;bottom: -19px;left: 50%;transform: translateX(-50%);} .phone_dev #swiper-container2 .swiper-slide.active-nav{padding-top: 0;font-size: 2.5em;color: #d0002d;font-weight: bold;} .phone_dev #swiper-container2 .active-nav.swiper-slide:before{opacity: 1} .phone_dev .but{position: absolute;left: 0;top: 57px;width: 100%;} .phone_dev .but a{display: block;position: absolute;background-size: cover;top: 0;width: 10px;height: 16px;} .phone_dev .but a.prev{left: 0;background-image: url(../images/his_prev.png)} .phone_dev .but a.next{right: 0;background-image: url(../images/his_next.png)} @media only screen and (max-width: 1520px) { /*about_dev*/ .year_box { padding:20px;} /* .dev_index_l_wrap li.active span { font-size:60px; background-size:8px 8px; } .dev_index_l_wrap li span { right:-3px; } .dev_index_l_wrap li { background-size:auto 100%;height:56px; line-height:56px; } .dev_index_l_box { height:280px;} */ .dev_index_r ul { margin-bottom:30px; } .phone_dev .but{top: 55px;} .phone_dev #swiper-container2{background-position: center 63%;} } @media only screen and (max-width: 1300px) { /*about_dev*/ /*.dev_index_l_wrap li.active span { font-size:48px; } .dev_index_l_wrap,.dev_index_l_box{width: 160px;}*/ .dev_index_r{padding-left: 0px;} .dev_index_r ul { margin-bottom:20px; } .dev_index_r ul{margin: 0 -9px 10px;} .dev_index_r li .year_wrap{margin: 0 9px;} } @media only screen and (max-width: 1023px) { /*about_dev*/ .year_box { padding:10px;} /*.dev_index_l { width:20%; display:none; }*/ /*.dev_index_l_wrap,.dev_index_l_box { width:100%;}*/ /*.dev_index_r { margin-left:0; padding-left:26%; width:74%;}*/ .dev_index_r ul { margin-bottom:10px; } .phone_dev #swiper-container2{margin-bottom: 30px;} .dev_index_r .dev_index_r_part > h4{padding: 15px 0 13px;} .dev_index_r li{width: 50%;clear: none!important;} .dev_index_r li:nth-child(odd){clear: both!important;} .dev_index_r li:nth-child(6n+4) .year_box, .dev_index_r li:nth-child(6n+5) .year_box, .dev_index_r li:nth-child(6n+6) .year_box{border-color: #d0002d;} .dev_index_r li:nth-child(4n+3) .year_box, .dev_index_r li:nth-child(4n+4) .year_box{border-color: #dddddd;} /*.phone_dev.dev_index_l { position:relative; top:0; width:100%; } .phone_dev.dev_index_l .dev_index_l_top { width: 10px; height: 16px; background: url(../images/dev_left_act.jpg) no-repeat; margin-bottom: 0; position: absolute; float: none; right: auto; left:10px; top:50%; margin-top:-8px; } .phone_dev.dev_index_l .dev_index_l_bottom { width: 10px; height: 16px; background: url(../images/dev_right_act.jpg) no-repeat; margin-bottom: 0; position: absolute; float: none; right: 10px; top:50%; margin-top:-8px; } .phone_dev.dev_index_l .dev_index_l_wrap { height:60px; position:relative;} .phone_dev.dev_index_l .dev_index_l_box { height:60px; margin-bottom:0; width:90%; padding:0 10px; box-sizing:border-box;} .phone_dev.dev_index_l .dev_index_l_wrap ul { float:none; width:100%; margin-top:0;} .phone_dev.dev_index_l .dev_index_l_wrap li { line-height:60px; height:60px; width:100px; background:none; float:left; } .phone_dev.dev_index_l .dev_index_l_wrap li span { padding:0; background:none; right:auto; top:0; float:none;} .phone_dev.dev_fixed { position:fixed; top:60px; z-index:200; background:#fff; border-bottom:2px solid #005bac; } .dev_index_r { padding-left:0; width:100%; float:none; padding-left:0; } .dev_index_r ul { margin:0; width:100%; } .dev_index_r li { width:50%;} .dev_index_r li .year_wrap { margin:0 5px; width:auto;} .dev_index_r li.odd .year_wrap { float:none;} #swiper-container2 { width:100% !important; display:block;} #swiper-container2 .swiper-slide { text-align:center; line-height:30px; height:30px; } #swiper-container2 .swiper-slide.active-nav { color:#d00000; font-size:18px; }*/ } @media only screen and (max-width: 767px) { /*about_dev*/ .dev_index_r li { width:100%;} .dev_index_r .dev_index_r_part > h4{padding-bottom: 10px;float: none;width: 100%;margin-bottom: 10px;padding: 5px 0;} .dev_index_r .dev_index_r_part{} .dev_index_r ul{float: none;width: 100%;} .phone_dev .but{top: 37px;} .phone_dev #swiper-container2 .swiper-slide{padding-top: 50px;} .phone_dev #swiper-container2 .swiper-slide.active-nav{font-size: 1.5em;} .dev_index_r li{width: 100%;float: none;} .dev_index_r li:nth-child(4n+3) .year_box, .dev_index_r li:nth-child(4n+4) .year_box{border-color: #d0002d;} .dev_index_r li:nth-child(even) .year_box{border-color: #ddd;} } /*闆嗗洟鏈熷垔*/ img{max-width: 100%;} .cul_tit{color: #2B2B2B; margin-bottom: 1.5%;} .c_b01_ll .cul_tit{color: #fff;margin-bottom: 3%;} .culture_box01{ padding:1.5% 0 4%; background:url(../images/ico_03.jpg) left top repeat-x;} .c_b01_ll{ float: left; width: 27%;} .c_b01_ll img{width: 100%;} .c_b01_rr{ float: right; width: 65%;} .c_b01_rr dl{color: #fff; padding-top:8%;} .c_b01_rr dl dt{position: relative; margin-bottom:3.5%; line-height: 1.1; } .c_b01_rr dl dt>a{ display: block; color: #fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;} .c_b01_rr dl dt em.wq_btn{ position: absolute; right:0; top:18px; color: #fff; cursor: pointer;} .c_b01_rr dl dt span{font-family: arial;} .c_b01_rr dl dd{width: 84%;} .c_b01_rr dl dd p{margin-bottom:4%;-webkit-line-clamp:2;max-height: 3.4em;} .c_b01_rr dl dd a{ color: #fff; border-bottom: 3px solid #fff; padding:0 5px 5px; } .bot_slide{margin-top:9%; float: left; max-width: 471px; position: relative;width:100%;} .bot_slide .inner{max-width: 140px;max-height:207px; padding:5px;} .bot_slide .img{max-width: 130px;max-height: 168px; position: relative;} .bot_slide .img span{ position: absolute;left:0;top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .bot_slide .img img{max-width: 100%;} .bot_slide .swiper-button-prev,.bot_slide .swiper-button-next{ width: 50px; height: 50px; background: url(../images/ico_01.png) center center no-repeat #D0002F; opacity: 0.8; } .bot_slide .swiper-button-next.swiper-button-disabled,.bot_slide .swiper-button-prev.swiper-button-disabled{ background: url(../images/ico_01.png) center center no-repeat #000000;opacity: 0.4;} .bot_slide .swiper-button-prev{left:-45px;} .bot_slide .swiper-button-next{right:-45px; transform: rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} .bot_slide h2{color: #2B2B2B; border-bottom: 2px solid #CDB382; padding:5px 0;} .bot_slide .swiper-slide-active .inner{ background: #D90D33;} .bot_slide .swiper-slide-active h2{color: #fff;padding:5px; border-bottom: none;} .bot_slide .swiper-slide-active h2 a{color: #fff;} .bot_slide .swiper-slide-active .img span{ display: none; } .culture_box02{ border-top: 1px solid #CECECE; padding-top:2.2%} .culture_box02 ul{margin:0 -45px;} .culture_box02 li{ float: left; width:25%;} .culture_box02 li .inner{margin:0 45px 70px;} .culture_box02 li img{width: 100%;} .culture_box02 li h2{padding:0 5%; border-bottom: 4px solid #CCB17E; color: #2B2B2B; margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;} .culture_box02 li h2 span{ font-family: arial; } @media only screen and (min-width: 1025px){ .bot_slide .swiper-slide:hover .inner{background: #D90D33;} .bot_slide .swiper-slide:hover h2{padding:5px; border-bottom: none;} .bot_slide .swiper-slide:hover h2 a,.bot_slide .swiper-slide:hover h2 a:hover{color: #fff!important;} .bot_slide .swiper-slide:hover .img span{ display: none; } .bot_slide .swiper-slide-active h2 a:hover{color:#fff;} .c_b01_rr dl dd a:hover{color: #fff!important;} } @media only screen and (max-width: 1440px){ .culture_box01{ background:url(../images/ico_03.jpg) left -30px repeat-x;} .bot_slide{margin-top: 8%;} } @media only screen and (max-width: 1280px){ .culture_box01{ background:url(../images/ico_03.jpg) left -50px repeat-x;} .culture_box02 li .inner{margin: 0 30px 50px;} .c_b01_rr dl dt em.wq_btn{top:5px;} } @media only screen and (max-width: 1279px){ .culture_box02 ul{margin:0 -10px;} .culture_box02 li .inner{margin: 0 10px 30px;} } @media only screen and (max-width: 1023px){ .bot_slide{ max-width: 90%; margin:5% 5% 0;} .bot_slide img{max-width: 100%;} .bot_slide .swiper-button-prev,.bot_slide .swiper-button-next{width: 30px; height: 30px;} .bot_slide .swiper-button-prev{left: -30px} .bot_slide .swiper-button-next{right: -30px;} } @media only screen and (max-width: 767px){ .bot_slide{margin-top: 5%;} .bot_slide .inner,.bot_slide .img{max-width: 100%; max-height: 100%!important;} .culture_box02 li{width: 50%;} }