@charset "utf-8"; body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Helvetica Neue", Helvetica, "Noto Sans", "Microsoft Yahei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} input,textarea,select{outline:none;} body,input,textarea,select{font-size:medium;line-height:1.5;} ul,ol{margin:0;padding:0;list-style:none;} div:after,ul:after{clear:both;display:table;content:"";} a:hover,a:focus{text-decoration:none;} .waiting, .waiting *{cursor:wait !important;} .clear{display:block;clear:both} .my-hidden{overflow:hidden;} .my-hide{display:none;} .red{color:#c00;} .c{text-align:center;} .r{text-align:right;} .b{font-weight:bold;} .i{font-style:italic;} .ul-ellipsis li, a.ellipsis, .ellipsis a, .self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} .img-transition img{transition:ease .5s;-webkit-transition:ease .5s;} .img-transition a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);} .h0{height:0;} .h5{height:5px;} .h10{height:10px;} .h15{height:15px;} .h20{height:20px;} .h30{height:30px;} .h40{height:40px;} .h50{height:50px;} .h60{height:60px;} .h70{height:70px;} .h80{height:80px;} .h90{height:90px;} .h100{height:100px;} /*自定义菜单按钮*/ .wxy-nav-btn{display:none;float:right;} .wxy-nav-btn div{position:relative;border:1px solid #074084;width:44px;height:34px;cursor:pointer;border-radius:4px;} .wxy-nav-btn div:before,.wxy-nav-btn div:after,.wxy-nav-btn i{content:"";display:block;position:absolute;top:9px;left:10px;width:22px;height:2px;background-color:#10509c;overflow:hidden;transition:ease .5s;} .wxy-nav-btn div:after{top:21px;} .wxy-nav-btn i{top:15px;} .wxy-nav-btn.on div{border:0;} .wxy-nav-btn.on i{opacity:0;} .wxy-nav-btn.on div:before{width:27px;transform:rotate(45deg) translateY(8px);} .wxy-nav-btn.on div:after{width:27px;transform:rotate(-45deg) translateY(-8px);} .web-container{margin:0 auto;width:100%;max-width:1920px;} .header{position:fixed;z-index:999;top:0;right:0;left:0;background-color:#fff;box-shadow:1px 1px 10px #666;transition:ease .5s;} .header .logo{display:block;position:relative;transition:ease .5s;} .header .logo div{top:0;right:0;bottom:0;left:0;height:100px;line-height:100px;transition:ease .5s;} .header .logo div:nth-child(2){position:absolute;} .header .logo img{max-height:100%;vertical-align:middle;} .header.fixed{position:fixed;top:0;right:0;left:0;} .header.fixed .wxy-nav-btn{padding-top:23px;} .header-fixed{height:0;overflow:hidden;} .header.fixed .logo div,.header.min .logo div{height:80px;line-height:80px;} .header.min .quick-link{padding-top:0;padding-bottom:0;height:0;} .header.min .wxy-nav>li>a,.header.min .wxy-nav>li>a.on, .header.min .nav .search a>i{color:#333;line-height:80px;} .header.min .wxy-nav>li>a:hover, .header.min .wxy-nav>li:hover>a, .header.min .nav .search:hover a>i{color:#fff;} @media(max-width:1199px){ .header .logo div{height:80px;line-height:80px;} .wxy-nav-btn{display:block;padding-top:23px;} .header-fixed{height:80px;} } @media(max-width:767px){ .header.min .logo div{height:60px;line-height:60px;} .header.min .logo img{max-height:40px;} .header.min .wxy-nav-btn{padding-top:13px;} } @media(max-width:575px){ .header .logo{width:70%;} .header .logo div{height:70px;line-height:70px;} .header .logo img{max-width:100%;} .header .wxy-nav-btn{padding-top:18px;} .header-fixed{height:70px;} } .quick-link{display:none;text-align:right;padding:10px 15px 10px 0;line-height:1;overflow:hidden;transition:ease .5s;} .quick-link a{display:inline-block;margin-left:30px;color:#fff;} .quick-link a:before{content:"";display:inline-block;margin-right:5px;width:14px;height:14px;background:url(../images/icons01.png) 0 1px no-repeat;} .quick-link a:nth-child(2):before{background-position:-14px 0;} .quick-link a:first-child{margin-left:0;} .wxy-nav{position:relative;z-index:9;} .wxy-nav, .wxy-nav ul{padding-left:0;list-style:none;} .wxy-nav li{position:relative;} .wxy-nav>li{float:left;} .wxy-nav>li>a{display:block;position:relative;transition:ease .5s;} .wxy-nav>li>a>em{position:absolute;right:0;bottom:0;left:0;height:0;overflow:hidden; transition:all linear .3s;} .wxy-nav>li>a>span{display:block;position:relative;} .wxy-nav>li>a.on, .wxy-nav>li>a:hover, .wxy-nav>li:hover>a{font-weight:bold;} .wxy-nav div{position:absolute;display:none;top:100%;left:0;padding:10px;} .wxy-nav div a{display:block;padding:0 10px;line-height:30px;white-space:nowrap;} .wxy-nav div div a:hover{text-decoration:underline;} .wxy-nav-horizontal ul, .wxy-nav-horizontal ul li{float:left;} .wxy-nav-vertical>li>div{left:50%;padding:0;min-width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);} .wxy-nav-vertical div a{text-align:center;line-height:40px;} .wxy-nav-vertical div div{padding:0;top:0;left:100%;} .wxy-nav-vertical div div a{padding:0 15px;text-align:left;} .wxy-nav-tuwen li div{padding:25px;width:580px;} .wxy-nav-tuwen ul{float:left;width:280px;} .wxy-nav-tuwen ul li{float:left;margin-right:25px;width:115px;} .wxy-nav-tuwen ul li a{padding:0;border-bottom-width:1px;border-bottom-style:solid;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;} .wxy-nav-tuwen i{display:block;float:right;overflow:hidden;} .nav .search{position:relative;} .nav .search>a{display:block;padding:0 20px;color:#333; transition:ease .5s;-webkit-transition:ease .5s;} .nav .search>a>i{font-size:large;line-height:100px;} .nav .search:hover>a{background-color:#00509b;color:#fff;} .nav .search .box{position:absolute;display:none;top:100%;right:0;padding:1em 0 6em;background:none;} .nav .search input[type="text"]{width:180px;} .nav .search .box .mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff; opacity:.01;filter:alpha(opacity=1);} /*自定义区*/ .wxy-nav>li>a{padding:0 35px;line-height:100px;font-size:medium;color:#333;} .wxy-nav>li:hover>a,.wxy-nav>li>a:hover{color:#fff;} .wxy-nav>li>a>em{background-color:#00509b;} .wxy-nav>li>a:hover>em,.wxy-nav>li:hover>a>em{height:100%;} /*.wxy-nav>li>a.on:after, */.wxy-nav>li>a:hover:after, .wxy-nav>li:hover>a:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-9px;content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid rgba(255,255,255,.6);} .wxy-nav-vertical div, .wxy-nav-horizontal div{background-color:#00509b;} .wxy-nav-vertical div div, .wxy-nav-horizontal div div, .wxy-nav-vertical ul li:hover, .wxy-nav-horizontal ul li:hover{background-color:#fc870c} .wxy-nav-vertical div a, .wxy-nav-horizontal div a{color:#fff;} .wxy-nav-tuwen div{background-color:#fff;box-shadow:0 3px 5px #999;} .wxy-nav-tuwen ul li a{border-bottom-color:#ddd;} .wxy-nav-tuwen div a{color:#666;} .wxy-nav-tuwen div a:hover{color:#00509b;} @media(max-width:1599px){ .wxy-nav>li>a{padding:0 28px;} } @media(max-width:1399px){ .wxy-nav>li>a{padding:0 18px;} } /*手机版导航*/ #wxy-m-nav-container{display:none;background-color:#f3f3f3;overflow:hidden;overflow-y:auto;} #wxy-m-nav{border-bottom:1px solid #ddd;} #wxy-m-nav>li:first-child{padding-top:5px;} #wxy-m-nav>li:last-child{padding-bottom:5px;} #wxy-m-nav li{border-top:1px solid #ddd;border-bottom:1px solid #fff;transition:ease .5s;} #wxy-m-nav ul li:first-child{border-top-width:0;} #wxy-m-nav ul li:last-child{border-bottom-width:0;} #wxy-m-nav li.on{background-color:#337ab7;} #wxy-m-nav>li>a{font-size:large;} #wxy-m-nav>li li a{font-size:medium;} #wxy-m-nav div{display:none;padding:0 10px;} #wxy-m-nav li.on>div{border-top:1px solid #408aca;} #wxy-m-nav a{padding:0 15px;line-height:48px;color:#333;} #wxy-m-nav li.on>a{color:#fff;} #wxy-m-nav li.on>em+a{border-right:1px solid #408aca;} #wxy-m-nav em{display:block;position:relative;float:right;border-left:1px solid #ddd;width:60px;height:48px;background-color:rgba(255,255,255,.01);cursor:pointer;} #wxy-m-nav em+a{border-right:1px solid #eee;} #wxy-m-nav em:before{content:"";display:block;position:absolute;top:50%;right:21px;border-top:1px solid #666;width:15px;transition:ease .5s;} #wxy-m-nav em:after{content:"";display:block;position:absolute;top:50%;right:28px;margin-top:-7px;border-right:1px solid #666;width:10px;height:15px;transform:rotate(0);} #wxy-m-nav li.on>em{border-left-color:#1e6aac;} #wxy-m-nav li.on>em:before{border-top-color:#fff;} #wxy-m-nav li.on>em:after{border-top:0;border-right:0;} #wxy-m-nav div{background-color:#fff;} #wxy-m-nav div div{background-color:#f3f3f3;} #wxy-m-nav div div div{background-color:#fff;} #wxy-m-nav div div div div{background-color:#f3f3f3;} #wxy-m-nav div div div div div{background-color:#fff;} #wxy-m-nav div div div div div div{background-color:#f3f3f3;} @media(max-width:479px){ #wxy-m-nav em{width:48px;} #wxy-m-nav em:before{right:15px;} #wxy-m-nav em:after{right:22px;} } /*手机版导航-end*/ .footer{margin-top:80px;padding:50px 0;background-color:#092d56;font-size:14px;} .footer a.t{display:block;margin-bottom:30px;font-size:large;color:#fff;} .footer1{float:left;margin-right:80px;width:320px;} .footer2{float:left;} .footer2>div{float:left;margin-left:60px;padding-left:60px;border-left:1px dotted rgba(255,255,255,.3);} .footer2>div:first-child{margin-left:0;padding-left:0;border-left:0;} .footer2 ul{margin:0;} .footer1 li,.footer2 li{padding-top:10px;} .footer1 li:first-child,.footer2 li:first-child{padding-top:0;} .footer1 li,.footer1 li a,.footer2, .footer2 li a{color:rgba(255,255,255,.6);} .footer1 li a:hover,.footer2 li a:hover{color:#fff;} .footer3{float:right;} .footer3a{float:left;margin-right:20px;text-align:center;font-size:12px;color:#fff;} .footer3a img{display:block;margin-bottom:5px;width:110px;} .footer3b{float:left;width:220px;} .footer3b div{position:relative;margin-top:10px;padding-left:15px;height:36px;line-height:36px;color:#fff;cursor:pointer;} .footer3b div:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;} .footer3b div:after{content:"";display:block;position:absolute;top:15px;right:15px;width:10px;height:10px;border-top:2px solid rgba(255,255,255,.8);border-right:2px solid rgba(255,255,255,.8);transform:rotate(-45deg);transition:ease .5s;} .footer3b div:hover:after{top:10px;transform:rotate(135deg);} .footer3b div:first-child{margin-top:0;} .footer3b ul{position:absolute;display:none;right:0;bottom:100%;left:0;margin:0;background-color:#00509b;} .footer3b li a{display:block;padding:15px;line-height:1.2;color:#fff;} .footer3b li a:hover{background-color:#004483;} .footer99{padding:20px 0;background-color:#0b284a;font-size:14px;} .footer99, .footer99 a{color:#ccc;color:rgba(255,255,255,.6);} @media(max-width:1599px){ .footer1{margin-right:60px;width:300px;} .footer2>div{margin-left:40px;padding-left:40px;} .footer3a{margin-right:15px;} .footer3b{width:220px;} } @media(max-width:1399px){ .footer1{margin-right:40px;width:260px;} .footer2>div{margin-left:20px;padding-left:20px;} .footer3a{margin-right:10px;} .footer3b{width:200px;} } @media(max-width:1199px){ .footer{margin-top:60px;} .footer1{margin-right:40px;} .footer2>div{margin-left:20px;padding-left:20px;} .footer3a{display:none;} } @media(max-width:1199px){ .footer1{margin:0;width:320px;} .footer2{float:right;} .footer3{display:none;} } @media(max-width:767px){ .footer{margin-top:50px;} .footer1{width:300px;} .footer2{display:none;} .footer3{display:block;} .footer3a{display:block;margin;0;} .footer3b{display:none;} .footer99{text-align:center;} .footer99 .footer-blank{display:block;height:0;overflow:hidden;} } @media(max-width:575px){ .footer{padding:25px 0;} .footer a.t{margin-bottom:15px;} .footer3{display:none;} } /*wxyImgFocus*/ .wxy-img-focus{position:relative;overflow:hidden;} .wxy-img-focus .button{display:none;position:absolute;top:50%;margin-top:-15px;padding:0 5px;line-height:30px;font-size:small;color:#fff;background-color:rgba(0,0,0,.7);cursor:pointer;} .wxy-img-focus:hover .button{display:block;} .wxy-img-focus .next{right:0;} .wxy-img-focus ul{position:absolute;top:0;right:0;bottom:0;left:0;} .wxy-img-focus ul li{background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);transition:ease .5s;-webkit-transition:ease .5s;} .wxy-img-focus ul li.on{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);} .wxy-img-focus ul li, .wxy-img-focus ul li>a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;} .wxy-img-focus ul img{display:block;width:100%;height:100%;} /*当焦点图使用时,图片以img形式调用*/ .wxy-img-focus ul video{position:absolute;display:block;top:0;left:0;visibility:hidden;} .wxy-img-focus .title-container{position:absolute;right:0;bottom:0;left:0;height:34px;overflow:hidden;background-color:#333;background-color:rgba(0,0,0,.7);} .wxy-img-focus .title-container .title{position:absolute;top:0;bottom:0;left:0;overflow:hidden;} .wxy-img-focus .title-container .title a{display:block;width:100%;line-height:34px;text-indent:1em;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .wxy-img-focus ol{position:absolute;bottom:8px;} .wxy-img-focus ol li{float:left;display:block;overflow:hidden;cursor:pointer;} .wxy-img-focus ol.dot li{margin-right:8px;width:12px;height:12px;text-indent:-99px;border-radius:50%;background-color:#fff;} .wxy-img-focus ol.dot li.on{background-color:#f60;} .wxy-img-focus ol.num li{margin-right:6px;width:16px;height:16px;font-size:12px;line-height:16px;text-align:center;color:#e00;background-color:#eee;} .wxy-img-focus ol.num li.on{color:#fff;background-color:#e00;} /*翻滚按钮公用样式*/ .roll-box{-webkit-perspective:500px;perspective:500px;position:relative;text-transform:uppercase;} .roll1{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform-origin:50% 50% -25px;-ms-transform-origin:50% 50% -25px;transform-origin:50% 50% -25px;position:absolute;left:0;top:0;width:100%;z-index:1;opacity:1;} .roll2{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform-origin:50% 50% -22px;-ms-transform-origin:50% 50% -22px;transform-origin:50% 50% -22px;position:absolute;left:0;top:0;width:100%;z-index:-1;opacity:0;display:none\9;} .roll-box:hover .roll1{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);display:none\9;z-index:0;opacity:0;} .roll-box:hover .roll2{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);display:block\9;z-index:1;opacity:1;} .roll-btn{width:190px;height:44px;line-height:42px;} .roll-btn .face1{border:1px solid #ccc;text-indent:2em;color:#666;background:url(../images/default/face1.png) 140px center no-repeat;} .roll-btn .face2{border:1px solid #fc4718;text-indent:2em;color:#fff;background:#fc4718 url(../images/default/face2.png) 140px center no-repeat;} /*旋转动画 wxy-spin*/ @-webkit-keyframes wxy-spin{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } @keyframes wxy-spin{ 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } img.captcha{cursor:pointer;} /*自定义滚动条式样*/ .wxy-diy-scroll{overflow:hidden;overflow-y:auto;} .wxy-diy-scroll::-webkit-scrollbar{width:4px;height:1px;} .wxy-diy-scroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#555;} .wxy-diy-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:4px;background:#eee;} /*修复因工行插件问题导致底部多出一行空白*/ #ClCache{display:none !important;} /*修复swiper在超过1920分辨率屏下内容居左的问题*/ .swiper-container{width:100%;max-width:1920px;} /*覆盖移动到首尾两个slide时同方向箭头的默认设置*/ .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{opacity:.8 !important;cursor:pointer !important;pointer-events:auto !important;} .swiper-button-prev, .swiper-button-next{z-index:2 !important;margin:0;width:68px;height:68px;background:none;outline:none;transform:translateY(-50%);} .swiper-button-next:before,.swiper-button-prev:before{display:block;position:absolute;left:-2px;border-top:8px solid #fff;border-right:8px solid #fff;width:42px;height:42px;color:#fff;content:"";opacity:.6;transform:rotate(45deg);transition:ease .5s;-webkit-transition:ease .5s;} .swiper-button-prev:before{left:auto;right:-2px;transform:rotate(-135deg);} .swiper-button-next:hover:before,.swiper-button-prev:hover:before{opacity:1;} .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;} .swiper-button-prev{left:0;} .swiper-button-next{right:0;} .swiper-pagination{right:0;bottom:10px;left:0;} .swiper-pagination-bullet{margin:0 5px;width:20px;height:2px;border-radius:0;transition:ease .5s;} .swiper-pagination-bullet-active{width:40px;} @media(max-width:767px){ .swiper-button-prev, .swiper-button-next{display:none;} } /*扩展bootstrap的网格系统*/ @media (min-width:1400px){ .container{width:1370px;} } @media (min-width:1600px){ .container{width:1570px;} } .visible-xl{display: none !important;} @media(min-width:1400px){ .visible-xl{display:block !important;} .hidden-xl{display:none !important;} } @media (min-width:1400px){ .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12{float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .col-xl-12{width:100%;} .col-xl-11{width:91.66666667%;} .col-xl-10{width:83.33333333%;} .col-xl-9{width:75%;} .col-xl-8{width:66.66666667%;} .col-xl-7{width:58.33333333%;} .col-xl-6{width:50%;} .col-xl-5{width:41.66666667%;} .col-xl-4{width:33.33333333%;} .col-xl-3{width:25%;} .col-xl-2{width:16.66666667%;} .col-xl-1{width:8.33333333%;} .col-xl-pull-12{right:100%;} .col-xl-pull-11{right:91.66666667%;} .col-xl-pull-10{right:83.33333333%;} .col-xl-pull-9{right:75%;} .col-xl-pull-8{right:66.66666667%;} .col-xl-pull-7{right:58.33333333%;} .col-xl-pull-6{right:50%;} .col-xl-pull-5{right:41.66666667%;} .col-xl-pull-4{right:33.33333333%;} .col-xl-pull-3{right:25%;} .col-xl-pull-2{right:16.66666667%;} .col-xl-pull-1{right:8.33333333%;} .col-xl-pull-0{right:auto;} .col-xl-push-12{left:100%;} .col-xl-push-11{left:91.66666667%;} .col-xl-push-10{left:83.33333333%;} .col-xl-push-9{left:75%;} .col-xl-push-8{left:66.66666667%;} .col-xl-push-7{left:58.33333333%;} .col-xl-push-6{left:50%;} .col-xl-push-5{left:41.66666667%;} .col-xl-push-4{left:33.33333333%;} .col-xl-push-3{left:25%;} .col-xl-push-2{left:16.66666667%;} .col-xl-push-1{left:8.33333333%;} .col-xl-push-0{left:auto;} .col-xl-offset-12{margin-left:100%;} .col-xl-offset-11{margin-left:91.66666667%;} .col-xl-offset-10{margin-left:83.33333333%;} .col-xl-offset-9{margin-left:75%;} .col-xl-offset-8{margin-left:66.66666667%;} .col-xl-offset-7{margin-left:58.33333333%;} .col-xl-offset-6{margin-left:50%;} .col-xl-offset-5{margin-left:41.66666667%;} .col-xl-offset-4{margin-left:33.33333333%;} .col-xl-offset-3{margin-left:25%;} .col-xl-offset-2{margin-left:16.66666667%;} .col-xl-offset-1{margin-left:8.33333333%;} .col-xl-offset-0{margin-left:0;} }