/*Top002070 */ .Top002070{ width:100%; background-color:#fff;z-index:100;} .Top002070 .auto{ position: relative} .Top002070 .header-left{position:absolute; top:50%; left:3%; transform:translateY(-50%); width:40%; max-width:191px;} .Top002070 .header-right{ position:absolute; top:50%;right:3%;margin-top:-20px;} .Top002070 .header-right dd{position:relative; float:left;} .Top002070 .header-right dd >a{ display:block;height:40px; line-height:40px;} @media(min-width:1025px){ .Top002070 .header-mid{ margin-right:280px; margin-left:30%; border-right: 1px solid #eee} } .Top002070 .top-gg{ position:relative; margin-left: 20px;;height:40px; line-height:40px; color: #444; font-size: 16px; background: url(../images/Top002070-gg.png) no-repeat left;padding-left: 25px;} .Top002070 .top-language a{ position:relative; padding:0 15px; font-size: 16px;} .Top002070 .top-language a:before, .Top002070 .top-language a:after{ position:absolute;content:''; top:50%;margin-top:-2.5px;} .Top002070 .top-language a:before{ left:0; width:2px; border-right:1px dotted #8c8c8c; height:5px; } .Top002070 .top-language a:after{ right:0;border:5px solid transparent; border-top-color:#8c8c8c; } .Top002070 .open-search{ width:40px; background:url(../images/Top002070-search_btn.png) no-repeat center center; } .Top002070 .search-box{ position:absolute; width:0; overflow:hidden; right:0; top:0; background:#eee; transition:0.3s; opacity:0;} .Top002070 .search-box .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;} .Top002070 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:40px;background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .top-search-on .search-box{ width:200px; opacity:1;} .Top002070 .header-menu li{ width: auto !important} .Top002070 .header-menu li em{ line-height:40px; padding:0 18px; font-size:16px;position:relative; } .Top002070 .header-menu li em a{position:relative; padding:25px 0; } .Top002070 .header-menu li:hover em a, .Top002070 .header-menu li.aon em a{ color:#0068b9; font-weight: bold} .Top002070 .header-menu li:hover em a:after, .Top002070 .header-menu li.aon em a:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:3px; background: #0068b9;} .Top002070 .header-menu li .sub{ background:#f5f5f5} .Top002070 .header-menu li .sub dt{border-bottom:1px solid #e5e5e5} .Top002070 .header-menu li .sub dt:last-child{ border-bottom:none} .Top002070 .header-menu li .sub dt a{ text-align:center; color:#666} .Top002070 .header-menu li .sub dt a:hover{ background:#0068b9;color:#fff;} @media screen and (max-width:1280px) and (min-width:1025px) {.Top002070 .header-mid{margin-left:20%;}} @media(max-width:1024px){ .Top002070 .header{ margin:0 2%; height:80px;} .Top002070 .header-right{ z-index:101; right:2%;} .Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:10px; border-radius:0; background:#e3f3ff; height:32px; border:none; margin-top:4px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{ background:#0068b9 !important;} .Top002070 #open_menu i{background:#0068b9; height:3px; margin-top:-1.5px;} .Top002070 #header-menu ul{ padding:0; border-top:82px solid #fff; background:#0068b9;} .Top002070 #header-menu li{text-align:center;} .Top002070 #header-menu li em a{ padding:5%; font-weight:normal; line-height:normal;} .Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 #header-menu li .sub dt a{ border-bottom:0;} } /*Banner002058 */ .Banner002058{ position:relative; z-index:1;} .Banner002058 .bx-viewport{ z-index:1;} .Banner002058 li a, .Banner002058 li{ height:600px;} .Banner002058 li{ background-position: center top; background-repeat:no-repeat;} .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 li .videoBox{height: 100%;} .Banner002058 li .videoBox .video{height: 100%; background: #000;} .Banner002058 .bx-controls-direction a{ z-index:10;position:absolute; width:49px; height:49px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center; background-size:contain; display: none} .Banner002058 .bx-controls-direction a.bx-prev{ left:2%;} .Banner002058 .bx-controls-direction a.bx-next{ right:2%; background-image:url(../images/Banner002058-btn_right.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{ background-image:url(../images/Banner002058-btn_lefton.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{ background-image:url(../images/Banner002058-btn_righton.png);} .Banner002058 .bx-pager{ position:absolute; left:0; bottom:8%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{} .Banner002058 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002058 .bx-pager div a{position: relative; display:block;width:14px; height:14px; line-height:100px;overflow: hidden; border-radius:50%;border: 2px solid rgba(255,255,255,0.8); } .Banner002058 .bx-pager div a.active{ border: 2px solid #0068b9;} .Banner002058 .bx-pager div a.active:after{ content: ""; display: block;position: absolute;left: 2px;top: 2px; width:6px; height:6px; background: #0068b9;border-radius:50%;} @media(max-width:1000px){ .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} } .home_title{ text-align: center; padding-bottom:2%} .home_title h1{ margin: 0; font-size: 30px; font-weight: normal; color: #444; display: inline-block} .home_title h1 span{ color: #0068b9 } /*Floor002537 */ .Floor002537{padding:3% 0 1%; } .Floor002537 .list{ position:relative;} .Floor002537 .list > *{ position:relative;} .Floor002537 .list dl dd{ width:100%;border-bottom: 1px solid #eee; padding:2% 4%; margin-top: 0px;position: relative; padding-bottom: 19px; } .Floor002537 .list dl dd:last-child{ margin-bottom: 0px;} .Floor002537 .list dl dd.bg{background: #f3f3f3 } .Floor002537 .list dl dd img{position: absolute; left: -12px; top: 0; display: none;height:101%} .Floor002537 .list dl dd.bg img{display: block;} .Floor002537 .list dd a{ display: block; } .Floor002537 .list dd time{ font-family:Arial, Helvetica, sans-serif; background: url(../images/time.png) no-repeat left; padding-left: 18px;} .Floor002537 .list dd h4{ font-size:16px; line-height: 24px; font-weight:normal; margin:5px 0;} .Floor002537 .list dd p{ margin:0; line-height:18px; font-size: 12px; overflow:hidden; max-height:40px; color:#999;} .Floor002537 .list dd a:hover p{ color:#fff;} .Floor002537 .list dd a:hover time{ opacity:0.5;} @media(max-width:1025px){ .Floor002537 .list dl dd{padding:0 4%;padding-bottom:11.5px;} } /*.Floor002537 .list dd a::after{ display:block; content:'更多'; width:100px; padding-right: 20px; line-height:26px; text-align: center;background:url(../images/Floor002537_list_more.png) no-repeat 75% 8px; border: 1px solid #e3e3e3;color: #aaa; border-radius: 50px; margin-top:20px; } .Floor002537 .list dd a:hover::after{ background-image:url(../images/Floor002537_list_more_hover.png);}*/ .Floor002537 .list_top li .Ispic{ padding-bottom:68.1%;} .Floor002537 .list_top li .txt{ position:absolute; left:0; bottom:0; width:100%; padding:30% 30% 3% 3%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 77%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 77%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .Floor002537 .list_top li a{ color:#fff; display: block} .Floor002537 .list_top li .txt p{ font-size:16px; margin:0;} .Floor002537 .list_top .bx-pager{ position:absolute; right:3%; z-index:10; bottom:5.5%;display: none;} .Floor002537 .list_top .bx-pager div{ float:left; padding:0 3px;} .Floor002537 .list_top .bx-pager div a{ display:block; width:11px; height:11px; border:2px solid rgba(255,255,255,0.8); border-radius:50%; overflow:hidden; line-height:1000px;} .Floor002537 .list_top .bx-pager div a.active{ background:#0068b9; border:0;} .Floor002537 .list_top .bx-viewport{ z-index:1;} @media(min-width:769px){ .Floor002537 .list_top{float:left; width:49%; height: auto; } .Floor002537 .list dl{width: 49%; float: right} } @media(min-width:769px) and (max-width:1024px){ .Floor002537 .list dd h4{ font-size:16px;} .Floor002537 .list dd p{ font-size:12px;} .Floor002537 .list dd a::after{margin-top:10%;} } @media(max-width:768px) and (min-width:481px){ .Floor002537 .list dl{ padding-bottom:86%; } } @media(max-width:480px){ .Floor002537 .list dl dd{ position:relative; width:100%; height:auto; left:auto !important;} .Floor002537 .list dl dd a{ position:relative; left:auto; bottom:auto; right:auto; top:auto; display:block; padding:5%; margin-bottom:2px;} .Floor002537 .list dd a::after{margin-top:20px;} .Floor002537 .list_top li .txt p{ font-size:16px;} .top-gg,.home_title h1{display:none;} .home_title{padding-bottom:0;} } @media(max-width:768px){ .Floor002537 .list dl{display: none;} } /*Floor001111 */ .Floor001111{padding: 1% 0} .Floor001111 .con{height: 350px; width: 100%} .Floor001111 .text{width: 62%; text-align: center} .Floor001111 .text h1{color: #fff;font-size:24px; font-weight: normal;margin-top:0} .Floor001111 .text p{color: #fff;font-size:14px;line-height: 22px;} .Floor001111 .text p.dot2{-webkit-line-clamp:inherit;} .Floor001111 .text .more{color: #3e1f10; font-size:14px;width: 150px; text-align: center; line-height: 32px; border-radius: 50px;background:rgba(255,255,255,.8); display: block; margin: 0 auto} .Floor001111 .text .more span{font-family:"宋体";font-size:20px;} .Floor001111 .text .more:hover{background:rgba(0,104,185,1);color:#fff;} @media(max-width:768px){ .Floor001111 .con{height:145px;background-size:cover;background-position:center;} .Floor001111 .text p{display:none;} .Floor001111 .text{width:90%;} .Floor001111 .text p.dot2{font-size: 12px;line-height: 20px;} .videoBox{width: 100%;height: 100%;overflow: hidden;display: block;position: absolute;z-index: 99;} .videoBox1{background-color: #000;height: 0;} .videoBox1 #video{height: 0;} .videoBox1 .video{height: 0;} .Floor001111 .text .more{line-height:28px;width:120px;} } /*Floor001112*/ .Floor001112{padding: 1% 0 2%} /*Bottom002626 */ .Bottom002626{ background:#06182f; padding:3% 2% 1.5%; height: auto;} /* .Bottom002626{ background:#ccc; padding:3% 2% 1.5%; height: auto;} */ .Bottom002626 .bottom{padding-bottom:2%; position:relative;} .Bottom002626 .contact{ float: right;} .Bottom002626 .contact dd { margin-left: 12px; float: left;} .Bottom002626 .contact dd img{ width:95px; display:block;margin: 0 auto; } .Bottom002626 .contact dd span{ text-align: center; display: block; margin-top: 5px; color: #bbb} .Bottom002626 .contact dt{ color:#fff; text-align:right; padding-right:10px; float: left } .Bottom002626 .contact dt aside{ color:#fff; font-size:26px; font-family:Arial, Helvetica, sans-serif;} .Bottom002626 .contact dt p{ margin: 0;line-height: 24px; } .Bottom002626 .bdsharebuttonbox{ display:inline-block; margin-top:20px; } .Bottom002626 .bdsharebuttonbox a{ float:left; width:36px; height:36px; border-radius:50%;background:url(../images/Bottom002626_share.png) no-repeat left center; margin:0; border: 1px solid #666; border-radius: 50%; margin-right: 10px;} .Bottom002626 .bdsharebuttonbox a.bds_weixin{ background-position:-2px center;} .Bottom002626 .bdsharebuttonbox a.bds_tsina{ background-position:-52px center; } .Bottom002626 .bdsharebuttonbox a.mail{ background-position:-102px center;} .Bottom002626 .bdsharebuttonbox a.oa{ background-position:-146px center; margin-right:0;} .Bottom002626 .bottom nav{ float: left } .Bottom002626 .bottom nav dt{ color:#fff; font-size:14px; line-height: 22px; display: inline-block; float: left; } .Bottom002626 .bottom nav dt a{color:#fff;} .Bottom002626 .bottom nav dt a:hover{color:#0068b9;} .Bottom002626 .bottom nav dt:after{ content: ""; display: block; width: 1px; height: 10px; background: #666; display: inline-block; margin: 0 12px; } .Bottom002626 .bottom nav dt:last-child:after{ display:none} .Bottom002626 footer{ } .Bottom002626 footer .auto{padding-top:0.5%;width: 100%; height: auto; overflow: hidden;border-top:1px solid rgba(255,255,255,0.05); } .Bottom002626 .copyright{ float:left; color:#bbb; width: 100%} .Bottom002626 .copyright dt { float: left; margin-right: 20px;} .Bottom002626 .copyright dt a{ color:#bbb; line-height: 48px;} .Bottom002626 .copyright dt a::after{ display:inline-block; content:''; width:1px; height:12px; vertical-align:middle; margin:0 10px; background:#555;} .Bottom002626 .copyright dt a:last-child::after{ display:none;} .Bottom002626 .copyright dd{ float: right; line-height: 48px;} .Bottom002626 .copyright dd span{ color:#666;} .Bottom002626 .copyright dd span a{color:#666; } .Bottom002626 .copyright a:hover{ color:#fff;} @media(max-width:1280px){ .Bottom002626 .contact dt aside{ font-size:24px;} } @media(max-width:1100px){ .Bottom002626 .bottom nav{ /*display:none;*/} .Bottom002626 .contact{ position:relative; width:100%;margin:0 auto;} } @media(max-width:768px){ .Bottom002626 .links, .Bottom002626 .copyright{ float:none; width:auto;} .Bottom002626 .copyright{ padding-top:3%;} .Bottom002626 .contact{padding-top:15px;} .Bottom002626 .contact dl{padding:2% 0;} .Bottom002626 .contact dt{text-align: left;padding-bottom:15px; width: 100%;} .Bottom002626 .contact dd{width:24%;margin-left:0;margin-right:1%;} .Bottom002626 .contact dd:last-child{} .Bottom002626 .bottom nav dt:after{margin:0 7px;} .Bottom002626 .copyright dd{line-height:24px;} } .Banner002185 { z-index: 1; position: relative; } .Banner002185 .line{ position:relative; z-index:10; width:1280px; margin:0 auto;} .Banner002185 .line li{ list-style:none; height:630px; width:1px; background:rgba(153,153,153,0.3); position:absolute; top:0;} .Banner002185 .line li.li-1{ left:320px;} .Banner002185 .line li.li-2{ left:640px;} .Banner002185 .line li.li-3{ right:320px;} .Banner002185 .swiper-slide > a, .Banner002185 .videoBox > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .Banner002185 .video { /*display: none;*/ background: #000; } .Banner002185 .video video{ position: absolute; visibility: visible; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%;object-fit:cover;} .Banner002185 .video-play { z-index:10; background: url(files/text.png) no-repeat center 210px rgba(48,96,146,0.5); } .Banner002185 .swiper-slide{ height:630px; background-position:center top; background-repeat:no-repeat;} .Banner002185 .swiper-pagination { position: absolute; bottom: 102px !important; text-align: center; width: 100%; z-index: 10; } .Banner002185 .swiper-pagination span { display: inline-block; margin: 0 5px !important; overflow: hidden; line-height: 1000px; width: 12px; height: 12px; border:2px solid #fff; opacity:0.5; background:none; } .Banner002185 .swiper-pagination span.swiper-pagination-bullet-active { background-color: #fff; opacity:1; } @media(max-width:768px) { .Banner002185 .swiper-pagination span { margin: 0 5px; width: 20px; } } .Bottom002626 .bottom nav dl{padding-bottom:20px;} .qrcode{ padding-top:20px;} .qrcode .ico{ float:left; width:36px; height:36px; background:url(../images/ico_footer_ico.png); margin-right:10px; position:relative; cursor:pointer; transition:all 0.3s;} .qrcode .wx{ background-position:left bottom;} .qrcode .wx:hover{ background-position:left top;} .qrcode .wb{ background-position:-36px bottom;} .qrcode .wb:hover{ background-position:-36px top;} .qrcode .yx{ background-position:-72px bottom;} .qrcode .yx:hover{ background-position:-72px top;} .qrcode .oa{ background-position:-108px bottom;} .qrcode .oa:hover{ background-position:-108px top;} .qrcode .pic{ position:absolute; left:50%; bottom:100%; background:url(../images/ico_footer_qrcode.png) bottom center; width:0; height:124px; transition:all 0.3s;} .qrcode .pic img{ display:block; width:100%; height:110px; transition:all 0.3s;} .qrcode .ico:hover .pic{ width:118px; padding:4px; margin-left:-59px;} .qrcode .ico{position: relative;} .qrcode .ico a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .copyright dt{position: relative;overflow: hidden;} .copyright dt img{display:block; margin:0 auto;opacity: 1;transition:all .5s; -moz-transition:all .5s; /* Firefox 4 */ -webkit-transition:all .5s; /* Safari and Chrome */ -o-transition:all .5s; /* Opera */ } .copyright dt img.botimg2{opacity: 0;position: absolute;left: 0;bottom: -100%;} .copyright dt a:hover img.botimg1{opacity: 0;} .copyright dt a:hover img.botimg2{opacity: 1;bottom: 0%;} .copyright dt a{} .Bottom002626 .copyright dt.flogo a::after{display:none;} /*PicList001912*/ .PicList001912 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;} .PicList001912 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .PicList001912 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .PicList001912 li{ margin-bottom:35px; border:1px solid #e3e3e3; padding:0px;} .PicList001912 li:hover{border:1px solid #007aff;} .PicList001912 li div{ background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff; padding:2%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:22.5%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; border-left:1px solid #f3f3f3; width:75%; padding-left:25px;} .PicList001912 li h3{ margin:0; line-height:50px; font-size:16px;} .PicList001912 li h3 span{ float:right; color:#999; font-size:12px; font-weight:normal;} .PicList001912 li p{ line-height:24px; overflow:hidden; height:72px; color:#999;} .PicList001912 li .more{ color:#d4282e;} @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} .Bottom002626 .bottom nav dl{padding-bottom:0;} } @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%;} .PicList001912 li .pic img{display:none;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#005192; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background:url(../images/Page002046-a_next.gif) no-repeat center center } @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} }