@charset "utf-8"; /* CSS Document */ /* index */ .mb2{ margin-bottom:2%;} body{} .op0{opacity: 0;} .wrap{ width:1200px; margin:0 auto;} .bg-cope { top: 81px; position: absolute; left: 0; width: 100%; height: 350px; background: rgba(255,255,255,0.95); z-index: 1; display: none;} .top{ height: auto;width:100%; position:fixed; left:0; top:0px; z-index:95; transition:all 0.5s ease; background:rgba(255,255,255,0.95); box-shadow:0 0 10px rgba(0,0,0,0.2)} .top .logo{ height:81px;} .T-nav{} .T-nav > li{ float:left; position:relative; z-index:2;} .T-nav > li > a{ display:block; padding:0 15px; font-weight:bold; height:81px; line-height:81px; font-size:16px; text-align:center; color:#333;} .T-nav > li > a:after{ width:0px; height:3px; background:#db3632; position:absolute; bottom:0; left:50%; margin-left:0px; content:''; transition:all 0.5s ease;} .T-nav > li > a.cur{} .T-nav > li > a.cur:after{ width:30px;margin-left:-15px; transition:all 0.5s ease;} .T-nav > li .gdlt{ position:absolute; width:100%; padding:5px 0; left:0; top:81px; text-align:center; display:none; } .T-nav > li .gdlt a{ display:block; text-align:center; line-height:40px;} .map-ol img{max-width:9999999px;} .ind-setc{ padding-top:1.5%;} .mosclt{ width:755px; border:1px solid #ddd;} .londlc{ line-height:48px; border-bottom:1px solid #ddd; background:#f8f8f8; height:48px;} .londlc span{ font-size:16px; width:115px; text-align:center; display:block; float:left; cursor:pointer; color:#666;} .londlc span.cur{ background:#fff; border-bottom:1px solid #fff; border-top:2px solid #005dc0; color:#005dc0;} .dlopdc{ padding:0 4% 2%;} .adc-more{ display:block; width:48px; height:48px; background:url(../images/more.png) no-repeat center center; position:absolute; right:0; top:-48px;} .elsc-wb{ padding:20px 0; border-bottom:1px dashed #ddd;} .elsc-wb a{ display:block; padding-left:360px; position:relative; color:#333;} .elsc-wb a .pic{ position:absolute; left:0; top:0;} .elsc-wb a .con .p1{ font-size:18px; font-weight:bold; line-height:30px; height:30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .elsc-wb a .con .p2{ color:#999; font-size:12px;} .elsc-wb a .con .p3{ line-height:25px; height:125px; overflow:hidden; margin-top:5px;} .elsc-wb a .con .p4{ margin-top:5px; color:#005dc0;} .newlct-ul{ padding-top:10px;} .newlct-ul li{ line-height:32px; height:32px; padding-left:15px; overflow:hidden; background:url(../images/d.png) no-repeat left center;} .newlct-ul li span{ color:#999; float:right; margin-left:10px; font-size:12px;} .mecno a{ display:block; color:#fff; font-size:24px; line-height:80px; text-align:center; background:url(../testimg/t5.jpg) no-repeat center center; background-size: cover;} .roumld{ width:416px;} .eoclt{ line-height:36px; height:36px; border-bottom:1px solid #ddd;} .eoclt a{display:block; float:right; width:36px; height:36px; background:url(../images/more.png) no-repeat center center;} .eoclt span{ font-size:18px; color:#005dc0; line-height:34px; border-bottom:2px solid #005dc0; display:inline-block; padding:0 15px;} .vodlt{ margin-top:20px; position:relative;} .tavle{ position:absolute; left:0; top:0; width:100%; height:100%; display:table;} .big-video-play{ display:table-cell; width:100%; vertical-align:middle;} .vodlt .video-li-a{ width:42px; height:42px; background:url(../images/pl.png) no-repeat center center; background-size:100% 100%; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:3;} .big-video-c{ position:absolute; left:0; top:0; z-index:5; display:none; width:100%; height:100%; background:#121212;} .alidk{ padding:35px 0; border:1px solid #ddd; border-top:none;} .alidk a{ display:block; line-height:25px; float:left; text-align:center; width:20%; /*color:#666;*/} .alidk a span{ display:block; margin-top:5px;} .ind-doec{ padding:1% 0 2%;} .acthlm{ width:755px; position:relative;} .dmldcs{width:416px;} .alpos{ width:13%; height:35%; position:absolute; text-align:center; font-weight:bold; font-size:18px;} .alpos.pts01{ left:0%; top:15%;} .alpos.pts02{ left:14%; top:48%;} .alpos.pts03{ left:24%; top:2%;} .alpos.pts04{ width:19%; height:53%; left:40%; top:20%; background:url(../images/ec.png) no-repeat center center; background-size:100%;} .alpos.pts05{ left:63%; top:2%;} .alpos.pts06{ left:74%; top:48%;} .alpos.pts07{ left:87%; top:15%;} .alpos.pts04 p{ background:none;} .alpos p{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; border-radius:50%; background:#eaf0fc;} .alpos p a{ display:table-cell; vertical-align:middle; color:#71a5dc;} .alpos.pts04 p a{ color:#fff;} .alpos:hover { transition: all 0.5s ease; transform: scale(1.25); } .ind-prlm{ padding:3% 0; background:url(../testimg/t6.jpg) no-repeat center center; background-size:cover;} .ind-prlm h2{ line-height:50px; background:url(../images/lop.png) no-repeat center center; font-size:18px; text-align:center; font-weight:normal; color:#005dc0;} .cantlm{ padding-left:100px;} .scrloe{ position:relative;} .scrloe span{ line-height:30px; color:#005dc0; position:absolute; left:-85px; top:50%; margin-top:-15px; font-size:16px;} .likdoc{ padding:15px 0;} .likdoc select{ width:180px; height:32px; border:1px solid #ccc; float:left; margin-right:10px; color:#666;} .foot{ background:url(../images/f-bg.png) repeat-x left center; background-size:auto 100%; color:#fff;} .weclt{ padding:20px 0; border-bottom:1px solid #00509d;} .olopc{ width:700px; margin-left:0px;} .olopc span{ display:block; float:left;width:50%; line-height:35px; overflow:hidden; padding-right:15px;} .opodew{ width:130px;} .opodew > a{ color:#fff; display:block; line-height:35px;position:relative;} .opodew > a span{display:none; position:absolute; width:120px; height:120px; z-index:5; left:0; bottom:35px;} .opodew > a.covocl:hover span{display:block;} .orelmc{ background:#0e71d9; padding:5px 5px 0; line-height:25px; text-align:center; font-size:12px;} .plioec{ line-height:25px; padding:15px 0; color:#4e88c6;} .plioec a{ color:#4e88c6; margin:0 10px;} .actiond{ position:relative;} .ny-banner{ height:380px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .cvtes{ line-height:20px; padding:15px 0; color:#888;} .cvtes span{ margin:0 5px;} .cvtes a{ color:#888;} .ny-main{ border-top:1px solid #eee;} .mid-main{ background:url(../images/d.jpg) repeat-y 270px top; padding:30px 0;} .emlst{ width:240px;} .bld-ec{ background:#005dc0; color:#fff; padding:15px 20px; font-size:12px; text-transform:uppercase;} .bld-ec strong{ display:block; font-size:22px;} .lsec-nav{ margin-top:8px;} .lsec-nav li{ border-bottom:1px solid #fff; line-height:40px; background:#f1f2f4;} .lsec-nav li > a{ display:block; padding:0 20px; background:url(../images/rc01.png) no-repeat 95% center; line-height:48px;} .lsec-nav li a.cur{ background:#d8432d url(../images/rc02.png) no-repeat 95% center; color:#fff;} .lsec-nav li p{ display:none; padding:5px 0;} .lsec-nav li p a{ display:block; padding:0 35px; line-height:35px;} .lsec-nav li p a.cur{ color:#005dc0; background: none;} .afle-sc{ background:#f1f2f4; padding-bottom:16px;} .gtecnl{ padding:15px 15px 15px 52px; background-repeat:no-repeat; background-position: 20px center; color:#666;} .gtecnl.clo01{ background-image:url(../images/a01.png);} .gtecnl.clo02{ background-image:url(../images/a02.png);} .yodnc{ width:900px;} .yodnc h2{ color:#555; font-size:20px;padding-bottom: 10px;} .eidt-con{ color:#555; font-size:18px; line-height:2; padding:20px 0;} .ronldc{ margin-top:3%;} .dreik{ margin-top:3%; padding-left:117px;} .contlme{ background:url(../images/db.png) repeat-y 136px top; padding-top: 2%; padding-bottom: 3%;} .contlme dl{ padding:20px 0; position:relative; line-height:25px; padding-left:160px; color:#666;font-size: 16px;} .contlme dl dt{ float:left; width:144px; position:absolute; left:0; top:15px; background:url(../images/ld.png) no-repeat right center;} .contlme dl dt span{ font-size:18px; margin-right:12px;} .contlme dl dd{ line-height:25px;} .aoptc li{ float:left; margin-top:3%; width:32%; margin-right:2%; height:216px; overflow:hidden; margin-bottom:1%;} .aoptc li a .pic img{ height:100%; width: auto} .aoptc li:nth-child(3n){ margin-right:0;} .aoptc li a{ display:block; text-align:center;} .aoptc li a .tit{ line-height:30px; height:30px; overflow:hidden; margin-top:5px;} .aoptc li a .pic:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url(../images/bf.png) no-repeat center center; transition:all 0.5s ease;} .page-ol{ margin-top:4%;} .page-ol a{ display:inline-block; margin:0 2px; width:40px; line-height:38px; text-align:center; border:1px solid #ddd;} .page-ol a.cur{ color:#fff; background:#005dc0; border-color:#005dc0;} .job-slec dt{ padding:15px 25px; color:#999; background:#f4f4f4 url(../images/gd.jpg) no-repeat 98% center; margin-top:12px;} .job-slec dt .p1{ font-size:18px; color:#333;} .job-slec dd{ padding:3%; line-height:2; color:#555; display:none;} .job-slec dd .acl{ color:#005dc0; text-decoration:underline;} .onlcms { padding:5px 0 30px; border-bottom:1px dotted #ddd;} .onlcms a{ display:block; position:relative;} .onlcms a .date{ width:105px; text-align:center; margin-top:15px; height:100px; border-right:1px solid #ddd;} .onlcms a .date strong{ display:block; font-size:28px; font-weight:normal;} .onlcms a .cont{ width:600px; float:right;} .onlcms a .cont .p1{ line-height:35px; height:35px; overflow:hidden; font-size:18px;} .onlcms a .cont .p2{ color:#999; line-height:25px; overflow:hidden; } .onlcms a .cont .p3{ line-height:20px; height:75px; overflow:hidden; margin-top:8px; color:#666;} .onlcms a .cont .p4{ line-height:36px; margin-top:16px;} .onlcms a .cont .p4 span{ color:#fff; display:inline-block; text-align:center; background:#005dc0; width:130px;} .onlcms a .cont .p4 i{ float:right; color:#999;} .nmldcs li{ padding:20px 0; border-bottom:1px solid #ddd;} .nmldcs li a{ display:block; padding-left:90px; position:relative;} .nmldcs li a .date{ background:#236fd1; color:#fff; position:absolute; left:0; top:0; height:70px; width:65px; text-align:center; padding-top:10px;font-family:Arial;} .nmldcs li a .date strong{ font-size:28px; display:block; } .nmldcs li a .p1{ font-size:16px; line-height:30px; height:30px; overflow:hidden;} .nmldcs li a .p2{ color:#666; line-height:20px; height:40px; overflow:hidden;} .titdee{ padding-top:30px; font-size:20px; font-weight:bold; text-align:center; color:#333;} .lidle{ margin-top:10px; color:#999; text-align:center;} .nidleo{ line-height:2; color:#464646; padding:30px 0; margin-top:20px; border-top:1px solid #ddd;} .nidleo img{ max-width:100%;} .dnelw{ padding-top:20px; border-top:1px solid #ddd;} .dnelw p{ padding:5px 0;} .dnelw .bacnke{ position:absolute; right:0; top:30px;} .mboor .pic:after{ display:none;} .mboor a .nic{ display:block; position:absolute; left:0; bottom:0; width:100%; line-height:35px; height:35px; overflow:hidden; color:#fff; padding:0 10px; background:rgba(0,0,0,0.6);} .lopre{ margin-top:3%;} .lopre a{ float:left; width:150px; line-height:32px; float:left; margin-right:6px; margin-bottom:6px; color:#fff; background:#999; text-align:center;} .lopre a.cur{ background:#005dc0;} .plvagt{ padding:3% 0; border-bottom:1px solid #ddd; margin-bottom:3%;} .plvagt li{ padding:3px 0; line-height:25px; color:#666; font-size:16px;} .plvagt li .vnbm{ width:160px;} .plvagt li .vmle{ width:740px;} .volbae{ color:#666; font-size:16px; padding:2% 0px 3%; border-bottom:1px solid #ddd; line-height:2;} .vlbope li{ margin-top:3%;} .vlbope li a{ display:block; background:#f4f4f4; padding:20px; transition:all 0.5s ease;} .vlbope li a .vlopa{ width:82px; height:120px; background:#a9a9a9 url(../images/ef.png) no-repeat center 80px; color:#fff; padding-top:15px; text-align:center; transition:all 0.5s ease;} .vlbope li a .vlopa strong{ font-size:32px; font-weight:bold; display:block;} .vlbope li a .lbaem{ width:755px;} .vlbope li a .lbaem .d1{ font-size:18px; line-height:45px; height:45px; overflow:hidden;} .vlbope li a .lbaem .d2{ line-height:25px; height:50px; overflow:hidden;} .tblbu{ font-weight:bold; font-size:16px;} .tblbu a{ margin-right:20px; display:inline-block;} .bvbmca{ border-bottom:1px solid #ddd; padding-bottom:20px;} .bvbmca li{ font-size:16px;} .bvbmca li span{ color:#999;} .bvbmca li a{ display:block; background:#fff url(../images/d1.jpg) no-repeat 0px center; height:45px; line-height:45px; overflow:hidden; padding-left:20px; transition:all 0.5s ease;} .dow-list li{ line-height:60px; height:60px; overflow:hidden; margin-bottom:12px;} .dow-list li a{ display:block; background:#f4f4f4 url(../images/et01.png) no-repeat 570px center; padding-right:15px; font-size:16px; transition:all 0.5s ease;} .dow-list li a .voeap{ background:url(../images/pcd.png) no-repeat 20px center; padding-left:60px;} .conmlb .d1{ color:#005dc0; font-size:20px; font-weight:bold;} .conmlb .d2{ color:#666; line-height:2; font-size:16px; margin-top:10px;} .baleb{ font-size:18px; margin-top:5%; color:#666;} .horecg{ padding-top:20px; color:#464646; line-height:2;} .oscat li{ width:48%; margin-top:2%; height:35px; border:1px solid #ddd; padding-left:70px; position:relative;} .oscat li span{ line-height:33px; display:block; position:absolute; left:0; top:0; width:65px; text-align:right; border-right:1px solid #ddd; padding-right:3px; color:#666;} .oscat li input{ width:100%; height:33px; border:none; padding:0 5px;} .oscat li i{ color:#f00;} .oscat li textarea{ width:100%; padding:5px; height:78px; border:none;} .ldoes{ padding-bottom:20px;} .ldoes input{ width:120px; margin:0 10px; height:35px; color:#fff; background:#004898; border:none; cursor:pointer;} .map-ol img{max-width:9999999px;} @media (min-width: 1201px){ .aoptc li a:hover .pic:after{ background:rgba(0,0,0,0.5) url(../images/bf.png) no-repeat center center; transition:all 0.5s ease;} .vlbope li a:hover{ background:#005dc0; color:#fff; transition:all 0.5s ease;} .vlbope li a:hover .vlopa{ background:#d8432d url(../images/ef.png) no-repeat center 80px; transition:all 0.5s ease;} .bvbmca li a:hover{ background:#f2f2f2 url(../images/d1.jpg) no-repeat 10px center; color:#005dc0; padding:0 10px 0 30px; transition:all 0.5s ease;} .dow-list li a:hover{ color:#fff; background:#005dc0 url(../images/et02.png) no-repeat 570px center;} } @media (max-width: 1200px){ body{ padding-top:50px;} .wrap{ width:100%; max-width:90%;} .top{ height:50px; top:0;} .top .logo{ height:50px; padding:0;} .top .logo img{ height:50px;} .yosnle{ display:none;} .mob-nav{ display:block; float:right; background:url(../images/mob-ct.png) no-repeat center center; background-size:auto 40%; width:50px; height:50px;} .T-nav{ width:100%; position: fixed; display:none;height:calc(100% - 50px); overflow-x:hidden; overflow-y:auto; top:50px; left:0; margin:0; background:rgba(0,0,0,0.9);} .T-nav li{ display:block; width:100%; border-bottom:1px solid #666;} .T-nav > li > a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; color:#fff;} .T-nav > li > a.cur{ background:none; border:none; color:#fff;} .T-nav li .gdlt{ position:relative; width:100%; top:0; padding:0; background:none; border:none;} .T-nav > li .gdlt a{ color:#fff; text-align:left; padding:0 5%;} .T-nav > li .gdlt .cdlec{ width:100%;} .T-nav > li .gdlt .foopce{ display:none;} .T-nav > li > a.cur:after{ width:0;} .mosclt,.acthlm{ width:100%; max-width:640px; margin:0 auto;} .roumld,.dmldcs{ width:100%; max-width:640px; margin:15px auto 0;} .recnls{ display:none;} .plioec p,.olopc span{ width:100%;} .ny-banner{ height:300px;} .emlst{ width:100%; position:relative;} .afle-sc{ display:none;} .bld-ec{ background:#005dc0 url(../images/g2.png) no-repeat 95% center;} .lsec-nav{ position: relative; margin:0; top:0px; left:0; width:100%; z-index:5; display:none;} .yodnc{ width:100%; margin-top:3%;} .onlcms a .cont{ width:345px;} .spolce li{ width:100%;} .spolce li > span{ font-size:24px;} .blode{ padding-top:0px;} .olopc{ width:100%;} .eidt-con{ font-size:15px;} .mid-main{ padding-top:0; background:none;} .titdee{ padding-top:0; font-size:16px;} .dnelw .bacnke{ position:relative; top:0; margin-top:10px; display:inline-block;} .plvagt li .vnbm,.plvagt li .vmle{ width:100%; font-size:14px;} .volbae{ font-size:14px;} .vlbope li a .lbaem{ width:490px;} .dow-list li a{ background-position:98% center;} .dow-list li a span{ display:none;} } @media (max-width: 960px){ } @media (max-width: 768px){ .ny-banner{ height:180px;} .page-ol a.mob-none{ display: none;} .aoptc li{ width:49%;height:132px;} .aoptc li a .pic img { height:100%; width: auto; } .aoptc li:nth-child(3n){ margin-right:2%;} .aoptc li:nth-child(2n){ margin-right:0;} .bld-ec strong{ font-size:20px;} .job-slec dt{ padding:10px 15px;} .job-slec dt .p1{ font-size:16px;} .onlcms{ padding-top:0;} .onlcms .pic{ width:100%; text-align:center;} .onlcms a .cont{ width:100%;} .lopre a{ width:80px; margin-right:2px; margin-bottom:2px;} .vlbope li a .vlopa{ width:auto; height:auto; padding:5px 15px 5px 40px ; background-position: 10px center;} .vlbope li a .vlopa strong{ font-size:18px; display:inline-block; margin-right:5px;} .vlbope li a .lbaem{ width:100%;} .vlbope li a .lbaem .d1{ font-size:16px; line-height:40px; height:40px;} .tblbu span{ display:block;} .tblbu a{ margin:0;} .bvbmca li a{ font-size:14px;} .bvbmca li a span{ display:none;} .dow-list li a{ padding-right:40px; font-size:14px;} .conmlb .d1{ font-size:18px;} .conmlb .d2{ font-size:14px;} .oscat li{ width:100%;} .mlodp .article a .pic{height:120px!important;} .alpos p a{padding: 6px 10px;} } @media (max-width: 640px){ .wrap{ width:100%; padding:0 2%;} .alpos{ font-size:12px; font-weight:normal;} .newlct-ul li span{ display:none;} .newlct-ul li a{ display:block;height: 32px;overflow: hidden;} .likdoc select{ width:48%; margin:1%;} .londlc span{ width:18%; font-size:12px;} .elsc-wb a{ padding-left:130px;} .elsc-wb a .pic img{ width:120px; height:70px; object-fit:cover;} .elsc-wb a .con .p1{ font-size:14px; line-height:25px; height:25px;} .elsc-wb a .con .p3{ display:none;} .alidk{ padding:15px 0;} .eoclt span{ font-size:16px;} .mecno a{ line-height:60px; font-size:16px;} .cantlm{ padding:25px 0 0;} .scrloe span{ position:relative; top:0; left:0; display:block; text-align: center; font-size:16px;} } @media (max-width: 420px){ .leoc-ul li{ width:49%;} .leoc-ul li:nth-child(3n){ margin-right:2%;} .leoc-ul li:nth-child(2n){ margin-right:0;} .wb-klec > img{ margin-left:0px; width:100%;} .spolce li > span{ font-size:20px;} } .shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; } .big-video { position: fixed; left: 50%; top: 50%; margin-top:-240px; z-index: 22; display: none; margin-left: -450px; background-color: #fff; width: 900px; box-sizing: border-box; } .big-video .big-video-main { height: 480px; } .big-video .big-video-clo { position: absolute; right: -35px; top: 0; width: 30px; height: 30px; background: url(../images/icon30.png) no-repeat center center; cursor: pointer; } @media screen and (max-width: 750px){ .big-video { width: 100%; left: 0; margin-left: 0; } .big-video .big-video-main { height: 185px; } .big-video .big-video-clo { right: 0; z-index: 21; } } .float-sild{ position: fixed; top:40%; right:20px; z-index:10; border-bottom:none;} .float-sild .elds{ width:48px; height:49px; border-bottom:1px solid #ddd;} .float-sild .elds a{ background-color:#fff; background-repeat:no-repeat; background-position:center center; display:block; height:48px; width:48px;} .float-sild .elds .a1{ background-image:url(../images/q01.png)} .float-sild .elds .a2{ background-image:url(../images/q02.png)} .float-sild .elds .a3{ background-image:url(../images/q03.png)} .float-sild .elds .a4{ background-image:url(../images/q04.png)} .float-sild .elds span{ display:block; height:49px; right:100px; background:#fff; border-bottom:1px solid #ddd; position:absolute; top:0; width:160px; line-height:48px; text-align:center; visibility:hidden; opacity:0; transition:all 0.5s ease;} .float-sild .elds:hover span{ visibility:visible; right:48px; opacity:1; transition:all 0.5s ease;} .keful{ margin-top:40px;} .keful a{ display:block; width:60px; height:60px; background:#fff url(../images/q05.png) no-repeat center 5px; border:1px solid #ddd; font-size:12px; text-align:center; padding-top:35px;} @media (max-width: 1200px){ .float-sild{ display:none;} }