/* .Top000963 为demo编号 */ body::-webkit-scrollbar{display:none} .Top000963 header{ background-color:#2067b9; color:#fff; height:33px; line-height:33px; overflow:hidden;} .Top000963 header dl{ float:right;} .Top000963 header dt, .Top000963 header dd{ float:left;} .Top000963 header a{ color:#fff; font-size:12px;display:inline-block;} .Top000963 header dd b{ font-size:20px; font-family:Arial; display:inline-block; padding-left:20px; background:url(../images/Top000963-icon_6.png) no-repeat left center;} .Top000963 header dd{ position:relative; padding:0 10px;} .Top000963 header dd::before{ position:absolute; content:''; right:0; width:1px; height:14px; background-color:rgba(255,255,255,0.1); top:50%; margin-top:-7px;} .Top000963 header dd:last-of-type::before{ display:none;} .Top000963 header dd a{ background-repeat:no-repeat; background-position:left center;} .Top000963 header dt a{ background-color:#014390; padding:0 22px; } .Top000963 header dd:nth-child(1) a{ background-image:url(../images/Top000963-icon_3.png);} .Top000963 header dd:nth-child(2) a{ background-image:url(../images/Top000963-icon_4.png);} .Top000963 header dd:nth-child(3) a{ color:#ff3f3f;background-image:url(../images/Top000963-icon_5.png);} .Top000963 header dd a{ padding-left:20px;} .Top000963 header figure a{ padding:0 12px 0 20px;background-repeat:no-repeat; background-position:left center;} .Top000963 header figure a.a_alibaba{ background-image:url(../images/Top000963-icon_1.png); margin-right:10px; position:relative;} .Top000963 header figure a.a_alibaba::before{ position:absolute; content:'';width:1px; height:14px; background-color:rgba(255,255,255,0.1); top:50%; margin-top:-7px; right:0; } .Top000963 header figure a.a_forum{ background-image:url(../images/Top000963-icon_2.png);} .Top000963 .search figure .text{ width:100%; height:34px; line-height:34px; padding:0 5px; border:none;background:none;} .Top000963 .search figure .btn{ position:absolute; right:0; width:34px; height:34px; background:url(../images/Top000963-icon_search.png) no-repeat center center; border:none; cursor:pointer;} .Top000963 .auto{ position:relative;} @media(min-width:1001px){ .Top000963 .logo{ position:absolute; z-index:10; left:0; top:47%; margin-top:-24px;} .Top000963 .logo img{ height:70px; } .Top000963 .search{ position:absolute; right:0;height:0px; top:50%; margin-top: px; z-index:10;} .Top000963 .search .a_search{ width:42px; display:block; height:20px; border-left:1px solid #cccccf; background:url(../images/Top000963-icon_search.png) no-repeat right center;} .Top000963 .search figure{ position:absolute; right:0; height:28px; border:1px solid #ddd; background-color:#fff; top:-7px; width:200px; border-radius:3px; display:none;} .Top000963 .Menu nav{ padding-right:42px; } .Top000963 .Menu nav ul{ float:right;} .Top000963 .Menu nav li{ float:left;} .Top000963 .Menu nav li span{ display:none;} .Top000963 .Menu nav li > a{ margin-top: 20px; font-weight: bold; font-size:18px; display:block;padding:32px 23px; position:relative;} .Top000963 .Menu nav li:hover > a, .Top000963 .Menu nav li.aon a{ color:#2067b9;} .Top000963 .Menu nav li a.aon:after{ position:absolute; content:""; left:25%; top:80%; width:50%; height:3px; background:#2067b9;} .Top000963 .Menu nav li .subnav{ display:none; position:fixed; left:0; width:100%; top:158px; background-color:#f0f0f0; box-shadow:0 2px 4px rgba(0,0,0,0.25) inset,0 3px 6px rgba(0,0,0,0.25); z-index:100;} .Top000963 .Menu nav li .subnav .auto{ padding:30px 0; overflow:hidden;} .Top000963 .Menu nav li#m3 .subnav .auto{ padding-left:202px;} .Top000963 .Menu nav li .subnav dl{ float:left; padding-left:62px; padding-right:62px;border-right:1px solid #d5d5d5; min-height:142px;} .Top000963 .Menu nav li .subnav dt{ font-size:16px; color:#ff0000; padding-bottom:20px;} .Top000963 .Menu nav li .subnav dt a{color:#ff0000;} .Top000963 .Menu nav li .subnav dd{ line-height:25px;} .Top000963 .Menu nav li .subnav dd a:hover{color:#ff0000;} .Top000963 .mobile_menu{ display:none;} } @media(max-width:1200px){ .Top000963 .search{ right:2%;} .Top000963 .logo{ left:2%;} .Top000963 .Menu nav li > a{ font-size:15px;padding:42px 10px;} } @media(max-width:1000px){ .Top000963 .logo{ padding:20px 54% 20px 0;} .Top000963 .search figure{ display:block !important; width:100% !important; height:40px !important; position:relative; opacity:1 !important;} .Top000963 .search figure .text{ height:40px; line-height:40px; padding:0 10px; border:1px solid #ccc;} .Top000963 .search figure .btn{ width:40px; height:40px; } .Top000963 .mobile_menu{ position:absolute; right:2%; width:30px; color:#E91E63; top:44px; cursor:pointer;} .Top000963 .mobile_menu span{ font-size:26px; left:50%; position:absolute; top:50%; margin-top:-13px; margin-left:-13px;} .Top000963 .Menu nav{ position:fixed; left:0; top:0; height:100%; background-color:#3c3b3a; z-index:100; width:70%; max-height:100%; overflow:auto;opacity:0; transform:translateX(-100%); transition:all ease-in-out 0.5s;} .Top000963 .Menu nav.show{opacity:1; transform:translateX(0);} .Top000963 .Menu nav ul{ padding-top:5%;} .Top000963 .Menu nav li{border-bottom:1px solid #2e2e2d; box-shadow:0 1px 0 #5f5f5e;} .Top000963 .Menu nav li#m3 > a, .Top000963 .Menu nav li span{ display:none;} .Top000963 .Menu nav li#m3 span, .Top000963 .Menu nav li a{ color:#fff; display:block; padding:15px 5%;font-size:16px;} .Top000963 .Menu nav li .subnav{ padding:10px 5px 5px 10px; background-color:#333; display:none;} .Top000963 .Menu nav li .subnav dt{color:#ff0000;font-size:16px;} } @media(max-width:768px){ .Top000963 header{ height:66px;} .Top000963 header .auto{ padding:0;} .Top000963 header a{font-size:15px;} .Top000963 header figure{ clear:both; text-align:right; border-top:1px solid #2e2e2d; box-shadow:0 1px 0 #5f5f5e inset;} } @media(max-width:640px){ .Top000963 header dd:nth-child(3), .Top000963 header dd:nth-child(4){ display:none;} } /* * Owl Carousel - Core 插件样式如遇相同只留一份 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Banner002465 为demo编号 */ .Banner002465{ position: relative;margin-top: 10px;} .Banner002465 li a{ display:block; } .Banner002465 li a .phoneimg{ display: none;} .Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .Banner002465 .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); } .Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav .owl-prev{ left: 5%; background-position: 0 0;} .Banner002465 .owl-nav .owl-next{ right: 5%; background-position: -50px 0;} .Banner002465 .owl-nav .owl-prev:hover{ background-position: 0 -50px;} .Banner002465 .owl-nav .owl-next:hover{ background-position: -50px -50px;} @media(max-width:1200px){ .Banner002465 li a .pcimg{ display: none;} .Banner002465 li a .phoneimg{ display: block;} .Banner002465 .owl-dots>div{ margin: 0 3px;} } /*Floor002529 */ .Floor002529{ padding:2% 0 0;} .Floor002529 .video{ position:relative; z-index:1;} .Floor002529 .video img{ display:block; width:100%;} .Floor002529 .open_video, .Floor002529 .file{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } .Floor002529 .open_video span{position:absolute; left:0; text-align:center; top:50%; margin-top:-41px; color:#fff;width:100%; line-height:20px;} .Floor002529 .open_video span::before{ display:block; content:''; max-width:60px; width:15%; height:52px; background:url(../images/Floor002529_icon.png) no-repeat center center; background-size:contain; margin:0 auto 10px;} .Floor002529 .file{ z-index:3; display:none;} .Floor002529 .file .close{ position:absolute; z-index:10; right:1%; top:3%; width:40px; height:40px; border-radius:50%; background:#db9a51; cursor:pointer;} .Floor002529 .file .close span{ font-size:20px; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .Floor002529 .intro{ padding-bottom:2%;} .Floor002529 .intro .ul_num{ max-width:900px; margin:4% auto;} .Floor002529 .intro .ul_num li{ float:left; width:33.333333%; text-align:center; font-size:18px; color:#000;} .Floor002529 .intro .ul_num li span{ color:#db9a51; font-size:70px;} .Floor002529 .intro .ul_num li p{ font-size:24px; margin:0;} @media(max-width:1024px){ .Floor002529 .intro .ul_num li span{ font-size:40px;} } @media(max-width:640px){ .Floor002529 .intro .ul_num li{ font-size:14px; } .Floor002529 .intro .ul_num li span{ font-size:30px;} .Floor002529 .intro .ul_num li p{ font-size:18px;} .Floor002529 .video img{ height:220px;} } /* .Floor002355 为demo编号 */ .Floor002355{ padding-bottom:4%; background: #f6f6f6;} .Floor002355 .auto{background:#fff;text-align:center; padding:1% 0 1%; max-width: 1200px; /*z-index:200;*/ position:relative;} .Floor002355 h1{ font-size:24px; color:#2067b9; margin:0; padding-bottom:2%;} .Floor002355 h1 a{color:#2067b9} .Floor002355 h1:after{ display:block; margin:0 auto; width:50px; height:3px; background-color:#2067b9; margin-top:12px; content:'';} .Floor002355 figure{color:#333; font-size:14px; line-height:2.45; padding-bottom:1%; max-width: 1060px; margin: 0 auto;} .Floor002355 ul{ margin:0 auto;margin-top:2%; max-width:1060px;} .Floor002355 li{ float:left; width:33.3334%; text-align: center; position: relative; margin: 10px 0;} .Floor002355 li:before{ display:block;width:1px; height:30px; background-color:#f1f1f1; content:''; position: absolute; left: 0; bottom:5px;} .Floor002355 li:last-child:after{display:block;width:1px; height:30px; background-color:#f1f1f1; content:''; right: 0; position: absolute; bottom: 5px;} .Floor002355 li .pic img, .Floor002355 li .tit a{ -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s;} .Floor002355 li .tit{ padding-top: 15px;} .Floor002355 li .pic img{ position: relative; top: 0;} .Floor002355 li .tit a{ font-size:16px;color:#005bac;} .Floor002355 li:hover .pic img{ top: -5px;} .Floor002355 li:hover .tit a{ color: #024f93;} .Floor002355 li span{ font-size:12px; color:#b6b6b6; display: block; padding-top: 5px;} @media only screen and (min-width:768px ) { .Floor002355 h1{ font-size:28px;} .Floor002355 li{width:20%;} } @media only screen and (min-width:1024px ) { .Floor002355 h1{ font-size:24px;} } @media(max-width:480px){ .Floor002355 li{ width:50%;} } @media(max-width:375px){ .Floor002355 li .tit a{font-size:14px;} } /*.Floor001900*/ .Floor001900{padding:3% 0 4% 0; background: url(../images/Floor001900-bg.jpg) no-repeat center center; background-size:cover;} .Floor001900 h1{ font-size:24px; color:#fff; margin:0; padding-bottom:3%;text-align: center;} .Floor001900 h1:after{ display:block; margin:0 auto; width:50px; height:3px; background-color:#fff; margin-top:12px; content:'';} .Floor001900 .list{position:relative;} .Floor001900 .list .owl-stage-outer{ overflow:hidden; } .Floor001900 .owl-item{ float:left;} .Floor001900 .owl-carousel{ position:relative; width:100%;} .Floor001900 .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .Floor001900 .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;} .Floor001900 .owl-wrapper, .Floor001900 .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .Floor001900 .owl-pagination{ display:none;} .Floor001900 .owl-nav div{ position:absolute; top:50%; background:url(../images/Floor001900-btn.png) no-repeat left top; width:30px; height:63px;margin-top:-31.5px;z-index:10; cursor:pointer; overflow:hidden; line-height:1000px;opacity: 0.3;} .Floor001900 .owl-nav div.owl-prev{ left:-35px;} .Floor001900 .owl-nav div.owl-next{ right:-35px; background-position: right top;} .Floor001900 .item{ padding:0 12px;} /*.Floor001900 .owl-odd .item{ padding-top:18%;}*/ .Floor001900 .item a{ display:block; background-color:#e4e7ea;color: #333;} .Floor001900 .item figure{ background-color:#fff; padding-bottom:100%; background-size:contain;} .Floor001900 .item figure img{ display:none;} .Floor001900 .item div{ padding:10%;} .Floor001900 .item h5{ margin:0 0 5% 0; font-size:14px;} .Floor001900 .item span{color:#2067b9;} .Floor001900 .item span:after{ display:inline-block; content:''; width:20px; height:9px; margin-left: 55%; vertical-align:middle;background:url(../images/Floor001900-jt.png) no-repeat left top;} @media(max-width:1200px){ .Floor001900 .owl-buttons div{opacity: 1;} .Floor001900 .owl-buttons div.owl-prev{ left:0;} .Floor001900 .owl-buttons div.owl-next{ right:0;} } @media(max-width:640px){ .Floor001900 h3{font-size: 24px; } .Floor001900 h3 span{font-size: 35px; } .Floor001900 .item{ padding:0 6px;} .Floor001900 .owl-nav{display: none} } @media(max-width:480px){ .Floor001900 .owl-odd .item{ padding-top:0;} } /* .Floor002438 为demo编号 */ .Floor002438{ padding:3% 0 4%;position: relative} .Floor002438 h1{ font-size:24px; color:#2067b9; margin:0; padding-bottom:3%;text-align: center;} .Floor002438 h1 a{color:#2067b9} .Floor002438 h1:after{ display:block; margin:0 auto; width:50px; height:3px; background-color:#2067b9; margin-top:12px; content:'';} .Floor002438 .tabs a{ transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; } .Floor002438 .tabs a{ float: left; width: 25%; padding: 10px 3%;display: block; font-size: 20px; color: #576970; background: #ecf1f3; text-align: center; line-height: 2; cursor: pointer;} .Floor002438 .tabs a+a{ border-left: 1px solid #ffffff;} .Floor002438 .tabs a:hover,.Floor002438 .tabs a.active{ background: #e54646; color: #fff;} @media only screen and (max-width:640px ) { .Floor002438 .tabs a{ width: 100%; float: none; } .Floor002438 .tabs a+a{ border-top: 1px solid #fff; border-left: none;} } .Floor002438 .list{position: relative} .Floor002438 .list .pic a{ display: block;position: relative;} .Floor002438 .list .pic a span{ position: absolute; left:0%; bottom: 0%; padding:2%; background:rgba(0,0,0,0.5);width:100%; color: #fff; font-size: 20px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} @media only screen and (max-width:767px ) { .Floor002438 .list .pic img{ width: 100%;} } @media only screen and (min-width:768px ) { .Floor002438 .list .pic{ position: absolute; left: 0; top: 0; width: 48%;} .Floor002438 .list .pic img{max-height: 432px;width: 100%} .Floor002438 .list ul{position: relative;padding-left: 50%;height: 432px;} } .Floor002438 .list ul li{ position: relative; padding: 25px 10px 25px 0;margin-bottom: 2%;background:rgba(32, 103, 185, 0.1) none repeat scroll 0 0 !important;filter:Alpha(opacity=0); background:#ecf1f3; transition: all .3s; cursor: pointer;} .Floor002438 .list .box{ display: none;position: relative} .Floor002438 .list ul li+li{ border-top: 1px solid #ededed;} .Floor002438 .list ul li time{ position: absolute; left: 0; width: 80px; top: 25px; color: #999; font-size: 14px; text-align: center; line-height: 1; border-right: 1px dotted #e0e0e0; font-family: arial;} .Floor002438 .list ul li time span{ color: #9eb6d2; font-size: 48px; display: block;} .Floor002438 .list ul li .text{ padding-left: 100px;} .Floor002438 .list ul li .text h3{ margin: 8px 0 12px; font-weight: normal; font-size: 18px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Floor002438 .list ul li .text h3 a{ color: #333;} .Floor002438 .list ul li .text .con{ color: #777; font-size: 14px; margin: 0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Floor002438 .list ul li:hover{ background:rgba(32, 103, 185, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=1); } .Floor002438 .list ul li:hover .text h3 a, .Floor002438 .list ul li:hover .text .con, .Floor002438 .list ul li .text h3 a:hover, .Floor002438 .list ul li:hover time{ color: #fff;} .Floor002438 .list .more{ display: block; width: 204px; height: 40px; border-radius: 40px; text-align: center; color: #fff; font-size: 14px; line-height: 40px; margin: 26px auto 0; background-color: #2067b9;} /*Floor002142 */ .Floor002142{ padding-bottom:0%;} .Floor002142 .auto{ padding:3% 0 0 0; background:#fff;} .Floor002142 h1{ font-size:24px; color:#2067b9; margin:0;text-align: center;} .Floor002142 h1:after{ display:block; margin:0 auto; width:50px; height:3px; background-color:#2067b9; margin-top:5px; content:'';} .Floor002142 .yl{ margin: 0 auto; display: block; height: 25px;padding-top: 2px;border-radius: 5px 5px 0 0; font-size: 15px; width: 100px; text-align: center; background-color:#2067b9;color: #fff;} .Floor002142 .more{padding:0 0 0 0; text-align:center;} .Floor002142 .more a{ display:inline-block; width:33%; transition:0.3s; border-radius:3px; max-width:228px; line-height:30px; background:#e9e9e9; } .Floor002142 .more a:hover{ background:#2067b9; color:#fff;} .Floor002142 ul{ text-align:center; padding:3% 0; background: #eee} .Floor002142 li{ display:inline-block; margin:0 1% 2% 1%; border-bottom: 1px solid #ddd; padding-bottom:;} .Floor002142 li span{ display: block;width: 5px; height: 5px;border-radius: 5px; background-color: #2067b9;float:left;margin: 7px 5px 0 0;} .Floor002142 li a img { height:50px;opacity:0.5; transition:opacity 0.3s; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* chrome+ */ filter: grayscale(100%); /* 未来浏览器 */ filter: gray; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ } .Floor002142 li a:hover img{opacity:1; filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */ -webkit-filter: grayscale(0%); /* chrome+ */ filter: grayscale(0%); /* 未来浏览器 */ filter: ; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */ } @media(max-width:480px){ .Floor002142 li a img { height:52px;} } /*PicList002120 */ .PicList002120{padding:2% 0 1%;} .PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:1%;} .PicList002120 li a{ display:block;} .PicList002120 li p{ margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:130%; background-size:contain;} @media(min-width:641px){ .PicList002120 li:nth-child(4n){ margin-right:0;} } @media(max-width:640px){ .PicList002120 li{ width:48%; margin-right:4%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList002120 li p{ font-size:14px;} } /* .PicList001111 为demo编号 */ .PicList001111{ padding:0% 0 2%;} .PicList001111 li{ padding:2% 0; border-bottom:1px solid #dedede;} .PicList001111 li:hover{ background-color:#ececec;} .PicList001111 li div{position:relative;padding:2% 15% 3% 36%;color:#999;} .PicList001111 li .Ispic{ position:absolute; height:100%; width:33%; left:0; top:0;} .PicList001111 li h2{ margin:0; font-size:16px; } .PicList001111 li h2 a{ color:#2067b9;} .PicList001111 li p{ line-height:24px; overflow:hidden; height:48px; } .PicList001111 li time{ display:block; background:url(../images/PicList001111-icon.png) no-repeat left center; padding-left:20px; font-size:12px;} .PicList001111 li .more{ position:absolute; right:3%; top:50%; margin-top:-17px; max-width:80px; line-height:34px; height:34px; border:2px solid #2067b9; background-color:#fff; width:12%; text-align:center; color:#999; border-radius:10px;} .PicList001111 li .more:hover{ background-color:#2067b9; color:#fff;} @media(max-width:640px){ .PicList001111 li div{ padding-left:48%; padding-right:2%;} .PicList001111 li .Ispic{width:45%;} .PicList001111 li time{ margin-bottom:2%;} .PicList001111 li .more{ position:relative; display:inline-block; top:auto; margin-top:0; min-width:100px; right:auto;} } @media(max-width:480px){ .PicList001111 li .Ispic{ position:static; height:auto; width:auto; display:block; padding-bottom:45%;} .PicList001111 li div{ padding:2%;} .PicList001111 li h2{ padding-top:3%;} } /* .Form000961 为demo编号 */ .Form000961{ padding:2% 0;} .Form000961 .form{ display:table; width:100%;} .Form000961 figure{ display:table-cell; vertical-align:middle;} .Form000961 figure:nth-child(2){ width:50%; padding-left:2%;} .Form000961 figure p{ line-height:28px; color:#7d7d7d; text-indent:25px;} .Form000961 td{ padding-bottom:10px;} .Form000961 td div{ position:relative;} .Form000961 td div .form_err{ position:absolute; right:8px; top:18px; color:#f31313; line-height:20px; font-weight:bold;} .Form000961 td div .text{ width:100%; border:1px solid #dadada; line-height:46px; height:46px; padding:0 10px;} .Form000961 td div textarea.text{ line-height:23px; height:260px; padding:11px 10px;} .Form000961 td div.float_l{ float:left; width:48%} .Form000961 td div.float_r{ float: right; width:50%;} .Form000961 td.btn{ text-align:center;} .Form000961 td.btn input{ cursor:pointer; color:#fff; border:none; background:#2067b9; width:70%; max-width:140px; height:40px;} @media(max-width:1000px){ .Form000961 figure{vertical-align:top;} } @media(max-width:768px){ .Form000961 figure:nth-child(2){ display:none;} } /* .RighInfo001277 为demo编号 */ .RighInfo001277{ padding:2% 0;} .RighInfo001277 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo001277 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo001277 .big_img li, .RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo001277 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo001277 .list{ padding:42px 0 42px 82.9%;} .RighInfo001277 .list .bd{ position:relative;} .RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo001277 .list a.prev{ top:0;} .RighInfo001277 .list a.next{ bottom:0; background-image:url(../images/RighInfo001277-btn_next.png);} .RighInfo001277 .list a.prevStop, .RighInfo001277 .list a.nextStop{ cursor:default;} .RighInfo001277 .list li{ height:130px; position:relative;} .RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo001277 .list li.on figure{ border:2px solid #2067b9;} .RighInfo001277 .right_info{ float:right; width:39.2%;} .RighInfo001277 .right_info h1, .RighInfo001277 .right_info h3, .RighInfo001277 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo001277 .right_info h1{ padding:7% 0; color:#2067b9; font-size:24px; } .RighInfo001277 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo001277 .right_info p{line-height:30px; color:#666; margin-bottom:10%;} .RighInfo001277 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#2067b9; transition:0.4s;background-color:#2067b9; color:#fff;} .RighInfo001277 .right_info a:hover{ background-color:#2067b9; color:#fff;} .RighInfo001277 .tab{ padding:3% 0;} .RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo001277 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo001277 .tab .h1_tab span.on{ background-color:#2067b9; color:#fff;} .RighInfo001277 .tab .info{ padding-top:3%; line-height:28px;} .RighInfo001277 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo001277-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo001277 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo001277-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo001277 .list_img, .RighInfo001277 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo001277 .list li{ height:100px;} .RighInfo001277 .right_info h1{font-size:20px; } .RighInfo001277 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo001277 .list a{ height:28px;} .RighInfo001277 .list li{ height:80px;} .RighInfo001277 .tab .h1_tab{ font-size:14px;} .RighInfo001277 .tab .h1_tab span{ padding:0 3%;} } /* .Banner002187 为demo编号 */ .Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:300px; display:block;} .Banner002187 img{ display:none;} @media (max-width: 1000px){ .Banner002187 span{ height:auto; background:none; height:auto;} .Banner002187 img{ display:block;} } /*Location002087 */ .Location002087{ border-bottom:3px solid #f5f5f5; color:#8e8e8d; line-height:20px; padding-top:15px;margin-bottom:15px;} .Location002087:after{ display:block; width:100%; content:''; height:1px; background-color:#d7d7d7; margin-top:15px;} .Location002087 a:hover, .Location002087 span{ color:#2067b9;} .Location002087 a{ color:#8e8e8d;} .Location002087 b{ background:url(../images/Location002087-icon.png) no-repeat left center; padding-left:30px; color:#333;} @media(max-width:480px){ .Location002087 b{ display:block;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:10px 0; text-align:center; overflow:hidden;} .Menu002252 a{font-size:16px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#2067b9;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 a{ display:inline-block; line-height:30px; padding:0 15px; min-width:115px; border-radius:30px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252{padding:15px 0 20px;} .Menu002252 a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px; border-radius:36px; color: #777;} } /* .RighInfo001749 为demo编号 */ .RighInfo001749{padding:1% 0 3%;} .RighInfo001749 .p{font-size: 14px;color:#333;line-height: 32px;padding-bottom:0px;text-indent: 2em;text-align:justify;} .RighInfo001749 .video{width: 44%;position: relative;height: 100%;float: left;margin-right: 2.5%} .RighInfo001749 .video .bg{width: 100%;height: 100%;position: relative;z-index: 1} .RighInfo001749 .video .files{ display:none;position:absolute; background:#000; width:100%; left:0; top:0; height:100%;z-index:1; overflow:hidden;} .RighInfo001749 .video .files 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%;z-index: 100} .RighInfo001749 .video .controls{ position:absolute; z-index:10; left:38%; top:38%; right:38%; bottom:38%;color: #fff;text-align: center;line-height: 40px;} .RighInfo001749 .video .controls span{ cursor:pointer;} .RighInfo001749 .video .controls .btnplay{ background:url(../images/Floor002529_icon.png) no-repeat center center; display:block; height:100%; background-size:contain;height: 52px;width: 60px;margin: auto} .RighInfo001749 .video .controls .btnpause{ display:none; background-color:#fff; width:40px; height:30px; border-radius:5px; color:#000; line-height:30px; text-align:center;} .RighInfo001749 .video .on_controls{left:auto; top:10px;margin-top:0;margin-left:0; right:10px;width:40px; height:30px; transition:all ease 0.5s;} .RighInfo001749 .video .on_controls .btnplay{ display:none;} .RighInfo001749 .video .on_controls .wenzi{ display:none;} .RighInfo001749 .video .on_controls .btnpause{ display:block;} @media(max-width:768px){ .RighInfo001749 .video{width: 100%;margin-right: 0} } .Galary002512{ background:#ccc; padding:2% 0;} .Galary002512 .slider-for{ margin-bottom:3%;} .Galary002512 .slider-for li{ background:#fff;} .Galary002512 .slider-for li .Ispic{ padding-bottom:55%; background-size:contain;} .Galary002512 .slider-nav li .Ispic{ border:1px solid #fff; background-color:#fff; padding-bottom:60%; margin:0 3%;} .Galary002512 .slider-nav li.slick-center .Ispic{ border-color:#fd8d2b;} .Galary002512 .slider-nav{ margin-bottom:30px;} /* Slider */ .Galary002512 .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .Galary002512 .slick-list{position: relative;overflow: hidden;} .Galary002512 .slick-slider .slick-track, .Galary002512 .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .Galary002512 .slick-track{position: relative;top: 0;left: 0;} .Galary002512 .slick-loading .slick-track{visibility: hidden;} .Galary002512 .slick-slide{display: none;float: left;min-height: 1px;} .Galary002512 .slick-initialized .slick-slide{display: block;} .Galary002512 .slick-loading .slick-slide{visibility: hidden;} .Galary002512 .slick-loading .slick-list{background: url(../images/ajax-loader.gif) center center no-repeat;} .Galary002512 .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .Galary002512 .slick-arrow.slick-hidden {display: none;} /* Arrows */ .Galary002512 .slick-arrow{font-size: 0;line-height: 0;position: absolute;top: 50%; width: 40px;height: 40px;padding: 0;cursor: pointer;border: none; z-index:10; margin-top:-20px; border-radius:50%; background-color:rgba(0,0,0,0.8);} .Galary002512 .slick-arrow:hover{background-color: rgba(253, 141, 43, 0.9);} .Galary002512 .slick-arrow::before{ position:absolute; content:''; left:50%; top:50%; margin-left:-4px; margin-top:-8px; width:16px; height:16px; transform:rotate(-45deg);} .Galary002512 .slick-prev{left: -45px;} .Galary002512 .slick-next{right: -45px; background-position: right top;} .Galary002512 .slick-prev::before{ border-left:3px solid #fff;border-top:3px solid #fff;} .Galary002512 .slick-next::before{ border-right:3px solid #fff;border-bottom:3px solid #fff;margin-left:-12px;} /* Dots */ .Galary002512 .slick-dots{list-style: none;text-align: center; position:absolute; left:0; bottom:-30px; width:100%;} .Galary002512 .slick-dots li{display: inline-block;margin: 0 5px;} .Galary002512 .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;border: 0;background: rgba(0, 0, 0, 0.3); border-radius:50%; padding:0;} .Galary002512 .slick-dots li.slick-active button{opacity: .75;background: rgba(253, 141, 43, 0.5);} @media(max-width:1200px){ .Galary002512 .slider-for{ margin-bottom:50px;} .Galary002512 .slick-prev, .Galary002512 .slick-next{ right:auto; left:50%; margin-top:0; top:-45px;} .Galary002512 .slick-prev{ margin-left:-50px;} .Galary002512 .slick-next{ margin-right:-50px;} } @media(max-width:640px){ .Galary002512 .slick-prev, .Galary002512 .slick-next{ display:none !important;} .Galary002512 .slider-for{ margin-bottom:3%;} } /*PicList002173 */ .PicList002173{ padding:0 0 3% 0;} .PicList002173 .title{ font-size:24px; margin-bottom:3%;} .PicList002173 .title:before{ display:inline-block; content:''; margin-right:10px; width:20px; height:4px; background:#006cba; vertical-align:middle; color:#333;} .PicList002173 .pic{ position:relative; padding-bottom:47.8%;} .PicList002173 .pic figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .PicList002173 .owl-carousel{ padding:0 30px; margin-top:3%;} .PicList002173 .item{ padding:0 15px; cursor:pointer;} .PicList002173 .item figure{padding-bottom:56%; position:relative;} .PicList002173 .item figure a{ position:absolute; left:0; top:0; width:100%; height:100%; /*background:url(../images/PicList002173-icon_video.png) no-repeat center center;*/ background-color:rgba(82,99,111,0.4);} .PicList002173 .item figure img{ display:none;} .PicList002173 .item h3{ margin:0;border:1px solid #e8e8e8; border-top:0; line-height:57px; padding:0 3%; font-weight:normal; font-size:16px;} .PicList002173 .owl-carousel .ON h3{ background:#006cba; border-color:#006cba; color:#fff; font-weight:bold;} .PicList002173 .owl-carousel .owl-nav.disabled, .PicList002173 .owl-carousel .owl-dots.disabled { display: block; } .PicList002173 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002173-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002173 .owl-nav .owl-prev{ left:0;} .PicList002173 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002173 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002173 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002173 .owl-nav div.disabled{ cursor:default;} @media(max-width:1000px){ .PicList002173 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002173 .item h3{line-height:45px;font-size:14px;} } @media(max-width:480px){ .PicList002173 .title{ font-size:20px;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /*.owl-carousel .owl-item img{display:block;width:100%}*/ /***end**/ /*PicList002525 */ .PicList002525{ padding:2% 0;} .PicList002525 ul{ overflow:hidden;} .PicList002525 li{ float:left; position:relative; text-align:center; padding:2% 0; margin-top:-1px;} .PicList002525 li a, .PicList002525 li::after{ position:absolute;width:100%; height:100%; left:0; top:0; } .PicList002525 li::after{ content:''; border-right:1px solid #f2f2f2; border-top:1px solid #f2f2f2;} .PicList002525 li .Ispic{ padding-bottom:62%; background-size:contain;} .PicList002525 li a{ border:5px solid #2067b9; opacity:0; z-index:5; transition:0.3s;} .PicList002525 li a:hover{ opacity:1;} .PicList002525 li p{ margin:0; color:#333; padding:10px 3% 0 3%; font-size: 18px;} .PicList002525 li span{ color:#999; padding-top:5px;} .PicList002525 .more{ text-align:center; padding-top:3%;} .PicList002525 .more a{ display:inline-block; background:url(../images/PicList002525_more.png) no-repeat; width:28px; height:28px; overflow:hidden; line-height:1000px; animation:infinite linear 1s PicList002525_more;} @keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @media(min-width:769px){ .PicList002525 li{width:33.3333333%;} .PicList002525 li:nth-child(3n)::after{ border-right:0;} } @media(max-width:768px){ .PicList002525 li{width:50%;} .PicList002525 li:nth-child(2n)::after{ border-right:0;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#2067b9;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } .Page002274 .Pages a.a_first{display: none;} .Page002274 .Pages a.a_end{display: none;} .Page002274 .Pages .p_jump{display: none;} @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* .TextList000711 为demo编号 */ .TextList000711{padding:10px 0 2%;} .TextList000711 li{ border-bottom:dashed 1px #ccc; padding:10px 0; line-height:40px;} .TextList000711 li em{ font-style:normal; float:right; margin-left:2%;} .TextList000711 li em a{ color:#2067b9;display:block; padding-left:15px; padding-right:15px; line-height:38px;} .TextList000711 li em a span{ margin-left:10px;} .TextList000711 li em a:hover{ background-color:#0052af; color:#fff;} @media(max-width:480px){ .TextList000711 li{ line-height:30px;} .TextList000711 li em a{ font-size:12px;line-height:28px;} } /* .RighInfo002309 为demo编号 */ .RighInfo002309{ padding:2% 0 7%;} .RighInfo002309 .CenTitle{ padding:10px 0; position:relative; z-index:1;} .RighInfo002309 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .RighInfo002309 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;} .RighInfo002309 .txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;} .RighInfo002309 .aboutTxt01{ line-height:30px; font-size:14px; color:#555;} .RighInfo002309 .aboutTxt01 .wap_pic{ display: block; text-align: center;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: none;} @media only screen and (min-width:768px ) { .RighInfo002309 .aboutTxt01 .wap_pic{ display: none;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: block;} .RighInfo002309 .aboutTxt01 .pic{ display: block;float:right; margin-left:80px;} } /* .TextList001729 为demo编号 */ .TextList001729{ padding:0 0 2%} .TextList001729 h1{font-size:24px; color:#2067b9; margin:0; padding-bottom:3%;text-align: center;} .TextList001729 h1 a{color:#2067b9} .TextList001729 h1:after{ display:block; margin:0 auto; width:50px; height:3px; background-color:#2067b9; margin-top:12px; content:'';} .TextList001729 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .TextList001729 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .TextList001729 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .TextList001729 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#2067b9;} .TextList001729 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .TextList001729 .search input{border:none; } .TextList001729 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .TextList001729 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001729-search.png) no-repeat center center; padding:0;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#2067b9; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(6){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(5){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(5){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(5){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding: 1% 2% 2%;line-height: 32px;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:145px; width:40%; height:45px; line-height:45px; text-align:center; color:#fff; background-color:#2067b9; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(5){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(5){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(5){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(5){ background-size:16px auto;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275{padding: 8% 0 10%} .RighInfo002275 .text{margin-bottom: 30px;padding-left: 3%;} .RighInfo002275 .text .title{font-size: 30px;color: #b3cff0;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;box-shadow: 2px 1px 30px 12px #eee} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding:3% 0 8%;} .RighInfo002275 .text .title{margin-bottom: 75px} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;} } /* .Form002335 为demo编号 */ .Form002335{ background-color: #f0f7ff; padding:7% 0;} .Form002335 .wrap-container{ position: relative; display: table; width: 100%;} .Form002335 .pic{ width: 50%; display: table-cell;} .Form002335 .pic img{ width: 100%;} .Form002335 .box{ background: #fff; display: table-cell; width: 50%;vertical-align: middle; padding: 0 5%; border: 5px solid #c4dfff; border-left: none;} .Form002335 .box-inner{ max-width: 345px; margin: 0 auto; } .Form002335 .tab{ text-align: center; line-height: 1; border-bottom: 1px solid #d7d7d7; padding-bottom: 20px; margin-bottom: 20px;} .Form002335 .tab a{ display: inline-block; margin: 0 10%; color: #b9b9b9; font-size: 18px; position: relative;} .Form002335 .tab a.on{ color: #333;} .Form002335 .tab a.on:after,.Form002335 .tab a.on:before{content:""; position: absolute; left: 50%; bottom: -20px; width: 0; height: 0; z-index: 3;border-style: dashed dashed solid dashed ; margin-left: -4px;} .Form002335 .tab a.on:after{ border-color: transparent transparent #d7d7d7 transparent; border-width:0 8px 10px 8px; } .Form002335 .tab a.on:before{border-color: transparent transparent #fff transparent; border-width:0 7px 9px 7px; bottom: -21px; z-index: 4; margin-left: -3px;} .Form002335 .con>div{ display: none;} .Form002335 .con>div.loginbox{ display: block;} .Form002335 .row{ margin-bottom: 15px;} .Form002335 .row .text{ border: 1px solid #e4e4e4; border-radius: 3px; background: #fff; font-size: 14px; color: #b5b5b5; line-height: 24px; width: 100%; padding: 10px;} .Form002335 .row .focus{ border-color:#d4be80; color: #333;} .Form002335 dl{ text-align: left; margin: 20px 0;} .Form002335 dl a{ position: relative;} .Form002335 dl .checkbox{ position: relative; top: 2px;} .Form002335 dl .forgetbtn{ float: right;} .Form002335 .btn{ background:#2067b9; width: 100%; display: block; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 16px; margin-top: 20px; border: none; border-radius: 0; cursor: pointer;} .Form002335 .registerbox dl{ text-align: right; color: #737373;} @media only screen and (max-width:1000px) and (min-width:768px) { .Form002335 .row .text{ padding: 5px 10px;} .Form002335 .btn{ height: 35px; line-height: 35px; margin-top: 10px;} .Form002335 dl{ margin: 10px 0;} .Form002335 .row{ margin-bottom: 10px;} } @media only screen and (max-width:767px ) { .Form002335 .pic{ display: none;} .Form002335 .box{ width: 100%; padding-top:10%; padding-bottom:10%; border: none;} } /*Form002103 */ .Form002103{padding:5% 0;} .Form002103 .auto{ border:6px solid #e6f2ff; padding:3%; border-radius: 5px;} .Form002103 td{padding:10px 0; color:#999;} .Form002103 td.name{ text-align:right; width:20%; min-width:100px; color:#333;} .Form002103 .dengji{ margin-left:10px;} .Form002103 .text{ border:1px solid #dfdfdf; padding:0 10px; background:#fff; height:45px; line-height:45px; border-radius:5px; width:100%; max-width:460px;} .Form002103 textarea.text{ max-width:370px; height:90px;} .Form002103 .a_fontbtn{ display:inline-block; color:#2067b9; padding:0px 7px; line-height:18px;} .Form002103 .btn{color:#fff;border-radius:3px; background:#2067b9; border:none; cursor:pointer; width:100px; height:32px; font-weight:bold;margin-top:30px;} .Form002103 select{ border:1px solid #dfdfdf;} /*Galary002024 */ .Galary002024{ padding:2% 0 3% } .Galary002024 .big li figure{ background-color:#f4f4f4; padding:2% 3%;} .Galary002024 .big li span{ display:block; padding-bottom:38%; background-size:contain;} .Galary002024 .big li p{ margin:0; padding:1% 0; font-size:22px; color:#2067b9; text-align:center;} /*.Galary002024 .big li p::before{ display:inline-block; background:url(../images/Galary002024-icon.png) no-repeat; width:20px; height:20px; content:''; margin-right:2%; vertical-align:middle; margin-top:-3px;} */ .Galary002024 .small{ padding:0 40px; margin:2% 0 8% 0; position:relative; overflow: hidden;} .Galary002024 .small li figure{ position:relative; max-width:90%; padding-bottom:52%; margin:0 auto;} .Galary002024 .small li figure::before, .Galary002024 .small li figure::after{position:absolute; content:'';left:0; top:0; width:100%; height:95%; border-radius:5px;} .Galary002024 .small li figure::before{ background-color:#fff;border:1px solid #cbcbcb; z-index:1;} .Galary002024 .small li figure::after{ border:3px solid #ebebeb; z-index:0; top:5px;} .Galary002024 .small li figure span{ position:absolute; left:10%; top:5%; right:10%; height:85%;background-size:contain; background-color:#fff; z-index:3; opacity:0.5} .Galary002024 .small li p{ display:none;} .Galary002024 .small li.on figure::before{ border:4px solid #2067b9;} .Galary002024 .small li.on figure span{ opacity:1;} .Galary002024 .small .btn{ width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; cursor:pointer;} .Galary002024 .small .prev{ left:0;} .Galary002024 .small .next{ right:0;} .Galary002024 .small .btn::before{ position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%); width:0; height:0; border:25px solid transparent; border-top-width:16px; border-bottom-width:16px;} .Galary002024 .small .prev::before{border-right-color:#2067b9;border-left:0;} .Galary002024 .small .next::before{ border-left-color:#2067b9; border-right:0;} .Galary002024 .small .prevStop, .Galary002024 .small .nextStop{ cursor:default;} .Galary002024 .small .prevStop::before{border-right-color:#d8d8d8;} .Galary002024 .small .nextStop::before{border-left-color:#d8d8d8;} @media(max-width:480px){ .Galary002024 .small{ padding:0 30px;} .Galary002024 .small .btn::before{ border-width:20px; border-top-width:11px; border-bottom-width:11px;} .Galary002024 .small li.on figure::before{border-width:2px; } .Galary002024 .big li p{ font-size:16px;} } /*Bottom001908*/ .Bottom001908{ color:#acaeb3;border-top:2px solid #2067b9; background-color:#161c28; padding:2% 0 2.5% 0;} .Bottom001908 a{ color:#acaeb3;} .Bottom001908 a:hover{ color:#fff;} .Bottom001908 footer{ line-height:42px; border-top:1px solid #272c3a; margin-top:32px;} .Bottom001908 footer a{ display:inline-block;} .Bottom001908 footer i{ font-style:normal; color:#2a2f3e; margin:0 12px;} .Bottom001908 footer span{ float:right; font-size:12px;} .Bottom001908 footer span a.wh{ text-decoration:underline;} .Bottom001908 .contact{ float:right; width:213px; } .Bottom001908 .contact li{ float:left;width:36px; position:relative; margin-right:14px;} .Bottom001908 .contact li figure{ position:absolute; display:none; bottom:100%; left:50%; margin-left:-61px; background:url(../images/Bottom001908-ewm_bg.png) no-repeat; width:120px;height:133px; text-align:center; z-index:100;} .Bottom001908 .contact li figure img{ width:120px; height:120px; display:block; padding:11px;} .Bottom001908 .contact li:hover figure{ display:block;} .Bottom001908 .contact li a{ display:block; width:36px; height:36px; background:url(../images/Bottom001908-icon.png) no-repeat left top;} .Bottom001908 .contact li.li_2 a{ background-position:-51px 0;} .Bottom001908 .contact li.li_3 a{ background-position:-102px 0;} .Bottom001908 .contact li a:hover{ background-position: left bottom;} .Bottom001908 .contact li.li_2 a:hover{ background-position:-51px bottom;} .Bottom001908 .contact li.li_3 a:hover{ background-position:-102px bottom;} .Bottom001908 .contact p{ font-size:15px; line-height: 23px;} .Bottom001908 dl{ float:left;width: 13.5%;} .Bottom001908 dt{ height:50px; background:url(../images/Bottom001908-line.png) no-repeat left 30px; font-size:16px; color:#e2e2e2; font-weight:bold;} .Bottom001908 dd{ line-height:22px; font-size:13px;} @media(max-width:1000px){ .Bottom001908 footer span{ float:none; display:block;} .Bottom001908 dl{ width:20%; margin-bottom:3%;} .Bottom001908 dl:nth-of-type(4){ clear:left;} } @media(max-width:640px){ .Bottom001908 footer{ margin-top:0; line-height:20px;} .Bottom001908 footer span{ padding-bottom:10px;} .Bottom001908 dl{ display:none;} .Bottom001908 .contact{ float:none; width:auto;} } /*Other002524 */ .Other002524{ position:fixed; z-index:100; right:10px; top:50%; transform:translateY(-50%);} .Other002524 li{ padding:5px 0;} .Other002524 li a, .Other002524 li a::before{ display:block;height:52px;position:relative;} .Other002524 li a::before{ content:'';width:52px; border-radius:20%; border:3px solid #2067b9; background-color:#2067b9; background-repeat:no-repeat;background-image:url(../images/Other002524_icon.png); z-index:10;} .Other002524 li a:hover::before{ background-color:#fff; border-color:#fab031;} .Other002524 li a span{ display:none; position:absolute; right:0; top:0; padding-right:39px; border-radius:39px; line-height:52px; color:#fff;background-color:#fab031; z-index:3; width:139px; padding-left:25px;} .Other002524 li.qq a::before{ background-position:-114px 3px;} .Other002524 li.qq a:hover::before{ background-position:-152px 3px;} .Other002524 li.qq_2 a::before{ background-position:-199px -3px;} .Other002524 li.qq_2 a:hover::before{ background-position:-4px -3px;} .Other002524 li.gettop a::before{ background-position:-35px 3px;} .Other002524 li.gettop a:hover::before{ background-position:-74px 3px;} .Other002524 li.qq a.phone{ display:none;} .Other002524 li a:hover span{ display:block;} @media(max-width:1024px){ .Other002524 li.qq a.pc{ display:none;} .Other002524 li.qq a.phone{ display:block;} } /* .Top002464 为demo编号 */ .Top002464{ } @media only screen and (min-width:1025px) { .Top002464{ } } .Top002464 .auto{ max-width: 1400px;} @media only screen and (max-width:1430px ) { .Top002464 .auto{ max-width: 1430px; padding-left: 15px; padding-right: 15px;} } .Top002464 .logo{ float: left; width:196px; padding: 7px 0;} .Top002464 .other{ float: right; width: 15%; text-align: right; font-size: 14px;} .Top002464 .lang{ padding-top: 10px;} .Top002464 .lang a{ display: inline-block; color: #4e4e4e;transition: color .3s ease-in-out; background: url(../images/Top002464-lang.png) no-repeat; padding-left: 20px; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); transition: all .3s; } .Top002464 .lang a.cur,.Top002464 .lang a:hover{ color: #0f4b9c;-moz-opacity:1; opacity: 1; filter:alpha(opacity=100);} .Top002464 .lang a.cn{background-position: 0px 6px;} .Top002464 .lang a.en{background-position: -79px 6px;} .Top002464 .lang a+a{ position: relative; margin-left: 20px;} .Top002464 .lang a+a:before{ position: absolute; left: -10px; top: 20%; height: 60%; width: 1px; background: #a3a3a3; content: "";} .Top002464 .search{ position: relative; margin-top: 10px;} .Top002464 .search .searchbox{ position: relative;} .Top002464 .search_btn{ display: block; background: url(../images/Top002464-searchbtn.png) no-repeat center center; width: 24px; height: 30px; border: none;} .Top002464 .search_input{ width: 100%; display: block; height: 30px; line-height: 20px; padding:5px 35px 5px 10px; background: none; border: none; color: #e6e6e6; position: relative;border: 1px solid #ccc;border-radius: 12px; transition: all .3s;} .Top002464 .search_input.focus{ border-color: #a3a3a3; color: #a3a3a3;} .Top002464 .search_btn{ position: absolute; right: 5px; top: 0;} @media only screen and (max-width: 1024px) { .Top002464 .other{ position: absolute; top: 0; right: 0; width: 100%; text-align: right; border-bottom: 1px solid #eee; padding:5px 15px; background: #f4f6ff;} .Top002464 .other >*{ display:block; float: right; line-height: 30px;} .Top002464 .lang{ padding-top: 0;} .Top002464 .lang a.cn{background-position: 0px 10px;} .Top002464 .lang a.en{background-position: -79px 10px;} .Top002464 .search{ margin-top: 0; margin-right: 10px; max-width: 180px; width:45%;} } .Top002464 .navbar{} .Top002464 .navbar li>a{ padding-bottom: 25px; font-size: 16px; color: #323232; position: relative;} .Top002464 .navbar li>a:after{ content: ""; width: 0; overflow: hidden; position: absolute; bottom: 0; left: 50%; height: 2px; background: #0f4b9c; transition: left .3s ease-in-out, width .3s ease-in-out; } .Top002464 .navbar li>a:hover,.Top002464 .navbar li.on>a{ color: #0f4b9c;} .Top002464 .navbar li>a:hover:after,.Top002464 .navbar li.on>a:after{ left: 0; width: 100%;} @media only screen and (max-width:1024px ) { .Top002464 .navbar{ position: fixed; top: 0; right: 0; display: none; height: 100%;} .Top002464 .navbar li{ width: 100%;} .Top002464 .navbar li:nth-child(2n){ background-color: #363636;} .Top002464 .navbar li>a{color: #fff; padding: 10px 15px; display: block;} .Top002464 .navbar li>a:hover,.Top002464 .navbar li.on>a{ color: #fff;} .Top002464 .navbar li>a:after{ left: 0; background-color: #5a5a5b;} .Top002464 .navbar li>a:hover:after,.Top002464 .navbar li.on>a:after{ background: #b9b9bb;} .Top002464 .mobileNav{ display: block; background-color: #000000; width: 50%; padding: 50px 0 10px 0; z-index: 99;} .Top002464 .mobileNav .subnav { padding: 10px 10px 10px 15px;} .Top002464 .mobileNav .subnav dd{padding: 6px 0;} .Top002464 .mobileNav .subnav dd a{ color: #f6f6f6; } } @media only screen and (min-width:1025px ) { .Top002464 .navbar{ float: left; padding: 31px 0 0 4%;} .Top002464 .navbar li{ float: left; margin: 0 4px;} } @media only screen and (min-width:1240px ) { .Top002464 .navbar li{ margin: 0 16px;} } .Top002464 .navbar, .Top002464 .menuIcon .p1, .Top002464 .menuIcon .p2, .Top002464 .menuIcon .p3 { transition: all .4s cubic-bezier(.42, 0, 1, 1) 0s; } .Top002464 .menuIcon { position: absolute; top: 50%; margin-top: 0; right: 15px; display: block; margin-right: 0; width: 40px; height: 32px; background: #001359; color: #686666; transform: translateX(0);} .Top002464 .menuIcon .p1, .Top002464 .menuIcon .p2, .Top002464 .menuIcon .p3 { position: absolute; top: 50%; left: 50%; display: block; margin-left: -11px; width: 22px; height: 2px; border-radius: 2px; background: #fff;} .Top002464 .menuIcon .p1 { margin-top: -7px; transform: rotate(0);} .Top002464 .menuIcon .p2 { opacity: 1; margin-top: 0;} .Top002464 .menuIcon .p3 { margin-top: 7px; transform: rotate(0);} .Top002464 .menuIcon.on { transform: translateX(0); position: fixed; top: 10px; right: 20px; z-index: 100; background: none;} .Top002464 .menuIcon.on .p1 { margin-top: 0; transform: rotate(45deg);} .Top002464 .menuIcon.on .p2 { opacity: 0; } .Top002464 .menuIcon.on .p3 { margin-top: 0; transform: rotate(-45deg);} @media (min-width:1025px) { .Top002464 .menuIcon { display: none; } } /*Top001775*/ .Top001775{ position:relative; z-index:100;background-color:#fff;} @media(min-width:1025px){ .Top001775::before{ position:absolute; content:''; left:0; bottom:0; right:0; height:47px; background-color:#fff; z-index:1;} } .Top001775 .header-top{position:relative; z-index:101;background-color:#fff;} .Top001775 .header-left{ padding-right:40%;} .Top001775 .header-right dd{margin-left:20px;} .Top001775 .header-right dd a{ width:33px; height:36px; display:block; background:url(../images/Top001775-icon_wx.png) no-repeat center center;} .Top001775 .header-right dd.top-link-a a{ width:53px; background-image:url(../images/Top001775-tianmao.png);} .Top001775 .header-right dd.top-link-b{ position:relative; border-left:1px solid #f0f0f0; padding-left:20px; } .Top001775 .header-right dd.top-link-b figure{position: absolute;width: 120px;right: 0;top: 100%;border: 1px dashed #2067b9;padding: 5px;background-color: #fff;display: none;z-index: 100;} .Top001775 .header-right dd.top-link-b figure img{ display:block; width:100%;} .Top001775 .header-right dd.top-link-b:hover figure{ display:block;} .Top001775 .top-search{background-color: #fff;position: relative; overflow:hidden;border: 2px solid #2067b9;border-radius: 36px;height:36px;} .Top001775 .top-search .text{padding: 0 52px 0 10px; height:32px; line-height:32px; width:100%; border:none; color:#666;} .Top001775 .top-search .btn{ position:absolute; right:0; top:0; height:100%;width:52px;cursor:pointer; background:#2067b9;} .Top001775 .top-search .btn span{ position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; font-size:20px; color:#fff;} .Top001775 .hot-search{ padding-top: 10px;font-size: 12px;} .Top001775 .hot-search a{color: #52b01a;} .Top001775 .hot-search a::after{ display:inline-block; content:''; margin:0 10px; vertical-align:middle; width:1px; height:9px; background:#d9d9d9;} .Top001775 .hot-search a:last-child::after{ display:none;} @media(min-width:1025px){ .Top001775 #open_menu{ display:none;} .Top001775 .header-right{ position:absolute; right:0; top:50%; margin-top:-18px;} .Top001775 .header-right > *{ float:left;} .Top001775 .header-right dt{width:372px;} .Top001775 .header-bottom{ position:relative; z-index:2;} .Top001775 .mobile_logo{ display:none; } } .Top001775 .header-menu li{ width: 12.5% !important;} .Top001775 .header-menu li em a{ line-height:47px; color:#000; font-weight: bold; position:relative; font-size:19px;} .Top001775 .header-menu li:first-child em a::before, .Top001775 .header-menu li em a::after{position: absolute;content: '';width: 1px;height: 15px;background-color: rgba(165,218,133,0.5);right: 0;top: 50%;transform: translateY(-50%);} .Top001775 .header-menu li:first-child em a::before{ left:0; right:auto;} .Top001775 .header-menu li em a:hover, .Top001775 .header-menu li.aon em a{ color:#2067b9;} .Top001775 .header-menu li.has-sub em{ position:relative;} .Top001775 .header-menu li.has-sub.aon em::after{ position:absolute; content:''; border:9px solid transparent; left:50%; margin-left:-4.5px;bottom:0; border-bottom-color:#fff;} @media(max-width:1024px){ .Top001775 .header-left{ position:relative;} .Top001775 #open_menu{position:absolute; right:0;top:50%; transform:translateY(-50%); width:40px; height:40px; z-index:100;} .Top001775 #open_menu span{ position:absolute; top:50%;margin-top:-17px; left:50%; margin-left:-17px;color:#fff; font-size:34px; color:#2067b9;} .Top001775 #open_menu.open_menu_on span{ color:#fff;} .Top001775 .header-right dd{ display:none;} .Top001775 .hot-search{ text-align:right; font-size:14px; padding-bottom:10px;} .Top001775 .mobile_logo{text-align:center; padding:0 5%;} .Top001775 .mobile_layer{ position:fixed; z-index:99; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); transform:scale(0); opacity:0; transition:opacity 0.3s;} .Top001775 .mobile_layer_show{ opacity:1; transform:scale(1);} .Top001775 #header-menu{position: fixed;width: 75%;max-width: 280px;left: 0;top: 0;height: 100%;max-height: 100%;overflow: auto;z-index: 105; background:#2067b9;transform: translateX(-100%);opacity: 0;transition: 0.3s;} .Top001775 #header-menu.header-menu-show{ opacity:1;transform: translateX(0);} .Top001775 #header-menu li em a{ text-align:center; font-weight:normal;} .Top001775 #header-menu li .sub{ background:rgba(255,255,255,0.8); border-bottom:3px solid #52b01a;} .Top001775 #header-menu li .sub-menu{ padding:3%;} .Top001775 #header-menu li .sub-menu dt a{ border-bottom:0; padding-top:8px;} .Top001775 #header-menu li .other-menu dt{ float:left; width:33.33333333%; text-align:center;} .Top001775 #header-menu li .other-menu dt span{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px;} .Top001775 #header-menu li:nth-child(6) .sub-menu dt a::before{ display:none;} .Top001775 #header-menu li .sub-menu dt img{ width:40px; height:40px;} .Top001775 #header-menu li .sub-menu{ overflow:hidden;} } /* .RichInfo005 为demo编号 */ .RichInfo005 img{text-align:center; padding: 10px 0;} .RichInfo005{ padding:30px 0;text-align: center;} .RichInfo005 p{text-align:left;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ text-align: center; margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#2067b9; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#2067b9;} /*PicList002171 */ .PicList002171{ padding-top:3%; overflow: hidden;} .PicList002171 ul{ margin: 0 -1.5%;} .PicList002171 li{ float:left; width:22%; margin:0 1.5% 3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} .PicList002171 li figure{ background:url(../images/PicList002171-hoverbg_ie8.png) repeat; display:none;} .PicList002171 li .pic{ display:block;} .PicList002171 li .pic span{ display:block; width:100%; padding-bottom:44.36%;} .PicList002171 li a:hover figure{ display:block;} /* .TextList002322 */ .TextList002322{ padding: 2% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #2067b9;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } /*Floor002049 */ .Floor002049{ padding:3% 0 4% 0;background: url(../images/Floor001900-bg.jpg)} .Floor002049 h1{ margin:0; padding-bottom:3%; font-size:24px; line-height:32px;text-align: center;color: #fff} .Floor002049 h1 a{color: #fff} .Floor002049 h1:after{display: block;margin: 0 auto;width: 50px;height: 3px;background-color: #fff;margin-top: 12px;content: '';} .Floor002049 .auto{ position:relative;} .Floor002049 .list li{ position:relative;background: #e4e7ea} .Floor002049 .list li a{ position:absolute; left:0; top:0; right:0; bottom:0;} .Floor002049 .list li .word{padding: 10%} .Floor002049 .list li p{ margin:0; font-size:14px; color:#333; text-transform:uppercase;margin: 0 0 5% 0;font-weight: bold} .Floor002049 .list li i{ color:#2067b9; display:block;font-style:normal;} .Floor002049 .list li i:after{display: inline-block;content: '';width: 20px;height: 9px;margin-left: 55%;vertical-align: middle;background: url(../images/Floor001900-jt.png) no-repeat left top;} .Floor002049 .list li a:hover{} .Floor002049 .list li:hover i{ } .Floor002049 .list li figure{} .Floor002049 .list li figure span{ display:block; padding-bottom:96%;} .Floor002049 .list li figure img{ display:none;} .Floor002049 .list .bx-controls-direction{} .Floor002049 .list .bx-controls-direction a{ float:left; width:36px; height:63px; background:url(../images/Floor001900-btn_ie8.png) no-repeat 11px center; overflow:hidden; line-height:1000px;position: absolute;top: 50%} .Floor002049 .list .bx-controls-direction a.bx-next{ background-position:-32px center;right: -45px} .Floor002049 .list .bx-controls-direction a.bx-prev{ background-position:-0px center;left: -45px} .Floor002049 .list .bx-controls-direction a:hover{ } @media(max-width:1200px){ .Floor002049 .list .bx-controls-direction{ right:2%;} } @media(max-width:640px){ .Floor002049 h1{ font-size:18px;} } @media(max-width:480px){ .Floor002049 h1 span{ display:none;} } .Top001775 .header-menu li .sub{ width:130%; left:-15%; overflow:hidden; display: none; } .Top001775 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top001775 .header-menu li .sub-menu dt{ border-bottom:1px solid #dedede;} .Top001775 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top001775 .header-menu li .sub-menu dt a{color:#666; transition:0.3s; padding: 0;} .Top001775 .header-menu li .sub-menu dt a:hover{ background:none; color:#2067b9; } @media(max-width:1024px){ .Top001775 #header-menu li .sub{ background: none; text-align: center; border-bottom: 1px solid #fff;} } .Menu002252_2 li a{ float: left; margin: 0; min-width: 180px; line-height: 36px;padding: 0 20px;background: #e9e9e9;border-radius: 36px;} .Menu002252_2 .auto{ position: relative; padding: 0 20px;} .Menu002252_2 .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002252_2 .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002252_2 .owl-stage{position:relative;touch-action: manipulation;} .Menu002252_2 .owl-nav div{ position:absolute; top:0; height:36px; width:18px; border:none; color:#fff; cursor:pointer; padding:0; background: url(../images/Banner002465-btns2.png) no-repeat left center; line-height: 100; overflow: hidden;} .Menu002252_2 .owl-nav .owl-prev{ left:0;} .Menu002252_2 .owl-nav .owl-next{ right:0; background-position: right center;} .Menu002252_2 .disabled{ display:none;} .Bottom001908 a.more{margin-top: 10px;display: block;}