@font-face { font-family: 'Bebas'; src: url('../font/Bebas.eot'); src: local('Bebas Regular'), local('Bebas'), url('../font/Bebas.woff') format('woff'), url('../font/Bebas.ttf') format('truetype'), url('../font/Bebas.svg#Bebas') format('svg'); } @font-face { font-family: 'AdobeGaramon'; src: url('../font/AdobeGaramondLTRegular.eot'); src: local('AdobeGaramondLTRegular Regular'), local('AdobeGaramondLTRegular'), url('../font/AdobeGaramondLTRegular.woff') format('woff'), url('../font/AdobeGaramondLTRegular.ttf') format('truetype'), url('../font/AdobeGaramondLTRegular.svg#AdobeGaramondLTRegular') format('svg'); } @font-face { font-family: 'HelveticaExt'; src: url('../font/HelveticaExt.eot'); src: local('HelveticaExt Regular'), local('HelveticaExt'), url('../font/HelveticaExt.woff') format('woff'), url('../font/HelveticaExt.ttf') format('truetype'), url('../font/HelveticaExt.svg#HelveticaExt') format('svg'); } @font-face { font-family: 'didot'; src: url('../font/didot.eot'); src: local('didot Regular'), local('didot'), url('../font/didot.woff') format('woff'), url('../font/didot.ttf') format('truetype'), url('../font/didot.svg#didot') format('svg'); } @font-face { font-family: 'BOD_I'; src: url('../font/BOD_I.eot'); src: local('BOD_I Regular'), local('BOD_I'), url('../font/BOD_I.woff') format('woff'), url('../font/BOD_I.ttf') format('truetype'), url('../font/BOD_I.svg#BOD_I') format('svg'); } @font-face { font-family: 'Century Gothic Bold'; src: url('../font/Century Gothic Bold.eot'); src: local('Century Gothic Bold Regular'), local('Century Gothic Bold'), url('../font/Century Gothic Bold.woff') format('woff'), url('../font/Century Gothic Bold.ttf') format('truetype'), url('../font/Century Gothic Bold.svg#Century Gothic Bold') format('svg'); } .tankuangfixed *{ box-sizing:border-box; } .tankuangfixed{ position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,.7); left: 0; top: 0; z-index: 100; display: none; } .inputsfixed{ width: 300px; height: 210px; background: #fff; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; padding:20px; } .inputsfixed input[type=password], .inputsfixed input[type=text]{ background:#eaeaec; padding:0 8px; } .inputsfixed input[type=submit]{ background:#2973ba; font-size: 16px; color:#fff; } .inputsfixed .items:nth-child(n+2){ margin-top: 15px; } .inputsfixed input{ border:none; height: 50px; outline: none; background: none; width: 100%; } .w1400{ max-width: 1400px; width: 100%; margin: 0 auto } .header-top-left a{ font-size: 14px; display: inline-block; padding: 0 13px; line-height: 14px; color: #fff; font-family: "Arial"; text-transform: uppercase; } .header-top-left a:first-child{ background: url(../img/img_1.png) no-repeat right center; padding-left: 0 } .header-top-left{ line-height: 14px; float: left; } header{ position: absolute; left: 0; top: 0; width: 100%; z-index: 15; } .wel-one-ce{ height: 160px; background: url(../img/img_40.png) no-repeat center center; } .header-top{ position: relative; color: #fff; padding-top: 21px; padding-bottom: 20px; z-index: 11; } .header-top-right{ float: right; width: 262px; } .header-top-right p{ float: left; font-size: 12px; color: #f2f2f2; line-height: 14px; width: 132px; } .header-top-right .select{ float: right; background: none; border:none; line-height: 14px; position: relative; display: block; margin-top: -2px; position: relative; cursor: pointer; } .header-top-right .select span{ background: url(../img/img_42.png) no-repeat right center; padding-right: 10px; } .header-top-right .select ul{ position: absolute; top: 18px; left: 0; width: 100%; display: none; } .header-top-right .select li{ font-size: 12px; background: #007ec8; padding-left: 2px; } .header-top-right .select li a{ color: #fff; display: block; line-height: 18px; } .header-por .headew-left{ position: absolute; left: 0; top: 0; width: 91px; height: 29px; padding-top: 60px; background:#007ec8 url(../img/img_2.png) no-repeat center 22px; color: #fff; border:1px solid #007ec8; font-size: 14px; line-height: 16px; text-align: center; z-index: 3; } .search{ cursor:pointer; position: absolute; right: 0; top: 0; width: 93px; height: 31px; padding-top: 60px; background:#f3f3f3 url(../img/img_3.png) no-repeat center 22px; color: rgba(51,51,51,.99); font-size: 14px; line-height: 16px; font-family: "Arial"; text-align: center; z-index: 3; } .headerwork-center{ background: #fff; width:100%; padding: 21px 0; line-height: 47px; height: 49px; text-align: center; } .heade-center-din{ display: inline-block; zoom: 1; *display: inline; } .headerwork-center .logo{ display: block; float: left; padding: 0 59px; max-width: 282px; } .headerwork-center li{ float: left; background: url(../img/img_4.png) no-repeat right center; } .headerwork-center ul{ float: left; max-width: 468px; } .headerwork-center li a{ padding: 0 23px; /*padding: 0 46px;*/ color: #222; font-size: 16px; display: block; } .headerwork-center li.in{ background: none } .header-none{ width: 100%; display: none; } .header-por.fixed{ position: fixed; width: 100%; top: 0; left: 0; margin: 0 auto; z-index: 15; transition:width 1.1s; } .heder-work{ position: absolute; left: 50%; width: 1400px; margin-left: -700px; box-shadow: 0 0 5px rgba(0,0,0,0.2) } .header-por{ width: 100%; z-index: 15; } #swiper1{ height: 900px; position: relative; } #swiper1 .swiper-slide img{ /*max-width: 100%;*/ width: 1920px; position: relative; left: 50%; margin-left: -960px; } #swiper1 .swiper-poa{ position:absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 253px; width: 100%; text-align: center; } #swiper1 .swiper-slide{ overflow: hidden; width: 100%; position: relative; } #swiper1 .swiper-slide h2{ font-size: 70px; color: #fff; line-height: 74px; padding-bottom: 30px; } #swiper1 .swiper-slide p{ font-size: 22px; color: #f2f2f2; line-height: 30px; padding-bottom: 11px; background: url(../img/img_5.png) no-repeat bottom center; margin-bottom: 59px; } #swiper1 .swiper-slide a{ display: block; width: 153px; height: 51px; line-height: 51px; font-size: 18px; color: #fff; background: url(../img/img_6.png) no-repeat center; margin: 0 auto; transition:all 0.3s; } #swiper1 .swiper-slide a:hover{ } #swiper1 .swiper-button-prev{ position: absolute; top: 50%; margin-top: -19px; width: 93px; left: 0; font-size: 18px; color: #fff; line-height: 38px; padding-right: 10px; background: url(../img/img_29.png) no-repeat bottom right; text-align:right; cursor: pointer; z-index: 15; transition:all 0.3s; } #swiper1 .swiper-button-next{ position: absolute; top: 50%; margin-top: -19px; width: 93px; right: 0; font-size: 18px; color: #fff; line-height: 38px; padding-left: 10px; background: url(../img/img_30.png) no-repeat bottom left; text-align:left; cursor: pointer; z-index: 15; transition:all 0.3s; } .main{ padding:0 0 223px 0; position: relative; overflow: hidden; width: 100%; z-index: 3; /*min-width: 1440px;*/ } .wel-one{ padding-top: 90px; /*background: url(../img/img_2.jpg) no-repeat top center;*/ padding-bottom: 190px; } .wel-one-nav h2{ font-size: 36px; color: #000000; line-height: 40px; font-weight: bold; padding-bottom: 18px; } .wel-one-nav p{ font-size: 18px; color: #000000; line-height: 22px; } .line{ position: absolute; top: 216px; left: 50%; width: 1px; opacity:0.8; filter: alpha(opacity=80); background: #ededed; height:calc(100% - 216px); *height: 100%; z-index:-10; } .line-left{ position: absolute; top: 216px; left:0%; width: 1px; background: #ededed; opacity:0.8; filter: alpha(opacity=80); height:calc(100% - 216px); *height: 100% } .line-three{ position: absolute; left: 50%; margin-left: -700px; height: 100%; z-index:-2; } .line-right{ position: absolute; top: 216px; right:0%; width: 1px; opacity:0.8; filter: alpha(opacity=80); background: #ededed; height:calc(100% - 216px); *height: 100% } .wel-one-work{ position: relative; z-index: 3; /*padding: 0 159px;*/ width: 1080px; margin: 0 auto; } .wel-one-img{ width: 100%; overflow: hidden; } .wel-one-img img{ max-width: 100%; transition:transform 0.8s; } .wel-one-work .wel-one-img:hover img{ transform:scale(1.2); transition:transform 0.8s; } .wel-one-work-left{ max-width: 413px; float: left; width: 100%; padding-top: 62px } .wel-one-work a{ display: block; width: 100%; height: 100%; } .wel-one-text h2{ font-size: 30px; color: #000000; line-height: 34px; padding-bottom: 15px; } .wel-one-text p{ font-size: 16px; color: #666666; line-height: 26px; } .wel-one-text{ padding-top: 43px; } .wel-one-work-left h3{ width: 184px; height: 55px; text-align: center; line-height: 55px; background: url(../img/img_7.png) no-repeat center; background-size: cover; font-size: 20px; color: #666666; margin-top: 85px; transition:all 0.3s; } .wel-one-work-left h3:hover{ background: url(../img/img_41.png) no-repeat center center; background-size: cover; color: #007ec8; transition:all 0.3s; } .wel-one-work-right{ position: relative; width: 641px; float: left; margin-left: 23px } .we-one-right-poa{ position: absolute; left: 0; bottom: 0; padding: 30px 50px 40px 50px; background: url(../img/img_9.png) no-repeat top center; } .we-one-right-poa h2, .we-one-right-poa p{ color: #fff; } .wel-one-work-bottom{ float: left; margin-left: 23px; margin-top: 23px; position: relative; } .wel-one-work-bottom:hover img{ transform:scale(1.2); transition:transform 0.8s; } .wel-one-bt-bg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .wel-one-bt-bg p{ position: absolute; bottom: 0; right:0; left: 0; top: 0; margin: auto; height:34px; padding-top: 66px; font-size: 26px; color: #fff; line-height: 30px; text-align: center; background: url(../img/img_10.png) no-repeat top center; } .wel-two{ /*background: url(../img/img_17.png) no-repeat top center;*/ position: relative; z-index: 2; } .wel-two-work{ padding-left: 108px; margin: 0 auto; padding-bottom: 170px; } #swiper2 .bd a{ display: block; overflow: hidden; position: relative; } #swiper2{ max-width: 711px; margin: 0; margin-top: 27px; height: 245px; } #swiper2 .bd li{ margin-right: 25px; width: 342px; } #swiper2 img{ max-width: 100%; transition:transform 0.8s; } #swiper2 .bd a:hover img{ transform:scale(1.2); transition:transform 0.8s; } #swiper2 .slide-poas{ left: 0; bottom: 0; padding: 0 23px 20px 23px; position: absolute; z-index: 5; } #swiper2 .slide-poas h2{ font-size: 22px; color: #ffffff; line-height: 24px; padding-bottom: 10px; } #swiper2 .slide-poas p{ font-size: 14px; color: #ffffff; line-height: 22px; } #swiper2 .tempWrap{ width:709px !important; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important; filter: alpha(opacity=100) !important; } #swiper2 .swiper-button-next{ cursor:pointer; z-index: 4; width: 27px; height: 44px; top: 50%; margin-top: -22px; position: absolute; background: url(../img/img_11.png) no-repeat right center; right: 2px; transition:all 0.3s; } #swiper2 .swiper-button-prev{ cursor:pointer; z-index: 4; width: 27px; height: 44px; top: 50%; margin-top: -22px; position: absolute; background: url(../img/img_12.png) no-repeat right center; left: 0; transition:all 0.3s; } .wel-two-text a{ display: block; box-shadow: 0 0 4px rgba(0,0,0,0.15) } .wel-two-text{ box-shadow: -1px 0px 9px -2px rgba(0,0,0,.2); max-width: 1007px; margin-top: 50px; position: relative; z-index: 3; background: #fff; } .wel-text-right{ float: left; max-width: 640px; overflow: hidden; } .wel-text-right img{ max-width: 100%; transition:transform 0.8s; } .wel-text-left{ padding: 39px 51px 0 42px; float: left; width: 274px; position: relative; } .wel-text-left h2{ font-size: 28px; color: #000000; line-height: 32px; font-weight: bold; padding-bottom: 20px; } .wel-text-left p{ font-size: 16px; color: #555555; line-height: 30px; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .wel-text-left h3{ width: 153px; height: 45px; line-height: 45px; text-align: center; background: url(../img/img_7.png) no-repeat center; background-size: cover; margin-top: 35px; font-size: 18px; color: #666666 } .wel-text-left h3:hover{ background: url(../img/img_41.png) no-repeat center ; background-size: cover; color:#027bc4; } .wel-text-left:after{ position: absolute; width: 9px; height: 20px; right:-9px; top: 42px; background: url(../img/img_16.png) no-repeat center; z-index: 3; content:" "; visibility: inherit; } .SubTitle .wel-one-nav h2, .SubTitle .wel-one-nav p{ color: #fff; } .SubTitle ul{ display: inline-block; zoom: 1; padding: 87px 0 202px 0 } .SubTitle li .subtitle-left{ float: left; width: 124px; } .subtitle-right{ float: left; text-align: left; } .SubTitle li { float: left; min-width: 384px; } .subtitle-right h2{ font-family: "Bebas"; font-size: 36px; color: #ffffff; line-height: 40px; padding-bottom: 15px; padding-top: 20px; } .subtitle-right p{ font-size: 18px; color: #fff; line-height: 20px; } .wel-three{ padding: 0 0 0 109px; position: relative; z-index: 3; } .wel-three-first{ float: left; width: 430px; margin-left: 270px; position: relative; overflow: hidden; } .wel-first-bg{ background: url(../img/img_21.png) no-repeat top center; padding: 198px 46px 30px 26px; position: absolute; bottom: 0; left: 0; z-index: 3; } .wel-three-first img{ max-width: 100%; transition:transform 0.8s; } .wel-first-bg h2{ font-size: 12px; color: #f2f2f2; line-height: 14px; padding-bottom: 15px; } .wel-first-bg p{ font-size: 16px; color: #f2f2f2; line-height: 24px; } .wel-three-first a{ display: block; } .wel-three-second h3{ font-size: 24px; color: #000000; line-height: 30px; font-weight: bold; } .wel-three-second{ float: left; padding-left: 75px; width: 300px; padding-top: 218px; } .wel-three-second h2{ font-family: 'Century Gothic Bold'; font-size: 50px; color: #000000; line-height: 50px; font-weight: bold; } .wel-three-second a{ font-family: 'Century Gothic Bold'; display: inline-block; padding-right: 12px; font-size: 14px; color: #000; font-weight: bold; line-height: 28px; margin-top: 22px; background: url(../img/img_22.png) no-repeat right center; text-transform: uppercase; } .wel-bt-left{ float: left; background: #fff; position: relative; box-shadow: 0 0 29px rgba(0,0,0,0.3); width:374px; } .web-bt-angles{ display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; right: 5px; z-index: 5; background: url(../img/img_23.png) no-repeat center; } .wel-bt-left a{ display: block; padding: 50px 39px 60px 31px; } .wel-bt-left h3{ font-size: 14px; color: #111111; line-height: 16px; } .wel-bt-left h2{ font-size: 18px; color: #333; line-height: 22px; font-weight: bold; padding-top: 15px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 64px; } .wel-bt-left h4{ width:60px; transition:all .3s; display: inline-block; padding-right: 12px; font-size: 14px; color: #000; font-weight: bold; line-height: 28px; background: url(../img/img_22.png) no-repeat 50px center; text-transform: uppercase; } .wel-three-bt{ padding-top: 20px; } .wel-bt-center{ float: left; width: 305px; box-shadow: 0 0 29px rgba(0,0,0,0.3); margin: 0 20px; overflow: hidden; } .wel-bt-center img{ max-width: 100%; transition:transform 0.8s; } .wel-bt-center a{ display: block; position: relative; } .wel-bt-center-bg{ position: absolute; bottom: 0; left: 0; width: 100%; background: url(../img/img_25.png) no-repeat top center; padding: 125px 27px 22px 27px } .wel-bt-center-bg h2{ font-size: 12px; color: #f2f2f2; line-height: 14px; padding-bottom: 15px; } .wel-bt-center-bg p{ font-size: 16px; color: #f2f2f2; line-height: 24px; } .wel-bt-right{ float: left; background: #fff; position: relative; box-shadow: 0 0 29px rgba(0,0,0,0.3); position: relative; width: 326px; margin-top: -114px } .wel-bt-right a{ display: block; position: relative; padding: 55px 35px 40px 35px; } .wel-bt-right h3{ font-size: 14px; color: #111111; line-height: 16px; } .wel-bt-right h1{ font-size: 22px; color: #000000; line-height: 36px; font-weight: bold; padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; margin-bottom: 25px; } .wel-bt-right p{ font-size: 16px; color: #666666; line-height: 30px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .wel-bt-right h4{ width:60px; transition:all .3s; display: inline-block; padding-right: 12px; font-size: 14px; color: #000; font-weight: bold; line-height: 28px; margin-top: 70px; background: url(../img/img_22.png) no-repeat 50px center; text-transform: uppercase; } .wel-bt-right:hover h4{ background: url(../img/lm/img_2201.png) no-repeat 56px center; color:#027bc4; } .wel-bt-left:hover h4{ background: url(../img/lm/img_2201.png) no-repeat 56px center; color:#027bc4; } .wel-four img{ max-width: 100%; } .wel-four{ position: relative; z-index: 5; } .footer-top{ padding: 34px 0; border-bottom: 1px solid #d4d4d4 } footer{ overflow: hidden; width: 100%; background: #f7f7f7 } .wel-four-poa h2{ font-weight:bold; font-size: 30px; color:#f2f2f2; line-height: 40px; padding-bottom: 10px; } .wel-four-poa p{ font-size: 16px; color: #f2f2f2; line-height: 20px; } .wel-four-poa{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 170px; } .wel-four-poa a{ transition:all .3s; display: block; width: 152px; height: 45px; background: url(../img/img_28.png) no-repeat center; text-align: center; line-height: 45px; font-size: 18px; color: #f2f2f2; margin: 0 auto; margin-top: 53px; } .wel-four-poa a:hover{ background: url(../img/img_204.png) no-repeat center; color:#027bc4; } .footer-left{ float: left; width: 1186px; } .footer-left ul{ float: left; width: 150px; /*width: 180px;*/ } .footer-left ul li:first-child{ font-size: 18px; line-height: 18px; color: #333333; padding-bottom: 24px; } .footer-left ul li a{ display: inline-block; font-size: 14px; color: #666666; line-height: 28px; transition:all 0.3s } .footer-left ul li a:hover{ color: #e7161a; transition:all 0.3s; } .footer-work{ padding: 54px 0 76px 0; border-bottom: 1px solid #d4d4d4; } .footer-rights{ width: 214px; float: right; } .footer-right{ position: relative; width: 213px; height: 43px; border:1px solid #bababa; text-align: center; cursor: pointer; z-index: 3; margin-bottom: 40px; } .footer-right span{ display: inline-block; padding-right: 18px; font-size: 14px; color: #222; line-height: 43px; zoom: 1; *display: inline; background: url(../img/img_33.png ) no-repeat right center; } .footer-right ul{ position: absolute; top: 44px; width: 213px; left: -1px; border:1px solid #bababa; border-top: none; max-height: 215px; overflow: auto; background: #f7f7f7; display: none; } .footer-right ul::-webkit-scrollbar { width: 0px; height: 4px; } .footer-right ul::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .footer-right ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .footer-right a { display: block; line-height: 43px; color: #222; font-size: 14px; transition:all 0.3s; } .footer-right a:hover{ color: #e7161a; transition:all 0.3s; } #share a{ display: block; padding: 0; margin: 0; width: 22px; height: 17px; margin-left: 21px; float: right; } #share a.bds_tsina{ background: url(../img/img_34.png) no-repeat center center; transition:all 0.3s; } #share a.bds_weixin{ background: url(../img/img_36.png) no-repeat center center; transition:all 0.3s; } #share a.bds_sqq{ background: url(../img/img_38.png) no-repeat center center; transition:all 0.3s; } #share a.bds_tsina:hover{ background: url(../img/img_35.png) no-repeat center center; transition:all 0.3s; } #share a.bds_weixin:hover{ background: url(../img/img_37.png) no-repeat center center; transition:all 0.3s; } #share a.bds_sqq:hover{ background: url(../img/img_39.png) no-repeat center center; transition:all 0.3s; } .footer-bt p{ display: block; line-height: 75px; font-size: 14px; color: #666; } .footer-bt p a{ color: #666; transition:all 0.3s; } .footer-bt p a:hover{ color: #e7161a; transition:all 0.3s; } .about-banner{ width: 100%; position: relative; overflow: hidden; } .about-banner img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .about-banner-poa{ position: absolute; top: 6px; height: 589px; left: 0; right: 0; bottom: 0; margin: auto; width: 594px; } .about-banner-poa h2{ font-size: 55px; color:#fff; font-weight: bold; line-height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 60px; text-align: center; } .about-banner-poa ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .about-banner-poa li{ position: absolute; text-align: center; } .about-banner-poa li a{ color: #fff; font-size: 18px; line-height: 18px; display: block; width: 100%; /*height: 100%;*/ padding-top: 108px; transition:all 0.3s; } .about-banner-poa li:hover a{ color: #0073be; transition:all 0.3s; } .about-banner-poa li.q0{ height: 209px; /*padding:108px 0 0 0; */ background: url(../img/img_43.png) no-repeat top center; width: 140px; top: 0; left: 50%; margin-left: -70px; transition:all 0.3s; } .about-banner-poa li.q0:hover{ background: url(../img/img_44.png) no-repeat top center; transition:all 0.3s; } .about-banner-poa li.q1{ background: url(../img/img_45.png) no-repeat top center; width: 140px; padding-left: 40px; /*padding-top: 108px;*/ top: 117px; height: 162px; right: 0; transition:all 0.3s; } .about-banner-poa li.q1:hover{ background: url(../img/img_46.png) no-repeat top center; transition:all 0.3s; } .about-banner-poa li.q2{ /*background: url(../img/img_47.png) no-repeat top center;*/ width: 140px; padding-left: 9px; padding-top: 10px; bottom:77px; height: 162px; right: 28px; transition:all 0.3s; } /*.about-banner-poa li.q2:hover{ background: url(../img/img_48.png) no-repeat top center; transition:all 0.3s; }*/ .about-banner-poa li.q3{ background: url(../img/img_49.png) no-repeat top center; width: 140px; padding-top: 48px; bottom:0; left: 50%; margin-left: -70px; height: 162px; right: 28px; transition:all 0.3s; } .about-banner-poa li.q3:hover{ background: url(../img/img_50.png) no-repeat top center; transition:all 0.3s; } .about-banner-poa li.q4{ /*background: url(../img/img_51.png) no-repeat top center;*/ width: 140px; padding-right: 13px; padding-top: 10px; bottom:77px; height: 162px; left: 28px; transition:all 0.3s; } /*.about-banner-poa li.q4:hover{ background: url(../img/img_52.png) no-repeat top center; transition:all 0.3s; }*/ .about-banner-poa li.q5{ background: url(../img/img_53.png) no-repeat top center; width: 140px; padding-right: 40px; top: 117px; height: 162px; left: 0; transition:all 0.3s; } .about-banner-poa li.q5:hover{ background: url(../img/img_54.png) no-repeat top center; transition:all 0.3s; } .about-nav{ width: 100%; background: #fff; height: 58px; border-bottom: 1px solid #dcdcdc; } .about-nav ul{ display: inline-block; zoom: 1; *display: inline; height: 58px; } .about-nav li{ float: left; /*width: ;*/ padding:0 40px; } .about-nav li a{ min-width: 103px; display: block; font-size: 18px; color: #222222; line-height: 58px; background: url(../img/img_55.png) no-repeat bottom center; transition:all 0.3s; } .about-nav li:hover a,.about-nav li.on a{ color: #007ec8; background: url(../img/img_56.png) no-repeat bottom center; transition:all 0.3s; background-size:100%; } .about-nav li:hover a.oter-ximg{ background: url(../img/img_5601.png) no-repeat bottom center; transition:all 0.3s; color: #007ec8; background-size:100%; } .about-nav li a.oter-ximg{ padding:0 13px; } .about-nav li:hover a.oter-ximg,.about-nav li.on a.oter-ximg{ background: url(../img/img_5601.png) no-repeat bottom center; color: #007ec8; padding:0 13px; /*background-size:100%;*/ } body{ width: 100%; position: relative; overflow: hidden; min-width: 1200px; } .about-top-bg{ width: 636px; position: absolute; left: 0; top: 0; height: 422px; } .about-top-bg img{ position: absolute; bottom: 0; left: 0; width:100%; height: 100% } .xiant{ position:relative; } .all{ width: 100%; position: relative; overflow: hidden; } .all .line, .all .line-left, .all .line-right{ top: 0; height: 100%; z-index: -7; } .all .line{ z-index:-9; } .zinde2{ z-index: 10; position: relative; } .about-top h2{ font-size: 36px; color: #333333; line-height: 40px; margin-bottom: 20px; font-weight: bold; } .about-top{ padding: 80px 0 84px 0; text-align: center; } .about-top-q{ position:relative; top:100px; opacity:0; } .about-top p{ font-size: 14px; color: #666666; font-family: "黑体"; line-height: 28px; } .about-top-tj h2{ color:#fff; } .about-top-tj p{ color: #fff; } .brake{ display: block; height: 17px; background: url(../img/img_61.png) no-repeat center; margin-top: 20px; } .about-one img{ max-width: 100%; width: 100%; text-align: center; } .mat67{ margin-top: -67px; position: relative; z-index: 4; display: inline-block; zoom: 1; *display: inline; margin-bottom: 60px; } .mat67 li{ padding:49px 41px 0 40px; background: #027bc4; width: 529px; height: 330px; float: left; text-align: left; /*margin: 0 25px;*/ } .mat67 li:first-child{ background: #e7161a; margin-right: 50px } .mat67 li strong{ font-size: 22px; color: #fff; line-height:22px; display: inline-block; } .about-one-top{ font-size: 20px; color: #fff; line-height:22px; padding-bottom: 31px; /*border-bottom: 1px solid */ background: url(../img/img_62.png) no-repeat bottom center; margin-bottom: 30px; } .mat67 li>p{ font-size: 14px; color: #fff; line-height: 28px; } .about-center-bg{ position: absolute; top: 975px; width: 100%; } .about-center-bg img{ width: 100%; bottom: 0; left: 0; } .about-center-bg .center-bg{ position: absolute; max-width: 100%; width: auto; } .about-two-right{ float: right; width: 640px; height:498px; overflow: hidden; position: relative; } .about-two{ display: inline-block; zoom: 1; *display: inline; } .about-two li{ margin-bottom: 80px; } .about-two-right img{ max-width: 100%; transition:transform 0.5s; } .about-two li:hover img{ transform:scale(1.2); transition:transform 0.5s; } .about-two-left{ margin-right: -10px; width:535px; height: 448px; padding:50px 61px 0 50px; float: left; background: url(../img/img_65.png) no-repeat right center; position: relative; z-index: 3; text-align: left; } .about-two a{ display: block; width: 100%; } .about-two-left h2{ font-family:"微软雅黑"; font-size: 24px; color: #333333; font-weight: bold; line-height: 30px; padding-bottom: 26px; border-bottom: 1px solid #d2d2d2; margin-bottom: 30px; } .about-two-left h2 b{ font-size: 26px; font-family: "Arial"; } .about-two-left p{ font-size: 14px; color: #666666; line-height: 30px; } .about-two li.on .about-two-left{ float: right; margin: 0; margin-left: -10px; height:448px; padding:50px 50px 0 61px; background: url(../img/img_66.png) no-repeat left center; background-size: contain; overflow-y:auto; } .about-two li.on .about-two-left::-webkit-scrollbar{ width: 4px; height: 16px; background-color: #fff; } /*定义滚动条轨道 内阴影+圆角*/ .about-two li.on .about-two-left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #fff; } /*定义滑块 内阴影+圆角*/ .about-two li.on .about-two-left::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #027ac4; } .about-two li.on .about-two-right{ float: left; } .about-three li{ width: 193px; height: 193px; text-align: center; position: absolute; margin-left: -54px; margin-top: -54px; background: url(../img/img_67.png) no-repeat center center; background-size: cover; } .about-three{ height: 600px; margin-left: 54px; margin-top: 54px; } .about-three li.one{ top: 0; /*margin-top: 0*/ } .about-three li.two{ top: 99px; } .about-three li.three{ top: 199px; } .about-three li.four{ top: 299px; } .about-three li.five{ top: 399px; } .about-three li a{ display: block; width: 86px; height: 103px; /*padding :45px 53px;*/ padding: 39px 44px; } .about-three li a img{ /*max-width: 100%;*/ max-width: 88px; max-height:100px; } .about-three li a .about-three-poa{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/img_69.png) no-repeat center center; background-size: cover; opacity: 0; filter: alpha(opacity=0); transition:all 0.5s; } .about-three-poa p{ font-size: 16px; color: #fff; line-height: 25px; padding: 0 30px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 50px; } .about-three li:hover .about-three-poa{ opacity: 1; filter: alpha(opacity=100); transition:all 0.5s; } .about-bt-bg{ width: 100%; padding-bottom: 14px; position: absolute; bottom: 0; right: 0; height: 770px; margin-bottom: -10px; z-index: 7; background: url(../img/img_72.png) no-repeat bottom right; } .about-bt-bg img{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; } .wel-four-poa-img{ width: 47px; height: 21px; z-index: 3; position: absolute; top: 0; right: 0; background: url(../img/img_71.png) no-repeat top right; } .wel-four-poa-img.on{ background: url(../img/img_271.png) no-repeat top right; } .archiect{ display: inline-block; zoom: 1; *display: inline; max-width: 1253px; padding-bottom: 200px; } .archiect img{ max-width: 100%; } .archiet-top p{ max-width: 383px; width: 275px; text-align: center; float: left; } .archiet-top{ position: absolute; width: 100%; top: 0; left: 0 } .archiet-top p a{ font-size: 18px; color: #fff; display: block; line-height: 68px; } .archiet-top p.r0{ width: 360px; margin-left: 55px; } .archiet-top p.r1{ width: 360px; margin-left:102px; } .archiet-top p.r2{ width: 289px; margin-left: 70px; } .arch-one { position: absolute; top: 183px; left: 0px; } .arch-one li,.arch-two li,.arch-three li{ float: left; padding:0 10px; width: 30px; margin-right: 20px; font-size: 16px; line-height: 17px; writing-mode:tb-rl; } .arch-one li a,.arch-two li a,.arch-three li a{ display: block; color: #333333; transition:all 0.3s; } .arch-one li a:hover,.arch-two li a:hover,.arch-three li a:hover{ color: #027bc4; transition:all 0.3s; } .arch-two { position: absolute; left:526px; top: 183px; } .arch-three { position: absolute; right:4px; top: 183px; } .honor-top { padding: 130px 0 115px 0; text-align: center; } .honor-top h2{ font-size: 72px; line-height: 75px; color: #e7161a; font-weight: bold; font-family: "Arial"; margin-bottom: 30px; } .honor-top p{ font-size: 18px; color: #666; line-height: 20px; } .honor{ width: 1190px; margin: 0 auto; } .honor-left{ width: 672px; float: left; position: relative; background: url(../img/img_75.png) no-repeat 191px 236px; background-size: } .honor-left-top{ width: 468px; height: 353px; border:1px solid #e0e0e0; background: #fff; padding: 11px; position: relative; z-index: 2; } .honor-left-bottom{ bottom: 0; right: 0; width: 295px; height: 224px; padding: 9px; border:1px solid #e0e0e0; background: #fff; margin-top:-72px; position: relative; z-index: 4; margin-left: 357px; } .honor-left b{ width: 74px; height: 74px; display: block; position: absolute; left: -47px; bottom: -56px; background: url(../img/img_74.png) no-repeat center center; } .honor-right{ width: 458px; float: right; } .honor-right h2{ font-size: 48px; color: #e7171b; line-height: 50px; padding-bottom:23px; background: url(../img/img_76.png) no-repeat left bottom; margin-bottom:20px; font-family: "Arial"; font-weight: bold; } .honor-right p{ font-size: 16px; color: #333333; line-height: 36px; padding-left: 16px; background: url(../img/img_77.png) no-repeat left 15px; } .honor-right dd{ min-height: 250px; } .honor li dd:first-child{ margin-bottom: 45px; } .honor li{ padding-bottom: 250px; } .honor li.on .honor-right{ float: left; } .honor li.on .honor-left{ float: right; padding-bottom: 73px; background: url(../img/img_78.png) no-repeat 160px bottom; } .honor li.on .honor-left b{ display: none; } .honor li.on .honor-left-top{ /*float: right;*/ margin-left: 180px; } .honor li.on .honor-left-bottom{ margin: 0; margin-top: -122px; } .honor-left img{ max-width: 100%; transition:transform 0.5s; } .honor li:hover img{ transform:scale(1.1); transition:transform 0.5s; } .honor li{ cursor: pointer; position: relative; } .honor-poa-center{ position: absolute; width:52px; height:37px; background: url(../img/img_79.png) no-repeat ; top: 52px; left: 50%; margin-left: -26px; } .honor-poa-bg-one{ position: absolute; top: 942px; left:0; width: 100%; overflow: hidden; } .honor-poa-bg-one img{ /*max-width: 100%;*/ max-width: 100%; } .honor-poa-bg-one .honnor-img-one{ position: absolute; top: 0; right: 0 } .honor-poa-bg-one .honnor-img-two{ position: absolute; bottom: 0; left: 0; } .honnor-second{ top: 3348px; } .honnor-thirdly{ top: 5909px; } .honor-top.on h2{ color: #333333; font-size: 36px; line-height: 40px; margin-bottom: 20px; } .honor-top.on{ background: url(../img/img_83.png) no-repeat top center; padding-bottom: 0; padding-top: 120px; } .honor-top.on .brake{ width: 52px; height: 37px; background: url(../img/img_79.png) no-repeat center center; display: block; margin: 0 auto; margin-top: 30px; } .course li{ width: 667px; float: right; margin-top: -167px; position: relative; } .course li.on{ width: 667px; float: left; } .course li:first-child{ margin-top: 0; background: } .course-left{ float: left; width: 137px; height: 137px; background: url(../img/img_85.png) no-repeat center center; font-family: "didot"; line-height: 137px; text-align: center; font-size: 40px; color: #fff; margin-top: 62px; } .course li.on .course-left{ float: right; background: url(../img/img_86.png) no-repeat center center; } .course-right{ position: relative; width: 428px; padding: 22px; /*height: 385px;*/ margin-left: 24px; /*padding: 33px 33px 33px 55px;*/ min-height: 425px; box-shadow: 0 0 11px rgba(0,0,0,0.17); float: right; text-align: left; background: #fff; } .cou-right-poa{ position: absolute; top: 0; left: -24px; width: 24px; height:100%; background: url(../img/img_87.png) repeat-y top left; background-size: cover; } .course li.on .course-right{ /*padding: 33px 55px 33px 33px;*/ float: left; } .course li.on .cou-right-poa{ left: auto; right: -24px; background: url(../img/img_88.png) no-repeat top right; } .w1200{ width: 1200px; margin: 0 auto; } .course-right img{ max-width: 100%; transition:transform 0.8s; } .course li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .course-right h2{ font-size: 24px; color: #222222; line-height: 30px; padding: 25px 0 15px 0 } .course-right p{ font-size: 16px; color: #666666; line-height: 30px; } .course li{ background: url(../img/img_84.png) repeat-y 66px top; } .course li.on{ background: url(../img/img_84.png) repeat-y 598px top; } .course li.last{ padding-bottom: 89px; background: url(../img/img_89.png) no-repeat 598px top; } .course li.lastt{ padding-bottom: 89px; background: url(../img/img_89.png) no-repeat 66px top; } .man-opacity{ position:relative; opacity:0; transition:all .5s; } .mores{ display: block; width: 138px; height: 137px; background: url(../img/img_90.png) no-repeat center top; line-height: 137px; font-size: 20px; color: #333333; line-height: 137px; margin: 0 auto; transition:all 0.3s; } .mores:hover{ background: url(../img/img_93.png) no-repeat center top; color: #fff; transition:all 0.3s; } .course-poa-bg{ position: absolute; width: 100%; top: 488px; left: 0; } .course-poa-bg .course-img-poa{ max-width: 100%; position: absolute; bottom: 716px; left: 0 } .event-poa-bg{ position: absolute; top: 0; left: 0; width: 100%; } .event-poa-bg img,.send-poa-bg img{ position: relative; } .event-poa-bg .enevt-poa-img{ position: absolute; bottom: 0; left: 0; } .events li{ position: relative; width: 100%; padding-top: 40px; } .events li:first-child b{ position: absolute; display: block; width: 100%; height: 64px; background: url(../img/img_98.png) no-repeat 697px top ; top: 0; left: 0 } .event-right{ float: right; width: 583px; height: 345px; padding: 121px 49px 128px 62px; background: url(../img/img_97.png) no-repeat top center; background-size: contain; position: relative; z-index: 2; } .event-right img{ max-width: 100%; } .event-left{ float: left; padding: 160px 75px 0 75px; width: 533px; } .event-left h2{ font-size: 80px; line-height: 70px; color: #111111; font-family: "BOD_I"; padding-bottom: 35px; background: url(../img/img_99.png) no-repeat bottom center; margin-bottom: 34px; } .event-left h3{ font-size: 24px; color: #222222; line-height: 30px; padding-bottom: 15px } .event-left p{ font-size: 16px; color: #666666; line-height: 28px; } .events li.on .event-left{ float: right; } .events li.on .event-right{ float: left; } .events li.on b{ position: absolute; display: block; width: 100%; height: 116px; background: url(../img/img_100.png) no-repeat 169px top ; top: -63px; left: 0 } .events li b{ position: absolute; display: block; width: 100%; height: 108px; background: url(../img/img_101.png) no-repeat 662px top ; top: -57px; left: 0 } .send-left-top { float: left; position: relative; margin:10px 28px 30px 0; box-shadow: 0 0 13px rgba(0,0,0,0.23); } .send-left-top b{ position: absolute; display: block; width: 418px; top: -25px; left: 236px; height: 5px; background: #027bc4 } .send-left{ margin-top:40px; width: 47.5%; display: block; } .send-left p{ font-size: 14px; color: #666666; line-height: 31px; } /*.send-lefts{ padding-top: 40px; }*/ .send-lefts .send-left-top{ /*margin-top: -40px;*/ } .mark i.first{ float: left; background: url(../img/img_102.png) no-repeat left center; padding-right: 5px; } .mark i{ width: 31px; height: 29px; background: url(../img/img_103.png) no-repeat center center; display: inline-block; zoom: 1; *display: inline; } .signature{ float: right; width: 565px; margin-right: 80px; background: url(../img/img_106.png) no-repeat right bottom; padding: 0 0 50px 142px } .signature h2{ font-size: 18px; color: #333333; line-height:98px; float: left; } .signature img{ display: block; float: left; } .signaturess{ padding: 75px 0 188px 0 } .send-poa-bg{ position: absolute; bottom: 0; right: 0; } .send-poa-bg .poa{ position: absolute; top: 0; right: 0; z-index: 3; } .about-banner-poa p{ font-size: 30px; color: #fff; font-family: "SimHei"; background: url(../img/img_110.png) no-repeat bottom center; line-height: 40px; padding-bottom: 11px; } .about-banner-poa.on{ height: 130px; text-align: center; } .about-banner-poa.on h2{ position: relative; padding-bottom: 19px; } .about-banner-down{ display: block; width: 68px; height: 80px; text-align: center; line-height: 80px; background: url(../img/img_111.png) no-repeat center center; position: absolute; bottom: 104px; left: 50%; margin-left: -34px; } .about-banner-down img{ max-width: 100%; animation: down 0.8s linear infinite; -webkit-animation: down 0.8s linear infinite; position: relative; left: 0; margin: 0; width: auto; } @keyframes down{ 0%{ opacity: 0.5; filter: alpha(opacity=50); top: 0; } 50%{ opacity: 1; filter: alpha(opacity=1); top: 10px; } 100%{ opacity: 0.5; filter: alpha(opacity=50); top: 0 } } @-webkit-keyframes down{ 0%{ opacity: 0.5; filter: alpha(opacity=50); top: 0 } 50%{ opacity: 1; filter: alpha(opacity=1); top: 10px } 100%{ opacity: 0.5; filter: alpha(opacity=50); top: 0 } } .syn-nav-list .bd{ width: 1100px; margin: 0 auto; overflow: hidden; position: relative; } .syn-nav-list .hd a{ position: absolute; height: 60px; line-height: 60px; top: 0; width: 30px; display: block; text-align: center; font-family: '宋体'; font-weight: bold; font-size: 40px; color: #999; } .syn-nav-list .hd a.next{ right: 0; } .syn-nav-list .hd a.prev{ left: 0; } .syn-nav-list .hd a:hover{ color: #027bc4; } .syn-nav li{ float: left; border:1px solid #d9d9d9; width:363px; height: 60px; text-align: center; line-height: 60px; cursor: pointer; font-size: 16px; color: #333333; background: #fff; margin-right: 2px; transition:all 0.3s; } .syn-nav li:hover, .syn-nav li.on{ color: #fff; background: #027bc4; transition:all 0.3s; } .syn-right{ float: right; border: 3px solid #f0f0f0; background: #fff; width: 280px; } .picScroll-top{ background: #fff; padding: 54px 28px ; padding-bottom: 46px; position: relative; } .picScroll-top img{ max-width: 100%; width: 100%; min-height: 147px; transition:transform 0.8s; } .picScroll-top .bd li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .picScroll-top .bd li{ margin-bottom: 8px; cursor: pointer; width: 100%; overflow: hidden; position: relative; } .picScroll-top .bd li.on b{ width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; background: url(../img/img_117.png) no-repeat center center; z-index: 3; background-size:100% 100%; } .picScroll-top .prev{ width: 100%; height: 24px; left: 0; position: absolute; bottom: 20px; cursor: pointer; background: url(../img/img_113.png) no-repeat center center; transition:all 0.3s; } .picScroll-top .prev:hover{ background: url(../img/img_115.png) no-repeat center center; transition:all 0.3s; } .picScroll-top .next{ width: 100%; height: 24px; left: 0; position: absolute; top: 20px; cursor: pointer; background: url(../img/img_114.png) no-repeat center center; transition:all 0.3s; } .picScroll-top .next:hover{ background: url(../img/img_116.png) no-repeat center center; transition:all 0.3s; } .syn-left-ajax{ width:900px; float: left; } .sny-two-ajax{ border: 3px solid #f0f0f0; position: relative; } .sny-two-ajax img{ max-width: 100%; width: 100%; } .sny-two-ajax p{ font-size: 16px !important; color: #ffffff !important; line-height: 25px !important; } .sny-two-poa{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; background: url(../img/img_118.png) center center; text-align: center; } .sny-two-poa p{ font-size: 18px; color: #ffffff; line-height: 25px; } .syn-ajax{ padding: 44px 0 0px 0; width: 1200px; margin: 0 auto; } .syn-bg{ position: absolute; bottom: 0; right: 0; } .about-top.cult{ padding: 113px 0 48px 0 } .cult-one{ padding: 145px 203px 144px 230px; z-index: 2; position: relative; background: url(../img/img_121.png); } .cult-one-right{ width: 334px; height: 304px; float: right; background: url(../img/img_120.png) no-repeat center center; } .cult-one-right li{ float: left; width: 167px; height: 152px; text-align: center; line-height: 152px; cursor: pointer; transition:all 1.2s; } .cult-one-right li:hover .block, .cult-one-right li.on .block{ display: none; } .cult-one-right li:hover .none, .cult-one-right li.on .none{ display: inline-block; } .cult-one-right li img{ max-width: 100%; } .cult-one-ajax{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0; filter:alpha(opacity=0); } .cult-one-ajax img{ max-width: 100%; width: 100%; } .about-q05{ background:#000; } .none{ display: none; } .block{ display: inline-block; } .cult-one-left { float: left; width: 322px; position: relative; left: -50px; opacity: 0; z-index:10; transition:all 1.5s; } .cult-one-left h2{ font-size: 30px; color: #fff; font-weight: bold; line-height: 40px; } .cult-one-left h3{ font-family: "AdobeGaramon"; font-size: 18px; color: #fff; line-height: 24px; padding-bottom: 18px; background: url(../img/img_130.png) no-repeat bottom center; margin-bottom: 38px; } .cult-one-left p{ font-size: 14px; color: #ffffff; line-height: 24px; margin-bottom: 10px; padding-left: 18px; background: url(../img/img_131.png) no-repeat 0 10px; } .cult-two li{ float: left; width: 350px; padding-top: 172px; height: 420px; background: url(../img/img_132.png) no-repeat top right; cursor: pointer; transition:all 0.5s; } .cult-two{ background: url(../img/img_121.png); position: relative; z-index: 3; text-align: center; } .cult-two-ajax,.cult-three-ajax{ position: absolute; opacity:0; top: 0; left: 0; width: 100%; height: 100%; } .cult-two-ajax img,.cult-three-ajax img{ max-width: 100%; } .cult-two-img{ width: 67px; height: 69px; margin: 0 auto; text-align: center; margin-bottom: 44px; } .cult-two-img img{ max-width: 100%; } .cult-two h2,.cult-three h2{ font-size: 30px; color: #fff; line-height: 34px; padding-bottom:5px; } .cult-three h2{ padding-bottom:10px; } .cult-two h3,.cult-three h3{ font-size: 14px; color: #fff; text-transform: uppercase; line-height: 18px; padding-bottom: 30px; background: url(../img/img_137.png) no-repeat bottom center; margin-bottom: 35px; } .cult-two p ,.cult-three p{ font-size: 18px; color: #fff; line-height: 26px; margin-bottom: 10px; opacity:0; transition:all .5s; } .cult-two li:hover,.cult-three li:hover { padding-top: 150px; height: 432px; transition:all 0.5s; } .cult-two li:hover p,.cult-three li:hover p{ /*opacity:1;*/ } .cult-two li.on p,.cult-three li.on p{ opacity:1; } .cult-three{ position: relative; background: url(../img/img_121.png); z-index: 3; text-align: center; } .cult-three li{ float: left; width: 350px; padding-top: 172px; height: 420px; background: url(../img/img_132.png) no-repeat top right; cursor: pointer; transition:all 0.3s; } .cult-three-img{ width:78px; height: 65px; margin: 0 auto; margin-bottom: 44px; } .cult-four{ border-top: 5px solid #027bc4; box-shadow: 0 0 30px rgba(0,0,0,0.19); } .cult-four li{ background: url(../img/img_142.png) repeat-y top right; width: 350px; float: left; } .cult-four-top { padding: 44px ; height: 162px; text-align: center; } .cult-four-img{ width: 100%; height: 44px; margin-bottom: 18px; } .cult-four-top h2{ font-size: 30px; color: #333333; line-height: 34px; margin-bottom: 5px; } .cult-four-top p{ text-transform: uppercase; font-size: 14px; color: #666666; line-height: 18px; } .cult-four-work{ background: #fafafa; padding: 44px 20px 0 26px; margin-right: 1px; min-height: 485px; overflow: hidden; } .cult-four-work h3{ text-align: center; font-size: 16px; color: #222222; line-height: 26px; font-weight: bold; } .cult-four-work dt{ padding-left: 15px; font-size: 16px; color: #222222; font-weight: bold; line-height: 30px; background: url(../img/img_147.png) no-repeat 0 13px; } .cult-four-work dd{ padding-left: 15px; font-size: 14px;color: #666666; line-height: 30px; } .cult-four-work p{ background: url(../img/img_147.png) no-repeat 0 10px; font-size: 14px; padding-left: 15px; color: #333333; line-height: 24px; margin-bottom: 24px; } .cult-bg-poa{ position: absolute; top: 956px; left: 0; width: 100%; } .cult-bg-poa img{ max-width: 100%; } .cult-bg-two{ position: absolute; top: 0; right: 0; } .cult-bg-one{ position: absolute; bottom:0; left: 0; } .news-bg-poa{ position: absolute; top: 0; left: 0; width: 100%; } .news-bg-poa img{ width: 100% } .about-top.in{ padding: 102px 0 65px 0; position: relative; z-index: 10; } .news-top{ display: inline-block; zoom: 1; *display: inline; } .news-top-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/img_152.png) no-repeat center center; z-index: 3; } .news-top li{ position: relative; width:365px; height:445px; overflow:hidden; margin: 0 32px; float: left; overflow: hidden; } .news-top img{ width: 100%; max-width: 100%; height: auto !important; transition: transform 0.8s; } .news-top li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .news-top a{ display: block; width: 100%; height: 100%; } .news-work-bg{ position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; height: 100%; background: url(../img/img_153.png) no-repeat bottom center; transition:all 0.1s; } .news-work-bg-text{ position: absolute; bottom: 0; left: 0; width: 319px; margin: 0 auto; padding: 166px 23px 75px 23px; transition:all 0.3s; } .news-work-bg h2{ font-size: 14px; color: #fff; font-family: "HelveticaExt"; line-height: 20px; padding-bottom: 6px; } .news-work-bg p{ font-size: 16px; color: #fff; line-height: 28px; } .news-top li:hover .news-work-bg-text{ padding: 0; padding: 0 23px 118px 23px; /*padding-bottom: 118px;*/ transition:all 0.3s; } .news-top li:hover .news-work-bg{ width: 100%; background: url(../img/img_154.png) no-repeat bottom center; height: 100%; transition:all 0.1s; } .news-top li:hover p{ font-size: 18px; transition:all 0.3s; } .news-top{ padding-bottom: 125px; } .news-work a{ display: block; padding: 33px 100px 34px 88px; } .news-work{ padding: 0 1px; } .news-work li:first-child{ border-top: 1px solid #e5e5e5 } .news-work li{ border-bottom: 1px solid #e5e5e5 } .news-left{ overflow: hidden; float: left; width: 162px; height: 198px; margin-right: 30px; } .news-left img{ max-width: 100%; width: 100%; transition:transform 0.8s; } .news-right{ float: left; width: 1018px; } .news-right h2{ font-size: 20px; color: #333333; line-height: 30px; margin: 10px 0; position: relative; } .news-right i{ font-style: normal; position: absolute; top: 0; right: 0; font-size: 16px; color: #666666; line-height: 30px; display: block; } .news-right p{ font-size: 14px; color: #777777; line-height: 26px; height: 52px; overflow: hidden; } .news-right b{ display: block; margin-top: 53px; width:163px; height: 43px; line-height: 43px; text-align: center; background: #f5f5f5; font-size: 14px; color: #666666; font-weight: normal; transition:all 0.3s; } .news-work li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .news-work li:hover b{ background: #007ac3; color: #fff; transition:all 0.3s; } .page{ text-align: center; padding: 48px 0 100px 0; } .page a{ font-size: 13px; line-height: 23px; float: left; display: block; color: #666666; margin: 0 10px; height: 23px; padding: 0 8px; } .page a:hover,.page a.on{ color: #007ac3; background: url(../img/img_159.png) no-repeat bottom center; } .page .prev{ background: url(../img/img_156.png) no-repeat center center; transition:all 0.3s; } .page .prev:hover{ border-bottom: none; background: url(../img/img_157.png) no-repeat center center; transition:all 0.3s; } .page .next{ background: url(../img/img_155.png) no-repeat center center; transition:all 0.3s; } .page .next:hover{ border-bottom: none; background: url(../img/img_158.png) no-repeat center center; transition:all 0.3s; } .page-work{ display: inline-block; zoom: 1; *display: inline; } .news-info{ border-top: 4px solid #007ac3; padding:0 0 101px 0; margin-top: 101px; position: relative; z-index: 10; } .news-info-top{ border:1px solid #cccccc; background: #f2f2f2; padding: 26px 34px } .news-info-top h2{ float: left; width: 85%; font-size: 18px; color: #333333; line-height: 30px; } .news-info-top p{ float: right; width: 10%; font-size: 18px; color: #333333; } .news-info-work{ padding: 60px 36px ; border-bottom: 1px solid #cecece } .news-infoonpd-work{ padding:0; margin-top: 50px; } .news-info-work p{ font-size: 16px; color: #666666; line-height: 35px; } .syn-nav-list{ position: relative; width: 1200px; margin: 0 auto; } .back{ display: block; margin: 70px 34px 17px auto; font-size: 16px; color: #333333; border:1px solid #b3b3b3; background: #f2f2f2; width: 147px; height: 47px; text-align: center; line-height: 47px; transition:all 0.3s; } .back:hover{ color: #fff; background: #007ac3; border:1px solid #007ac3; transition:all 0.3s; } .flip{ border-top: 4px solid #007ac3 } .flip li{ border-bottom: 1px solid #e4e4e4; padding: 21px 42px; } .flip b{ font-weight: normal; float: left; display: block; padding-left: 26px; width: 86px; background: url(../img/img_161.png) no-repeat left center; font-size: 18px; color: #333333; line-height: 23px; } .flip li:first-child b{ background: url(../img/img_160.png) no-repeat left center; } .flip a{ display: block; float: left; padding-left: 23px; width:850px; font-size: 16px;color: #333333; line-height: 23px; background: url(../img/img_162.png) no-repeat left center; transition:all 0.3s; } .flip li:hover a{ color: #007ac3; transition:all 0.3s; } .group-bg-one{ position: absolute; top: 0; left: 0; } .group-two-bg{ position: absolute; bottom: 0; left: 0; } .group{ border-top: 4px solid #2973ba; position: relative; z-index: 10; margin: 0 22px; } .group-top{ border:1px solid #d9d9d9; background: #f7f7f7; text-align: center; padding: 24px 0 } .group-top p:first-child{ padding-left: 0 } .group-top p{ display: inline-block; zoom: 1; *display: inline; padding-left: 50px } .group-top span{ font-size: 16px; color: #222222; line-height: 40px; } .group-top select{ border:1px solid #dcdcdc; background: #fff; padding: 0 30px; height: 38px; font-size: 16px; color: #222222; text-align:left; width: 420px; margin-left: 14px; } .group-top input{ width: 195px; height: 40px; line-height: 40px; background: #2973ba; text-align: center; border:1px solid #dcdcdc; font-size: 16px; color: #fff; display: inline-block; zoom: 1; *display: inline; position: relative; top: 2px; transition:all 0.3s; } .group-top input:hover{ background: none; color: #2973ba; transition:all 0.3s; } .group-ul{ width: 100%; overflow: hidden; position: relative; padding-top: 57px; padding-bottom: 143px; } .group-ul ul{ width: 105%; } .group-ul li{ width: 303px; height: 385px; margin-right: 48px; float: left; margin-bottom: 54px; overflow: hidden; position: relative; } .group-ul.shareholder-ul li:before{ position: absolute; width: 40px; height: 40px; right: 10px; bottom: 10px; content: ""; background:url(../img/down.png) no-repeat center; background-size: 100%; z-index: 10; } .group-ul li img{ max-width: 100%; width: 100%; transition:transform 0.8s; } .group-ul li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .grou-bg{ width: 100%; position: absolute; top: 0; left: 0; height: 100%; /*background: url(../img/img_165.png) no-repeat bottom center;*/ z-index: 2; transition:all 0.3s; } /*.group-ul li:hover .grou-bg{ background: url(../img/img_167.png) no-repeat bottom center; transition:all 0.3s; }*/ .broup-work { position: absolute; bottom: 24px; left: 18px; z-index: 3; } .broup-work h2{ font-size: 20px; color: #f2f2f2; line-height: 30px; padding-bottom: 20px; } .broup-work p{ background: url(../img/img_166.png) no-repeat left center; width: 113px; height: 33px; text-align: center; line-height: 33px; font-size: 14px; color: #fff; } .group-ul li a{ display: block; width: 100%; height: 100%; } .group-ul .more{ font-size: 20px; color: #666666; display: block; width: 184px; height: 55px; background: url(../img/img_168.png) no-repeat center center; margin: 0 auto; margin-top: 20px; text-align: center; line-height: 55px; transition:all 0.3s; } .group-ul .more:hover{ background: url(../img/img_169.png) no-repeat center center; color: #027bc4; transition:all 0.3s; } .group-bg-two{ position: absolute; bottom: 0; right: 0; } .group-twos-bg{ position: absolute; top: 0; right: 0 } .group-info{ box-shadow: 0 0 10px rgba(0,0,0,0.23); margin-top: 33px; margin-bottom: 68px; background: #fff; } .group-info-top a{ display: block; float: left; width: 50%; line-height: 52px; font-size: 16px; color: #333333; } .group-info-top{ border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } .group-info-top a:first-child{ background: url(../img/img_172.png) no-repeat right center; } .group-info-work{ margin: 0 50px; text-align: center; /*padding-bottom: 50px;*/ overflow: hidden; margin-bottom: 69px; } .group-page{ padding-bottom: 176px; } .group-page p{ float: left; text-align: center; border:1px solid #e5e5e5; background: #f7f7f7; width: 526px; height: 51px; line-height: 51px; margin-right: 8px; font-size: 18px; color: #333333 } .group-page p a{ color: #333; transition:all 0.3s; } .group-page p:hover a{ color: #007ec8; transition:all 0.3s; } .group-page .backs{ float: left; display: block; width:278px; height: 51px; text-align: center; line-height: 51px; background: #007ec8; font-size: 18px; color: #fff; border:1px solid #e5e5e5; transition:all 0.3s; } .group-page .backs:hover{ background: #f7f7f7; border-color: #007ec8; color: #007ec8; transition:all 0.3s; } .group-info-work img{ max-width: 100%; } .pro-bg-one{ position: absolute; top: 0; left: 0; } .pro-bg-two{ position: absolute; top: 208px; right: 0; width: 100%; height: 1079px; } .pro-bg-two .two-bg-one{ width: 100%; height: 100%; /*background: url(../img/img_174.png) no-repeat top center;*/ } .pro-bg-two .two-bg-two{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*background: url(../img/img_175.png) no-repeat top center;*/ } .two-bg-two{ position: absolute; top: 0; left: 0; } .pro-bg-two img{ width: 100%; position: relative; top: 0; left: 0; width: 1920px; } .about-top h3{ font-size: 16px; color: #666666; line-height: 30px; width: 750px; margin: 0 auto; margin-top: 30px; } .pro-one{ position:relative; top:100px; opacity:0; padding: 134px 90px 180px 90px; width: 450px; height: 336px; margin: 0 auto; text-align: center; margin-bottom: 197px; background: url(../img/img_178.png) no-repeat center center; } .pro-one h2{ font-size: 30px; color: #027ac4; line-height: 30px; margin-bottom: 7px; font-weight: bold; } .pro-text i:first-child{ position: relative; display: block; float: left; background: url(../img/img_179.png) no-repeat center center; } .pro-text i { width: 76px; height: 61px; position: absolute; background: url(../img/img_180.png) no-repeat center center; bottom: -13px; right: 0 } .pro-work p{ font-size: 14px; line-height:30px; color: #666666 } .pro-work{ padding: 50px 0 45px 0; } .pro-two-left{ position: relative; width: 699px; height:487px; } .pro-two-left img{ max-width: 100%; } .pro-two:last-child{ margin-bottom:210px; } .pro-two{ border:1px solid #dcdcdc; background: #fff; position: relative; z-index: 10; margin-bottom: 55px; } .pro-two-right{ padding: 92px 45px 0 43px; width: 611px; height:395px; overflow-y:auto; } .pro-two-right::-webkit-scrollbar{ width: 4px; height: 16px; background-color: #fff; } /*定义滚动条轨道 内阴影+圆角*/ .pro-two-right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #fff; } /*定义滑块 内阴影+圆角*/ .pro-two-right::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #027ac4; } .pro-two-right .por{ padding: 19px 0 59px 94px; } .pro-two-right i.first{ position: absolute; top: 0; left: 0; width: 76px; height: 61px; display: block; background: url(../img/img_179.png) no-repeat center top ; } .pro-two-right i{ position: absolute; bottom: 0; right: 0; width: 76px; height: 61px; display: block; opacity: 0.5; filter: alpha(opacity=50); background: url(../img/img_180.png) no-repeat center center; } .pro-two-right h2{ font-size: 30px; color: #027ac4; line-height:34px; margin-bottom: 30px; font-weight: bold; } .pro-two-right p{ font-size: 14px; color: #666; line-height: 30px; } .about-top.ins{ padding: 50px 0 35px 0 } .pro-bg-three{ position: absolute; right: 0; top: 910px; width: 100%; } .pro-bg-three .pro-three-poa{ position: absolute; top: 0; right: 0; max-width: 100%; } .pro-bg-three img{ max-width: 100%; } .op{ opacity: 0; filter: alpha(opacity=0); } .pro-three{ text-align: center; padding-bottom: 196px; } .pro-three-poa{ position: absolute; top: 0; left: 0; width: 100%; } .pro-three-poa p a{ display: block; font-size: 18px; color: #fff; line-height: 69px; } .pro-three-poa ul{ display: inline-block; zoom: 1; *display: inline; margin-top: 87px; } .pro-three-poa li:first-child{ margin-left: 23px; } .pro-three-poa li{ writing-mode: tb-rl; float: left; width: 30px; margin-right: 33px; /*margin: 0 16px;*/ padding: 0 15px; padding-top: 26px; } .pro-three-poa li a{ display: block; font-size: 16px; color: #333333; line-height: 17px; transition:all 0.3s; } .pro-three-poa li:hover a{ color: #027bc4; transition:all 0.3s; } .weft-bg-one img{ max-width: 100% } .weft-bg-one { position: absolute; top: 0; left: 0; width: 100%; } .weft-nav{ padding: 96px 0 0 0 } .weft-nav h2{ font-size: 36px; color: #333; font-weight: bold; line-height: 36px; text-align: center; } .weft-nav b{ display: block; height: 17px; background: url(../img/img_61.png) no-repeat center; margin-top: 15px; margin-bottom: 70px; } .weft-nav ul{ display: inline-block; zoom: 1; *display: inline; border:1px solid #dcdcdc; margin-bottom: 44px; } .weft-nav li{ border-right: 1px solid #dcdcdc; float: left; width: 284px; height: 67px; background: #fff; line-height: 65px; } .weft-nav li a{ display: block; font-size: 18px; color: #222222; line-height: 67px; text-align: center; transition:all 0.3s; } .weft-nav li:last-child{ border-right: none; } .weft-nav li:hover a, .weft-nav li.on a{ background: #007ec8; color: #fff; transition:all 0.3s; } .weft-nav p{ font-size: 16px; color: #555; line-height: 34px; max-width: 750px; margin: 0 auto; } .weft{ padding-top: 92px; width: 1083px; margin: 0 auto; } .weft-right { float: right; width: 559px; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.32); } .weft-left{ float: left; width: 454px; margin-top: 150px; } .weft-left b{ font-weight: normal; font-family: "Bebas"; padding-right: 80px; font-size: 20px; color: #333333; line-height: 20px; background: url(../img/img_57.jpg) no-repeat right center; } .weft-left h2{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px; margin: 5px 0 38px 0 } .weft-left h3{ font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 10px } .weft-left p{ font-size: 14px; color: #666666; line-height: 28px; } .weft-left a{ display: block; width: 184px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #666666; margin-top: 90px; background: url(../img/img_184.png) no-repeat center center; transition:all 0.3s; } .weft-left a:hover{ color: #007ec8; background: url(../img/img_185.png) no-repeat center center; transition:all 0.3s; } .weft li{ padding-bottom: 200px; } .weft li.on .weft-left{ float: right; } .weft li.on .weft-right{ float: left; } .weft-right img{ width: 100%; transition:transform 0.8s; } .weft li:hover img{ transform:scale(1.1); transition:transform 0.8s; } .weft li.first .weft-right b{ z-index: 2; position: absolute; /*background: url(../img/img_186.png) no-repeat center center;*/ width: 151px; height: 135px; top: 34px; left: -104px; } .weft li.secend .weft-right b{ z-index: 2; position: absolute; background: url(../img/img_187.png) no-repeat center center; width: 137px; height: 173px; top:20px;.search right: -65px } .weft li.third .weft-right b{ z-index: 2; position: absolute; /*background: url(../img/img_188.png) no-repeat center center;*/ width: 291px; height: 183px; bottom: 19px; right: -165px; } .weft li.fourthly .weft-right b{ z-index: 2; position: absolute; /*background: url(../img/img_189.png) no-repeat center center;*/ width: 152px; height: 135px; top: 0; right: -89px; } .weft-bg-two{ position: absolute; top: 1758px; left: 0; width: 100%; } .weft-bg-two img{ max-width: 100%; } .bus-one{ width: 1075px; margin: 0 auto; padding: 96px 0 0 0 } .bus-two{ width: 1075px; margin: 0 auto; position: relative; padding-top: 60px; padding-bottom: 170px; } .bus-left{ float: left; width: 413px; position: relative; padding-top: 63px; } .bus-left-work h2{ font-size: 30px; color: #333333; line-height: 40px; font-weight: bold; margin-bottom: 8px; } .bus-left-work p{ font-size: 14px; color: #666666; line-height: 26px; } .bus-left-work a{ display: block; width: 184px; height: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #666666; margin-top: 90px; background: url(../img/img_184.png) no-repeat center center; transition: all 0.3s; } .bus-left-work a:hover{ color: #007ec8; background: url(../img/img_185.png) no-repeat center center; transition: all 0.3s; } .bus-left b,.bus-two-left b{ font-size: 200px; line-height:189px; display: block; color: #1575b9; font-family: "Bebas"; position: absolute; font-weight: normal; top: -31px;z-index: -1; } .bus-right{ float: right; width: 641px; } .bus-right-nav{ position: relative; width: 100%; overflow: hidden; } .bus-right-nav img{ transition: transform 0.8s; } .bus-right-nav:hover img{ transform: scale(1.2); transition: transform 0.8s; } .bus-right-bt img{ transition: transform 0.8s; } .bus-right-bt:hover img{ transform: scale(1.2); transition: transform 0.8s; } .bus-left-nav img{ transition: transform 0.8s; } .bus-left-nav:hover img{ transform: scale(1.2); transition: transform 0.8s; } .bus-right-poa { width: 100%; background: url(../img/img_199.png) no-repeat bottom center; padding: 163px 0 50px 0 ; position: absolute; bottom:0; left: 0; z-index: 2; } .bus-right-poa h2{ font-size: 24px; color: #fff; line-height: 30px; padding:0 25px; padding-bottom: 10px; } .bus-right-poa p{ font-size: 16px; color: #fff; line-height: 26px; padding:0 25px } .bus-left-work{ padding-top: 40px; } .bus-right-bt{ margin-top: 25px; width: 328px; overflow: hidden; position: relative; } .bus-right-bt-bg{ position: absolute; bottom:0; right: 0; width: 100%; height: 100%; background: url(../img/img_191.png) no-repeat center center; background-size: cover; } .bus-right-bt-bg h2{ position: absolute; bottom: 30px; left: 27px; font-size: 24px; color: #fff; line-height: 30px; } .bus-one li{ padding-bottom: 150px; } .bus-one li.on .bus-left{ float: right; } .bus-one li.on .bus-right{ float: left; } .bus-one li .bus-left b{ left: -107px; } .bus-one li.on .bus-left b{ right: -107px; left: auto; } .bus-one li.in b{ color: #ea8b00 } .bus-two b{ left: -94px; top: -18px; color:#fff } .bus-two .bus-left{ position: static; } .bus-two .bus-right-bt{ margin: 0 0 30px auto; } .bus-two .bus-left-work{ padding-left: 46px; } .bus-two .bus-left-work a{ margin-top: 40px; } .bus-one img,.bus-left img,.bus-right img{ max-width: 100%; transition:transform 0.8s; } .bus-right-nav:hover img{ transform: scale(1.2); transition: transform 0.8s; } .bus-right-bt:hover img{ transform: scale(1.2); transition: transform 0.8s; } .bus-left-nav{ overflow: hidden; } .slideBox a{ display: block; position: relative; } .bus-three{ width: 1073px; margin: 0 auto; } .bus-three .slideBox{ position: relative; min-height: 555px; background: #fff; } .bus-three-nav h2{ font-size: 36px; color: #000000; line-height: 40px; padding-bottom: 10px; } .bus-three-nav p{ font-size: 14px; color: #666666; line-height: 26px; max-width: 466px; margin: 0 auto; margin-bottom: 66px; } .slideBox .hd{ position: absolute; z-index: 3; width: 100%; bottom:-26px; } .slideBox .hd ul{ float: right; } .slideBox .hd li{ trsnsition:all .3s; display: block; float: left; background: url(../img/img_192.png) no-repeat center center ; width: 90px; height: 105px; margin-left: 12px; text-align: center; line-height: 105px; font-size: 30px; color: #007ac3; cursor: pointer; font-family: "Bebas"; } .slideBox .hd li.on{ background: url(../img/img_193.png) no-repeat center center; color: #fff } .bus-three>li{ padding-bottom: 160px; position: relative; } .bus-three li b{ font-size: 200px; line-height: 189px; display: block; color: #e01e36; font-family: "Bebas"; position: absolute; font-weight: normal; top: 23px; right:-163px; z-index: -1; } .slideBox .slide-poa{ position: absolute; top: 0; left: 0; background: url(../img/img_194.png) no-repeat left top; padding: 39px 188px 0 25px; width: 286px; height: 256px; } .slideBox .slide-poa h2{ font-size: 24px; color: #fff; font-weight: bold; line-height: 30px; padding-bottom: 20px; } .slideBox .slide-poa p{ font-size: 14px; color: #fff; line-height: 24px; } .bus-three>li.on b{ color: #007ac3; left: -163px; right: auto; } .bus-three>li.on .slide-poa{ right: 0; left: auto; background: url(../img/img_195.png) no-repeat right top ; padding: 39px 18px 0 234px; width: 248px; } .bus-three>li.on .slideBox .hd ul{ float: left; } .bus-three>li.on .slideBox .hd li{ transition:all .3s; float: right; margin-left: 0; margin-right: 12px; } .weft-bg-three{ width: 100%; position: absolute; top: 905px; left: 0; } .weft-bg-three img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .bus-one li.in h2, .bus-one li.in p, .bus-one li.in a{ color: #fff; } .weft-bg-twos{ top:2621px; left: 0; width: 100%; position: absolute; } .weft-bg-twos img{ position: relative; left: 50%; margin-left:-960px; width: 1920px; display: block; } .invest-bg-one{ position: absolute; top: 0; left: 0; } .invest-one-noe{ position: absolute !important; bottom: 25px !important; left: 0 !important; z-index: 2; } .invest-one-top{ position: absolute; bottom: 0px; left: 0; z-index: 2; } .weft-nav h3{ font-size: 14px; color: #666666; line-height: 30px; max-width: 1068px; margin: 0 auto; margin-bottom: 77px; } .weft-nav.in b{ margin-bottom: 40px; } .invest-one li{ float: left; position: relative; overflow: hidden; cursor: pointer; } .invest-one-poa{ position: absolute; width: 100%; background: url(../img/img_202.png) no-repeat bottom center; bottom: 0; left: 0; padding: 198px 0 30px 0; z-index: 2; } .invest-one-poa h2{ transition:all .3s; font-size: 26px; color: #fff; line-height: 36px; padding: 0 30px; } .invest-one-poa a{ display: none; background: url(../img/img_203.png) no-repeat bottom left; width: 126px; height: 37px; text-align: center; line-height: 37px; font-size: 14px; color: #fff; margin-left: 30px; margin-top: 20px; transition:all 0.3s; } /*.invest-one li:hover a{ color: #027bc4; background: url(../img/img_204.png) no-repeat center center; transition:all 0.3s; }*/ .invest-one li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .invest-one li img{ max-width: 100%; width: 100%; transition:transform 0.8s; } .invest-one{ width: 1157px; margin: 0 auto; padding-bottom: 100px; } .inv-one-work h2{ font-size: 30px; color: #fff; line-height: 40px; font-weight: bold; padding-bottom: 10px; } .inv-one-work p{ font-size: 14px; color: #fff; line-height: 24px; } .invest-one li.r0{ position: relative; width: 425px; margin-bottom: 25px; } .invest-one li.r1{ width: 628px; margin-left: 25px; margin-bottom: 25px; } .inv-one-work{ padding: 68px 99px 32px 23px; } .invest-bg-two{ position: absolute; top: 685px; left: 0; width: 100%; } .invest-bg-two img{ position: relative; left: 50%; margin-left: -960px; width: 1920px; } .invest-bg-two .invest-bg-two-bt{ position: absolute; top: 0; } .invest-one{ padding-top: 296px; } .invest-one li.r2{ width:709px; } .invest-one li.r3{ width:425px; margin-left: 23px; } .invest-two li{ border:1px solid #e5e5e5; width: 685px; background: #fafafa; float: left; margin-bottom: 26px } .invest-two li.on{ float: right; } .invest-two{ position: relative; z-index: 10; padding-bottom: 156px; } .inv-two-left { float: left; width: 236px; border-right: 1px solid #e5e5e5; height: 185px; background: #fff; position: relative; } .inv-two-left-poa{ position: absolute; top: 0; right: 0; margin: auto; bottom: 0; left: 0; height: 92px; width: 100%; text-align: center; } .inv-two-left-poa h2{ font-size: 26px; color: #333333; line-height: 26px; margin-top: 20px; } .inv-two-left-poa img{ max-width: 100%; } .inv-two-right{ width:400px; padding: 40px 0 0 40px; float: left; } .inv-two-right p{ font-size: 14px; color: #333333; line-height: 30px; } .invest-ajax{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; } .wel-one-ajax{ position: fixed; top: 0; left: 0; z-index: 20; } .shade{ position: fixed; top: 0; right: 0; width: 100%; z-index: 101; } .shade-bg{ background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 102 } .shade-poa{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 103 } .shade-text{ position: absolute; width: 1214px; left: 50%; margin-left: -662px; z-index: 104; background: #fff; border-top: 4px solid #0074bf; background: #fff; padding: 0 51px } .shade-text h2{ font-size: 30px; color: #000000; line-height: ; font-weight: bold; line-height: 78px; border-bottom: 1px solid #e5e5e5; padding-top: 15px; } .shades{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .shade-video{ position: absolute; top: 50%; left: 50%; width: 800px; height: 500px; margin-top: -300px; margin-left: -400px; background: #000; z-index: 300; } .shade-work{ padding: 50px 0 100px 0 } .shade-work h3{ font-size: 18px; color: #333333; font-weight: bold; line-height: 30px; } .shade-work p{ font-size: 14px; color: #666666; line-height: 35px; } .shade-close{ position: absolute; top: 44px; right: 51px; width: 28px; height: 28px; background: url(../img/img_213.png) no-repeat center center; cursor: pointer; z-index: 105; } .shades .shade-close{ top: 0; right: -40px; background: url(../img/img_269.png) no-repeat center center; } .tourism-one{ display: inline-block; zoom: 1; *display: inline; background: url(../img/img_214.png) no-repeat bottom right; padding-bottom: 100px; } .tourism-onesa{ position: relative; z-index: 3; } .tourism-one li{ width: 1200px; padding: 62px 40px; float: left; text-align:left; font-size: 14px; color: #666666; line-height: 29px; border-radius: 50px; } .tourism-two{ max-width: 1076px; margin: 0 auto; padding-left: 142px; padding-top: 23px; padding-bottom: 100px; position: relative; } .tourism-two i{ background: url(../img/img_215.png) no-repeat top left; display: block; background-size: contain; position: absolute; width: 264px; height: 305px; top: 0; left: -44px; } .tourism-two a{ display: block; position: relative; } .tourism-two-left{ float: left; width: 411px; margin-right: 25px; margin-top: 64px; overflow: hidden; } .toursm-poa{ position: absolute; top: 0; left: 0; width: 100%; padding: 35px 0 154px 0; background: url(../img/img_216.png) no-repeat top center; background-size: cover } .toursm-poa h2{ font-size: 24px; color: #fff; line-height: 30px; padding: 0 40px; } .toursm-poa p{ font-size: 18px; color: #fff; line-height: 30px; padding: 0 40px; } .tourism-two-right{ float: right; width:639px; } .tourism-two-top{ position: relative; overflow: hidden; width: 100%; margin-bottom: 25px; } .tourism-two-bottom{ width: 332px; overflow: hidden; position: relative; } .honor-top.in{ opacity: 1; filter: alpha(opacity=100); top: 0; background: none } .honor-top.in h2, .honor-top.in p{ color: #fff; } .honor-top.in .brake{ background: url(../img/img_217.png) no-repeat center center; height: 47px; width: 68px; left: 1px; position: relative; } .tourism-three ul{ width: 110%; } .tourism-three li{ width: 333px !important; margin-right: 22px; margin-bottom: 20px; float: left; background: url(../img/img_218.png) no-repeat top center; height: 445px; } .tourism-three a{ display: block; } .tour-three-work{ padding: 25px 30px } .tour-three-work h2{ font-size: 20px; color: #222222; line-height: 30px; margin-bottom: 25px; } .tour-three-work span{ display: block; width: 153px; color: #666; font-size: 18px; height: 45px; text-align: center; line-height: 45px; background: url(../img/img_219.png) no-repeat center center; background-size: cover; transition:all 0.3s; } .tourism-three li:hover .tour-three-work span{ color: #fff; background: url(../img/img_220.png) no-repeat center center; background-size: cover; transition:all 0.3s; } .tourism-three li img{ max-width: 100%; transition:transform 0.8s; } .tourism-three li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .tour-three-img{ width: 100%; overflow: hidden; } .tourism-three .mored{ background: url(../img/img_221.png) no-repeat center center; width: 184px; height: 55px; font-size: 20px; color: #666666; line-height: 55px; text-align: center; margin: 0 auto; transition:all 0.3s; overflow: hidden; margin-top: 70px; } .tourism-three .mored:hover{ background: url(../img/img_169.png) no-repeat center center; color: #0074bf; transition:all 0.3s; } .tourism-three{ padding-bottom: 96px; } .tourism-bg{ position: absolute; bottom: -791px; left: 0; width: 100%; } .tourism-bg img{ max-width: 1920px; position: relative; left: 50%; margin-left: -960px; } .party-one{ border: 1px solid #dcdcdc; border-top: 4px solid #007ec8; padding: 54px 58px ; background: #fff; } .party-one h2{ font-size: 24px; color: #222222; line-height: 40px; padding-bottom: 20px; background: url(../img/img_83.jpg) no-repeat bottom left ; margin-bottom: 20px; } .party-one-work:first-child{ margin-right: 40px; margin-left: 0 } .party-one-work{ width: 601px; float: left; margin-left: 40px; } .party-one-work p{ font-size: 14px; color: #666666; line-height: 30px; } .party-one .f-cb{ background: url(../img/img_84.jpg) repeat-y center center; } .party-two{ text-align: center; padding-bottom: 40px; } .party-two img{ max-width: 100%; } .party-three{ width: 100%; position: relative; padding: 127px 0 } .party-three-center{ width: 495px; height: 429px; margin: 0 auto; position: relative; overflow: hidden; } .party-three-center img{ max-width: 100% } .party-three-poa{ background: url(../img/img_225.png) no-repeat center center; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height:100%; } .paTh-work{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 107px; } .paTh-work img{ max-width: 100%; } .paTh-work h2{ padding:0 100px; font-size: 20px; color: #fff; line-height: 30px; padding-top: 10px; } .party-three li.t0{ top: 0; left: 0; } .party-three li{ position: absolute; width: 677px; overflow: hidden; } .party-three ul{ position:absolute; top: 0; left: 0; height: 100%; width: 100%; } .party-three .par-three-right{ width: 209px; float: right; } .par-three-left{ float: right; width: 468px; border-bottom: 1px solid #d2d2d2; font-size: 18px; color: #111111; margin-right: -15px; line-height: 30px; text-align: right; margin-top: 80px; } .party-three li.t1{ left: auto; right: 0 } .party-three li.on .par-three-left{ float: left; margin-left: 0; margin-left: -15px; text-align: left; } .party-three li.on .par-three-right{ float: left; } .party-three li.t2{ left: 0; top: 235px; width: 566px; } .party-three li.t3 .par-three-left, .party-three li.t2 .par-three-left{ width: 357px; } .party-three li.t3{ left: auto; top: 235px; right: 0; width: 566px; } .party-three li.t4, .party-three li.t5{ bottom: 0 } .party-three li.t4{ left: 0; } .party-three li.t5{ right: 0 } .party-four li{ border:1px solid #d1d1d1; border-top: 4px solid #007ac3; margin-bottom: 23px; background: #fff; } .party-four h2{ font-size: 20px; color: #007ac3; padding: 0 35px; line-height: 56px; border-bottom: 1px solid #d1d1d1; background: #f7f7f7; font-weight: bold; } .aprty-work{ padding: 35px 243px 50px 35px; } .aprty-work p{ font-size: 14px; color: #666666; line-height: 30px; margin-bottom: 5px; } .party-five{ border-top: 4px solid #007ac3; background: #f7f7f7; } .party-five li{ padding-top: 45px; width: 350px; min-height: 328px; float: left; text-align: center; background: url(../img/img_233.png) repeat-y left top; } .party-five li:first-child{ background: none; } .party-five h2{ font-size: 22px; color: #007ac3; line-height: 32px; font-weight: bold; margin-bottom: 30px; } .party-five p{ font-size: 14px; color: #333333; line-height: 24px; margin-bottom: 10px; } .party-bg-two{ position: absolute; top: 1070px; left: 0; width: 100%; } .party-bg-two img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .affsir-bg-one { position: absolute; top: 0; left: 0; } .affsir-bg-one img{ max-width: 100%; } .affsir-bg-one .aff-bg-poa{ position: absolute; bottom: 0; left: 0; } .affair-nav li{ float: left; border-left:1px solid #d9d9d9; float: left; font-size: 18px; line-height: 65px; text-align: center; min-width: 244px; max-width: 442px; } .affair-nav li a{ display: block; padding:0 68px; background: #fff; color: #333333; transition:all 0.3s; } .affair-nav li:hover a, .affair-nav li.on a{ color: #fff; background: #2873ba; transition:all 0.3s; } .affair-nav{ border:1px solid #d9d9d9; border-left: none; } .w1216{ width: 1216px; margin: 0 auto; } .affair-work{ border-top: 4px solid #2873ba; margin-top: 16px; padding-bottom: 199px; } .affair-work li{ margin: 30px 0 0 40px; width: 520px; float: left; } .affair-work li.on{ float: right; margin: 30px 55px 0 0 ; } .aff-work-left{ float: left; width: 128px; height: 163px; text-align: center; line-height: 163px; overflow: hidden; } .aff-work-right{ float: left; width: 300px; padding-top: 35px; margin-left: 34px; } .aff-work-right h2{ font-size: 22px; color: #333333; line-height: 32px; } .aff-work-right h2 i{ font-style: normal; font-size: 16px; color: #666666; line-height: 32px; padding-left:5px; } .aff-work-right p{ font-size: 16px; color: #666; line-height: 32px; } .aff-work-txt{ margin-top: 28px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 20px 0 } .aff-work-txt p{ font-size: 14px; color: #666666; line-height: 30px; padding-left: 16px; background: url(../img/img_238.png) no-repeat left 10px; } .affair-one{ border: 1px solid #d2d2d2; background: #f7f7f7; margin: 65px 0 0 0; padding: 46px 0 55px 0; text-align: center; } .affair-one h2{ font-size: 24px; color: #333333; line-height: 30px; font-weight: bold; } .affair-one p{ font-size: 16px; color: #666666; line-height: 26px; } .arr-one-txt{ padding: 18px 28px 0 28px; position: relative; width: 690px; margin: 0 auto; margin-top: 10px; } .arr-one-txt i:first-child{ background: url(../img/img_239.png) no-repeat center center ; left: 0; right: auto; } .arr-one-txt i{ position: absolute; top: 0; right: 0; width: 14px; height: 12px; display: block; background: url(../img/img_240.png) no-repeat center center; } .grass{ background: #fff ; border:1px solid #d2d2d2; position: relative; padding: 0 38px; margin-top: 42px; } .grass-bg{ width: 85px; height: 85px; position: absolute; bottom: -1px; right: -1px; background: url(../img/img_241.png) no-repeat center center; } .grass li:first-child{ border-top: none; } .grass li{ padding: 38px 0; border-top: 1px solid #d2d2d2; position: relative; z-index: 3; } .grass h2{ font-size: 24px; color: #2873ba; font-weight: bold; line-height: 40px; } .grass p{ font-size: 14px; color: #666666; line-height: 30px; } .grass-bg-one{ width: 100%; position: absolute; bottom: -843px; right: 0; } .grass-bg-one img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .grass-bg-one .poa{ position: absolute; top: 0; } .demeanour li a{ display: block; width: 100%; height: 100%; } .demeanour{ padding: 0 63px; /*padding-bottom: 147px;*/ } .demeanour li{ border: 1px solid #dcdcdc; background: #fff; margin-bottom: 69px; } .deme-left{ float: right; overflow: hidden; width: 640px; } .demeanour li.on .deme-left{ float: left; } .demeanour li.on .deme-right{ float: right; } .deme-right{ float: left; width: 532px; padding: 50px 50px 0 50px; } .deme-right h2{ font-size: 24px; color: #000000; line-height: 40px; padding-bottom: 24px; border-bottom: 1px solid #d2d2d2; font-weight: bold; margin-bottom: 32px; } .deme-right p{ font-size: 14px; color: #666666; line-height: 30px; } .deme-right i{ font-style: normal; width: 153px; height:45px; font-size: 18px; margin-top: 113px; color: #666666; display: block; text-align: center; line-height: 45px; background: url(../img/img_184.png) no-repeat center center; background-size: contain; transition:all 0.3s; } .deme-right i:hover{ color: #007ec8; background: url(../img/img_185.png) no-repeat center center; background-size: contain; transition:all 0.3s; } .demeanour li img{ max-width: 100%; width: 100%; transition:transform 0.8s; } .demeanour li:hover img{ transform:scale(1.2); transition:transform 0.8s; } .party-bg-one{ position: absolute; top: 0; left: 0; } .party-bg-one .party-one-bt{ position: absolute; bottom: 0; left: 0; } .organ-nav li{ float: left; } .organ-nav{ border:1px solid #d9d9d9; } .organ-nav li:first-child{ border-left: none } .organ-nav li a{ display: block; background: #fff; padding: 0 19px; font-size: 17px; color: #333333; line-height: 65px; transition:all 0.3s; } .organ-nav li:first-child a{ padding: 0 21px; } .organ-nav li{ border-left: 1px solid #d9d9d9; } .organ-nav li:hover a, .organ-nav li.on a{ background: #2873ba; color: #fff; transition:all 0.3s; } .organ-one-left{ border: 1px solid #e5e5e5; width: 594px; padding: 35px 47px 0 47px; min-height: 453px; display: block; } .organ-one-left h2{ font-size: 24px; color: #007ec8; line-height: 30px; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #e8e8e8; font-weight: bold; } .organ-one-left p{ font-size: 14px; color: #666666; line-height: 30px; } .organ-one{ padding: 47px 0 20px 0 } .organ-two{ padding-bottom: 200px; text-align: center; } .organ-two img{ max-width: 100%; } .organ-bg{ position: absolute; bottom: 0; left: 0; width: 100%; } .organ-bg img{ width: 1920px; position: relative; left: 50%; margin-left: -960px; } .woc{ padding: 51px 0 180px 0; } .woc li{ border:1px solid #dcdcdc; border-top: 4px solid #027bc4; margin-bottom: 58px; background: #fff; } .woc li h2{ font-size: 24px; color: #027bc4; font-weight: bold; padding: 0 40px; line-height: 73px; background: #f7f7f7; border-bottom: 1px solid #dcdcdc } .woc-work{ position: relative; padding: 47px 59px 70px 40px; } .woc-work p{ font-size: 14px; color: #666666; line-height: 30px; } .woc-work .ovh{ width: 100%; overflow: hidden; } .woc-work i{ display: block; position: absolute; bottom: -1px; right: -1px; width: 55px; height: 55px; background: url(../img/img_248.png) no-repeat right bottom; } .woc li.last i{ background: url(../img/img_249.png) no-repeat right bottom; z-index: 3; } .woc-work dl{ width: 110%; } .woc-work dd{ border:1px solid #d2d2d2; padding: 0 0 4px 0; float: left; margin-right: 22px; margin-bottom: 26px; width: 306px; } .woc-work-left{ float: left; width: 128px; } .woc-work-right{ float: left; width: 250px; margin-left: 39px; padding-top:26px; } .woc-work-right h3{ font-size: 24px !important; color: #333333; line-height:49px !important; height: 49px !important; margin-bottom: 0 !important; overflow: hidden; } .woc-work-right p{ font-size: 16px; color: #666666; line-height: 30px; height: 60px; overflow: hidden; margin: 5px 0; } .united li h2{ color: #333333; font-weight: normal; } .united li b{ display: block; float: right; width: 40px; height: 73px; cursor: pointer; background: url(../img/img_252.png) no-repeat center center; } .united li b.on{ background: url(../img/img_251.png) no-repeat center center; } .commer{ padding-bottom: 100px } .woc-work strong{ font-size: 18px; color: #333333; line-height: 30px; } .woc-work h3{ font-size: 24px; color: #333333; background: #fff; line-height: 31px; padding-right: 9px; display: inline-block; zoom: 1; *display: inline; position: relative; z-index: 2; margin-bottom: 20px; } .woc-work s{ display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; top:15px; left: 0; z-index: 0; } .woc-work .morews{ display: block; font-size: 14px; color: #2873ba; line-height: 18px; padding-top: 36px; margin-top: 55px; border-top: 1px solid #ededed; } .woc-work h4{ font-size: 18px; color: #333333; line-height: 30px; margin-top: 40px; border-top: 1px dashed #dbdbdb; padding-top: 40px; } .woc li h4.first{ margin-top: 0; border-top: none; padding-top: 0 } .united li.on{ border-top: 1px solid #dcdcdc; margin-bottom:0; } .united li.on h2{ background:#fff; } .contact-nav { background: #2873ba; height: 84px; text-align: center; } .contact-nav h2{ display: inline-block; zoom: 1; *display: inline; padding-left: 33px; background: url(../img/img_257.png) no-repeat left center; font-size: 30px; color: #ffffff; line-height: 84px; } .contact li{ background: #fff; text-align: center; padding-bottom: 110px; } .c-work-left { width: 49.5%; border-right: 1px solid #dcdcdc; float: left; } .c-work-left p{ display: inline-block; zoom: 1; font-size: 18px; color: #222222; line-height: 60px; *display: inline; padding-left: 31px; background: url(../img/img_258.png) no-repeat left center; } .c-work-right{ width: 49.5%; float: right; } .contact .dd .maps{ border-top: 1px solid #dcdcdc; height: 0; overflow: hidden; position: relative; } .c-work-right p{ display: inline-block; zoom: 1; font-size: 18px; color: #222222; line-height: 60px; *display: inline; padding-left: 31px; background: url(../img/img_259.png) no-repeat left center; } .contact dd{ border:1px solid #dcdcdc; margin-bottom: 23px; } .contact-work-top{ position: relative; cursor: pointer; border-bottom: none } .contact-work-top b{ position: absolute; top: 0; height: 60px; width: 16px; right: 30px; background: url(../img/img_262.png) no-repeat center center ; } /*.contact-work-top.on{ border-bottom: 1px solid #dcdcdc; }*/ .contact-work-top.on b{ background: url(../img/img_261.png) no-repeat center center; } .maps-right{ width:300px; float: left; padding: 29px 0 0 44px; text-align:left; } .maps-right h3{ font-size: 22px; color: #222222; line-height: 43px; background: url(../img/img_260.png ) no-repeat left center; padding-left: 49px; margin-bottom: 20px; } .maps-right p{ font-size: 16px; color: #333333; line-height: 36px; } .maps-left{ width: 759px; height: 448px; float: left; } .allmap{ width: 100%; height: 100%; } .wel-bg-two{ position: absolute; top: 1344px; left: 0; width: 100% } .wel-bg-two img{ position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; } .wel-bg-two .bg-two-top{ position: relative; } .wel-bg-one{ position: absolute; top: 0; left: 0; width: 100%; } .wel-bg-one .bg-one-top{ width: 100%; max-width: 100%; } .wel-bg-one .bg-one-left{ position: absolute; bottom: 0; left: 0; max-width: 100% } .wel-bg-one .bg-one-right{ position: absolute; top: 0; right: 0; max-width: 100% } .woc li b { display: block; float: right; width: 40px; height: 73px; cursor: pointer; background: url(../img/img_252.png) no-repeat center center; } .scsyyle li{ background: #fff; } .tj-aboutg ul{ margin-top:70px; display: inline-block; zoom: 1; border: 1px solid #dcdcdc; margin-bottom: 44px; } .tj-aboutg li { border-right: 1px solid #dcdcdc; float: left; width: 284px; height: 67px; background: #fff; line-height: 65px; } .tj-aboutg li:hover a, .tj-aboutg li.on a { background: #007ec8; color: #fff; transition: all 0.3s; } .tj-aboutg li a { display: block; font-size: 18px; color: #222222; line-height: 67px; text-align: center; transition: all 0.3s; } .wefttj-nav-margin{ margin-bottom:35px; } .about-top-new h2{ font-family:"微软雅黑"; color: #333333; font-size: 36px; line-height:40px; margin-bottom: 20px; } .tj-pro-style:hover .invest-one-poa a{ display:block; transition:all .3s; } .invest-one-poaopacity{ height:80px; } .cult-allone-left{ position: absolute; top: 27%; left: 18%; z-index:20; }