/* .Top000963 为demo编号 */ .Top000963{box-shadow:0px 5px 20px rgba(0,0,0,.1);} .Top000963 header{ color:#333; height:38px; line-height:38px; overflow:hidden;position: relative;} .Top000963 header:after{display: inline-block;content: '';height: 100%;width:30%;background: #f4f4f4;position: absolute;right:0;top:0;z-index: 0} .Top000963 header .auto{} .Top000963 header dl{ float:right;background-color:#F4F4F4; position: relative;z-index: 1;} .Top000963 header dl:before{display: inline-block;content: '';width: 66px;height: 38px;background: url(../images/Top000963-bg.png) no-repeat center;position: absolute;top:0;right:100%;} .Top000963 header dt, .Top000963 header dd{ float:left;} .Top000963 header a{ color:#fff; font-size:12px;display:inline-block;} .Top000963 header dd b{ font-size:20px;font-family: "DIN","DINCond-Bold"; display:inline-block;color: #C00000;} .Top000963 header dd{ position:relative; padding:0 30px;border-left:1px solid #e8e8e8;} .Top000963 header dd:first-child{border-left:0px;} .Top000963 header dd a{ background-repeat:no-repeat; background-position:left center;} .Top000963 header dd span{position: relative;top:-2px;} .Top000963 header dd span i{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/tell1.png) no-repeat center;position: relative;top:4px;margin-right: 8px;} .Top000963 header dd:nth-child(2) span i{background: url(../images/tell2.png) no-repeat center;} .Top000963 header dt a{ background-color:#203864; padding:0 10px;text-transform: uppercase;} .Top000963 header dt.lan a{background-color:#C00000;} .Top000963 header dt a i{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/search.png) no-repeat center;position: relative;top:5px;} .Top000963 header dd a{ padding-left:20px;} .Top000963 header figure{font-size: 14px;} .Top000963 .search figure .text{ width:100%; height:34px; line-height:34px; padding:0 5px; border:none;background:none;} .Top000963 .search figure .btn{ position:absolute; right:0; width:34px; height:34px; background:url(../images/Top000963-icon_search.png) no-repeat center center; border:none; cursor:pointer;} .Top000963 .auto{ position:relative;} @media(min-width:1001px){ .Top000963 .logo{ position:absolute; z-index:10; left:0; top:50%; margin-top:-64px;} .Top000963 .logo img{ height:88px;} .Top000963 .search{ position:absolute; right:0;height:20px; top:50%; margin-top:-10px; z-index:10;} .Top000963 .search .a_search{ width:42px; display:block; height:20px; border-left:1px solid #cccccf; background:url(../images/Top000963-icon_search.png) no-repeat right center;} .Top000963 .search figure{ position:absolute; right:0; height:34px; border:1px solid #ccc; background-color:#fff; top:-7px; width:200px; border-radius:3px; display:none;} .Top000963 .Menu nav{} .Top000963 .Menu nav ul{ float:right;} .Top000963 .Menu nav li{ float:left;position: relative;} .Top000963 .Menu nav li span{ display:none;} .Top000963 .Menu nav li > a{ font-size:16px; display:block;padding:22px 0;margin:0 30px;color: #333;} .Top000963 .Menu nav li:last-child > a{ margin-right:0px;} .Top000963 .Menu nav li:hover > a, .Top000963 .Menu nav li.aon > a{border-bottom: 3px solid #203864} .Top000963 .Menu nav li .sub{ display: none;position:absolute; left:-25%; width:150%; top:100%; background-color:#fff;z-index:100;} .Top000963 .Menu nav li#m17 .sub{left:-20%; width:140%;} .Top000963 .Menu nav li .sub .sub-menu{padding:0 10px;} .Top000963 .Menu nav li .sub .sub-menu dt{line-height: 40px;text-align: center;border-bottom: 1px dashed #e8e8e8;} .Top000963 .Menu nav li .sub .sub-menu dt:last-child{border-bottom: 0px;} .Top000963 .Menu nav li .sub .sub-menu dt a{color: #555;} .Top000963 .Menu nav li .sub .sub-menu dt a:hover{color: #203864;} .Top000963 .mobile_menu{ display:none;} } @media(max-width:1280px){ .Top000963 .logo{ left:2%;} } @media(max-width:1000px){ .Top000963 .logo{ padding:10px 54% 10px 0;} .Top000963 .logo img{max-width: 44px;} .Top000963 .mobile_menu{ position:absolute; right:2%; width:30px; color:#c00000; top:50%; cursor:pointer;transform: translateY(-50%);} .Top000963 .mobile_menu span{ font-size:26px; left:50%; position:absolute; top:50%; margin-top:-13px; margin-left:-13px;} .Top000963 .Menu nav{ position:fixed; left:0; top:0; height:100%; background-color:#212121; z-index:100; width:70%; max-height:100%; overflow:auto;opacity:0; transform:translateX(-100%); transition:all ease-in-out 0.5s;} .Top000963 .Menu nav.show{opacity:1; transform:translateX(0);} .Top000963 .Menu nav ul{ padding-top:5%;} .Top000963 .Menu nav li{border-bottom:1px solid rgba(255,255,255,.1);} .Top000963 .Menu nav li#m3 > a, .Top000963 .Menu nav li span{ display:none;} .Top000963 .Menu nav li#m3 span, .Top000963 .Menu nav li a{ color:#fff; display:block; padding:15px 5%;font-size:16px;} .Top000963 .Menu nav li .sub{display:none;} } @media(max-width:768px){ .Top000963 header{ height:auto} .Top000963 header,.Top000963 header .auto,.Top000963 header dl{position: inherit;} .Top000963 header .auto{ padding:0;} .Top000963 header dl{float: none;background: none;} .Top000963 header dl>*{float: none;} .Top000963 header dd {line-height: 30px;text-align: right;padding:0 20px;border-left: 0;height: 24px;top:-4px;display: none;} .Top000963 header dd span{font-size:12px;top:0;} .Top000963 header dd b{font-size: 14px;} .Top000963 header dt{position: absolute;right:12%;z-index: 10;top:20px;} .Top000963 header dt a{ padding: 0 6px; border-radius: 3px;line-height: 28px;} .Top000963 header dl:before{height: 48px;width: 44px;background: url(../images/Top000963-bg2.png) no-repeat center;display: none;} .Top000963 header:after{display: none;} .Menu{} } @media(max-width:640px){ .Top000963 header dd:nth-child(3), .Top000963 header dd:nth-child(4){ display:none;} } /* .Banner002408 为demo编号 */ .Banner002408{ overflow:hidden; position:relative; z-index:1;} .Banner002408 .bx-viewport{ z-index:1;} .Banner002408 .bx-viewport li a{ display:block;} .Banner002408 .bx-controls-direction a{ position:absolute; width:50px; height:50px; top:50%; margin-top:-25px; background:url(../images/Banner002408-Banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px; transition: left 300ms,right 300ms; } .Banner002408 .bx-controls-direction a.bx-prev{ left:-50px;} .Banner002408 .bx-controls-direction a.bx-next{ background-position:right top; right:-50px;} .Banner002408 .bx-controls-direction.on a.bx-prev{ left: 5%;} .Banner002408 .bx-controls-direction.on a.bx-next{ right: 5%;} .Banner002408 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center; display: none;} .Banner002408 .bx-pager *{ width:12px; height:12px;} .Banner002408 .bx-pager div{ display:inline-block; margin:0 5px;} .Banner002408 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;} .Banner002408 .bx-pager a.active{ background:#da251d;} @media(max-width:1024px){ .Banner002408 .bx-viewport li a img{ position: relative; width: 130%; left: -15%; max-width: none;} } @media(max-width:900px){ .Banner002408 .bx-controls-direction{ display:none;} } @media(max-width:768px){ .Banner002408 .bx-viewport li a img{ width: 150%; left: -25%;} } /*Floor002478 */ .Floor002478{ padding:0 0 5% 0;font-size:18px;background: url(../images/bg.png) no-repeat left bottom;background-size: cover;position: relative;} .Floor002478 .auto{ max-width:1280px;position: relative;} .Floor002478 .index-tit{ width:65%; padding-bottom:7%;text-align: left;} /*slick Basic*/ .Floor002478 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002478 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002478 .slick-list:focus {outline: none} .Floor002478 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002478 .slick-slider .slick-track, .Floor002478 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002478 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002478 .slick-track:before, .Floor002478 .slick-track:after{display: table; content: '';} .Floor002478 .slick-track:after{ clear: both;} .Floor002478 .slick-loading .slick-track { visibility: hidden;} .Floor002478 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002478 .slick-slide .slick-loading img { display: none;} .Floor002478 .slick-slide .dragging img { pointer-events: none;} .Floor002478 .slick-initialized .slick-slide { display: block;} .Floor002478 .slick-loading .slick-slide { visibility: hidden;} .Floor002478 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002478 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002478 .list{ margin-left:-3.33333%;} .Floor002478 .list li{ float:left; width:30%; position:relative; margin-left:3.33333%; z-index:1;background: #000;} .Floor002478 .list li:hover{box-shadow:0px 5px 20px rgba(0,0,0,.3);} .Floor002478 .list li img{ width:100%;} .Floor002478 .list li a{ position:absolute; left:0; top:0; width:100%; height:100%;color:#2d1f1f;} .Floor002478 .list li:first-child{ margin-top:-2%;} .Floor002478 .list li:nth-child(2){ margin-top:-5%; z-index:2;} .Floor002478 .list li:nth-child(3){ margin-top:-18%;} .Floor002478 .list li figure{ position:absolute; width:69.6%; font-size:16px; padding:7%;transition:0.3s;text-transform: uppercase;} /* .Floor002478 .list li:first-child figure{background:url(../images/Floor002478-icon.png) no-repeat right bottom #fff;} */ .Floor002478 .list li figure{background:url(../images/Floor002478-icon2.png) no-repeat right center #fff;} /* .Floor002478 .list li:nth-child(3) figure{background:url(../images/Floor002478-icon3.png) no-repeat right bottom #fff;} */ /* .Floor002478 .list li:first-child a:hover figure{background:url(../images/Floor002478-icon-on.png) no-repeat right bottom #203864; } */ .Floor002478 .list li a:hover figure{background:url(../images/Floor002478-icon2-on.png) no-repeat right center #203864; } /* .Floor002478 .list li:nth-child(3) a:hover figure{background:url(../images/Floor002478-icon3-on.png) no-repeat right bottom #203864; } */ @media(max-width:640px){ .Floor002478 .list li a{ display: block; padding-top: 124%; position: relative;} .Floor002478 .list li img{ display: none;} } .Floor002478 .list li a:hover{ color:#fff;} .Floor002478 .list li a:hover figure i{ color:#fff;opacity: .8;} .Floor002478 .list li figure i{ display:block; color:#d1d0d0; text-transform:uppercase; font-style:normal; font-size: 14px;} .Floor002478 .list li:nth-child(1) figure{ left:0;bottom:9%;} .Floor002478 .list li:nth-child(2) figure{ right:-15%; bottom:20%;} .Floor002478 .list li:nth-child(3) figure{ left:0;top:15%;} .Floor002478 .en{position: absolute;right:-14px;bottom: 0;font-family: "Times New Roman";font-size: 72px;color: #e9e9e9;z-index: 10;vertical-align: top;letter-spacing: 14px;text-transform: uppercase;} .Floor002478 .en span{font-size: 188px;opacity: .3;position: relative;top:72px;} @media(min-width:1101px){ .Floor002478 .list li figure i{ font-size:14px; letter-spacing:2px;font-family: "Times New Roman";} .Floor002478 .list li figure{ font-size:20px; } } @media(max-width:1600px){ .Floor002478 .txt{ padding-left:2%;} .Floor002478 .list{ padding:0 2%;} } @media(max-width:1366px){ .Floor002478 .en{right:0;} } @media(max-width:1280px){ .Floor002478 .en{font-size: 62px;right:60;} .Floor002478 .en span{font-size: 168px;} } @media(max-width:1200px){ .Floor002478 .en{display: none;} } @media(max-width:1000px){ .Floor002478 .txt h1{ font-size:30px; } } @media(max-width:768px){ .Floor002478 .index-tit{width: 100%;} } @media(max-width:640px){ .Floor002478 .txt p{ font-size:14px; } } @media(max-width:480px){ .Floor002478 .txt{ width:auto;} .Floor002478 .list{ margin-left:0;} .Floor002478 .list li{ margin:0 !important; width:auto;} .Floor002478 .list li:nth-child(2) figure{ right:0;} .Floor002478 .txt h1{ font-size:20px; } .Floor002478 .txt p{ font-size:12px; } .Floor002478 .txt .more{ font-size:14px;} .Floor002478 .slick-dots{overflow: hidden;padding:10px 0;} .Floor002478 .slick-dots li{float: left; width: 22px; height: 4px; background: #e5e5e5; margin-right: 3px!important; cursor: pointer;} .Floor002478 .slick-dots li button{display: none;} .Floor002478 .slick-dots li.slick-active{background: #C00000;} } @keyframes Floor002478_move { from { transform:rotate(0); } to {transform:rotate(360deg);} } @-webkit-keyframes Floor002478_move { from { transform:rotate(0);} to {transform:rotate(360deg);} } /*Form */ .Form{background: none;z-index: 60;padding-bottom: 5%} .Form .auto{max-width: 960px;position: relative;z-index: 60;top:-29px;border-radius: 29px;box-shadow:0px 5px 20px rgba(0,0,0,.1);} .Form li{float: left;width: 28.3333%;position: relative;border:0px;} .Form li:last-child{margin-right: 0;width: 15%;} .Form li:after{display: inline-block;content: '';width: 1px;height: 10px;background: #e8e8e8;position: absolute;right:0px;top:50%;transform: translateY(-50%);} .Form li:last-child:after{display:none;} .Form li label{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/form-1.png) no-repeat;position: absolute;left:14px;top:50%;transform: translateY(-50%);} .Form li:nth-child(2) label{background: url(../images/form-2.png) no-repeat;} .Form li:nth-child(3) label{background: url(../images/form-3.png) no-repeat;} .Form .text{line-height: 58px;height: 58px;background: #fff;width: 100%;padding:0 10px 0 40px;border:0px;border-top:2px solid #203864;border-bottom:2px solid #203864;} .Form li:first-child .text{border-radius: 29px 0 0 29px;border-left:2px solid #203864;} .Form .btn{line-height: 52px;height: 58px;background: #203864;border:2px solid #203864;color: #fff;width: 100%;border-radius: 0 29px 29px 0;text-align: center;cursor: pointer;} @media(max-width:768px){ .Form {padding:0 2%;} } /*Floor002528 */ .Floor002528{ padding:5% 0 8% 0; overflow:hidden;background:url(../images/Floor002528-bg.jpg) no-repeat center #f4f4f4;background-size: cover;} .Floor002528 .auto{position: relative;} .Floor002528 .index-tit{text-align: left;margin-bottom: 3%;} .Floor002528 .tab{text-align: left; position: absolute;right:0;top:20px;} .Floor002528 .tab dl{display: inline-block; } .Floor002528 .tab dd{float: left; position: relative; margin: 0 3px;} .Floor002528 .tab dd a{display: block; cursor: pointer;padding: 0 25px; line-height: 43px; border-radius: 3px; font-size: 18px; transition: 0.3s;} .Floor002528 .tab dd a:hover, .Floor002528 .tab dd.on a{ background: #203864; color: #fff;} .Floor002528 .tab dd.on:before{position: absolute; content: ''; left: 50%; border:4px solid transparent; border-top-color: #203864; top: 100%; margin-left: -2px;} .Floor002528 .main{position: relative;} .Floor002528 .info{display: none;} .Floor002528 .info .ul{position: relative;padding-bottom: 42%;} .Floor002528 .info .ul li{overflow: hidden;background-repeat: no-repeat!important;background-size: cover!important;} .Floor002528 .info .ul li:first-child{position:absolute;width: 26.5%;height: 42.5%;top:0;left: 0;} .Floor002528 .info .ul li:nth-child(2){position:absolute;width: 26.5%;height: 54%;top:46%;left: 0;} .Floor002528 .info .ul li:nth-child(3){position:absolute;width: 19%;height: 58.5%;top:0;left: 28%;} .Floor002528 .info .ul li:nth-child(4){position:absolute;width: 19%;height: 38%;top:62%;left: 28%;} .Floor002528 .info .ul li:nth-child(5){position:absolute;width: 30.5%;height: 100%;top:0;left: 48.5%;} .Floor002528 .info .ul li:nth-child(6){position:absolute;width: 19.5%;height: 58.5%;top:0;left: 80.5%;} .Floor002528 .info .ul li.last{position:absolute;width: 19.5%;height: 38%;top:62%;left: 80.5%;} .Floor002528 .info .ul li a{display: block;position: absolute;left: 0;top:0;right:0;bottom: 0;z-index: 10;cursor: pointer;} .Floor002528 .info .ul li .txt{position: absolute;left:0;bottom:-100px;width: 100%;background: rgba(32,56,100,.9);height: 100px;padding:0 20px;transition: .3s;} .Floor002528 .info .ul li:hover .txt{bottom: 0;} .Floor002528 .info .ul li .txt h3{margin:0;font-weight: normal;font-size: 16px;color: #fff;padding:28px 50px 0 0;position: relative;} .Floor002528 .info .ul li .txt h3:after{display: block;content: '';width: 35px;height: 2px;background: #fff;opacity: .3;margin:16px 0 0;} .Floor002528 .info .ul li .txt h3 i{display: inline-block;content: '';width: 35px;height: 35px;background: url(../images/more2.png) no-repeat center;position: absolute;right:0;top:30px;} .Floor002528 .info .ul li.last .txt2{position: absolute;left:50%;top:50%;width: 100%;transform: translate(-50%,-50%);} .Floor002528 .info .ul li.last .txt2>*{margin:0;text-align: center;font-weight: normal;color: #203760;font-size: 16px;line-height: 18px;} .Floor002528 .info .ul li.last .txt2 h4{margin-top: 14px;text-transform: capitalize;} .Floor002528 .en{position: absolute;left:-80px;bottom: -120px;font-family: "Times New Roman";font-size: 72px;color: #e0e0e0;z-index: 10;vertical-align: top;letter-spacing: 14px;text-transform: uppercase;} .Floor002528 .en span{font-size: 188px;opacity: .3;color: #c8c8c8;} @media(max-width:1366px){ .Floor002528 .en{left:-30px;} } @media(max-width:1280px){ .Floor002528 .en{font-size: 62px;} .Floor002528 .en span{font-size: 168px;bottom: -100px;left:0;} } @media(max-width:1200px){ .Floor002528 .en{display: none;} } @media(max-width:768px){ .Floor002528 .tab{padding-bottom: 0;margin-top: 10px;position: relative;right:auto;top:auto;text-align: center;} .Floor002528 .tab dd a{padding: 0 10px; line-height: 36px; font-size: 16px;} .Floor002528 .info .ul{position: relative;padding-bottom: 120%;} .Floor002528 .info .ul li{overflow: hidden;background-repeat: no-repeat!important;background-size: cover!important;} .Floor002528 .info .ul li:first-child{position:absolute;width: 50%;height: 26%;top:0;left: 0;} .Floor002528 .info .ul li:nth-child(2){position:absolute;width: 50%;height: 30%;top:27%;left: 0;} .Floor002528 .info .ul li:nth-child(3){position:absolute;width: 49%;height: 57%;top:0;left: 51%;} .Floor002528 .info .ul li:nth-child(4){position:absolute;width: 39%;height: 20%;top:58%;left: 61%;} .Floor002528 .info .ul li:nth-child(5){position:absolute;width: 60%;height: 42%;top:58%;left: 0;} .Floor002528 .info .ul li:nth-child(6){position:absolute;width: 39%;height: 21%;top:79%;left: 61%;} .Floor002528 .info .ul li.last{display: none;} } @media(max-width:480px){ .Floor002528 .tab dd a{padding: 0 5px; line-height: 30px; font-size: 14px;} } .index-tit{text-align: center;} .index-tit *{margin:0;line-height: 1;} .index-tit h3{font-size: 32px;font-family: "Times New Roman";text-transform: uppercase;font-weight: lighter;color: #c00000;} .index-tit h3:after{display: block;content: '';width: 116px;height: 6px;background: #203864;border-left:40px solid #c00000;margin:10px 0;} .index-tit h1{font-size: 30px;font-weight: normal;color: #203864} @media(max-width:768px){ .index-tit *{text-align: center!important;} .index-tit h3{font-size: 24px;} .index-tit h3:after{ width: 86px; border-left: 30px solid #c00000;height: 4px;margin:10px auto!important;} .index-tit h1{font-size: 22px;} } /*About */ .About{padding: 5% 0;} .About .left{float: left;width: 60%;} .About .left .en{font-family: "Times New Roman";color: #e8e8e8;font-size: 68px;text-transform: uppercase;position: relative;letter-spacing:60px;z-index: 0;font-weight: lighter;} .About .left .en span{} .About .left .img{position: relative;z-index: 1;} .About .left .dl{margin-top: 5%;} .About .left .dl dd{float: left;padding:0 8%;text-align: center;border-right: 1px solid #e8e8e8;line-height: 1;} .About .left .dl dd:first-child{padding-left: 0} .About .left .dl dd:last-child{border-right: 0px solid #e8e8e8;} .About .left .dl dd>span{display: block;font-size: 20px;color: #203864;font-weight: bold;} .About .left .dl dd>span .num{font-size: 68px;font-family: "DIN","DINCond-Bold";margin-right: 10px;color: #203864;} .About .left .dl dd p{font-size: 16px;margin:0;margin: 10px 0;text-align: left;color: #333;} .About .right{float: right;width: 35%;} .About .right .index-tit{text-align: right;} .About .right .content{margin-top: 50px;} .About .right .content .p{font-size: 14px;line-height: 30px;margin:0;text-indent: 2rem;text-align: justify;color: #333;} .About .right .content .pic{padding-left: 3%;} .About .right .content .more{color: #888;display:inline-block;margin-top: 10%;margin-bottom: 15%;} .About .right .content .more:after{display: inline-block; content: ''; width: 8px; height: 8px; border-right: 2px solid #888; border-top: 2px solid #888; vertical-align: middle; margin-left: 10px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s;} .About .right .content .more:hover:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;} /* .Floor001739 为demo编号 */ .Floor001739{} .Floor001739-index{background:url(../images/Floor002528-bg.jpg) no-repeat center #f4f4f4;background-size: cover;padding:5% 0;} .zmhhr,.jmlc{padding-bottom: 3%;} .Floor001739 .index-tit h3:after{margin: 10px auto;} .Floor001739 h2{margin:0;text-align: center;color: #282828;font-weight: normal;font-size: 26px;margin-top: 3%;} .Floor001739 ul{margin-top: 2%;} .Floor001739 li{float:left;width: 20%;text-align: center; position:relative;border:1px solid #f4f4f4;margin-left: -1px;margin-top: -1px;background: #fff;transition: .3s;min-height: 301px;} .Floor001739 li:hover{background: #203864;transform: scale(1.1);box-shadow:0px 5px 20px rgba(0,0,0,.3);z-index: 2;border:1px solid #203864;} .Floor001739 li a{display: block; margin:0 auto;padding:0px 20px 0px 20px;text-align: left;position: relative;z-index: 1;} .Floor001739 li img{position: absolute;right:0;bottom: 0;z-index: -1;opacity: .75;display: none} .Floor001739 li h3{font-size: 16px;color: #555;font-weight: bold;position: relative;padding-left: 46px;} .Floor001739 li h3 i{display:inline-block;width: 35px;height: 35px;line-height: 35px;font-family: "DIN","DINCond-Bold";border-radius: 50%;text-align: center;font-style: normal;font-size: 15px;background: #203864;color: #fff;position: relative;overflow: hidden;top: 0;margin-right: 8px;position: absolute;left: 0;} .Floor001739 li h3 i:after{position: absolute;content: '';width: 14px;height: 7px;background: #c00000;bottom: 0;right: 0;} .Floor001739 li p{line-height: 24px;height: 190px;overflow:hidden;font-size: 14px;color: #666;margin-top:0;} .Floor001739 li:hover h3,.Floor001739 li:hover p{color: #fff;} .Floor001739 li:hover h3 i{background: #c00000;} .Floor001739 li:hover h3 i:after{display: none;} .Floor001739 .dl{margin-top: 2%;} .Floor001739 .dl dd{float: left;width: 14.2857%;position: relative;text-align: center;} .Floor001739 .dl dd:after{display: inline-block;content: '';width: 60px;height: 1px;background: #c8c8c8;position: absolute;bottom: 32px;right:-30px;} .Floor001739 .dl dd:last-child:after{display: none;} .Floor001739 .dl dd p{font-size: 18px;color: #555;font-weight: bold;} .Floor001739 .dl dd p span{font-family: "DIN","DINCond-Bold";width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;border:1px solid #c8c8c8;font-size: 14px;display: inline-block;margin-right: 8px;} .Floor001739 .con-head { color: #333; text-align: center;} .Floor001739 .con-head em{position:relative; margin:3% 0 1%; font-style:normal; display: inline-block; font-size:18px; color: #203864;} .Floor001739 .con-head em::after{ display: block; margin: 20px auto 0; width:44px; height:2px; content:""; background:#C00000; } .Floor001739 .con-head p{ font-size:20px;} .Floor001739 .con-head .join{ background: #203864; display: block; margin: 20px auto 0; color: #fff; height: 54px; font-size: 16px; line-height: 52px; width: 40%; max-width: 350px; border: 1px solid transparent; border-radius: 99px; transition: 0.3s; } .Floor001739 .con-head .join:hover{ background: #fff; color: #203864; border-color: #203864;} @media only screen and (min-width:768px ) { .Floor001739 .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .Floor001739 .con-head em{ font-size: 30px;} } @media(max-width:1280px){ .Floor001739 li h3{line-height: 40px;font-size: 16px;} } @media(max-width:768px){ .Floor001739 li{ width:100%;position: relative;min-height: 100%;} .Floor001739 li:hover{transform: scale(1.05);} .Floor001739 li a{position: inherit;} .Floor001739 li:nth-child(2n)::before{ display:none;} .Floor001739 li h3{font-size: 16px;line-height: 30px;margin:10px 0;} .Floor001739 li h3 i{width: 30px;height: 30px;font-size: 12px;line-height: 30px;} .Floor001739 li h3 i:after{width: 8;height:4px; } .Floor001739 li p{font-size: 12px;line-height: 18px;height: 36px;} .Floor001739 .con-head .join{height: 48px;font-size: 14px;line-height: 48px;width: 60%;} .Floor001739 .dl{text-align: center;} .Floor001739 .dl dd{float: none;display: inline-block;width: 24%;padding:2%;text-align: center;} .Floor001739 .dl dd img{max-width: 48px;} .Floor001739 .dl dd p{font-size: 14px;margin:0 auto;} .Floor001739 .dl dd p span{display: block;margin:0 auto 5px;} .Floor001739 .dl dd:after{display: none;} } /* .Form001519 */ .Form001519{ background: rgba(0,0,0,0.7); display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} .Form001519 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:2%; text-align: center; } .Form001519 .title:after{ display: block; margin: 25px auto; width:44px; height:2px; content:""; background:#c00000; } .Form001519 .close{ background: url(../images/Form001519-close.png) no-repeat center; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; content: ''; cursor: pointer; } .Form001519 dl { background: #fff; position: relative; max-width: 600px; margin: 5% auto 0; padding: 3%;} .Form001519 dd li{ position:relative; margin-bottom:25px;} .Form001519 dd .text{border: 1px solid #eee;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;} .Form001519 dd li label{ position:absolute; left:15px; top:0; color: #999; line-height:46px; } .Form001519 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;} .Form001519 dd textarea.text{height:220px;} .Form001519 .btnbox{ margin: 0 auto; text-align: center; } .Form001519 .btn{ cursor: pointer;border-radius: 99px;background: #203864;color: #fff; height: 44px;border: none; font-size:16px; width:40%; max-width:200px;} @media(max-width:768px){ .Form001519 .auto{padding:0 2%;} .Form001519 dd li{ float:none; width:auto; margin-right:0 !important;} } @media(max-width:480px){ .Form001519 .title{ font-size:24px;} } /*Floor002749 */ .Floor002749{ padding: 5% 0;background: #fff;} .Floor002749 .index-tit h3:after{margin: 10px auto;} /*slick Basic*/ .Floor002749 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002749 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002749 .slick-list:focus {outline: none} .Floor002749 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002749 .slick-slider .slick-track, .Floor002749 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002749 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002749 .slick-track:before, .Floor002749 .slick-track:after{display: table; content: '';} .Floor002749 .slick-track:after{ clear: both;} .Floor002749 .slick-loading .slick-track { visibility: hidden;} .Floor002749 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002749 .slick-slide .slick-loading img { display: none;} .Floor002749 .slick-slide .dragging img { pointer-events: none;} .Floor002749 .slick-initialized .slick-slide { display: block;} .Floor002749 .slick-loading .slick-slide { visibility: hidden;} .Floor002749 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002749 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002749 .tab{text-align: center; padding-bottom: 24px;margin-top: 2%;} .Floor002749 .tab ul{display: inline-block; } .Floor002749 .tab li{float: left; position: relative; margin: 0 3px;} .Floor002749 .tab li a{display: block; cursor: pointer;padding: 0 25px; line-height: 43px; border-radius: 3px; font-size: 18px; transition: 0.3s;} .Floor002749 .tab li a:hover, .Floor002749 .tab li.on a{ background: #203864; color: #fff;} .Floor002749 .tab li.on:before{position: absolute; content: ''; left: 50%; border:4px solid transparent; border-top-color: #203864; top: 100%; margin-left: -2px;} .Floor002749 .tab-list .list{position: fixed; left: -100%;width: 96%; max-width: 1280px;} .Floor002749 .tab-list .list.show{position: relative; left: auto; width: auto;} @media(min-width:769px){ .Floor002749 .list >*{width: 49.141%;} .Floor002749 .top-news{float: left;} .Floor002749 .list dl{float: right;} .Floor002749 .list dd:first-child{margin-bottom: 19px;} .Floor002749 .list dd .ytable{height: 100%;} } .Floor002749 .top-news{padding: 2.2%;} .Floor002749 .top-news, .Floor002749 .list dd{background: #f8f8f8;} .Floor002749 .list .pic{display: block;} .Floor002749 .list .Ispic{ padding-bottom: 62.828%;} .Floor002749 .list dd{padding: 2% 6.5%;transition: 0.3s;} .Floor002749 .list dd:hover{background: #203864;box-shadow:0px 5px 20px rgba(0,0,0,.3);} .Floor002749 .list a{color: #555;text-transform: capitalize;} .Floor002749 .list a:hover{color: #203864;} .Floor002749 .list h2{font-size: 22px; line-height: 30px; margin: 0;} .Floor002749 .list h2.dot2{max-height: 60px;} .Floor002749 .list time b{font-size: 36px;color: #555;} .Floor002749 .top-news .txt{position: relative; margin: 35px 0; padding-left: 95px;} .Floor002749 .top-news .txt time{font-family: "DIN","DINCond-Bold";position: absolute; border-right: 1px solid #e5e5e5; padding-right: 20px; text-align: center;left: 0; top: 50%; transform: translateY(-50%);} .Floor002749 .top-news .txt time b{display: block; line-height: 36px;} .Floor002749 .list dd time{font-family: "DIN","DINCond-Bold";} .Floor002749 .list dd time b{margin-right: 10px;} .Floor002749 .list dd p{line-height: 26px; max-height: 52px;color: #888; font-size: 16px; margin: 5% 0;} .Floor002749 .list dd h2{position: relative;min-height: 30px;} .Floor002749 .list dd h2 a{position: absolute; left: 0; top: 0; max-width: 100%;} .Floor002749 .list dd:hover time,.Floor002749 .list dd:hover time b,.Floor002749 .list dd:hover h2 a,.Floor002749 .list dd:hover p,.Floor002749 .list dd:hover .more a{color: #fff;} .Floor002749 .list dd:hover .more a:after{border-right: 2px solid #fff; border-top: 2px solid #fff;} .Floor002749 .list .more a{color: #888;} .Floor002749 .list .more a:after{display: inline-block; content: ''; width: 8px; height: 8px; border-right: 2px solid #888; border-top: 2px solid #888; vertical-align: middle; margin-left: 10px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s;} .Floor002749 .list .more a:hover:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;} .Floor002749 .slick-dots{overflow: hidden;} .Floor002749 .slick-dots li{float: left; width: 22px; height: 4px; background: #e5e5e5; margin-right: 3px; cursor: pointer;} .Floor002749 .slick-dots li button{display: none;} .Floor002749 .slick-dots li.slick-active{background: #C00000;} @media(min-width:769px) and (max-width:1024px){ .Floor002749 .list h2{font-size: 16px;line-height: 22px;} .Floor002749 .list dd h2{min-height: 22px;} .Floor002749 .list dd p{line-height: 20px; max-height: 40px; font-size: 14px; margin: 10px 0;} } @media(max-width:768px){ .Floor002749 .list dd{margin-top: 20px; height: auto!important;} .Floor002749 .list dd, .Floor002749 .top-news{padding: 20px;} } @media(max-width:640px){ .Floor002749{ padding: 30px 0;} .Floor002749 .tab{padding-bottom: 0;margin-top: 10px;} .Floor002749 .tab li a{padding: 0 10px; line-height: 36px; font-size: 16px;} .Floor002749 .list h2{font-size: 18px;} .Floor002749 .list dd p{font-size: 14px;line-height: 20px; max-height: 40px; margin: 10px 0;} } @media(max-width:480px){ .Floor002749 .tab li a{padding: 0 5px; line-height: 30px; font-size: 14px;} } /*Bottom002743 */ .Bottom002743{ background:url(../images/Bottom-bg.jpg) no-repeat center #282828; padding-top: 3%;color: rgba(255,255,255,0.4);} .Bottom002743 .auto{max-width:1366px;} .Bottom002743 a{color: rgba(255,255,255,0.4);} .Bottom002743 a:hover{color: rgba(255,255,255,1);;} .Bottom002743 .copyright{line-height: 24px;color: rgba(255,255,255,0.4);font-size: 12px;margin-top: 3%;} .Bottom002743 .copyright .auto{border-top:1px solid rgba(255,255,255,0.1); padding: 10px 0;} .Bottom002743 .copyright a{color: rgba(255,255,255,0.4);} .Bottom002743 .copyright a:hover{color: #fff;} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.1);; vertical-align: middle; margin: 0 7px;} .Bottom002743 .contact{max-width: 220px;} .Bottom002743 nav dl{position: relative;} .Bottom002743 nav dl:before{display: inline-block;content: '';width: 1px;height: 210px;background:rgba(255,255,255,.1);position: absolute;top:0px;left: -20px;} .Bottom002743 nav dl:after{display: inline-block;content: '';width: 3px;height: 24px;background:#203864;position: absolute;top:0px;left: -21px;} .Bottom002743 nav dl:last-child:before{display: none;} .Bottom002743 nav dl:last-child:after{display: none;} .Bottom002743 nav dl#bot25{display: none;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: rgba(255,255,255,0.75); padding-bottom: 25px;} .Bottom002743 .contact .name{font-size: 16px;color: #fff;color: rgba(255,255,255,0.3);position: relative;padding-left: 60px;} .Bottom002743 .contact .name aside{position: absolute;width: 51px;left:0;bottom: 25px;} .Bottom002743 .contact li{ padding-bottom: 5px;} .Bottom002743 .contact li aside{ padding-left: 25px;background-position: left center; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(2) aside{padding-left: 0;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(4) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 28px;color: #c00000;} .Bottom002743 nav dl dt a{color: rgba(255,255,255,0.75);} .Bottom002743 nav{float: right;width: 85%;max-width: 1088px;} .Bottom002743 nav dl{float: left;max-width: 130px;} .Bottom002743 nav dl:last-child{float:right;width:120px;} .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 121px;} @media(min-width:769px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:1366px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{width:100%;margin-top:30px} } @media(max-width:768px){ .Bottom002743{padding-top: 15%;} .Bottom002743 nav{display: none} .Bottom002743 .contact{display: table; margin: 0 auto;padding-bottom: 3%;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} } /*Floor002684 */ .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list: focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir = 'rtl'] .slick-slide { float: right; } .slick-slide .slick-loading img { display: none; } .slick-slide .dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow .slick-hidden { display: none; } .Floor002684{ padding:5% 0; border-bottom:1px solid #eee;} .Floor002684 .auto{margin:0 auto;} .Floor002684 .home-title{margin-bottom:20px;} .Floor002684 .home-title .auto{ position:relative; } .Floor002684 .index-tit{text-align: left;} .Floor002684 .more{ position:absolute; right:0; top:50%; margin-top:-24px;width:159px; line-height:48px; background:#fff; text-align:center; border:1px solid #ddd; font-size:16px; text-transform:uppercase; transition:0.3s ease-in-out;} .Floor002684 .more:hover{ box-shadow:0 15px 30px rgba(52,62,80,0.55); color:#C00000; border-color:transparent;} .Floor002684 .left .slick-arrow{ cursor:pointer; padding:0; border:none; background:#203864; font-size:0; z-index:10; position:absolute; top:50%; width:60px; height:60px; right:-30px; } .Floor002684 .left .slick-arrow:hover{ background:#C00000;} .Floor002684 .left .slick-arrow::before{ width:16px; height:16px; border-right:2px solid #fff;border-top:2px solid #fff; position:absolute; content:''; top:50%; left:50%; margin-left:-10px; margin-top:-8px; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002684 .left .slick-prev{margin-top:-60px;} .Floor002684 .left .slick-prev::before{margin-left:-8px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002684 .left .slick-next{margin-top:0;background:#1A2E50;} .Floor002684 .slider-for li img{ display:block; width:100%;} .Floor002684 .slider-nav{ max-width:970px; padding:0 15px; margin:0 auto;display: none;} .Floor002684 .slider-nav li{ cursor:pointer; padding:27px 20px;} .Floor002684 .slider-nav li aside{ background:#000; position:relative;} .Floor002684 .slider-nav li aside img{ opacity:0.9; transition:0.3s;} .Floor002684 .slider-nav li aside::before{ opacity:0; position:absolute; content:''; left:0; top:0; width:100%; border:10px solid #203864; height:100%; transform:scale(0);transition:0.3s 0.3s; background:none;} .Floor002684 .slider-nav li.slick-current aside::before{ opacity:1; transform:scale(1);} .Floor002684 .slider-nav li.slick-current aside img{ opacity:1;box-shadow:0 0 30px rgba(52,62,80,0.55);} .Floor002684 .edit-info{font-family:"Microsoft YaHei";} .Floor002684 .edit-css-1 h1{font-size: 27px;font-family:'华文中宋';color:#333;margin:0;text-transform: uppercase;} .Floor002684 .edit-css-1 p{line-height: 26px;text-align: justify;text-transform: capitalize;} .Floor002684 .edit-css-1 dl{ padding-top:4%;} .Floor002684 .edit-css-1 dd{ float:left;width:50%; margin:2% 0;} .Floor002684 .edit-css-1 dd:nth-child(2n){padding-left: 6%;} .Floor002684 .edit-css-1 dd:nth-child(2n+1){ clear:left;} .Floor002684 .edit-css-1 dd .icon{ width:26px; height:26px; background:#203864; border-radius:50%; overflow:hidden; position:relative; margin-bottom:10px;} .Floor002684 .edit-css-1 dd b{font-weight: normal;} .Floor002684 .edit-css-1 dd b span{color: #c00000;font-weight: bold;} .Floor002684 .num-box .box{margin-top: 5%;} .Floor002684 .num-box .box .item{float: left;padding:0 2%;text-align: center;border-right: 1px solid #e8e8e8;line-height: 1;} .Floor002684 .num-box .box .item:first-child{padding-left: 0} .Floor002684 .num-box .box .item:last-child{border-right: 0px solid #e8e8e8;} .Floor002684 .num-box .box .item>span{display: block;font-size: 20px;color: #203864;font-weight: bold;} .Floor002684 .num-box .box .item>span .num{font-size: 68px;font-family: "DIN","DINCond-Bold";margin-right: 10px;color: #203864;} .Floor002684 .num-box .box .item p{font-size: 16px;margin:0;margin: 10px 0;text-align: left;color: #333;} @media(min-width:1025px){ .Floor002684 .left{ float:left; width:50%;position: relative;} .Floor002684 .left:before{display: inline-block;content: '';width: 460px;height: 300px;background:#f4f4f4;position: absolute;left:-50px;bottom: -40px;} .Floor002684 .right{ float:right; width:50%;padding-left:50px;} .Floor002684 .edit-info{ padding:2%; max-width:688px; margin:0 auto;} } @media(max-width:1366px){ .Floor002684 .left .slick-arrow{width:60px; height:60px; right:-30px; } .Floor002684 .left .slick-prev{margin-top:-60px;} .Floor002684 .right{ padding-left:30px;} .Floor002684 .edit-css-1 h1{ font-size:36px;} } @media(max-width:1024px){ .Floor002684 .left .slick-arrow{ right:0;} .Floor002684 .right{ padding:2% !important;} .Floor002684 .left{ padding:0 !important;} .Floor002684 .slider-nav{ padding:0 5px; margin:0 auto;} .Floor002684 .slider-nav li{padding:15px 10px;} .Floor002684 .slider-nav li aside::before{ border-width:5px;} } @media(max-width:640px){ .Floor002684 .home-title b{ font-size:24px;} .Floor002684 .home-title span{ font-size:16px;} .Floor002684 .more{ width:100px; line-height:35px; margin-top:-18px;} .Floor002684 .edit-css-1 h1{ font-size:26px;} .Floor002684 .num-box .box{text-align: center; margin-top: 3%;} .Floor002684 .num-box .box .item{border-right: 0px;float: none;width: 32%;display: inline-block;padding:2%;} .Floor002684 .num-box .box .item>span{font-size: 14px;} .Floor002684 .num-box .box .item>span .num{font-size: 28px;} .Floor002684 .num-box .box .item p{font-size: 15px;} .Floor002684 .left .slick-prev{left: 0;} .Floor002684 .left .slick-prev{margin-top: -20px!important;} .Floor002684 .left .slick-next{margin-top: -20px;} .Floor002684 .more{display: none;} .Floor002684 .edit-css-1 p{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} } @media(max-width:480px){ .Floor002684 .slider-nav li{padding:10px 2px;} .Floor002684 .left .slick-arrow{width:40px; height:40px; } .Floor002684 .left .slick-prev{margin-top:-40px;} .Floor002684 .left .slick-arrow::before{ width:10px; height:10px; margin-top:-5px; margin-left:-8px;} .Floor002684 .left .slick-prev::before{ margin-left:-3px;} } /* .Banner002291 为demo编号 */ .Banner002291 { overflow: hidden;} .Banner002291 span{ display: none;} .Banner002291 img{ max-width: none; width: 155%; margin-left: -27.5%;} @media only screen and (min-width: 768px) { .Banner002291 img{ width: 150%; margin-left: -25%;} } @media only screen and (min-width: 1024px) { .Banner002291 img{ width: 140%; margin-left: -20%;} } @media only screen and (min-width: 1200px) { .Banner002291{ height: 500px;} .Banner002291 img{ display: none;} .Banner002291 span{ display: block; background-position: center; background-repeat: no-repeat; height: 500px; width: 100%;} } /* .Menu000706 为demo编号 */ .Menu000706{ padding-bottom:2%;} .Menu000706-nop{padding-bottom:0;} .Menu000706 header{ margin-top:-3%;} .Menu000706 header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0; padding:10px 10% 10px 18px; background:url(../images/Menu000706-icon.png) no-repeat 95% center #203864; color:#fff; font-weight:normal; font-size:24px;text-transform: uppercase;} .Menu000706 header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;} .Menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;} .Menu000706 nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;} .Menu000706 nav dl a{color:#999;} .Menu000706 nav dl span, .Menu000706 nav dl a:hover{color:#203864;} .Menu000706 nav li a{ display:block; font-size:16px; padding:18px 0;text-transform: capitalize;} @media(min-width:769px){ .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; padding:0 2%;} .Menu000706 nav li a:hover, .Menu000706 nav li.aon a{ color:#203864; border-bottom:3px solid #203864;} } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} .Menu000706 header{ position:relative; z-index:5;} .Menu000706 header h1{ display:block; padding-right:0;} } @media(max-width:768px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;} .Menu000706 nav ol span{display:block; background-color:#203864; padding:5px;border-radius:3px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;} .Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #203864;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#203864; padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 50;} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #203864;border-radius:5px;} .Menu000706 nav li:nth-child(2n){ background-color:rgba(255,255,255,0.8);} .Menu000706 nav li a{ padding:0 2%; line-height:40px; } .Menu000706 nav li a:hover{color:#203864;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:10px 0; text-align:center; overflow:hidden;} .Menu002252 a{font-size:14px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#C00000;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 a{ display:inline-block; line-height:30px; padding:0 15px; min-width:115px; border-radius:30px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252{padding:35px 0 20px;} .Menu002252 a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px; border-radius:36px;} } @media(max-width:767px){ .Menu002252 a{display:inline-block;max-width: 165px;margin-bottom: 10px;width: 100%;border-radius: 3px;} } /*RighInfo002807 */ .RighInfo002807{padding-bottom: 5%;} .RighInfo002807 .txt{padding-bottom: 2%;} .RighInfo002807 .txt .auto{background: url(../images/RighInfo002812-map.png) no-repeat center;} .RighInfo002807 .txt .info{position:relative; z-index: 10;} .RighInfo002807 .txt .info .t-1{font-size: 42px;color: #203864;} .RighInfo002807 .txt .info .t-2{ font-family: "DINCond-Bold";color: #C00000;font-size: 34px;text-transform: capitalize;} .RighInfo002807 .txt .info p{line-height: 30px;font-size: 14px;margin-top: 3%;text-align: justify;text-transform: capitalize;} @media(min-width:1025px){ .RighInfo002807{padding-top: 3%;} .RighInfo002807 .txt .auto{position: relative; z-index: 1;} .RighInfo002807 .txt .info{float: right;width: 70%;} .RighInfo002807 .txt .Ispic{float: left;width: 25%;position: relative;z-index: 2;} .RighInfo002807 .txt .Ispic img{position: relative;z-index: 2;} .RighInfo002807 .txt .Ispic:before{display: inline-block;content: '';height: 100%;width: 100%;border:3px solid #203864;position: absolute;right:-10px;bottom: -10px;z-index: 1} } @media(max-width:1024px){ .RighInfo002807 .txt .info{padding: 5% 0;} } @media(max-width:640px){ .RighInfo002807 .txt .info .t-1{font-size: 32px;} .RighInfo002807 .txt .info .t-2{ font-size: 22px;} .RighInfo002807 .txt .Ispic{display: none;} } .RighInfo002807 .mid{background-repeat: no-repeat;padding-top: 4%;background-size: 47.083% auto;} .RighInfo002807 .section2{position: relative;} .RighInfo002807 .num{position: relative;float: left;width: 60%;background: #fff;z-index: 2;padding-right:8%;margin-top: 8%; } .RighInfo002807 .num:before, .RighInfo002807 .num:after{position: absolute; content: ''; border: 5px solid #C00000; width: 30px; height: 30px;} .RighInfo002807 .num:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002807 .num:after{right: 8%; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002807 .num li{float:left; width:33.3333%; padding: 30px 0;} .RighInfo002807 .num li .inner{color: #203864;font-family: "DINCond-Bold";font-size: 100px;display: table; margin: 0 auto;} .RighInfo002807 .num li aside{overflow: hidden; height: 0.6em;} .RighInfo002807 .num li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002807 .num li sup{font-size: 0.25em;line-height: 1em;vertical-align:top;} .RighInfo002807 .num li span{font-size: 0.8em;line-height: 0.725em;vertical-align: text-top;} .RighInfo002807 .num li p{font-size: 0.2em;} .RighInfo002807 .num li aside *{display: inline-block;} @media(max-width:1280px){ .RighInfo002807 .num li .inner{font-size: 80px;} .RighInfo002807 .num{width: 58%} } @media(max-width:1024px){ .RighInfo002807 .num li .inner{font-size: 70px;} } @media(max-width:768px){ .RighInfo002807 .num li{width: 33.3333%;} .RighInfo002807 .num li:nth-child(3n+1){clear: left;} .RighInfo002807 .num{float: none;width: 100%;margin-top: 0;} } @media(max-width:480px){ .RighInfo002807 .num li .inner{font-size: 50px;} } /*视频*/ .RighInfo002807 .video-box{position: absolute;width: 40%;right:0;top:0;z-index: 1;overflow: hidden;} .RighInfo002807 .video{position: relative;} .RighInfo002807 .video img{display: block;width: 100%;} .RighInfo002807 .video .play, .RighInfo002807 .video .files{position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .RighInfo002807 .video .play{background: url(../images/RighInfo002807-play.png) no-repeat center center rgba(0,0,0,0.3); z-index: 3; cursor: pointer;} .RighInfo002807 .video .files{ z-index: 10;display: none;} .RighInfo002807 .video .files video{object-fit: cover;} @media(max-width:1280px){ .RighInfo002807 .video-box{right:2%;} } @media(max-width:768px){ .RighInfo002807 .video-box{position: relative;right: auto;top:auto;width: 100%;margin-top: 5%;} } @media(max-width:480px){ .RighInfo002807 .video .play{background-size:40px auto;} } /*文化*/ .RighInfo002807 .culture{margin-top: 5%;} .RighInfo002807 .culture .box-item ul{display: table;width: 100%;border: 1px solid #eee; table-layout: fixed;} .RighInfo002807 .culture .box-item ul:not(:first-child){margin-top: -1px;} .RighInfo002807 .culture .box-item li{display: table-cell; vertical-align: top; text-align: center;position: relative;padding: 40px 0;width: 25%;} .RighInfo002807 .culture .box-item li:not(:last-child):after{position: absolute; content: ''; width: 1px;height: 100%; right: 0; top: 0;background: #eee;} .RighInfo002807 .culture .box-item li > *{padding: 0 10px;} .RighInfo002807 .culture .box-item li .icon img{max-width: 68px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;} .RighInfo002807 .culture .box-item li:hover .icon img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);} .RighInfo002807 .culture .box-item li b{font-size: 18px;font-weight: bold;display: block;padding: 20px 0;color: #555;text-transform: capitalize;} .RighInfo002807 .culture .box-item li p{margin: 0;line-height: 28px;font-size: 16px;text-transform: capitalize;} @media(max-width:768px){ .RighInfo002807 .culture .box-item ul{display: block;} .RighInfo002807 .culture .box-item li{width: 50%;float: left;display: block;} .RighInfo002807 .culture .box-item li:nth-child(3),.RighInfo002807 .culture .box-item li:nth-child(4){border-top: 1px solid #eee;} .RighInfo002807 .culture .box-item li p{height: 66px;overflow: hidden;} } @media(max-width:480px){ .RighInfo002807 .culture .box-item li{padding: 20px 0;} .RighInfo002807 .culture .box-item li b{font-size: 16px;} .RighInfo002807 .culture .box-item li p{font-size: 14px;line-height: 22px;} } /* .TextList001357 为demo编号 */ .TextList001357{padding-bottom: 3%;} .TextList001357 .con-head { color: #333; text-align: center;} .TextList001357 .con-head em{position:relative; margin:3% 0 3%; font-style:normal; display: inline-block; font-size:18px; color: #203864;} .TextList001357 .con-head em::after{ display: block; margin: 20px auto 0; width:44px; height:2px; content:""; background:#C00000; } @media only screen and (min-width:768px ) { .TextList001357 .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .TextList001357 .con-head em{ font-size: 30px;} } /*Form001852 */ .Form001852{ padding-bottom:3%;} .Form001852 .con-head { color: #333; text-align: center;} .Form001852 .con-head em{position:relative; margin:3% 0 2%; font-style:normal; display: inline-block; font-size:18px; color: #203864;} .Form001852 .con-head em::after{ display: block; margin: 20px auto 0; width:44px; height:2px; content:""; background:#C00000; } @media only screen and (min-width:768px ) { .Form001852 .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .Form001852 .con-head em{ font-size: 30px;} } .Form001852 .from{ max-width:860px; margin:0 auto; } .Form001852 .from td{ padding-bottom:3%;} .Form001852 .from td div{ position:relative;} .Form001852 .from td.f_name{ padding-right:5%; width:50%;} .Form001852 .from label{ position:absolute; left:10px; top:0;line-height:44px; color:#999;} .Form001852 .from .text{ width:100%; height:44px; line-height:44px; text-indent:10px; border:none; background:#f5f5f5;} .Form001852 .from textarea.text{ height:132px;} .Form001852 .from .btn{ text-align:center;} .Form001852 .from .btn input{ font-weight:bold; cursor:pointer; padding:0; border:none; width:128px; height:40px; color:#fff; background:#203864;} @media(max-width:768px){ .Form001852 .from{padding:0 2%;} } /*PicList002735 */ .PicList002735{} .PicList002735 li{ margin-bottom: 2%; margin-top: 2%;} .PicList002735 li a{display: block;background: #f8f8f8; border: 3px solid #f8f8f8; transition: 0.3s;} .PicList002735 li a:hover{border-color: #184477; box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .PicList002735 li .Ispic{ background-size: contain;background-color: #fff; padding-bottom: 65.241%;} .PicList002735 li .txt{padding: 25px;} .PicList002735 li .txt h3{font-size: 18px; color: #203864;} .PicList002735 li .txt p{line-height: 28px;color: #555;height: 84px; } @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width: 29.6875%; } .PicList002735 li:not(:nth-child(3n)){margin-right: 5.46875%;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#C00000; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* .PicList000762 为demo编号 */ .PicList000762{} .PicList000762 li{ float:left; width:23.5%; margin-right:2%; margin-top:3%; } .PicList000762 li:nth-child(4n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#F8F8F8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%;font-weight: normal;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:68%;} .PicList000762 li a:hover{ background-color:#C00000; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /*Floor002571 */ .Floor002571 .main {} .Floor002571 .news li{ width:100%; background:#f8f8f8; position:relative; display:table;overflow:hidden;margin-top: 3%;} .Floor002571 .news li:first-child{margin-top: 1%;} .Floor002571 .news li .txt{padding-left:40%;display: table-cell;vertical-align: middle;padding:4% 20px 4% 40%; color:#666;} .Floor002571 .news li .txt time{ font-family:'Arial'; font-size:14px;color:#666; display:block; margin-bottom:20px;} .Floor002571 .news li .txt time b{display:inline-block;line-height: 36px;font-size: 30px;margin-right:8px;color: #203864;} .Floor002571 .news li .txt time em{ color:#666;display:inline-block;margin-right:5px;} .Floor002571 .news li .txt .more a{color: #666;} .Floor002571 .news li .txt .more a:after{display: inline-block; content: ''; width: 8px; height: 8px; border-right: 2px solid #666; border-top: 2px solid #666; vertical-align: middle; margin-left: 10px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s; position: relative; top: -1px;} /*.Floor002571 .news li:hover .txt .more a:after{ border-right: 2px solid #017cbf; border-top: 2px solid #017cbf;}*/ .Floor002571 .news li:hover .txt>a{color: #C00000;} .Floor002571 .news li .dot{font-size:16px;font-weight: 700;text-align: left;color: #333;} .Floor002571 .news li p{line-height:24px;height:72px;overflow:hidden;color: #666; margin:15px 0 20px;} .Floor002571 .news li .pic{overflow:hidden;position:absolute;left:0;width:36%;display: table-cell;vertical-align: middle;margin-bottom: 25px;height: 100%;} .Floor002571 .news li .Ispic{height: 100%;width: 100%;display: block;margin-bottom: 25px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;} .Floor002571 .news li:hover .Ispic{ transform:scale(1.1);} @media(max-width:768px){ .Floor002571 .news li{display: block;} .Floor002571 .news li .pic{width: 100%;height: 50%;display: block;} .Floor002571 .news li .txt{width: 100%; padding:65% 3% 3%;display: block;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text h3{font-size: 26px;margin:0;font-weight: normal;color: #203864;margin-bottom: 20px;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;padding-left: 30px;position: relative;} .RighInfo002275 .text .p:before{display: inline-block;content: '';width: 22px;height: 22px;background:url(../images/map-1.png) no-repeat;position: absolute;left:0;top:50%;transform: translateY(-50%);} .RighInfo002275 .text .p.post:before{background:url(../images/map-2.png) no-repeat;} .RighInfo002275 .text .p.phone:before{background:url(../images/map-3.png) no-repeat;} .RighInfo002275 .text .p.tell:before{background:url(../images/map-4.png) no-repeat;} .RighInfo002275 .text .p.web:before{background:url(../images/map-5.png) no-repeat;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 10px 0 70px} .RighInfo002275 .text .title{margin: 30px 0;} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;} } /* .Form002802 */ .Form002802{ padding-top: 1%; } .Form002802 .from{ max-width:1280px; margin:0 auto; } .Form002802 .from td{ padding-right: 5%; padding-bottom:3%;} .Form002802 .from td.address{padding-right: 0;} .Form002802 .from td p{ margin: 0; color: #999; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ display: inline-block;content: '';position:absolute; left:0px; top:50%; transform: translateY(-50%);width: 40px;height: 40px;} .Form002802 .from .name label{background: url(../images/icon-1.png) no-repeat center;} .Form002802 .from .phone label{background: url(../images/icon-2.png) no-repeat center;} .Form002802 .from .email label{background: url(../images/icon-3.png) no-repeat center;} .Form002802 .from .company label{background: url(../images/icon-4.png) no-repeat center;} .Form002802 .from .address label{background: url(../images/icon-5.png) no-repeat center;} .Form002802 .from .textareas label{background: url(../images/icon-6.png) no-repeat center;top:25px;} .Form002802 .from .text{ width:100%; height:50px; line-height:50px; text-indent:10px; border:none; background:#f8f8f8;border-radius: 3px;padding:0 3% 0 30px;} .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-bottom: 1.5%; text-align:center;} .Form002802 .from .btn input{ background:#C00000; cursor:pointer; padding:0; border:none; width: 180px; height:48px; font-size: 16px; color:#fff; text-transForm002802: uppercase; border-radius: 3px;} .Form002802 .from td.tip p{color: #999} @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } } /* .TextList001729 为demo编号 */ .TextList001729 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .TextList001729 .name span{ display:inline-block; border-left:6px solid #203864; padding-left:15px;} .TextList001729 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .TextList001729 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#203864;} .TextList001729 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .TextList001729 .search input{border:none; } .TextList001729 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .TextList001729 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001729-search.png) no-repeat center center; padding:0;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#203864; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:16%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3), .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){width:14%;} .TextList001729 .type li:nth-child(7){ width:17%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(7){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(7){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(7){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#C00000; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(1){width:60%;} .TextList001729 .type li:nth-child(7){width:40%;} .TextList001729 .type li:nth-child(2),.TextList001729 .type li:nth-child(3),.TextList001729 .type li:nth-child(4),.TextList001729 .type li:nth-child(5),.TextList001729 .type li:nth-child(6){display: none;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} } @media(max-width:480px){ .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /* .RighInfo002223 为demo编号 */ .RighInfo002223{background-color: #fff;padding-top: 2%;} .RighInfo002223 .auto{background: #F8F8F8;position: relative;overflow: hidden;} .RighInfo002223 .h3{color:#203864;margin:0; font-size: 20px;} .RighInfo002223 .h3:after{width:50px;height:3px;background:#C00000;border:none;margin:15px 0 25px 0px; content: ""; display: block;} .RighInfo002223 .ul{ margin: 0; clear: both;} .RighInfo002223 .ul li{} .RighInfo002223 .ul li h4{margin:0;font-size: 16px;color:#203864;} .RighInfo002223 .ul li span{font-family: "DIN","DINCond-Bold";font-size:16px;color:#C00000;font-weight:bold;margin-right: 8px;} .RighInfo002223 .ul li p{line-height:24px;font-size:14px;color:#666;margin:10px 0px 20px;clear:both;} .RighInfo002223 .ul li:last-child p{margin-bottom: 0;} @media screen and (min-width: 1024px){ .RighInfo002223 .h3{font-size: 24px;} .RighInfo002223 .pic{position: absolute;top:0;right:0;width: 25%;} .RighInfo002223 .con{width: 75%;position: relative;padding:3% 0 3% 3%;} .RighInfo002223 .con:after{display: inline-block;content: '';border: 10px solid #F8F8F8; border-color: transparent transparent transparent #F8F8F8;position: absolute;left:100%;top:50%;transform: translateY(-50%);z-index: 2;} } @media(max-width:768px){ .RighInfo002223 .pic{display: none;} } /*RighInfo002523 */ .RighInfo002523{ padding:3% 0;} .RighInfo002523 .h3{color:#203864;margin:0; font-size: 20px;text-align: center;} .RighInfo002523 .h3:after{width:50px;height:3px;background:#C00000;border:none;margin:15px auto 25px; content: ""; display: block;} .RighInfo002523 li{ float:left; text-align:center; margin-bottom:3%; position:relative;} .RighInfo002523 li span{ font-family: "DIN","DINCond-Bold";font-size:30px; color:#C00000;} .RighInfo002523 li h5{ margin:0 0 10px 0; font-size:16px;color:#333;font-weight: normal;} .RighInfo002523 li .pic{ padding:7px;border-radius:50%; background:#f5f5f5; max-width:146px; width:60%; overflow:hidden; margin:0 auto; position:relative; z-index:10;} .RighInfo002523 li .pic img{ display:block;border-radius:50%; width:100%;} @media(min-width:769px){ .RighInfo002523 li{width:20%;} .RighInfo002523 ul:nth-child(2n) li{ float:right;} .RighInfo002523 li::before{ position:absolute; content:''; width:100%; top:65%; background:#eee; height:2px; left:0;} .RighInfo002523 ul li:first-child::before{width:50%; right:0; left:auto;} .RighInfo002523 ul li:last-child::before{ width:50%; border-top:2px solid #eee; border-right:2px solid #eee; background:none; height:50%; left:0; } .RighInfo002523 ul:nth-child(2n) li:first-child::before{ width:50%; right:auto; left:0;} .RighInfo002523 ul:nth-child(2n) li:last-child::before{ border-right:0; border-left:2px solid #eee; left:50%;} .RighInfo002523 li::after{ content:''; background:url(../images/RighInfo002523_icon_right.png) no-repeat; width:36px; height:36px; position:absolute; right:0; top:60%; margin-top:-7px; margin-right:-10px;} .RighInfo002523 ul li:last-child::after, .RighInfo002523 ul:nth-child(2n) li:last-child::after{ left:50%; top:auto; margin-left:-19px; bottom:-33px; background-image:url(../images/RighInfo002523_icon_down.png);} .RighInfo002523 ul:nth-child(2n) li::after{ right:auto; left:0; background-image:url(../images/RighInfo002523_icon_left.png);} .RighInfo002523 ul:nth-child(2n) li::after{ margin-right:0; margin-left:-10px;} .RighInfo002523 ul:nth-child(2n) li:last-child::after{margin-left:-18px;} .RighInfo002523 ul:last-child li:last-child::before{ width:50%; height:4px;} .RighInfo002523 ul:last-child li:last-child::after{ display:none;} } @media(max-width:1024px) and (min-width:769px){ .RighInfo002523 li h5{ height:40px; line-height:20px; overflow:hidden;} } @media(max-width:768px){ .RighInfo002523 ul::after{ display:none;} .RighInfo002523 li{ width:50%; padding:2%;margin:0;} .RighInfo002523 li:nth-child(2n+1){ clear:left;} .RighInfo002523 li:nth-child(1),.RighInfo002523 li:nth-child(4),.RighInfo002523 li:nth-child(5),.RighInfo002523 li:nth-child(8),.RighInfo002523 li:nth-child(9){ background:#eee;} } /*Timeline001915*/ .Timeline001915{ padding-bottom:4%;} .Timeline001915 .columnName{ padding:2% 0 4% 0; line-height:normal; text-align:center; font-size:61px; color:#203864; text-transform:uppercase;} .Timeline001915 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#203864;} .Timeline001915 .list{ background:url(../images/Timeline001915-logo.jpg) no-repeat center top; padding-top:64px;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li div{ padding-left:36px;} .Timeline001915 li div p{ line-height:24px;font-family:'黑体';} .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#C00000; font-size:18px; border-top:1px solid #e1e1e4;font-family: "DIN","DINCond-Bold";} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#C00000; width:20px; height:5px;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#C00000; color:#fff; font-size:14px; border-radius:5px;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:20px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li div{ padding:10px 10px 10px 36px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} } /*PicList002854 */ .PicList002854{padding: 2% 0 0 0;} .PicList002854 li{float: left;margin-bottom:4%;} .PicList002854 li a{display: block;border: solid 3px #f5f5f5;position: relative;padding: 2vw 1vw 4vw; transition: 0.3s;} .PicList002854 li aside{font-size: 18px; line-height: 28px; height: 56px; text-align: center; margin-bottom: 1vw;color: #333;} .PicList002854 li .Ispic{background-size: contain;padding-bottom: 60.565%;background-repeat: no-repeat;} .PicList002854 li a:after{position: absolute; content: '';width: 50px;height: 50px;background:url(../images/PicList002854_btn.png) no-repeat center center #f5f5f5;right: 0; bottom: 0;background-size: auto 21px;transition: 0.3s;} .PicList002854 li a:hover{border-color: #203864;} .PicList002854 li a:hover:after{background-color: #203864; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px){ .PicList002854 li{width: 29.127%; } .PicList002854 li:not(:nth-child(3n)){margin-right: 6.3095%;} } @media(max-width:768px){ .PicList002854 li{width: 48%; } .PicList002854 li:not(:nth-child(2n)){margin-right: 4%;} .PicList002854 li aside{font-size: 16px;} .PicList002854 li a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } @media(max-width:480px){ .PicList002854 li aside{font-size: 14px;line-height: 20px; height: 40px;} } /*Demo001 */ .Demo001{padding: 2% 0 4% 0;} .Demo001 .box{position: relative;} .Demo001 .box .txt{} .Demo001 .box .h3{font-size:26px;font-weight: normal;margin:0 0 30px;color: #203864;} .Demo001 .box .h3:after{display: block;content: '';width: 50px;height: 3px;background: #C00000; margin:20px 0 0;} .Demo001 .box .h3_2{margin-top: 50px} .Demo001 .box .h4{font-size: 18px;margin:0 0 30px;font-weight: normal;color: #333;} .Demo001 .box .p{font-size:16px;line-height: 30px;color: #666;} .Demo001 .box1 .img{position: absolute;width: 50%;right:0;top:60px;text-align: right;} .Demo001 .box1 .h3{padding-right: 50%;} .Demo001 .box1 .p{padding-right: 55%;} .Demo001 .box1 .p1{padding-right: 0;} .Demo001 .box2 .img{position: absolute;width: 40%;left:0;top:0;text-align: left;} .Demo001 .box2{margin-top: 80px;} .Demo001 .box2 .h3{padding-left: 50%;padding-top: 30px} .Demo001 .box2 .h4{padding-left: 50%;} .Demo001 .box2 .p{padding-left: 50%;} .Demo001 .box3 .img{position: absolute;width: 60%;right:0;top:60px;text-align: right;} .Demo001 .box3{margin-top: 120px} .Demo001 .box3 .h3{padding-right: 65%;} .Demo001 .box3 .p{padding-right: 65%;} @media(max-width:768px){ .Demo001 .box1 .h3,.Demo001 .box1 .p,.Demo001 .box3 .h3,.Demo001 .box3 .p{padding-right:0;} .Demo001 .box1 .img,.Demo001 .box3 .img{position: relative;right: auto;top:auto;width: 100%;} .Demo001 .box2 .h3{padding-left: 0;padding-top: 0;} .Demo001 .box2 .h4,.Demo001 .box2 .p{padding-left: 0;} .Demo001 .box2 .img{position: relative;left: auto;top:auto;width: 100%;} } /*RighInfo002816 */ .RighInfo002816{padding-top: 2%;} .RighInfo002816 .img-block{display: block;width: 100%;} .RighInfo002816 ul{margin-bottom: 6%;position: relative;} .RighInfo002816 ul .inner{background: #fff;padding-top: 5%; padding-bottom:5%;box-shadow: 0 0 4px 0 rgba(0,0,0,.15);} .RighInfo002816 ul h3{ font-size: 18px; color: #203864;} .RighInfo002816 ul h3:before{display: inline-block; content: ''; height:16px; width:4px; background: #c00000; vertical-align: middle; margin-right: 15px;} .RighInfo002816 ul .li p{ line-height: 28px; color: #666;} .RighInfo002816 ul .li .icon{padding-bottom: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{right:0;} .RighInfo002816 ul:nth-child(2n-1) .li{float: left;} .RighInfo002816 ul:nth-child(2n) .ol{left:0;} .RighInfo002816 ul:nth-child(2n) .li{float: right;} .RighInfo002816 ul .ol{width: 30%;position: absolute;bottom:0;} .RighInfo002816 ul .li{width: 70%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul .li .inner{ padding-left: 5%;padding-right: 5%;} .RighInfo002816 ul .li .inner p{font-size: 14px;line-height: 28px;height: 168px;overflow: hidden;} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /* TextList000856 为demo编号 */ .TextList000856 li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0;position: relative; } .TextList000856 li a{ padding-left:20px;} .TextList000856 li a:before{display: inline-block;content: '';width: 5px;height: 5px;background: #203864;margin-right: 10px;position: relative;top:-2px;} .TextList000856 li a:hover{ color:#9a403b;} .TextList000856 li time{ color:#999; font-size:12px;position: absolute;right:10px;top:50%;transform: translateY(-50%);} /* Demo002 为demo编号 */ .Demo002{padding:3% 0;background: url(../images/Demo002-bg.png) no-repeat center bottom;margin-top: -2%;} .Demo002 .auto{background: url(../images/Demo002-bg2.png) no-repeat center top;padding:20px 0 10px 0;} .Demo002 .left{float: left;width: 50%;text-align: left;padding-right: 5%} .Demo002 .right{float: left;width: 50%;text-align: left;} .Demo002 .h1{padding-top: 50px;} .Demo002 .h2{padding-top: 30px;} .Demo002 .txt{padding-top: 50px;} .Demo002 .p{margin:0;font-size: 16px;line-height: 1.8;text-indent: 2rem;padding-bottom: 40px;} @media(max-width:1280px){ .Demo002 .auto{padding:20px 2% 10px 2%;} } @media(max-width:768px){ .Demo002 .left,.Demo002 .right{float: none;width: 100%;} } /* Demo003 为demo编号 */ .Demo003{margin:3% 0;text-align: center;} .Demo003 .auto{max-width: 960px;} .Demo003 .h2{margin:0;font-size: 25px;font-weight: normal;color: #333;margin:0 auto 5%;line-height:48px;position: relative; } .Demo003 .h2:after{display: inline-block;content: '';width: 100%;height: 2px;position: absolute;left:0;top:50%;background: #203864;} .Demo003 .h2 span{display: inline-block;background: #203864;color: #fff;line-height:48px;padding:0 40px;letter-spacing: 2px;position: relative;z-index: 2;} .Demo003-v2 .h2 span,.Demo003-v2 .h2:after{background: #C00000;} .Demo003 .left{float: left;width: 50%} .Demo003 .txt{float: right;width: 50%;border:2px dashed #e8e8e8;padding:3%;border-radius: 12px;} .Demo003 .h3{margin:0;font-size: 22px;font-weight: normal;margin-bottom: 3%;color: #333;} .Demo003 .p{margin:0;font-size: 16px;line-height: 1.8;} .Demo003 .txt a{color: #C00000;} .Demo003 .img2{margin-top: 3%;} @media(max-width:960px){ .Demo003 .auto{padding:0 2%;} .Demo003 .left,.Demo003 .txt{float: none;width: 100%;} } .Demo003-v2 .info{text-align: left;margin-top: 3%;} .Demo003-v2 .info .h3{margin-bottom: 1%;font-weight: bold;} .Demo003-v2 .info .p{border-bottom: 1px dashed #e8e8e8;padding:10px 0;} .Demo003-v2 .box{text-align: left;margin-top: 3%;} .Demo003-v2 .box .h3{margin:0 0 1%;font-size: 22px;color: #333;font-weight: bold;} .Demo003-v2 .box .dl{} .Demo003-v2 .box .dl dd{margin:0;font-size: 16px;line-height: 1.8;} .Demo003-v2 .box .dl dd i{font-family: "DINCond-Bold";font-style: normal;color: #C00000;} .Demo003-v2 .box .dl dd span{color: #C00000;} .Details{padding: 0 0 3%;} .Details .h1{margin:0;font-weight: normal;font-size: 32px;color: #333;text-align: center;padding-bottom: 2%;border-bottom: 1px dashed #e8e8e8;margin-bottom: 2%} .Details .info video{display: block;width: 100%!important;height: auto!important;background-color: #000;} /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:0 0 3%;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;color: #333;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#203864; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#C00000;} /* .Form001725 */ .Form001725{padding:0 0 3%;} .Form001725 .auto{} .Form001725 .form{ max-width:1200px; width:100%; margin: 0 auto} .Form001725 .form td{ padding-bottom:5px; font-size:14px; } .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #eee; background: #fff; line-height:36px;height:36px; text-indent:10px; } .Form001725 .form p{ margin:0;color:#203864;line-height: 36px;position: relative;} .Form001725 .form p:before{ display: inline-block;content: '';width:6px;height: 6px;border-radius: 1px;background:#203864; margin-right: 8px;position: relative;top:-2px;} .Form001725 .form .wu-example p:before{display: none;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#203864;} .Form001725 .form .btn{ background:#666; color:#fff; cursor:pointer; font-size:16px; width:60%; max-width:130px; height:45px; border-radius:3px; border:none; margin-top:20px;} .Form001725 .form .btn_submit{ background:#C00000; } .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} .Form001725 .queueList{ border:1px dashed #ddd; margin:0; padding: 20px;background: #fff; } .Form001725 .placeholder{ padding-top: 40px; } .Form001725 .placeholder p{font-size: 16px; } .Form001725 .placeholder .webuploader-pick{ background: #999; font-size: 16px;} /* .Floor001318 为demo编号 */ .Floor001318{ padding:1% 0 4%;} .Floor001318 .select{ border-bottom:1px solid #eaeaea; padding-bottom:2%; margin-bottom:2%;} .Floor001318 .select dl > *{ float:left;} .Floor001318 .select dd{position:relative; z-index:20; width:28%; margin-right:2%;} .Floor001318 .select dd > a{ position:relative; line-height:45px; border:1px solid #eaeaea; border-radius:45px; color:#999;} .Floor001318 .select dd > a::after{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; right:16px; margin-top:-3px; top:50%;} .Floor001318 .select dd a{padding:0 16px; display:block;} .Floor001318 .select dd figure{ position:absolute; left:16px; right:16px; top:100%; background:#fff;border:1px solid #eaeaea; border-top:0;max-height:300px; overflow:auto; display:none;} .Floor001318 .select dd figure a{ line-height:30px; } .Floor001318 .select dd figure a:hover{ background:#eaeaea; color:#000;} .Floor001318 .select dt{ width:40%;} .Floor001318 .search{ position:relative;} .Floor001318 .search .text{ width:100%;line-height:45px;height:45px; border:1px solid #eaeaea; border-radius:45px; color:#999;padding:0 55px 0 16px;} .Floor001318 .search .btn{ position:absolute; right:0; top:0; width:55px; height:100%; background:url(../images/Floor001318-btn.png) no-repeat center center;} .Floor001318 .map{ overflow:hidden; position:relative; clear:both; } .Floor001318 .list{ float:right; width:28%;} .Floor001318 .list .bx-viewport{height: 471px !important;} .Floor001318 #all_map_1318{ position:absolute !important; left:0; top:0; width:70%; height:100%; border:#ccc solid 1px;} .Floor001318 #all_map_1318 *{ box-sizing:content-box; } .Floor001318 #all_map_1318 img{max-width:none;} .Floor001318 #all_map_1318 .BMap_bubble_content{ line-height:20px;} .Floor001318 .list li{ padding-bottom:15px; cursor:pointer;} .Floor001318 .list li div{border:1px solid #eaeaea;border-left:10px #b6b6b6 solid; background-color:#fff; padding:15px;} .Floor001318 .list li h5, .Floor001318 .list li p{margin:0;font-size:14px;line-height:26px;overflow:hidden;} .Floor001318 .list li h5{ font-weight:normal; height:52px;} .Floor001318 .list li p{ margin-top:5px; height:24px;} .Floor001318 .list li.on div{ border-left-color:#203864} .Floor001318 .list .bx-controls-direction{ overflow:hidden; clear:both;} .Floor001318 .list .bx-controls-direction a{ width:48%; background: url(../images/Floor001318-btn_prev.png) no-repeat center center #203864; display:block; height:50px; float:left; overflow:hidden; line-height:1000px;} .Floor001318 .list .bx-controls-direction a.disabled{ background-color:#f1f1f1; background-image:url(../images/Floor001318-btn_prev1.png);} .Floor001318 .list .bx-controls-direction a.bx-next{float: right; background-image:url(../images/Floor001318-btn_next.png);} .Floor001318 .list .bx-controls-direction a.bx-next.disabled{ background-image:url(../images/Floor001318-btn_next1.png);} @media(max-width:768px){ .Floor001318 .list{ float:none; width:auto; margin-top:3%;} .Floor001318 #all_map_1318{ position:relative !important; width:100%; height:300px !important;} .Floor001318 .select dl > *{ float:none; margin-bottom:10px; width:auto !important;} } @media(max-width:375px){ .Floor001318 #all_map_1318{ height:250px !important;} }