.auto_1500{ max-width:1500px;} @media(max-width:1500px){.auto_1500{ padding:0 2%;}} .auto_1600{ max-width:1600px;} @media(max-width:1600px){.auto_1600{ padding:0 2%;}} /* .Other002373 为demo编号 */ .Other002373{background: #fff;} .Other002373 #fullPage{height: 100%;position: relative;transform: translate3d(0px, 0px, 0px);transition: all 700ms ease;} .Other002373 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;} @media(max-width:1024px){ .Other002373 .section{position: relative;} } #fp-nav ul{ padding:15px 0;} #fp-nav ul li{margin:5px 0;width: auto; height: auto;} #fp-nav ul li a{ width:20px; height:20px; border-radius:50%; background:none; border:3px solid transparent; position:relative; display:block; cursor:pointer;} #fp-nav ul li a.active{ border-color:#fff;} #fp-nav ul li a:before{ position:absolute; content:''; width:6px; height:6px;top:50%; left:50%; margin:-3px 0 0 -3px; background:#fff;border-radius:50%;} #fp-nav ul li a.active:before{ background:none;} #fp-nav ul li a span{display: none;} .fp-nav_on ul li a:before{ background:#ccc !important;} .fp-nav_on ul li a.active{ border-color:#0063c3 !important;} .fp-nav_on ul li a.active:before{ background:none !important;;} /*Top002382*/ .Top002382{position:fixed;left:0;top:0;width:100%;z-index:100;font-size:16px;background: none;} .Top002382_fixed{background: rgba(255,255,255,.9); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);} .Top002382_on{position:absolute;} .Top002382 .header{position: relative;} .Top002382 .logo img{max-height:40px;} .Top002382 .logo img.white{display: block;} .Top002382 .logo img.blue{display: none;} .Top002382_fixed .logo img.white{display: none;} .Top002382_fixed .logo img.blue{display: block;} .Top002382 .header-mid{width:62%;max-width: 1000px;margin-left: 26%;} .Top002382 .header-right{ position:absolute; right:0; height:100%; top:0;color: #fff} .Top002382 .header-right dl{ display:table;height:100%;} .Top002382 .header-right dd{display:table-cell;vertical-align:middle;text-align: center;} .Top002382 .header-right dd span.search-icon{display: inline-block;content: '';width: 30px;height: 30px;background: url(../images/Top002382_icon_search.png) no-repeat; vertical-align: middle;} .Top002382_fixed .header-right dd span.search-icon{background: url(../images/Top002382_icon_search2.png) no-repeat;} .Top002382 .header-right dd a{color: #fff;} .Top002382 .header-right .before-login{padding-left:20px;} .Top002382 .header-right .before-login a{border: 1px solid rgba(255,255,255,0.5); font-size: 13px; color: #fff; padding: 10px;} .Top002382 .header-right .before-login a+a{border-left:none; } .Top002382 .header-right .before-login a:hover{background: #fff; color:#0063c3; } .Top002382 .header-menu li{ width:auto !important; margin-right:1%;} .Top002382 .header-menu li em{ position:relative;} .Top002382 .header-menu li em a{ line-height:100px; position:relative; font-size:16px; color:#fff; padding: 0 23px;} .Top002382_fixed .header-menu li em a{color: #333} .Top002382_fixed .header-right .before-login a{border:1px solid rgba(0,0,0,0.1); color: #333;} .Top002382_fixed .header-right .before-login a+a{border-left:none; } .Top002382_fixed .header-right .before-login a:hover{background:#0063c3; border-color:#0063c3; color:#fff; } .Top002382 .header-menu li em a::before{position:absolute;content:'';left:50%;transform:translateX(-50%);height:40px;background:#fff;width:0;transition:ease-in-out 0.3s; top:50%; margin-top:-20px; border-radius: 20px; z-index: -1;} .Top002382 .header-menu li em a:hover::before, .Top002382 .header-menu li.aon em a::before{width:100%;} .Top002382_on .header-menu li em a:hover::before, .Top002382_fixed .header-menu li em a:hover::before, .Top002382_on .header-menu li.aon em a::before, .Top002382_fixed .header-menu li.aon em a::before{background-color:#0063c3;} .Top002382 .header-menu li em a:hover, .Top002382 .header-menu li.aon em a{ color:#0063c3;} .Top002382_on .header-menu li em a:hover, .Top002382_fixed .header-menu li em a:hover, .Top002382_on .header-menu li.aon em a, .Top002382_fixed .header-menu li.aon em a{ color:#fff;} .Top002382 .header-menu li .sub{ width:150%; left:-25%; overflow:hidden; box-shadow: 0 3px 5px rgba(0,0,0,0.15);} .Top002382 .header-menu li .sub-menu{ padding:6px 15px; text-align:center;} .Top002382 .header-menu li .sub-menu dt{ border-bottom:1px solid #dadada; line-height: 50px;} .Top002382 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002382 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002382 .header-menu li .sub-menu dt a:hover{ background:none; color:#0063c3; } .Top002382 .open-search{ color:#fff; font-size:18px;} .Top002382 .search-box{ position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; width:0; transition: width ease-in-out 0.3s; z-index: 100;} .Top002382 .search-box.search-box-show{width:250px;} .Top002382 .search-box .text{ width:100%; height:40px; line-height:40px; padding:0 45px 0 5px; border:1px solid #ccc; background:#004179; color:rgba(255,255,255,0.8);} .Top002382 .search-box .btn{ position:absolute; right:0; top:0; width:40px; height:100%; font-size:22px; color:#fff;} .Top002382 .search-box .btn span{ position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px;} @media(min-width:1025px){ .Top002382 .logo{ position:absolute;top:50%; transform:translateY(-50%);left:2%; } .Top002382 #open_menu{ display:none;} } @media(min-width:1601px){ .Top002382 .logo{left:0; } } @media(max-width:1600px){ .Top002382 .header-menu li{margin-right:0;} .Top002382 .header-right{right:2%;} .Top002382 .header-mid{width:70%;max-width: 1000px;margin-left: 22%;} } @media(max-width:1380px){ .Top002382 .header-mid{margin-left:26%;} .Top002382 .header-menu li em a{ font-size:15px; padding: 0 12px;} .Top002382 .header-right .before-login{padding-left:10px;} .Top002382 .header-right .before-login a{font-size: 12px; padding: 6px;} } @media(max-width:1024px){ .Top002382 .header-left{ padding:2% 0; width:35%;} .Top002382 #header-menu{ position:fixed; top:0; background:#fff; left:-100%; transition:ease-in-out 0.3s; width:60%; max-width:280px; z-index:100; height:100%; box-shadow:0 0 5px rgba(0,0,0,0.7);} .Top002382 #header-menu.header-menu-show{ left:0;} .Top002382 #header-menu ul{ padding-top:10%;} .Top002382 .header-right dd{padding-left: 20px;} .Top002382 #header-menu li:nth-child(2n){ background:rgba(0, 0, 0, 0.06);} .Top002382 #header-menu li em{ font-style:normal; display:block; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.2);} .Top002382 #header-menu li em a{ color:#004179; padding:5% 0; font-size:20px;display:block; font-weight:bold; transition:0.3s;} .Top002382 #header-menu li em a:hover{color:#000; padding:10% 0;} .Top002382 #header-menu li .sub-menu{ padding:5%;} .Top002382 #header-menu li .sub-menu dt a{color:#666; border-bottom: 1px dashed rgba(0,0,0,0.15);} .Top002382 #header-menu li .sub-menu dt:last-child a{border-bottom:none;} .Top002382 #open_menu{ font-size:24px; color:#fff;} .Top002382_fixed #open_menu{ color:#333;} .Top002382 #open_menu span{ transition:ease-in-out 0.3s;} .Top002382 #open_menu.open_menu_on span{ transform:rotate(90deg);} .Top002382 .header-right dd:nth-child(3){ position:relative;} .Top002382 .search-box{width:250px; top:100%; height:0; transform:translateY(0); transition: height ease-in-out 0.3s;} .Top002382 .search-box.search-box-show{ height:40px;} } /*Banner002058 */ .Banner002058{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} .Banner002058 .bx-wrapper, .Banner002058 .bx-viewport, .Banner002058 .ul{ z-index:1; height: 100%;} .Banner002058 li a, .Banner002058 li{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;} .Banner002058 li{ background-position: top center; background-repeat:no-repeat; background-size: cover;} .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 .bx-controls-direction a{ display: none; } .Banner002058 .bx-pager{ position:absolute; left:0; bottom:8%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{} .Banner002058 .bx-pager div{ display:inline-block;margin:0 10px;} .Banner002058 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; width:8px; height:8px; background:#fff; } .Banner002058 .bx-pager div a.active{ width:98px;} /*@media(max-width:1560px){ .Banner002058 li{background-size:contain;} }*/ @media(max-width:1024px){ .Banner002058{ position:relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} } .title_h{color: #fff;padding-top: 3%;} .title_h:after{display: block;content: '';width: 44px;height:2px;background: #0063c3;margin-top: 20px; } .title_h .en{font-size: 58px;font-family:'Oswald';text-transform: uppercase;transform: scale(1,1.2);opacity: .3;letter-spacing: 2px;;} .title_h .cn{font-size: 48px;} .more_h a{display: block;background: #0062c3;line-height: 60px;width: 200px;position: relative; } .more_h a span{display: inline-block;color: #fff;font-size: 16px;width: 140px;text-align: center;} .more_h a i{display: inline-block;content: '';width: 60px;height: 60px;background: url(../images/more.png) no-repeat center;border-left: 1px solid rgba(255,255,255,.1);position: absolute;right:0;top:0} .more_h a:hover{background:#0057ad;border-color:#0057ad;} .more_h1 a{display: block;background: #fff;line-height: 60px;width: 200px;position: relative; } .more_h1 a span{display: inline-block;color: #333;font-size: 16px;width: 140px;text-align: center;} .more_h a:hover span{display: inline-block;color: #fff;font-size: 16px;width: 140px;text-align: center;} .more_h1 a i{display: inline-block;content: '';width: 60px;height: 60px;background: url(../images/more1.png) no-repeat center;border-left:1px solid rgb(0, 99, 195,0.1);position: absolute;right:0;top:0;} .more_h1 a:hover i{background-image: url(../images/more.png);} .more_h1 a:hover{background:#0057ad;border-color:#0057ad;} .Hometit{position: relative; padding-right: 250px;} .Hometit .more_h{position: absolute; right: 0; top: 50%; margin-top: -30px;} .index-tit{color: #0063c3;position: relative; } .index-tit1{color: #fff;} .index-tit b{ text-transform: uppercase;font-family: 'Oswald';font-size:48px;line-height:1;letter-spacing: 4px; position: relative; padding-right:32px;} .index-tit .icon{background: url("../images/Floor003028_icon1.png") no-repeat;width: 19px; height: 19px; display:block; animation:zhuan 5s infinite linear; position: absolute; right: 0; bottom:15px;} .index-tit .icon1{background: url("../images/Floor003028_icon11.png") no-repeat;width: 19px; height: 19px; display:block; animation:zhuan 5s infinite linear; position: absolute; right: 0; bottom:15px;} .index-tit a {position: absolute;right: 0;bottom: 0;color: #0063c3;} .index-tit-cn{font-size:30px;margin-bottom:2vw;margin-top:4px;color: #333;letter-spacing: 4px;} .index-tit-cn1{font-size:30px;margin-bottom:2vw;margin-top:4px;color: #fff;letter-spacing: 4px;} @keyframes zhuan{ 0%{transform: rotate(0); } 100%{transform: rotate(360deg);} } @media(max-width:768px){ .index-tit b{font-size: 8vw;line-height: 1em;} .Hometit{padding-right:0;} .Hometit .more_h{position:static; right: 0; top: 0; margin-top:0;} } .listname{ font-size: 36px; color: #333; line-height: 1; padding-bottom:50px; text-align: center} .listname:after{display: block;content: '';width: 20px;height: 2px;background: #0063c3;margin: 25px auto 0;} .listname em { font-style: normal; color: #0063c3; } .listname span{display: block;font-family: "Oswald-Medium";font-style: italic;margin-bottom: 10px;letter-spacing: 8px;color: #e0e0e0; font-size: 28px;text-transform: uppercase;font-weight: bold} @media(max-width:1024px){ .listname{ font-size:24px;padding-bottom:30px; } .listname span{letter-spacing:0; font-size:18px;} } /*Floor003028 */ .Floor003028{position: relative;z-index: 12; overflow: hidden; color: #333;clear: both;padding-top:6vw;} .Floor003028 .intro .singlePage{line-height: 2em;margin-bottom:7vw;font-size: 16px;text-align: justify; color: #666;} .Floor003028 .more:hover{background: #fff; color: #0063c3;} .Floor003028 .intro .singlePage1{color: #fff;} .Floor003028 .right dd{float: left;width:31%;text-align: center;margin-bottom:3%; margin-right: 3%; padding:3% 4%; border-radius: 4px; background:rgba(255,255,255,0.1);} .Floor003028 .right dd:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);} .Floor003028 .right dd:nth-child(3n){ margin-right:0;} .Floor003028 .right dd .icon{position: relative;width: 130px;height: 130px;text-align: center;margin:0 auto; transition:all 0.5s } .Floor003028 .right dd:hover .icon{ transform:rotate(360deg);} .Floor003028 .right dd .f-b{font-size: 20px;padding-top: 18px; color: #fff;} .Floor003028 .more{ width: 160px; line-height: 48px;display: inline-block; text-align: center;color: #fff;background: #0063c3;transition: 0.3s;} .Floor003028 .right li{float: left;width:23.586%; margin-right:1.8853%;padding-bottom: 37.736%; position: relative; border-radius:4px; overflow: hidden; margin-top:8.5%;} .Floor003028 .right li:nth-of-type(2n){ margin-top:0;} .Floor003028 .right li:after{position: absolute; content: ''; left:5px; bottom:5px; top:5px; right:5px; z-index:1; border: 1px solid rgba(255,255,255,0.3);} .Floor003028 .right li a{display: block; position: absolute; width: 100%; height: 100%; z-index: 10;} .Floor003028 .right li:last-child{margin-right:0;} .Floor003028 .right li .txt{position: absolute; width: 100%; left: 0; bottom: 0; padding: 30px; z-index: 3; font-size: 24px; color: #fff; text-align: center;} .Floor003028 .right li .Ispic{position: absolute; width: 100%;height: 100%; z-index: 1; transition:all 0.5s;} .Floor003028 .right li .Ispic:after{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height:60%; z-index:1;transition:all 0.3s; background: -moz-linear-gradient(top, rgba(1,86,828,0) 0%, rgba(1,86,182,0.7) 79%, rgba(1,86,182,0.95) 100%); background: -webkit-linear-gradient(top, rgba(1,86,828,0) 0%, rgba(1,86,182,0.7) 79%, rgba(1,86,182,0.95) 100%); background: linear-gradient(to bottom, rgba(1,86,828,0) 0%, rgba(1,86,182,0.7) 79%, rgba(1,86,182,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0156b600', endColorstr='#0156b6cf',GradientType=0 ); } .Floor003028 .right li:hover .Ispic{ transform: scale3d(1.1,1.1,1.1);} .Floor003028 .right li:hover .Ispic:after{ height:100%; background: rgba(1,86,182,0.8);} @media(min-width:1024px){ .Floor003028 .left{width:28.5%;float: left;} .Floor003028 .right{width:66.25%;z-index: 10;float: right;position: relative;} .Floor003028 .right dd > aside{ font-size: 16px;} .Floor003028 .right dd > aside span{ font-size: 48px;font-family:'Oswald';} .Floor003028 .right dd > aside em{font-style: normal;font-size: 12px;} } @media(max-width:1023px){ .Floor003028{padding:50px 0;} .Floor003028 .right{position: relative; margin-top:20px} .Floor003028 .right dl{right: 50%;} .Floor003028 .right dd{padding: 5vw 0;} .Floor003028 .right dd > aside{ font-size: 3vw;} } @media(max-width:768px){ .Floor003028 .right li{ margin-top:0 !important;} .Floor003028 .right li{width:48.5%; margin-right:3%; margin-bottom: 3%;} .Floor003028 .right li:nth-of-type(2n){margin-right: 0;} } @media(max-width:640px){ .Floor003028 .right dd{width:48.5%;} .Floor003028 .right dd:nth-of-type(2n){margin-right: 0;} .Floor003028 .right dd:nth-of-type(3n){margin-right:3%;} .Floor003028 .right dd:nth-of-type(6n){margin-right: 0;} .Floor003028 .right dd .icon{width:80px;height:80px;} .Floor003028 .right dd .f-b{font-size:16px;} } @media(max-width:480px){ .Floor003028 .right dd > aside{ font-size: 4vw;} } /* .Floor000850 为demo编号 */ .Floor000850{position: relative;z-index: 10;padding-top: 100px;} .Floor000850 .auto{padding:0 5%;} .Floor000850 .index-tit{text-align: center;opacity: .1} .Floor000850 .index-tit-cn{text-align: center;margin-top: -40px;} .Floor000850 .item{ position:relative; padding: 0 2%;padding-top: 5%;transition: .3s;} .Floor000850 .owl-item.center:before{position: absolute;content: '';left: -12%;top: 2px;opacity: .5;width: 124%;height: 124%;background: url(../images/Floor002828_imgbg.png) no-repeat center top;background-size: contain;transition: 1s;} .Floor000850 .owl-item{opacity: 0.35;transition:0.3s;} .Floor000850 .owl-item.center{opacity: 1;} .Floor000850 .owl-item.prev2,.Floor000850 .owl-item.next2{transform: scale(.9);} .Floor000850 .owl-item.prev{left:-28px;} .Floor000850 .owl-item.next{right:-28px;} .Floor000850 .item .pic{;position:relative; border-radius: 50%;transform: scale(0.75);transition:0.3s; background: #F2F6FA;box-shadow:0px 5px 30px rgba(0,0,0,.1);} .Floor000850 .item .Ispic{ display:block; padding-bottom:100%; transition:0.3s; position:relative; } .Floor000850 .item .Ispic img{ display:none;} .Floor000850 .item:hover .Ispic{ transform:scale(1.05);} .Floor000850 .item .txt{ padding-top:60px; font-size:16px; text-align: center; display: none;} .Floor000850 .owl-item.center .pic{ transform: scale(1);} .Floor000850 .owl-item.center .txt{ display: block;} .Floor000850 .item .txt h1{font-size:25px;color: #fff;font-weight:normal; margin:0;transition: .3s;position: relative;top:0px; padding-bottom: 20px;} .Floor000850 .item .txt h1:after{ content: "";transition: .3s;position: absolute; left: 50%;bottom: 0;height: 2px;width: 40px;margin-left: -20px;background-color: #fff;opacity: .3} .Floor000850 .item .txt p{color: #fff;font-size: 14px;line-height: 24px;position: relative;top:0px;transition: .3s;opacity: .9;text-align: center;} .Floor000850 .owl-nav div{ opacity: .3;position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-100px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10; display: block;} .Floor000850 .owl-nav .owl-prev{ left:40px;margin-left:-40px;} .Floor000850 .owl-nav .owl-next{right:40px; margin-right:-40px; background-position: right top;} .Floor000850 .owl-nav .owl-prev:hover, .Floor000850 .owl-nav .owl-next:hover{ opacity: 1;} @media(max-width:1100px){ .Floor000850 .owl-carousel{ padding:0 30px;} .Floor000850 .owl-nav .owl-prev{margin-left:0;} .Floor000850 .owl-nav .owl-next{margin-right:0;} } /*Floor002911 */ .Floor002911{position: relative;z-index: 10;padding-top:3%} .Floor002911 .intro{margin:4% 0 5%; text-align: center;} .Floor002911 .intro .tits{font-size:22px;color: #333;position: relative;} .Floor002911 .intro .tits:after{display: block; content: ''; margin:20px auto 30px;width: 30px; height:3px; background:#0062c3;} .Floor002911 .intro .tits h3{color: #333;padding-left: 3.2vw;position: relative;} .Floor002911 .intro p{color: #666;line-height: 2;font-size: 16px; margin: 0;} .Floor002911 .list{position: relative; } .Floor002911 .list:before, .Floor002911 .list:after{position: absolute; content: ''; border:3px solid #0063c3; width: 30px; height: 30px;} .Floor002911 .list:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .Floor002911 .list:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .Floor002911 .list li{float:left; width:25%; padding:40px 0; text-align: center; border-right: 1px solid #fff;} .Floor002911 .list li:last-child{border-right: none;} .Floor002911 .list li:nth-child(4n+1){clear: left;} .Floor002911 .list li .inner{padding:0 4%;color: #0063c3;font-size: 100px; } .Floor002911 .list li aside{overflow: hidden;height: 70px;} .Floor002911 .list li sub{font-size: 15px;padding: 0 6px;line-height: 32px;background: #0063c3;vertical-align: top;color: #fff;border-radius: 4px;margin-top: 24px;margin-left:8px;} .Floor002911 .list li span{font-size:58px;line-height: 58px;vertical-align: text-top;font-weight: bold; font-family:'Oswald';} .Floor002911 .list li p{font-size: 15px; color: #666;} .Floor002911 .list li aside *{display: inline-block;} @media(max-width:1023px){ .Floor002911{padding: 50px 0;} } @media(max-width:768px){ .Floor002911 .list li{ width:50%;} .Floor002911 .list li sub{font-size: 14px;} .Floor002911 .list li span{font-size:44px;line-height: 44px;} .Floor002911 .list li p{font-size: 14px;} } /*Floor002785 */ .Floor002785{ padding:6% 0 0; overflow: hidden;position: relative;z-index: 10;;} .Floor002785 .auto{ max-width:1600px;} .Floor002785 .auto1{position: relative;} .Floor002785 .box{width:60%; max-width:1392px; overflow:hidden; margin-left: auto;margin-top: -140px;;} .Floor002785 .controls{ position:absolute;left:0; top: 116%; width:30%;} .Floor002785 .controls ol a{display: inline-block; color: #fff; cursor: pointer; width: 74px; text-align: center; line-height: 74px; height: 74px; margin-right:30px; background-position: center; background-repeat: no-repeat; border: 1px solid #fff; transition: 0.3s;} .Floor002785 .controls ol a.next{ background-image:url(../images/Floor002785-left11.png) ;} .Floor002785 .controls ol a.prev{background-image:url(../images/Floor002785-right11.png);background-color:#fff;} .Floor002785 .controls ol a:hover{ border-radius: 50%;} .Floor002785 .controls .txt{ font-size:16px; color: #666; margin-bottom: 80px; position: relative; padding-top:10%;line-height: 2;} .Floor002785 .controls .txt1{ font-size:16px; color: #fff; margin-bottom: 80px; position: relative; padding-top:10%;line-height: 2;} .Floor002785 .swiper-container {position: relative;z-index: 1;} .Floor002785 .swiper-container-android .swiper-slide, .Floor002785 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002785 .swiper-wrapper, .Floor002785 .swiper-slide {position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002785 .swiper-wrapper {width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002785 .swiper-slide {overflow:hidden;width:38.794%; -webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} .Floor002785 .swiper-slide, .Floor002785 .swiper-slide *{transition: all .3s ease-in;} .Floor002785 .swiper-slide{padding: 10px;} .Floor002785 .swiper-slide a{ display: block; position: relative; overflow: hidden;background:rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Floor002785 .swiper-slide .pic{ display: block; width: 100%; padding-bottom:68%; background-position: center; background-repeat: no-repeat; background-size: cover; } .Floor002785 .swiper-slide .txt{padding:30px 30px 50px;} .Floor002785 .swiper-slide h1{color: #333; font-weight:normal; font-size: 24px; margin: 0; z-index: 10;} .Floor002785 .swiper-slide h1::after{display:block;content:'';width: 100%;height: 2px;background: #eaeaea;border-left: 30px solid #0063c3;margin:14px 0;} .Floor002785 .swiper-slide p{font-size: 14px; margin: 0;line-height: 1.75; color: #666;} .Floor002785 .swiper-slide:hover .pic{ transform: scale3d(1.04,1.04,1.04);} .Floor002785 .swiper-slide:hover h1{color:#0063c3; } @media(max-width:1680px){ .Floor002785 .controls .txt{ padding-top:40%;} } @media(max-width:1440px){ .Floor002785 .controls{ left:2%; } } @media(max-width:1000px){ .Floor002785 .box{margin-left: 2%; width: 98%;} .Floor002785 .controls{ position:relative;top:0; width:100%; left: 0; padding:20px 0; } .Floor002785 .controls .txt{ padding-top:0; display: none;} .Floor002785 .controls .txt::before{display: none;} } /* .Floor001316 为demo编号 */ .Floor001316{position: relative;z-index: 10; overflow: hidden;} .Floor001316 dd{background:#000; /*width:32%;*/ width:48%;float: left; height:450px; position:relative; transition:0.3s; margin-right: 2%;} .Floor001316 dd:before{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 80%;z-index: 3;transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .Floor001316 dd:last-child{ margin-right:0;} .Floor001316 dd *{transition:0.5s;} .Floor001316 dd .img{position: absolute;left:0;top:0;right:0;bottom:0;background-size: cover;background-position: center; opacity: 0.9;} .Floor001316 dd .txt{width: 100%;padding:0 12%;text-align: left;color: #fff;position: absolute;left:0;bottom: 10%; z-index:10;} .Floor001316 dd .txt .icon{max-width: 88px;} .Floor001316 dd .txt .t{font-size: 24px;font-weight:bold;margin-top:10px;} .Floor001316 dd .txt p{margin:0;font-size: 15px;line-height:30px; height: 0; overflow: hidden;} .Floor001316 dd .txt .more{width:40px;height: 40px;position: relative;margin-top: 5%;display: none;background: url(../images/more1.png) no-repeat center #fff;border-radius: 50%;} .Floor001316 dd:hover{background: #0063c3;} .Floor001316 dd:hover:before{display: none;} .Floor001316 dd:hover .img{opacity: 0.2;} .Floor001316 dd:hover .txt{bottom:10%;padding:0 5%;} .Floor001316 dd:hover .txt .t{font-size:28px;} .Floor001316 dd:hover .txt p{ height: 60px; margin-top: 10px;} .Floor001316 dd:hover .txt .more{display: inline-block;} @media(max-width:1023px){ .Floor001316{ padding: 50px 0;} } @media(max-width:768px){ .Floor001316 dl dd{ float:none; width:auto; height:auto; padding-bottom:80px; margin-bottom:2%;} } @media(max-width:480px){ .Floor001316 h2{font-size:20px;} .Floor001316 h2 b{font-size: 28px;} } .Floor001316 li {float: left;width: 48%;padding: 20px;background-color: rgba(255,255,255,.5);border-radius: 8px; position: relative;} .Floor001316 li a{position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 10;} .Floor001316 li:last-child {float: right;} .Floor001316 li .inner {position: relative;padding-left: 53%;} .Floor001316 li .inner .img {position: absolute;left: 0;top: 0;width: 50%;height: 100%;background-size: cover;background-position: center;border-radius: 5px; transition:all 0.3s} .Floor001316 li .inner .txt {padding: 30px 0 40px;} .Floor001316 li .inner .t {margin: 20px 0 16px;font-size: 24px;color: #333;} .Floor001316 li .inner p{margin: 0;font-size: 15px;line-height: 30px;color: #666; height: 90px; overflow: hidden;} .Floor001316 li:hover{background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Floor001316 li:hover .t{color:#0062C3;} .Floor001316 li:hover .inner .img {transform: scale3d(1.04,1.04,1.04);} @media(max-width:768px){ .Floor001316 li{float: none !important;width:100%;} .Floor001316 li+li{margin-top:30px;} } /*Floor001839*/ .Floor001839 {position: relative;z-index: 10; overflow: hidden;} .Floor001839 .content { position: relative;padding-right: 20.6%;} .Floor001839 .tab { position: absolute; width: 20.6%; top:50%;right:0;transform: translateY(-50%)} .Floor001839 .tab ul { display: flex;flex-wrap: wrap;align-items: center; height: 100%;} .Floor001839 .tab ul li { position: relative;width: 100%; padding:10% 0; padding-left: 50px; cursor: pointer;transition: 0.3s;border-radius: 5px;} .Floor001839 .tab ul li:after { position: absolute;content:'+';right:40px;top:50%; transform:translateY(-50%);font-size: 20px; color: #b5b5b5;} .Floor001839 .tab ul li .icon { display: inline-block; margin-right: 20px; vertical-align: middle;} .Floor001839 .tab ul li .icon .grey {display: block;} .Floor001839 .tab ul li .icon .hover {display: none;} .Floor001839 .tab ul li span { display: inline-block;font-size: 18px; color: #374f67; vertical-align: middle;} .Floor001839 .tab ul li.on {background:rgba(255,255,255,.5);box-shadow:0 0 10px rgba(0,0,0,0.1);} .Floor001839 .tab ul li.on:after {color:#0062C3;} .Floor001839 .tab ul li.on span { color:#0062C3; font-size: 20px;} .Floor001839 .tab ul li.on .icon .grey {display: none;} .Floor001839 .tab ul li.on .icon .hover {display: block;} .Floor001839 .tab-info li {padding:3% 7% 3% 5%; display: none; background: rgba(255,255,255,.3);border-radius: 8px;} .Floor001839 .tab-info li .text { width: 43%;} .Floor001839 .tab-info li .text h3 { position: relative;font-size:24px; color: #333; padding-bottom: 34px;font-weight: normal; margin: 0;} .Floor001839 .tab-info li .text p { position: relative;margin:0;font-size: 15px; line-height: 30px; padding-left:18px; color: #666;text-align: justify;} .Floor001839 .tab-info li .text p+p{ margin-top: 14px;} .Floor001839 .tab-info li .text p:after {position: absolute;content:'';width:6px;height:6px;top: 10px;left:0;background: #0062C3; border-radius: 50%;} .Floor001839 .tab-info li .pic { width: 55%; text-align: right;overflow: hidden;} .Floor001839 .tab-info li .pic img {border-radius: 5px;} @media(min-width:769px){ .Floor001839 .tab ul li.on {width: 112%;margin-left: -12%;} } @media(max-width:480px){ .Floor001839 .content { padding-right: 0;} .Floor001839 .tab { position: relative;top:0;transform: none; width: 100%;} .Floor001839 .tab ul li { width: 50%;padding:5% 3%;} .Floor001839 .tab ul li:after { display: none;} .Floor001839 .tab ul li.on span { font-size:17px;} .Floor001839 .tab-info li {} .Floor001839 .tab-info li .text, .Floor001839 .tab-info li .pic { display: block; width: 100%;} .Floor001839 .tab-info li .text h3 { font-size: 26px;} } /*Floor003056 */ .Floor003056{position: relative;z-index: 10;padding-top: 5%} .Floor003056 .Hometit .more_h{ right: 10px;} .Floor003056 .slider{ margin: 0 -10px;} .Floor003056 .slick-slide{ padding:15px;} .Floor003056 .slick-slide > div{float: left;background: rgba(255,255,255,0.2);display: table;height:7.5vw;border: 1px solid #dadada;margin-top: -1px;margin-right: -1px;position: relative;} .Floor003056 .slick-slide > div:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: '';background: #fff;box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); opacity: 0;transition: 0.3s;} .Floor003056 .slick-slide > div:hover:before{opacity: 1;} .Floor003056 .slick-slide > div:hover{z-index: 4;} .Floor003056 .slick-slide .logo{display: table-cell!important; vertical-align: middle; text-align: center; position: relative;z-index: 3;} .Floor003056 .slick-slide .logo img{max-height: 6vw; max-width: 80%; transition:all 0.5s;} .Floor003056 .slick-slide > div:hover .logo img{transform: scale3d(1.1,1.1,1.1);} .Floor003056 .slick-dots{text-align: center; margin-top:1vw;} .Floor003056 .slick-dots li{display: inline-block;position: relative;width: 28px; height: 28px; margin: 0 10px;} .Floor003056 .slick-dots li button{ padding: 0; width:28.572%;height: 28.572%;background:#aaa; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;} .Floor003056 .slick-dots li.slick-active button{background:#0063c3; width: 45%; height: 45%;} .Floor003056 .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #0063c3; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;} @keyframes zhuan{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0);} } @media(min-width:1025px){ .Floor003056 .slick-slide > div{width:16.667%;} } @media(max-width:1023px){ .Floor003056{padding: 50px 0;} } @media(min-width:641px) and (max-width:1024px){ .Floor003056 .slick-slide > div{width: 33.3333%;height: 15vw;} .Floor003056 .slick-slide .logo img{max-height: 12vw;} } @media(max-width:640px){ .Floor003056 .slick-slide > div{width: 50%;height: 20vw;} .Floor003056 .slick-slide > div:not(:nth-child(2n)){} .Floor003056 .slick-slide .logo img{max-height: 15vw;} } .kjrk{padding:0 0 3%;background:#004179;position: relative;overflow: hidden;} .kjrk .auto{max-width: 1600px;} .kjrk .ul{position: relative;z-index: 10;} .kjrk li{float: left;width: 24.25%;margin-right: 1%;text-align: center;padding:2% 3%;background: rgba(255,255,255,1)} .kjrk li:last-child{margin-right: 0;} .kjrk li .en{font-family:'Oswald';font-size: 14px;color: #999;letter-spacing: 4px;text-transform: uppercase;} .kjrk li .t{font-size: 24px;color: #333;font-weight: lighter;letter-spacing: 2px} .kjrk .waves{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 0!important; height: 80%;} /*Bottom002743 */ .Bottom002743{background:url(../images/Bottom002743_bg.png) no-repeat center bottom #0F0F0F;color: rgba(255,255,255,0.7);} .Bottom002743 .cons{ padding:80px 0 50px;} .Bottom002743 a{color: rgba(255,255,255,0.7);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{line-height: 24px;padding: 20px 0;border-top: 1px solid rgba(255, 255, 255, 0.05);color: rgba(255,255,255,0.7);} .Bottom002743 .copyright a{color: #d2d2d2;} .Bottom002743 .copyright a:hover{color: #004179;} .Bottom002743 .copyright aside a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 12px;background: #c0c0c0;vertical-align: middle;margin: 0 14px;} .Bottom002743 .contact{max-width: 333px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #fff; padding-bottom: 25px;} .Bottom002743 .contact li{padding-bottom: 14px;} .Bottom002743 .contact li aside{padding-left: 26px;background-position: left center;background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 18px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 28px;color: #fff;margin-top: 6px;display: block;font-family:'Oswald';} .Bottom002743 .contact li b sup{font-weight: normal; font-size: 14px;color: rgba(255,255,255,0.7);font-family: "Microsoft YaHei";} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav dl{float: left; } .Bottom002743 nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 nav .code{text-align: center; font-size: 13px;} .Bottom002743 nav .code li{ display: inline-block; margin-right: 10px;} .Bottom002743 nav .code li:last-child{ margin-right:0px;} .Bottom002743 nav .code img{max-width: 100px;} .Bottom002743 nav dl:last-child{ } @media(max-width:1280px){ .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 16px;} } @media(min-width:1025px){ .Bottom002743 .contact{float: left; width:22%;} .Bottom002743 .copyright aside{float: right;} .Bottom002743 nav{float: right;width:78%;max-width: 1100px;} } @media(max-width:1024px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} .Bottom002743 .cons{ padding:20px 0 30px;} } /* .Banner002291 为demo编号 */ .Banner002291 { overflow: hidden;position: relative;} .Banner002291 span{ display: none;} .Banner002291 img{ display:block;} @media only screen and (min-width:1024px) { .Banner002291{ height: 420px;} .Banner002291 img{ display: none;} .Banner002291 span{ display: block; background-position: center; background-repeat: no-repeat; height: 420px; width: 100%;} } /*PicList002735 */ .PicList002735{position: relative;z-index: 10; padding:0 0 6vw;} .PicList002735 .tab{ text-align:center; margin-bottom:4%; border-bottom: 1px solid #eee; font-size: 0;} .PicList002735 .tab dd{ display: inline-block; padding:0 60px;position:relative;} .PicList002735 .tab dd::after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .PicList002735 .tab dd:last-child::after{ display:none;} .PicList002735 .tab dd span{display:block;position:relative;overflow:hidden;height: 65px;font-size: 16px;line-height:65px; cursor: pointer;} .PicList002735 .tab dd span:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .PicList002735 .tab dd.on span{ color:#0063c3;} .PicList002735 .tab dd.on span:after{ background:#0063c3;} .PicList002735 .tit{font-size: 32px;color: #333;margin-bottom: 3%} .PicList002735 .tit2{margin-bottom:1%} .PicList002735 .tit:after{display: block;content: '';width: 20px;height: 2px;background:#0063c3;margin:25px 0 0;} .PicList002735 .tit-center {text-align: center;} .PicList002735 .tit-center::after {margin:25px auto 0;} .PicList002735 .word{ width: 45%; float: right;padding: 5% 0} .PicList002735 .word p{font-size: 16px;line-height: 2;margin: 0;} .PicList002735 .img{ width: 50%; float: left} .PicList002735 .auto1 {margin: 0 auto;} .PicList002735 .auto1 li{ margin-bottom: 3%; text-align: center;} .PicList002735 .auto1 li a{display: block;background: #fff; transition: 0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList002735 .auto1 li a:hover{border-color: #0063c3; box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .PicList002735 .auto1 li .Ispic{ background-size:cover; background-color: #fff; padding-bottom: 88%;} .PicList002735 .auto1 li .txt{padding: 25px;} .PicList002735 .auto1 li .txt h3{font-size: 18px; color: #333;margin:0;} .PicList002735 .auto1 li .txt p{line-height: 28px;color: #555;height: 56px;margin:10px 0 0; } @media(min-width:481px){ .PicList002735 .auto1 li{float: left;width: 32%; margin-right: 2%;} } .PicList002735 .auto1 li:nth-child(3){ margin-right: 0%;} @media(min-width:769px){ .PicList002735 .auto1 li{width: 29.6875%; margin-right:5.46875%} .PicList002735 .auto1 li:nth-child(3n){margin-right:0;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 .auto1 li{width: 48%; } .PicList002735 .auto1 li:nth-child(3n){margin-right:4%;} .PicList002735 .auto1 li:not(:nth-child(2n)){margin-right: 4%;} } .PicList002735 .table_1 th, .PicList002735 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px; width: 27.5%; font-size: 15px; color: #555;} .PicList002735 .table_1 th:nth-child(1), .PicList002735 .table_1 td:nth-child(1){ width: 17.5%; } .PicList002735 .table_1 .td{ background:#f3f4f8;} .PicList002735 .table_1 th{color: #fff ;background: #0063c3; font-size: 16px;} @media(max-width:640px){ .PicList002735 .table_1{ overflow:auto;} .PicList002735 .table_1 table{ width:180%;} } .PicList002735 .list{margin-top:5%} .PicList002735 .list .pics{text-align: center;} .PicList002735 .list dd {float: left;width: 20%; border:1px solid #e9e9e9;padding:3%; margin-left: -1px; margin-top: -1px; position: relative;z-index: 1;} .PicList002735 .list dd .icon{display:inline-block; transition: 0.3s; } .PicList002735 .list dd .icon img{width: 50px;} .PicList002735 .list dd:nth-child(5n) {margin-right: 0;} .PicList002735 .list dd .name{font-size:22px;color: #333;margin: 10px auto; font-weight: normal;} .PicList002735 .list dd p{margin: 0;font-size: 14px;line-height: 24px; height:48px; color: #666} .PicList002735 .list dd:hover{z-index: 10; border-color:#0063c3;} .PicList002735 .list dd:hover .icon{ transform:rotate(360deg);} .PicList002735 .list dd:hover .name{color:#0063c3;} .PicList002735 .contss+.contss{margin-top:3%; padding-top: 3%;} .PicList002735 .contss .h2{text-align: center; font-size: 22px;color:#0063c3; margin: 0 0 20px; font-weight: normal;} @media(max-width:768px){ .PicList002735 .tab dd{ padding:0 30px;} .PicList002735 .word p{font-size: 14px;;} .PicList002735 .word, .PicList002735 .img{ width:100%; float:none; padding: 2% 0;} .PicList002735 .tit{font-size:22px;} .PicList002735 .list dd {width:33.3%;} } @media(max-width:480px){ .PicList002735 .list dd {width:50%;} .PicList002735 .tab dd{ padding:0 15px;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .a_first, .Page002274 .Pages .a_end, .Page002274 .Pages .p_jump, .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px;border:1px solid #eee; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0063c3;border-color: #0063c3;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: "宋体";padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* .RighInfo002803 为demo编号 */ .RighInfo002803 { padding: 4% 0 5%; } .RighInfo002803 .txtbox { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; margin-bottom: 4%; } .RighInfo002803 .name { font-size: 24px; color: #333; line-height: 1; padding-bottom: 20px; } .RighInfo002803 .name:after{display: block;content: '';width: 20px;height: 2px;background: #0063c3;margin-top: 25px;} .RighInfo002803 .name em { font-style: normal; color: #0063c3; } .RighInfo002803 .name span{display: block;font-family: "Oswald-Medium";font-weight: bold;font-style: italic;margin-bottom: 10px;letter-spacing: 8px;color: #e0e0e0; font-size: 28px;} .RighInfo002803 .word { line-height: 30px; font-size: 16px; color: #585858; position: relative; } .RighInfo002803 .word .wap_pic { display: block; text-align: center; } .RighInfo002803 .word .pc_pic { display: none; } .RighInfo002803 .word .fr { margin-left: 60px; margin-bottom: 40px; } .RighInfo002803 .word .fl { margin-right: 60px; margin-bottom: 40px; margin-top: 40px; } @media only screen and (min-width:769px ) { .RighInfo002803 .name { font-size: 36px; padding-bottom: 30px; } .RighInfo002803 .word .wap_pic { display: none; } .RighInfo002803 .word .pc_pic { display: block; position: absolute; right: 0; top: 0; z-index: -1; } .RighInfo002803 .word .pic { display: block; float: right; margin-left: 50px; } .RighInfo002803 .p { padding-right: 54%; margin-bottom: 20px; } .RighInfo002803 .p1 { padding-right: 40%; } .RighInfo002803 .p2:before{display: inline-block;content: '';width:6px;height: 6px;background: #0063c3;margin-right: 10px;position: relative;top:-2px;border-radius: 50%;opacity: .3} } @media (max-width: 1200px) { .RighInfo002803 .word .pc_pic { position: static; width: 45%; float: right; margin-left: 5%; } .RighInfo002803 .p, .RighInfo002803 .p1 { padding-right: 0; } } .RighInfo002803 ul { padding-top: 4%; } .RighInfo002803 li { float: left; width: 32%; text-align: center; position: relative; box-shadow: 0 10px 20px rgba(0,0,0,0.12); } .RighInfo002803 li+li { margin-left: 2%; } .RighInfo002803 li div { padding: 6% 0; margin: 0 auto; width: 80%; max-width: 300px; } .RighInfo002803 li figure img { width: 50%; max-width: 100px; ; transition: 0.3s; } .RighInfo002803 li h3 { font-size: 30px; font-weight: normal; color: #000; margin: 0; margin-top: 15px; } .RighInfo002803 li p { line-height: 1; font-size: 16px; color: #585858; margin-bottom: 0; } .RighInfo002803 li:hover * { color: #0063c3 !important; } .RighInfo002803 li:hover figure img { transform: rotateY(180deg); } @media(max-width:768px) { .RighInfo002803 li h3 { font-size: 20px; margin-top: 10px; } .RighInfo002803 li p { font-size: 16px; } } @media(max-width:480px) { .RighInfo002803 li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } /* .Floor002467 */ .Floor002467 .videobox{ position: relative;height: 200px;} .Floor002467 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .Floor002467 .videobg .play{ display: block; background: url(../images/Floor002467-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer; z-index: 5;} .Floor002467 .videobg h2{ font-size: 18px; margin: 0; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-weight: normal; color: #fff; margin-top: 40px;} .Floor002467 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: none;} .Floor002467 .video video{ width: 100%; height: 100%; background: #000;} @media only screen and (min-width: 768px) { .Floor002467 .videobg,.Floor002467 .videobox{ height: 400px;} .Floor002467 .videobg .play{background-size:40px 40px;} .Floor002467 .videobg h2{font-size: 20px;} } @media only screen and (min-width: 1024px) { .Floor002467 .videobg h2{font-size: 24px;} .Floor002466 .list .item .word{bottom: 38px; left: 20px;} } @media only screen and (min-width: 1200px) { .Floor002467 .videobg,.Floor002467 .videobox{ height: 600px;} .Floor002467 .videobg .play{background-size:50px 50px;} .Floor002467 .videobg h2{font-size: 30px;} } .Timeline002895{padding: 5% 0 0 0;} .Timeline002895 .auto{max-width: 1600px; width: 96%;position: relative;} .Timeline002895 .scroll-main{padding-bottom: 32px;max-width: 100%;width: 100%; overflow-x: auto; margin: 3% 0 0 0; height: 330px;} .Timeline002895 .mCustomScrollBox{height: auto;} .Timeline002895 .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:inherit;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 7px;background: #e6e6e6; margin: 0;} .Timeline002895 .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 7px;opacity: 1!important;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 20%!important; min-width:inherit!important;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin: 0; height: 100%;background: url(../images/Timeline002895_scrollbarbg.png) no-repeat center center #0063c3; border-radius: 7px;} .Timeline002895 .box{float: left; width: 363px;} .Timeline002895 .box:last-child{width: 311px;} .Timeline002895 .box .inner{background: url("../images/Timeline002895_bg.png") no-repeat right bottom #f5f5f5; padding: 40px 30px; height: 290px;} /*.Timeline002895 .box.active .inner{background-color: #fff;}*/ .Timeline002895 .box:not(:last-child) .inner{width: 86%;} .Timeline002895 .box .year{padding-bottom: 20px;font-size: 28px;color: #333;border-bottom: 1px solid #eaeaea;margin-bottom: 20px;font-family: 'DIN-Bold';} .Timeline002895 .box .pre-main{max-height: 12.858em;overflow: auto;} .Timeline002895 .box .pre-main pre{line-height: 2.143em;color: #666; } /* .TextList001131 为demo编号 */ .TextList001131{ padding:4% 0 2% 0;} .TextList001131 ol, .TextList001131 li{ line-height:30px;font-size:16px; padding:20px 0; border-bottom:1px solid #ededed; padding-right:40px;background:url(../images/TextList001131-li.png) no-repeat right 75px center;} .TextList001131 ol{background: #0063c3; color: #fff;font-size: 18px; font-weight: bold;} .TextList001131 li span{ float:left; width:30px; height:30px; background-color:#666; margin-right:10px; text-align:center; color:#fff; font-weight:bold;} .TextList001131 li:hover span{ background-color:#4a7eb8;} .TextList001131 li:hover{background-image:url(../images/TextList001131-li_hover.png); } .TextList001131 li:hover a{color:#4a7eb8;} .TextList001131 li a{ display:block; overflow:hidden;} .TextList001131 ol b, .TextList001131 ol em, .TextList001131 li b, .TextList001131 li em{ padding-right:3%;float:left; } .TextList001131 li b{font-size: 16px; width: 30%;font-weight: normal;padding-left: 30px;} .TextList001131 ol b{width: 30%;padding-left: 30px;} .TextList001131 ol em, .TextList001131 li em{ font-style:normal;width:50%;} .TextList001131 ol .em1, .TextList001131 li .em1{ font-style:normal;width:13%;} .TextList001131 ol .em2, .TextList001131 li .em2{ font-style: normal; width: 5%; padding-right: 0%;} .TextList001131 ol .em2{white-space: nowrap;} @media(max-width:900px){ .TextList001131 ol em, .TextList001131 li em{ display: none;} .TextList001131 ol, .TextList001131 li{background-position:right 30px center; padding-right: 70px;} .TextList001131 li b{width:100%; padding-left:0;} } @media(max-width:768px){ .TextList001131 li{ font-size:14px;} .TextList001131 li b{ float:none; display:block;} } .TextList001131 .lii a {color: #fff;font-size: 18px;font-weight: bold;} .TextList001131 .lii b {color: #fff;font-size: 18px;padding-left: 30px;font-weight: bold;} /* .Menu000706 */ .Menu000706{background:#f5f5f5; position: relative; z-index: 2;} .Menu000706 nav{ position:relative;} .Menu000706 .location{ display: none; padding-left:27px; float:right; background:url(../images/Menu002272-location_home.png) no-repeat left; line-height: 70px;} .Menu000706 .location a{ color:#bbb;; padding-right:17px; margin-right:7px;background:url(../images/Menu002272-location_icon.png) no-repeat right;} .Menu000706 .location span{ color:#0063c3;} .Menu000706 nav li a{ display:block; font-size:16px; color: #333;} @media(min-width:1025px){ .Menu000706 .location{ display: block;} .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; line-height: 67px; border-bottom: 3px solid transparent; margin-right:30px; } .Menu000706 nav li:hover a, .Menu000706 nav li.on{ border-color:#0063c3} .Menu000706 nav li:hover a, .Menu000706 nav li.on a{ color:#0063c3;} } @media(min-width:1280px){ .Menu000706 nav li{ margin-right:70px; } } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} } @media(max-width:1024px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ padding:20px 0;} .Menu000706 nav ol span{display:block; background-color:#0063c3; 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 #0063c3;} .Menu000706 nav ul{ position:absolute; width:100%; top:70px; left:0; background-color:#0063c3; padding:5px; border-radius:0 0 5px 5px; display:none; z-index: 10;} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #0063c3;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:#0063c3;} .Menu000706 header h1{ font-size:20px;} } /*sec_menu*/ .sec_menu { padding: 20px 0; } .sec_menu ul li{ float: left; margin: 0 10px 0 ;} .sec_menu ul li a{ display: block;padding: 0 30px;line-height: 40px;border-radius: 6px; background:#eee;overflow: hidden;} .sec_menu ul li a.aon, .sec_menu ul li a:hover { color:#fff;background:#0063c3;} @media(max-width:480px){ .sec_menu ul li{ margin-bottom: 20px;} } /*Timeline002790 */ .Timeline002790 { padding:4vw 0;} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; border-radius: 10px;margin-top: -60px; } .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2 } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;} .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; border-radius: 10px; padding:60px; float: right; position: relative; overflow: hidden;border: 1px solid #fff } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden; border-radius: 0 6px 0 0} .Timeline002790 li .con .txt{width: 60%; } .Timeline002790 li .con .txt span{ font-size: 17px;font-weight: bold; color: #333;} .Timeline002790 li .txt{ position:relative;font-size:16px; line-height:24px; padding-right: 50px} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 30px;color: #0063c3;padding-bottom: 7px; font-weight: bold;font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li.hover .con{ border: 1px solid #0063c3} .Timeline002790 li.hover:after{ border-color: #0063c3} .Timeline002790 li.hover:before{ border-color: #0063c3} @media(min-width:1025px){ .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0; border-radius: 6px 0 0 0} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } } @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding-top: 0} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } @media(max-width:768px){ .Timeline002790 { padding:40px 0;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #0063c3; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} /*Floor003033 */ .Floor003033{font-family: 'PingFang-SC-Regular';background: #fff;margin: 0 auto;} .Floor003033, .Floor003033 a{color: #000;} .Floor003033 .title{ text-align: center;} .Floor003033 .title h3{font-weight: normal;color: #013263;font-size: 26px; margin: 0;} .Floor003033 .title p{font-size: 16px;line-height: 1.875em; margin: 2em auto; width: 95%; max-width: 612px;} .Floor003033 .title .more{margin: 0 auto; display: table; padding: 0 1.214em; line-height: 2em; border: 1px solid #bbb; transition: 0.3s;} .Floor003033 .title .more:after{display: inline-block; content: ''; width: 6px; height: 6px; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(45deg); margin-left: 21px; vertical-align: middle;} .Floor003033 .title .more:hover{color: #fff;background: #013263; border-color: #013263;} .Floor003033 .title .more:hover:after{border-color: #fff;} @media(max-width:640px){ .Floor003033 .title h3{font-size: 5vw;} .Floor003033 .title p{font-size: 3.5vw;} .Floor003033 .title .more{font-size: 3.2vw;} } .Floor003033 .list{ margin-top: 3%;} .Floor003033 .list li{ width: 14.2%; float: left; border:1px solid #eee; padding:2.5%; position: relative; z-index: 1;} .Floor003033 .list li:hover{ z-index:5;} .Floor003033 .list li:before{position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; content: '';background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); opacity: 0;transition: 0.3s; z-index: 10;} .Floor003033 .list li:hover:before{opacity: 1;} .Floor003033 .list li .pic{ padding-bottom: 40%; background-size: contain; position: relative; z-index: 11; transition:all 0.5s } .Floor003033 .list li:hover .pic{transform: scale3d(1.1,1.1,1.1);} @media(max-width:1024px){ .Floor003033 .list li{ width:25%;} } @media(max-width:640px){ .Floor003033 .list li{ width:33.3%;} } @media(max-width:480px){ .Floor003033 .list li{ width:50%; padding:15px;} } /* .RighInfo002254 为demo编号 */ .RighInfo002254 .list_img{ float:left; position:relative; width:35%;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%;width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #0063c3;} .RighInfo002254 .right_info{ float:right; width:63%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:3% 0; color:#0063c3; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#666; margin-bottom:10%;font-size: 16px;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#0063c3; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#0063c3; color:#fff;} .RighInfo002254 .tab1{ padding:3% 0;} .RighInfo002254 .tab1 .h1_tab1{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab1 .h1_tab1 span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab1 .h1_tab1 span.on{ background-color:#0063c3; color:#fff;} .RighInfo002254 .tab1 .info{ padding-top:3%;} .RighInfo002254 .tab1 .info1{margin: 0 auto;text-align: center;} .RighInfo002254 .tab1 .info img{ height: auto !important;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:900px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:100%;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab1 .h1_tab1{ font-size:14px;} .RighInfo002254 .tab1 .h1_tab1 span{ padding:0 3%;} } .RighInfo002254 .box1 {margin: 0 auto;} .RighInfo002254 .box1 li{ margin-bottom: 3%; text-align: center;} .RighInfo002254 .box1 li.on h3{color: #0358a0 !important;} .RighInfo002254 .box1 li a{display: block;background: #fff; transition: 0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .RighInfo002254 .box1 li a:hover{border-color: #0063c3; box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .RighInfo002254 .box1 li .Ispic{ background-size:cover; background-color: #fff; padding-bottom: 88%;} .RighInfo002254 .box1 li .txt{padding: 25px;} .RighInfo002254 .box1 li .txt h3{font-size: 18px; color: #333;margin:0;} .RighInfo002254 .box1 li .txt p{line-height: 28px;color: #555;height: 56px;margin:10px 0 0; } @media(min-width:481px){ .RighInfo002254 .box1 li{float: left;width: 32%; margin-right: 2%;} } .RighInfo002254 .box1 li:nth-child(3){ margin-right: 0%;} @media(min-width:769px){ .RighInfo002254 .box1 li{width: 29.6875%; } .RighInfo002254 .box1 li:not(:nth-child(3n)){margin-right: 5.46875%;} } @media(min-width:481px) and (max-width:768px){ .RighInfo002254 .box1 li{width: 48%; } .RighInfo002254 .box1 li:not(:nth-child(2n)){margin-right: 4%;} } .RighInfo002254 #listw li{ width: 14.2%; float: left; border:1px solid #eee; padding:2.5%; position: relative; z-index: 1;} .RighInfo002254 #listw li:hover{ z-index:5;} .RighInfo002254 #listw li:before{position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; content: '';background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); opacity: 0;transition: 0.3s; z-index: 10;} .RighInfo002254 #listw li:hover:before{opacity: 1;} .RighInfo002254 #listw li .pic{ padding-bottom: 40%; background-size: contain; position: relative; z-index: 11; transition:all 0.5s } .RighInfo002254 #listw li:hover .pic{transform: scale3d(1.1,1.1,1.1);} @media(max-width:1024px){ .RighInfo002254 #listw li{ width:25%;} } @media(max-width:640px){ .RighInfo002254 #listw li{ width:33.3%;} } @media(max-width:480px){ .RighInfo002254 #listw li{ width:50%; padding:15px;} } /*RighInfo002554 */ .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:20px; padding:15px;} .RighInfo002554 .table_1 th{ font-size:14px; font-weight:normal;} .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4{ color:#fff;} .RighInfo002554 .table_1 .th_1{ color:#fff;} @media(max-width:640px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} } .RighInfo002554 .table_1 .td1{background: #f3f3f3; font-weight: bold; font-size: 18px;color: #333;} /*PicList002146 */ .PicList002146{ padding-top:4%;} .PicList002146 li{ float:left; width:24%; margin:0 0.5% 2%;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:18px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:77%;} .PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:3px; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.gif) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgb(0,99,195,0.95); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:768px){ .PicList002146{ padding-top:40px;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } .Timeline002895 .x1{text-align: center;margin: 0 auto;} /*PicList002171 */ .PicList002171{ padding:3vw 0 4vw;} .PicList002171 .x1{text-align: center;margin: 0 auto;} .PicList002171 .pic{padding:4% 0 2%;} .PicList002171 li{ float: left;width: 18.8%;margin-right: 1.5%; margin-bottom: 1.5%;} .PicList002171 li a{ padding: 15px 0;border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li .Ispic { padding-bottom: 33%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ width:100%; height:100%; position: relative;} .PicList002171 li dt{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(5n){ margin-right:0;} .PicList002171 li:nth-child(5n+1){ clear: left;} } @media(max-width:768px){ .PicList002171{ padding:40px 0;} .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} .PicList002171 li:nth-child(3n+1){ clear: left;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li:nth-child(2n+1){ clear: left;} .PicList002171 li dt{ font-size:15px;} } /*PicList002854 */ .PicList002854{padding-top: 4vw;} .PicList002854 li{float: left;margin-bottom:4%;} .PicList002854 li a{display: block;border: solid 3px #cce5fd;position: relative;padding: 2vw 1vw 4vw; transition: 0.3s;} .PicList002854 li aside{font-size: 18px; line-height: 28px; height: 56px; text-align: center; color: #333;} .PicList002854 li .Ispic{background-size: contain;padding-bottom: 100%;} .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: #0063c3;} .PicList002854 li a:hover:after{background-color: #0063c3; background-image: url(../images/PicList002854_btn_hover.png);} @media(min-width:769px){ .PicList002854 li{width: 22.7%; } .PicList002854 li:not(:nth-child(4n)){margin-right: 3%;} } @media(max-width:768px){ .PicList002854{padding-top:40px;} .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;} } /*RighInfo002857 */ @font-face { font-family: "DINBold"; src: url("../fonts/DINBold.woff2") format("woff2"), url("../fonts/DINBold.woff") format("woff"), url("../fonts/DINBold.ttf") format("truetype"), url("../fonts/DINBold.eot") format("embedded-opentype"), url("../fonts/DINBold.svg") format("svg"); font-weight: normal; font-style: normal; font-display:swap; } .RighInfo002857{padding-top: 2vw; } .RighInfo002857 .title{padding-bottom: 4.11vw;color: #333;font-size: 100px;} .RighInfo002857 .title .cn{font-size: 0.34em;} .RighInfo002857 .title .en{font-size: 0.42em;font-family: "DINBold"; text-transform: uppercase;} .RighInfo002857 .edit-css .tit{font-size: 24px;color: #ea5432;padding-bottom:4vw;} .RighInfo002857 .edit-css li{margin-bottom: 0%;color: #999;} .RighInfo002857 .edit-css li .icon{margin-bottom: 5px;} .RighInfo002857 .edit-css li aside{font-size: 16px;margin-top: 10px;color: #333;} @media(min-width:641px){ .RighInfo002857 .edit-css li{float: left; padding-left: 22px; border-left:5px solid #f8f8f8;} .RighInfo002857 .edit-css li:not(:nth-child(5n)){margin-right: 8%;} .RighInfo002857 .edit-css li:nth-child(5n){margin-right: 0%;} } @media(max-width:768px){ .RighInfo002857{padding-top:30px; } } @media(max-width:640px){ .RighInfo002857 .edit-css .tit{font-size: 20px;} .RighInfo002857 .title{font-size: 80px;} } @media(max-width:480px){ .RighInfo002857 .title{font-size: 60px;} .RighInfo002857 .edit-css .tit{font-size:18px;} .RighInfo002857 .edit-css li{ padding: 22px; border-bottom:5px solid #f8f8f8;} } /*RighInfo002940 */ .RighInfo002940 .title{color: #d43e45;font-size: 24px;font-weight: bold; margin-bottom: 2.92vw;} .RighInfo002940 .contact .ytable{table-layout: fixed;} .RighInfo002940 .contact dt{float: left;width: 50%; margin-bottom: 16px;} .RighInfo002940 .contact .icon{width: 70px;} .RighInfo002940 .contact .txt{padding-left: 1.82vw;font-size: 18px;color: #000000;} .RighInfo002940 .contact dd{clear: both;} .RighInfo002940 .map{margin-top: 2.76vw;} .RighInfo002940 .map #allmap{height: 455px;} .RighInfo002940 .map #allmap img{max-width: none;} .RighInfo002940 .map #allmap, .RighInfo002940 .map #allmap *{box-sizing: content-box;} .RighInfo002940 .BMap_bubble_content b{display: block;font-size: 18px;} @media(max-width:768px){ .RighInfo002940{padding:40px 0;} .RighInfo002940 .title{font-size: 4.5vw;} .RighInfo002940 .contact .icon{width: 10vw;} .RighInfo002940 .contact .txt{font-size: 3.5vw;} .RighInfo002940 .map #allmap{height:70vw;} } /* .PicList002796 */ .PicList002796{ padding-top:5%;} .PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; } .PicList002796 ol figure em{ padding-bottom: 47%; } .PicList002796 ol p{ margin: 35px 0 25px; font-size: 18px; color: #333; line-height: 28px; text-align: justify; } .PicList002796 ol time{ float: right; margin-top: 35px; } .PicList002796 li{ position:relative; } .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList002796 figure a::before, .PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList002796 figure a::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;} .PicList002796 li p{ margin-bottom: 25px; height: 56px;font-size: 20px;color: #333;line-height: 28px;text-align: justify;text-align: center;overflow: hidden;} .PicList002796 time{ background: #0063c3; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;} @media(min-width:769px){ .PicList002796 li{ float: left; width: 29.75%;margin-right: 5.25%; margin-bottom:0%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796{ padding-top:40px;} .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 figure em{ padding-bottom: 47%; background-size:cover;} } @media(max-width:480px){ .PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /* .TextList001335 为demo编号 */ .TextList001335{ padding:4% 0 0 0;max-width: 1600px;margin: 0 auto;} .TextList001335 li{ float:left; width:48.5%; margin-right: 3%; padding-bottom:28px; background:url(../images/TextList001335-box_bg.jpg) no-repeat center bottom/100% 28px;margin-bottom: 2%;} .TextList001335 li a{ display:block;} .TextList001335 li h4{margin: 0;line-height: 50px; text-align: center; color: #fff; font-size: 24px; background: rgb(172,220,243); background: -moz-linear-gradient(left, rgba(172,220,243,1) 0%, rgba(84,175,254,1) 100%); background: -webkit-linear-gradient(left, rgba(172,220,243,1) 0%,rgba(84,175,254,1) 100%);background: #0063c3; } .TextList001335 .ri{ margin-right: 0%;} .TextList001335 li span{ position:absolute; width:36px; height:36px; left:0; top:50%; margin-top:-18px; background:url(../images/TextList001335-q.jpg) no-repeat center center; overflow:hidden; line-height:100px;} .TextList001335 li div span{ background-image:url(../images/TextList001335-a.jpg); margin-top:0; top:15px;} .TextList001335 li figure, .TextList001335 li div{ position:relative;padding-left:44px;padding-right:15px;} .TextList001335 li figure{ margin:2% 0; overflow:hidden; line-height:40px; height:44px;font-size: 16px;} .TextList001335 li div{ border-top:1px #0063c3 dotted; padding-top:15px; padding-bottom:15px; } .TextList001335 li p{ margin: 0; line-height: 26px;overflow: hidden;height: 120px;font-size: 15px;color: #999;} .TextList001335 li dl{ color:#005ba2; text-align:right;} .TextList001335 .form{ padding:0 1.5%;} .TextList001335 .form h1{ margin:0; min-height:48px; line-height:24px; font-size:15px; color:#0a4066; font-weight:bold; padding-left:56px; background:url(../images/TextList001335-tit_icon.jpg) no-repeat left top;} .TextList001335 .form dl{ padding-top:3%;} .TextList001335 .form dd{ padding-top:5px;} .TextList001335 .form textarea{ width:100%; border:1px solid #ccc; height:100px; line-height:20px; padding:5px; background:none; box-shadow:0 1px 2px #ccc inset;} .TextList001335 .form .btn{border: none;background: #505050;color: #fff;height: 22px; cursor:pointer; padding:0 3%; font-size:12px;} @media(max-width:768px){ .TextList001335{ padding-top: 40px;} } @media(max-width:640px){ .TextList001335 li{ float:none; width:auto;} } /*PicList002949 */ .PicList002949 .item{margin: 3vw 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002949 .item a:hover{color: #1e50ae;} .PicList002949 .txt .inner{padding: 0 3vw 0 3vw;} .PicList002949 .txt p.dot3{line-height: 2.142em; max-height: 10.426em;color: #666;} .PicList002949 .tit{font-size: 24px; line-height: 1em;} .PicList002949 .tit:after{display: block; margin-top: 1.25em; content: '';background: #0063c3; width: 48px; height: 2px;} .PicList002949 .item a:hover .tit:after{background: #1e50ae;} .PicList002949 .item .more{padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more.png") no-repeat right center;color: #999;} .PicList002949 .item a:hover .more{background-image: url("../images/PicList002949_more_on.png");} @media(min-width:1025px){ .PicList002949 .pic{ width:486px;} } @media(max-width:768px){ .PicList002949 .item{ margin: 40px 0; } } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} } /*Floor0005 */ .Floor0005 { padding:4vw 0 5vw; } .Floor0005 .main { position: relative; z-index: 1 } .Floor0005 .map #map { height: 100%; opacity: 0.9 } .Floor0005 .map #map * { max-width: none;box-sizing: content-box;} .Floor0005 .map img { max-width: none !important; } .Floor0005 .map { float: right; width: 65%; height: 480px; } .Floor0005 .text { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 35%; padding: 70px 50px; z-index: 50; background: #eaeef1; } .Floor0005 .text:after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 120px; height: 120px; background: url(../images/Floor0005_bg2.png) no-repeat right bottom; background-size: contain; } .Floor0005 .text h2 { font-size: 22px; font-weight: normal; color: #444; margin: 0 0 20px; display: block; position: relative } .Floor0005 .text dd { line-height: 30px; margin: 4px 0; font-size: 16px; color: #666; position: relative; padding-left: 80px } .Floor0005 .text dd span { display: block; position: absolute; left: 0; top: 0; width: 80px; } .Floor0005 .text dd.code { margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(0,0,0,0.06); display: flex; align-items: center; } .Floor0005 .text dd.code img { width: 122px; display: inline-block; margin-right: 10px; } .Floor0005 .text dd.code p { display: inline-block; line-height: 30px; margin: 0; padding-left: 10px; } @media(max-width:1100px) { .Floor0005 .map { float:none; width:100%; } .Floor0005 .text { position:relative;width: 100%; padding:50px 50px 80px; } .Floor0005 .text h2 { font-size:18px; } .Floor0005 .text dd { font-size: 14px; } } @media(max-width:768px) { .Floor0005{padding:40px 0; } .Floor0005 .map { height:300px; } } /* .TextList002205 为demo编号 */ .TextList002205{ padding-top: 2;} .TextList002205 .list .item{ margin-bottom:20px;background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 12%);} .TextList002205 .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/TextList002205-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;} .TextList002205 .list .item .Q{ margin:0; font-weight: normal; line-height:30px;padding:24.5px 0; padding-left:120px; padding-right:50px;position:relative; cursor:pointer;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item .Q>a{ color:#333; font-size:18px;} .TextList002205 .list .item em.icon{ position:absolute; top:0; left:0; width:80px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333; line-height: 80px;} .TextList002205 .list .item .Q em.icon{ transition:all 0.5s ease-out 0s; border-right: 1px dashed #ededed;} .TextList002205 .list .item .A{ position:relative;padding:2vw 2vw 2vw 120px;line-height: 2.142em; font-size: 15px; background:#f5f5f5; display:none;} .TextList002205 .list .item .A em.icon{ background:#fff;color:#0063c3;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item.active .Q em.icon{ background:#0063c3; color:#fff; border-right: 1px dashed #0063c3;} .TextList002205 .list .item.active i.icon{ background-position:-44px -70px;} @media(max-width:768px){ .TextList002205{ padding-top:0;} .TextList002205 .list .item .Q>a{ font-size:16px;} } /* .Form001215 */ .Form001215{ padding:4vw 0;} .Form001215 .form{ float:left; width:45%; padding-top: 3%;} .Form001215 .form li{ padding-bottom:4%; position:relative;} .Form001215 .form label{position:absolute;left: 20px;top:0;font-size: 17px;line-height:52px;color:#777;} .Form001215 .form .text{border:none;width:100%;line-height:52px;padding: 0 19px;border-radius:3px;background:#f5f9ff;} .Form001215 .form textarea.text{ height:160px;} .Form001215 .form .btn{cursor:pointer;border-radius:5px;background:#0063c3;color:#fff;font-size: 16px;height: 48px;padding:0 12%;border:none;} .Form001215 .hotline{ float:right; width:50%; background-repeat: no-repeat;background-position: right bottom; background-size: contain; padding:3% 0 22% 0;} .Form001215 .hotline figure{ width:60%; max-width:340px; font-size:16px;border-top:1px solid #d6e1e0; padding-top:3%; margin-top:3%; line-height:30px;} .Form001215 .hotline dl{ min-height:46px; padding-left:62px; background:url(../images/Form001215-call.png) no-repeat left center;} .Form001215 .hotline dd{ font-size:30px; color:#0063c3; font-weight:bold;} .Form001215 .hotline dt{ color:#888; font-size: 14px;} @media(max-width:640px) and (min-width:481){ .Form001215 .hotline{ padding:3% 0 32% 0; background-position:right bottom;} } @media(max-width:768px){ .Form001215{ padding:40px 0;} .Form001215 .form{ float:none; width:100%; } .Form001215 .hotline{ float:none; width:100%; padding:3% 0 22% 0;} } @media(max-width:640px){ .Form001215 .hotline dd{ font-size:24px;} } @media(max-width:480px){ .Form001215 .form, .Form001215 .hotline{ float:none; width:auto;} .Form001215 .form textarea.text{ height:117px;} } .RichInfo005{ padding: 70px 0 80px; } .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:32px; font-weight:normal; color: #333; } .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #e5e5e5; padding-bottom:20px; font-size: 14px; } .RichInfo005 .news_info .title p span{ margin:0 5px; color: #999;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info img{ height: auto !important;} .RichInfo005 .news_info .info .pic{ padding: 20px 0; display: block; margin: 0 auto; } .RichInfo005 .news_info .info .p{ line-height: 32px; font-size: 16px; text-indent: 2em; } .RichInfo005 .news_info .info p{ text-indent: 2em; font-size: 16px; } .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:40px 0;} .RichInfo005 .news_info .info_back a{ display: inline-block; width: 140px; height: 40px; line-height: 40px; background:#0063c3; color: #fff; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block; line-height: 36px; } .RichInfo005 .news_info .info_pn span a{ color:#999; font-size: 16px; } .RichInfo005 .news_info .info_pn span a:hover{color:#0063c3;} @media(max-width:768px){ .RichInfo005{ padding: 40px 0; } .RichInfo005 .news_info .title h1{ font-size: 24px; } .RichInfo005 .news_info .info_pn span{ line-height: 24px; margin-bottom: 10px; } } /* .TextList009 */ .TextList009{padding:4% 0 0;} .TextList009 li{border: 1px solid #e5e5e5;margin-bottom: 20px; padding-left:139px; position:relative; padding-right:20px;} .TextList009 .cate{ display: inline-block; float: left; background-color: #0063c3; color: #fff; width: 100px; height: 40px; text-align: center; line-height: 40px; margin-top: 21px; margin-right: 10px; font-size: 17px; } .TextList009 li a{ height: 85px; line-height:85px; font-size:16px;display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/TextList009-icon.png) no-repeat right center; padding-right:40px;} .TextList009 li time{ position:absolute; text-align:center; left:0; top:10px; height:65px; width:107px; color:#afafaf; border-right:1px dashed #E0E0E0; line-height:normal; font-size:14px;} .TextList009 li time span{ display:block; font-size:22px; padding-top:10px;} .TextList009 li:hover{ background-color: #0063c3;color:#fff;} .TextList009 li:hover a{background-image:url(../images/TextList009-icon_hover.png); color:#fff;} .TextList009 li:hover time{color:#fff;} @media(max-width:768px){ .TextList009{padding-top: 40px;} .TextList009 li{ padding-left:20px;} .TextList009 li time{display: none;} .TextList009 .title{font-size:24px;} } .sitemap{padding:3% 0 5%;} .sitemap li{ padding:20px 0; line-height: 24px; border-bottom: 1px dashed #eaeaea; font-size: 15px; position: relative; padding-left: 100px;} .sitemap strong{display: inline-block; width:100px; position: absolute; left: 0; top:20px;} .sitemap span a{padding: 0 25px; display: inline-block; } .sitemap a:hover{color:#0063c3;} @media(max-width:768px){ .sitemap{padding: 40px 0;} } .tangram-suggestion-main { z-index: 100 !important;} /*PicList002737*/ .PicList002737{position: relative;z-index: 10; padding:0 0 4vw;} .PicList002737 .tab{ text-align:center; margin-bottom:4%; border-bottom: 1px solid #eee; font-size: 0;} .PicList002737 .tab dd{ display: inline-block; padding:0 60px;position:relative;} .PicList002737 .tab dd::after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .PicList002737 .tab dd:last-child::after{ display:none;} .PicList002737 .tab dd span{display:block;position:relative;overflow:hidden;height: 65px;font-size: 16px;line-height:65px; cursor: pointer;} .PicList002737 .tab dd span:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .PicList002737 .tab dd.on span{ color:#0063c3;} .PicList002737 .tab dd.on span:after{ background:#0063c3;} .PicList002737 .box1 .word{ float:left; width:50%;} .PicList002737 .box1 .pic{float: right;width: 45%;box-shadow: none;padding: 0px;} .PicList002737 .tit{font-size: 32px;color: #333;margin-bottom:2%; text-align: center;} .PicList002737 .tit:after{display: block; content: ''; width: 20px; height: 2px; background: #0063c3; margin: 25px 0 0; text-align: center; margin: 0 auto; margin-top: 25px;} .PicList002737 p{font-size: 16px;line-height: 2;margin: 0;} .PicList002737 p+p{margin-top:14px;} .PicList002737 .pic{text-align: center;padding: 30px;box-shadow:0 0 10px rgba(0,0,0,0.15);margin:35px auto;} .PicList002737 .h1{margin: 0; font-size:24px; line-height: 1; padding-left:20px; border-left: 3px solid #0063c3; color: #333;} .PicList002737 .txt-dl dl{ margin-bottom:2%; padding:50px 30px;box-shadow:0 0 10px rgba(0,0,0,0.15); font-size: 0; min-height: 262px;} .PicList002737 .txt-dl dt{position: relative; text-align: center;} .PicList002737 .txt-dl dt:before{position: absolute; content: ''; width:100%; height:1px; background:#e5e5e5; left:0; top:50%; margin-top:-0.5px;} .PicList002737 .txt-dl dt span{display:inline-block;position: relative; z-index: 3; background: #fff; padding: 0 15px; font-size:24px; color: #0063c3;} .PicList002737 .txt-dl dd{display: inline-block; width: 45%;margin-top:6%; margin-right: 10%; font-size: 16px; line-height: 20px; background:#f2f7fc; text-align: center; padding: 10px 2px; vertical-align: middle;} .PicList002737 .txt-dl .dd1{width:100%;margin-top:6%; margin-right: 0;} .PicList002737 .txt-dl dd:nth-of-type(2n){ margin-right: 0;} @media(min-width:769px){ .PicList002737 .txt-dl dl{float: left; width:23.5%; margin-right:2%;} .PicList002737 .txt-dl dl:nth-of-type(4n){margin-right:0;} .PicList002737 .txt-dl dl:nth-of-type(4n+1){clear: left;} } .PicList002737 .cons+.cons{ border-top: 1px dashed #eaeaea; margin-top:4vw; padding-top:4vw;} .PicList002737 .table_1 tr{background:#fff; text-align: center;} .PicList002737 .table_1 th{background:#0063c3;border: 1px solid #eaeaea; padding:15px 30px; line-height:30px; color: #fff; font-size: 16px;} .PicList002737 .table_1 .th1{background:#ddebf6; color: #333; text-align: left; font-weight: normal; padding-left:6%;} .PicList002737 .table_1 tr:nth-child(2n+1){background: #f6f6f6;} .PicList002737 .table_1 td{ border-collapse:collapse; line-height:28px; padding:15px 30px;border: 1px solid #eaeaea; font-size:15px;} .PicList002737 .table_1 i{display: block; width:28px; height:28px; background:url(../images/PicList002737-icon1.png) no-repeat center; margin: 0 auto;} .PicList002737 .table_1 i.cuo{background-image:url(../images/PicList002737-icon2.png) } @media(max-width:768px){ .PicList002737 .tab dd{ padding:0 20px;} .PicList002737 .box1 .word, .PicList002737 .box1 .pic{float:none; width: 100%;margin-top: 4%;} .PicList002737 .tit{font-size: 22px;} .PicList002737 p{font-size: 14px;} } @media(max-width:540px){ .PicList002737 .table_1{ overflow:auto;} .PicList002737 .table_1 table{ width:180%;} } /*.RighInfo002226*/ .RighInfo002226{padding:5vw 0;} .RighInfo002226 .ytable{ display:table; width:100%;table-layout:fixed;} .RighInfo002226 .ytable-cell{ display:table-cell; vertical-align:middle;} .RighInfo002226 .word{padding-right: 2%;} .RighInfo002226 .con{position: relative;padding:6% 5%;} .RighInfo002226 .con:before, .RighInfo002226 .con:after{position: absolute; content: ''; border: 4px solid #0063c3; width: 30px; height: 30px;} .RighInfo002226 .con:before{left: 0; top: 0; border-right: 0; border-bottom: 0;} .RighInfo002226 .con:after{right: 0; bottom: 0; border-top: 0; border-left: 0;} .RighInfo002226 .h2{font-size: 32px;color: #333; margin: 0; font-weight: normal;} .RighInfo002226 .h2:after{content:'';width:43px;height:2px;background:#0063c3;display: block; margin:24px 0;} .RighInfo002226 p{font-size: 16px;line-height: 2;margin: 0;} .RighInfo002226 p+p{margin-top:14px;} .RighInfo002226 .pic{width:54%;position: relative;} .RighInfo002226 .pic:before{position: absolute; left: 0; bottom: 0; height: 66%; width: 12%; background: #fff; content: '';} .RighInfo002226 .img{width:52%; padding:2.5%;box-shadow:0 0 10px rgba(0,0,0,0.15); } .RighInfo002226 .txt{padding-left:4%;} .RighInfo002226 .b{color:#0063c3;} @media(max-width:768px){ .RighInfo002226 .ytable, .RighInfo002226 .ytable-cell{display: block;} .RighInfo002226 .pic, .RighInfo002226 .img{width: 100%; text-align: center;} .RighInfo002226 .txt{padding-left:0; padding-top: 4%;} .RighInfo002226 .pic:before{display: none; padding-top: 4%;} .RighInfo002226 .h2{font-size: 22px;} } /*.RighInfo002227*/ .RighInfo002227{padding:5vw 0; background:#F4F5F7;} .RighInfo002227 .title{font-size: 32px;color: #333; margin: 0; font-weight: normal; text-align: center;} .RighInfo002227 .title:after{content:'';width:43px;height:2px;background:#0063c3;display: block; margin:24px auto 40px;} .RighInfo002227 .list {box-shadow: 0 0 10px rgba(0,0,0,.1);} .RighInfo002227 .list li {float: left;width: 33.3333%;padding: 50px 30px 30px;background-color: #fff;text-align: center;} .RighInfo002227 .list li p{margin: 30px auto 0;font-size: 16px;color: #333;} @media(min-width:769px){ .RighInfo002227 .list li:nth-child(2), .RighInfo002227 .list li:nth-child(4), .RighInfo002227 .list li:nth-child(6), .RighInfo002227 .list li:nth-child(8){background-color:#f7f7f7;} .RighInfo002227 .list li:nth-child(3n+1){ clear: left;} } @media(max-width:768px){ .RighInfo002227 .list li {width: 50%;} .RighInfo002227 .list li:nth-child(2n+1){ clear: left;} .RighInfo002227 .list li:nth-child(2), .RighInfo002227 .list li:nth-child(3), .RighInfo002227 .list li:nth-child(6), .RighInfo002227 .list li:nth-child(7), .RighInfo002227 .list li:nth-child(10){background-color:#f7f7f7;} .RighInfo002227 .list li p{font-size: 14px;} .RighInfo002227 .title{font-size:22px;} } /* .Floor001743 */ .Floor001744{padding:5vw 0; text-align: center; background:#F4F5F7;} .Floor001744 .title{font-size: 32px;color: #333; margin: 0; font-weight: normal; text-align: center;} .Floor001744 .title:after{content:'';width:43px;height:2px;background:#0063c3;display: block; margin:24px auto;} .Floor001744 .txt{font-size: 18px; line-height: 30px; margin-bottom: 2%;} .Floor001744 li{float:left; margin: 1% 0; width:31.3%;margin-right:3%; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:2%; min-height: 436px;} .Floor001744 li:nth-child(3n){margin-right: 0;} .Floor001744 li:nth-child(3n+1){ clear: left;} .Floor001744 li a{display: block;} .Floor001744 li .icon{width: 60%; max-width: 110px; margin: 0 auto;position: relative;} .Floor001744 li .icon:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background:#f5f5f5;} .Floor001744 li .icon img{ border-radius: 50%;position: relative; z-index: 3;} .Floor001744 li aside.dot{font-size:24px; color: #333; margin:24px 0;} .Floor001744 li .p{ position: relative;margin:0;font-size: 15px; line-height: 28px; padding-left:18px; color: #888; text-align:justify;} .Floor001744 li .p:after {position: absolute;content:'';width:6px;height:6px;top: 10px;left:0;background: #0063c3; border-radius: 50%;} .Floor001744 li .p+.p{margin-top:14px;;} @media(max-width:768px){ .Floor001744 li{float:none; margin:0 0 4%; width:100%;margin-right:0; min-height:100%; padding:4%;} .Floor001744 .title{font-size: 22px;} }