body{font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; overflow-x: hidden;} a:hover{ color:#293974 } .overflowy{ overflow-y: hidden; height: 100%} .Main_top{padding: 3% 0; } .Main_top .Singlepage{ margin-bottom: 3%;line-height: 24px; /* padding: 3vw 2vw;background: url(../images/pr_bg.png) no-repeat center bottom #d7dbe4*/ } /*.Main_top .PicList000763{ padding: 3vw 2vw;background: url(../images/pr_bg2.png) no-repeat center bottom #acafb9}*/ /*.Main_top2 { background: #f2f3f5 }*/ .Main_top2 .Singlepage{ margin-bottom: 0%;} .Main_top .Singlepage p{ margin-bottom:0; line-height:22px;} .Main_top .Singlepage p span{ color:#333; font-size:16px;} @media(max-width:1024px){ .Main_top .fl, .Main_top .fr{ width:100%; float: left } } /*Top002070 */ .Top002070{z-index:100; position: relative; background: url(../images/top_bg.png)} .Top002070:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: #293974;z-index: -2; box-shadow: 0 4px 10px #1f306e inset} .Top002070 .auto{ position: relative;padding-bottom: 60px; height: 150px;} .Top002070 .header-left{position:absolute; top:12px; left:0; } .Top002070 .header-right{ position:absolute; top:50px;right:0;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{ width: 100%; position: absolute; left: 0; bottom: 0 } } .Top002070 .top-language a{ position:relative; padding:0 15px;} .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 .top-mem { display: inline-block; margin-left: 10px;background: url(../images/top-mem.png) no-repeat left center; padding-left:24px; line-height: 40px; } .Top002070 .top-mem a{ height: 40px; display: inline-block !important; cursor: pointer} .Top002070 .top-mem a.login{ } .Top002070 .top-mem a.sign{ } .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:#fff; transition:0.3s;width:300px; border-radius: 3px; overflow: hidden } .Top002070 .search-box .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px; color: #999 } .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 #444;} .Top002070 .top-search{ width:300px; margin-left: 20px;} .Top002070 .top-search-on .search-box{ opacity:1;} .Top002070 .header-menu li em{ line-height:50px; font-size:16px;position:relative; } .Top002070 .header-menu li em a{ color: #fff } .Top002070 .header-menu li em::after{ position: absolute;right: 0;top: 0;content: '';width:2px;height: 100%;background:url(../images/top_navbg.png) no-repeat center center} .Top002070 .header-menu li:nth-child(1) em::before{ position: absolute;left: 0;top: 0;content: '';width:2px;height: 100%;background:url(../images/top_navbg.png) no-repeat center center} .Top002070 .header-menu li:last-child em a::after{ display:none;} .Top002070 .header-menu li:hover em a, .Top002070 .header-menu li.aon em a{ color: #fff; background: #19275b} .Top002070 .header-menu li .sub{ background:none; opacity: 0 !important; top: 100% !important} .Top002070 .header-menu li:hover .sub{ background:none; opacity: 1 !important} .Top002070 .header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 .header-menu li .sub dt a{ text-align:center; color:#fff;} .Top002070 .header-menu li .sub dt a:hover{ background:#293974} @media(max-width:1024px){ .Top002070:after { display: none;} .Top002070 .auto { height: auto; padding-bottom: 0;} .Top002070 .header{ margin:0 2%; height:auto;} .Top002070 .header-left{ position: relative; top: 0;padding:20px 0;} .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:#293974; height:32px; border:none; margin-top:4px;} .Top002070 .search-box {height: 32px;margin-top: 4px;} .Top002070 .search-box .text { height: 32px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{ background:#fff !important;} .Top002070 #open_menu i{background:#fff; height:3px; margin-top:-1.5px;} .Top002070 #header-menu ul{ padding:0; border-top:82px solid #fff; background:#293974;} .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;} } @media(max-width:768px){ .Top002070 .header{ margin:0;} .Top002070 .header-left {max-width:320px;} .Top002070 .header-right {top:50%;} .Top002070 .top-search {width:auto; } .Top002070 .top-search .open-search { width: 32px; height: 32px;margin-top:4px; background-color:#444;} .Top002070 .top-search .search-box { width:0;} .Top002070 .top-search.top-search-on .search-box { width: 300px;} } @media(max-width:640px){ .Top002070 .header-left {max-width:250px;padding:7% 0 1% 0;} .Top002070 .header-right { margin-top: -33px;} .Top002070 .header-right .top-search { margin-left: 0;} .Top002070 .header-right .top-search .open-search { width: 30px; height: 30px; margin-top: 0;} .Top002070 .header-right .top-mem { display: block;float:none; margin-left: 0; padding-left: 0;background:none;} .Top002070 .header-right .top-mem a { height: auto; line-height: 28px;} .Top002070 .Public_nav_style #open_menu {float:right; width: 30px; height: 30px; margin-top: 0;} .Top002070 .top-search .search-box { width:0;margin-top:0;} .Top002070 .top-search.top-search-on .search-box { width: 300px;} } /*Banner002058 */ .Banner002058{ position:relative; z-index:1;} .Banner002058 .bx-wrapper{ position:relative; z-index:1;} .Banner002058 .bx-viewport{ z-index:1;} .Banner002058 li a, .Banner002058 li{ height:550px;} .Banner002058 li{ background-position: center top; background-repeat:no-repeat;} .Banner002058 li a{ position:relative; display:block; width: 100%;height: 100%; z-index:100;} .Banner002058 li a .box{ position:relative; display:block; width: 100%;height: 100%; } .Banner002058 li img.wap{ display: none;} .Banner002058 .bx-controls { position: relative;z-index:1;} .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-controls .bx-pager{position: absolute; bottom: 60px;right: 0%; z-index: 50; width: 100%; text-align: center} .Banner002058 .bx-controls .bx-pager-item{display: inline-block;width: 58px;height: 58px;} .Banner002058 .bx-controls .bx-pager-item a{display: block;line-height: 58px;text-align: center;font-size: 16px;color: #FFFFFF;opacity: 0.4;border-bottom: 1px solid rgba(255,255,255,1);font-family: "DINCOND";} .Banner002058 .bx-controls .bx-pager-item a.active{opacity: 1;border-bottom: 1px solid rgba(255,255,255,1);} @media(max-width:1000px){ .Banner002058 li a, .Banner002058 li{ height:auto; background:none !important;} .Banner002058 li a .box{ display:none;} .Banner002058 li img.wap{ display:block; width:100%;} } @media(max-width:768px){ .Banner002058 li figure{ height:90px;} .Banner002058 li figure h1{ font-size:30px;} .Banner002058 .bx-controls-direction a{ width:30px; height:30px;} } @media(max-width:480px){ .Banner002058 li figure{ height:70px;} .Banner002058 li figure h1{ font-size:20px;} .Banner002058 li figure span{ line-height:26px; width:110px;} .Banner002058 .bx-pager *{width:9px; height:9px;} } .Contain{ background-repeat: no-repeat;background-color:#f2f3f5;background-image:url(../images/main_bg.png);background-position: center bottom; padding: 3% 0 } .Contain .box{ background: #fff; padding: 30px; margin: 6px 0 ; border-radius: 0px;} .home_title{border-bottom: 1px solid #eee;position: relative;line-height: 40px; margin-bottom: 30px; overflow: hidden} .home_title ul{float: left; margin-left: 15px;} .home_title li{ float: left; cursor: pointer; font-size: 18px; margin: 0 10px; color: #666} .home_title li.on{ border-bottom: 2px solid #293974; color: #293974} .home_title h1{ font-size:30px;display: inline-block; margin: 0; float: left; color: #293974; background: url(../images/tit.png) no-repeat left center; padding-left:8px; letter-spacing: -1px;} .home_title li b{ font-weight: normal;} .home_title a{position: absolute; right:0; top: 0; line-height: 40px; font-size: 16px; font-weight: normal; color: #666; background: url(../images/more.png) no-repeat right center; padding-right: 20px} .home_title a:hover{ color: #293974; background: url(../images/more2.png) no-repeat right center; } .home_title span{float: left; margin-left: 5px; font-family:'Roboto Condensed'; font-size: 18px;} @media(max-width:1024px){ .box_2 .home_title a {top:40px;} } @media(max-width:768px){ .Contain .box {padding:2%;} .home_title ul { width: 100%; margin-left: 0;} .box_2 .home_title a {top:0;} } @media(max-width:480px){ .Contain .box {padding:3%;} .home_title { margin-left: 0; margin-bottom: 3%;} .home_title h1 { font-size: 22px;} .home_title span { font-size: 16px;} .home_title ul { display: flex; flex-wrap: wrap; margin-left: 0;} .home_title li { font-size: 16px;} .home_title li a { font-size: 14px;} } /*.Floor0001 */ .Floor0001 .inner{} .Floor0001 .box{ box-shadow: 0 2px 50px #eee} .Floor0001 .box_1 .list .top a{display: block;position: relative;overflow: hidden; border-radius: 3px; overflow: hidden} .Floor0001 .box_1 .list .top a .pic{display: block;width: 100%;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s; height: 250px; background-position: center center} .Floor0001 .box_1 .list .top a:hover .pic{transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor0001 .box_1 .list .top a aside.dot{position: absolute;z-index: 10; left: 0; bottom: 0;color: rgba(255,255,255,0.8); text-align: center; padding: 0 5%;line-height: 40px;background: rgba(41,57,116,0.85);width: 100%;} .Floor0001 .box_1 .list li{border-bottom: 1px dotted #cbcbca; line-height: 20px;padding-bottom: 5px; } .Floor0001 .box_1 .list li:not(:last-child){margin-bottom:16px;} .Floor0001 .box_1 .list li time{float: right;color: #b9b9b9;font-family:'Roboto Condensed';} .Floor0001 .box_1 .list li a{padding: 0 10px 0 15px;background: url(../images/tit_icon.png) no-repeat left center;color: #666;} .Floor0001 .box_1 .list li a:hover{color:#293974} .Floor0001 .box_2 .home_title h1{ font-size: 26px } .Floor0001 .box_2 .con{ position: relative; } .Floor0001 .box_2 .pic{height: 250px; background-position: center center;border-radius: 3px; overflow: hidden; position: relative; background-size: cover } .Floor0001 .box_2 .pic:after{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4) } .Floor0001 .box_2 .pic a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s; padding: 50px 0 } .Floor0001 .box_2 .pic a:hover{transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor0001 .box_2 .icon{ transition: 0.5s; padding: 28px 0; background: url(../images/icon_bg2.png) no-repeat center center; background-size: contain; position: absolute; left: 50%; width: 100px;; margin-left: -50px ; top:50%;margin-top: -50px; z-index: 50} .Floor0001 .box_2 .icon img{ width:35%; margin: 0 auto; display: block} .Floor0001 .box_2 .icon:hover { transform: rotateY(360deg);} .Floor0001 .box_2 .con span{ text-align: center; width: 100%;font-size:18px; display: block; position: absolute; left:50%; bottom:50px; color: #fff;z-index: 100; background: url(../images/more3.png) no-repeat right center; padding-right: 20px; width:96px; margin-left: -40px;} .Floor0001 .box_3 li{ width: 32%; margin-right: 2%; float: left } .Floor0001 .box_3 li a{display: block; height: 250px; position: relative; background-position: center center; background-size: cover;border-radius: 3px; overflow: hidden} .Floor0001 .box_3 li a:before{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);transition: all ease-in-out 0.5s; } .Floor0001 .box_3 li a:after{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; transform: scale(0);transition: all ease-in-out 0.5s; } .Floor0001 .box_3 li .text { padding:30% 30px; position: relative; z-index: 40; text-align: center; transition: 0.3s} .Floor0001 .box_3 li .text h1{ font-size: 18px; font-weight: normal; color: #fff; margin: 0 0 5px 0 } .Floor0001 .box_3 li .text h2{ font-size: 14px; font-weight: normal; color: #fff; margin: 0 } .Floor0001 .box_3 li:nth-child(3n){ margin-right:0 } .Floor0001 .box_3 li:hover a:before{ opacity: 0} .Floor0001 .box_3 li:hover a:after{ background: rgba(41,57,116,0.9) ;transform:scale(1); } .Floor0001 .box_3 li:hover .text{ padding:50% 30px; } .Floor0001 .box_4 .video{ width: 100%; /*max-height: 600px;*/height:250px;margin: 0 auto;display: block;position: relative;border-radius: 3px; overflow: hidden} .Floor0001 .box_4 .video video{ width: 100%;height: 100%; position: absolute; left: 0; top: 0;} .Floor0001 .box_4 .video.on {z-index: 4;} .Floor0001 #box_4play{position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 3;} .Floor0001 #box_4play .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 ; background-position: top center; background-repeat: no-repeat; } .Floor0001 #box_4play span.anniu{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Floor002234-videobtn.png) no-repeat center center;background-size: 60px; z-index: 3; transition: 0.5s} .Floor0001 #box_4play span.anniu:hover{ background: rgba(0,0,0,0.4) url(../images/Floor002234-videobtn2.png) no-repeat center center;background-size: 60px; } .Floor0001 .box_5 .list li{ width: 24%; float: left; background: #999; margin-right: 1.3%;border-radius: 3px; overflow: hidden} .Floor0001 .box_5 .list li a{ display: block; padding: 28px; height: auto; overflow: hidden; height: 150px;} .Floor0001 .box_5 .list li:nth-child(4n){ margin-right:0} .Floor0001 .box_5 .list li .icon{ transition: 0.5s; width: 50%; height: 100%; float: left; padding: 28px 0; background: url(../images/icon_bg1.png) no-repeat center center; background-size: contain;} .Floor0001 .box_5 .list li .icon img{ width:30%; margin: 0 auto; display: block} .Floor0001 .box_5 .list li .icon:hover { transform: rotateY(360deg);} .Floor0001 .box_5 .list li .text{ width: 45%; float: right; padding: 20px 20px 20px 0} .Floor0001 .box_5 .list li .text h1{ font-size: 16px; font-weight: normal; margin: 0 0 5px 0; color: #fff} .Floor0001 .box_5 .list li .text h2{ font-size: 16px; font-weight: normal; margin: 0; color: #fff;word-break: break-word;font-family:'Roboto Condensed'; opacity: 0.6} .Floor0001 .box_5 .list li:nth-child(1){ background:#3b4e92} .Floor0001 .box_5 .list li:nth-child(2){ background: #22679a} .Floor0001 .box_5 .list li:nth-child(3){ background: #377ec0 } .Floor0001 .box_5 .list li:nth-child(4){ background: #138db5} .Floor0001 .box_6 .pic{ border-radius: 3px; border: 1px solid #eee;overflow: hidden} .Floor0001 .box_6 .pic a{ padding-bottom: 60%; transition: transform .5s ease-in-out; display: block; background-size: contain} .Floor0001 .box_6 .item:hover .pic a{ transform: scale(1.2);} .Floor0001 .box_6 .text h1{ font-size: 16px; font-weight: normal; margin: 0; line-height: 40px; text-align: center } .Floor0001 .box_6 .owl-nav>*{ transition: 0.5s; font-size:0; width:30px !important; height:30px !important; border:1px solid #e1e1e1; border-radius: 3px; position:absolute; top:0; margin-top:-65px; background:#fff; cursor:pointer; padding:0;} .Floor0001 .box_6 .owl-prev{ right:34px;;} .Floor0001 .box_6 .owl-next{ right:0;} .Floor0001 .box_6 .owl-next::before, .Floor0001 .box_6 .owl-prev::before{ transition: 0.5s; position:absolute; content:''; width:40%; height:40%; border-top:1px solid #ddd; border-right:1px solid #ddd; top:30%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor0001 .box_6 .owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 42%} .Floor0001 .box_6 .owl-next:hover::before, .Floor0001 .box_6 .owl-prev:hover::before{ border-color:#fff;} .Floor0001 .box_6 .owl-next:hover, .Floor0001 .box_6 .owl-prev:hover{ border-color:#293974; background: #293974 } @media(min-width:641px){ .Floor0001 .box_1 .list .top{float: left; width: 44%;} .Floor0001 .box_1 .list ul{float: right;width: 52%;} } @media(min-width:769px){ .Floor0001 .box_1{float: left;width: 70%;} .Floor0001 .box_2{float: right;width: 29%;} .Floor0001 .box_2 .pic{height: 252px;} } @media(min-width:1025px){ .Floor0001 .box_3{float: left;width: 49.5%;} .Floor0001 .box_4{float:right;width: 49.5%;} .Floor0001 .box_5{float: left;width:100%;} .Floor0001 .box_6{float: right;width:100%;} .Floor0001 .box_2 .txt pre{display: -webkit-box;-webkit-line-clamp: 5; max-height: 150px;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;} } @media(max-width:1024px){ } @media(max-width:768px){ .Floor0001 .box_2{margin-top: 20px;} .Floor0001 .box_5 .list li a { height:auto; padding: 0;display: flex;justify-content: space-between;align-items: center;} } @media(max-width:480px){ .Floor0001 .title span{display: none;} .Floor0001 .box_1 .list .top { margin-bottom: 4%;} .Floor0001 .box_3 li a {height:170px;} .Floor0001 .box_3 li .text, .Floor0001 .box_3 li:hover .text {padding:30% 20px; } .Floor0001 .box_5 .list li { width: 48.5%; margin-right: 3%; margin-bottom: 3%;} .Floor0001 .box_5 .list li:nth-child(2n) {margin-right: 0} .Floor0001 .box_5 .list li a { height:auto; padding: 0;display: flex;justify-content: space-between;align-items: center;} .Floor0001 .box_5 .list li .icon { width: 40%;} .Floor0001 .box_5 .list li .text { width: 57%;} .Floor0001 .box_6 .owl-nav>* {margin-top:-45px;} } /*Bottom002743 */ .Bottom002743{ background: #293974; padding: 3% 0 0;color: #ddd} .Home_bottom .Bottom002743{ } .Bottom002743 .copyright{ line-height: 24px;color: rgba(255,255,255,0.2); margin-top:20px; } .Bottom002743 .copyright .auto{ border-top: 1px solid rgba(255,255,255,0.08); padding: 25px 0 2%;} .Bottom002743 .copyright a{color: rgba(255,255,255,0.2); font-size: 14px} .Bottom002743 .copyright a:hover{color: rgba(255,255,255,0.4); font-size: 14px} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 10px; background:rgba(255,255,255,0.2); vertical-align: middle; margin: 0 12px;} .Bottom002743 .contact{max-width: 470px;} .Bottom002743 nav dl dt{font-size: 18px;padding-bottom: 8px;} .Bottom002743 nav dl dt{ margin-bottom: 10px;} .Bottom002743 nav dl:last-child dt {text-align: center; border: none} .Bottom002743 nav{ width: 100% } .Bottom002743 nav dl{float: left; } .Bottom002743 nav dd{line-height: 24px; } .Bottom002743 nav dt a{color: #ddd} .Bottom002743 nav dd a{color: rgba(255,255,255,0.4); font-size: 14px;} .Bottom002743 nav dd a:hover{color: rgba(255,255,255,0.6); } .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 80px;} .Bottom002743 nav .code p{color: rgba(255,255,255,0.4); margin: 10px 0 0; font-size: 14px} @media(min-width:1024px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:1024px){ .Bottom002743{ padding: 30px 0} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: none;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center; border: none; margin: 0} .Bottom002743 .copyright .auto{ border-top: none; padding: 0} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:300px; 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:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /* .Menu000706 为demo编号 */ .Menu000706{ position: relative; z-index: 50} .Menu000706 a#nav46{ display: none;} .Menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;} .Menu000706 nav dl{/* position:absolute; right:0; top:50%;*/ margin-top:0px; float:right; background:url(../images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:59px;} .Menu000706 nav dl a{color:#999;} .Menu000706 nav dl span, .Menu000706 nav dl a:hover{color:#293974;} .Menu000706 nav li a{ display:block; font-size:16px; padding:18px 0;} @media(min-width:769px){ .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; margin-right: 30px;} .Menu000706 nav li a:hover, .Menu000706 nav li a.aon{ color:#293974; border-bottom:2px solid #293974} } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} .Menu000706 header{ position:relative; z-index:5;} .Menu000706 header h1{ display:block; padding-right:0;} } @media(max-width:768px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;} .Menu000706 nav ol span{display:block; background-color:#293974; padding:5px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; line-height:30px; padding:0 10px; position:relative; font-size:16px;} .Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #293974;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#293974; padding:3px; border-radius:0 0 5px 5px; display:none;} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #293974;} .Menu000706 nav li a{ padding:0 2%; line-height:40px; } .Menu000706 nav li a:hover{color:#293974;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } .Menu001756{ border-radius: 3px; overflow: hidden} .Menu001756 header{ background:#293974; padding:15px 20px; text-align:center; font-size:24px; color:#fff;} .Menu001756 ol{ display: none} .Menu001756 ul{ border:1px solid #e1e1e1; border-top:0; } .Menu001756 li{ border-bottom:1px solid #e1e1e1; line-height:50px;text-align:center;} .Menu001756 li:last-child{ border-bottom:none} .Menu001756 li a{ display:block; color:#25170f; font-size:16px; position: relative; background: #f2f3f5} @media(min-width:1000px){ .Menu001756 li a:hover:after, .Menu001756 li a.aon:after{ content: ""; display: block; position: absolute; left: 0; top: 10px; height: 25px; width: 2px; background:#293974;} .Menu001756 li a:hover, .Menu001756 li a.aon{ background: #fff;} } @media(max-width:1000px){ .Menu001756{position: relative; overflow: visible} .Menu001756 header{ background-image:none; padding:3% 0; font-size:20px; display: none} .Menu001756 ol{ display:block} .Menu001756 ol{ margin-top:2%; padding:10px 0;} .Menu001756 ol span{display:block; background-color:#293974; padding:5px;} .Menu001756 ol a{ display:block; background-color:#fff;color:#333; line-height:30px; padding:0 10px; position:relative; font-size:16px;} .Menu001756 ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #293974;} .Menu001756 ul{ position:absolute; width:100%; top:48px; left:0; background-color:#293974; padding:3px; border-radius:0 0 5px 5px; display:none; z-index: 100; border: none} .Menu001756 li{ background-color:#fff; border-bottom:1px solid #293974; width: 100%; line-height: 40px;} .Menu001756 li a:hover, .Menu001756 li a.aon{ background-image:none;} } /* .PicList000663 为demo编号 */ .PicList000663{padding: 2% 0 } .PicList000663 li{ border-bottom:#e6e6e6 1px solid; padding:2% 0; } .PicList000663 li div{position:relative;padding-left:31%; padding-bottom:45px;} .PicList000663 li .pic{ width:26%; position:absolute; left:0; top:0; height:100%; background-repeat:no-repeat; background-position: center top; background-size:cover;transition: .3s;} .PicList000663 li h1{ margin:0; font-weight:normal; font-size:18px; line-height:45px ;} .PicList000663 li time{color: #999;font-family: 'Roboto Condensed';padding: 45px 0 0; display: block} .PicList000663 li p{color: #999;font-size: 14px;line-height: 25px; height:50px; overflow:hidden; margin:10px 0 0 ;} .PicList000663 li .more{ padding-right:20px; color:#dc5510; font-size:14px; text-decoration:underline;} .PicList000663 li h1 a:hover { font-weight:bold;} .PicList000663 li .pic:hover { transform: scale(1.1);} @media(max-width:480px){ .PicList000663 li { padding: 5% 0 4% 0;} .PicList000663 li div{ padding-left:0;padding-bottom:0;} .PicList000663 li .pic{ width:100%; position:relative; height:auto; padding-bottom:60%; display:block;} .PicList000663 li time { padding-top: 4%;} } /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #e6e6e6; background-color: #fff; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #dc5510; background:#dc5510;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#293974; border-color:#293974} .Page002193 .p_page b{ font-weight:normal;} /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:3% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px; border-bottom:1px dashed #d2d2d2; margin-bottom: 30px} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:30px; font-weight:normal; color:#444} .RichInfo005 .news_info .title p{ margin:0; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;font-family:Arial, Helvetica, sans-serif} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .center { text-align:center } .RichInfo005 .info { font-size: 14px; line-height:28px; color: #666; text-indent: 2em;text-align:justify; text-justify:inter-ideograph; } .RichInfo005 .info img{ display: block; margin: 3% auto} .RichInfo005 .info table{ width: 100% !important; border: 1px solid #e5e5e5 !important; margin: 20px 0} .RichInfo005 .info table td{ border: 1px solid #e5e5e5 !important; padding: 15px !important; text-align: left !important; line-height: 24px !important;; } .RichInfo005 .bot{ position: relative ; margin-top: 50px ;} .RichInfo005 .info_back{ text-align:center; clear:both; position: absolute; right: 0; top: 0px } .RichInfo005 .info_back a{ color:#fff; font-size:14px; background:#293974; text-align: center;display: block; padding: 10px 0; width: 150px; border-radius: 50px;} .RichInfo005 .info_back a:hover{ background: #cb0010} .RichInfo005 .info_pn span{ display:block; font-size: 14px; margin: 15px 0} .RichInfo005 .info_pn span a{ color:#666;} @media(max-width:1000px){ .RichInfo005 .info_back{ position: relative } .RichInfo005 .bot{ position: relative ; margin-top:15px;} } @media(min-width:1000px){ .RichInfo005 .info_pn span{ width: 80%} } /* .RighInfo002800 */ .RighInfo002800{padding: 3% 0;} .RighInfo002800 .text .p{font-size: 16px;color:#333;line-height: 30px; margin: 0; background-repeat: no-repeat; background-position: left center; padding: 15px 0; padding-left:60px; } .RighInfo002800 .text .tel{background-image: url(../images/RighInfo002800-phone.png);} .RighInfo002800 .text .mail{background-image: url(../images/RighInfo002800-mail.png);} .RighInfo002800 .text .fax{background-image: url(../images/RighInfo002800-fax.png);} .RighInfo002800 .text .code{background-image: url(../images/RighInfo002800-code.png);} .RighInfo002800 .text .add{background-image: url(../images/RighInfo002800-add.png);} .RighInfo002800 .text .wx img{display: inline-block; margin-left: 10px; width: 25%; max-width: 100px;} .RighInfo002800 .map{width: 100%;height: 250px; border-radius: 10px; } .RighInfo002800 .map #map{height: 100%;} .RighInfo002800 .map img{max-width: none !important;} @media screen and (min-width: 1025px) { .RighInfo002800 .text{float: left;width: 50%;} .RighInfo002800 .map{float: right;width: 45%;height: 250px;} } @media screen and (min-width: 1200px) { .RighInfo002800 .map{width:50%;height: 300px; } .RighInfo002800 .text{width:45%;} .RighInfo002800 .text .p{font-size: 18px;} } .main_title{ text-align: center; margin: 0 0 50px;color: #222;} .main_title h1{ font-size:30px ; font-weight: normal } .main_title h1:after{ content: ""; display: block; width: 50px; height: 2px; margin:15px auto 0; background: #828385; border-left: 25px solid #293974} .main_title2{ text-align:left} .main_title2 h1:after{ margin:15px 0 0; } @media screen and (max-width: 640px) { .main_title { margin-bottom: 5%;} .zhangcheng .main_title { margin-top: 4%;} } .Singlepage{ padding: 3% 0; line-height: 28px;} .Singlepage h1{ font-size: 22px; margin:0 0 15px; color: #222} .Singlepage .main_title h1{ font-size: 30px;} .Singlepage h2{ font-size:18px; margin:0 0 10px; color: #222} .Singlepage .about .main_title{ margin-bottom:30px} .Singlepage .home_title h1{/* border-bottom: 1px solid #eee; */position: relative;line-height: 40px;margin-bottom: 30px;overflow: hidden;font-size: 30px;color: #293974;margin: 0;} .Singlepage .about .con{padding: 3% 0;} .Singlepage .about .con .pic{ float: left; width: 50% } .Singlepage .about .con .text{ float:right; width: 45%; padding: 3% 0 } .Singlepage .about dd{ width: 32.5%; margin-right: 1%; margin-bottom: 1%; float: left; border: 1px solid #eee; padding: 30px; height:220px; background: #f2f3f5 } .Singlepage .about dd:nth-child(3n){ margin-right:0} .Singlepage .about dd:nth-child(1){ background:url(../images/about_bg.png) left bottom no-repeat; border: none; padding:60px 20px } .Singlepage .about dd .icon{ width: 40px; margin-bottom: 10px } .Singlepage .about .con2 { background: #f2f3f5 } .Singlepage .about .con2 .pic{ float: right; width: 50% } .Singlepage .about .con2 .text{ float:left; width: 45%; padding: 3% 0 } .Singlepage .about .list{padding: 3% 0 0;} .Singlepage .about .con1{padding: 0 0 3% 0;} @media screen and (max-width: 768px) { .Singlepage .about .con .pic , .Singlepage .about .con .text {float: none;width: 100%;} .Singlepage .about .con .pic { text-align: center;} .Singlepage .about dl {display: flex;flex-wrap: wrap} .Singlepage .about dl dd { height: auto;} } @media screen and (max-width: 640px) { .main_title h1, .Singlepage .main_title h1 { font-size: 22px;} .Singlepage h1 { font-size: 20px;} .Singlepage .about dd { width: 49%; margin-right: 2%; margin-bottom: 2%; padding: 4%;} .Singlepage .about dd:nth-child(1) { width: 100%;} .Singlepage .about dd:nth-child(3n) {margin-right: 2%;} .Singlepage .about dd:nth-child(2n+1) {margin-right: 0;} } .main_more{ text-align: center} .main_more a{ width:150px; display: block; height:36px; line-height:36px; margin:30px auto 0; border: 1px solid #293974; color: #293974; text-align: center} .main_more a:hover{ background: #293974; color: #fff} .main_search{overflow:hidden;background:#f5f5f5;transition:0.3s;width:100%;/* padding: 20px; */margin-bottom: 30px;} .main_search .search-box {position: relative;margin: 0 auto;width: 100%;margin: 0 auto;background: #fff;} .main_search .search-box .text{width: calc(100% - 52px);background:#fff;height:50px;border:none;line-height:450px;padding: 0 0 0 20px;color: #999;border: 1px #e6e6e6 solid;margin-right: 50px;} .main_search .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:50px;background:url(../images/Top002070-search_btn.png) no-repeat center center #444;} .main_search .top-search{ width:300px; margin-left: 20px;} @media(max-width:1024px){ .main_search .search-box {width: 100%; } } @media(max-width:640px){ /*.main_more a { margin-bottom: 30px;}*/ } .News_show{padding:3% 0; position: relative;/* background: url(../images/bg2.png) center bottom*/} .News_show .auto {position: relative; } .News_show .home_title{ margin-bottom: 30px;} .News_show .home_more{ position: absolute; right: 0; bottom: 10px} .News_show li{ float:left; width: 100%; margin:0 ; } .News_show li a{ display:block; transition:all ease-in-out 0.3s; padding: 12px 10px;border-bottom:1px dashed #333; overflow: hidden;} .News_show li h2{ float: left; width: 80%;margin:0; font-size:16px; color:#444; font-weight: normal; } .News_show li .time{ float: right;color: #999; display: block; background: url(../images/time.png) no-repeat left 3px; padding-left: 15px;font-family:'Roboto Condensed'} .News_show li a:hover{ background-color:#293974; } .News_show li a:hover h2{color:#fff;} .News_show li a:hover .time {color:#fff;background-image:url(../images/time_h.png)} .News_show .main_more { position: absolute;top: 0;right: 1%;font-size: 16px; } .News_show .main_more a{color:#293974;border:0; width: auto; margin-top: 0;} .News_show .main_more a:hover {background:none;} .News_show .pic{ padding-bottom: 70% } .News_show .text{background: #fff;; padding:20px 40px 30px } .News_show .text h1{ font-size: 16px; font-weight: normal; line-height:28px; height: 50px; } .News_show .text .time{ color: #999; margin-top: 20px; display: block; background: url(../images/time.png) no-repeat left 3px; padding-left: 15px;font-family:'Roboto Condensed'} .News_show .owl-nav>*{ font-size:0; width:60px !important; height:60px !important; border:none; position:absolute; top:50%; margin-top:-25px; background:none !important; cursor:pointer; padding:0;} .News_show .owl-prev{ left:-70px;} .News_show .owl-next{ right:-70px;} .News_show .owl-next::before, .News_show .owl-prev::before{ position:absolute; content:''; width:50%; height:50%; border-top:1px solid #b2b3b5; border-right:1px solid #b2b3b5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .News_show .owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .News_show .owl-next:hover::before, .News_show .owl-prev:hover::before{ border-color:#00a0e9;} @media screen and (max-width: 768px) { .News_show {padding:5% 0;} .News_show ul {padding:0 10px;} .News_show li a {padding:20px 10px;} .News_show li h2 { width: 70%;-webkit-line-clamp:1;} .News_show .text {padding:4%;} .News_show .text h1 { height: auto;line-height: 22px;} .News_show .main_more {top: 0;} } .News_show_list{padding: 3% 0; background: none } .News_show_list li a {;} .News_show_list .owl-carousel{display: block} .News_show_list .item{ width: 24%; float: left; margin-bottom: 2%} .News_show_list .item:not(:nth-child(4n)){ margin-right: 1.3%} .News_show_list .text{background: #f5f5f5 } @media(max-width:1024px){ .News_show_list .item{ width: 100%; margin-right: 0} } .PicList000762{ /*padding:3% 0;*/ background-size: cover; position: relative; background-repeat: no-repeat; background-position: center; } /*.PicList000762::after{ width: 100%; height: 100%; display: block; content: ''; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 1; }*/ .PicList000762 .auto_1280{ z-index: 5; position: relative; } .PicList000762 .main_title h1{ color: #222 } .PicList000762 ul{ margin: 0;/* padding:30px 20px;*/background:rgba(255,255,255,0.95); overflow: hidden;} .PicList000762 li{ float:left; width: 100%; margin:0 ;border-bottom:1px dashed #ccc; } .PicList000762 li a{ display:block; transition:all ease-in-out 0.3s; padding: 12px 15px; overflow: hidden;} .PicList000762 li h2{ float: left; width: 80%;margin:0; font-size:16px; color:#444; font-weight: normal; } .PicList000762 li .time{ float: right;color: #999; display: block; background: url(../images/time.png) no-repeat left 3px; padding-left: 15px;font-family:'Roboto Condensed'} .PicList000762 li a:hover{ background-color:#293974; } .PicList000762 li a:hover h2{color:#fff;} .PicList000762 li a:hover .time {color:#fff;background-image:url(../images/time_h.png)} .PicList000762 .list{ position: relative; } .PicList000762 .main_more { position: absolute;top: 0;right: 1%;font-size: 16px; } .PicList000762 .main_more a{color:#293974;border:0; width: auto; margin-top: 0;} .PicList000762 .main_more a:hover {background:none;} .PicList000762 .prev, .PicList000762 .next{ font-size:0; width:60px !important; height:60px !important; border:none; position:absolute; top:50%; margin-top:-25px; background:none !important; cursor:pointer; padding:0;} .PicList000762 .prev{ left:-70px;} .PicList000762 .next{ right:-70px;} .PicList000762 .next::before, .PicList000762 .prev::before{ position:absolute; content:''; width:50%; height:50%; border-top:1px solid #b2b3b5; border-right:1px solid #b2b3b5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .PicList000762 .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .PicList000762 .next:hover::before, .PicList000762 .prev:hover::before{ border-color:#00a0e9;} @media screen and (max-width: 768px) { .PicList000762 ul { padding-top: 10px;} .PicList000762 li a {padding:4% 0;} .PicList000762 li h2 { width: 70%; height: auto; font-size: 15px;-webkit-line-clamp:1;} .PicList000762 .main_more {top:0;} } .PicList000762_2{padding: 3% 0; background: none } /*.PicList000762_2 .owl-carousel{display: block} .PicList000762_2 li{ width: 24%; float: left; margin-bottom: 1.3%} .PicList000762_2 li:not(:nth-child(4n)){ margin-right: 1.3%}*/ @media(max-width:1024px){ .PicList000762_2 li{ width: 100%; margin-right: 0} } .PicList000763{ position: relative; } /*.PicList000763 .con{ padding:50px;background:url(../images/nbg2.jpg) no-repeat center center; background-size: cover}*/ /*.PicList000763 .main_title h1{color: #fff} .PicList000763 .main_title h1:after{background: rgba(255,255,255,0.4); border-left: 24px solid #fff}*/ .PicList000763 .con{ padding:0;background-size: cover} .PicList000763 ul{ margin: 0;/* padding: 0 10px;*/} .PicList000763 li{ float:left; width: 100%; margin:0; padding:12px 10px; border-bottom:1px dashed #ccc } .PicList000763 li .new{ /* width: 53px; height: 53px; position: absolute; left: 0; top: 0; background: url(../images/new.png) */} .PicList000763 li a{ transition:all ease-in-out 0.3s; position: relative} .PicList000763 li .left{ float: left; width: 93%; } .PicList000763 li h2{float: left;width: 85%;margin:0;font-size:16px;color: #444;font-weight: normal;} .PicList000763 li .time{float: right;color: #999;margin-top: 0px;display: block;background: url(../images/time.png) no-repeat left 3px;padding-left: 15px;font-family:'Roboto Condensed'; margin-top:2px} .PicList000763 li span{height: 20px; float: right; background: url(../images/download.png) no-repeat left center; background-size: contain; padding-left: 20px; color:#333; } .PicList000763 li:hover{ background-color:#293974 } .PicList000763 li:hover h2{color: #fff;} .PicList000763 li:hover .time{color:#fff;background-image:url(../images/time_h.png)} .PicList000763 li:hover span {color:#fff;background-image:url(../images/download_h.png)} .PicList000763 .main_more {position: absolute;top: 0;right: 1%;font-size: 16px;} .PicList000763 .main_more a{color:#293974;border:0;margin-top:0;width: auto;} .PicList000763 .main_more a:hover {background:none;} @media screen and (max-width: 768px) { .PicList000763 ul {padding: 0;} .PicList000763 li {padding: 15px 5px;} .PicList000763 li .left { width: 100%;} .PicList000763 li .new {width:34px;height:34px;background-size:contain;} .PicList000763 li a {padding:4% 5%;} .PicList000763 li h2 { width: 70%;height: auto;} .PicList000763 li .time { margin: 2px 0;} .PicList000763 .main_more { top:1.3%;} .PicList000763 .main_more a{ width:auto; margin: 0; } } .PicList000763_2{padding: 3% 0; background: none } .PicList000763_2 li { border-bottom: 1px dashed #333;} .PicList000763_2 li h2{ color:#333;} .PicList000763_2 li .time{ color:#333;background: url(../images/time.png) no-repeat left 3px;} .PicList000763_2 li span{ color:#333;background: url(../images/download.png) no-repeat left center/contain;} .PicList000763_2 .owl-carousel{display: block} /*.PicList000763_2 .owl-carousel{display: block} .PicList000763_2 li{ width: 24%; float: left; margin-bottom: 1.3%; background: #f5f5f5} .PicList000763_2 li a{ background: #f5f5f5} .PicList000763_2 li h2{ float: none; width: 100%;margin-bottom: 7px;} .PicList000763_2 li .time{ color: #999; margin-top: 0px; display: block; background: url(../images/time.png) no-repeat left 3px; padding-left: 15px;font-family:'Roboto Condensed'} .PicList000763_2 li span{height: 20px; float: right; background: url(../images/download.png) no-repeat left center; background-size: contain; padding-left: 20px; margin-top: 15px; } .PicList000763_2 li:not(:nth-child(4n)){ margin-right: 1.3%}*/ @media(max-width:1024px){ .PicList000763_2 li{ width: 100%; margin-right: 0} } /* 06_会员之家-03会员风采 */ .PicList001912{ padding: 3% 0; } .PicList001912 li{ position:relative; float:left; width:30.333%; margin-right:4%; margin-bottom:3%;} .PicList001912 li:nth-child(3n){ margin-right:0;} .PicList001912 li div{ overflow:hidden; transition:0.3s;} .PicList001912 li .pic img{ display:block; width:100%; transition:0.3s; } .PicList001912 li:hover .pic img{transition:0.3s; transform:scale(1.1);} .PicList001912 li figure{ position:absolute; width:100%; background:rgba(0,0,0,0.5); bottom:0; padding:10px 15px; } .PicList001912 li h3{ margin:0; font-size:10px 15px; color:#fff} .PicList001912 li h3 a{color:#fff} .PicList001912 li h3 span{ color:#fff;display: block;background: url(../images/time.png) no-repeat left 3px;padding-left: 18px; margin-top:10px; font-size:14px; font-weight:normal;} .PicList001912 li p{ line-height:24px; overflow:hidden; height:72px; color:#999; margin: 20px 0; } .PicList001912 li .more{ color:#293974;} @media(max-width:1000px){ .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:768px){ .PicList001912 li{ width:49%; margin-right:2%; margin-bottom:3%;} .PicList001912 li:nth-child(3n){ margin-right:2%;} .PicList001912 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList001912 li:last-of-type{ margin-bottom: 0; } .PicList001912 li{ float:none; width:100%; margin-right:0%; margin-bottom:3%;} } .Mems_list {} .Mems_list .owl-carousel {display: block } .Mems_list .list {height: auto; overflow: hidden;padding: 3% 0 } .Mems_list .list:nth-child(2n) {background: #f2f3f5} .Mems_list .item { width: 15.8%; float:left; margin-right: 1%;margin-bottom: 1% } .Mems_list .item:nth-child(6n) { margin-right:0 } .Mems_list .item .pic{ border-radius: 3px; border: 1px solid #eee;overflow: hidden; position: relative} .Mems_list .item .pic a{ padding-bottom:60%; transition: transform .5s ease-in-out; display: block; background-size: contain} .Mems_list .item .text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding:40px 30px; z-index: 50; background: rgba(41,57,116,0.9); display: none } .Mems_list .item:hover .text { display: block} .Mems_list .item .text h1{ font-size: 16px; font-weight: normal; margin: 0; line-height: 40px; text-align: center; color: #fff } .Mems_detail{ padding:3% 0;} .Mems_detail .title{ text-align:center; padding-bottom:20px; border-bottom:1px dashed #d2d2d2; margin-bottom: 30px} .Mems_detail .title h1{ margin:0; padding-bottom:15px; font-size:30px; font-weight:normal; color:#444} .Mems_detail .title p{ margin:0; padding-bottom:20px; font-size: 16px;} .Mems_detail .title p span{ margin:0 5px; color:#777;font-family:Arial, Helvetica, sans-serif} .Mems_detail .info{ text-align:justify; text-justify:inter-ideograph; line-height: 28px;text-indent: 2em;} @media screen and (max-width: 768px) { .Mems_list .item { width: 32%; margin-right: 2%; margin-bottom: 2%;} .Mems_list .item:nth-child(3n) { margin-right: 0;;} } .Mems_list2{background: #f2f3f5; padding: 3% 0} .Mems_list2 .owl-carousel {display: block } .Mems_list2 .item { width: 15.8%; float:left; margin-right: 1%;margin-bottom: 1% ; background: #fff; padding:10px 30px} .Mems_list2 .item .text h1{ font-size: 16px; font-weight: normal; margin: 0; line-height: 40px; text-align: center; } .Mems_list2 .item:nth-child(6n) { margin-right:0 } @media screen and (max-width: 768px) { .Mems_list2 .item { width: 32%; margin-right: 2%; margin-bottom: 2%;} .Mems_list2 .item:nth-child(3n) { margin-right: 0;;} } .Right_list { padding:8% 0 3% 0} .Right_list .box{ margin-bottom: 70px;position: relative; } .Right_list .box .pic{ position: absolute; left: 0;bottom: 8%; width:40%; height: 100%; z-index: -2;background-repeat:no-repeat; } .Right_list .box .pic img { display: none;} .Right_list .box .text{ width:65%;float: right; line-height: 28px; padding: 5% ;background: #f5f7f9 } .Right_list .box .text h1{ margin-bottom:15px; background: url(../images/tit2.png) no-repeat left center; padding-left: 30px; color: #293974; font-size: 22px; background-size: 22px} .Right_list .box .text .con{ } .Right_list .box:nth-child(2n) .pic{right: 0;left:auto;z-index: 50} .Right_list .box:nth-child(2n) .text{ float: left } @media screen and (max-width: 768px) { .Right_list { padding:12% 0 3% 0} } @media screen and (max-width: 640px) { .Right_list .box { margin-bottom: 7%;} .Right_list .box .pic { position: relative;bottom:0;width:100%;height:auto; background:none!important;} .Right_list .box .pic img { display: block;} .Right_list .box .text { width:100%;float:none;} } .Floor00221{ padding:5% 0} .Floor00221 .box_3 li{ width: 32%; margin-right: 2%; float: left } .Floor00221 .box_3 li a{display: block; height: 250px; position: relative; background-position: center center; background-size: cover;border-radius: 3px; overflow: hidden} .Floor00221 .box_3 li a:before{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);transition: all ease-in-out 0.5s; } .Floor00221 .box_3 li a:after{ content: ""; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; transform: scale(0);transition: all ease-in-out 0.5s; } .Floor00221 .box_3 li .text { padding:30% 30px; position: relative; z-index: 40; text-align: center; transition: 0.3s} .Floor00221 .box_3 li .text h1{ font-size: 18px; font-weight: normal; color: #fff; margin: 0 0 5px 0 } .Floor00221 .box_3 li .text h2{ font-size: 14px; font-weight: normal; color: #fff; margin: 0 } .Floor00221 .box_3 li:nth-child(3n){ margin-right:0 } .Floor00221 .box_3 li:hover a:before{ opacity: 0} .Floor00221 .box_3 li:hover a:after{ background: rgba(41,57,116,0.9) ;transform:scale(1); } .Floor00221 .box_3 li:hover .text{ padding:35% 30px; } /* .PicList002796 */ .PicList002796{ padding:3% 0 0%;} .PicList002796 ol{ position: relative; margin-bottom: 2.5%; border-bottom: 1px solid #eee; } .PicList002796 ol figure em{ padding-bottom: 33%; } .PicList002796 ol p{ margin: 20px 0; font-size: 18px; color: #333; line-height: 28px; text-align: justify; } .PicList002796 ol time{ float: right; margin-top: 23px; } .PicList002796 li{ position:relative; } .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList002796 figure a::before, .PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList002796 figure a::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;} .PicList002796 li p{margin: 15px 0 6px;height: 56px;font-size: 16px;color: #333;line-height: 24px;text-align: justify;overflow: hidden;} .PicList002796 time{ background: #293974; display: inline-block; padding: 4px 15px; color: #fff; border-radius: 99px;} @media(min-width:769px){ .PicList002796 li{ float: left; width: 29.75%;margin-right: 5.25%; margin-bottom:3.5%;} .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: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 ol figure em{ padding-bottom: 47%; background-size:cover;} } @media(max-width:480px){ .PicList002796 ol { margin-bottom:12%;} .PicList002796 ol time { float: none;display: inline-block;} .PicList002796 ol p {margin:20px 0;} .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: -5px;margin-top: -10px;} .PicList002796 li p { height: auto;margin:15px 0;} } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /* .TextList000746 为demo编号 */ .TextList000746 {padding: 2% 0;} .TextList000746 li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:12px 0;} .TextList000746 li a{ padding-left:26px; background:url(../images/TextList000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#293974;} .TextList000746 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} /* .PicList000729 为demo编号 */ .PicList000729{ padding:3% 0 1%;} .PicList000729 li{ float:left; width:23.5%; margin-right:2%; text-align:center; padding:0% 0 2%;transition:all .3s;} .PicList000729 li:nth-child(4n){ margin-right:0;} .PicList000729 li figure{ padding:12px;box-shadow: 0 0 10px 2px #eee;transition:all .3s;} .PicList000729 li:hover figure{ box-shadow:0 0 10px 2px #9e9e9e;} .PicList000729 li figure em{ display:block; background-repeat:no-repeat; background-position: center center; background-size:cover; padding-bottom:128%;} .PicList000729 li h5, .PicList000729 li p{ margin:0; } .PicList000729 li h5{ font-size:14px; padding:10px 0;} .PicList000729 li span{color:#fff;background-color:#293974;border: 1px solid #293974;border-radius: 5px;padding: 0 10px;display: inline-block; line-height:2;} .PicList000729 li p{ color:#666; padding: 15px 0; font-size:16px;} .PicList000729 li a:hover p{ color:#293974;} /*.PicList000729 li a:hover span{ color: #293974;border: 1px solid #293974;}*/ @media(max-width:640px){ .PicList000729 li{width:32%;} .PicList000729 li:nth-child(4n){ margin-right:2%;} .PicList000729 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList000729 li{width:49%;} .PicList000729 li:nth-child(3n){ margin-right:2%;} .PicList000729 li:nth-child(2n){ margin-right:0;} } /*Floor002636 */ .Floor002636{ padding:2% 0 4%; line-height: 28px;} @media(min-width:1025px){ .Floor002636 .box{ } .Floor002636 .box-left{ float:left; width:65.8%;} .Floor002636 .box-right{ width:100%;height:300px;} } .Floor002636 .box h2{ margin:0 0 17px 0; position:relative; border-bottom:1px solid #e5e5e5; } .Floor002636 .box h2 a{ position:absolute; right:0; top:50%; margin-top:-10px; width:60px; text-align:center; line-height:20px; border-radius:20px; background:#ededed; color:#999; font-size:12px; text-transform:uppercase; font-weight:normal;} .Floor002636 .box h2 a:hover{ background:#0696ab; color:#fff;} .Floor002636 .box h2 b{ display:inline-block; margin-right:3%; font-size:20px; color:#0696ab; line-height:44px; border-bottom:2px solid #0696ab;} .Floor002636 .box-left{ padding:0 3% 0 0; background:url(../images/Floor002636_bg.jpg) repeat-y right top #fff;} .Floor002636 .box-left h1{font-size: 22px;margin: 0 0 15px;color: #222;} .Floor002636 .box-right{ text-align:center; background:url(../images/Floor002636_rightbg.jpg) no-repeat center center; background-size:cover; display: table;} .Floor002636 .box-right aside{ width:100%;display: table-cell;vertical-align: middle} .Floor002636 .box-right figure{ padding-bottom:3%;} .Floor002636 .box-right figure img{ max-width: 470px; width: 34%;} .Floor002636 .box-right a{display:inline-block;color:#fff;width: 160px;line-height: 50px;background:#293974;transition:0.2s;font-size: 18px; cursor: pointer} .Floor002636 .box-right a:hover{ background:#fff; color:#293974;} @media(max-width:1024px){ .Floor002636 .box-right{ padding:8% 0; background-repeat:repeat; background-size:auto 100%;} } @media(max-width:640px){ .Floor002636 .box li{ padding-left:12px;} .Floor002636 .box li::before{ right:auto; left:0; margin-right:0;} .Floor002636 .box-left ol{ padding-left:0; padding-bottom:3%;} .Floor002636 .box-left ol .Ispic{ position:relative; height:auto; padding-bottom:53%; display:block; width:auto;} .Floor002636 .box-right figure img { width: 74%;} } .Floor004836{ padding-bottom: 3% } #bsWXBox {box-sizing: content-box;} /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} /*links*/ .links_box { margin-top: 20px;} .links_box a{ display: block;float: left;width: 175px;height: 105px;margin-right: 8px;margin-bottom: 20px;} .links_box a.mr0{margin-right: 0;} .links_box a img { padding: 1px;border: 1px solid #ccc;} .links_box a span { display: block;width: 175px;height: 20px;line-height: 20px;text-align: center;margin-top: 10px;} /*links*/ /* .Form002324 为demo编号 */ .Form002323{ position:absolute; background:rgba(0,0,0,0.7); width:100%;height: 100%; top:0; left:0; z-index:999; display: none} .Form002323 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:600px; height:420px; margin-left:-300px; left:50%; background:#fff; z-index:100; border-radius: 3px;} .Form002323 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002323 .Title{ font-size:24px; color:#555555; text-align:center; line-height:100px;} .Form002323 input{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:40px; line-height:40px; padding:5px 10px 5px 20px; margin:0 auto 15px; width:348px;} .Form002323 .Loginname{ background:url(../images/Form002324-mico.png) no-repeat 11px 11px;} .Form002323 .Loginpwd{ background:url(../images/Form002324-mico.png) no-repeat 11px -53px;} .Form002323 .yzm{ width:350px; margin:0 auto;} .Form002323 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form002323 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form002323 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:40px;} .Form002323 .goTo{ width:350px; margin:0 auto;} .Form002323 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form002323 .goTo .gozc{ float:right;} .Form002323 .goLogin{ width:350px; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#293974;border-radius: 3px} .Form002323 .OtherLogin{ width:350px; margin:0 auto;} .Form002323 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form002323 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form002323 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media only screen and (max-width:1024px ) { .Form002323 .wrap-container{top:0;margin-top: 0; width:100%; height:100%; margin-left:0; left:0; padding: 5%; border-radius: 3px;} .Form002323 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form002323 .OtherLogin{ text-align: center;} .Form002323 .Lyzm{ width: 90px;} .Form002323 .Title{ font-size: 20px; line-height: 70px;} .Form002323 input{ margin-bottom: 10px;} } /* .Form002324 为demo编号 */ .Form002324 { position: fixed; background: rgba(0,0,0,0.7); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none } .Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:600px; height:420px; margin-left:-300px; left:50%; background:#fff; z-index:100; border-radius: 3px;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002324 .Title{ font-size:24px; color:#555555; text-align:center; line-height:100px;} .Form002324 input{ display:block; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:1px solid #dcdcdc; height:40px; line-height:40px; padding:5px 10px 5px 50px; margin:0 auto 15px; width:348px;} .Form002324 .Loginname{ background:url(../images/Form002324-mico.png) no-repeat 11px 11px;} .Form002324 .Loginpwd{ background:url(../images/Form002324-mico.png) no-repeat 11px -53px;} .Form002324 .yzm{ width:350px; margin:0 auto;} .Form002324 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form002324 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form002324 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:40px;} .Form002324 .goTo{ width:350px; margin:0 auto;} .Form002324 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form002324 .goTo .gozc{ float:right;} .Form002324 .goLogin{ width:350px; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#293974;border-radius: 3px} .Form002324 .OtherLogin{ width:350px; margin:0 auto;} .Form002324 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form002324 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form002324 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media only screen and (max-width:1024px ) { .Form002324 .wrap-container{top:0;margin-top: 0; width:100%; height:100%; margin-left:0; left:0; padding: 5%; border-radius: 3px;} .Form002324 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form002324 .OtherLogin{ text-align: center;} .Form002324 .Lyzm{ width: 90px;} .Form002324 .Title{ font-size: 20px; line-height: 70px;} .Form002324 input{ margin-bottom: 10px;} } /* .Form002325 为demo编号 */ .Form002325{ position:absolute; background:rgba(0,0,0,0.7); width:100%; top:0; left:0; z-index:999; height: 100%; display: none} .Form002325 .wrap-container{ position:absolute; background:#fff; z-index:101; padding:15px 25px; width: 100%; height: 100%; } .Form002325 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002325-colseBtn.jpg) no-repeat;} .Form002325 .title{ height:50px; line-height:50px; color:#444; font-size:24px; text-align: center} .Form002325 .w_text{ margin-bottom: 20px; float: left; width: 100%} .Form002325 .w_text h1{ color: #222;font-size: 18px; line-height:30px; border-bottom: 1px dashed #ccc;font-weight: normal; display: block; margin: 20px 0 0;background:url(../images/tt.png) no-repeat left center; padding-left: 25px;;} .Form002325 .rgtList{ position:relative; margin-bottom:10px; line-height:22px;} .Form002325 .rgtList2 { border-bottom:1px solid #dcdcdc; ;} .Form002325 .rgtList2 .a-red{ float: right; background: #ddd; width: 170px; color: #666 !important; text-align: center; line-height: 30px !important;height: 30px !important; padding: 0 !important} .Form002325 .rgtList #showimg{max-width:100px;} .Form002325 .rgtyzm{ width: 100% !important; margin: 0} .Form002325 .rgtList em{color: #c00; position: absolute; right: 10px;line-height:36px;height:36px;; top: 0; font-style: normal;} .Form002325 .rgtList .error{ line-height:36px; height: 36px; position: absolute; right: 25px; top: 0} .Form002325 .rgtList input{ display:inline-block; width:100%; line-height:36px;height:36px; padding:5px 15px; color:#6e6e6e;border:1px solid #dcdcdc; vertical-align:top; border-radius: 2px; } .Form002325 .rgtList .red{ color:#c00000; font-size:18px; padding:0 17px;line-height: 100px;} .Form002325 .rgtList .tit{ color:#444} .Form002325 .rgtyzm a{ display:inline-block; height:22px; vertical-align:top; color:#0277ba; line-height:22px;} .Form002325 .rgtyzm a img{ vertical-align: top; height: 36px; margin-right: 16px;} .Form002325 .rgtyzm a span{ display: inline-block; vertical-align: top} .Form002325 .rgtyzm input{ width: 120px;} .Form002325 .rgtList{ width: 49%; margin-right: 2%; float: left} .Form002325 .nr{ margin-right: 0; } .Form002325 .rgtList2{ width: 100%; margin: 0 0 10px 0;} .Form002325 .rgtBtn{ display:block;float: left; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; background:#293974; margin: 10px 0;border-radius: 3px} @media only screen and (min-width:768px ) { .Form002325 .wrap-container{ top:50%;margin-top: -350px; width:700px; margin-left:-350px; left:50%; height: auto; padding: 25px;position:fixed;} .Form002325 .rgtyzm input{ width: 112px;} .Form002325 .rgtyzm a{ width: 200px;} .Form002325 .rgtyzm a img{margin-right: 16px;} } @media only screen and (min-width:1024px ) { .Form002325 .wrap-container{ top:50%;margin-top: -350px; width:768px; margin-left:-384px; left:50%; padding:0 50px 20px 50px; border-radius: 3px;} .Form002325 .title{ height:100px; line-height:100px;} .Form002325 .rgtyzm input{ width:200px;line-height:40px;height:40px; margin-bottom: 5px; } .Form002325 .rgtList{ margin-bottom:10px; line-height: 40px; } .Form002325 .rgtyzm a{ margin-left:10px;height:40px; vertical-align:top; color:#0277ba; line-height:42px;width:220px; display: inline-block } .Form002325 .rgtyzm a img{height:40px; margin: 0 16px 0 0} .Form002325 .rgtList input{ margin-bottom: 0;line-height:40px; height:40px; } .Form002325 .rgtList em{line-height:40px;height:40px;} .Form002325 .rgtList .error{ line-height:40px; height:40px; } } @media only screen and (min-width:1200px ) { .Form002325 .wrap-container{ top:50%;margin-top: -370px; width:800px; margin-left:-400px; left:50%; } } @media(max-width:768px){ .Form002325 .rgtList .error{ font-size: 12px; color: #999; right: 15px;} .Form002325 .rgtList2 .a-red{ width: 50%} } /* .Form002326 为demo编号 */ .Form002326{ position:fixed; background:rgba(0,0,0,0.7); width:100%; top:0; left:0; z-index:999; height: 100%; display: none} .Form002326 .wrap-container{ position:absolute; background:#fff; z-index:101; padding:15px 25px; width: 100%; height: 100%; } .Form002326 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002325-colseBtn.jpg) no-repeat;} .Form002326 .title{ height:50px; line-height:50px; color:#444; font-size:24px; text-align: center} .Form002326 .rgtList{ position:relative; margin-bottom:10px; line-height:22px;} .Form002326 .rgtList em{ color: #c00; font-style: normal;} .Form002326 .rgtList .error{ line-height:22px; height: 22px; display: inline-block} .Form002326 .rgtList input{ display:inline-block; width:100%; line-height:40px;height:40px; padding:5px 15px; color:#6e6e6e;border:1px solid #dcdcdc; vertical-align:top; border-radius: 2px; margin-bottom: 8px;} .Form002326 .rgtList .red{ color:#c00000; font-size:18px; padding:0 17px;line-height: 100px;} .Form002326 .rgtList .tit{ color:#444} .Form002326 .rgtList em{ color: #c00; position: absolute;right: 3%; top: 0; font-style: normal;} .Form002326 .rgtyzm a{ display:inline-block; height:22px; vertical-align:top; color:#0277ba; line-height:22px;} .Form002326 .rgtyzm a img{ vertical-align: top; height: 30px; margin-right: 16px;} .Form002326 .rgtyzm a span{ display: inline-block; vertical-align: top} .Form002326 .rgtBtn{ display:block;float: left; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; background:#293974; margin-top: 10px;border-radius: 3px} .Form002326 .queueList{ margin: 0; border: 1px solid #e5e5e5} .Form002326 .queueList .placeholder{ font-size: 16px; font-weight: normal; color: #444; padding: 50px;} .Form002326 .placeholder .webuploader-pick{ background: #929398; color: #fff; font-size: 16px;} @media only screen and (min-width:768px ) { .Form002326 .wrap-container{ top:50%;margin-top: -350px; width:700px; margin-left:-350px; left:50%; height: auto; padding: 25px;position:fixed;} .Form002326 .rgtyzm input{ width: 112px;} .Form002326 .rgtyzm a{ width: 200px;} .Form002326 .rgtyzm a img{margin-right: 16px;} .Form002326 .rgtList .error{ position: absolute; left: 73%; top: 0;} } @media only screen and (min-width:1024px ) { .Form002326 .wrap-container{ top:50%;margin-top: -250px; width:768px; margin-left:-384px; left:50%; padding:20px 80px 80px 80px; border-radius: 3px;} .Form002326 .title{ height:100px; line-height:100px;} .Form002326 .rgtyzm input{ width:200px;line-height:40px;height:40px; margin-bottom: 5px; } .Form002326 .rgtList{ margin-bottom:20px; line-height: 40px; } .Form002326 .rgtyzm a{ margin-left:10px;height:40px; vertical-align:top; color:#0277ba; line-height:42px;width:220px; display: inline-block } .Form002326 .rgtyzm a img{height:40px; margin: 0 16px 0 0} .Form002326 .rgtList input{ margin-bottom: 0;} .Form002326 .rgtBtn{ margin-top: 0px;} } @media only screen and (min-width:1200px ) { .Form002326 .rgtyzm input{ width: 120px;} .Form002326 .wrap-container{ top:50%;margin-top: -250px; width:800px; margin-left:-400px; left:50%; } } .Form002327 .main_title { text-align: center; margin-bottom: 50px;} .Form002327 .main_title h1{ font-size:26px; font-weight: normal; color: #444 } .Form002327 .title{ margin-bottom: 15px;display: inline-block} .Form002327 .title h1{ line-height:26px; color:#444; font-size:18px; display: inline-block } .Form002327 .title em{ color: #c00; font-style: normal; padding-left: 5px; font-size: 16px; } .Form002327 .title span{display: inline-block; margin-left: 10px;padding-left: 20px; font-size: 18px; } .Form002327 .title span.off{ color: #c00; background: url(../images/i1.png) no-repeat left center; background-size: 16px;} .Form002327 .title span.on{color:#293974; background: url(../images/i2.png) no-repeat left center; background-size: 16px; } .Form002327 .con{ margin-bottom: 60px; position: relative} .Form002327 .rgtList{ position:relative; margin-bottom:10px; line-height:22px;} .Form002327 .rgtList em{ color: #c00; font-style: normal;} .Form002327 .rgtList .error{ line-height:22px; height: 22px; display: inline-block} .Form002327 .rgtList input{ display:inline-block; width:100%; line-height:40px;height:40px; padding:5px 15px; color:#6e6e6e;border:1px solid #dcdcdc; vertical-align:top; border-radius: 2px; margin-bottom: 8px;} .Form002327 .rgtList .red{ color:#c00000; font-size:18px; padding:0 17px;line-height: 100px;} .Form002327 .rgtList .tit{ color:#444} .Form002327 .rgtList em{ color: #c00; position: absolute;right: 3%; top: 0; font-style: normal;} .Form002327 .rgtyzm a{ display:inline-block; height:22px; vertical-align:top; color:#0277ba; line-height:22px;} .Form002327 .rgtyzm a img{ vertical-align: top; height: 30px; margin-right: 16px;} .Form002327 .rgtyzm a span{ display: inline-block; vertical-align: top} .Form002327 .rgtBtn{ display:block;float: left; width:100%; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; background:#293974; margin-top: 10px;border-radius: 3px} .Form002327 .queueList{ margin: 0; border: 1px solid #e5e5e5} .Form002327 .queueList .placeholder{ font-size: 16px; font-weight: normal; color: #444; padding: 50px;} .Form002327 .placeholder .webuploader-pick{ background: #929398; color: #fff; font-size: 16px;} @media(max-width:1000px){ .Form002327 .title{ width: 100%; text-align:left; position:relative; margin-bottom: 10px;} .Form002327 .title h1{display: inline-block} .Form002327 .title span{ float:none !important; margin-left: 10px;} .Form002327 .con{padding-left: 0px; } } .Right_con{background: #fff; padding:70px 50px; border-radius: 3px; overflow: hidden} @media(min-width:1024px){ .Right_con{min-height: 470px; } } @media(max-width:1024px){ .Right_con{ padding:30px;} } /* .Form002330 为demo编号 */ .Form002330{ } .Form002330 .row{ padding-bottom: 15px;} .Form002330 .rowbox{ padding-bottom: 0;} .Form002330 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002330 .row-inner{ max-width: 700px; margin: 0 auto; position: relative; padding-left: 120px; color: #666; font-size: 14px; line-height: 34px;} .Form002330 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 16px;line-height: 42px;height: 42px; font-weight: normal; width:100px; text-align: right} .Form002330 .row-inner .username{ display: block;} .Form002330 .row-inner .text{border: 1px solid #e5e5e5; color: #adadad; line-height: 42px;height: 42px; width: 100%; padding: 0 10px; display: inline-block; border-radius: 3px} .Form002330 .btn{ width:100%; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#293974; border: none; border-radius: 3px; margin-top: 10px;} /*Form002112 */ .Form002112{} .Form002112 table{ max-width:768px; margin:0 auto;} .Form002112 table td{ padding-bottom:15px; padding-right:10px;} .Form002112 .f_name{ width:20%; min-width:200px; text-align:right; font-size: 16px; line-height: 42px;height: 42px; } .Form002112 .f_name em{color:#f04848;} .Form002112 .f_txt{ width:40%;} .Form002112 .f_tips span{ font-size:12px; padding:0 10px; display:inline-block;border: 1px solid #eee;background-color: #f2f2f2; line-height:20px; border-radius: 3px; } .Form002112 td .text{width: 100%; line-height: 42px;height: 42px; padding: 0 10px; border: 1px solid #e5e5e5;;background: #fff; border-radius: 3px; } .Form002112 td .btn{ width:100%; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#293974; border: none; border-radius: 3px; margin-top: 10px;} @media(max-width:1024px){ .Form002112 table td{ display:block; width:auto !important;} .Form002112 .f_name{ text-align:left;} .Form002112 .f_tips span{ padding: 10px; display:inline-block;border: 1px solid #eee;background-color: #f2f2f2; line-height:20px; border-radius: 3px; width: 100% } } .TextList001398{} .TextList001398 li{height: 60px; padding: 0 ; border-bottom: 1px dashed #e2e2e2; line-height:60px; position:relative; transition: 0.3s} .TextList001398 li a{display:block; padding: 0 95px 0 25px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .TextList001398 li a:hover{color: #293974} .TextList001398 li .btn{width:80px; height:30px; line-height: 30px;; text-align: center; border-radius: 3px; position: absolute; top: 15px;; right: 0px; background: url(../images/TextList001398_btn.png) 10px center no-repeat; background-size: 12px; border: 1px solid #e2e2e2; padding-left: 15px; border-radius: 3px;transition: 0.3s} /*.TextList001398 li:nth-child(2n){background: #f2f2f2;}*/ .TextList001398 li .btn:hover{background: url(../images/TextList001398_btn2.png) 10px center no-repeat #293974; background-size: 12px; color: #fff} .TextList001399{} .TextList001399 li{height:56px; padding: 0 80px 0 10px;; transition: 0.5s; border-bottom: 1px dashed #e2e2e2; line-height:56px; position:relative; font-size: 16px; } .TextList001399 li a:hover{color: #293974} .TextList001399 li span{height:30px; line-height: 30px;; text-align: center; position: absolute; top: 15px;; right: 0px;padding-left: 20px; font-size: 16px;} .TextList001399 li span.off{ color: #c00; background: url(../images/i1.png) no-repeat left center; background-size: 16px;} .TextList001399 li span.on{color:#293974; background: url(../images/i2.png) no-repeat left center; background-size: 16px; } /*.TextList001398 li:nth-child(2n){background: #f2f2f2;}*/ /* .Form002334 为demo编号 */ .Form002334 .shop-tit{ font-size: 24px; font-weight: normal; color: #333; margin: 0;} .Form002334 .shop-head {margin-top: 30px; height: 43px; background: #ebebeb; line-height: 43px;} .Form002334 .shop-head .tabs{ float: left; } .Form002334 .shop-head .tabs li{ float: left; min-width: 100px; text-align: center; font-size: 16px;} .Form002334 .shop-head .tabs li.on,.Form002334 .shop-head .tabs li:hover{ background: #c0a354;} .Form002334 .shop-head .tabs li+li{ position: relative;} .Form002334 .shop-head .tabs li+li:before{ content: ""; display: block; position: absolute; left: 0; top: 35%; height: 35%; width: 1px; background: #d1d1d1;} .Form002334 .shop-head .tabs li a{ display: block;} .Form002334 .shop-head .tabs li.on a,.Form002334 .shop-head .tabs li:hover a{ color: #fff;} .Form002334 .shop-head .search{ float: right; margin-top: 8px; padding-right: 28px; position: relative; max-width: 300px; width: 30%;line-height: 27px;} .Form002334 .shop-head .search .sreach_ipu { width: 100%; background: #fff; display: block;} .Form002334 .shop-head .search .searBtn { width: 28px;height: 100%; border: none; display: block; position: absolute; right: 0; top: 0; background: #c0a354 url(../images/Shop002484-sar_03c.jpg) no-repeat center center;} @media only screen and (max-width:767px ) { .Form002334 .shop-tit{ font-size: 20px;} .Form002334 .shop-head{ background: no-repeat; height: auto; margin-top: 15px;} .Form002334 .shop-head .tabs{ float: none;background: #ebebeb; } .Form002334 .shop-head .tabs li{ min-width: 1px; padding: 0 10px;} .Form002334 .shop-head .search{ float: none; margin: 15px 0; width: 50%;} } .Form002334 .shop-list{ padding-top: 25px;} .Form002334 .item{ padding-bottom:15px;} .Form002334 .item-inner{ border: #e5e5e5 1px solid; color: #666;} .Form002334 .item-head{ font-size: 14px; padding: 8px 12px; position: relative; background: #f5f5f5} .Form002334 .item-head b{ font-weight: normal;} .Form002334 .item-head .total{ float: right;} .Form002334 .item-head .number{ padding-right: 15px;} .Form002334 .item-list{ display: table; width: 100%; } .Form002334 .item-td{ display: table-cell; vertical-align: middle; padding: 20px; height: 80px;} .Form002334 .item-td:nth-child(1){width: 70%} .Form002334 .item-td:nth-child(2){width: 30%; text-align: center} .Form002334 .item-td+.item-td{ border-left: 1px solid #f2f2f2;} .Form002334 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;} .Form002334 .item-td h1{ font-size: 16px; font-weight: normal } .Form002334 .item-td span{ display: block } .Form002334 .item-td .btn{ cursor: pointer;font-size: 16px; font-weight: normal; padding: 5px 20px; color: #fff; background: #293974; display: block; width: 140px; border-radius: 3px; margin: 3px auto 0; font-size: 14px;} .Form002334 .item-td .btn2{ transition: 0.3s; cursor: pointer;font-size: 16px; font-weight: normal; padding: 5px 20px; color:#293974;border:1px solid #c3c7d6; display: block; width: 140px; border-radius: 3px; margin: 3px auto 0; font-size: 14px;} .Form002334 .item-td .btn2:hover{ color:#fff;border:1px solid #293974; background: #293974} .Form002334 .paystatus{ display: block;} .Form002334 .pro{ width: 40%; } .Form002334 .pro .box > *{display: table; float: left; height: 97px; width: 45%;} .Form002334 .pro .pic{position: relative;max-width: 97px;} .Form002334 .pro .pic a{ display: table-cell; vertical-align: middle;} .Form002334 .pro .pic a img{ max-width: 100%;max-height: 97px;} .Form002334 .pro .tit { padding-left: 15px; text-align: left;} .Form002334 .pro .tit a{ display: table-cell; vertical-align: middle; font-size: 16px;} @media only screen and (max-width:1024px ) { .Form002334 .shop-list{ padding-top: 0;} .Form002334 .item-head > *{ display: block;} .Form002334 .item-head .total{ float: none;} .Form002334 .item-td{ float: left; width:100% !important; word-break:break-word; word-wrap: break-word; display: table; height: 80px;} .Form002334 .item-td:nth-child(1){border-bottom: 1px solid #eee} .Form002334 .item-td+.item-td>*{ display: table-cell; width: 100%; vertical-align: middle;} .Form002334 .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;} .Form002334 .pro .tit{ width: 55%;} } .title_list{ padding:2% 0 2%;} .title_list ul{} .title_list li{border-bottom:1px solid #c5c5c5; line-height: 50px;} .title_list li time{ float: right; margin-left: 10px;} .Top_0001 { padding: 3% 0 0} .Top_0001 .main_con{ width: 69%; margin-right: 2%; float: left; height: 330px;background: #f5f7f9;} .Top_0001 .main_con:nth-child(2n){ margin-right:0; width: 29%; font-size: 16px; line-height: 24px;} .Top_0001 .main_con_sign{cursor: pointer; text-align: center; padding: 10% 0;background: url(../images/sign_bg.jpg) no-repeat center center; background-size: cover; position: relative} .Top_0001 .main_con_sign:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); transition: 0.5s} .Top_0001 .main_con_sign:hover:after{ background: rgba(0,0,0,0.6)} .Top_0001 .main_con_sign h1{color: #fff; position: relative; z-index: 50} .Top_0001 .main_con_sign p{color: #fff; position: relative; z-index: 50} .Top_0001 .main_con .tit{background: #293974; color: #fff; text-align: center; line-height: 40px;} .Top_0001 .main_con .sub_con{ padding: 30px 60px;} .Top_0001 .main_con .sub_con .line{ height: 2px; width: 100%; border-bottom: 1px solid #e0e3e5;margin: 10px 0} @media(max-width:1024px){ .Fixed_con{ position: relative; width:100%; margin: 10px 0; padding: 0 2%} #FloatDiv{display: block!important;} } #FloatDiv{z-index: 999;width: 480px;} #FloatDiv img{width: 100%;} #FloatDiv .close{position: absolute;z-index: 10;right: 5px;top:5px; width: 20px; height: 20px; background-color: #000; border-radius: 50%; cursor: pointer;} #FloatDiv .close:before, #FloatDiv .close:after{position: absolute;content: '';width: 60%; height: 2px; background-color: #fff; top: 50%; left: 20%; margin-top: -1px;transform: rotate(-45deg);} #FloatDiv .close:after{transform: rotate(45deg);}