/* 头部 */ .Top002374{ position:fixed; position:relative; background: #fff; width:100%; left:0; top:0; z-index:10000; box-shadow: 1px 2px 10px rgba(0,0,0,0.2); transition:0.3s; } .Top002374_fixed{ position:fixed; } .Top002374 .header-left{ float:left; width:30%;max-width:190px;} .Top002374 .logo{ position:absolute; left:0; max-width:280px; top:50%; transform:translateY(-50%);} .Top002374 .header-right{ float:right;} @media(min-width:1025px){ .Top002374 .header-left{ position:relative;height:97px;} .Top002374_fixed .header-left{ height:85px;} .Top002374 .header-mid{ float:left; margin-left: 5px; } .Top002374 .header-mid{ width: calc(100% - 350px); } .Top002374 .header-right{ padding-top:37px;} .Top002374_fixed .header-right{ padding-top:32px;} .Top002374 .header-menu li{ width: auto !important; margin-right: 0% !important; } .Top002374 .header-menu ul{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media(min-width:1280px){ .Top002374 .header-left{ position:relative;height:97px;} .Top002374_fixed .header-left{ height:85px;} .Top002374 .header-mid{ float:left; margin-left: 50px; } .Top002374 .header-mid{ width:69%; } .Top002374 .header-right{ padding-top:37px;} .Top002374_fixed .header-right{ padding-top:32px;} } .Top002374 .header-menu li{ width: auto !important; margin-right: 4%; } .Top002374 .header-menu li:last-of-type{ margin-right: 0; } .Top002374 .header-menu li a{ transition:0.3s;} .Top002374 .header-menu li em{ line-height:97px; font-size:16px; } .Top002374_fixed .header-menu li em{ line-height:85px; } .Top002374 .header-menu li em a{ color:#666; border-bottom: 3px solid transparent; display: inline-block; } .Top002374 .header-menu li em a:hover, .Top002374 .header-menu li.aon em a{ color:#00479d; border-bottom: 3px solid #00479d; } .Top002374 .no-fullbground .sub{background: #fcfcfc;} .Top002374 .header-menu li .sub dt a{color: #333;line-height:normal;line-height:40px;font-size: 16px;} .Top002374 .header-right dd{ float:left; font-size:16px; position: relative; } .Top002374 .top-search{ position:relative; } .Top002374 .sub-vertical .has-sub.aon{z-index:200;} .Top002374 .header-menu li .sub{ width:100%;box-shadow: 2px 6px 9px rgba(0,0,0,0.2);} .Top002374 .header-menu li .sub-menu dt{ text-align:left;} .Top002374 .header-menu li .sub-menu h3{font-size:24px; line-height:30px; margin:0 0 20px; color:#333} .Top002374 .header-menu li .sub-menu p{ color:#666; line-height:30px; margin:0 0 20px; font-size:16px;} .Top002374 .header-menu li.has-sub {position: inherit !important;} .Top002374 .header-menu li .sub-intro{ max-width:1280px; margin:0 auto; padding:2% 0;} .Top002374 .header-menu li .sub-right{width:38%;float: right;} .Top002374 .header-menu li .sub-left{ width:58%;padding-bottom:18px;float: left;} .Top002374 .header-menu li .sub-menu dt{ width:33.333%; float:left; text-align:left;} .Top002374 .header-menu li .sub-menu dt > a{ padding:0;} .Top002374 .header-menu li .sub-menu dt a:hover{ background:none;color:#00479d;} .Top002374 .header-menu li .sub-three{ padding-top:3%; } .Top002374 .header-menu li .sub-three dd a{ font-size:12px; line-height:20px; color:#868484;} .Top002374 .sub-horizontal .sub-right .sub-menu >dl, .Top002374 .sub-horizontal .sub .sub-menu > dl{ width:100% !important;} .Top002374 .top-language{ background:url(../images/Top002374-icon_lang2.png) no-repeat 0 1px; padding-left:20px; padding-right:15px; margin-right:5px;} .Top002374 .top-language span{ color: #666; padding-left: 5px; padding-right:15px; background:url(../images/Top002374-icon_a2.png) no-repeat right center;} .Top002374 .top-language li{ display: none; position: absolute; border:1px solid #eee; list-style:none; width:100%; text-align:center; background:#fff;} .Top002374 .top-language:hover li{ display: block; } .Top002374 .top-language li a{ display:block; border-bottom:1px solid #eee; font-size: 14px; line-height:30px; transition:color 0.3s;} .Top002374 .top-language li a:last-child{ border-bottom:0;} .Top002374 .top-language li a:hover{ color:#fff; background:#00479d;} .Top002374 .open-search{ color:#999; font-size:21px; padding:0 15px; background:url(../images/Top002374-icon_search.png) no-repeat 0 1px;} .Top002374 .open-search span{ display: none; } .Top002374 .search-box{ position:absolute; top:100%; right:0; padding-top:7px; width:260px; display:none; overflow:hidden; height:46px;} .Top002374 .search-box .text{ width:100%; border:none; height:39px; line-height:39px; padding:0 40px 0 10px; color:#999;} .Top002374 .search-box .btn{ position:absolute; right:0; top:7px; height:39px; width:39px; background:url(../images/Top002374-icon.png) no-repeat center center;} .Top002374 .search-box .btn:after{ position:absolute; content:''; border:6px solid transparent; border-bottom-color:#fff; left:50%; margin-left:-6px; top:-12px;} @media(max-width:1024px){ .Top002374 .top-language{ background:url(../images/Top002374-icon_lang2.png) no-repeat 0 4px; } .Top002374 .open-search{ background:url(../images/Top002374-icon_search.png) no-repeat 0 4px; } .Top002374 .header{ position:relative; padding:3% 0;} .Top002374 .header-right{line-height:28px; } .Top002374 .header-right dd{ display:table-cell; vertical-align:middle;float:none;} .Top002374 .top-search{ margin-left:0;} .Top002374 #header-menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s;} .Top002374 #header-menu.header-menu-show{ opacity:1; left:0;} .Top002374 #header-menu ul{width:70%; max-width:300px;background:#00479d;height:100%; overflow:auto; max-height:100%; transform:translateX(-100%);transition:0.3s 0.3s;} .Top002374 #header-menu.header-menu-show ul{ transform:translateX(0);} .Top002374 #header-menu li a{ color:#fff; line-height:35px; padding:0 5%;} .Top002374 #header-menu li a:hover{ text-decoration: underline; } .Top002374 #header-menu li em{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); font-size:16px; padding:2% 0;} .Top002374 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.2);} .Top002374 #header-menu .sub-menu { color: #fff; padding: 10px; margin-bottom: 10px; } .Top002374 #header-menu .sub-right, .Top002374 #header-menu .sub-menu h3{ display: none; } .Top002374 #header-menu .sub-menu p{ margin: 0; line-height: 22px; display: none; } .Top002374 #header-menu .sub-menu dl{ } .Top002374 #header-menu li dt{ float:left; width:50%;} .Top002374 #header-menu li dt a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .Top002374 #header-menu li dt a::before{ display:inline-block; content:''; width:4px; height:4px; margin-right:5px; background:#fff; vertical-align:middle;} .Top002374 #open_menu{width:30px; height:28px; position:relative; z-index:101;} .Top002374 #open_menu i, .Top002374 #open_menu::before, .Top002374 #open_menu::after{ position:absolute; left:0; width:100%;height:3px; background:#00479d;} .Top002374 #open_menu i{ top:50%; margin-top:-1.5px;} .Top002374 #open_menu::before, .Top002374 #open_menu::after{content:'';} .Top002374 #open_menu::before{ top:4px;} .Top002374 #open_menu::after{ bottom:4px;} .Top002374 #open_menu.open_menu_on i{ background:transparent;} .Top002374 #open_menu.open_menu_on::before, .Top002374 #open_menu.open_menu_on::after{ background:#fff; bottom:auto; top:50%; transform:rotate(45deg);} .Top002374 #open_menu.open_menu_on::after{transform:rotate(-45deg);} } @media(max-width:480px){ .Top002374 .header{ padding: 5% 0; } .Top002374 .logo{ max-width:130px; } } /* 首页banner */ .Banner001199{ position:relative; z-index:1;} .Banner001199 .list{ position:relative; z-index:1;} .Banner001199 .list li.has-links{cursor: pointer;} .Banner001199 .list li a{ height:32.291666vw; display:block; background-position: center top; background-repeat:no-repeat; background-size:auto 100%;} .Banner001199 .list li .ph, .Banner001199 .list li .small{ display: none; } .Banner001199 .list li video{position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); width: 100%; min-height: 100%; z-index: 20;background: #000;/*object-fit: cover;*/} .Banner001199 .list .bx-controls{ display:none;} .Banner001199 .txt{background-color:rgba(8,129,222,0.75);} .Banner001199 .txt dd{ position:relative; color:#fff; display:none; overflow:hidden;} .Banner001199 .txt dd span{ font-size:30px;padding-top:10px;} .Banner001199 .txt .auto{ position:relative; z-index:3;} .Banner001199 .txt .button{ position:absolute; right:0; bottom:100%; margin-bottom:50px;} .Banner001199 .button a{ float:left; width:90px; height:50px; border: 4px solid #bababb; cursor:pointer; position: relative; } @media(min-width:640px){ .Banner001199 .txt .button{ display: none; } .Banner001199:hover .txt .button{ display: block; } .Banner001199 .button a .icon{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/dots.png) no-repeat center center;background-size: auto 80%; z-index: 10;} .Banner001199 .button a.active .icon{background-image: url(../images/dots1.png);} } @media(max-width:640px){ .Banner001199 .txt .button{right: 2%; margin-bottom: 10px;} } .Banner001199 .button a::after{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; display: block; content: ''; background: rgba(0,0,0,0.5); } .Banner001199 .button a img{ width: 100%; height: 100%; } .Banner001199 .button a.active::after{ background: rgba(0,0,0,0); } .Banner001199 .videobox{ position: relative;} .Banner001199 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .Banner001199 .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;} .Banner001199 .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;} .Banner001199 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: none;} .Banner001199 .video video{ width: 100%; height: 100%; background: #000;} @media(max-width:1024px){ .Banner001199 .list li a{ display:none; } .Banner001199 .list li .ph{ display: block; } } @media(min-width:769px){ .Banner001199 .txt{ position:absolute; width:100%; left:0; bottom:0; z-index:2; background-color:rgba(8,129,222,0.75);} } @media(min-width:641px){ .Banner001199 .txt dd{padding-left:155px;} .Banner001199 .txt dd span{ position:absolute; left:0; top:50%; height:40px; line-height:40px; margin-top:-20px; width:140px; padding-top:0;} .Banner001199 .txt dd span::before{ position:absolute; content:''; width:1px; height:80%; background-color:#fff; right:0; top:10%;} .Banner001199 .txt dd p{ height:38px; overflow:hidden; line-height:19px; margin:14px 0;} } @media(max-width:768px){ .Banner001199 .list li a{ height:350px;} } @media(max-width:480px){ .Banner001199 .list li .ph{ display: none; } .Banner001199 .list li .small{ display: block; } .Banner001199 .list li a{ height:250px;} .Banner001199 .button a{width:40px; height:40px; margin-left:5px;} .Banner001199 .txt dd span{ font-size:20px; display:block;} } @media(max-width:375px){ .Banner001199 .list li a{ height:200px;} } /* 首页banner下的四个快捷入口 */ .Floor002491{ padding: 2% 0 3%; width: 100%; height: 331px; position: relative; z-index:9; background: url(../images/Floor002491_bg.jpg) no-repeat;background-size: cover; } .Floor002491 .home_title h1{ color: #fff; } .Floor002491 .home_title p{ color: #fff; opacity: 0.6; } .Floor002491 ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .Floor002491 ul li{ width: 100%;float: left; height: 200px; margin-bottom: 10px; background-position: 0 0; position: relative; background-size: cover; background-repeat: no-repeat; position: relative;overflow: hidden; background-position: center; } .Floor002491 ul li a{ display: block; color: #fff;position: absolute; width: 100%;height: 100%;left: 0;bottom: 0; padding: 45px 20px 50px 30px; color: #666; } .Floor002491 ul li h2{ font-size: 24px; margin: 0 0 15px 0; } .Floor002491 ul li p{ line-height: 24px; } @media screen and (min-width:1000px ){ .Floor002491 ul li{height: 251px; width: 20%; } .Floor002491 ul li.on{width:40%; } } @media(max-width:1024px ){ .Floor002491{ height: auto; background: url(../images/Floor002491_bg.jpg) no-repeat; background-size: cover; } } @media(max-width:768px ){ .Floor002491 ul li{ width: 49%; margin-right: 2%; float: left; height: 220px; } .Floor002491 ul li:nth-of-type(2n){ margin-right: 0; } } @media(max-width:480px ){ .Floor002491{ height: auto; background-size: cover; } .Floor002491 ul li{ width: 100%; margin-right: 0; height: 180px; } .Floor002491 ul li h2{ font-size: 20px; } } /* 首页标题 */ .home_title { position: relative; text-align: center; padding-bottom: 30px;} .home_title h1 { font-size: 36px; margin-bottom: 15px; color: #666; position: relative; z-index: 3; } .home_title p{ font-size: 16px; color: #999; line-height: 26px; } @media(max-width:768px ){ .home_title{ padding-bottom: 0; } .home_title h1 { font-size: 24px; } .home_title p{ font-size: 14px; padding: 0 15px; } } @media(max-width:480px ){ .home_title{ padding-bottom: 5px;} .home_title p{ line-height: 1.8; margin-top: 0; } } @media(max-width:320px ){ .home_title h1{ font-size: 20px; } } /* 首页-新闻 */ @font-face { font-family: "din-bold"; src: url("../fonts/din-bold/din-bold.woff2") format("woff2"), url("../fonts/din-bold/din-bold.woff") format("woff"), url("../fonts/din-bold/din-bold.ttf") format("truetype"), url("../fonts/din-bold/din-bold.eot") format("embedded-opentype"), url("../fonts/din-bold/din-bold.svg") format("svg"); font-weight: normal; font-style: normal; } .Floor002722{ padding:7.5% 0 0;} @media only screen and (min-width:1024px ) { .Floor002722 .HTit h1 { font-size: 32px; } } .Floor002722 .copy-html{ display:none;} .Floor002722 .tab >.auto{ position:relative;} .Floor002722 .tab >.auto a{ position:absolute; right:0; top:18px; color:#999; font-size:16px;} .Floor002722 .tab >.auto a span{ display:inline-block; width:15px; height:15px; border:1px solid #999; position:relative; vertical-align:middle; margin-left:10px;} .Floor002722 .tab >.auto a span:before, .Floor002722 .tab >.auto a span:after{ position:absolute; content:''; background:#999; } .Floor002722 .tab >.auto a span:before{width:9px; left:2px; height:1px;top:6px;} .Floor002722 .tab >.auto a span:after{ width:1px; left:6px; top:2px; height:9px;} .Floor002722 .tab >.auto a:hover{ color:#b39959;} .Floor002722 .tab >.auto a:hover span{ border-color:#b39959;} .Floor002722 .tab >.auto a:hover span:before, .Floor002722 .tab >.auto a:hover span:after{background:#b39959;} .Floor002722 .tab li{ float:left; text-align:center; cursor:pointer;} .Floor002722 .tab li span{ display:block;position:relative; font-size:28px; color:#999; line-height:36px;} .Floor002722 .tab li:not(:last-child) span::after{ position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); width:1px; height:25px; background:#e7e7e7; content:'';} @media(min-width:641px){ .Floor002722 .tab ul{ width:80%; margin:0 auto; max-width:304px;} .Floor002722 .tab li{ width:50%; } } @media(max-width:640px){ .Floor002722 .tab li span{ font-size:20px; padding-right:20px; } .Floor002722 .tab li{margin-right:20px;} .Floor002722 .tab >.auto a{ top:7px; font-size:14px;} } /*slick Basic*/ .Floor002722 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002722 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002722 .slick-list:focus {outline: none} .Floor002722 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002722 .slick-slider .slick-track, .Floor002722 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002722 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002722 .slick-track:before, .Floor002722 .slick-track:after{display: table; content: '';} .Floor002722 .slick-track:after{ clear: both;} .Floor002722 .slick-loading .slick-track { visibility: hidden;} .Floor002722 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002722 .slick-slide .slick-loading img { display: none;} .Floor002722 .slick-slide .dragging img { pointer-events: none;} .Floor002722 .slick-initialized .slick-slide { display: block;} .Floor002722 .slick-loading .slick-slide { visibility: hidden;} .Floor002722 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002722 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002722 .news-top{ } .Floor002722 .news-top .left{ width: 57%; float: left; } .Floor002722 .news-top .auto{ } .Floor002722 .news-top li.slick-slide{ position:relative;} .Floor002722 .news-top li.slick-slide .inner{ } .Floor002722 .news-top li.slick-slide h1{ margin:0; font-size:18px; } .Floor002722 .news-top li:hover h1 a{ color:#00479d;} .Floor002722 li.slick-slide p{ margin:0; line-height: 22px; font-size: 14px; height: 44px; overflow: hidden; } .Floor002722 .news-top .slick-dots li{ cursor:pointer;display:inline-block; width:12px; height:12px; background: rgba(255,255,255,0.4); border-radius:50%; margin-right:10px;} .Floor002722 .news-top .slick-dots li button{ display:none;} .Floor002722 .news-top .slick-dots li.slick-active{ background: #efc11d;} .Floor002722 .news-top .dl{ float: right; width: 42%; padding-bottom: 40%; position: relative; } .Floor002722 .news-top dd{ width: 100%; height: 48.6%; position: absolute; left: 0; overflow: hidden; } .Floor002722 .news-top dd h2{ font-size: 18px; font-weight: bold; } .Floor002722 .news-top dd .Ispic{ width: 100%; position: absolute; height: 100%; left: 0;transition:0.5s;} .Floor002722 .news-top dd:hover .Ispic{ transform: scale(1.1);} .Floor002722 .news-top dd:first-of-type{ top: 0; } .Floor002722 .news-top dd:last-of-type{ bottom: 0; border-radius: 0 0 10px 0; } .Floor002722 .news-top dd .txt h2{position: absolute; left: 30px; bottom: 30px; margin: 0; width: 100%; z-index:10; color: #fff; } .Floor002722 .Popup{ position: fixed; width: 100%; bottom:0; top: 0; left: 0; background:rgba(0, 0, 0, 0.75) none repeat scroll 0 0 !important;filter:Alpha(opacity=75); background:#000; display: none; z-index: 100;} .Floor002722 .Popup .ytable{height: 100%;} .Floor002722 .Popup .video{ max-width: 960px; width: 90%; margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);} .Floor002722 .Popup .video video{ width: 100%; display: block;} .Floor002722 .videobox{ position: relative; border-radius: 0 10px 0 0;} .Floor002722 .videobox::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: rgba(0,0,0,0.5); z-index: 1; transition:0.5s;} .Floor002722 .videobox:hover::after{ background: rgba(0,0,0,0.7); } .Floor002722 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 100%;transition:0.5s;} .Floor002722 .videobg .play{ display: block; background: url(../images/Floor002722-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 5; } .Floor002722 .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; z-index: 2; } .Floor002722 .news_list{ padding-top: 1%; } .Floor002722 .news_list .slick-slider{ padding-right:7.66%; border-radius: 10px;} .Floor002722 .news_list .slick-slider::after{ position:absolute; content:''; width:1px; height:100%; background:#dedede; right:7.66%; top:0; z-index:10;} .Floor002722 .news_list .slick-arrow{ font-size:0; background:#fff; z-index:10; border:1px solid #dedede; border-left:0;position:absolute; right:0; width:7.66%; height:50%; padding:0; cursor:pointer;} .Floor002722 .news_list .slick-arrow:before{ position:absolute; content:''; width:24px; height:24px; border-right:2px solid #999; border-top:2px solid #999; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); top:50%; left:50%; margin:-12px 0 0 -10px;} .Floor002722 .news_list .slick-arrow:hover{ background:#00479d;} .Floor002722 .news_list .slick-arrow:hover:before{ border-color:#fff;} .Floor002722 .news_list .slick-prev{ top:0; border-bottom:0;} .Floor002722 .news_list .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); } .Floor002722 .news_list .slick-next{ bottom:0;} .Floor002722 .news_list .slick-next:before{ margin-left:-19px;} .Floor002722 .news_list li{ border-left:0; } .Floor002722 .news_list li a{ display:block; padding:10% 10% 8%; position:relative; border:1px solid #dedede; border-right: 0; } .Floor002722 .slick-slide:first-child{ border-radius: 10px 0 0 10px;} .Floor002722 .news_list li a:before{position:absolute; content:''; left:0; top:0; width:100%; height:100%; border:1px solid #efc11d; opacity:0; transition:0.5s;} .Floor002722 .news_list li h2{ margin:0; font-size:18px; line-height:1.555em; min-height:3.11em;} .Floor002722 .news_list li p{ margin:3% 0; color: #999; } .Floor002722 .news_list li a:hover h2{color:#00479d;} .Floor002722 .news_list li:hover a:before{ opacity:1;} @media(min-width:769px){ .Floor002722 .news-top li.slick-slide .Ispic{ position:relative; width:100%; padding-bottom: 70.1%; display: block; border-radius: 10px 0 0 10px; overflow: hidden; transition:0.5s; } .Floor002722 .news-top li.slick-slide .Ispic:hover{ transform: scale(1.1); } .Floor002722 .news-top li.slick-slide .txt{ position: absolute; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.4) 100%); border-radius: 10px 0 0 10px; } .Floor002722 .news-top li.slick-slide .txt time{ padding-bottom: 10px; display: inline-block;} .Floor002722 .news-top li.slick-slide .txt *{ color: #fff; } .Floor002722 .news-top li.slick-slide .inner{ padding:4% 15% 4% 4%; } .Floor002722 .news-top .slick-dots{ z-index:10; position:absolute; right:2%; text-align:right; bottom:6%; } } @media(max-width:1024px){ .Floor002722{ padding:2% 0 0;} .Floor002722 .news-top .left{ width: 100%; } .Floor002722 .news-top{border-radius: 20px 0; } .Floor002722 .news-top .dl{ margin: 20px 0; } .Floor002722 .news-top .dl{ width: 100%; } .Floor002722 .news-top .dl dd{ width: 49%; height: 100%; left: 0; top: 0; } .Floor002722 .news-top .dl dd:nth-of-type(2n){ margin-right: 0; left: inherit; right: 0; } } @media(max-width:768px){ .Floor002722 .news_list{ padding-top: 0; } .Floor002722 .news-top li.slick-slide .Ispic{ position:relative; padding-bottom:56%; display:block;} .Floor002722 .news-top li.slick-slide .txt{ padding: 2% 2% 0; background: #f5f5f5; } .Floor002722 .news-top li.slick-slide .inner{ } .Floor002722 .news-top .slick-dots{ text-align:left; padding:10px 2%; background: #f5f5f5; left: 2%; } .Floor002722 .news-top .slick-dots li{ border-color:#ccc; background: #999; } } @media(max-width:640px){ .Floor002722 .news-top{border-radius: 10px 0;} .Floor002722 .news-top li.slick-slide .Ispic aside{ right:5%;} .Floor002722 .news-top li.slick-slide h1{ font-size:16px;} .Floor002722 .news-top .dl{ padding-bottom: 0; margin: 10px 0; } .Floor002722 .news-top .dl dd{ width: 100%; height: 200px; margin-bottom: 10px; margin-right: 0; position: relative; left: inherit; } .Floor002722 .news-top .dl dd:nth-of-type(2){ margin-bottom: 0; } .Floor002722 .news_list li a{ padding:5% 3%;} .Floor002722 .news_list .slick-slider{ padding-right:50px;} .Floor002722 .news_list .slick-arrow{ width:50px;} .Floor002722 .news_list .slick-arrow:before{ margin:-12px 0 0 -5px;} .Floor002722 .news_list .slick-slider::after{ right:50px;} .Floor002722 .news_list li h2{ font-size:16px;} .Floor002722 .Popup .video{ margin-top: 30% !important; } } @media(max-width:320px){ .Floor002722 .news-top li.slick-slide h1{ font-size:14px;} } /* 首页 解决方案 */ .Floor002411 { padding: 2% 0 4% 0; } .Floor002411 .wrap-Tit { position: relative; text-align: center;} .Floor002411 .wrap-Tit h1 { font-size: 24px; color: #000; position: relative; z-index: 3; } .Floor002411 .wrap-Tit .line{ width:40px; height:3px; background:#000; overflow:hidden; margin:0 auto 20px auto; position:relative; z-index:2;} @media only screen and (min-width:1024px ) { .Floor002411 .wrap-Tit h1 { font-size: 32px; } } .Floor002411 .wrap-content { position: relative; min-height: 487px; } .Floor002411 nav{ } .Floor002411 nav li{ width: 20%; float: left; } .Floor002411 nav li a { display: block; background: #00479d; color: #fff; font-size: 15px; position: relative; padding: 20px 30px; } .Floor002411 nav li:first-of-type a{ border-radius: 10px 0 0 0; } .Floor002411 nav li:last-of-type a{ border-radius: 0 10px 0 0; } .Floor002411 nav li a .icon{ width: 70px;} .Floor002411 nav li a b{ position: absolute; top: 50%; transform: translateY(-50%); font-weight: normal; font-size: 65px; opacity: 0.08; text-transform: uppercase; font-family: Impact, Arial Black," sans-serif";} .Floor002411 nav li a.active:before{position: absolute; content: ''; left: 50%; border:8px solid transparent; border-top-color: #003276; top: 100%; margin-left: -4px;} .Floor002411 nav li a.active { background: #003276; font-weight: bold; } @media only screen and (min-width:1024px ) { .Floor002411 nav li a { font-size: 17px; } } .Floor002411 .bx-wrapper { position: relative;} .Floor002411 .bx-wrapper .item{ background: #f9f9f9; border-radius: 0 0 10px 10px; } .Floor002411 .bx-pager { display: none; } .Floor002411 .bx-controls-direction a{position: absolute; z-index: 10; top: 50%;background: none;border: 0;font-size: 0; height: 44px !important; width: 44px !important; margin-top: -22px; border-bottom: 3px solid #ccc; border-right: 3px solid #ccc; cursor: pointer;} .Floor002411 .bx-controls-direction a:hover{ border-bottom: 3px solid #00479d; border-right: 3px solid #00479d; } .Floor002411 .bx-controls-direction .bx-prev{left: -5%;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002411 .bx-controls-direction .bx-next{right: -5%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} @media only screen and (max-width:1024px ) { .Floor002411 .bx-wrapper { padding-right: 0; } .Floor002411 .bx-controls-direction { display: none; } } .Floor002411 .word{ padding: 3% 5%;} .Floor002411 .word h3 { font-size: 20px; color: #00479d; margin: 0; position: relative; z-index: 3; } .Floor002411 .word h3:after { content: ""; margin: 15px 0 12px; width: 20px; height: 3px; background: #efc11d; display: block; } .Floor002411 .word figure { font-size: 16px; line-height: 30px; color: #888;} @media only screen and (min-width:1024px ) { .Floor002411 .word h3 { font-size: 28px;} .Floor002411 .pic{ width: 100%; float: right; border-radius:0 0 10px 0; overflow: hidden; } .Floor002411 .pic img{ border-radius:0 0 10px 0; overflow: hidden; transition:ease 0.5s;} .Floor002411 .pic:hover img{ transform: scale(1.1); } } .Floor002411 .word .more { display: block; border: 1px solid #00479d; line-height: 40px; border-radius: 40px; overflow: hidden; max-width: 150px; width: 70%; text-align: center; color: rgba(23,61,147,.6); position: relative; margin-top: 20px; transition: color .5s; } .Floor002411 .word .more span { padding-right: 25px; background: url(../images/Floor002411-more_icon.png) no-repeat right center; position: relative; z-index: 3; } .Floor002411 .word .more:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #00479d; transition: width .5s; } .Floor002411 .word .more:hover { color: #fff; } .Floor002411 .word .more:hover:after { width: 100%; } @media only screen and (min-width:1024px ) { .Floor002411 .word .more { margin-top: 40px; } } @media(max-width:1024px ) { .Floor002411 .wrap-content{ min-height: inherit; } .Floor002411 nav li a{ font-size: 14px; } .Floor002411 .word .more { margin-top: 20px; } } @media(max-width:768px ) { .Floor002411 nav li a{ padding: 10px; } .Floor002411 nav li a .icon{ width: 55px; } .Floor002411 .word figure { font-size: 14px; line-height: 24px; } } @media(max-width:480px ) { .Floor002411 nav{ margin-bottom: 15px; } .Floor002411 nav li{ width: 33.333%; text-align: center; } .Floor002411 nav li:first-of-type a, .Floor002411 nav li:last-of-type a{ border-radius: 0; } .Floor002411 nav li a b{ display: none; } .Floor002411 nav li a .icon{ width: 100%; display: block; } .Floor002411 nav li a .icon img{ width: 35px; } .Floor002411 nav li a .txt{ display: block; position: relative; font-size: 14px; } .Floor002411 nav li a .txt span{ line-height: 30px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Floor002411 .word, .Floor002411 .pic{ width: 100%; display: block; } .Floor002411 .word{ padding: 20px;} .Floor002411 .word figure { font-size: 14px; line-height: 24px; } .Floor002411 nav li a.active:before{ display: none; } } @media(max-width:320px ) { } /* 首页- 乾行达，致力实现交通零死亡 */ .Floor002529 { padding: 4% 0 2.5%; background: url(../images/bg.jpg) no-repeat center center; background-size: cover; } .Floor002529 .info { text-align: center; } .Floor002529 .info h1 { color: #fff; font-size: 32px; } .Floor002529 .info .line{ width:40px; height:3px; background:#fff; overflow:hidden; margin:0 auto 20px auto; position:relative; z-index:2;} .Floor002529 .info figure { padding: 0 15%; font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.6); } .Floor002529 .intro .ul_num { margin: 4% auto; } .Floor002529 .intro .ul_num li { float: left; width: 27%; font-size: 24px; color: #fff; } .Floor002529 .intro .ul_num li:last-child { width: 19%; } .Floor002529 .intro .ul_num li .icon{ text-align: center; } .Floor002529 .intro .ul_num li .icon img{ } .Floor002529 .intro .ul_num li span { color: #efc11d; font-family: Impact, Arial Black, " sans-serif"; font-size: 48px; } .Floor002529 .intro .ul_num li p { font-size: 18px; margin: 18px 0 15px 0; } .Floor002529 .intro .ul_num .center{ text-align: center; } @media(max-width:1024px) { } @media(max-width:768px) { .Floor002529 .info h1 { font-size: 24px; } .Floor002529 .info figure { font-size: 14px; padding: 0 15px; line-height: 1.8; } } @media(max-width:640px) { .Floor002529 .intro .ul_num li { width: 50% !important; margin: 2% 0; } .Floor002529 .intro .ul_num li span { font-size: 32px; } .Floor002529 .intro .ul_num li p { font-size: 16px; margin: 10px 0 0; } } @media(max-width:320px) { .Floor002529 .info h1 { font-size: 20px; } } /*home_culture */ .home_culture { padding: 4% 0 6%; background: url(../images/home_culture_bg.jpg) no-repeat center center; background-size: cover; } .home_culture .home_title h1, .home_culture .home_title p{ text-align: right; } .home_culture dl{ padding-bottom: 30%; position: relative; width: 70%; float: right; } .home_culture dd a, .home_culture dd .Ispic{ width: 100%; height: 100%; left: 0; top: 0;} .home_culture dd{ position:absolute; width:26%; height:49%; overflow: hidden; } .home_culture dd:nth-child(1){ left:0; top:0; width:44%; height:100%;} .home_culture dd:nth-child(2), .home_culture dd:nth-child(3){ top:0; } .home_culture dd:nth-child(4), .home_culture dd:nth-child(5){ bottom:0;} .home_culture dd:nth-child(2), .home_culture dd:nth-child(4){ left:46%;} .home_culture dd:nth-child(3), .home_culture dd:nth-child(5){ right:0;} .home_culture dd .Ispic{ background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 0; transition: 0.5s; } .home_culture dd:hover .Ispic{ transform: scale(1.1)} .home_culture dd .txt{ position: absolute; width: 100%; height: 100%; display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-box-orient: vertical;text-align: center; color: #fff; padding: 0 5%;z-index: 15; } .home_culture dd:nth-of-type(1) .txt{ padding: 15% 8% 0 8%; display: inherit; -webkit-box-pack: inherit; -webkit-box-align: inherit;-webkit-box-orient: inherit; text-align: inherit; background:url(../images/home_culture_bt.png) no-repeat 90% 83%; color: #4f4f4f; } .home_culture dd:nth-of-type(1) .txt h2{ font-size: 24px; margin-bottom: 20px; } .home_culture dd .txt h2{ font-size: 22px; margin: 0 0 5px 0; } .home_culture dd .txt span{ line-height: 26px; height: 48px; overflow: hidden; display: inline-block; } .home_culture dd:nth-of-type(1) .txt span{ height: 104px; } @media(max-width:768px) { .home_culture dd:nth-of-type(1) .txt h2, .home_culture dd .txt h2{ font-size: 18px; } .home_culture dd:nth-of-type(1) .txt span{ height: 44px; } .home_culture dd .txt span{ line-height: 22px; height: 44px; overflow: hidden; display: block; } } @media(max-width:640px) { .home_culture{ background: none; } .home_culture dd .txt h2{ font-size: 20px; } .home_culture dl{ width: 100%; padding-bottom: 60%; } .home_title p{ padding: 0; } .home_culture dl{ padding-bottom: 0; } .home_culture .home_title h1, .home_culture .home_title p{ text-align: center; padding: 0 15px; } .home_culture dd:nth-child(1), .home_culture dd:nth-child(2), .home_culture dd:nth-child(3), .home_culture dd:nth-child(4), .home_culture dd:nth-child(5){ width: 100%; height:200px; left:inherit; right: inherit; position: relative; } .home_culture dd:nth-of-type(1) .txt{ color: #fff; text-align: center; padding-top: 10%; } .home_culture dd .txt span{ font-size: 16px; } .home_culture dd:nth-of-type(1) .txt h2, .home_culture dd .txt h2{ margin-bottom: 10px; font-size: 20px; } .home_culture dd:nth-of-type(1) .txt{ position: absolute; width: 100%; height: 100%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; -webkit-box-orient: vertical; text-align: center; color: #fff; padding: 0 5%; background-image:none; } } @media(max-width:320px) { } /* 底部 */ #bsWXBox { box-sizing: content-box; } .Bottom002728 { padding-top: 4%; background: #222; } .Bottom002728 .bdsharebuttonbox{ padding-top: 10px; } .Bottom002728 .bdsharebuttonbox a{ display:inline-block; float:none;width:36px; height:36px; border-radius:50%; background:url(../images/Bottom002673_share.png) no-repeat left center #333; background-size:cover;} .Bottom002728 .bdsharebuttonbox a.bshare-sinaminiblog{ background-position: -36px center;} .Bottom002728 .bdsharebuttonbox a.bshare-qqim{ background-position: -72px center;margin-right: 0} .Bottom002728 .copyright { color: #b3b3b3; border-top: 1px solid #333; padding: 40px 0; margin-top: 8%; } .Bottom002728 .copyright dt a{ display: inline-block; color: #b3b3b3; } .Bottom002728 .copyright dt a:not(:last-child):after { display: inline-block; width: 1px; height: 10px; background: #999; margin: 0 15px; content: ''; } .Bottom002728 .copyright dd a{ color: #b3b3b3; } .Bottom002728 .copyright dt a:hover, .Bottom002728 .copyright dd a:hover{ color: #fff; } .Bottom002728 .auto { position: relative;} .Bottom002728 .contact img { max-width: 122px;} .Bottom002728 .contact p{ margin: 0; line-height: 32px; color: #fff; } .Bottom002728 .contact .word p{ text-align: center; } .Bottom002728 .word { margin-top: 5px; color: #b3b3b3;} .Bottom002728 .contact .f-num-b { font-size: 24px; color: #4e90e0; margin-bottom: 5px; } .Bottom002728 nav dl{ float: left; } .Bottom002728 nav dl:first-child { max-width: 270px; } .Bottom002728 nav dt{ padding-bottom: 20px; font-size: 16px; } .Bottom002728 nav dt a{ color: #fff; } .Bottom002728 nav dt a:hover{ text-decoration: underline; } .Bottom002728 nav dd{ line-height: 28px; } .Bottom002728 nav dd i{ display: inline-block; vertical-align: middle; margin: 0 5px; background: #dadada; width: 30px; height: 1px; } .Bottom002728 nav dd a{ color: #b3b3b3;} .Bottom002728 nav dd a:hover{ color: #fff;} @media(min-width:1025px) { .Bottom002728 .copyright > * { max-width: 45%; } .Bottom002728 .copyright dt { float: left; } .Bottom002728 .copyright dd { float: right; max-width: 55%; } .Bottom002728 nav{ max-width: 1050px; min-height: 182px; } .Bottom002728 .contact { position: absolute; right: 0; top: 0; text-align: center; } } @media(max-width:1024px) { .Bottom002728 nav { display: none; } .Bottom002728 .contact .word p{ text-align: center; } .Bottom002728 .contact div.f-num-b { padding: 10px 0; } .Bottom002728 .copyright { margin-top: 5%; } .Bottom002728 .copyright, .Bottom002728 .contact { text-align: center; } .Bottom002728 .copyright dt { padding-bottom: 10px; } } @media(max-width:768px) { } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:400px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 aside{ position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:33px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1024px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /* 栏目页菜单 */ .Menu002188{ transition: .3s;background:#fff; border-bottom:1px solid #e3e3e3;} .Menu002188.on{position: fixed;width: 100%;z-index: 99;border: none;top: 88px;box-shadow:1px 2px 10px rgba(0,0,0,0.2)} .Menu002188 .owl-nav{ display: none; } .Menu002188 .owl-stage-outer{ overflow: hidden; } .Menu002188 .Menu{ width: 75%; } .Menu002188 .Menu li{float:left;padding:20px 0;margin-right: 40px;} .Menu002188 .Menu li:last-of-type{ margin-right: 0; } .Menu002188 .Menu li a{font-size: 18px;color:#333;padding-bottom:19px;position:relative} .Menu002188 .Menu li a:after{ content:''; background:#00479d; height:3px; width:100%; position:absolute; left:0; bottom:-1px; display:none;} .Menu002188 .Menu li.aon a:after{ display:block;} .Menu002188 .Menu li.aon a,.Menu002188 .Menu li a:hover{ color:#00479d;} .Menu002188 .Currents{ text-align:right; color:#666; line-height:25px; float:right;padding-top: 20px;} .Menu002188 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu002188 .Currents a{color:#666; } .Menu002188 .Currents a:hover{color:#00479d;} @media (max-width: 1024px){ .Menu002188 .Currents{ display:none; } .Menu002188 .Menu{ width: 100%; } .Menu002188 .Menu li:last-of-type{ margin-right: 0; } } @media (max-width: 768px){ .Menu002188.on{top: 62px;} .Menu002188 .Menu li a{ font-size: 16px; } } @media (max-width: 480px){ } @media (max-width: 320px){ .Menu002188 .Menu li a{ font-size: 14px; } } /* 栏目页菜单 二级 */ .Menu002119{ background-color:#fff; padding:2% 0;} .Menu002119 ul{ text-align: center; } .Menu002119 li{ display:inline-block; margin-right:2px;} .Menu002119 li a{ display: inline-block; line-height:44px; height:44px; margin: 0 15px; font-size:16px; bborder-bottom:2px solid transparent; } .Menu002119 li a:hover, .Menu002119 li.aon a{ color:#00479d; border-bottom:2px solid #00479d; } @media(max-width:768px){ .Menu002119 li{ margin-bottom:2px;} } @media(max-width:640px){ .Menu002119 li{ margin:0 0 2px 0; width:25%; text-align:center;} .Menu002119 li a{ padding:0;} } @media(max-width:480px){ .Menu002119 li{ width:33.3333333%;} .Menu002119 li a{ font-size:14px; overflow:hidden;} } /* 新闻中心 内容框 */ .Cenbox{ background:#f8f8f8;} @media(max-width:1024px){ .Cenbox .fl{ float: left !important; } .Cenbox .fr{ float: right !important; } } /* 社交媒体 */ .sharemedia{ padding: 3% 0; } .sharemedia .content li{width:23%; margin-right: 2.6666%; margin-bottom: 2%; float:left; position:relative; overflow:hidden;} .sharemedia .content li:nth-of-type(4n){ margin-right: 0;} .sharemedia .content li a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; } .sharemedia .content li .li{transition:all .3s; background:#f9f9f9;} .sharemedia .content li .box{padding:25px;} .sharemedia .content li .box .img_{ text-align: center; } .sharemedia .content li .box .intro{ text-align: center; } .sharemedia .content li .box .intro .t{font-size:24px; color:#00479d; margin-top:15px; } .sharemedia .content li .box .intro .c{font-size:14px; color:#666; margin-top:7px; margin-bottom:10px;} .sharemedia .content li:hover .li{opacity:0; visibility:hidden; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8);} .sharemedia .content li:hover .li_hover{opacity:1; visibility:visible; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);} .sharemedia .content li .li_hover{position:absolute; opacity:0; visibility:hidden; overflow:hidden; width:100%; height:100%;left:0;top:0;z-index:2;-webkit-transform:scale(1.333,1.333); -ms-transform:scale(1.333,1.333); transform:scale(1.333,1.333); transition:all .3s ease; } .sharemedia .content li .li_hover .img{width:35%; margin:8% auto 5%;} .sharemedia .content li .li_hover .t{text-align:center; font-size:14px; color:#666;} @media(max-width:480px){ .sharemedia{ padding:0 0 30px 0; } .sharemedia .content li{ width:49%; margin-right: 2%; margin-bottom:2%;} .sharemedia .content li:nth-of-type(2n){ margin-right: 0; } .sharemedia .content li .box .intro .t{ font-size: 18px; } .sharemedia .content li .box{ height: 211px; } } @media(max-width:320px){ .sharemedia .content li{ width:100%; margin-right:0; margin-bottom:2%;} .sharemedia .content li .box{ height: auto; } } /* 06_媒体报道 */ .PicList002256{} .PicList002256 li{position:relative;margin:0 0 20px; width:100%; padding:20px 210px 20px 20px; background:#fff;overflow:hidden;} .PicList002256 li .pic{ position:absolute; right:10px; top:10px; width:180px; overflow:hidden;} .PicList002256 li .pic img{ transition:0.3s;} .PicList002256 li time{font-size: 16px;display:block;padding-left:25px; margin-bottom:5px; background:url(../images/Floor001854-time.png) no-repeat left center; } .PicList002256 li:hover .pic img{ transform:scale(1.1); } .PicList002256 li .txt .pic{ margin-bottom: 10px; display: block;} .PicList002256 li .txt .pic img{ width:180px; height:115px;} .PicList002256 li .txt h3{margin: 12px 0 1px;font-size: 18px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;color: #333;font-weight: normal;} .PicList002256 li .txt p{ margin:10px 0; color:#666; line-height: 24px; font-size: 14px; margin: 10px 0;} .PicList002256 li .txt .more{ background:url(../images/PicList002256-more.jpg) no-repeat right center; padding-right:20px;font-family: Arial;color: #a9a9a9;text-transform: uppercase;} .PicList002256 li:hover .txt h3 a, .PicList002256 li:hover .txt p{ color:#00479d} .PicList002256 .more{ margin:3% auto 3%; border:1px #00479d solid; max-width:40%; text-align:center; line-height:42px; color:#00479d; transition:0.3s; display:block;} .PicList002256 .more:hover{ background:#00479d; color:#fff;} @media(max-width:480px){ .PicList002256 li{ padding: 15px; } .PicList002256 li .pic{ position:relative; right:inherit; top:inherit; width:100%; overflow:hidden; } .PicList002256 li .pic img{ width:100%; } .PicList002256 li .txt{ padding-top: 20px; } .PicList002256 li .txt h3{ font-size: 16px; } } .Cenbox .w25{ margin-top:92px;} /* 06_媒体报道 */ .Floor001854{ padding:0% 0 3%; } .Floor001854 .dl dd{ float:left; width:31%; background:#fff; margin-bottom:3%; margin-right:3.5%; padding-bottom:3%; padding:20px; position:relative;} .Floor001854 .dl dd:nth-of-type(3n){ margin-right:0;} .Floor001854 .dl dd a{ display:block; color:#555;} .Floor001854 .dl dd h3{margin:0;font-size: 18px;font-weight:normal;color: #333;line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;} .Floor001854 .dl dd p{margin:10px 0;line-height:24px;height: 48px;overflow:hidden;} .Floor001854 .dl dd time{display:block;line-height:20px;padding-left:25px;margin: 15px 0;background:url(../images/Floor001854-time.png) no-repeat left center;font-size: 14px;color: #666;} .Floor001854 .dl dd a:after{ background:url(../images/Floor001854-icon.png) no-repeat right top; height:9px; display:block; content:'';} .Floor001854 .dl dd:hover a h3{ color:#00479d;} .Floor001854 .dl dd:after{content:''; width:100%; height:5px; position:absolute; left:0; bottom:0; background:#d1d1d1;} .Floor001854 .dl dd:before{content:''; width:0%; height:5px; background:#efc11d; position:absolute; left:0; bottom:0; transition:all 0.6s ease;} .Floor001854 .dl dd:hover:before{width:100%; z-index:3} .Floor001854 .more{ margin:3% auto 3%; border:1px #00479d solid; max-width:40%; text-align:center; line-height:42px; color:#00479d; transition:0.3s; display:block;} .Floor001854 .more:hover{ background:#00479d; color:#fff;} /* 时间排序 */ .sorting dl{padding: 30px 0 30px;line-height:30px;} .sorting dl dt{float:left;font-size:18px;color:#333;margin-right: 8px;} .sorting dl dd {font-size: 16px;padding: 0 5px 0 0;float:left;margin-right:12px; height: 32px;} .sorting dl dd span { display: inline-block; vertical-align: middle; padding-left:2px;color: #666; } .sorting dl dd .i { display: inline-block; cursor: pointer; vertical-align: middle; width: 16px; height: 16px; border-radius: 15px; border: 1px solid #cdcdcd; background: #eee; position: relative; } .sorting dl dd .i em { display: block; width: 6px; height: 6px; border-radius: 6px; overflow: hidden; margin: 4px auto; } .sorting dl dd:hover .i em, .sorting dl dd.on .i em { background: #00479d; } .sorting dl dd:hover .i, .sorting dl dd.on .i { border-color: #00479d; } .sorting dl dd:hover, .sorting dl dd.on { color:#00479d} /* 06_媒体报道 新闻搜索 关键词搜索*/ .Form002319{ margin: 0 auto; font-size: 14px;} .phoneshow002319{ display: none; } .Form002319 .box{background:#fff; margin-bottom:20px; padding:30px 20px;} .Form002319 .box ul li{ float:left; line-height:24px; border-radius:24px; border:1px #e6e6e6 solid; margin-bottom:10px; margin-right:10px; padding:5px 20px;} .Form002319 h3{ font-size:18px; color:#666; margin-top:0;} .Form002319 .row dl{ width: 100%;position: relative; line-height: 40px; margin-bottom: 15px; position:relative;} .Form002319 .row dl:after{content:'';margin-left: 10px;width: 0;height: 0;border-width: 7px;border-style: solid;border-color:#666 transparent transparent transparent;position:absolute;right: 10px;top: 16px;} .Form002319 .row dl.inputbox:after{ display:none;} .Form002319 .row dl em{ font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block;} .Form002319 input.text{ border: 1px solid #f0f0f0; background: #f4f4f4; display: block; height: 40px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333;} .Form002319 input.text::-ms-input-placeholder{ color: #aaa;} .Form002319 select{border: 1px solid #f0f0f0; background:#f4f4f4; display: block; height: 40px; width: 100%; padding: 5px 10px; color: #666; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; position:relative} .Form002319 select::-ms-expand { display: none; } .Form002319 .btn{ background: #00479d; height: 40px; display: block; border: 1px solid #00479d; width:100%; font-size: 14px; color: #fff;} @media(max-width:1024px){ .Floor001854 .auto{ padding:0; } .Floor001854 .dl dd h3{ height: 30px; } .sorting dl dt{ font-size:16px; } .sorting dl dd{ font-size:14px; } } @media(max-width:768px){ .Form002319 .box{ padding:15px;} .Floor001854 .dl dd{ float:none; width:auto; margin:0 0 3% 0 !important;} .Floor001854 .dl dd p{ height:auto; max-height:72px;} } @media(max-width:480px){ .Cenbox{ padding: 20px 0; } .Cenbox .w72{ width: 100% !important; } .Cenbox .w25{ display: none; } .Form002319{ display: none; } .phoneshow002319{ display: block; } .sorting dl{ padding:0 0 15px; } .sorting dl dt{ font-size:14px; } .Form002319 h3, .Floor001854 .dl dd h3{ font-size: 16px; } .Form002319 .box{ margin-bottom: 10px; } .Form002319 .box1 .row{ width: 31%; float: left; margin-right: 3.5%; } .Form002319 .box1 .row:nth-of-type(3){ margin-right: 0; } .Form002319 .box1 .ss{ width: 100%; float: left; width: 60%; margin-right: 0; } .Form002319 .box1 .ssbt{ width: 35%; margin-right: 0; float: right; } .Form002319 .row dl.inputbox{ margin-bottom: 0; } } /* 06_视频中心 */ .PicList002796{ position:relative; } .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,71,157,0.5); display:none; transition:0.3s;} .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: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 18px solid #fff;margin-left: -5px;margin-top: -11px;} .PicList002796 li:hover figure a{ display:block; } .PicList002796 li p{font-size: 16px;text-align:center;color: #333;line-height: 28px;text-align: center;overflow: hidden;} .PicList002796 time{ background: #ff6900; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;} @media(min-width:769px){ .PicList002796 li{float: left;width: 31%;margin-right: 2.5%;margin-bottom: 1%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796 li{ width: 49%; margin-right:2%; margin-bottom: 2%; float: left; } .PicList002796 li:nth-of-type(2n){ margin-right:0; } .PicList002796 figure em{ padding-bottom: 65%; background-size:cover;} } @media(max-width:480px){ .PicList002796{ padding: 20px 0; } .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .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;} .PicList002796 figure em{ padding-bottom: 60%; } } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /* 翻页 */ .Page002545 .Pages{ text-align:center; padding:2% 0 70px;} .Page002545 .Pages a{ display:inline-block; vertical-align:middle;} .Page002545 .Pages .p_cur, .Page002545 .Pages .p_count, .Page002545 .Pages .p_total, .Page002545 .Pages .p_jump, .Page002545 .Pages .a_first, .Page002545 .Pages .a_end{ display:none;} .Page002545 .Pages .a_prev, .Page002545 .Pages .a_next{ width:80px; height:20px; overflow:hidden; line-height:1000px; position:relative;} .Page002545 .Pages .a_prev::before, .Page002545 .Pages .a_prev::after, .Page002545 .Pages .a_next::before, .Page002545 .Pages .a_next::after{ position:absolute; content:'';} .Page002545 .Pages .a_prev::before, .Page002545 .Pages .a_next::before{ width:100%; left:0; height:2px; background:#000; top:50%; margin-top:-1px;} .Page002545 .Pages .a_prev::after, .Page002545 .Pages .a_next::after{ border:5px solid transparent; top:50%; margin-top:-5px;} .Page002545 .Pages .a_prev::after{ left:-5px; border-right-color:#000;} .Page002545 .Pages .a_next::after{ right:-5px;border-left-color:#000; } .Page002545 .Pages em{ vertical-align:middle;overflow:hidden; font-style:normal; display:inline-block; font-family:"MS Serif", "New York", serif; font-size:20px; font-weight:bold; margin:0 10px;} .Page002545 .Pages em a{ float:left; margin:0 10px;} .Page002545 .Pages a.a_cur{ border-bottom:2px solid #ccc;} @media(max-width:480px){ .Page002545 .Pages .a_prev, .Page002545 .Pages .a_next{ width:50px;} } /* 02_企业党建_info */ .RichInfo005{ padding: 3% 0; } .RichInfo005 .news_box .news_info .title{ background:none; height: auto; } .RichInfo005 .news_box .news_info .title{ background:none; height: auto; } .RichInfo005 .news_info .title{ text-align:center; background: url(../images/RichInfo005-bg.png) no-repeat center bottom; height: 180px; } .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; color: #333; } .RichInfo005 .news_info .title p{ margin:0; padding-bottom:20px; } .RichInfo005 .news_info .title p span{ margin:0 5px; font-size: 14px; color: #999;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph; padding: 30px 0; } .RichInfo005 .news_info .info .pic{ padding: 20px 0; display: block; margin: 0 auto; } .RichInfo005 .news_info .info .h2{ color: #333; text-align: center; } .RichInfo005 .news_info .info .p{ line-height: 30px; font-size: 16px; color: #666; margin-bottom: 20px; } .RichInfo005 .news_info .info .em{ font-size: 12px; color: #999; text-align: center; font-style: normal; } .RichInfo005 .news_info .info .em p{ margin-top: 0; } .RichInfo005 .news_info .info dl{ padding: 30px 0; } .RichInfo005 .news_info .info dd{ float: left; width: 49%; margin-right: 2%; } .RichInfo005 .news_info .info dd:nth-of-type(2n){ margin-right: 0; } .RichInfo005 .news_info .info dd p{ color: #999; font-size: 12px; text-align: center; } .RichInfo005 .news_info .info .span{ display: inline-block; margin: 0; font-size: 14px; color: #999; line-height: 30px; } .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:40px 0;} .RichInfo005 .news_info .info_back a{ font-size: 16px; display: inline-block; width: 140px; height: 40px; line-height: 40px; background:#075bac; border-radius: 5px; color: #fff; transition: 0.3s; } .RichInfo005 .news_info .info_back a:hover{ width: 160px; } .RichInfo005 .news_info .info_pn span{ display:block; line-height: 30px; font-size: 16px; } .RichInfo005 .news_info .info_pn span a{ color:#999; } .RichInfo005 .news_info .info_pn span a:hover{color:#075bac;} @media(max-width:480px){ .RichInfo005{ padding: 30px 0; } .RichInfo005 .news_info .title h1{ font-size:20px; } .RichInfo005 .news_info .info{ padding-bottom: 0; } .RichInfo005 .news_info .info dl{ padding: 15px 0; } .RichInfo005 .news_info .info_pn span{ font-size: 14px; } } /* 首页标题 */ .column_title{ position:relative; padding-bottom:30px; margin:0 auto; text-align:center; font-size:22px;} .column_title a{} .column_title aside{ font-size:75px;text-transform: uppercase;font-weight: bold; color: #f4f4f4; } .column_title span{ position:relative;font-size: 42px; margin-top: -77px; display: block; color: #00479d; font-weight: lighter; } .column_title span::after{ content: ''; display: block; width: 30px; height: 2px; background: #00479d; margin:30px auto 0;} .column_title p{ font-size: 16px; color: #666; } @media(max-width:768px){ .column_title aside{ font-size: 60px; } .column_title span{ margin-top: 0; margin-top: -68px;} .column_title span::after{ margin-top: 20px; } } @media(max-width:480px){ .column_title{ padding: 20px 0 10px; } .column_title aside{ display: none; } .column_title span{ margin-top: 0; font-size: 32px; } .column_title span::after{ margin-top: 10px; } } /* 05_院士工作站 */ .RighInfo002778{ padding:4% 0 ;} .RighInfo002778 .intro, .RighInfo002778 .img{ margin: 0 auto;} .RighInfo002778 .span{color:#eee; font-size: 20px; text-transform: uppercase; } .RighInfo002778 .h1{color:#00479d; font-weight: lighter; font-size:24px; margin:0 0 25px 0; position: relative; padding-bottom: 35px; } .RighInfo002778 .h1:after{ position: absolute; left:16px; bottom: 0; display:block; content:''; width:1px; height:30px;background-color:#00479d; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } .RighInfo002778 .p{color:#666; font-size:16px; margin: 0; line-height: 36px; padding-bottom: 20px; } .RighInfo002778 .box{margin-top: 4%;} .RighInfo002778 .box ul{position:relative; font-size: 0;} .RighInfo002778 .box li .Ispic{display: block; transition:all 0.5s;} @media(min-width:1000px){ .RighInfo002778 .intro{ padding-top: 3%; } .RighInfo002778 .img{ float:right; width:50%; position: relative; margin-left: 5%; } } @media(min-width:1400px){ .RighInfo002778 .h1{font-size:36px;} } @media(max-width:768px){ .RighInfo002778 .intro{ padding-top: 30px; } .RighInfo002778 .h1{ padding-bottom: 0; } .RighInfo002778 .h1:after{ display: none; } } @media(max-width:480px){ .RighInfo002778{ padding: 30px 0; } .RighInfo002778 .p{ font-size:14px; line-height: 30px; } } /* 创新研究列表页 */ .PicList001912{ padding: 3% 0; } .PicList001912 li{ margin-bottom:35px; border:1px solid #e3e3e3; padding:4px;} .PicList001912 li div{ background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff; padding:2% 3%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:27%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; width:69.5%; padding-top: 10px; } .PicList001912 li h3{ margin:0; line-height:50px; font-size:20px;} .PicList001912 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;} .PicList001912 li p{ line-height:26px; font-size: 15px; overflow:hidden; height:84px; color:#999;} .PicList001912 li .more{ color:#00479d;} @media(max-width:1000px){ .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;} } /* 05_博士后基地 */ .RighInfo001823{ padding: 2% 0 4%; } .RighInfo001823 .info{ line-height: 24px; } .RighInfo001823 .info .p{ font-size: 16px; line-height: 32px; } .RighInfo001823 .info .p strong{ color:#333; } .RighInfo001823 .info .cpic{ display: block; margin: 20px auto 40px;} .RighInfo001823 .info .rpic{ float:right; margin-left:1.3%; margin-top:52px; width:33%;} .RighInfo001823 .info .w62{ color:#00479d; font-size:22px; border-bottom:1px solid #e8edf4; padding-bottom:10px; max-width:500px; } .RighInfo001823 .bgbox{ padding: 30px 0; } .RighInfo001823 .singlePage{ border-bottom:6px solid #00479d; } @media(max-width:1024px){ .RighInfo001823 .singlePage{padding:2% 0;} .RighInfo001823 .column_title{ padding-bottom: 20px; } .RighInfo001823 .column_title span{ margin-top: -70px; } } @media(max-width:768px){ .RighInfo001823 .info .cpic{ margin:0;} } @media(max-width:480px){ .RighInfo001823{ padding: 20px 0 30px 0; } .RighInfo001823 .bgbox, .RighInfo001823 .column_title{ padding:0; } .RighInfo001823 .column_title span{ margin-top: 0; } .RighInfo001823 .info .p{ font-size: 14px; } .RighInfo001823 .info .rpic{ margin-left:10px; margin-top:52px; margin-bottom: 10px; width:50%;} } /* 08_服务介绍 */ .serviceintro{ padding: 3% 0 4%; } .serviceintro .con-head em{ margin: 1% 0 ; } .serviceintro .txt{ padding-top: 2%; } .serviceintro .txt p{ font-size: 16px; line-height: 30px; } .serviceintro .pic{ float: right; width: 40%; margin-left: 5%; } @media(max-width:480px){ .serviceintro .pic{ float: inherit; width: 1000%; margin:20px 0; } } /* 08_技术支持 */ .RighInfo002296{ padding: 3% 0 4%; } .RighInfo002296 .h5{ margin: 0; padding: 0;} .RighInfo002296 dl{ text-align:center; font-size:16px; padding-bottom:4%;} .RighInfo002296 ul{ text-align:center;} .RighInfo002296 ul li{ font-size:16px;} .RighInfo002296 ul li h5{ font-size:18px; font-weight:bold; color:#333; line-height:50px;} .RighInfo002296 ul li h5::after{ display:block; content: ''; width:20px; height:3px; background-color:#ffba00; margin:auto;} @media only screen and (min-width: 768px) { .RighInfo002296 ul li{ float: left; width: 49%; background: #f8f8f8; margin-right: 2%; padding: 3%; } .RighInfo002296 ul li:nth-of-type(2){ margin-right: 0; } .RighInfo002296 ul li h5{ font-size: 20px;} .RighInfo002296 ul li .p{ padding-top: 20px; margin: 0; } } @media(max-width: 768px) { .RighInfo002296 ul li{ height: 160px; } } @media(max-width: 640px) { .RighInfo002296{ padding:10px 0 30px; } .RighInfo002296 ul li{ height: auto; } .RighInfo002296 dl{ font-size:14px; margin-top: 10px; } } /* 08_技术分享 */ .technologysharing{ padding: 3% 0 0; } .technologysharing dl{ float:left; margin-right:3%;} .technologysharing dd, .technologysharing dt{ display:inline-block; vertical-align:middle;line-height:34px;} .technologysharing dt{ font-weight:bold; color:#00479d; padding-right:10px;} .technologysharing dd{ position:relative;} .technologysharing dd span{ width:154px; border:1px solid #e8e8e8; padding-right:37px; text-align:center; padding-left:5px; background-color:#fff; position:relative;} .technologysharing dd span::before, .technologysharing dd span::after{ position:absolute; content:''; } .technologysharing dd span::before{width:1px; height:100%; background-color:#d1dedd; right:32px; top:0;} .technologysharing dd span::after{ width:0; height:0; border:6px solid #383838; border-left-color:transparent;border-right-color:transparent; border-bottom:0; top:50%; margin-top:-3px; right:12px;} .technologysharing dd figure{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:#fff;border:1px solid #d1dedd; border-top:0; padding:2% 5%;} .technologysharing dd figure a{ display:block; padding:2% 0;} .technologysharing dd:hover figure{ display:block;} .technologysharing dd:hover{ z-index:10;} .technologysharing .search{ background-color:#f8f8f8; padding:2% 3%; } .technologysharing .search .dl2 .text{ width:60%; height:36px; line-height:36px; padding:0 10px; border:1px solid #e8e8e8;} .technologysharing .search .dl2 .btn{ cursor:pointer; border:none; margin-left:10px;width: 84px;height: 36px; background:#00479d; cursor:pointer; color:#fff;} @media(max-width:480px){ .technologysharing .search{ padding: 15px; } .technologysharing dl{ width: 100%; margin-right: 0; margin-bottom: 10px; } .technologysharing dd span{ width: 180px; } .technologysharing .dl2{ margin-bottom: 0; } } /* 08_技术分享 */ .TextList002322{ padding: 20px 0; background: #fff; } .TextList002322 .auto_1280{ } .TextList002322 .tit{ height:31px; line-height:31px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;} .TextList002322 .tit:before{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 19px; background: url(../images/TextList002322-icon.png) no-repeat; margin-top: -9px;} .TextList002322 .list{ } .TextList002322 .list li{ position: relative; padding: 20px 100px 20px 0; line-height: 22px; border-bottom: 1px solid #e5e5e5; } .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block; color: #999; } .TextList002322 .list li a{ color: #666; position: relative; display: block; width: 100%;overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px; color: #999; font-family: '宋体'; } .TextList002322 .list li a:hover{ color: #00479d;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } @media(max-width:768px ) { .TextList002322 .list li time{ top: 20px; } } /* 08_在线留言 */ .Form002337{ padding: 3% 0; margin: 0 auto;} .Form002337 input::-webkit-input-placeholder{ color:#adadad; } .Form002337 input::-moz-placeholder{ color:#adadad; /* Mozilla Firefox 19+ */ } .Form002337 input:-moz-placeholder{ color:#adadad; /* Mozilla Firefox 4 to 18 */ } .Form002337 input:-ms-input-placeholder{ color:#adadad; /* Internet Explorer 10-11 */ } .Form002337 .bg{ margin-bottom: 4%; } .Form002337 .bgphshow{ display: none;} .Form002337 .row{ padding-bottom: 15px; width: 100%; max-width: 900px; } .Form002337 .row .w48{ width: 48%; margin-right: 4%; float: left; } .Form002337 .row .w48:nth-of-type(2n){ margin-right: 0; } .Form002337 .rowbox{ padding-bottom: 0;} .Form002337 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002337 .row-inner{ margin: 0 auto; position: relative; padding-left: 75px; color: #666; font-size: 14px; line-height: 44px;} .Form002337 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 14px; font-weight: normal;} .Form002337 .row-inner .username{ display: block;} .Form002337 .row-inner .text{ border: 1px solid #e5e5e5; border-radius: 3px ; color: #adadad; line-height: 42px; height: 42px; width: 100%; max-width: 344px; padding: 0 10px; display: inline-block; } .Form002337 .row-inner .text.focus{border-color: #333; color: #333;} .Form002337 .btn{ background-color: #00479d; border-radius: 5px; line-height: 44px; font-size: 18px; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 20px auto 20px; display: inline-block;} .Form002337 .btn.reset{ background-color: #adadad; margin-left: 30px;} .Form002337 .address>*{ display: block; float: left;} .Form002337 .address>*+*{ margin-left: 1%;} .Form002337 .address .selectbox{ width:100%;} .Form002337 .address .selectbox select{ height: 44px; width: 100%; border: 1px solid #e5e5e5; border-radius: 3px ; padding-left: 10px; color: #999;} .Form002337 .address .selectbox select.focus{ color: #333;} .Form002337 .address .text{ width:37% ; max-width: 546px;} .Form002337 textarea{ width: 100%; border: 1px solid #e5e5e5; border-radius: 3px ; padding: 10px; height: 200px; } @media only screen and (max-width:767px ) { .Form002337{ padding:20px 0; } .Form002337 .btn{ width: 85px; line-height: 35px; font-size: 16px;} .Form002337 .address .selectbox{ width: 32.3334%;} .Form002337 .address .text{ width: 100%; margin-top: 10px; margin-left: 0;} } @media only screen and (max-width:480px ) { .Form002337 .address .selectbox{ width: 100%; margin-left: 0 !important; max-width: none;} .Form002337 .address .selectbox+.selectbox{ margin-top: 10px;} .Form002337 .row-inner .text{ max-width: none;} } @media(max-width:480px ) { .Form002337 .bg{ display: none; } .Form002337 .bgphshow{ display: block; margin-bottom: 4%; } .Form002337 .row .w48{ width: 100%; margin-right: 0; float: inherit; padding-bottom: 15px; } .Form002337 .row:nth-child(1), .Form002337 .row:nth-child(2), .Form002337 .row:nth-child(5), .Form002337 .row:nth-child(6){ padding-bottom: 0; } } /* 08_资源下载 */ .TextList001230{ padding:2% 0 0; font-size:14px; } .TextList001230 dl{ float:left; margin-right:3%;} .TextList001230 dd, .TextList001230 dt{ display:inline-block; vertical-align:middle;line-height:34px;} .TextList001230 dt{ font-weight:bold; color:#00479d; padding-right:10px;} .TextList001230 dd{ position:relative;} .TextList001230 dd span{ width:154px; border:1px solid #e8e8e8; padding-right:37px; text-align:center; padding-left:5px; background-color:#fff; position:relative;} .TextList001230 dd span::before, .TextList001230 dd span::after{ position:absolute; content:''; } .TextList001230 dd span::before{width:1px; height:100%; background-color:#d1dedd; right:32px; top:0;} .TextList001230 dd span::after{ width:0; height:0; border:6px solid #383838; border-left-color:transparent;border-right-color:transparent; border-bottom:0; top:50%; margin-top:-3px; right:12px;} .TextList001230 dd figure{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:#fff;border:1px solid #d1dedd; border-top:0; padding:2% 5%;} .TextList001230 dd figure a{ display:block; padding:2% 0;} .TextList001230 dd:hover figure{ display:block;} .TextList001230 dd:hover{ z-index:10;} .TextList001230 .search{ background-color:#f8f8f8; padding:2% 3%; } .TextList001230 .search .dl2 .text{ width:60%; height:36px; line-height:36px; padding:0 10px; border:1px solid #e8e8e8;} .TextList001230 .search .dl2 .btn{ cursor:pointer; border:none; margin-left:10px;width: 84px;height: 36px; background:#00479d; cursor:pointer; color:#fff;} .TextList001230 ul{ padding-top: 2%; } .TextList001230 li{border-bottom: 1px dotted #ddd; width: 48%; float: left; margin-right: 4%; margin-bottom: 1%; padding: 20px 60px 20px 0; overflow:hidden; position:relative;} .TextList001230 li:nth-of-type(2n){ margin-right: 0; } .TextList001230 li time{ text-align:center; float:left;line-height: 24px; width:68px; margin-right:15px; font-size: 13px; border-radius:5px; background-color:#00479d; color:#fff;} .TextList001230 li time span{line-height: 44px;display: block;font-size: 30px;color: #00479d; background-color:#f8f8f8; } .TextList001230 li a.down{ position:absolute; right:0; padding-top:25px; height:24px; top:50%; margin-top:-25px; background:url(../images/TextList001230-icon.png) no-repeat center top;} .TextList001230 li p{ margin:0; font-size:14px; line-height:24px; color:#333;} .TextList001230 li p span{ color:#999; font-size: 12px; } .TextList001230 li p span i{ font-style:normal; color:#9c0015;} @media(max-width:480px ) { .TextList001230 .search{ padding: 15px; } .TextList001230 dl:nth-of-type(1){ width: 100%; margin-bottom: 10px; } .TextList001230 dl:nth-of-type(2){ width: 100%; } .TextList001230 li{ width: 100%; margin-right: 0; } } /* 02_企业党建 */ .PicList002149{ padding-top:2.5%;} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#00479d;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol .btn{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#00479d; font-size:12px; transition: 0.3s; } .PicList002149 ol .btn:hover{ width:150px; } .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149{ padding:30px 0;} .PicList002149 li{padding-left:60px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:60px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:26px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /* 05_研究生基地 */ .RighInfo002814{padding: 3% 0; font-size: 16px;line-height: 36px;} .RighInfo002814 .title{ border-top:5px solid #f9f9f9; margin: 80px 0 40px 0;position: relative; z-index: 4;} .RighInfo002814 .title-nt{ border-top: 0; } .RighInfo002814 .title aside{display: table; margin-top: -20px; padding-right: 20px; background: #fff;} .RighInfo002814 .title-nt aside{ margin: 50px 0 0 50px; } .RighInfo002814 .title span{display: table;line-height: 40px; border-radius: 40px; padding: 0 20px; background: #f1f1f1;font-size: 22px;color: #333;} .RighInfo002814 .title span i{font-style: normal;float: left;padding: 0 20px; margin-left: -32px; margin-top: -10px;color: #fff;border-radius: 40px; background: rgb(0,161,226); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,161,226,1) 0%, rgba(77,184,74,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,161,226,1) 0%,rgba(77,184,74,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgb(0, 64, 148) 0%,rgb(0, 134, 209) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a1e2', endColorstr='#4db84a',GradientType=1 ); /* IE6-9 */ } .RighInfo002814 .cpic{ display: block; margin: 20px auto; } .RighInfo002814 .intro{position: relative; z-index: 1; margin-bottom: 39px;} .RighInfo002814 .intro .bg{position: absolute; z-index: 0; bottom: 5px; width: 100%;right: 0;} .RighInfo002814 .intro .bg img{display: block; width: 100%;} .RighInfo002814 .intro .title{margin-bottom: 0; margin-top: 30px;} .RighInfo002814 .intro .title aside{padding: 0 75px; margin-left: auto; margin-right: auto;} .RighInfo002814 .intro .main{border-left:5px solid #f9f9f9;border-right:5px solid #f9f9f9;border-bottom:5px solid #f9f9f9;padding:3% 5% 5%; margin-top: -20px;} .RighInfo002814 .pic-txt{ padding: 20px ; border:5px solid #f9f9f9; } .RighInfo002814 .pic-txt .ytable-cell{vertical-align: top;} .RighInfo002814 .pic-txt .pic img{display: block; width: 100%;} .RighInfo002814 .pic-txt .txt ul{ padding: 2% 3%; } .RighInfo002814 .list-dl dt{ color: #333; } .RighInfo002814 .list-dl dt, .RighInfo002814 .pic-txt .txt ol{padding-left: 25px; background: url(../images/RighInfo002814-icon.png) no-repeat left top;font-weight: bold;font-size: 18px;line-height: 38px; margin-bottom: 20px;} .RighInfo002814 p strong{ color: #333; } .RighInfo002814 .list-dl dl{margin-bottom: 30px;} .RighInfo002814 .list-dl dd{position: relative;padding-left: 15px;} .RighInfo002814 .list-dl dd:before{position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%;background: #ccc; left: 0; top: 13px;} @media(min-width:769px){ .RighInfo002814 .pic-txt .pic{width: 65.625%; float: right; } .RighInfo002814 .pic-txt .txt ul:not(:last-child){margin-bottom: 10%;} .RighInfo002814 .list-dl dl{float: left;width: 50%; } .RighInfo002814 .list-dl dl:nth-child(2n-1){padding-right: 3%;} .RighInfo002814 .list-dl dl:nth-child(2n+1){clear: left;} } @media(max-width:768px){ .RighInfo002814 .pic-txt .ytable, .RighInfo002814 .pic-txt .ytable-cell{display: block;} .RighInfo002814 .title-nt{ margin:0; } .RighInfo002814 .title-nt aside{ margin: 40px 0 0 20px; } } @media(max-width:480px){ .RighInfo002814{ padding: 30px 0; } .RighInfo002814 .title{ margin: 50px 0 20px 0; } .RighInfo002814 .intro .main p{ font-size: 16px; line-height:36px; } .RighInfo002814 .intro .title aside{ padding: 0 35px; } } @media(max-width:320px){ .RighInfo002814 .pic-txt{ padding: 15px; } .RighInfo002814 .title span i, .RighInfo002814 .title span{ font-size: 18px; } } /* 02_乾行达简介 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ } .RighInfo002228 .single-content p{ line-height: 30px; font-size: 14px; color: #666;} .RighInfo002228 .single-content .no-textindent{ text-indent:0; padding: 20px 0; } @media(max-width:480px){ .RighInfo002228{ padding:10px 0 20px 0; } .RighInfo002228 .single-content .no-textindent{ padding: 10px 0; } } /* 栏目页二级标题 */ .con-head em{position:relative; margin:2% 0; font-style:normal; display: inline-block; color:#333; font-size:18px; padding-bottom:20px; } .con-head em span{ color:#00479d; padding-right: 15px; } .con-head em:before{position:absolute; left:0; bottom:0px; width:40px; height:3px; content:""; background:#efc11f; } @media only screen and (min-width:768px ) { .con-head em{ font-size: 22px;} } @media only screen and (min-width:1024px ) { .con-head em{ font-size: 24px;} } @media(max-width:768px ) { .con-head em{ } } /* 核心成员 */ .team_box{ padding: 4% 0; } .leader_team .con-head{ border-bottom: 1px solid #e5e5e5; } .leader_team .con-head em{ margin-bottom: 0; } .leader_team .team{ margin-bottom: 4%; border-radius: 15px; } .leader_team .team ul{ padding-top: 3%; } .leader_team .intro{ padding-bottom: 2%; } .leader_team li{overflow: hidden;position: relative; float:left; width: 22%; margin-right:4%; margin-bottom:3%; padding:3% ; background: #fff; border-radius: 20px; transition: all 250ms ease-in; box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .leader_team li:hover{ transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .team_tit{ border-bottom: 1px solid #e6e6e6; color: #303e48; font-size: 24px; padding:2% 0 1%; } .team_tit figure{ font-weight: normal; font-size: 18px; line-height: 28px; padding: 15px 0 5px; } .leader_team li:nth-of-type(4n){ margin-right: 0; } .leader_team li figure{ position:relative;} .leader_team li figure img{ width:100%; border-radius: 20px; } .leader_team li a.Ispic{ padding-bottom:100%; display:block; border-radius: 20px; } .leader_team li a.Ispic:hover{ cursor: default; } .leader_team li *{margin:0;} .leader_team li p{ font-size:14px; color:#999; height:20px; overflow:hidden; line-height:20px;} .leader_team li h1{ font-size:18px; font-weight:bold; padding-top:20px; padding-bottom:8px; color: #333; } .leader_team li .txtBox{transition: .3s;position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;z-index: 2;background-color: rgba(0,0,0,.5);padding: 15px;} .leader_team li .txtBox .Person{margin-top: 10px;overflow: inherit;} .leader_team li:hover .txtBox{bottom: 0;} .leader_team li:hover .txtBox p{color: white;} .leader_team li:hover .txtBox h1{color: white;} @media(max-width:768px){ .leader_team li{ padding: 10px; border-radius: 10px; } .leader_team li figure img{ border-radius: 10px; } } @media(max-width:640px){ .leader_team li{ float:left; margin:0 auto; width:49%; margin-right: 2%; margin-bottom:10px; padding: 20px; box-shadow: none; border: 1px solid #e5e5e5; } .leader_team li:nth-of-type(2n){ margin-right: 0; } .leader_team li h1{ font-size:16px;} } @media(max-width:320px){ .leader_team li:nth-of-type(3n), .leader_team li{ float:inherit; margin:0 auto; width:100%; max-width: 320px; margin-bottom: 20px; padding: 15px; } .leader_team li h1{ font-size:16px;} } /* 05_创新研究专题页 */ .RighInfo002363{ padding: 3% 0 4%; } .RighInfo002363 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;} .RighInfo002363 .box1 .list{ padding-top: 25px;} .RighInfo002363 .box1 li{float:left; width: 22%; margin-right: 4%; text-align: center; position:relative; background: #fafafa; padding:3% 2%; border-radius: 5px; } .RighInfo002363 .box1 li:last-child{ margin-right: 0; } .RighInfo002363 .box1 li a{display: block; margin:0 auto; width:50%; max-width:206px;} .RighInfo002363 .box1 li figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .RighInfo002363 .box1 li:hover figure img{ top: -10px;} .RighInfo002363 .box1 li h3{font-size: 18px; color: #333; margin:15px 0;} .RighInfo002363 .box1 li p{line-height: 24px; height:96px; text-align:left; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;} .RighInfo002363 .box2{ padding: 40px 0; } .RighInfo002363 .box2 .pic{ margin-top: 20px; background: #fff; } @media(max-width:768px){ .RighInfo002363{ padding: 20px 0 0; } .RighInfo002363 .box1{ padding:20px 0;} .RighInfo002363 .box1 li{ width:49%; margin-right: 2%; margin-bottom:2%;} .RighInfo002363 .box1 li{ border-left:1px solid #f4f4f4;} .RighInfo002363 .box1 li:nth-child(2n){ margin-right: 0; border-left:1px solid #fff;} .RighInfo002363 .box1 .list{ padding-top: 0;} } @media(max-width:480px){ .RighInfo002363{ padding:0 0 20px 0; } .RighInfo002363 .box1{ padding:0;} .RighInfo002363 .box1 .list{ padding-top: 10px;} .RighInfo002363 .box1 li h3{ font-weight: normal; } } @media(max-width:375px){ .RighInfo002363 .box1 li{ width:100%; margin-right: 0; margin-bottom:10px;} } /* 05_创新研究专题页 */ .RighInfo002811{padding: 3% 0 2%; } .RighInfo002811 .box{ background: #f8f8f8; margin-bottom: 4%; border-radius: 0 20px 20px 0; } .RighInfo002811 .box:nth-child(2n){ border-radius: 20px 0 0 20px; } .RighInfo002811 .pic{ } .RighInfo002811 .box .pic{width: 48%; float: left; } .RighInfo002811 .pic img{display: block; } .RighInfo002811 .txt{ width: 52%; float: right; position: relative; z-index: 10;} .RighInfo002811 .txt .inner{ padding: 8% 10% 0;} .RighInfo002811 .box:nth-child(2) .pic{ float: right; } .RighInfo002811 .box:nth-child(2) .txt{ float: left; } .RighInfo002811 .txt .tit{padding-left: 30px; margin-bottom: 20px; font-size: 24px; color: #333; background:url(../images/RighInfo002814-icon.png) no-repeat left top;} .RighInfo002811 .txt p{ line-height: 30px; font-size: 14px;color: #888;text-align: justify;} .RighInfo002811 .txt p strong{ color: #666; } @media(min-width:1025px){ .RighInfo002811 .box .pic .inner img{ } .RighInfo002811 .box:nth-child(2) .pic .inner{float: right; } .RighInfo002811 .box:nth-child(4) .pic, .RighInfo002811 .box:nth-child(4) .txt{ width: inherit; float: inherit; } .RighInfo002811 .box:nth-child(4){ padding: 5%; } .RighInfo002811 .box:nth-child(4) .txt{ width: inherit; float: inherit; } .RighInfo002811 .box:nth-child(4) .inner{ padding: 0 !important; } .RighInfo002811 .box:nth-child(4) .inner img{ margin:0 auto; display: block; } } @media(max-width:1024px){ .RighInfo002811 .ytable, .RighInfo002811 .ytable-cell{display: block;} .RighInfo002811 .txt .inner{padding: 5% 10%!important;} } @media(max-width:768px){ .RighInfo002811 .box .pic{ width: 100%; } .RighInfo002811 .pic img{ width: 100%; } .RighInfo002811 .txt{ width: 100%; float: left; } } @media(max-width:480px){ .RighInfo002811{ padding:10px 0 20px; } .RighInfo002811 .txt .inner{ padding: 20px !important; } .RighInfo002811 .auto_1280{ padding-top: 10px; } .RighInfo002811 .pic{ padding: 0; } } /* 05_交通安全实验室 */ .Safe_traffic{ padding: 3% 0; background: #F8F8F8; } .Safe_traffic .column_title aside{ color: #eee; } .Safe_traffic .box{ background: #fff; padding: 50px; border-radius: 10px; margin-bottom: 40px; } .Safe_traffic .p1{ text-align: center; line-height: 24px; } .Safe_traffic .pic1{ padding: 40px 0; } .Safe_traffic .Safe_title{ text-align: center; padding-top: 20px; } .Safe_traffic .Safe_title span{ color: #333; font-size: 24px; font-weight: normal; } .Safe_traffic .Safe_title span::after{ content: ''; display: block; width: 30px; height: 2px; background: #00479d; margin:30px auto 0;} .Safe_traffic .box5 .pic{ width: 48%; float: left; } .Safe_traffic .box5 .pic img{display: block; } .Safe_traffic .box5 .txt{ width: 52%; padding: 5% 5% 0 6%; float: right; position: relative; z-index: 10;} .Safe_traffic .box5 .txt .tit{padding-left: 30px; margin-bottom: 20px; font-size: 24px; color: #333; background:url(../images/RighInfo002814-icon.png) no-repeat left top;} .Safe_traffic .box5 .txt p{ line-height: 30px; font-size: 14px;color: #888;text-align: justify;} .Safe_traffic .inner{ padding-top: 30px; } .Safe_traffic .inner dl{ background: #f8f8f8; float:left; width:100%; display:table; border:1px solid #e5e5e5; border-radius: 10px; margin-bottom:3.5%;} .Safe_traffic .inner dl > *{ display:table-cell; vertical-align:middle;} .Safe_traffic .inner dt{ width:95px;} .Safe_traffic .inner dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#00479d; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .Safe_traffic .inner dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#efc11f; bottom:0; right:0;} .Safe_traffic .inner dd p{ padding:3% 5% 3% 0; color:#333; margin:0;} @media(min-width:769px){ .Safe_traffic .inner dl{ width:31%; margin-right:3.5%; } .Safe_traffic .inner dl:nth-child(3n){ margin-right:0;} } @media(max-width:768px) and (min-width:481px){ .Safe_traffic .inner dl{ width:48%;} .Safe_traffic .inner dl:nth-child(2n){ float:right;} .Safe_traffic .inner dl:nth-child(2n+1){ clear:left;} } @media(max-width:768px){ .Safe_traffic .box{ padding: 30px; margin-bottom: 40px; } .Safe_traffic .box5 .txt{ padding-top: 2%; } } @media(max-width:480px){ .Safe_traffic .box{ padding: 20px; margin-bottom: 20px; } .Safe_traffic .box5 .txt{ padding-top: 2%; } .Safe_traffic .Safe_title span{ font-size: 18px; } .Safe_traffic .box5 .txt, .Safe_traffic .box5 .pic{ width: 100%; float: inherit; padding: 0; } .Safe_traffic .box5 .txt{ padding-top: 20px; } .Safe_traffic .box5 .txt .tit{ font-size: 20px; } .Safe_traffic .Safe_title span::after{ margin:20px auto 0;} } /* 05_创新研究专题页 入口 */ .Entrance { padding:0 0 4%; } .Entrance ul{ } .Entrance ul li{ float: left; width: 48.5%; margin-right:3%; margin-bottom: 3%; text-align: left;} .Entrance ul li:nth-of-type(2n){ margin-right: 0; } .Entrance ul li .pic{ padding-bottom: 45%; position: relative; overflow: hidden;} .Entrance ul li .txt{ padding:3% 5% 5%; border: 1px solid #e5e5e5; } .Entrance ul li figure{ position:absolute; left:0; top:0; right:0; bottom:0; transition:0.3s;} .Entrance ul li h3{ color: #333;margin:0; padding: 10px 0; font-weight: normal; font-size: 22px; } .Entrance ul li:hover h3, .Entrance ul li:hover span{ color: #00479d; } .Entrance ul li p{ line-height: 24px; font-size: 13px; color: #999; margin:10px 0 20px; height: 48px; overflow: hidden; } .Entrance ul li span{ display: inline-block; color: #333; font-size: 13px; padding-bottom: 10px; } .Entrance ul li a:hover figure{transform: scale(1.1);} @media(max-width:480px){ .Entrance ul li{ width: 100%; margin-right: 0;} .Entrance ul li h3{ font-size: 18px; padding: 10px 0 0; } .Entrance ul li p{ margin-bottom: 15px; } } /* 05_创新研究专题页 */ .Floor002821{ padding: 3% 0; overflow: hidden;} .Floor002821 .column_title{ padding-bottom: 40px;} .Floor002821 .auto_1280{ border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; } .Floor002821 .ul{ position: relative;} .Floor002821 li{float: left; width: 49.5%;position: relative;padding-bottom: 32%;font-size: 100px;} .Floor002821 li:nth-child(4), .Floor002821 li:nth-child(5){width: 24.25%;} .Floor002821 li:nth-child(1){padding-bottom: 42.858%; margin-right: 1%;} .Floor002821 li:nth-child(1), .Floor002821 li:nth-child(2){ margin-bottom: 1%; } .Floor002821 li:nth-child(3){ position: absolute; left: 0; bottom: 0; margin-right: 1%; } .Floor002821 li:nth-child(4){ margin-right: 1%; } .Floor002821 li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .Floor002821 li a >*{position: absolute; left: 0;width: 100%;} .Floor002821 li .Ispic{height: 100%; top: 0;} .Floor002821 li a:before{z-index: 5;position: absolute; top: 0; width: 100%;left: 0;content: '';height: 100%; opacity: 0;-webkit-opacity: 0; transition: 0.3s; background: -moz- linear-gradient(45deg, rgb(0,71,157,1) 0%,rgba(0,71,157,0.4) 100%); background: -webkit- linear-gradient(45deg, rgb(0,71,157,1) 0%,rgba(0,71,157,0.4) 100%); background: linear-gradient(45deg, rgb(0,71,157,1) 0%,rgba(0,71,157,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23ac38', endColorstr='#6623ac38',GradientType=1 ); } .Floor002821 li:nth-child(3){ padding-bottom: 21.1%; } .Floor002821 li a:hover:before{opacity: 0.9;-webkit-opacity: 0.9;} .Floor002821 li .txt{z-index: 10; bottom: 0.3em;padding: 0 0.3em;color: #fff;} .Floor002821 li .txt p.t1{font-size: 0.24em; margin:1em 0 0.3em 0;} .Floor002821 li .txt p.t2{line-height: 1.71428em;margin: 0;font-size: 0.14em;} .Floor002821 li .icon img{max-height: 0.4em;display: block;} @media(max-width:768px){ .Floor002821 .column_title{ padding-bottom:30px;} .Floor002821 li .icon img{ max-height: 35px; } .Floor002821 li .txt p.t1{ margin-top: 15px; font-size: 20px; } } @media(max-width:480px){ .Floor002821 li:nth-child(1), .Floor002821 li:nth-child(2), .Floor002821 li:nth-child(3), .Floor002821 li:nth-child(4), .Floor002821 li:nth-child(5){ width: 100%;padding-bottom: 50%; margin-right: 0; margin-bottom:5px; } .Floor002821 li:nth-child(3){ position: relative; } } @media(max-width:480px){ .Floor002821 li{font-size: 70px;} .Floor002821 li .txt p.t1{margin-top: 10px;} } @media(max-width:320px){ .Floor002821 .column_title{ padding-bottom:20px;} } /* 02_大事记 */ .Timeline002790 { padding:3% 0} .Timeline002790 .column_title{ padding-bottom: 38px; } .Timeline002790 .year{ position:relative; padding:6% 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: #f9f9f9; 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: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 .txt{ position:relative;font-size:16px; line-height:24px; padding-right: 50px} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .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: #00479d;padding-bottom: 7px; font-weight: normal;font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li .txt p{ line-height: 24px; font-size: 14px; } .Timeline002790 li.hover .con{ } .Timeline002790 li.hover:after{ border-color: #00479d} .Timeline002790 li.hover:before{ border-color: #00479d} @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 li .con .txt{ padding-left: 6%; } .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; padding: 30px; float: left; } .Timeline002790 .year{ padding-top:0; color:#6e6e6e;} .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; } .Timeline002790 li .con figure{height: 180px; } } @media(max-width:768px){ .Timeline002790 .column_title{ padding-bottom: 20px; } } @media (max-width: 480px){ .Timeline002790 li .con figure{ width: 100%; } .Timeline002790 li .con .txt{ width: 100%; padding: 25px 0 0; } .Timeline002790 li .txt h3{ padding-bottom: 0; } } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #00479d; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} .Timeline002790 .more a:hover{ background:url(../images/Timeline002790-more2.png) no-repeat 70% center #00479d; } /* 02_企业文化 */ /* 锚点切换 */ .Menu001849{ text-align:left; padding: 3% 0 0; position: relative; } .Menu001849 .auto_1280{ text-align:left; padding: 3% 0 0; position: relative; } .Menu001849_fixed{ width: 100%; max-width: 1280px; position: fixed; top: 88px; z-index: 2; height: 80px; margin-bottom: 0; } .Menu001849 ul{height: 80px; line-height: 80px; overflow: hidden; border-radius: 10px;} .Menu001849 li{ } .Menu001849 li.end{ border-right: 0; } .Menu001849 li a{ display:inline-block; padding:0 10px; color: #fff; border-right: 0;width: 16.6667%; float: left; background: #00479d; border-right: 1px solid #fff; position: relative; cursor: pointer; text-align: center; color: #fff; font-size: 18px; font-weight: bold; } .Menu001849 li a:last-of-type{ border: 0; } .Menu001849 li:hover a, .Menu001849 li.aon a{ background: #ffc700; } @media(max-width:480px){ .Menu001849{ padding:20px 0 0;} .Menu001849 ul{ height: auto; line-height: 50px; } .Menu001849 li a{ width: 33.33%; font-size: 14px; padding: 0 5px; margin-bottom: 1px; } } .RighInfo002815{padding: 3% 0 4%;} .RighInfo002815 .setforth{ font-size: 14px; border: 1px solid #00479d; background: #00479d; color: #fff; padding:1% 4%; margin: 0; border-radius:10px; } .RighInfo002815 .setforth p{ line-height: 32px; } .RighInfo002815_fixed{ width: 100%; padding-top: 168px; } .RighInfo002815 .Interpretation{ text-align: center; } .RighInfo002815 .Interpretation .pic{ display: inline-block; width: 24%; border-radius: 50%; margin-top: 5%; } .RighInfo002815 .Interpretation li{ list-style: none; width: 34%; padding-right: 10px; float: left; text-align: left; } .RighInfo002815 .Interpretation li dl{ border: 1px solid #e5e5e5; margin: 30px 0; border-radius: 20px; background: #f8f8f8;padding: 8% 10%; } .RighInfo002815 .Interpretation li img{ float: left; margin-right: 8px; } .RighInfo002815 .Interpretation li p{ line-height: 24px; min-height: 50px; color: #666; margin: 0; } .RighInfo002815 .Interpretation li:nth-of-type(2){ float: right; } @media (max-width: 1024px) { .RighInfo002815 .Interpretation .pic{ margin-top: 8%; } } @media (max-width: 768px) { .RighInfo002815 .Interpretation .pic{ margin-top:20%; } } @media (max-width: 480px) { .RighInfo002815{padding: 0;} .RighInfo002815 .Interpretation li, .RighInfo002815 .Interpretation .pic{ width:100%; float: left; } .RighInfo002815 .Interpretation .pic{ border: 0; border-radius: 0; margin: 0; } .RighInfo002815 .Interpretation li dl{ margin: 0; margin-bottom: 15px; } } /* 企业文化 企业理念+企业价值观念+企业精神+企业使命 */ .Brand_purpose{ padding: 4% 0 0; } .Brand_purpose .box{ position: relative; padding-bottom: 4%; } .Brand_purpose .box:last-of-type{ padding-bottom: 0 } .Brand_purpose .box .Ispic{ width: 100%; padding-bottom: 35.9475%; } .Brand_purpose .box dl{ position: absolute; width: 500px; border-radius: 0 20px; top: 20%; left: 10%; padding: 50px; background:rgba(0,71,157,0.9); color: #fff; line-height: 30px;} .Brand_purpose .box dt{ font-size: 32px; padding-bottom: 5%; } .Brand_purpose .box dd{ font-size: 18px; } .Brand_purpose .box:nth-of-type(2n) dl{ background: rgba(0,71,157,0.8); left: inherit; right: 10%; } @media (max-width: 768px) { .Brand_purpose .box dl{ width: 300px; padding: 30px; } .Brand_purpose .box dl dt{ font-size: 24px; } .Brand_purpose .box dl dd{ font-size: 14px; } } @media (max-width: 480px) { .Brand_purpose{ padding:20px 0 30px 0; } .Brand_purpose .box:nth-of-type(2n) dl{ left: 10%; right: inherit; } .Brand_purpose .box .pic{ height: 220px; } .Brand_purpose .box .Ispic{ padding-bottom: 50%; } .Brand_purpose .box dl{ width: 280px; padding: 15px; line-height: 20px; border-radius: 10px; } .Brand_purpose .box dl dt{ font-size: 18px; } .Brand_purpose .box dl dd{ font-size: 14px; } } @media (max-width: 320px) { .Brand_purpose .box .pic{ height: 200px; } .Brand_purpose .box dl{ width: 250px; } .Brand_purpose .box dl, .Brand_purpose .box:nth-of-type(2n) dl{ top: 20%; left: 10%; background: rgba(0,71,157,0.9); right: inherit; } } /* 02_乾行达荣誉 */ .PicList002120{ padding:3% 0 2%;} .PicList002120 .h1_tab{ margin:0; overflow:hidden; font-size:16px; font-weight:normal; color:#000; text-align: center; padding-bottom: 3%; } .PicList002120 .h1_tab span{ display: inline-block; padding:0 3%; line-height:50px; background-color:#f2f2f3; margin: 0 4px; cursor:pointer;} .PicList002120 .h1_tab span.on{ background-color:#00479d; color:#fff;} .PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;} .PicList002120 li a{ display:block;} .PicList002120 li p{ margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:77%; background-size:contain; border: 1px solid #e5e5e5; } @media(min-width:641px){ .PicList002120 li:nth-child(4n){ margin-right:0;} } @media(max-width:640px){ .PicList002120 li{ width:48%; margin-right:4%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList002120 li figure{ padding-bottom: 50%; } .PicList002120 li{ width:100%; margin-right:0; } .PicList002120 li p{ font-size:14px;} } /* 02_联系我们 */ .Map001070{ padding:3% 0 4%;} .Map001070 dd{ border:1px solid #e7e7e7; margin-bottom:2%; padding-right:53%; background-color:#fff; position:relative;} .Map001070 dd:last-child{ margin-bottom:0;} .Map001070 .map *{ max-width:none;} .Map001070 dd figure{ padding:5% 0 5% 6%;} .Map001070 dd figure h1{font-size: 22px;color: #00479d; font-weight:normal;padding: 16px 0; margin:0;border-bottom: dashed 1px #ccc;} .Map001070 dd ul{ padding-top:16px;} .Map001070 dd li{line-height:36px; margin-bottom:10px; padding-left:36px; background-repeat:no-repeat; background-position:0 0;} .Map001070 dd li.add{background:url(../images/Map001070-ico_01.png) no-repeat left center;} .Map001070 dd li.lxr{background:url(../images/Map001070-ico_02.png) no-repeat left center;} .Map001070 dd li.phone{background:url(../images/Map001070-ico_03.png) no-repeat left center;} .Map001070 dd li.email{background:url(../images/Map001070-ico_04.png) no-repeat left center;} @media(min-width:641px){ .Map001070 .map{ position:absolute !important; width:50%; right:0; height:100%; top:0;} } @media(max-width:640px){ .Map001070 dd{ padding:3%;} .Map001070 .map{ height:300px; position:relative !important;} .Map001070 dd figure{ padding:0;} } @media(max-width:480px){ .Map001070{ padding: 30px 0; } .Map001070 dd figure h1{ font-size:20px;} } /* 09_乾行达新材 */ .company1{ padding:3% 0 4%;} .company1 .box{ background: #f9f9f9; border-radius: 0 30px; } .company1 .pic{ float: left; width: 50%; padding:3%; margin-right: 2%; } .company1 .txt{ line-height: 32px; font-size: 16px; padding: 5% 4% 0 0; } @media(max-width:768px){ .company1 .box{ padding: 20px; } .company1 .pic{ float: inherit; width: 100%; padding:0; margin-right: 0; padding:10px 0 20px; } .company1 .txt{ padding: 0; } } @media(max-width:320px){ .company1{ padding:0 0 30px;} .company1 .box{ padding:0; background: #fff; } } /*RighInfo002806 */ @font-face { font-family: "DINCond-Bold"; src: url("../fonts/DINCond-Bold.woff2") format("woff2"), url("../fonts/DINCond-Bold.woff") format("woff"), url("../fonts/DINCond-Bold.ttf") format("truetype"), url("../fonts/DINCond-Bold.eot") format("embedded-opentype"), url("../fonts/DINCond-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } .RighInfo002806{padding: 3% 0 4%;} .RighInfo002806 .txt p{ line-height: 30px; font-size: 16px; padding-bottom: 15px; } .RighInfo002806 .num{padding-bottom: 4%;} .RighInfo002806 .num .pic img{display: block; width: 100%;} .RighInfo002806 .num .list{ margin-top: 7.518%;position: relative;} .RighInfo002806 .num .list:before, .RighInfo002806 .num .list:after{position: absolute; content: ''; border: 5px solid #00479d; width: 30px; height: 30px;} .RighInfo002806 .num .list:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002806 .num .list:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002806 .num .list li{float:left; width: 55%; padding: 30px 0;} .RighInfo002806 .num .list li:nth-child(2n){width: 45%} .RighInfo002806 .num .list li:nth-child(2n+1){clear: left;} .RighInfo002806 .num .list li .inner{padding-left: 16%;color: #00479d;font-family: "DINCond-Bold";font-size: 100px;} .RighInfo002806 .num .list li aside{overflow: hidden; height: 0.6em;} .RighInfo002806 .num .list li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002806 .num .list li sup{font-size: 0.5em;line-height: 0.7em;vertical-align:top;} .RighInfo002806 .num .list li span{font-size: 0.8em;line-height: 0.725em;vertical-align: text-top;} .RighInfo002806 .num .list li p{font-size: 0.2em;} .RighInfo002806 .num .list li aside *{display: inline-block;} @media(min-width:769px){ .RighInfo002806 .num .pic{float: right; width: 43.75%; position: relative;} .RighInfo002806 .num .pic:before{position: absolute; left: 0;bottom: 0; height:66.746%; width: 12.143%;background: #fff; content: '';} .RighInfo002806 .num .list{float: left; width: 50%;} } @media(max-width:1280px){ .RighInfo002806 .num .list li .inner{font-size: 80px;} } @media(max-width:1024px){ .RighInfo002806 .num .list li .inner{font-size: 70px;} } @media(max-width:480px){ .RighInfo002806 .txt p{ font-size: 14px; } .RighInfo002806 .num .list li .inner{font-size: 50px;} .RighInfo002806 .num .list li p.nM{ line-height: 20px; padding: 10px 0 0; } } /* 薪酬福利 */ .RighInfo002522{ padding:1% 0 2%;} .RighInfo002522 .list dl{ background: #f8f8f8; float:left; width:100%; display:table; border:1px solid #e5e5e5; border-radius: 10px; margin-bottom:3.5%;} .RighInfo002522 .list dl > *{ display:table-cell; vertical-align:middle;} .RighInfo002522 .list dt{ width:95px;} .RighInfo002522 .list dt b{ display:block;width:45px; height:45px; border-radius:50%; background:#00479d; color:#fff; font-size:24px; position:relative; overflow:hidden; line-height:45px; text-align:center; margin:25px auto;} .RighInfo002522 .list dt b::after{ position:absolute; content:''; width:20px; height:7px; background:#efc11f; bottom:0; right:0;} .RighInfo002522 .list dd p{ padding:3% 5% 3% 0; color:#333; margin:0;} @media(max-width:1024px){ .RighInfo002522 .title{ font-size:24px;} } @media(min-width:769px){ .RighInfo002522 .list dl{ width:18%; margin-right:2.5%; } .RighInfo002522 .list dl:nth-child(5n){ margin-right:0;} .RighInfo002522 .list dl:nth-child(5n+1){ clear:left;} } @media(max-width:768px) and (min-width:481px){ .RighInfo002522 .list dl{ width:48%;} .RighInfo002522 .list dl:nth-child(2n){ float:right;} .RighInfo002522 .list dl:nth-child(2n+1){ clear:left;} } @media(max-width:480px){ .RighInfo002522{ padding: 0 0 30px; } .RighInfo002522 .list dt b{ margin: 10px auto; } } /* 07_加入乾行达 */ .TextList001729{ } .TextList001729 dl{ float:left; margin-right:3%;} .TextList001729 dd, .TextList001729 dt{ display:inline-block; vertical-align:middle;line-height:34px;} .TextList001729 dt{ font-weight:bold; color:#00479d; padding-right:10px;} .TextList001729 dd{ position:relative;} .TextList001729 dd span{ width:154px; border:1px solid #e8e8e8; padding-right:37px; text-align:center; padding-left:5px; background-color:#fff; position:relative;} .TextList001729 dd span::before, .TextList001729 dd span::after{ position:absolute; content:''; } .TextList001729 dd span::before{width:1px; height:100%; background-color:#d1dedd; right:32px; top:0;} .TextList001729 dd span::after{ width:0; height:0; border:6px solid #383838; border-left-color:transparent;border-right-color:transparent; border-bottom:0; top:50%; margin-top:-3px; right:12px;} .TextList001729 dd figure{ display:none; position:absolute; left:0; top:100%; width:100%; background-color:#fff;border:1px solid #d1dedd; border-top:0; padding:2% 5%;} .TextList001729 dd figure a{ display:block; padding:2% 0;} .TextList001729 dd:hover figure{ display:block;} .TextList001729 dd:hover{ z-index:10;} .TextList001729 .search{ background-color:#f8f8f8; padding:2% 3%; margin-bottom: 2%; } .TextList001729 .search .dl2 .text{ width:60%; height:36px; line-height:36px; padding:0 10px; border:1px solid #e8e8e8;} .TextList001729 .search .dl2 .btn{ cursor:pointer; border:none; margin-left:10px;width: 84px;height: 36px; background:#00479d; cursor:pointer; color:#fff;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#00479d; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:15px; padding-bottom:15px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li{width:20%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(5){ padding-left:3%; text-align:left !important;} .TextList001729 ul.type li:nth-child(5){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type.active li:nth-child(5){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2% 3% 3%;} .TextList001729 .list .con p{ line-height: 30px; } .TextList001729 .list .con p strong{ display: inline-block; margin-bottom: 10px; } .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:140px; width:40%; height:42px; line-height:42px; text-align:center; color:#fff; background-color:#00479d; font-size:16px; border-radius:3px;} @media(max-width:1024px){ .TextList001729{ padding: 0 0 20px; } .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 dl{ width: 50%; float: left; margin-right: 0; margin-bottom: 10px; } .TextList001729 .dl2{ width: 100%; } .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .search{ margin-bottom: 15px; padding: 15px 15px 5px; } .TextList001729 dl{ width: 100%; } .TextList001729 dd span{ text-align: left; padding-left: 10px; width: 180px; } .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /* 07_社会招聘_info */ .Form001725{padding: 35px 0;} .queueList{ margin: 0!important; } .Form001725 .form{max-width:1200px; width:100%;} .Form001725 .form td{padding-bottom: 26px;font-size:14px;} .Form001725 .form td.w1{width: 49%;} .Form001725 .form td.w2{ width:0%;} .Form001725 .form .text{width:100%;border-radius:3px;border: 1px solid #e6e6e6;line-height:36px;padding: 4px 0;text-indent:10px;background:none; height:42px;} .Form001725 .form p{margin: 0 0 15px 0;color:#00479d;background:url(../images/Form001725-icon.png) no-repeat left center;padding-left: 0;font-size: 16px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#00479d; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:35px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} .placeholder .webuploader-pick{ background-color:#ffce1f !important;} @media(max-width:1200px){ .Form001725 .auto{ padding:0 2%} } @media(max-width:1200px){ .Form001725 .form td.w1{width: 44%;} .Form001725 .form td.w2{ width:2%;} .Form001725 .form td.w1 .text{ width:98%;} .Form001725 .form .text{ width:99%;} } /* 07_发展平台 */ .showplatform{padding: 3% 0 0; position:relative; z-index:1;} .showplatform .bx-viewport{ z-index:1;} .showplatform .bx-controls-direction a{ z-index:10;position:absolute; width:49px; height:60px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center rgba(0,71,157,0.5); background-size:contain;} .showplatform .bx-controls-direction a.bx-prev{ left:0;} .showplatform .bx-controls-direction a.bx-next{ right:0; background:url(../images/Banner002058-btn_right.png) no-repeat center center rgba(0,71,157,0.5);} .showplatform .bx-pager{ display: none; } .showplatform .ctbox{ background: #f9f9f9; } .showplatform .ctbox .txt{ width: 48%; float: left; padding:5%; } .showplatform .ctbox .txt p{ line-height: 30px; padding-top: 2%; font-size: 16px; } .showplatform .ctbox .pic{ position: relative; width: 46.875%; float: right; } .showplatform .ctbox .pic li{ list-style: none; } .showplatform .ctbox .pic li .Ispic{ width: 100%; padding-bottom: 66.6667%; } @media(max-width:768px){ .showplatform .ctbox .txt{ padding:20px; } .showplatform .ctbox .txt p{ line-height: 24px; padding-top: 0; font-size: 14px; } .showplatform .ctbox .pic li .Ispic{ padding-bottom: 80%; } } @media(max-width:480px){ .showplatform .ctbox{ margin-top: 10px; } .showplatform .ctbox .txt, .showplatform .ctbox .pic{ width: 100%; } } /* 岗位晋升 */ .Promotion_box{ padding: 3% 0 0; } .Promotion{ margin-bottom: 40px; position: relative; } .Promotion .content{ background:#f8f8f8;overflow: hidden; height: 220px; } .Promotion .left{width:38%; float:left;} .Promotion .left .infor{ padding:10%; } .Promotion .left .infor p{ color: #666; font-size: 16px; line-height: 28px; } .Promotion .right{width:62%; float:right; position: relative; } .Promotion .right .rect{ } .Promotion .right .rect .Ispic{ padding-bottom: 220px; width: 100%; } .Promotion .right .cover{width:100%; height:100%; position:absolute; left:0; bottom:0;} .Promotion .right .cover ul{ padding: 68px 0; text-align:center; font-size:0; display: flex; justify-content:center; align-items:Center;} .Promotion .right .cover li{display:inline-block; width:23%; padding:0 1%; position:relative;} .Promotion .right .cover li:after{content:''; width:1px; height:50px; background:#a8a8a8; position:absolute; right:0; top:50%; margin-top:-25px;} .Promotion .right .cover li:last-child:after{display:none} .Promotion .right .cover li .txt{text-align:center; padding:30px; font-size:16px; color:#fff; overflow:hidden;} @media(max-width:1024px){ .Promotion .content{ height: 180px; } .Promotion .right .rect img{ height: 180px; } .Promotion .right .cover ul{ padding: 50px 0; } } @media(max-width:768px){ .Promotion{ margin-bottom: 10px; } .Promotion .content{ height: auto; background: none; } .Promotion .right .rect img{ height: auto; } .Promotion .right .cover ul{ padding: 80px 0; } .Promotion .left, .Promotion .right{ width:100%; float:inherit; } .Promotion .left .infor, .Promotion .right .cover li .txt{ padding: 15px;} } @media(max-width:480px){ .Promotion .right .cover{ display: none; } .Promotion .right .cover ul{ padding: 0; } } /* 04_解决方案 */ .RighInfo002810{padding: 3% 0;} .RighInfo002810 .intro{ line-height: 30px; padding:0 0 50px 0; font-size: 14px; text-align: center; max-width: 1000px; margin: 0 auto; } .RighInfo002810 .txt-list .box{ } .RighInfo002810 .txt-list .box:not(:last-child){margin-bottom: 4%;} .RighInfo002810 .txt-list .info{line-height: 24px; padding-left: 3%; } .RighInfo002810 .box{ background: #f8f8f8; padding: 30px; } .RighInfo002810 .box:nth-of-type(2n) .info{ padding-left: 5%; } .RighInfo002810 .txt-list .red{color: #00479d;font-size: 18px;} .RighInfo002810 .txt-list dl dd{ width: 45%; float: left; margin-right: 5%; } .RighInfo002810 .txt-list p strong{ color: #333; font-size: 15px; } .RighInfo002810 .txt-list p{ line-height: 32px; font-size: 14px; margin-top: 0; } @media(min-width:769px){ .RighInfo002810 .txt-list .pic{width: 46.667%;} .RighInfo002810 .txt-list .pic img{max-width: 92.858%;} .RighInfo002810 .txt-list .box:nth-child(2n) .pic{text-align: right;} .RighInfo002810 .txt-list .info{ } } @media(max-width:768px){ .RighInfo002810 .ytable, .RighInfo002810 .ytable-cell{display: block;} .RighInfo002810 .txt-list .pic img{display: block;width: 100%;} } @media(max-width:768px){ .RighInfo002810 .box{ padding: 20px; } .RighInfo002810 .intro{ padding-bottom: 30px; } } @media(max-width:480px){ .RighInfo002810 .txt-list dl dd{ width: 100%; float: inherit; margin-right: 0; } } /* 03_产品中心_info */ .RighInfo001108{ padding: 3% 0; } .RighInfo001108 .auto_1280{ border-bottom: 1px solid #e5e5e5; } .RighInfo001108 .pic{ float:left; width:45%; position: relative; } .RighInfo001108 .pic .Ispic{ width:100%; padding-bottom: 86.8%; border: 1px solid #e5e5e5; border-radius: 15px; } .RighInfo001108 .pic img{ width:100%; border: 1px solid #e5e5e5; border-radius: 15px; } .RighInfo001108 .bx-viewport{ position: relative; z-index: 1; } .RighInfo001108 .bx-controls-direction{ display: none; } .RighInfo001108 .bx-pager{ position:absolute; left:0; bottom:6%; text-align:center; width:100%; z-index:10;} .RighInfo001108 .bx-pager *{width:13px; height:13px;} .RighInfo001108 .bx-pager div{ display:inline-block;margin:0 5px;} .RighInfo001108 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; border-radius:50%; background:#ccc; } .RighInfo001108 .bx-pager div a.active{ background:#00479d;} .RighInfo001108 .txt{ float:right; width:50%; color:#333;} .RighInfo001108 .txt h1{ font-size:32px; font-weight:normal; margin-top: 40px; } .RighInfo001108 .txt .advantage{ border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 10px 0; } .RighInfo001108 .txt .advantage h3{ } .RighInfo001108 .txt .advantage p{ line-height: 26px; font-size: 16px; margin:0; color: #666; } .RighInfo001108 .txt .advantage p::before{ content: '';display: block;width: 7px;height: 7px;background: #00479d;float: left;margin: 10px 10px 0 0 ;border-radius: 50%} .RighInfo001108 .txt p{ line-height:32px;} .RighInfo001108 .txt aside{ padding-top: 10px; line-height: 30px; color: #666; } .RighInfo001108 .txt aside h3{ color: #333; } .RighInfo001108 .tab{ margin-top:3%; border-bottom:1px solid #eee; overflow:hidden; font-weight:bold;padding-bottom: 20px} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:21px; font-size: 20px; border-left: 10px solid #00479d;padding-left: 15px;} .RighInfo001108 .tab span.on{/* background-color:#00479d;*/ color:#00479d;} .RighInfo001108 .tab_info{ padding:2%;} .RighInfo001108 .tab_info p{ line-height: 26px; font-size: 16px; margin:0; } .RighInfo001108 .tab_info p::before{ content: '';display: block;width: 7px;height: 7px;float: left;margin: 10px 10px 0 0 ;border-radius: 50%} @media(max-width:480px){ .RighInfo001108{ padding: 30px 0 0; } .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /* 应用案例 */ .Floor002065{ padding:0 0 4%;} .Floor002065 .item{ position:relative;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:60%; transition:0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.1);} .Floor002065 .item p{ color: #333; font-size: 16px; text-align: center; } .Floor002065 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10;} .Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-50px;} .Floor002065 .owl-nav .owl-next{right:0; margin-right:-50px; background-position: right top;} .Floor002065 .owl-nav .owl-prev:hover{ background:url(../images/Floor002065-btn2.png) no-repeat left top; } .Floor002065 .owl-nav .owl-next:hover{ background:url(../images/Floor002065-btn2.png) no-repeat; background-position: right top;} @media(max-width:1024px){ .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav .owl-prev{margin-left:-10px;} .Floor002065 .owl-nav .owl-next{margin-right:-10px;} } @media(max-width:640px){ .Floor002065 .title span{ display:block;} .Floor002065 .owl-nav .owl-prev{margin-left:-5px;} .Floor002065 .owl-nav .owl-next{margin-right:-5px;} } @media(max-width:640px) and (min-width:376px){ .Floor002065 .item dt, .Floor002065 .item dd{ float:none; text-align:right;} } /* 03_产品中心 */ .PicList002797 {padding: 3% 0 0;} .PicList002797 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border: 1px solid #e8e8e8; border-radius: 10px;} .PicList002797 li:nth-child(3n){margin-right:0; } .PicList002797 li a{ display:block; position:relative; padding:6%;} .PicList002797 li h3, .PicList002797 li h5{ margin:0; text-align:center; font-weight:normal;} .PicList002797 li figure{ padding-bottom:80%; } .PicList002797 li h3{ font-size: 18px; color:#333; padding-bottom: 20px; } .PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(0, 71, 157, 0.9); z-index:10; transition:0.3s; color:#fff; border-radius: 10px;} .PicList002797 li:hover{ } .PicList002797 li:hover a .hover{ opacity:1;} .PicList002797 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%);} .PicList002797 li .hover h5{ font-size:24px;} .PicList002797 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:14px auto 20px;} .PicList002797 li .hover p{ font-size:14px; line-height:24px; margin:0; max-height:72px; overflow:hidden;} .PicList002797 .more{ display: block; text-align: center; margin-top:40px;} .PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:url(../images/PicList002797-more.png)no-repeat 74% center #f1af48 ; border-radius: 5px;transition:ease 0.3s; } .PicList002797 .more span:hover{padding-left:50px; padding-right:74px; } @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002797 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList002797{padding: 30px 0;} .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3, .PicList002797 li .hover h5{ font-size:18px;} .PicList002797 li .hover h5{ line-height:24px; max-height:48px;} } /* 05_创新研究专题页 */ .Research_Institute{ padding:3% 0 3%;} .Research_Institute .auto_1280{ border-bottom: 1px solid #e5e5e5; padding-bottom: 2%; } .Research_Institute .column_title{ padding-bottom: 40px; } .Research_Institute dd{ width: 100%; height: 400px;margin-bottom: 2%; background: #00479d; color: #fff; position: relative; background-position: center; background-size: contain; } .Research_Institute dd .txt{ position: absolute; left: 10%; top: 30%; } .Research_Institute dd:nth-of-type(2n) .txt{ left: inherit; right: 10%; } .Research_Institute dd:hover{ opacity: 0.9; } .Research_Institute dd a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .Research_Institute dd:nth-of-type(3n){ margin-right: 0;} .Research_Institute dd img{ max-width: 45px; margin-bottom: 20px; } .Research_Institute dd h3{ font-size: 24px; margin: 0; font-weight: normal; } .Research_Institute dd p{ font-size: 14px; opacity: 0.5; text-transform: uppercase; margin: 10px 0; } /* 运营模式 */ .Operating_model{ padding: 3% 0 4%; background: #f5f5f5; background: url(../images/Operating_model_bg.jpg) top no-repeat; } .Operating_model .column_title span{ color: #fff; } .Operating_model .column_title aside{ color: rgba(255,255,255,0.05); } /* 组织架构 */ .Organizational{ padding: 3% 0 4%; } @media(max-width:480px){ .Operating_model, .Organizational{padding:0 0 30px 0;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /* 首页 所有模块上下间距 */ @media(max-width:640px ){ .Floor002491, .Floor002722, .Floor002411, .Floor002529, .home_culture{ padding: 20px 0 30px; } } /* 网站地图 */ .state{ padding: 2% 0 3%; min-height: 400px;} .state ul li{ text-decoration: none; list-style: none;} .state ul li strong{ margin-right: 20px; } .state ul li span{ margin: 0 5px; } .state ul li u{ text-decoration: none;} /* 搜索 */ .search_list{ padding:3% 0 0; min-height: 300px;} .search_list .tit{ margin-bottom: 2%; font-size: 18px; color: #6e6e6e;} .search_list li{ border-bottom:1px solid #eee; line-height:50px;} .search_list li span{ float:right; font-size:12px;} .search_list li a::before{ display:inline-block;content:''; border:4px solid transparent; border-left-color:#00479d; margin-right: 5px;} /*2021/11/15*/ .Map001070 img, .Map001070 .map{display: none;} /*20240308*/ .Menu002188 .auto { display: flex; flex-direction: row-reverse; } .Menu002188 .Currents { flex: 0 0 auto; } .Menu002188 .Menu { flex: 1 1 auto; overflow: hidden; padding-right: 20px; } .Bottom002728 nav { font-size: 0; } .Bottom002728 nav dl{float: none;margin-right: 0 !important;padding-right: 2em;display: inline-block;vertical-align: top;margin-bottom: 30px;width: 25%;max-width: none !important;box-sizing: border-box;font-size: 14px;} .Bottom002728 .copyright { margin-top: 20px; } .Menu002188 .owl-nav { display: block; } .Menu002188 .owl-nav .owl-prev,.Menu002188 .owl-nav .owl-next { position: absolute; padding: 7px; font-size: 0; top: 50%; margin-top: -7px; } .Menu002188 .owl-nav .owl-prev:after,.Menu002188 .owl-nav .owl-next:after { content: ""; width: 70%; height: 70%; border-left: 1px solid #00479d; border-bottom: 1px solid #00479d; position: absolute; left: 15%; top: 15%; transform: rotate(45deg); } .Menu002188 .owl-nav .owl-prev { left: 0; } .Menu002188 .owl-nav .owl-next { right: 0; } .Menu002188 .owl-nav .owl-next:after { transform: rotate(-135deg); } .Menu002188 .Menu .owl-carousel { padding: 0 15px; } .Menu002188 .owl-nav .disabled { opacity: 0; } @media(min-width:1024px) and (max-width:1280px){ .Bottom002728 nav { max-width: calc(100% - 180px); } } @media(min-width:1024px) and (max-width:1280px){ .Top002374 .header-menu li em { font-size: 15px; } } .sharemedia .content ul { display: flex; flex-wrap: wrap; justify-content: center; }