@charset "utf-8"; body{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;} input,textarea,select{outline:none;} 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;} .header{padding-top:15px;padding-bottom:15px;} .header .logo{display:block;float:left;height:80px;line-height:80px;} .header .logo img{max-width:100%;vertical-align:middle;} .header1>img{display:block;margin-right:20px;float:left;height:80px;} .header1 form{float:left;padding-top:22px;width:200px;} .header2 .lang{display:block;float:left;margin-right:5px;width:32px;height:32px;background-position:center center;background-repeat:no-repeat;overflow:hidden;text-indent:-200px;} .header2 .lang-en{background-image:url(/static/images/lang_en.png);} .header2 .lang-ru{margin-right:10px;background-image:url(/static/images/lang_ru.png);} .nav-collapsed-btn{display:none;} .nav-collapsed-btn .icon-bar{background:#10509c;} .nav-collapsed-btn .navbar-toggle{display:block;margin:0;border-color:#074084;} @media(max-width:991px){ .header .logo{height:60px;line-height:60px;} .header2{padding-top:15px;} .nav-collapsed-btn{display:block;float:left;} } @media(max-width:539px){ .header{padding-top:5px;padding-bottom:5px;} .header .logo{width:60%;} } @media(max-width:359px){ .header .logo{width:54%;} } .nav{position:relative;z-index:9;background-color:#e9e9e9;} .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;} .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>li>a.on em{height:100%;} .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:0;padding:0;min-width:100%;} .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:#c00;color:#fff;} .nav .search .box{position:absolute;display:none;top:100%;right:0;padding:2em 0 5em;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 42px;line-height:60px;font-size:medium;color:#000;} .wxy-nav>li>a.on, .wxy-nav>li:hover>a, .wxy-nav>li>a:hover{color:#fff;} .wxy-nav>li>a>em{background-color:#017dc5;} .wxy-nav>li.last>a{color:#fff;} .wxy-nav>li.last>a>em{height:100% !important;background-color:#feb518;} /*.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:-10px;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #1ea566;}*/ .wxy-nav-vertical div, .wxy-nav-horizontal div{background-color:#017dc5;} .wxy-nav-vertical div div, .wxy-nav-horizontal div div, .wxy-nav-vertical ul li:hover, .wxy-nav-horizontal ul li:hover{background-color:#069} .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:#c00;} @media(max-width:1400px){ .wxy-nav>li>a{padding:0 30px;} } @media(max-width:1199px){ .wxy-nav>li>a{padding:0 18px;} } @media(max-width:991px){ .wxy-nav>li>a{padding:0 11px;} } .nav .lang{white-space:nowrap;line-height:59px;} .nav .lang a{display:inline-block;vertical-align:middle;width:32px;background-position:center center;background-repeat:no-repeat;overflow:hidden;text-indent:-200px;} .nav .lang .lang-en{background-image:url(/static/images/lang_en.png);} .nav .lang .lang-ru{background-image:url(/static/images/lang_ru.png);} .nav .last li{float:none;width:80%;} .nav .last li a{padding-left:75px;line-height:54px;text-align:left;background-position:30px center;background-repeat:no-repeat;} .nav a[data-id="22"]{background-image:url(/static/images/shop_tmall.png);} .nav a[data-id="23"]{background-image:url(/static/images/shop_jd.png);} .nav a[data-id="24"]{background-image:url(/static/images/shop_taobao.png);} .m-navbar-mask{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3); margin-left:100%;transition:ease .5s;-webkit-transition:ease .5s;} .m-navbar-mask.on{margin-left:0;} .m-navbar{position:fixed;z-index:999;top:0;bottom:0;left:0;margin-left:-60%;width:60%;font-size:medium;background-color:#333;overflow-y:auto;transition:ease .5s;-webkit-transition:ease .5s;} .m-navbar.on{margin-left:0;} .m-navbar, .m-navbar a{color:#fff;} .m-navbar>div{width:200%; transition:all ease .5s;-webkit-transition:ease .5s;} .m-navbar>div.on{margin-left:-100%;} .m-navbar ul{float:left;width:50%;} .m-navbar li{border-top:1px solid #444;border-bottom:1px solid #222;line-height:3em;} .m-navbar li:first-child{border-top:0;padding-top:1em;} .m-navbar li a{width:80%;text-indent:2em;} .m-navbar li em{position:relative;display:block;float:right;border-left:1px solid #222;width:20%;height:3em;cursor:pointer;} .m-navbar li em:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-left:1px solid #444;content:"";} .m-navbar li em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";} .m-navbar .m-subnav li a{padding-left:20%;width:100%;text-indent:0;} .m-navbar .m-subnav li:first-child{background:#222;} .m-navbar .m-subnav li:first-child em{float:left;border:0;} .m-navbar .m-subnav li:first-child a{padding:0;width:80%;color:#ccc;} .m-navbar .m-subnav li:first-child em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";} .footer{margin-top:60px;padding:40px 0 30px;background-color:#111;} .footer, .footer a{color:#bbb;} .footer1{float:left;width:640px;} .footer1 .t{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #bbb;} .footer1 ul{float:left;width:25%;line-height:2.5;} .footer1 li:first-child{margin-bottom:15px;font-size:medium;line-height:1.2;} .footer1 li:first-child a{color:#fff;} .footer2{float:left;margin-left:100px;padding:0 100px;border-right:1px solid #222;border-left:1px solid #222;} .footer2 p{margin:10px 0 0;} .footer2 p:first-child{margin-top:0;} .footer2 span{color:#fff;} .footer3{float:right;} .footer3 .t{font-size:x-large;line-height:1;color:#fff;} .footer3 .sns{margin:25px 0;} .footer3 .sns a{display:block;float:left;margin-left:15px;width:40px;height:40px;} .footer3 .sns a:first-child{margin-left:0;} .footer3 .sns .qq{background-image:url(/static/images/sns_qq.png);} .footer3 .sns .weibo{background-image:url(/static/images/sns_weibo.png);} .footer3 .sns .weixin{background-image:url(/static/images/sns_weixin.png);} .my-footer{padding:20px 0;background-color:#000;line-height:20px;} .my-footer, .my-footer a{color:#bbb;} @media(max-width:1399px){ .footer1{width:580px;} .footer2{margin-left:60px;padding:0 60px;} } @media(max-width:1199px){ .footer1{width:520px;} .footer2{margin-left:35px;padding:0 35px;border:0;} } @media(max-width:991px){ .footer{padding-top:30px;} .footer1,.footer3{display:none;} .footer2{margin-left:0;padding:0;width:100%;} .footer2 p{float:left;margin:0;width:25%;line-height:2;} } @media(max-width:767px){ .footer{padding-bottom:5px;} .footer2 p{margin-bottom:25px;width:50%;} .my-footer{text-align:center;} } /*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;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(/static/images/default/face1.png) 140px center no-repeat;} .roll-btn .face2{border:1px solid #fc4718;text-indent:2em;color:#fff;background:#fc4718 url(/static/images/default/face2.png) 140px center no-repeat;} img.captcha{cursor:pointer;} /*ckplayer视频播放*/ .ckplayer-container{margin:0 auto 20px;width:100%;max-width:1000px;} /*修复因工行插件问题导致底部多出一行空白*/ #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-top:-34px;width:68px;height:68px;background:none;outline:none;} .swiper-button-next:before,.swiper-button-prev:before{display:block;position:absolute;top:11px;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{left:0;} .swiper-button-next{right:0;} @media(max-width:767px){ .swiper-button-prev, .swiper-button-next{display:none;} } /*扩展bootstrap的网格系统*/ .container{max-width:1370px;} @media (min-width:1400px){ .container{width:1370px;} } .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;} }