@charset "utf-8"; /*----2021.3.25----*/ html, body{ min-width:auto;height:100%; } body{/*position:relative;*/ line-height:1.5; font-family:"微软雅黑",microsoft yahei; background:#fff;} .mouseBody{overflow: visible !important;} .body{ font-size:12px; overflow:hidden; } pre{white-space:normal; font-family:"微软雅黑",microsoft yahei;} .product-descons ul,.product-descons ol,.newsContent ul,.newsContent ol,.w-text ul,.w-text ol{ padding-left:2em;} .light{ color:#ff0000;} .col-table{ margin:0 -15px;} .col-table .col-table{ margin:0 -10px;} .div-table {table-layout: fixed;} .product-descons img,.w-text img,.newsContent img{ max-width:100%;} input[type='number']{appearance:textfield; -moz-appearance:textfield; -webkit-appearance:textfield;}/*消除input[type='number']右边箭头*/ input::-webkit-inner-spin-button {-webkit-appearance: none; }/*消除input[type='number']右边箭头*/ input::-webkit-outer-spin-button { -webkit-appearance: none;}/*消除input[type='number']右边箭头*/ #bdshare_weixin_qrcode_dialog{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} .font12{ font-size:12px !important;} .font14{ font-size:14px !important;} .font16{ font-size:16px !important;} .font18{ font-size:18px !important;} .font20{ font-size:20px !important;} .font22{ font-size:22px !important;} .font24{ font-size:24px !important;} .font26{ font-size:26px !important;} .font28{ font-size:28px !important;} .font30{ font-size:30px !important;} .font32{ font-size:32px !important;} .font36{ font-size:36px !important;} .font48{ font-size:48px !important;} .font54{ font-size:54px !important;} .font64{ font-size:64px !important;} .fontNormal{ font-weight:normal !important;} .fontBold{ font-weight:bold !important;} .bsBox,.bsBox *{ box-sizing:content-box; -webkit-box-sizing:content-box;} .border_e9e9e9{ border-color: #e9e9e9;} .border_bbbbbb{ border-color: #bbbbbb;} .tb_x th,.tb_x td{ border:1px solid #d0d0d0; padding:5px 10px;} .tb_x p{ margin-bottom:0;} .crumbsNew{max-width:1200px; margin:0 auto 1em; padding:0.5em 0;} .w-section .row{position:relative; margin:0 auto;} .w-section .row .row-mask{position:absolute; left:0; right:0; top:0; bottom:0; z-index:3;} .w-section .row .wrap-content-in{position:relative; z-index:3;}/*z-index设置是为了下面内容可浮在banner上*/ .highlightone1-dt{border: 3px solid #FB6704;animation: 1.2s ease 0s normal none infinite running blinkCur; margin:0 -3px -3px; } @keyframes blinkCur { 50% { animation-timing-function: ease-out; border: 3px solid #FB6704; box-shadow:0 0 20px rgba(251,220,4,0.5); } 100% { animation-timing-function: ease-out; border: 3px solid hsla(0, 0%, 0%, 0); box-shadow:none; } } @keyframes blinkCur { 50% { animation-timing-function: ease-out; border: 3px solid #FB6704; box-shadow:0 0 20px rgba(251,220,4,0.5); } 100% { animation-timing-function: ease-out; border: 3px solid hsla(0, 0%, 0%, 0); box-shadow:none; } } .topTel{ display:none;} /*------------------导航栏 start -----------------------*/ .mobile-nav-toggle,.nav_right_mask{ display:none;} .w-header,.w-admin-header{position:relative; z-index:101;} .w-logo-img{ font-size:0;} .w-logo-img img{ max-height:150px; max-width:100%; /*vertical-align:bottom;*/} .w-logo h1, .w-logo a{ text-decoration:none !important;} .w-logo a{ display:block;} .w-logo h1{font-weight:normal; margin:0;} .w-nav ul{ display:inline-block; *display:inline; *zoom:1; list-style:none; padding-left:0; } .w-nav .g-prev-next-ul{padding-left:0 !important; padding-right:0 !important;} /*.w-nav .nav_inner,.w-nav .nav_inner> li{*vertical-align:top;}*/ .w-nav .nav_inner> li{ font-size:14px;} .w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ white-space:nowrap;} .w-nav li{ float:left; position:relative;} .w-nav li a{ display:inline-block; *display:block; padding:5px 15px; line-height:19px; text-align:center; } .w-nav li a:hover,.w-nav li a:focus{ text-decoration:none;} .w-nav .li-parent-div{ position:relative; *position:static; cursor:pointer;} .w-nav .li-parent-div .fa{ position:absolute; right:8px; top:50%; margin-top:-0.5em;} .w-nav .li-parentOne-div span{ display:none;} .w-nav .submenu{ position:absolute; z-index:1; display:none; font-size:12px;box-shadow:0 0 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.1); } .w-nav .submenu ul{ display:block;} .w-nav .submenu li{ width:150px; float:none;} .w-nav .submenu li .submenu{ left:150px; top:0;} .w-nav .submenu li a{ display:block;/*text-align:left;*/ padding:8px 20px 8px 10px;} .nav_simpline_cur{ display:none;} .nav_moveBox{ display:none;} .mobile-nav-toggle{/*position:fixed;*/ position:absolute; top:0.42rem; left:0.35rem; z-index:3;cursor:pointer;} .mobile-nav-toggle .fa{ font-size:0.75rem;} .w-nav .icon-sub{ position:absolute; right:5px; top:0; bottom:0; width:14px; background:url(../images/nav_menu_sub.png) no-repeat center;} .back-div{ display:none;} .w-shopCart .num{ padding:0 3px; color:#fff; background:#f00; font-size:90%; display:inline-block; *display:inline; *zoom:1; margin-top:-15px; margin-left:-5px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; vertical-align:middle; line-height:1.8; } .w-custom{ position:relative; z-index:9; padding-top:10px; padding-bottom:10px;} .w-custom .w-text{ line-height:1.5;} .topLogBox .topLogBox-in{ overflow:visible !important;} .topLogBox .topLogBox-in:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .topLogBox .w-custom a{margin: 0; padding: 0;} .w-languege-dropDown{ position: relative; } .w-languege-dropDown .cur-lang{ cursor: pointer;padding: 0 6px;} .w-languege-dropDown .cur-lang span{ display: inline-block !important;} .w-languege-dropDown .select-lang{position: absolute; z-index: 10; left: -15px; top: 100%; padding-top: 10px; padding-bottom: 5px; display: none;} .w-languege-dropDown:hover .select-lang{ display: block;} .w-languege-dropDown .select-lang ul, .w-languege-dropDown .select-lang li{ list-style: none; padding: 0; margin: 0;} .w-languege-dropDown .select-lang ul{ display: block;background: #fff; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.08); box-shadow: 0 3px 10px rgba(0,0,0,0.08); } .w-languege-dropDown .select-lang li a{ display: block; white-space: nowrap; line-height: 2.5; color: #444; margin: 0; padding: 0 20px;} .w-languege-dropDown .select-lang li a:hover{ background: rgba(0,0,0,0.05); text-decoration: none;} /*-------------6.4新增---------------------*/ @media (min-width:1201px){ .body-navOther .w-nav2 .nav_inner > li > .submenu, .body-navOther .w-nav3 .nav_inner > li > .submenu, .body-navOther .w-nav4 .nav_inner > li > .submenu, .body-navOther .w-nav5 .nav_inner > li > .submenu{ display: none !important;} .body-navDefault .navSubX{ display: none;} .column .w-nav3{ float: right;} } .navSubX{ position:absolute; top: 100%; left: 0; right: 0; box-shadow: 0 2px 3px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.05); transition: top 0.3s; -webkit-transition: top 0.3s; color: #666; } .navSubX a{ color: #444;} .navSubX .row{ margin: 0 auto; padding-top: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important;} .navSubX .item{ display: none;} .navSubX .item:before{ content: ''; height: 1px; position: absolute; z-index: 10; left: 50%; margin-left:-1500px; width:3000px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;} .navSubX img{max-width: 100%;} .subM_list ul, .subM_list li{ list-style: none; margin: 0; padding: 0;} .navSubXNoFull{box-shadow:none; -webkit-box-shadow: none;} .navSubXNoFull .row{ overflow:hidden; box-shadow: 0 2px 3px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.05); } .navSubX2 .subM_list_cc .row{ display: box; display: flex;} .navSubX2 .subM_list_cc .subM_list{ width: 20%; padding: 40px 0; float: left; position: relative; text-align: center;} .navSubX2 .subM_list_cc .subM_list:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width:1500px;background: #fff; background-repeat: no-repeat; background-position: right top;} .navSubX2 .subM_list_cc .subM_list ul{position: relative; z-index: 2;} .navSubX2 .subM_list_cc .subM_list li a{padding: 0.5em 10%; display: block; position: relative;} .navSubX2 .subM_list_cc .subM_list li a:hover{ text-decoration: none;} .navSubX2 .subM_list_cc .subM_list li i.icoj{ display: none;} .navSubX2 .subM_list_cc .subM_cc{ width: 80%; padding: 40px 0; float: left; position: relative;} .navSubX2 .subM_list_cc .subM_cc:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width:2000px;background: #f6f6f6; background-repeat: no-repeat; background-position: left top;} .navSubX2 .subM_cc .subM_cc_in{ position: relative; z-index: 2; padding: 0 5%; } .navSubX2 .subM_cc .cc_img{ max-width: 35%; margin-right: 5%; margin-bottom: 20px; float: left;} .navSubX3{ display: none;} .navSubX3:before{ content: ''; height: 1px; position: absolute; z-index: 1; left: 0; right: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;} .navSubX3 .item:before{ display: none;} .navSubX3 .navSubList{position: relative; display: flex; font-size: 14px;} .navSubX3 .navSubList:before{content: ''; display: block; position: absolute; top: 0; left: 50%; margin-left: -1500px; bottom: 0; width:3000px;background: #fff; background-repeat: no-repeat; background-position: center top;} .navSubX3 .navSubList .item{position: relative; z-index: 2; float: left; display: block; min-height: 1em;} .navSubX3 .subM_list{ padding: 30px 0; text-align:center;} .navSubX3 .subM_list ul{position: relative; z-index: 1;} .navSubX3 .subM_list li a{ display:block; line-height: 1.5; padding: 0.3em 0.5em;} .navSubX3 .navSubList .item .subM_list:before{ content: ''; position: absolute; left: 50%; width:0; top: 0; bottom: 0; background: #f0f0f0; transition: all 0.5s; -webkit-transition: all 0.5s;background-repeat: no-repeat; background-position: center top;} .navSubX3 .navSubList .item.on .subM_list:before{width: 100%; left: 0;} .navSubX4 .subM_list_cc .row{ display: box; display: flex;} .navSubX4 .subM_list_cc .subM_cc{ width: 40%; display: flex; float: left; position: relative;} .navSubX4 .subM_list_cc .subM_cc:before{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width:1500px;background: #f6f6f6; background-repeat: no-repeat; background-position: right top;} .navSubX4 .subM_cc .cc_text{padding: 40px 8%; position: relative; z-index: 2;} .navSubX4 .subM_list_cc .subM_list{ width: 60%; padding: 40px 0; float: left; position: relative;} .navSubX4 .subM_list_cc .subM_list:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; width:1500px;background: #fff; background-repeat: no-repeat; background-position: left top;} .navSubX4 .subM_list_cc .subM_list ul{position: relative; z-index: 2; padding: 0 5%;} .navSubX4 .subM_list_cc .subM_list li{ float: left; min-width: 140px; margin-right: 20px; margin-bottom: 20px;} .navSubX4 .subM_list_cc .subM_list li a{line-height: 1.5; display: block; position: relative;} .navSubX4 .subM_list_cc .subM_list li a:hover{ text-decoration: none;} .navSubX4 .subM_list_cc .subM_list li i.icoj{ display: none;} .navSubX5 .subM_list_cc .row{ display: box; display: flex;} .navSubX5 .subM_list_cc .subM_list{ width: 20%; padding: 40px 0; float: left; position: relative;} .navSubX5 .subM_list_cc .subM_list:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width:1500px;background: #fff; background-repeat: no-repeat; background-position: right top;} .navSubX5 .subM_list_cc .subM_list ul{position: relative; z-index: 2;} .navSubX5 .subM_list_cc .subM_list li a{padding: 0.5em 10%; display: block; position: relative;} .navSubX5 .subM_list_cc .subM_list li a:hover{ text-decoration: none;} .navSubX5 .subM_list_cc .subM_list li i.icoj{ opacity: 0.7; position: absolute; font-family: FontAwesome; font-style: normal; width: 1em; height: 1em; line-height: 1; right: 10%; top: 50%; margin-top: -0.5em;} .navSubX5 .subM_list_cc .subM_list li i.icoj:before{content: '\f105';} .navSubX5 .subM_list_cc .subM_list li a:hover i.icoj{ opacity: 1;} .navSubX5 .subM_list_cc .subM_cc{ width: 80%; padding: 40px 0; float: left; position: relative;} .navSubX5 .subM_list_cc .subM_cc:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width:2000px;background: #f6f6f6; background-repeat: no-repeat; background-position: left top;} .navSubX5 .subM_cc .subM_cc_in{ position: relative; z-index: 2; display: flex; } .navSubX5 .subM_cc .cc_text{ width: 50%; padding: 0 5%; float: left;} .navSubX5 .subM_cc .cc_img{ width: 50%; padding-right: 5%; float: left; } /*-------------6.4新增 end---------------------*/ /*------------------导航栏 end -----------------------*/ /*banner*/ .bannerBox{position:relative; z-index:3;} .banner{ height:0;overflow:hidden;} .banner a{ display:block;} .banner img{ max-width:100%;width: 100%;} .banner .banner-html5zoo img,.banner .banner-osSlider img{width: auto;} .videoBn{ max-height: 100vh;} .videoBn video{ object-fit: cover;} .banner{text-align:center;position:relative;} .bx-viewport{border:0;} .bx-wrapper .bx-pager.bx-default-pager a{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .banner_edit{ position:absolute; width:1200px; top:10px; left:50%; margin-left:-600px; z-index:2; background:url(../images/bannerEditbg.png) repeat; } .banner .bx-wrapper .bx-pager.bx-default-pager a:before,.banner .bx-wrapper .bx-pager.bx-default-pager a:after{ box-sizing:content-box; -webkit-box-sizing:content-box;} /*---------------banner PC-------------------*/ .bannerPc{ text-align:center;} .bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;} .bannerPc a{ display:block;} .bannerPc img{ max-width:100%; vertical-align:middle;} .banner-swiper1{ background:#212121;} .banner-swiper1 .swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{ opacity:0.5;} .banner-swiper .swiper-pagination-bullets{ bottom:20px !important;} .banner-swiper .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;} .banner-swiper .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .swiper-container-cube .swiper-cube-shadow{ display:none;} .banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; visibility:hidden;} .banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next{ visibility:visible;} .banner-swiper .swiper-button-prev{ left:50px; background-position:0 0;} .banner-swiper .swiper-button-next{ right:50px; background-position:-40px 0;} .banner-swiper2 .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);} .banner-swiper3 .preview{background:#212121} .banner-swiper3 .preview li{ /*width:20%;*/ cursor:pointer; opacity:0.4; } .banner-swiper3 .preview li img{ width:100%; height:100%; max-height:120px;} .banner-swiper3 .preview li.active-nav{ opacity:1;} .banner-osSlider{ margin:0 auto; z-index:1;} .banner-osSlider .slider-btn-prev,.banner-osSlider .slider-btn-next{ position:absolute; z-index:99; cursor:pointer;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden;} .banner-osSlider:hover .slider-btn-prev,.banner-osSlider:hover .slider-btn-next{ visibility:visible;} .banner-osSlider .slider-btn-prev{left:50px; background-position:0 0;} .banner-osSlider .slider-btn-next{right:50px; background-position:-40px 0;} .banner-osSlider .slider-nav{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;} .banner-osSlider .slider-nav li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;} .banner-osSlider .slider-nav li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .banner-osSlider .cvNode img{ max-width:none;} .banner-slicebox {position: relative;overflow: hidden;} .banner-slicebox li {display: none;} .banner-slicebox .sb-description {padding: 20px;bottom: 10px;left: 10px;right: 10px;z-index: 1000;position: absolute;background: #CBBFAE;background: rgba(190,176,155, 0.4);border-left: 4px solid rgba(255,255,255,0.7);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0); opacity: 0;color: #fff;-webkit-transition: all 200ms;-moz-transition: all 200ms;-o-transition: all 200ms;-ms-transition: all 200ms;transition: all 200ms;} .banner-slicebox li.sb-current .sb-description {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80); opacity: 1;} .banner-slicebox li.sb-current .sb-description:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";filter: alpha(opacity=99); background: rgba(190,176,155, 0.7);} .banner-slicebox .sb-perspective {position: relative;} .banner-slicebox .sb-perspective > div {position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility : hidden;-moz-backface-visibility : hidden;-o-backface-visibility : hidden;-ms-backface-visibility : hidden;backface-visibility : hidden;} .banner-slicebox .sb-side {margin: 0;display: block;position: absolute;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;} .banner-slicebox .slicebox-prev,.banner-slicebox .slicebox-next{ position:absolute; z-index:99; cursor:pointer;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden;} .banner-slicebox:hover .slicebox-prev,.banner-slicebox:hover .slicebox-next{ visibility:visible;} .banner-slicebox .slicebox-prev{left:50px; background-position:0 0;} .banner-slicebox .slicebox-next{right:50px; background-position:-40px 0;} .banner-slicebox .slicebox-pagination{position:absolute; z-index:99; left:0; right:0; bottom:20px; text-align:center;} .banner-slicebox .slicebox-pagination span{ display:inline-block; cursor:pointer; width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px; } .banner-slicebox .slicebox-pagination span.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .banner-ccslide .control-links{position:absolute; z-index:99; left:0; right:0;top:auto; bottom:20px; text-align:center;} .banner-ccslide .control-links li{ display:inline-block; width:1em; height:2px; cursor:pointer; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle; text-indent:-9999px; overflow:hidden; margin:0 5px;} .banner-ccslide .control-links li.active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .banner-ccslide .slider-nav.prev,.banner-ccslide .slider-nav.next{ position:absolute;width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; text-indent:-9999px; overflow:hidden; visibility:hidden; } .banner-ccslide:hover .slider-nav.prev,.banner-ccslide:hover .slider-nav.next{ visibility:visible;} .banner-ccslide .slider-nav.prev{left:50px; background-position:0 0;} .banner-ccslide .slider-nav.next{right:50px; background-position:-40px 0;} .banner-ccslide .shadow{ display:none;} .banner-ccslide .slider-link{ width:100%; height:100%;} .banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;} .banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;} .banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;} .banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;} .banner-html5zoo .html5zoo-nav{ text-align:center;} .banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;} .banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .banner-html5zoo .html5zoo-text-wrapper-0{display: none !important;} .bannerSI .bx-wrapper .bx-viewport{ transform:none; -webkit-transform:none;} .bannerSI .bnSI{position:relative;} .bannerSI .bnSI .bnSize{ padding-bottom:30%;} .bannerSI .bnSI .bnImg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed;} /*---------------banner手机-------------------*/ .bannerTel ul,.bannerTel li{ margin:0; padding:0; list-style:none; } .bannerTel a{ display:block;} .bannerTel img{ max-width:100%; vertical-align:middle;} .bannerTel .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .bannerTel .swiper-slide.swiper-slide-prev,.bannerTel .swiper-slide.swiper-slide-next{ opacity:0.5;} .bannerTel .swiper-pagination-bullets{ bottom:1em !important;} .bannerTel .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;} .bannerTel .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;} .swiper-container-cube .swiper-cube-shadow{ display:none;} .bannerTel8 .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);} @media (max-width:480px){ .bannerTel .swiper-pagination-bullet-active{border-width:1px;} } /*main*/ .wrap-content-in{padding:20px 0;} .w-system{padding:40px 0;} .div-table .td-w{ vertical-align:top;} .div-table .td-w .div-padding{padding:0 15px;} .div-table .div-table .td-w .div-padding{padding:0 10px;} .pdTop-default{ padding-top:0 !important;} .pdTop-small{ padding-top:10px !important;} .pdTop-medium{ padding-top:20px !important;} .pdTop-big{ padding-top:30px !important;} .pdTop-large{ padding-top:40px !important;} .pdTop-oversize{ padding-top:50px !important;} .pdTop-huge{ padding-top:60px !important;} .pdBottom-default{ padding-bottom:0 !important;} .pdBottom-small{ padding-bottom:10px !important;} .pdBottom-medium{ padding-bottom:20px !important;} .pdBottom-big{ padding-bottom:30px !important;} .pdBottom-large{ padding-bottom:40px !important;} .pdBottom-oversize{ padding-bottom:50px !important;} .pdBottom-huge{ padding-bottom:60px !important;} .pdLeft-default{ padding-left:0 !important;} .pdLeft-small{ padding-left:10px !important;} .pdLeft-medium{ padding-left:20px !important;} .pdLeft-big{ padding-left:30px !important;} .pdLeft-large{ padding-left:40px !important;} .pdLeft-oversize{ padding-left:50px !important;} .pdLeft-huge{ padding-left:60px !important;} .pdRight-default{ padding-right:0 !important;} .pdRight-small{ padding-right:10px !important;} .pdRight-medium{ padding-right:20px !important;} .pdRight-big{ padding-right:30px !important;} .pdRight-large{ padding-right:40px !important;} .pdRight-oversize{ padding-right:50px !important;} .pdRight-huge{ padding-right:60px !important;} /*---------------------------引导页-----------------------*/ .guide-page{ min-height:100%; background-repeat:no-repeat; background-position:center;} /*----------------------------------------------------组件---------------------------------------------- Start*/ /*w-title*/ /*.w-title,.w-foot-main .w-title {font-size:120%;}*/ .title-h-in{ min-height:25px;} .w-text{min-height:25px; line-height:2; /*word-break:break-all; word-wrap:break-word;*/} .w-text ul,.w-text ul li{ list-style:inside disc;} .w-text ol,.w-text ol li{ list-style:inside decimal;} /*empty*/ .w-flash-empty{ height:150px; background:url(../images/flash-empty.png) no-repeat center;border:1px solid #ced0d2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:10px 0;text-align:center; cursor:pointer;} .image-empty{width:100%; border:1px solid #ced0d2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:10px 0;text-align:center;} /*w-single image*/ .w-simImg .img{ font-size:0; overflow:hidden;} .w-simImg img{max-width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .w-simImg a{display:block; text-decoration:none;} .w-img-border-Hairline img{ padding:1px;} .w-img-border-Thin img{ padding:3px;} .w-img-border-Medium img{ padding:5px;} .w-img-border-Thick img{ padding:10px;} .w-img-border-gray img{ border:1px solid #ddd;} .w-img-border-black img{ border:1px solid #000;} .w-simImg .w-img-caption{ padding-top:5px;} .w-img-lightbox{position:fixed; top:150px; left:500px; z-index:9;} .w-img-lightbox-in{ padding:10px; background:#fff;} .w-pop-close{ position:absolute; right:-10px; top:-10px; width:25px; height:25px; cursor:pointer;} .w-icon-close{width:25px; height:25px; display:inline-block; *zoom:1; background:url(../images/w-icon-close.png) no-repeat center;} .w-mask{ position:fixed; left:0; right:0; top:0; bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} /*w-mul-images*/ .multi-imgs ul,.multi-imgs li{ list-style:none; margin:0; padding:0;} .multi-imgs ul{ overflow:hidden;} .multi-imgs li{float:left; text-align:center;} .multi-imgs li .gallery-img a,.multi-imgs li .gallery-img div{ overflow:hidden;} /*w-delimiters*/ .w-delimiters-hor,.w-delimiters-ver{margin:auto; text-align:center;} .w-delimiters-hor .delimiters{ height:1px; border:0; background:#bbb; margin:0;} .w-delimiters-ver .delimiters{ width:1px; border:0; background:#bbb;margin:0;} /*w-button*/ .banner-btn .btn-default-w{ font-size:115%;} .btn-default-w{ border:none;display:inline-block; *zoom:1; *display:inline; padding:12px; cursor:pointer; line-height:1.2; font-size:100%; text-decoration:none;} .btn-black-w{border:none;display:inline-block; *zoom:1; *display:inline; padding:12px; cursor:pointer; line-height:1.2; background:#000; color:#fff;} .btn-global-w{border:none;display:inline-block; *zoom:1; *display:inline; padding:12px; cursor:pointer; line-height:1.2; background:#484848; color:#fff;} .btn-black-w:hover,.btn-black-w:focus, .btn-default-w:hover,.btn-default-w:focus, .btn-global-w:hover,.btn-global-w:focus{color:#fff;text-decoration:none;} .btn-small-w{ font-size:90%; padding:7px 15px;} /*w-searchbox*/ .search-w{display:inline-block; *display:inline; *zoom:1;} .search-defaut-w{ position:relative;max-width:400px; width:100%; } .w-system .search-defaut-w{ max-width:100%;} .search-defaut-w .input-search-w{ border:1px solid #ddd; background:#fff; padding:0 45px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;*width:80%; color:#666; line-height:3; height:3em; overflow:hidden; } .search-defaut-w .search-btn-w{ position:absolute; right:0; top:0; bottom:0; z-index:1; width:40px; background:url(../images/input-search.png) no-repeat center; padding:0; background-color:#fff;border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .search-defaut-w .search-btn-w span{display:none;} .search-defaut2-w .input-search-w{border:1px solid #ddd; background:#fff; padding:5px 10px; width:200px;} .search-defaut2-w .search-btn-w{ margin-left:10px; padding:5px 15px;} .search-defaut3-w{ position:relative;width:250px; } .search-defaut3-w .input-search-w{ border:1px solid #ddd; background:#fff; padding:5px 10px 5px 35px; } .search-defaut3-w .search-btn-w{ position:absolute; left:0; top:0; bottom:0; width:30px; background:url(../images/input-search.png) no-repeat center; } .search-defaut3-w .search-btn-w span{display:none;} /*w-gallery*/ .gallery-border{ border-color:#666; border-style:solid;} .gallery-img{ position:relative; overflow:hidden; z-index:1;} .gallery-img a{display:block; text-decoration:none;} .gallery-img img{ max-width:none; border-color:#666;border-style:solid; border-width:0;} .gallery-mar{ position:relative;} .gallery-aspectRatio{position: relative; overflow: hidden; width: 100%;} .gallery-img-in{ display:block;} .multi-imgs li .gallery-img img{ position: absolute;} /*.gallery-img .gallery-caption{position:absolute; bottom:0; left:0; right:0; display:none;} .gallery-img:hover .gallery-caption{ display:block;} .gallery-img .gallery-caption .gallery-captionbg{position:absolute;top:0; bottom:0; left:0; right:0; background:#000; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:0;} .gallery-img .gallery-caption .gallery-caption-text{ text-align:center; color:#fff; padding:10px; z-index:10; position:relative;word-break: break-all; word-wrap: break-word;} .gallery-img .gallery-caption-full{height:100%; font-size:24px;} .gallery-img .gallery-caption-full .gallery-caption-text{ display:table; height:100%; width:100%;} .gallery-img .gallery-caption-full .gallery-caption-text .gallery-caption-text-in{ display: table-cell; vertical-align: middle;} .caption-fadeInBottom .gallery-caption{ display:block; bottom:-100%;} .caption-fadeInBottom:hover .gallery-caption{ bottom:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; }*/ /*social media*/ .social-item{display:inline-block; *zoom:1; margin-right:5px; margin-bottom:5px; text-decoration:none;} .social-item i{ vertical-align:middle;} /*social-content*/ .icon-social{background:url(../images/icon-social-w.png) no-repeat; display:inline-block; *zoom:1;} .icon-social-facebook{ background-position:0 0; width:25px; height:25px;} .icon-social-twitter{ background-position:-25px 0; width:25px; height:25px;} .icon-social-linkedin{ background-position:-50px 0; width:25px; height:25px;} .icon-social-mail{ background-position:-75px 0; width:25px; height:25px;} .icon-social-instagram{ background-position:-100px 0; width:25px; height:25px;} .icon-social-flickr{ background-position:-125px 0; width:25px; height:25px;} .icon-social-pinterest{ background-position:-150px 0; width:25px; height:25px;} .icon-social-google{ background-position:-175px 0; width:25px; height:25px;} .icon-social-rss{ background-position:0 -25px; width:25px; height:25px;} .icon-social-yahoo{ background-position:-25px -25px; width:25px; height:25px;} .icon-social-vimeo{ background-position:-50px -25px; width:25px; height:25px;} .icon-social-dribbble{ background-position:-75px -25px; width:25px; height:25px;} .icon-social-youtube{ background-position:-100px -25px; width:25px; height:25px;} .icon-social-douban{ background-position:-125px -25px; width:25px; height:25px;} .icon-social-pengyouquan{ background-position:-150px -25px; width:25px; height:25px;} .icon-social-weixin{ background-position:-175px -25px; width:25px; height:25px;} .icon-social-QQ{ background-position:0 -50px; width:25px; height:25px;} .icon-social-zhihu{ background-position:-25px -50px; width:25px; height:25px;} .icon-social-renren{ background-position:-50px -50px; width:25px; height:25px;} .icon-social-tenxun{ background-position:-75px -50px; width:25px; height:25px;} .icon-social-xinlang{ background-position:-100px -50px; width:25px; height:25px;} .icon-social-QQkongjian{ background-position:-125px -50px; width:25px; height:25px;} .icon-social-dazong{ background-position:-150px -50px; width:25px; height:25px;} .icon-social-tianya{ background-position:-175px -50px; width:25px; height:25px;} .icon-social-kaixin{ background-position:0 -75px; width:25px; height:25px;} .icon-social-pengyouweb{ background-position:-25px -75px; width:25px; height:25px;} /*social-top*/ .socialBox .icon-social{background-image:url(../images/icon-social-w.png);} .custom-text{ white-space:nowrap;} /*表单*/ .w-form-code{margin-bottom:1em;} .w-form-code .w-text-form{margin-right: 8px;width: 100px;} .w-form-code img{ height:2em; cursor:pointer; margin-top:-3px;} /*进度条*/ .progress_railbox_x{ position:relative; padding-right:10em; padding-left:20px; margin-bottom:0.5em;} .progress_railbox_x .progress_rail_x{ width:100%; background:#eeeeee;background-image: -webkit-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -moz-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -o-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: -ms-linear-gradient(bottom, #d5d5d5, #eeeeee); background-image: linear-gradient(to top, #d5d5d5, #eeeeee); FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#eeeeee, endColorStr=#d5d5d5); height:1em; margin-top:0.1em;} .progress_railbox_x .progress_rail_x .progress_rail_cur_x{height:1em;} .progress_railbox_x .progress_count_x{ position:absolute; right:0; top:0; width:9.7em; line-height:1.2;} .progress_railbox_x .progress_count_x span{ line-height:1.2 !important; margin-left:0 !important; padding:0 0.2em;} .progress_color1 .progress_rail_x .progress_rail_cur_x{background:#41C6F1;} .progress_color1 .progress_count_x .percentage_sum_x{ color:#41C6F1;} .progress_color2 .progress_rail_x .progress_rail_cur_x{background:#E92725;} .progress_color2 .progress_count_x .percentage_sum_x{ color:#E92725;} .progress_color3 .progress_rail_x .progress_rail_cur_x{background:#85D62C;} .progress_color3 .progress_count_x .percentage_sum_x{ color:#85D62C;} .progress_color4 .progress_rail_x .progress_rail_cur_x{background:#DE2C7A;} .progress_color4 .progress_count_x .percentage_sum_x{ color:#DE2C7A;} .progress_color5 .progress_rail_x .progress_rail_cur_x{background:#F4BA4A;} .progress_color5 .progress_count_x .percentage_sum_x{ color:#F4BA4A;} .progress_color6 .progress_rail_x .progress_rail_cur_x{background:#40589D;} .progress_color6 .progress_count_x .percentage_sum_x{ color:#40589D;} .progress_color7 .progress_rail_x .progress_rail_cur_x{background:#F95B57;} .progress_color7 .progress_count_x .percentage_sum_x{ color:#F95B57;} .progress_color8 .progress_rail_x .progress_rail_cur_x{background:#00CE9B;} .progress_color8 .progress_count_x .percentage_sum_x{ color:#00CE9B;} .progress_color9 .progress_rail_x .progress_rail_cur_x{background:#1021EF;} .progress_color9 .progress_count_x .percentage_sum_x{ color:#1021EF;} .progress_color10 .progress_rail_x .progress_rail_cur_x{background:#FF00FF;} .progress_color10 .progress_count_x .percentage_sum_x{ color:#FF00FF;} /*w-survey*/ .w-survey-section{margin-bottom:1em;} /*w-form*/ .w-form label{ display:block; margin-bottom:0.1rem; } .w-form-section{margin-bottom:1em;} .w-form-name .w-form-left{ float:left; width:40%; margin-right:4.9%; } .w-form-name .w-form-right{ float:left; width:55%; } .w-text-form,.w-textarea-form{ border:1px solid #dadada; padding:8px 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; min-height:2.7em;} .w-textarea-form{ height:8em;} .w-form-filebox{border:1px solid #dadada; padding:0.5em;} .w-form-filebox .w-form-file-upload .btn-default-w{ margin-right:0.5em;} .w-instruction{ position:absolute; border:1px solid #ddd;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2); padding:10px; background:#f3f3f3; z-index:1000; width:150px; } .w-icon-left{position:absolute; top:50%; margin-top:-6px; width:12px; height:12px; left:-11px; background:url(../images/pop-left.png) no-repeat; display:inline-block; *zoom:1;} .w-form-section{position:relative;} .w-question-title{ margin-bottom:0.1rem;} .w-instruction{ color:#666;} .dl_three_form{ margin: 0 -8px;} .dl_three_form dd{ float: left; width:33.33%;} .dl_three_form dd > div{ margin: 0 8px;} .dl_three_form dd .w-select-box{ margin-bottom: 0;} .w-form-submit .w-buttom .btn-default-w{ padding:8px 25px; line-height:1.5; min-width:10em; text-align:center; font-size:105%;} .w-form-area select{ width:32%; margin-right:1.95%;font-size:100%;float: left; display: block;color:#666; padding:8px 10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;min-height:2.9em;border:1px solid #dadada; background:url(../images/icon_select.png) no-repeat right center #fff;} .w-form-area select:last-of-type{margin-right: 0;} .w-form-area select::-ms-expand { display: none;} /*----------1.3新增----------*/ .w-form-UL .w-label-form,.w-form-UL .w-question-title{ float:left; width:6em; text-align:right; margin-bottom:0; padding-top:8px; } .w-form-UL .w-question-title{ padding-top:3px;width:6em;} .w-form-UL .w-form-select .w-question-title{padding-top:8px;} .w-form-UL .w-form-fr{ margin-left:6.5em; } .w-form-UL .dl_three_form .w-question-title{width:3em;} .w-form-UL .dl_three_form .w-form-fr{ margin-left:3.5em; } /*radio*/ .w-options .w-option{ display:block;} .w-option{ position:relative; overflow:hidden;cursor:pointer; vertical-align:middle;} .w-option .radiohidden{ opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-option input[type="hidden"].checked + label:after{ opacity: 1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-option input[type="hidden"].checked + label { background:url(../images/radio_selected.png) no-repeat center;} .w-option .radio-simulation { width: 16px; height: 16px; top:1em; margin-top:-8px; cursor: pointer; position: absolute; left:0; background:url(../images/radio.png) no-repeat center; } .w-option label::after { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-option span{ margin-left:20px; line-height:2; } /*checkbox*/ .w-checkboxs .w-checkbox{ display:block;} .w-checkbox{ position:relative; overflow:hidden;cursor:pointer; vertical-align:middle; } .w-checkbox .checkboxhidden{ opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);position: absolute;} .w-checkbox input[type="checkbox"].checked + label:after{ opacity: 1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-checkbox input[type="checkbox"].checked + label { background:url(../images/checkbox_selected.png) no-repeat center;} .w-checkbox .checkbox-simulation { width: 15px; height: 15px; top:1.1em; margin-top:-8px; cursor: pointer; position: absolute; left:0; border:1px solid #d0d0d0; } .w-checkbox label::after { opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-checkbox span{ padding-left:20px; line-height:2; } /*select*/ .w-select-box { _display:inline; border:1px solid #dadada; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; margin-bottom:15px; background-color:#fff; color: #555; } .w-select-dl { position:relative; width:100%; } .w-select-dl .w-select-dt { cursor:pointer; height:2.7em; line-height:2.7; overflow:hidden; position:relative; } .w-select-dl .w-select-dt .selected{padding-left:15px; padding-right:40px;} .w-select-dl .w-select-dt .select-icon{width:39px; height:37px; line-height:37px; position:absolute; top:50%; margin-top:-18px; right:0; background:url(../images/icon_select.png) no-repeat right center;} .w-select-dl .w-select-dt .select-down{ background:url(../images/icon_select.png) no-repeat right center;} .w-select-option { /*width:100%;*/ position:absolute; left:-1px; right:-1px; top:2.7em; border:1px solid #dadada; background:#fff; color:#666; z-index:9999; max-height:130px; overflow:auto; white-space:nowrap; display:none; } .w-select-option div { cursor:pointer; padding:5px 15px; border-bottom:1px solid #dadada; } .w-select-option div:hover { background:#fafafa; } /*--日历--*/ .w-calendar{position:relative; width:100%;} .w-calendar .input-calendar{ padding-right:30px; min-height:2.7em; } .w-calendar .icon_calendar{ position:absolute; top:50%; margin-top:-8px; right:5px; width:17px; height:17px; background:url(../images/calendar.gif) no-repeat center; cursor:pointer;} /*w-file*/ .w-file a{ cursor:pointer; display:block;} .w-file .w-file-img{ width:35px; height:48px;} .w-file .w-file-info{color:#333;} .w-file .w-file-info span{display:block;} .w-file a:hover .w-file-info span{ text-decoration:underline;} .w-fileNew{position:relative;} .w-fileNew .w-file-info{ margin-right:6em;} .w-fileNew .w-file-pdf{ margin-right:11em;} .w-fileNew .w-file-info .icon_file{ display:block; float:left; width:35px; height:35px; background:url(../images/icon_fileNew.png) no-repeat; } .w-fileNew .w-file-info .icon_file1{ background-position:0 0;} .w-fileNew .w-file-info .icon_file2{background-position:-35px 0;} .w-fileNew .w-file-info .icon_file3{background-position:-70px 0;} .w-fileNew .w-file-info .icon_file4{background-position:-105px 0;} .w-fileNew .w-file-info .icon_file5{background-position:-140px 0;} .w-fileNew .w-file-info .icon_file6{background-position:-210px 0;} .w-fileNew .w-file-info .icon_fileEmpty{background-position:-175px 0;} .w-fileNew .w-file-info .w-file-name{ margin-left:42px; line-height:35px;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-fileNew .w-file-opt{position:absolute; right:0; top:0; line-height:35px;} .w-fileNew .w-file-opt a{ display:inline-block; *display:inline; *zoom:1; margin:0 0.5em;} .w-fileNew-btn .w-file-opt a{ color:#fff; text-decoration:none; padding:0 0.8em; line-height:30px; margin-top:2px;} .w-fileNew-btn .w-file-info{ margin-right:7.6em;} .w-fileNew-btn .w-file-pdf{ margin-right:14.2em;} /*----w-file 拓展----------*/ .bg_ffffff{ background: #ffffff;} .bg_f2f2f2{ background: #f2f2f2;} .bg_cccccc{ background: #cccccc;} .bg_999999{ background: #999999;} .bg_797979{ background: #797979;} .color_d0d0d0{ color:#d0d0d0;} .w-fileNN1{padding:20px; border: 1px solid #e0e0e0; margin-bottom: 10px; position: relative;} .w-fileNN1 .w-file-info{padding-right:65px;} .w-fileNN1 .w-file-info .icon_file{ float: left; display: block; width:4em; height: 4em; background:url(../images/icon_fileNN1.png) no-repeat #307CF8; background-size: 4em 28em; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden;} .w-fileNN1 .w-file-info .icon_file1{ background-position:0 -4em; background-color: #2C97FF;} .w-fileNN1 .w-file-info .icon_file2{background-position:0 -8em; background-color: #FF5855;} .w-fileNN1 .w-file-info .icon_file3{background-position:0 -12em;} .w-fileNN1 .w-file-info .icon_file4{background-position:0 -16em; background-color: #1FBB7D;} .w-fileNN1 .w-file-info .icon_file5{background-position:0 -20em; background-color: #F99506;} .w-fileNN1 .w-file-info .icon_file6{background-position:0 -24em; background-color: #EC5840;} .w-fileNN1 .w-file-info .icon_fileEmpty{background-position:0 0; background-color: #F7B500;} .w-fileNN1 .w-file-info .w-file-text{ margin-left:5em; line-height: 1.8; padding-top: 5px;} .w-fileNN1 .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; display: inline-block; *display:inline; *zoom:1; max-width: 90%;} .w-fileNN1 .w-file-info .w-file-text .dec{font-size: 92%;} .w-fileNN1 .w-fileNN-btn .w-file-load{display:block; position: absolute; right:20px; top:50%; margin-top:-17px; width:60px; height: 34px; border-radius: 40px; -webkit-border-radius: 40px;} .w-fileNN1 .w-fileNN-btn .w-file-load .icon_downLoad_x1{ display:block;position: absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; width:32px; height: 32px; background: url(../images/icon_download1.png) no-repeat center;} .w-fileNN1 .w-fileNN-btn .w-file-load:hover .icon_downLoad_x1{background-image: url(../images/icon_download1_0.png);} .w-fileNN1 .w-file-info .filepreview_a{ display: inline-block; *display:inline; *zoom:1; width:1.5em; height: 1.5em; position: relative; margin-left: 10px; vertical-align: middle; line-height: 1; visibility: hidden;} .w-fileNN1 .w-file-info .filepreview_a .icon_preview_x{ content: ''; position: absolute; width:24px; height: 26px; left:0; top:50%; margin-top:-13px; display: inline-block; *display:inline; *zoom:1; background: url(../images/icon_preview1.png) no-repeat center;} .w-fileNN1:hover .w-file-info .filepreview_a{ visibility: visible;} .w-fileNN1 .w-file-info .filepreview_a:hover .icon_preview_x{background-image: url(../images/icon_preview1_0.png);} .w-fileNN2{padding:15px 10px; border-bottom: 1px dashed #e9e9e9; position: relative;} .w-fileNN2 .w-file-info{ padding-right: 6em;} .w-fileNN2 .w-file-info .w-file-text{line-height: 1.8;} .w-fileNN2 .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; display: inline-block; *display:inline; *zoom:1; max-width: 90%;} .w-fileNN2 .w-file-info .w-file-text .dec{font-size: 92%;} .w-fileNN2 .w-file-info .filepreview_a{ display: inline-block; *display:inline; *zoom:1; width:1.5em; height: 1.5em; position: relative; margin-left: 10px; vertical-align: middle; line-height: 1; visibility: hidden;} .w-fileNN2 .w-file-info .filepreview_a .icon_preview_x{ content: ''; position: absolute; width:24px; height: 26px; left:0; top:50%; margin-top:-13px; display: inline-block; *display:inline; *zoom:1; background: url(../images/icon_preview1.png) no-repeat center;} .w-fileNN2:hover .w-file-info .filepreview_a{ visibility: visible;} .w-fileNN2 .w-file-info .filepreview_a:hover .icon_preview_x{background-image: url(../images/icon_preview1_0.png);} .w-fileNN2 .w-fileNN-btn .w-file-load{display:block; position: absolute; right:10px; top:50%; margin-top:-1.1em; width:5em; line-height: 2.2em; text-align: center; color: #444; text-decoration: none;} .w-fileNN2 .w-fileNN-btn .w-file-load:hover{ color:#fff;} .w-fileNN3{padding:25px 20px; border-bottom: 1px solid #eee; position: relative;} .w-fileNN3:hover{ background: #f2f2f2;} .w-fileNN3 .w-file-info{ padding-right: 4.5em;} .w-fileNN3 .w-file-info .w-file-text{line-height: 1.8;} .w-fileNN3 .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; display: inline-block; *display:inline; *zoom:1; max-width: 90%;} .w-fileNN3 .w-file-info .w-file-text .dec{font-size: 92%;} .w-fileNN3 .w-file-info .filepreview_a{ display: inline-block; *display:inline; *zoom:1; width:1.5em; height: 1.5em; position: relative; margin-left: 10px; vertical-align: middle; line-height: 1; visibility: hidden;} .w-fileNN3 .w-file-info .filepreview_a .icon_preview_x{ content: ''; position: absolute; width:24px; height: 26px; left:0; top:50%; margin-top:-13px; display: inline-block; *display:inline; *zoom:1; background: url(../images/icon_preview1.png) no-repeat center;} .w-fileNN3:hover .w-file-info .filepreview_a{ visibility: visible;} .w-fileNN3 .w-file-info .filepreview_a:hover .icon_preview_x{background-image: url(../images/icon_preview1_0.png);} .w-fileNN3 .w-fileNN-btn .w-file-load{display:block; position: absolute; right:25px; top:50%; margin-top:-0.5em; font-size: 280%; line-height: 1;} .w-fileNN3 .w-fileNN-btn .w-file-load .fa-cloud-download{ font-size: 100%;} /*w-RSS*/ .w-RSSBox .w-RSS-title{ border-bottom:1px dashed; padding:0.2em 1em; text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-RSSBox .w-RSS-list{padding:0.5em 1em;} .w-RSSBox .w-RSS-list li{ padding:0.5em 0; border-bottom:1px dashed;} .w-RSSBox .w-RSS-list li .w-RSS-item h3{text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;} /*w-audio*/ .w-audio-in{ width:441px;} .w-audio-control{ background:#323A3C; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff;} .w-audio-control > div.w-audio-con{ float:left; border-right:1px solid #101514; border-left:1px solid #485153; padding:5px 10px;} .w-audio-control > div.w-audio-con:first-child{ border-left:none;} .w-audio-control > div.w-audio-con:last-child{ border-right:none;} .w-audio-play{overflow:hidden; cursor:pointer;} .w-audio-play .w-audio-play-btn{ display:block; float:left; height:20px; width:20px; background:url(../images/play.png) no-repeat center;} .w-audio-play .w-audio-stop-btn{ background:url(../images/stop.png) no-repeat center;} .audio-rail{background:#999; height:7px; cursor:pointer; position:relative;} .rail-span{ background:#fff; height:7px; display:block;} .w-audio-control > div.w-audio-time-rail{ padding:12px 10px; } .w-audio-time-rail .time-rail{width:170px;} .rail-point{ position:absolute; left:10px; bottom:7px; padding-bottom:6px;} .rail-point .icon-rail-point{ position:absolute; bottom:0; width:100%; height:7px; background:url(../images/pop-up-gray.png) no-repeat center bottom;} .rail-point span{padding:5px 10px; display:inline-block; color:#fff; background:#323A3C; border:1px solid #101514; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .w-audio-sound{overflow:hidden;} .w-audio-sound .sound-btn{ display:block; float:left; height:22px; width:30px; background:url(../images/sound.png) no-repeat center; cursor:pointer;} .w-audio-sound .nosound-btn{background:url(../images/nosound.png) no-repeat center;} .w-audio-sound .w-audio-sound-rail{display:block; float:left; padding:7px 0; } .w-audio-sound-rail .sound-rail{width:40px;} .w-audio-info{text-align:center;} /*w-video*/ .w-video{max-width:100%; margin:0 auto; position:relative;} .w-video .w-video-in{ display:inline-block; *display:inline; *zoom:1; position:relative; width:100%;} .w-video-small{ width:50%;} .w-video-medium{ width:60%;} .w-video-large{ width:75%;} .w-video-extraLarge{ width:80%;} .w-video-HD{ width:90%;} .bc-image{position:absolute; cursor:pointer; overflow: hidden;} .bc-image .icon_video{position:absolute; z-index:1; left:50%; margin-left:-28px; top:50%; margin-top:-28px; width:57px; height:57px; background:url(../images/img/icon_link2.png) no-repeat center;} .w-video.animated{-webkit-animation-fill-mode: none;animation-fill-mode: none;} /*slide*/ .slide-page{ text-align:center;} .w-slide img{ vertical-align:bottom; max-width:100%;} .w-slide-content{ width:100%; position:relative; height:100%;} .slide-panel,.slide-item{position:absolute;left:0;top:0;width:100%;height:100%; overflow:hidden; display:block;} .slide-item-div{position:absolute;left:50%;top:50%;} .slide-item-div-inner{position:absolute;} /* overlay */ .w-slide .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; } /* prev / next links */ .w-slide .cycle-prev, .w-slide .cycle-next { position: absolute; top: 0; width: 30%; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index: 800; height: 100%; cursor: pointer; } .w-slide .cycle-prev { left: 0; background: url(../images/left.png) 50% 50% no-repeat;} .w-slide .cycle-next { right: 0; background: url(../images/right.png) 50% 50% no-repeat;} .w-slide .cycle-prev:hover, .w-slide .cycle-next:hover { opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .show-control .cycle-prev,.show-control .cycle-next,.show-control .cycle-prev:hover, .show-control .cycle-next:hover { opacity:1; *filter:alpha(opacity=1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=1); } .w-slide .disabled { opacity: .5; filter:alpha(opacity=50); } /* display paused text on top of paused slideshow */ .w-slide .cycle-paused:after { content: 'Paused'; color: white; background: black; padding: 10px; z-index: 500; position: absolute; top: 10px; right: 10px; border-radius: 10px; opacity: .5; filter: alpha(opacity=50); } .cycle-slideshow .cycle-slideshow-div{position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; height:100%; overflow:hidden;} .cycle-slideshow .cycle-slideshow-div img{vertical-align:bottom; max-width:100%;} .w-slide .slide-caption{position:absolute; left:0; right:0; bottom:0;} .slide-caption-top .slide-caption{ top:0; bottom:auto; z-index:10;} .w-slide .slide-caption .slide-captionbg{position:absolute;top:0; bottom:0; left:0; right:0; background:#000; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:0;} .w-slide .slide-caption .slide-caption-text{text-align:center; color:#fff; padding:10px; z-index:10; position:relative;word-break: break-all; word-wrap: break-word;} .w-slide-page-num .slide-page{ overflow:hidden; } .w-slide-page-num .w-page-bottom .slide-page{white-space:nowrap;} .w-slide-page-num .slide-page a{padding:0 5px; min-width:25px; height:25px; line-height:25px; background:#525F63; color:#fff; margin:5px; display:inline-block; text-align:center; text-decoration:none;} .w-slide-page-num .slide-page a.active{ background:#31393B;} .w-slide-page-num .w-page-top{ position:relative;margin-top:35px;} .w-slide-page-num .w-page-top .slide-page{ position:absolute; left:0; right:0; top:-35px; white-space:nowrap;} .w-slide-page-num .w-page-left{ position:relative;margin-left:35px;} .w-slide-page-num .w-page-left .slide-page{ position:absolute; left:-35px; top:0; width:35px; } .w-slide-page-num .w-page-right{ position:relative;margin-right:35px;} .w-slide-page-num .w-page-right .slide-page{ position:absolute; right:-35px; top:0; width:35px; } .w-slide-page-img .slide-page{ overflow:hidden; z-index:9;} .w-slide-page-img .slide-page a{ padding:5px; display:inline-block;*display:inline; *zoom:1;opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } .w-slide-page-img .w-page-left .slide-page a,.w-slide-page-img .w-page-right .slide-page a{ display:block;} .w-slide-page-img .w-page-left .slide-page a img,.w-slide-page-img .w-page-right .slide-page a img{display:block;} .w-slide-page-img .slide-page a.active{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-slide-page-img .slide-page img{ width:70px; height:70px;} .w-slide-page-img .w-page-bottom .slide-page{white-space:nowrap;} .w-slide-page-img .w-page-top{ position:relative;margin-top:80px;} .w-slide-page-img .w-page-top .slide-page{ position:absolute; left:0; right:0; top:-80px; white-space:nowrap;} .w-slide-page-img .w-page-left{ position:relative;margin-left:75px;} .w-slide-page-img .w-page-left .slide-page{ position:absolute; left:-75px; top:0; width:75px; margin-top:0; } .w-slide-page-img .w-page-left .slide-page a{ padding-left:0;} .w-slide-page-img .w-page-right{ position:relative;margin-right:75px;} .w-slide-page-img .w-page-right .slide-page{ position:absolute; right:-75px; top:0; width:75px;margin-top:0; } .w-slide-page-img .w-page-right .slide-page a{ padding-right:0;} .w-slide-page-num .w-page-left .slide-page,.w-slide-page-num .w-page-right .slide-page,.w-slide-page-img .w-page-left .slide-page,.w-slide-page-img .w-page-right .slide-page{ max-height:100%; overflow-y:hidden;} /*google adsense*/ .w-ad{padding:10px;} .w-ad a{text-decoration:underline;} /*走马灯*/ .w-lantern{position:relative; text-align:center;} .w-lantern ul,.w-lantern li{list-style:none;} .w-lantern li .lantern-item-in{position:relative;overflow:hidden;} .w-lantern .text_in{ padding:0.5em 0;} .w-lantern-text-mask li .textbox{ position:absolute; height:100%; right:0; bottom:-100%; left:0;} .w-lantern-text-mask li:hover .textbox{ bottom:0;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;} .w-lantern-text-mask li .textbox .textbox_mask{position:absolute; top:0; right:0; bottom:0; left:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-lantern-text-mask li .textbox .text{ display:table; width:100%; height:100%; position:relative; z-index:1;} .w-lantern-text-mask li .textbox .text .text_in{ display:table-cell; vertical-align:middle; color:#fff; padding:1em;} .w-lantern-h .w-lantern-in{ padding:0 15px; } .w-lantern-h li{ width:25%; float:left;} .w-lantern-h li img{max-width:100%; border:0px solid;} .w-lantern-h li .lantern-item{padding:0 4px;} .w-lantern-h .lantern_pre,.w-lantern-h .lantern_next{ position:absolute; top:50%; margin-top:-32px; width:14px; height:65px; background-color:#C5C5C5; background-repeat:no-repeat; background-position:center; cursor:pointer;} .w-lantern-h .lantern_pre{ left:0; background-image:url(../images/lantern_pre.png);} .w-lantern-h .lantern_next{ right:0; background-image:url(../images/lantern_next.png);} .w-lantern-v .w-lantern-in{ padding:15px 0; } .w-lantern-v li img{max-height:100%; max-width:100%; border:0px solid;} .w-lantern-v li .lantern-item{padding:4px 0;height:100%; } .w-lantern-v li .lantern-item .lantern-item-in{height:100%;} .w-lantern-v .lantern_pre,.w-lantern-v .lantern_next{ position:absolute; left:50%; margin-left:-32px; height:14px; width:65px; background-color:#C5C5C5; background-repeat:no-repeat; background-position:center; cursor:pointer;} .w-lantern-v .lantern_pre{ top:0; background-image:url(../images/lantern_pre_v.png);} .w-lantern-v .lantern_next{ bottom:0; background-image:url(../images/lantern_next_v.png);} .w-lantern-marquee .w-lantern-in{padding:0 !important;} .w-lantern-marquee .lantern_pre,.w-lantern-marquee .lantern_next{ display:none;} .pageState span{ background:#ddd; width:6px; height:6px; display:inline-block;} .pageState span.active{background:#f00;} .w-lantern-pdHairline img{padding:1px; border:1px solid #D9D9D9;} .w-lantern-pdThin img{padding:3px; border:1px solid #D9D9D9;} .w-lantern-pdMedium img{padding:5px; border:1px solid #D9D9D9;} .w-lantern-pdThick img{padding:10px; border:1px solid #D9D9D9;} /*------------------------------------------组件--------------------------------------------------- end*/ /*---------------------面包屑-----------------------------*/ .w-breadcrumbs{ margin-bottom:1em;} .w-breadcrumbs a{ text-decoration:none;} .w-breadcrumbs a:hover{ text-decoration:underline;} /*----------------------翻页------------------------------*/ .w-pages{ margin:1em; text-align:right; line-height:1.5;} .w-pages a{ padding:0.2em 0.5em; background:none; color:#666; border:1px solid #bbb;margin:0 0.3em; text-decoration:none; display:inline-block; margin-bottom:0.5em;} .w-pages a.cur{border:0; color:#DD0000;} .w-pages a.disabled,.w-pages a.disabled:hover{ cursor:default; opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); color:#666;} .upload_more,.upload_wait{ text-align:center; line-height:2.5; font-size:115%; background:#eee;} .upload_wait .icon_upload{ display:inline-block; *display:inline; *zoom:1; width:1.5em; height:1.5em; vertical-align:middle; margin-right:0.5em; background:url(../images/loading.gif) no-repeat center; background-size: contain;} /*----------------------菜单 start-------------------------------*/ .menu_simpline_cur{display:none;} .w-com-menu ul,.w-com-menu li{ margin:0; padding:0; list-style:none;} .w-com-menu a{ text-decoration:none;font-size:110%;} .w-com-menu .div-parent{ position:relative; } .w-com-menu .fa{ display:none; position:absolute; top:0;bottom:0; right:0.5em; width:2em; line-height:2em; text-align:center; font-size:150%; color:#fff; z-index:1; cursor:pointer;} .w-com-menu li.open > .div-parent >.fa-plus:before{content: "\f068";} /*.w-com-menu li:hover > .div-parent >.fa-plus:before{content: "\f068";}*/ .w-com-menu .ul-submenu{ display:none;} .w-com-menu-H{text-align:center; margin-bottom:30px;} .w-com-menu-H .systitle{ display:none;} .w-com-menu-H ul,.w-com-menu-H li{*vertical-align:top;} .w-com-menu-H .div-parent{ *position:static; } .w-com-menu-H li{ display:inline-block; *display:inline; *zoom:1; margin:0 45px; position:relative; *vertical-align:top;} .w-com-menu-H li a{ color:#898989; line-height:26px; } .w-com-menu-H .ul-submenu{ position:absolute; z-index:2; top:26px; padding-top:7px; } .w-com-menu-H li:hover > .ul-submenu{ display:block;} .w-com-menu-H .ul-submenu .ul-submenu-up{background:url(../images/icon_submenu_up.png) no-repeat center bottom; position:absolute; top:0; left:0; right:0; height:7px; display:none;} .w-com-menu-H .ul-submenu li{ margin:0; display:block; float:left; } .w-com-menu-H .ul-submenu li a{ padding:0 20px; color:#898989; display:block; white-space:nowrap; } .w-com-menu-H .ul-submenu .ul-submenu{ background:#fff;} /*--------------------------扩展新增----------------------------*/ .w-com-menuNH{ margin-bottom: 40px;} .w-com-menuNH .systitle{ background: none;} .w-com-menuNH > .w-com-menu-in{ position:relative; z-index:1;} .w-com-menuNH >.w-com-menu-in:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} .w-com-menuNH ul,.w-com-menuNH li{ margin:0; padding:0; list-style:none;} .w-com-menuNH a{ text-decoration:none; display:block; color:#333;} .w-com-menuNH > .w-com-menu-in > .ul-parent:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .w-com-menuNH li{ float: left;} .w-com-menuNH > .w-com-menu-in > ul > li{ position:relative;} .w-com-menuNH .div-parent{ position:relative; } .w-com-menuNH .fa{ display:none; cursor:pointer;} .w-com-menuNH .ul-submenu{ display:none; position:absolute; z-index:2; padding-top: 10px;} .w-com-menuNH .ul-submenu li a{ padding:0 15px; color:#666; white-space:nowrap; } .w-com-menuNH .ul-submenu .ul-submenu{padding-top: 0;} .w-com-menuNH .ul-submenu li:hover> .div-parent >a,.w-com-menuNH .ul-submenu li.cur> .div-parent >a{ color:#f60; } /*--------------------------扩展新增 end----------------------------*/ .w-com-menu-V{ padding-top:0;} .w-com-menu-V li{*position:relative;} .w-com-menu-V .fa{ *bottom:auto;} .w-com-menu-V .div-parent{ *overflow:hidden; *vertical-align:bottom; *position:static;} .w-com-menu-V li a{display:block; padding:8px 30px 8px 8px;} .w-com-menu-V .fa{ display:block; right:0;} .w-com-menu-V a{ color:#fff;} .w-com-menu-V > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu{ display:block;} /*-------------纵向菜单扩展-------------------*/ .w-com-menuNV .div-parent{position: relative;} .w-com-menuNV li a{display:block; } .w-com-menuNV li a:hover{text-decoration: none;} .w-com-menuNV .fa{ display:block; } .w-com-menuNV .ul-submenu{ display: none;} .w-com-menuNV > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu{ display:block;} .w-com-menuNVClick > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu{ display:none;} /*-------------纵向菜单扩展 end-------------------*/ .side_left{ margin-left:270px;} .side_bar{ width:250px; float:left;} .systitle{ padding:10px; text-align:center; font-size:20px;} .crumbs{ padding-bottom:16px; background:url(../images/crumbbg.png) repeat-x bottom; margin-bottom:20px; line-height:2.5;} .crumbs .separate_span{ padding:0 0.5em;} .w-system .w-searchbox{ margin-bottom:1em;} /*----------------------菜单 end-------------------------------*/ /*---------------------------产品--------------------------------*/ /*产品列表*/ .w-prd-list-cell a{ text-decoration:none;} .w-prd-list-cell a:hover{ text-decoration:underline;} .w-prd-list-cell{ float:left; margin-bottom:1em;} /*.w-prd-list-cell .w-prd-con{overflow:hidden;}*/ .w-prd-list-cell .w-prd-con:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} .w-prd-list-cell .w-prd-con{ zoom:1;} .w-prd-list-cell .w-prd-con > a{ display:block; text-decoration:none;} .w-prd-list-cell .w-prd-con > a::after{content:""; display:block; clear:both; height:0; visibility:hidden;} .w-prd-list-cell .w-prd-con > a:hover{ text-decoration:none;} .w-prd-list-cell .w-prd-imgbox{ text-align:center;} .w-prd-list-cell .w-prd-imgbox a{ display:block; } .w-prd-list-cell .w-prd-imgbox img{width:100%;} .w-prd-list-cell .w-prd-infobox h2{ font-size:110%; margin-top:0; margin-bottom:0.5em; font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-prd-list-cell .w-prd-price-groups{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; margin-bottom:0.5em; } .w-prd-list-cell .w-prd-price-groups-hover{ position:absolute; padding:5px; z-index:1; background:#eee; color:#000;} .w-prd-list-cell .w-prd-price-groups > div{ display:inline; font-size:110%;} .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit{opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); text-decoration:line-through;} .w-prd-list-cell .w-prd-price-groups .product-price-prefix{ font-weight:bold;} .w-prd-list-cell .w-prd-sum{margin-bottom:0.5em; overflow: hidden; } .w-prd-list-cell .w-prd-btns{margin-top:0.5em; display: none;} .w-prd-list-cell .w-prd-btns a{ text-decoration:none;padding:7px 15px; border:1px solid #a1a1a1; display:inline-block; *display:inline; *zoom:1; margin-bottom:0.5em;} .w-prd-list-with-sidebar{ margin-left:210px;} .w-breadcrumbs{ margin-bottom:30px;} .w-prd-list .w-prd-list-title{ font-weight:bold; margin-bottom:0.5em; font-size:130%;} .w-prd-list1{ margin-left:-10px; margin-right:-10px;} .w-prd-list1 .w-prd-list-cell-in{padding:0 10px} .w-prd-list1 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-prd-list2 .w-prd-list-cell-in{ overflow:hidden;} .w-prd-list2 .w-prd-list-cell{ width:100%;} .w-prd-list2 .w-prd-list-cell .w-prd-imgbox{ width:25%; float:left;} .w-prd-list2 .w-prd-list-cell .w-prd-infobox{ margin-left:25%;} .w-prd-list2 .w-prd-list-cell .w-prd-infobox{ padding:0 1em;} .w-prd-list3 ul,.w-prd-list3 li{ list-style:none; padding:0; margin:0;} .w-prd-list3 li{position:relative; float:left; margin-bottom:0; } .w-prd-list3 li .w-prd-con{-webkit-perspective:400px;perspective:400px; position:relative;overflow:hidden;} .w-prd-list3 .w-prd-infobox{-webkit-transform:rotate3d(1,0,0,90deg); transform:rotate3d(1,0,0,90deg); width:100%; height:100%; position:absolute; top:0; left:0; pointer-events:none; color:#fff; overflow:hidden; } .w-prd-list3.prd_imgbgBlack .w-prd-infobox{ z-index:10;} .w-prd-list3 li .mask{ position:absolute; left:0; right:0; bottom:0; top:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-prd-list3 .w-prd-infobox h2{ font-size:115%; margin:0 0 0.3em;} .w-prd-list3 .w-prd-infobox .prd-tb{ position:relative; z-index:10;display: table;height: 100%;width: 100%;} .w-prd-list3 .w-prd-infobox .prd-td{display: table-cell;vertical-align: middle; height: 100%;width: 100%;} .w-prd-list3 .w-prd-infobox .prd-txt{padding:15px; } .w-prd-list3 .w-prd-price-groups{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-prd-list3 .w-prd-price-groups-hover{ position:absolute; padding:5px; z-index:1; background:#eee; color:#000;} .w-prd-list3 .w-prd-price-groups > div{ display:inline; font-size:110%;} .w-prd-list3 .w-prd-price-groups .w-prd-price-markit{opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); text-decoration:line-through;} .w-prd-list3 .in-top .mask,.w-prd-list3 .in-right .mask,.w-prd-list3 .in-bottom .mask,.w-prd-list3 .in-left .mask,.w-prd-list3 .out-top .mask,.w-prd-list3 .out-right .mask,.w-prd-list3 .out-bottom .mask,.w-prd-list3 .out-left .mask{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-prd-list3 .in-top .w-prd-infobox { -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-animation:in-topP 300ms ease 0ms 1 forwards; animation:in-topP 300ms ease 0ms 1 forwards; } .w-prd-list3 .in-right .w-prd-infobox { -webkit-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-animation:in-rightP 300ms ease 0ms 1 forwards; animation:in-rightP 300ms ease 0ms 1 forwards; } .w-prd-list3 .in-bottom .w-prd-infobox { -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:in-bottomP 300ms ease 0ms 1 forwards; animation:in-bottomP 300ms ease 0ms 1 forwards; } .w-prd-list3 .in-left .w-prd-infobox { -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-animation:in-leftP 300ms ease 0ms 1 forwards; animation:in-leftP 300ms ease 0ms 1 forwards; } .w-prd-list3 .out-top .w-prd-infobox { -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-animation:out-topP 300ms ease 0ms 1 forwards; animation:out-topP 300ms ease 0ms 1 forwards; top:-1px; } .w-prd-list3 .out-right .w-prd-infobox { -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-animation:out-rightP 300ms ease 0ms 1 forwards; animation:out-rightP 300ms ease 0ms 1 forwards; left:1px; } .w-prd-list3 .out-bottom .w-prd-infobox { -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:out-bottomP 300ms ease 0ms 1 forwards; animation:out-bottomP 300ms ease 0ms 1 forwards; top:1px; } .w-prd-list3 .out-left .w-prd-infobox{ -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-animation:out-leftP 300ms ease 0ms 1 forwards; animation:out-leftP 300ms ease 0ms 1 forwards; left:-1px; } @-webkit-keyframes in-topP { from { -webkit-transform:rotate3d(-1,0,0,90deg); transform:rotate3d(-1,0,0,90deg) } to { -webkit-transform:none; transform:none; } } @keyframes in-topP { from { -webkit-transform:rotate3d(-1,0,0,90deg); transform:rotate3d(-1,0,0,90deg) } to { -webkit-transform:none; transform:none; } } @-webkit-keyframes in-rightP { from { -webkit-transform:rotate3d(0,-1,0,90deg); transform:rotate3d(0,-1,0,90deg) } to { -webkit-transform:none; transform:none; } } @keyframes in-rightP { from { -webkit-transform:rotate3d(0,-1,0,90deg); transform:rotate3d(0,-1,0,90deg) } to { -webkit-transform:none; transform:none; } } @-webkit-keyframes in-bottomP { from { -webkit-transform:rotate3d(1,0,0,90deg); transform:rotate3d(1,0,0,90deg) } to { -webkit-transform:none; transform:none; } } @keyframes in-bottomP { from { -webkit-transform:rotate3d(1,0,0,90deg); transform:rotate3d(1,0,0,90deg) } to { -webkit-transform:none; transform:none; } } @-webkit-keyframes in-leftP { from { -webkit-transform:rotate3d(0,1,0,90deg); transform:rotate3d(0,1,0,90deg) } to { -webkit-transform:none; transform:none; } } @keyframes in-leftP { from { -webkit-transform:rotate3d(0,1,0,90deg); transform:rotate3d(0,1,0,90deg) } to { -webkit-transform:none; transform:none; } } @-webkit-keyframes out-topP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(-1,0,0,130deg); transform:rotate3d(-1,0,0,130deg) } } @keyframes out-topP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(-1,0,0,130deg); transform:rotate3d(-1,0,0,130deg) } } @-webkit-keyframes out-rightP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(0,-1,0,130deg); transform:rotate3d(0,-1,0,130deg) } } @keyframes out-rightP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(0,-1,0,130deg); transform:rotate3d(0,-1,0,130deg) } } @-webkit-keyframes out-bottomP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(1,0,0,130deg); transform:rotate3d(1,0,0,130deg) } } @keyframes out-bottomP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(1,0,0,130deg); transform:rotate3d(1,0,0,130deg) } } @-webkit-keyframes out-leftP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(0,1,0,130deg); transform:rotate3d(0,1,0,130deg) } } @keyframes out-leftP { from { -webkit-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg) } to { -webkit-transform:rotate3d(0,1,0,130deg); transform:rotate3d(0,1,0,130deg) } } .w-prd-list4{ margin:0 -10px;} .w-prd-list4 ul,.w-prd-list4 li{ list-style:none; padding:0; margin:0;} .w-prd-list4 a:hover{ text-decoration:none;} .w-prd-list4 li{position:relative; float:left;width:25%; margin-bottom:20px; } .w-prd-list4 li .w-prd-list-cell-in{ margin:0 10px; } .w-prd-list4 li a{ padding:10px; display:block;border:1px solid #e0e0e0;} .w-prd-list4 li .w-prd-list-cell-in:hover{ border-color:#aaa;} .w-prd-list4 .w-prd-infobox{ padding:0.8em 2px 0.2em;} .w-prd-list4 h2{ margin:0; font-weight:normal; font-size:120%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-prd-list4 .w-prd-price-groups{ margin-top:0.3em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-prd-list4 .w-prd-price-groups > div{ display:inline; } .w-prd-list4 .w-prd-price-groups .w-prd-price-sale{ color:#dc0000;} .w-prd-list4 .w-prd-price-groups .w-prd-price-markit{ color:#666; text-decoration:line-through;} .w-prd-list4 .w-prd-sum{ margin-top:0.3em; color:#898989; line-height:1.5; max-height:4.3em; overflow:hidden;} .w-prd-list5{ margin:0 -5px;} .w-prd-list5 ul,.w-prd-list5 li{ list-style:none; padding:0; margin:0;} .w-prd-list5 a:hover{ text-decoration:none;} .w-prd-list5 li{position:relative; float:left; width:25%; margin-bottom:10px; } .w-prd-list5 li a{ display:block;} .w-prd-list5 li .w-prd-list-cell-in{ margin:0 5px;} .w-prd-list5 .w-prd-con{ position:relative; } .w-prd-list5 .w-prd-infobox{ padding:1.6em 2.5em 1.6em 1em; color:#fff; position:absolute; left:0; right:0; bottom:0;background:url(../images/bgmask.png) repeat; background:rgba(0,0,0,0.5); transition:all 0.5s; -webkit-transition:all 0.5s; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);overflow:hidden;} .w-prd-list5 .w-prd-infobox:before{ content:''; position:absolute; border:1px solid #fff; border-color:rgba(255,255,255,0.75); left:0.6em; top:0.6em; right:0.6em; bottom:0.6em; transform:scale(1.2); -webkit-transform:scale(1.2); transition:transform 0.5s; -webkit-transition:transform 0.5s; opacity:0; } .w-prd-list5 .w-prd-infobox:after{ content:''; width:8px; height:14px; background:url(../images/icon_jt.png) no-repeat center; position:absolute; right:0; visibility:hidden; top:50%; margin-top:-7px;transition:all 0.5s; -webkit-transition:all 0.5s;} .w-prd-list5 a:hover .w-prd-infobox{ padding-left:1.6em; padding-right:1.5em; opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-prd-list5 a:hover .w-prd-infobox:before{transform:scale(1); -webkit-transform:scale(1); opacity:1;} .w-prd-list5 a:hover .w-prd-infobox:after{ right:1em; visibility:visible;} .w-prd-list5 h2{ margin:0; font-weight:normal; font-size:120%;} .w-prd-list5 .w-prd-price-groups{ margin-top:0.3em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-prd-list5 .w-prd-price-groups > div{ display:inline; } .w-prd-list5 .w-prd-price-groups .w-prd-price-sale{ font-size:110%;} .w-prd-list5 .w-prd-price-groups .w-prd-price-markit{ text-decoration:line-through; opacity:0.7; font-size:89%;} .w-prd-list5 .w-prd-sum{ margin-top:0.3em; line-height:1.5;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-prd-list6{ margin:0 -10px;} .w-prd-list6 ul,.w-prd-list6 li{ list-style:none; padding:0; margin:0;} .w-prd-list6 a:hover{ text-decoration:none;} .w-prd-list6 li{position:relative; float:left; width:33.33%; margin-bottom:20px; } .w-prd-list6 li a{ display:block;} .w-prd-list6 li .w-prd-list-cell-in{ margin:0 10px;} .w-prd-list6 .w-prd-con{ position:relative; } .w-prd-list6 .w-prd-infobox{ padding: 1.1em 3em 1.1em 1em; color:#fff; position:absolute; left:1em; right:0; bottom:1em; background:url(../images/bgmask.png) repeat; background:rgba(0,0,0,0.5); overflow:hidden;} .w-prd-list6 .w-prd-infobox:before{ content:''; position:absolute; top:50%; margin-top:-1em; right:1em; width:2em; height:2em; border:1px solid #fff; border-color:rgba(255,255,255,0.85); background:url(../images/icon_prd2.png) no-repeat center;} .w-prd-list6 h2{ margin:0; font-weight:normal; font-size:120%;} .w-prd-list6 .w-prd-price-groups{ margin-top:0.3em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-prd-list6 .w-prd-price-groups > div{ display:inline; } .w-prd-list6 .w-prd-price-groups .w-prd-price-sale{ font-size:110%;} .w-prd-list6 .w-prd-price-groups .w-prd-price-markit{ text-decoration:line-through; opacity:0.7; font-size:89%;} .w-prd-list6 .w-prd-sum{ margin-top:0.3em; line-height:1.5;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-prd-list7{ margin:0 -13px;} .w-prd-list7 ul,.w-prd-list7 li{ list-style:none; padding:0; margin:0;} .w-prd-list7 a:hover{ text-decoration:none;} .w-prd-list7 li{position:relative; float:left;width:25%; margin-bottom:10px; } .w-prd-list7 li .w-prd-list-cell-in{ margin:0 13px; background: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .w-prd-list7 li a{ display:block;} .w-prd-list7 li .w-prd-list-cell-in:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.12); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.12); transform: translateY(-5px); -webkit-transform: translateY(-5px);} .w-prd-list7 .w-prd-infobox{ padding:1.2em 1em;} .w-prd-list7 h2{ margin:0; font-weight:normal; font-size:120%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-prd-list7 .w-prd-price-groups{ margin-top:0.3em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-prd-list7 .w-prd-price-groups > div{ display:inline; } .w-prd-list7 .w-prd-price-groups .w-prd-price-sale{ color:#dc0000;} .w-prd-list7 .w-prd-price-groups .w-prd-price-markit{ color:#666; text-decoration:line-through;} .w-prd-list7 .w-prd-sum{ margin-top:0.3em; color:#898989; line-height:1.5; max-height:4.3em; overflow:hidden;} /*产品详情*/ .product-detail-wrap{ overflow:hidden;} .product-detail-wrap-in{position:relative;} .product-detail-images{margin-bottom:1em;} .product-detail-images .product-detail-image-big{ text-align:center; position:relative;} .product-detail-images .product-detail-image-big .magnifier{ position:absolute; right:10px; top:5px; width:15px; height:15px; background:url(../images/prdimgsearch.png) no-repeat center;} .product-detail-images .product-detail-image-big img{ max-width:100%;} .product-detail-images .product-detail-image-small{ overflow:hidden;white-space:nowrap; padding:0 40px; position:relative;} .product-detail-images .product-detail-image-small .imgsmall-pre{ position:absolute; top:15px; bottom:17px; left:0; width:28px; background:url(../images/icon_prd_pre.png) no-repeat center #929292; border:1px solid #929292; z-index:1; cursor:pointer;} .product-detail-images .product-detail-image-small .imgsmall-pre.disabled{ background-image:url(../images/icon_prd_predisabled.png); background-color:#fff;border-color:#aaa; cursor:default;} .product-detail-images .product-detail-image-small .imgsmall-next{ position:absolute; top:15px; bottom:17px; right:0; width:28px; background:url(../images/icon_prd_next.png) no-repeat center #929292;border:1px solid #929292; z-index:1; cursor:pointer;} .product-detail-images .product-detail-image-small .imgsmall-next.disabled{ background-image:url(../images/icon_prd_nextdisabled.png);background-color:#fff; border-color:#aaa;cursor:default;} .product-detail-images .product-detail-image-small .small-list{ overflow:hidden; font-size:0; padding:15px 0; } .product-detail-images .product-detail-image-small .img-small-item{width:31.3333%; margin:0 1%; display:inline-block; cursor:pointer; position:relative; } .product-detail-images .product-detail-image-small .img-small-item .aspectRatio{ padding-bottom:100%;} .product-detail-images .product-detail-image-small .img-small-item-in{ position:absolute; top:1px; left:1px; right:1px; bottom:1px; overflow:hidden; height:auto;} .product-detail-images .product-detail-image-small .img-small-item .cur-top{ position:absolute; top:-7px; width:100%; height:5px; background:url(../images/prd_small_cur.png) no-repeat center; display:none;} .product-detail-images .product-detail-image-small .img-small-item.cur .cur-top{ display:block;} .rotatePicbox-tel{display:none;} .rotatePicbox-tel .imgSlideMain {clear: both;overflow: hidden;width: 100%;margin: 0 auto;position: relative;} .rotatePicbox-tel .imgSlide {clear: both;} .rotatePicbox-tel .imgSlide ul {margin: 0;padding: 0;list-style: none;} .rotatePicbox-tel .imgSlide li {overflow: hidden;position: relative; text-align:center;} .rotatePicbox-tel .imgSlide li a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rotatePicbox-tel .imgSlide li a img{width:100%;} .rotatePicbox-tel .navSlideBox {position: absolute;display: block;bottom: 5px;left: 0;width: 100%;text-align: center;font-size: 14px;line-height: 1;} .rotatePicbox-tel .navSlide {position: static;margin: 0 auto; padding: 0;height: 15px;display: inline-block;text-align: left;} .rotatePicbox-tel .navSlide .i_point {text-indent: -9999em;width: 8px;height: 8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: #092237;overflow: hidden; display: inline-block;-moz-opacity: .5;opacity: .5;margin: 0 3px;} .rotatePicbox-tel .navSlide .active {background: #fff;-moz-opacity: .8;opacity: .8;} .product-detail-info .product-title{ padding-bottom:1em;} .product-detail-info .product-title h2{ font-size:20px; margin:0;} .product-detail-info .product-short-sum{ padding-bottom:1.5em; opacity:0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} .product-detail-info .product-grayBox{ background:#f2f2f2; padding:25px 18px; height:110px; *height:60px;} .product-detail-info .product-grayBox .product-prices{float:left;} .product-detail-info .product-grayBox .product-prices .price-sale .num{ color:#e4393c; font-size:110%; position:relative;} .product-detail-info .product-grayBox .product-prices .price-sale .num .vip{position:absolute; top:-0.8em; right:-3.5em; border:1px solid #fbab04; color:#F78609; padding:0.1em 0.5em; line-height:1.3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:70%; font-weight:bold;} .product-detail-info .product-grayBox .product-prices .price-sale .num .bigsize{ font-size:24px; font-weight:bold;} .product-detail-info .product-grayBox .product-prices .price-market{margin-top:0.5em;} .product-detail-info .product-grayBox .product-prices .price-market .num{ text-decoration:line-through;font-weight:bold;} .product-detail-info .product-grayBox .collect_share{float:right; margin-top:5px;} .product-detail-info .product-grayBox .collect_share>div{float:right; line-height:1.5;} .product-detail-info .product-grayBox .collect_share .share{ margin-left:2em; text-align:center; position:relative;} .product-detail-info .product-grayBox .collect_share .share .bds_more{ font-size:100%;} .product-detail-info .product-grayBox .collect_share .bdsharebuttonbox .bds_more{height:auto; padding-left:0; margin:0; line-height:1.5;} .product-detail-info .product-grayBox .collect_share a{ text-decoration:none; display:block; text-align:center; } .product-detail-info .product-grayBox .collect_share .share a{ position:absolute; top:0;bottom:0; left:0; right:0; z-index:2;} .product-detail-info .product-grayBox .collect_share i{color:#f8b600; font-size:150%; *width:21px; *height:21px;} .product-detail-info .product-grayBox .collect_share i.fa-star{ *background:url(../images/prd_collect_7.png) no-repeat center;} .product-detail-info .product-grayBox .collect_share i.fa-share-alt{ *background:url(../images/prd_share_7.png) no-repeat center;} .product-detail-info .product-grayBox .collect_share p{ margin:5px 0 0;} .product-detail-info .product-grayBox .collect_share .bshare-custom{ margin-left:2em;} .product-detail-info .product-grayBox .collect_share .bshare-custom .bshare-more.more-style-addthis{ background-position: center center;} .product-detail-info .product-grayBox .collect_share .bshare-custom p{ margin-top:14px;} .product-detail-info .product-properies-groups{ padding-top:25px; } .product-detail-info .product-proitem{overflow:hidden; margin-bottom:1em;} .product-properies-color span{display:inline-block; padding:0.8em; *padding:0.1em 0.8em; margin: 0.2em; cursor:pointer;border-radius:0.1em; -moz-border-radius:0.1em; -webkit-border-radius:0.1em;} .product-properies-color span.selected{ background:url(../images/color_selected.png) no-repeat center; } .square-style{ float:left; line-height:2;} .square-style .square-item{ border:2px solid #cccccc; display:inline-block;*display:inline; *zoom:1; padding:0 18px; margin:0 4px 0.5em 0; cursor:pointer; } .square-style .square-item.selected{ border-color:#E4393C; background:url(../images/square_selected.png) no-repeat right bottom;} .product-detail-info .product-quantity{ margin-bottom:1em; overflow:hidden;} .product-label{ line-height:2; float:left; display:block;} .product-quantity .count {display: inline; margin-right: 10px;position:relative; text-align:center; *float:left; *overflow:hidden;} .product-quantity .count >div{float:left; color:#767676; vertical-align:top;} .product-quantity .add { width:28px; height:28px; line-height:28px; border:1px solid #bbb;cursor:pointer;*background:url(../images/prd_add_7.png) no-repeat center;} .product-quantity .mins {width:28px; height:28px; line-height:28px; border:1px solid #bbb;cursor:pointer; *background:url(../images/prd_minus_7.png) no-repeat center; } .product-quantity-input{ background:none; border:1px solid #bbb; height:28px; line-height:28px; padding:0; *margin-top:-1px; width:80px; text-align:center; vertical-align:top;} .product-detail-info .product-quantity .stock{ display:inline-block; padding-top:5px; *zoom:1;} .w-product-btns{margin-top:2em;} .w-product-btns a{ display:inline-block; *display:inline; *zoom:1; line-height:3; width:40%; margin-right:5%; text-decoration:none; font-size:110%;text-align:center;} .w-product-btns a.btn-buy{ background:#e4393c; border:1px solid #e4393c; color:#fff; } .w-product-btns a.btn-buy:hover{ background-color:#D91E22; border-color:#D91E22;} .w-product-btns a.btn-addCart{ border:1px solid #b9906a; color:#b9906a;} .w-product-btns a.btn-addCart:hover{border-color:#A8794F; color:#A8794F;} .product-maincon{ margin-top:1em; margin-bottom:1em;} .product-descons{ line-height:1.7;} .prddetail_foot_fixed{ position:fixed; left:0; right:0; bottom:0; z-index:9; display:none;} .prddetail_foot{display: flex;} .prddetail_foot a{ display:block; float:left; text-align:center; text-decoration:none;font-size:120%; height:3em; line-height:3em;} .prddetail_foot .share{flex-grow: 1;display:block; float:left; text-align:center; width:12%; background:#e2e2e2;font-size:120%;height:3em; } .prddetail_foot .share a{text-decoration:none; display:block; height:2em; line-height:2em; padding: 0; margin:0; float:none; font-size:150%; color:#8c8c8d;} .prddetail_foot .share a:hover{color:#8c8c8d;} .prddetail_foot a .fa{ font-size:150%; color:#8c8c8d;} .prddetail_foot a.collect,.prddetail_foot a.shoppingCart{ width:12%; background:#e2e2e2; flex-grow: 1;} .prddetail_foot a.shoppingCart{ border-left:1px solid #b9b9b9; margin-left:-1px; width:16%;} .prddetail_foot a.pd_btn_cart{ width:30%; background:#F99112; color:#fff;flex-grow: 1;} .prddetail_foot a.pd_btn_buy{ width:30%;background:#E4393C; color:#fff;flex-grow: 1;} .bxslider li{ list-style:none;} .prdDownload-detail-top .product-title-top h2{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0.5em;} .prdshare{ line-height:1; text-align:center; padding-top:0.5em; } .prdshare .bdsharebuttonbox{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; } .prdhare-button-style1-16 a{ margin:0 6px 0 !important;} .product-title-top{ text-align:center; margin-bottom:1.5em;} .product-title-top h2{ font-size:26px; font-weight:normal;} .product-detail-top1 .product-detail-info{ margin-left:37%;} .product-detail-top1 .product-detail-images{ width:33%; float:left;} .product-detail-top2 .product-detail-images { text-align:center;} .product-detail-top2 .product-detail-images .bx-wrapper img{display:inline-block;} .product-detail-top2 .product-detail-images img{ max-width:100%;} .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a{text-indent: -9999em;width: 8px;height: 8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: #999;overflow: hidden; display: inline-block;-moz-opacity: .5;opacity: .5;margin: 0 3px;} .product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a:hover,.product-detail-top2 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;-moz-opacity: 1;opacity: 1;} .product-detail-top3 .product-detail-info{ margin-left:37%;} .product-detail-top3 .product-detail-images{ width:33%; float:left;} .product-detail-top3 .product-title-top h2{ margin-bottom:25px;} .product-detail-top4 .product-detail-info{ margin-left:52%;} .product-detail-top4 .prd_des{ overflow:hidden;} .product-detail-top4 .descon_item{ padding-left:0; padding-right:0;} .product-detail-top4 .product-detail-images{ width:48%; float:left;} .product-detail-top4 .product-detail-images .product-detail-image-small .img-small-item{ width:18%; *width:17.99%;} .product-detail-top5 .product-detail-info{ margin-right:52%;} .product-detail-top5 .prd_des{ overflow:hidden;} .product-detail-top5 .descon_item{ padding-left:0; padding-right:0;} .product-detail-top5 .product-detail-images{ width:48%; float:right;} .product-detail-top5 .product-detail-images .product-detail-image-small .img-small-item{ width:18%; *width:17.99%;} /*产品详情下载*/ .fileDownload{ margin-top:10px;} .fileListBox{padding:1em 20px;} .fileList ul,.fileList li{ list-style:none; padding:0; margin:0;} .fileList li{padding:0.5em 0;} /*产品详情留言*/ .messageOnLine{margin-top:10px;} .msgLBox{padding:2em 20px 1em;} .msgLBox dl{ margin-bottom:0.8em;} .msgLBox dl dd.dl_ddL{ width:5em; float:left; text-align:right; padding:8px 0; line-height:1.5 !important;} .msgLBox dl dd.dl_ddR{ margin-left:6em;} .msgLBox .star{ color:#F00;} .msgLBox .w-form-submit{ margin-top:0.8em;} .msgLBox .w-form-submit .w-buttom .btn-default-w{ width:auto;} /*--------------------tab--------------------------*/ .info_tab_in{border-bottom:1px solid #959595;} .info_tab ul,.info_tab ul li{ list-style:none;} .info_tab ul{ padding:0 10px;} .info_tab li{ float:left; margin-right:5px; border:1px solid #959595; border-bottom:0; background:#959595; margin-bottom:-1px; color:#fff;} .info_tab li.cur_tab{background:#fff; } .info_tab li a{ line-height:2; padding:0 20px; text-decoration:none; font-size:110%; color:#fff;} .info_tab li.cur_tab a{color:#4c4c4c;} .info_tab_one li a{ cursor:default;} .descon_item{ padding:25px 20px;} /*--------------产品列表图片动画---------------------*/ .prd_imgScaleBig .img-count-in{overflow:hidden;} .prd_imgScaleBig .w-prd-imgbox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .prd_imgTop .img-count-in{overflow:hidden;} .prd_imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .prd_imgTop .w-prd-imgbox:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .prd_imgbgWhite .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .prd_imgbgWhite .w-prd-imgbox:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .prd_imgbgBlack .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .prd_imgbgBlack .w-prd-imgbox:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .prd_imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .prd_imgF .w-prd-imgbox:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*------------------------------------------产品end---------------------------------------------------*/ /*--------------------图片调整 start----------------------*/ .img-count{display:block;} .img-count,.img-count img{position:relative;} .aspectRatio{ *width:100%;} .img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; } .w-prd-list .img-count-in{height:100%;} /*--------------------图片调整 end----------------------*/ /*-----------------------------新闻 start--------------------------------*/ .w-News-list{line-height:2; margin-bottom:2em; overflow:hidden;} .w-News-list a{ text-decoration:none;} .w-News-list .news-kind{ display:none;} .w-News-list a:hover{ text-decoration:underline;} .w-News-list ul,.w-News-list li{list-style:none;} .w-News-list li.li-right{ margin-right:0 !important;} .w-News-list .news-com .news-h{ font-size:115%; font-weight:bold;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list .news-com .date{ font-size:105%; color:#b3b3b3;} .w-News-list1 li{ padding-top:40px; border-bottom:1px solid #f0f0f0;} .w-News-list1 li:first-child{padding-top:0;} .w-News-list1 .news-item{overflow:hidden;} .w-News-list1 .news-imgbox{ float:left; width:25%;} .w-News-list1 .news-com{ margin-left:30%;} .w-News-list1 .news-com .date{ margin-top:1%;} .w-News-list1 .news-com .news-sum{ margin-top:2%;} .w-News-list2{ margin-left:-10px; margin-right:-10px;} .w-News-list2 li{ width:25%; float:left;} .w-News-list2 li .news-item{ margin:0 10px 1.5em; border:1px solid #e9e9e9;} .w-News-list2 .news-item .news-com{ padding:0.5em 10px 1em;} .w-News-list2 .news-com .news-sum{ line-height:1.8; height:5.4em; overflow:hidden;} /*.w-News-list2 li .news-imgbox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}*/ .w-News-list3 li{ padding:25px 0; border-bottom:1px solid #f0f0f0;} .w-News-list3 li:first-child{padding-top:0;} .w-News-list4 li{ padding:10px 0 5px 0; border-bottom:1px solid #f0f0f0;} .w-News-list4 li:first-child{padding-top:0;} .w-News-list4 .news-together{overflow:hidden;} .w-News-list4 li .news-h{ float:left; width:75%;} .w-News-list4 li .date{ float:right; width:25%; text-align:right;} .w-News-list5 li{ width:100%;/*width:47.25%; *width:47.24%;*/ margin-right:5.5%; float:left; margin-bottom:30px; position:relative; line-height:2;} .w-News-list5 a{ display:block;} .w-News-list5 a:hover{ text-decoration:none;} .w-News-list5 li .news-item{ margin-left:35px;} .w-News-list5 li .news-item .date{ margin-left:45px; color:#999; font-size:14px;} .w-News-list5 li .news-item .data-day{ position:absolute; width:54px; height:54px; line-height:54px; text-align:center; top:50%; margin-top:-27px; left:0; background:#33d8ae; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px;} .w-News-list5 li .news-item .news-com{ background:#fff; border:1px solid #d7d7d7; padding:20px 40px;} .w-News-list5 li .news-item .news-com .news-h a{ font-size:18px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-News-list5 li .news-sum{ color:#8f8f8f;} .w-News-list6 li{ padding-top:40px; border-bottom:1px solid #f0f0f0;} .w-News-list6 li:first-child{padding-top:0;} .w-News-list6 .news-item{overflow:hidden;} .w-News-list6 .news-imgbox{ float:left; width:25%;} .w-News-list6 .news-com{ margin-left:30%;} .w-News-list6 .news-together{overflow:hidden;} .w-News-list6 .news-com .news-h{ float:left; width:75%;} .w-News-list6 .news-com .date{ float:right;width:25%; text-align:right;} .w-News-list6 .news-com .news-sum{ margin-top:2%;} .w-News-list7 li{ padding:15px 0; border-bottom:1px solid #f0f0f0; overflow:hidden;} .w-News-list7 li:first-child{padding-top:0;} .w-News-list7 li .date{ float:left; margin-right:15px; text-align:center;} .w-News-list7 li .date .date-day{ background:#F5F5F5; line-height:1.8; font-size:30px; margin-bottom:3px;} .w-News-list7 li .date .date-yearMonth{ background:#F5F5F5; line-height:1.8; margin-bottom:3px; padding:0 15px;} .w-News-list7 .news-sum{ line-height:1.7; max-height:3.2em; overflow:hidden;} .w-News-list8{ margin:0 -14px;} .w-News-list8 li{width:33.33%; float:left;} .w-News-list8 li .news-item{ margin:0 14px 1.5em 14px; position:relative; overflow:hidden;} .w-News-list8 .news-item .news-com{ padding:5px 1em; position:absolute; /*bottom:-100px;*/ bottom:0; left:0; right:0;} .w-News-list8 .news-item:hover .news-com{ bottom:0;transition: bottom .5s;-moz-transition: bottom .5s; /* Firefox 4 */-webkit-transition: bottom .5s; /* Safari 和 Chrome */-o-transition: bottom .5s;} .w-News-list8 .news-item .news-com .mask{ position:absolute; left:0; right:0; top:0;bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-News-list8 .news-item .news-com .news-h{ position:relative; z-index:1; color:#fff;} .w-News-list8 .news-item .news-com .news-h a{color:#fff;} .w-News-list8 .news-item .news-com .news-h .news-kind{ display:none;} /*新闻列表图片动画*/ .news_imgScaleBig .img-count-in{overflow:hidden;} .news_imgScaleBig .news-imgbox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .news_imgTop .img-count-in{overflow:hidden;} .news_imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .news_imgTop .news-imgbox:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .news_imgbgWhite .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .news_imgbgWhite .news-imgbox:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .news_imgbgBlack .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .news_imgbgBlack .news-imgbox:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .news_imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .news_imgF .news-imgbox:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*--------新闻列表新增1--------------*/ .w-News-list9 li{ margin-bottom:30px; border-bottom:1px solid #E8E8E8;} .w-News-list9 li:hover{ background:#F6F6F6;} .w-News-list9 li a{ display:block;} .w-News-list9 li a:hover{ text-decoration:none;} .w-News-list9 li .news-item{ position:relative;} .w-News-list9 li .news-imgbox{ float:left; width:263px; overflow:hidden;} /*.w-News-list9 li img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-News-list9 li:hover img{transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05);}*/ .w-News-list9 li .news-com{ margin-left:263px; padding:36px 38px; position:absolute; left:0; right:0;top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-News-list9 li .news-com{ top:50%;} .w-News-list9 li .news-com .date{ float:left; line-height:1.3; margin-top:-3px; margin-right:25px; padding-right:25px; padding-bottom:22px; font-family:Arial, Helvetica, sans-serif;position:relative;} .w-News-list9 li .news-com .date:after{ content:''; position:absolute; top:0; bottom:0; width:1px; right:0; background:#E8E8E8;} .w-News-list9 li .news-com .date .year{ font-size:34px; color:#585858;} .w-News-list9 li .news-com .date .day_month{ font-size:90%; color:#5e4d4d; margin-top:0.5em;} .w-News-list9 li .news-com .text_con{ position:relative; padding:0 90px 0 0;} .w-News-list9 li .news-com .text_con .news-h{ font-size:18px; line-height:1.3; margin-bottom:1em;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list9 li .news-com .text_con .news-sum{ color:#808080; line-height:1.7; height:3.3em; overflow:hidden;} .w-News-list9 li .news-com .text_con .adore{ position:absolute; top:50%; margin-top:-15px; right:-3px; width:42px; height:30px; border-left:1px solid #CFCFCF; background:url(../images/news_adore.png) no-repeat -45px center;transition: all 0.5s;-webkit-transition: all 0.5s;} .w-News-list9 li:hover .news-com .text_con .adore{ border-color:#999; background-position:0 center;} .w-News-list10 li{ margin-bottom:30px; border-bottom:1px solid #E8E8E8;} .w-News-list10 li a{ display:block;} .w-News-list10 li a:hover{ text-decoration:none; color:#fff;} .w-News-list10 li .news-item{ position:relative;} .w-News-list10 li .news-imgbox{ float:left; width:263px; overflow:hidden;} .w-News-list10 li .news-com{ margin-left:263px; padding:36px 38px; position:absolute; left:0; right:0;top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-News-list10 li .news-com{ top:50%;} .w-News-list10 li .news-com .date{ float:right; line-height:1.3; margin-top:-3px; padding-left:25px; padding-bottom:22px; margin-left:25px; font-family:Arial, Helvetica, sans-serif; color:#555; position:relative;} .w-News-list10 li .news-com .date:after{ content:''; position:absolute; top:0; bottom:0; width:1px; left:0; background:#E8E8E8;} .w-News-list10 li .news-com .date .year{ font-size:34px; } .w-News-list10 li .news-com .date .day_month{ font-size:90%; margin-top:0.5em;} .w-News-list10 li .news-com .text_con{ position:relative;} .w-News-list10 li .news-com .text_con .news-h{ font-size:18px; line-height:1.3; margin-bottom:1em;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list10 li .news-com .text_con .news-sum{ color:#808080; line-height:1.7; height:3.3em; overflow:hidden;} .w-News-list10 li a:hover .news-com .date,.w-News-list10 li a:hover .news-com .text_con .news-sum{ color:#fff;} .w-News-list11 li{ border-bottom:1px solid #E8E8E8;} .w-News-list11 li a{ display:block;} .w-News-list11 li a:hover{ text-decoration:none; color:#fff;} .w-News-list11 li .news-item{ position:relative; padding:25px;} .w-News-list11 li .news-imgbox{ float:right; width:200px; overflow:hidden;} .w-News-list11 li .news-com{ margin-right:225px; padding-right:30px; position:absolute; left:25px; right:0;top:50%; top:30px\9; *top:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-News-list11 li .news-com{ top:50%;} .w-News-list11 li .news-com .date{ float:left; margin-right:30px; line-height:1.3; padding:14px; border:1px solid #e0e0e0; font-family:Arial, Helvetica, sans-serif; color:#555;} .w-News-list11 li .news-com .date .year{ font-size:34px; } .w-News-list11 li .news-com .date .day_month{ font-size:90%; margin-top:0.5em;} .w-News-list11 li .news-com .text_con{ position:relative; } .w-News-list11 li .news-com .text_con .news-h{ font-size:18px; line-height:1.3; margin-bottom:1em;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list11 li .news-com .text_con .news-sum{ color:#808080; line-height:1.7; height:3.3em; overflow:hidden;} .w-News-list11 li a:hover .news-com .date,.w-News-list11 li a:hover .news-com .text_con .news-sum{ color:#fff;} .w-News-list11 li a:hover .news-com .date{ border-color:#fff;border-color:rgba(255,255,255,0.65);} .w-News-list12 li{ border-bottom:1px solid #E8E8E8;} .w-News-list12 a{display:block; padding:25px 5px;} .w-News-list12 li a:hover{ text-decoration:none; color:#fff;background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3)); background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3)); background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3)); background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.3)); background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.3));} .w-News-list12 li .news-together{position:relative;} .w-News-list12 li .news-together:before{ content:''; visibility:hidden; position:absolute; right:2em; top:50%; margin-top:-6px; width:45px; height:13px; background:url(../images/jiantou.png) no-repeat center;} .w-News-list12 li .news-h{ float:left; position:relative; padding-right:100px; line-height:1.5; padding-left:2em; font-size:18px;transition: transform 0.5s;-webkit-transition: transform 0.5s;} .w-News-list12 li .news-h:before{ content:'—'; position:absolute; left:0; top:50%; margin-top:-0.5em; line-height:1;} .w-News-list12 li .date{ position:absolute; right:0; top:50%; line-height:2; margin-top:-1em; color:#bbb;} .w-News-list12 li a:hover .news-together:before{ visibility:visible;} .w-News-list12 li a:hover .date{ color:#fff; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-News-list12 li a:hover .news-h{ transform:translateX(2em);-webkit-transform:translateX(2em); color:#fff;} .w-News-list13{ margin-left:-15px; margin-right:-15px;} .w-News-list13 li{ float:left; width:33.33%; margin-bottom:30px;} .w-News-list13 li:nth-child(3n+1){ clear:both;} .w-News-list13 li .news-item{ margin:0 15px;} .w-News-list13 li a{ display:block; background:#f2f2f2;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} .w-News-list13 li a:hover{ text-decoration:none;} .w-News-list13 .news-imgbox{transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} .w-News-list13 .imgTxt{ position:relative; overflow:hidden;} .w-News-list13 .imgTxt .news-com{position:absolute; left:0; right:0; height:100%; bottom:-100%; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} .w-News-list13 .news-com .news-h{ color:#fff; padding:25px 6% 14px; white-space:normal; word-break:normal; line-height:1.4; background:url(../images/bgmask.png) repeat; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); transform:translateY(-100%); -webkit-transform:translateY(-100%);} .w-News-list13 .imgTxt .news-com .news-sum{ color:#fff; padding:0 6%; line-height:2;} .w-News-list13 .date{line-height:1.3; padding:14px 6%; font-family:Arial, Helvetica, sans-serif; color:#333;} .w-News-list13 .date .year{ font-size:34px; } .w-News-list13 .date .day_month{ font-size:95%; margin-top:0.5em;} .w-News-list13 a:hover .date{ color:#fff;} .w-News-list14 a:hover{ text-decoration:none;} .w-News-list14 ul{position:relative;} .w-News-list14 ul::after{ content:''; position:absolute; left:6.5em; top:0; bottom:0; width:1px; background:#EBEBEB;} .w-News-list14 li{ position:relative; padding-bottom:1.5em;} .w-News-list14 li .date{ position:absolute; left:0; top:0;text-align:right; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5;} .w-News-list14 li .date .md{font-size:200%;} .w-News-list14 li .date .year{ opacity:0.75;} .w-News-list14 li .news-com{ margin-left:6.5em; padding-left:1.5em; padding-right:0.8em;position:relative;padding-top:0.7em;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-News-list14 li:hover .news-com{padding-left:2.3em; padding-right:0;} .w-News-list14 li .news-com .ax_line{ /*content:'';*/position:absolute; z-index:1; width:1px; height:1.5em; left:0; top:1em; } .ax_line{background:#aaa;} .w-News-list14 li .news-com .news-h{ font-size:115%; line-height:1.5; margin-bottom:0.5em; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-News-list14 .news-sum{ color:#808080;} .w-News-list15{ margin-left:-20px; margin-right:-20px; overflow:visible;} .w-News-list15 li a{ padding:0 20px; display:block;} .w-News-list15 li .news-together{ overflow:hidden;} .w-News-list15 li a:hover{text-decoration:none;} .w-News-list15 li .news-com{ padding:20px 0;border-bottom:1px dashed #e8e8e8;} .w-News-list15 li .news-h{ float:left; width:75%;} .w-News-list15 li .date{ float:right; width:25%; text-align:right;} .w-News-list15 li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);} .w-News-list15 li .news-sum{ color:#808080; margin-top:0.5em;} .w-News-list16{ margin-left:-10px; margin-right:-10px;overflow:visible;} .side_left .w-News-list16{ overflow: hidden; padding: 10px;} .w-News-list16 li{ float:left; width:50%;} .w-News-list16 li:nth-child(2n+1){ clear:both;} .w-News-list16 li:hover{box-shadow:0 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);} .w-News-list16 li a{ display:block; padding:25px 10px;border-bottom:1px solid #E8E8E8; } .w-News-list16 li a:hover{ text-decoration:none;} .w-News-list16 li .news-item{ position:relative; margin:0 10px;} .w-News-list16 li .news-imgbox{ float:left; width:220px; overflow:hidden;} .w-News-list16 li .news-com{ margin-left:235px; padding:20px; position:absolute; left:0; right:0;top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-News-list16 li .news-com{ top:50%;} .w-News-list16 .news-com .news-h{ white-space:normal; word-break:normal; line-height:1.3;} .w-News-list16 li .news-sum{ color:#808080; line-height:1.7; max-height:4.9em; overflow:hidden; margin-top:0.5em;} .w-News-list17{ margin-left:-10px; margin-right:-10px; overflow:visible;} .side_left .w-News-list17{ overflow: hidden; padding: 10px;} .w-News-list17 li{ float:left; width:33.33%; margin-bottom:20px;} .w-News-list17 li:nth-child(3n+1){ clear:both;} .w-News-list17 li:hover{box-shadow:0 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);} .w-News-list17 li a{ display:block; padding:20px 10px 0; position:relative;} .w-News-list17 li a:hover{ text-decoration:none;} .w-News-list17 li .news-item{ position:relative; margin:0 10px;} .w-News-list17 li .news-imgbox{ overflow:hidden;} .w-News-list17 li .date{ position:absolute; top:0; right:-10px; padding:0.7em; color:#fff; line-height:1.2;} .w-News-list17 li .date .md{ font-size:150%;} .w-News-list17 li .date .year{ font-size:90%;} .w-News-list17 li .news-com{ padding:20px 0 30px; } .w-News-list17 .news-com .news-h{ line-height:1.3;} .w-News-list17 li .news-sum{ color:#808080; line-height:1.7;height:4.9em; overflow:hidden; margin-top:0.5em;} .w-News-list17 li .more{position: relative;z-index: 1; margin-top: 25px;display:block;width: 100px; height: 30px; font-size: 90%;color: #fff;text-align: center;line-height: 30px; border-width:1px; border-style:solid; overflow: hidden; } .w-News-list17 li .more span{display: inline-block;width: 0;opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;} .w-News-list17 li .more i{display: inline-block;margin-top:-5px;width: 16px;height: 7px;background-repeat: no-repeat;background-position: 0 0;background-image: url("../images/adn24.png");} .w-News-list17 li .more:hover span{width: 50px;opacity: 1;} .w-News-list17 li .more:hover i{background-position: 0 -7px;} .w-News-list18 li{ border-bottom:1px solid #E8E8E8;} .w-News-list18 li a{ display:block;} .w-News-list18 li a:hover{ text-decoration:none;} .w-News-list18 li .news-item{ position:relative; padding:25px 0;} .w-News-list18 li .news-imgbox{ float:right; width:200px; overflow:hidden;} .w-News-list18 li .news-com{ margin-right:225px; padding-right:30px; position:absolute; left:0; right:0;top:50%; top:30px\9; *top:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-News-list18 li .news-com{ top:50%;} .w-News-list18 li .news-com .date{ float:left; margin-top:-5px; line-height:1.3; font-family:Arial, Helvetica, sans-serif; color:#555;} .w-News-list18 li .news-com .date .year{ font-size:34px; } .w-News-list18 li .news-com .date .day_month{ font-size:90%; margin-top:0.5em;} .w-News-list18 li .news-com .text_con{ position:relative; margin-left:90px; padding-left:45px; -webkit-transition:all 0.5s; transition:all 0.5s;} .w-News-list18 li .news-com .text_con:after{ content:''; position:absolute; top:0.75em; left:0; height:1px; width:35px; background:#bbb;-webkit-transition:all 0.5s; transition:all 0.5s;} .w-News-list18 li .news-com .text_con .news-h{ font-size:18px; line-height:1.3; margin-bottom:1em;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list18 li .news-com .text_con .news-sum{ color:#808080; line-height:1.7; height:3.3em; overflow:hidden;} .w-News-list18 li a:hover .news-com .text_con{ -webkit-transform:translateX(15px); transform:translateX(15px);} .w-News-list18 li a:hover .news-com .text_con:after{ left:-15px; width:50px;} .w-News-list19{margin:0 -30px;} .w-News-list19 li a{ display:block;} .w-News-list19 li a:hover{ text-decoration:none;} .w-News-list19 li{ float: left; width:33.333%; margin-bottom: 60px;} .w-News-list19 li:nth-child(3n+1){ clear: both;} .w-News-list19 li .news-item{ margin: 0 30px; border-top:1px solid #d7d7d7; padding-top:0.5em; position: relative;} .w-News-list19 li .news-item:before{content:''; position:absolute; left:0; top:-1px; height:3px; background: #000; width:55px; } .w-News-list19 li .date{font-size: 115%; color: #2f2f2f; } .w-News-list19 li .news-com{ margin-left: 16%; padding:15px;} .w-News-list19 li .text_con{padding-bottom: 28px;} .w-News-list19 li .news-com .news-h{ font-size: 18px; margin-bottom:0.5em; line-height: 1.3;} .w-News-list19 li .news-sum{ list-style: 1.8; height: 3.5em; overflow: hidden; color:#808080;} .bgddd{background:#dfdfdf;} .w-News-list20{ margin:0 -10px; padding-top:10px} .w-News-list20 li{margin:0 10px 25px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);} .w-News-list20 li:hover{box-shadow: 0 0 12px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);} .w-News-list20 li a{ display:block;} .w-News-list20 li a:hover{ text-decoration:none;} .w-News-list20 li .news-imgbox{ float: left; width:40%;} .w-News-list20 li .news-com{ margin-left: 40%; padding: 0 6% 0 35px;} .w-News-list20 li .date{ display: inline-block; padding: 9px 18px; color: #787878; line-height: 1.2; text-align: center; margin-bottom: 25px;} .w-News-list20 li a:hover .date{ color: #fff;} .w-News-list20 li .date .day{ font-size: 30px;} .w-News-list20 li .date .year_month{ font-size: 87%;} .w-News-list20 li .news-com .news-h{ font-size: 22px; font-weight: bold; line-height: 1.3; padding-bottom: 0.8em; margin-bottom: 0.7em; border-bottom: 2px solid #666;} .w-News-list20 li .news-sum{ font-size: 100%; line-height: 1.8; max-height: 3.5em;overflow: hidden; color: #666;} .w-News-list20 li .more{ margin-top: 1em; font-size: 90%; display: inline-block; text-decoration: underline; opacity: 0.5;} .w-News-list20 li a:hover .more{ opacity: 1;} /*--------新闻列表新增1 end--------------*/ /*新闻详情*/ .newsDetail{line-height:2;} .newsDetail .newsTitle{ font-size:140%; text-align:center; line-height:1.7; margin-top: 0; margin-bottom: 0;} .newsDetail .newsST{ text-align:center;} .newsDetail .newsST >span{margin:0 0.6em; white-space:nowrap;} .newsDetail .newsSummary{ display:none; padding:5px 60px; background:#f2f2f2; margin-top:15px;} .newsDetail .newsContent{margin:20px 0; padding:0 10px;} .newsDetail .newsContent p{text-align: justify;} .news-others{margin-top:30px; padding-right:11em; position:relative;} .pre-next .news-prev,.pre-next .news-next{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .news-others a{ text-decoration:none;} .news-others a:hover{ text-decoration:underline;} .news-others .link-r{position:absolute; top:50%; margin-top:-1.1em; right:0;} .news-others .link-r a{ display:inline-block; line-height:2.2; text-decoration:none; color:#fff; margin-left:0.8em; padding:0 1.5em;} .news-others .link-r a:hover{ color:#fff !important;} .newshare{ /*text-align:right; padding-right:10px;*/ line-height:1; text-align:center; padding-top:0.5em; } .newshare .bdsharebuttonbox{ display:inline-block; *display:inline; *zoom:1; overflow:hidden; } .bdshare-button-style1-16 a{ margin:0 6px 0 !important;} /*-----------------------------新闻 end--------------------------------*/ /*------------------------------评论 留言------------------------------*/ .evalInfo{ margin-top:10px;} .evalInfo .evalInfo-title{ border-bottom:1px solid #959595;} .evalInfo .evalInfo-title .evalInfo-title-in{padding:0 10px;} .evalInfo .evalInfo-title .evalInfo-title-inner{float:left; margin-right:5px; border:1px solid #959595; border-bottom:0; background:#fff; color:#4c4c4c; margin-bottom:-1px;font-size: 110%;line-height: 2;padding: 0 20px; } .evalInfo .evalInfo-com{ padding:1em 0 1.5em;} .evalInfoList ul,.evalInfoList li{ list-style:none;} .evalInfoList{margin-bottom:1em;} .evalInfoList li{ border-bottom:1px solid #f0f0f0; padding:1em 1.5em;} .evalInfoList .evalInfoList-item{ display:table; width:100%;} .evalInfoList .evalInfoList-item>div{display:table-cell; vertical-align:middle;} .evalInfoList .evalInfoList-item>div.eval-comment{width:75%;} .evalInfoList .evalInfoList-item>div.eval-name{width:25%; text-align:right;} .evalInfoList .evalInfoList-item>div.eval-name span{opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .evalInfoList .evalReply{ padding-left:1.5em; margin-top:1em;} .messageInput dl{display:table; width:100%;} .messageInput dl dd{display:table-cell; vertical-align:top; line-height:1.5;} .messageInput dl dd.dl_ddL{ width:1%; white-space:nowrap;} .messageInput dl dd.dl_ddR{ width:99%;} .evalInfo .btns-commitL{ margin-top:1em; text-align:center;} .evalInfo .btns-commitL a{text-decoration:none;padding:7px 15px; border:1px solid #a1a1a1; color:#a1a1a1; display:inline-block; *display:inline; *zoom:1; margin-bottom:0.5em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-right:1em; min-width:5em; line-height:1.2;} .evalInfo .btns-commitL .btns-commitL-red{ background:#c81623; border-color:#c81623; color:#fff;} .mesCode{ margin-top:8px;} .mesCode .w-text-form{ width:100px; margin-right:8px;} .mesCode img{height:2em;} .mesCode a{ margin-left:5px;} /*------------------------------评论 留言 end------------------------------*/ /*-------------------------------底部 start-------------------------------*/ .w-footer a{text-decoration:none;} .w-footer a:hover{ text-decoration:underline;} .w-footer-section .w-footer-in{position:relative; z-index:4; margin:0 auto;} .w-footer-section .foot-mask{ position:absolute; left:0; right:0; top:0; bottom:0;} .w-foot-content{ padding:10px 0; position:relative; z-index:2;} .w-record{ position:relative; text-align: center;} .w-record:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.15; *filter:alpha(opacity=15); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15);} .w-record .w-record-in{position:relative; z-index: 1; padding: 1em;} .w-record img{ margin-right: 0.5em;} /*-------------------------------底部 end-------------------------------*/ /*----------------------------------登录 start----------------------------------*/ .pop-gw{ position:fixed; background:#fff; color:#666; z-index:99;} .pop-login-gw{ width:580px; left:50%; margin-left:-290px; top:50%; margin-top:-170px;} .close-gw{ position:absolute; right:10px; top:10px; width:22px; height:22px; background:url(../images/close-gw.png) no-repeat center; cursor:pointer;} .pop-main-gw{padding:0 50px 45px 50px;} .tabmenu-gw{ border-bottom:1px solid #bdbdbd; text-align:center; vertical-align:middle;} .tabmenu-gw li{ display:inline-block; *display:inline; *zoom:1; line-height:1.5rem; font-size:0.5rem; color:#11c555; font-weight:bold; cursor:pointer;} .tabmenu-gw li.cur{color:#545a5a; background:url(../images/logintabcur.png) no-repeat center bottom;} .simpline-gw{color:#545a5a; font-size:0.3rem; font-weight:bold; padding:0 10px; } .login-gw{ padding:30px 0; font-size:0.3rem;} .input-lgw{ border:1px solid #cfcfcf; box-shadow:0px 0px 5px rgba(0,0,0,0.22) inset; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.22) inset; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.22) inset; padding:10px 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; } .input-error-lgw{ border-color:#ff1616;box-shadow:0px 0px 5px rgba(255,0,0,0.75) inset; -moz-box-shadow:0px 0px 5px rgba(255,0,0,0.75) inset; -webkit-box-shadow:0px 0px 5px rgba(255,0,0,0.75) inset;} .mb30-gw{ margin-bottom:0.6rem; position:relative;} .error-label{ position:absolute; color:#ff0000; bottom:-0.4rem; left:0;} .login-label-gw{ margin-bottom:0.2rem; text-align:center;} .btn-link-lgw{position:relative; text-align:right;} .ResetP-gw{ text-decoration:none; color:#11c555; position:absolute; left:0; top:0;} .ResetP-gw:hover{ text-decoration:underline;} .btn-global-gw{ background:#484848; color:#fff; border:1px solid #284848; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; padding:0.15rem 0.6rem; box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);} .btn-green-gw{ background:#11C555; border:1px solid #09AC46; color:#fff; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px; padding:0.15rem 0.6rem; box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);} .pop-login-gw h2{ margin-top:0.5rem; margin-bottom:0.3rem;font-size:0.5rem; color:#545a5a;font-weight:bold;border-bottom:1px solid #bdbdbd;line-height:2; text-align:center;} .log-notice-gw .logout{ position:absolute; right:1rem; bottom:0.3rem; color:#11c555; text-decoration:none;} .log-notice-gw .logout:hover{ text-decoration:underline;} .color-green-gw{ color:#11c555; font-size:130%; line-height:1.2;} .log-notice-gw a{color:#11c555; text-decoration:underline;} /*----------------------------------登录 end----------------------------------*/ /*---------------------------------密码 start----------------------------------*/ .password_w dl{ margin-bottom:10px;} .password_w dl dd.dd_l{ width:120px; text-align:right; padding-right:10px; line-height:1.8;float:left;} .password_w dl dd.dd_r{ margin-left:120px;} .password_w dl dd .w-text300{ width:50%;} /*---------------------------------密码 end----------------------------------*/ /*-----------------------------------搜索------------------------------------*/ .search_page .wrap-content-in{padding:20px 0;} .w-search-top{ border-bottom:1px solid #bdbdbd; padding:0 0.7em 1em; margin-bottom:1em;} .w-search-top .w-search-tit{ float:left; width:200px; line-height:1.8; font-size:130%;} .w-search-top .w-search-box-r{ margin-left:220px;} .w-search-top .w-search-box-r .search-defaut-w{ max-width:none;} .crumbs_s{position:relative; overflow:hidden; margin-bottom:1em;} .search_list ul,.search_list li{ list-style:none;} .search_list li{ padding:1em 0; overflow:hidden; position:relative;} .search_list li a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;} .search_list li h3{ font-size:120%; margin:0 0 0.5em; font-weight:normal;} .search_list li .img{ float:left; width:20%; margin-right:10px;} .search_list li .img img{max-width:100%;} .search_list li .text .sum{ opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .search_list li .text .date{padding-top:0.5em; opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .crumb_n .key_word,.search_list .key_word,.w-News-list .key_word,.w-prd-list .key_word,.w-upload-list .key_word,.w-faq-list .key_word{color:#f00; } /*-----------------------------------搜索 end------------------------------------*/ /*--------------滚动计数---------------*/ .w-numCount .numU,.w-numCount2 .numU{ line-height:1.3;} .w-numCount .numCX,.w-numCount2 .numCX{ font-size:54px;} .w-numCount .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;} .w-numCount .numU sup{vertical-align: top;} .w-numCount .numU sub{vertical-align:baseline;} /*--------------滚动计数 end---------------*/ /*---------------------客服组件-------------*/ .w-service-fixed{position:fixed; bottom:50%; right:20px; margin-bottom:-160px; z-index:2000; font-size:14px;} .bg_s_default{ background:#363636;} .color_s_default{color:#363636;} .w-service-fixed .service-item{width:46px; height:46px; line-height:46px; margin-bottom:2px; position:relative; text-align:center;} .w-service-fixed .service-item .service-popc{ position:absolute; right:46px; top:0; width:0; overflow:hidden; text-align:left; color:#fff; } .w-service-fixed .service-item .service-popc .item{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-service-fixed .service-item .service-popc a{ color:#fff; text-decoration:none; display:block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-service-fixed .service-item:hover .service-popc{ width:180px;transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s; -o-transition: width 0.2s; } .w-service-fixed .service-item .service-popc a:hover{ opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);;} .w-service-fixed .service-item .service-popc .service-popc-in{padding:10px 13px 11px; line-height:1.5;} .w-service-fixed .service-item-qrCode .service-popc{ top:auto; bottom:0;} .w-service-fixed .service-item-qrCode .qrCodeImg img{ max-width:100%;} .w-service-fixed .icon_service{ display:inline-block; *display:inline; *zoom:1; width:35px; height:35px; background:url(../images/icon_service.png) no-repeat; vertical-align:middle;} .w-service-fixed .icon_service_qq{ background-position:0 0;} .w-service-fixed .icon_service_tel{ background-position:0 -35px;} .w-service-fixed .icon_service_msn{ background-position:0 -70px;} .w-service-fixed .icon_service_qrCode{ background-position:0 -105px;} .w-service-fixed .icon_service_whatsApp{ background-position:0 -70px;} .w-service-fixed .icon_service_skype{ background-position:0 -175px;} .w-service-fixed .icon_service_wangWang{ background-position:0 -210px;} .w-service-fixed .icon_service_email{background-position:0 -245px;} .w-service-fixed .icon_service_msn{background-position:0 -280px;} .w-service-fixed .service-item-top{ cursor:pointer; display:none;} .w-service-fixed .service-item-top .fa-caret-up{ position:absolute; top:-11px; left:18px; font-size:16px; } .w-service-fixed .service-item-top .top{ color:#fff; font-size:15px;} .w-service-fixed .ic_s{ display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; background:url(../images/ic_s.png) no-repeat; vertical-align:middle; margin-right:5px;} .w-service-fixed .ic_s_qq{ background-position:0 0;} .w-service-fixed .ic_s_tel{ background-position:0 -25px;} .w-service-fixed .ic_s_msn{ background-position:0 -50px;} .w-service-fixed .ic_s_whatsApp{ background-position:0 -50px;} .w-service-fixed .ic_s_skype{ background-position:0 -125px;} .w-service-fixed .ic_s_wangWang{ background-position:0 -150px;} .w-service-fixed .ic_s_email{ background-position:0 -175px;} .w-service-fixed .ic_s_msn{ background-position:0 -200px;} .w-service-fixed-l{ left:0; right:auto !important;} .w-service-fixed-l .service-item .service-popc{ left:46px;} /*锚点*/ .anchor{ position:fixed; z-index:99; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .anchor ul,.anchor li{ list-style:none;} .anchor li{ margin-bottom:20px; display:block; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; position:relative; cursor:pointer; } .anchor li:before{ box-sizing: content-box; -webkit-box-sizing: content-box;} .s_bg_x{background:#ddd; background:rgba(220,220,220,0.7);} .anchor li a{ display:block; width:10px; height:10px;} .anchor li span,.anchor li div{ display:block; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); position:absolute; top:50%;margin-top:-1.25em; color:#666; padding:0.5em 1.5em; line-height:1.5; -webkit-transition:all 0.3s;transition:all 0.3s; white-space:nowrap;} .anchor li:hover span,.anchor li:hover div{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .anchor_l{left:30px;} .anchor_l li span,.anchor_l li div{left:30px;} .anchor_l li:hover span,.anchor_l li:hover div{left:15px;} .anchor_r{right:30px;} .anchor_r li span,.anchor_r li div{right:30px;} .anchor_r li:hover span,.anchor_r li:hover div{right:15px;} /*广告浮窗*/ .ad_boxfixed{ position:fixed; z-index:2000; bottom:20px; right:5px; line-height:1.2;} .ad_boxfixed .ad_tel{ float:left; background:#01E188; border:1px solid #01E188; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 14px 11px; color:#fff; margin-right:10px;} .ad_boxfixed .ad_tel .ad_tel_icon{ float:left;} .ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel{ display:block; width:54px; height:54px; background:url(../images/ad_tel.png);} .ad_boxfixed .ad_tel:hover .ad_tel_icon .icon_adTel{animation:yaohuang 0.3s infinite;-webkit-animation:yaohuang 0.3s infinite;} @-webkit-keyframes yaohuang { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:rotate(30deg); transform:rotate(30deg) } 50% { -webkit-transform:rotate(10deg); transform:rotate(10deg) } 75% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } } @keyframes yaohuang { 0%, 100% { -webkit-transform:rotate(0); transform:rotate(0) } 25% { -webkit-transform:rotate(30deg); transform:rotate(30deg) } 50% { -webkit-transform:rotate(10deg); transform:rotate(10deg) } 75% { -webkit-transform:rotate(-10deg); transform:rotate(-10deg) } } .ad_boxfixed .ad_tel .ad_tel_text{ margin-left:62px; padding-top:2px;} .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt{ font-size:14px; font-weight:200;} .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num{ font-size:20px; font-weight:bold; margin-top:8px;} .ad_boxfixed .ad_buyCart{ float:left; border:1px solid #01e188; background:#fff; font-size:14px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .ad_boxfixed .ad_buyCart a{display:block; padding:8px 10px 10px; text-decoration:none;color:#01e188;} .ad_boxfixed .ad_buyCart a:hover{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .ad_boxfixed .ad_buyCart .icon_adCart{ display:inline-block; *display:inline; *zoom:1; background:url(../images/ad_buyCart.png) no-repeat center; height:34px; width:41px;} .ad_boxfixed .ad_buyCart p{ margin-bottom:0; margin-top:2px;} /*--------------------文件下载-----------------------*/ .w-tb th{ padding:0.5em 1em; line-height:1.5; text-align:center; font-weight:normal; font-size:105%;border:1px solid #e9e9e9;} .w-tb td{ padding:0.5em 1em; line-height:1.5; text-align:center;border:1px solid #e9e9e9;} .w-tb img{ max-width: 100%;} .w-upload-list .w-tb td{position: relative;} .w-upload-list .w-tb td .filepreview_a{ display: block; width:1.5em; height: 1.5em; visibility: hidden; position: absolute; right: 0; top: 0;} .w-upload-list .w-tb td .filepreview_a .icon_preview_x{ content: ''; position: absolute; width:18px; height: 20px; right:0; top:50%; margin-top:-13px; display: inline-block; *display:inline; *zoom:1; background: url(../images/icon_preview1.png) no-repeat center; background-size: contain;} .w-upload-list .w-tb tr:hover .filepreview_a{ visibility: visible;} .w-upload-list .w-tb td .filepreview_a:hover .icon_preview_x{background-image: url(../images/icon_preview1_0.png);} .w-upload-list .icon_file{ display:inline-block; *display:inline; *zoom:1;width:25px; height:25px; background:url(../images/icon_fileSmall.png) no-repeat; vertical-align:middle;} .w-upload-list .icon_file1{ background-position:0 0;} .w-upload-list .icon_file2{background-position:-25px 0;} .w-upload-list .icon_file3{background-position:-50px 0;} .w-upload-list .icon_file4{background-position:-75px 0;} .w-upload-list .icon_file5{background-position:-100px 0;} .w-upload-list .icon_file6{background-position:-150px 0;} .w-upload-list1 .w-tb th{ background:#f6f6f6;} .w-upload-list2 .w-tb th{ color:#fff;} .w-upload-list2 .w-tb{ border:0;} .w-upload-list2 .w-tb td{ border-left:0; border-right:0; border-top:0; border-bottom-color:#f6f6f6;} .w-upload-list2 .w-tb tr:nth-child(even){ background:#f6f6f6;} .w-upload-list2 .w-tb tr:nth-child(odd){background:#fff;} .w-upload-list3 .w-tb th{ background:#f6f6f6; color:#000;} .w-upload-list3 .w-tb tr:nth-child(even){background:#f9f9f9;} .w-upload-list3 .w-tb tr:nth-child(odd){ background:#fff; } .w-upload-list4,.w-upload-list5,.w-upload-list6{ margin-left:-10px; margin-right: -10px; overflow: hidden;} .w-upload-list4 li .item,.w-upload-list5 li .item,.w-upload-list6 li .item{ margin-left: 10px; margin-right: 10px;} .w-upload-list4 ul,.w-upload-list4 li{ list-style: none; padding: 0; margin: 0;} .w-upload-list4 a{ display: block;} .w-upload-list4 a:hover{text-decoration: none;} .w-upload-list4 li{ margin-bottom: 20px;} .w-upload-list4 li .item{padding:20px; border-width:1px; border-style:solid; position: relative;} .w-upload-list4 li .w-file-info{padding-right:65px;} .w-upload-list4 li .w-file-info .icon_file{ float: left; display: block; width:4em; height: 4em; background:url(../images/icon_fileNN1.png) no-repeat #307CF8; background-size: 4em 28em; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden;} .w-upload-list4 li .w-file-info .icon_file1{ background-position:0 -4em; background-color: #2C97FF;} .w-upload-list4 li .w-file-info .icon_file2{background-position:0 -8em; background-color: #FF5855;} .w-upload-list4 li .w-file-info .icon_file3{background-position:0 -12em;} .w-upload-list4 li .w-file-info .icon_file4{background-position:0 -16em; background-color: #1FBB7D;} .w-upload-list4 li .w-file-info .icon_file5{background-position:0 -20em; background-color: #F99506;} .w-upload-list4 li .w-file-info .icon_file6{background-position:0 -24em; background-color: #EC5840;} .w-upload-list4 li .w-file-info .icon_fileEmpty{background-position:0 0; background-color: #F7B500;} .w-upload-list4 li .w-file-info .w-file-text{ margin-left:5em; line-height: 1.8; padding-top: 5px;} .w-upload-list4 li .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-upload-list4 li .w-file-info .w-file-text .dec{font-size: 92%; opacity: 0.7;} .w-upload-list4 li .w-file-load{display:block; position: absolute; right:20px; top:50%; margin-top:-17px; width:60px; height: 34px; border-radius: 40px; -webkit-border-radius: 40px;} .w-upload-list4 li .w-file-load .icon_downLoad_x1{ display:block;position: absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; width:32px; height: 32px; background: url(../images/icon_download1.png) no-repeat center;} .w-upload-list4 li .w-file-load:hover .icon_downLoad_x1{background-image: url(../images/icon_download1_0.png);} .w-upload-list5 ul,.w-upload-list5 li{ list-style: none; padding: 0; margin: 0;} .w-upload-list5 a{ display: block;} .w-upload-list5 a:hover{text-decoration: none;} .w-upload-list5 li .item{padding:25px 0; border-bottom: 1px solid #eee; position: relative;} .w-upload-list5 li .w-file-info{ padding-right: 4.5em;} .w-upload-list5 li .w-file-info .w-file-text{line-height: 1.8;} .w-upload-list5 li .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-upload-list5 li .w-file-info .w-file-text .dec{font-size: 92%; opacity: 0.7;} .w-upload-list5 li .w-file-load{display:block; position: absolute; right:25px; top:50%; margin-top:-0.5em; font-size: 280%; line-height: 1;} .w-upload-list5 li .w-file-load .fa-cloud-download{ font-size: 100%;} .w-upload-list6 ul,.w-upload-list6 li{ list-style: none; padding: 0; margin: 0;} .w-upload-list6 a{ display: block; color: #fff;} .w-upload-list6 a:hover{text-decoration: none;} .w-upload-list6 li{ margin-bottom: 20px;} .w-upload-list6 li .item{padding:25px 20px; position: relative;} .w-upload-list6 li .w-file-info{ padding-right: 4.5em;} .w-upload-list6 li .w-file-info .w-file-text{line-height: 1.8;} .w-upload-list6 li .w-file-info .w-file-text h3{ line-height:1.3;font-size: 120%; font-weight: normal; margin: 0; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-upload-list6 li .w-file-info .w-file-text .dec{font-size: 92%; opacity: 0.7;} .w-upload-list6 li .w-file-load{display:block; position: absolute; top:50%; margin-top: -14px; right:25px;} .w-upload-list6 li .w-file-load .icon_downLoad_x2{ display:block;width: 28px; height: 28px; background: url(../images/icon_download2.png) no-repeat center;} /*-----------------手机底部菜单-------------------*/ .menuFootFixed{position:fixed; left:0; right:0; bottom:0; z-index:5; display:none;} .menuFootFixed .menuFootmask{ position:absolute; left:0; right:0; top:0; bottom:0; } .menuFootFixed .menuFootFixed_in{padding:0.3em 0; position:relative; z-index:1;} .menuFootFixed ul,.menuFootFixed li{list-style:none; margin:0; padding:0;} .menuFootFixed li{float:left; text-align:center; font-size:85%;line-height:1.3;} .menuFootFixed li .item{padding:0 0.3em;} .menuFootFixed li a{ display:block; text-decoration:none; color:#fff;} .menuFootFixed li a:hover{color:#fff; text-decoration:none !important; } .menuFootFixed li .fontImg i{ font-size:240%;} .menuFootFixed li h3{ margin:0; font-size:100%; font-weight:normal;} /*--------------------FAQ系统----------------------*/ .w-faq-list img{ max-width:100%;} .w-faq-list{line-height:1.5; overflow:hidden;} .w-faq-list ul,.w-faq-list li{ list-style:none; padding:0; margin:0;} .w-faq-list1 li{ padding:0.7em 0 1em; border-bottom:1px solid #d9d9d9;} .w-faq-list1 li:first-child{ padding-top:0;} .w-faq-list1 li .faq_tit{ font-size:115%; margin-bottom:0.5em;} .w-faq-list1 li .faq_tit h3{ font-size:100%;margin:0; font-weight:normal;} .w-faq-list2 li{ padding-bottom:1.5em;} .w-faq-list2 li .faq_tit{ font-size:115%; margin-bottom:0.5em; padding-left:15px; position:relative;} .w-faq-list2 li .faq_tit .icon_adore{ background:url(../images/faq2bg.png) no-repeat left center; height:1em; width:12px; position:absolute; left:0; top:0.15em;} .w-faq-list2 li .faq_tit h3{ font-size:100%; margin:0; font-weight:normal;} .w-faq-list2 li .faq_det{ padding-left:15px;} .w-faq-list3 li{ margin-bottom:1em;} .w-faq-list3 li .faq_tit{ font-size:115%; padding-right:2em; position:relative; /*background:#ededed;*/ cursor:pointer;} .faq_tit3bg{background:#ededed;} .w-faq-list3 .bg_main{ color:#fff;} .w-faq-list3 li .faq_tit h3{font-size:100%;margin:0; font-weight:normal; padding:0.7em 0.5em 0.7em 0.8em; } .w-faq-list3 li .faq_tit .icon_adore{ background:url(../images/faq3bg.png) no-repeat; background-position: 0 0; height:14px; width:14px; position:absolute; right:0.5em; top:50%; margin-top:-0.5em;} .w-faq-list3 li.open .faq_tit .icon_adore{ background-position:0 -14px;} .w-faq-list3 li .faq_det{ padding:0.5em 0.9em; display:none;} /*--------------图文系统--------------*/ .w-img-list{ overflow: hidden;} .w-img-list ul,.w-img-list li{ list-style: none; padding: 0; margin: 0;} .w-img-list li a{ display: block;} .w-img-list li a:hover{ text-decoration: none;} .w-img-list h3{ font-size: 125%; margin: 0; font-weight: normal; line-height: 1.3;} .w-img-list1{ margin-left: -14px; margin-right: -14px;} .w-img-list1 li{ float: left; width: 50%; margin-bottom: 28px;} .w-img-list1 li a{ color: #222;} .w-img-list1 li:nth-child(2n+1){ clear: both;} .w-img-list1 li .item{ margin-left: 14px; margin-right: 14px; position: relative;} .w-img-list1 li .imgBox{ float: left; width: 60%;} .w-img-list1 li:nth-child(4n+2) .imgBox, .w-img-list1 li:nth-child(4n+3) .imgBox{ float: right;} .w-img-list1 li .textBox{position:absolute; left: 60%; width: 40%; top: 0; bottom: 0; } .w-img-list1 li:nth-child(4n+2) .textBox, .w-img-list1 li:nth-child(4n+3) .textBox{ left: 0; right: 60%;} .w-img-list1 li .textBox .text{padding: 25px 8%; position:absolute; left: 0; right: 0; top: 0; bottom: 50px;overflow: hidden;} .w-img-list1 li h3{margin-bottom: 0.6em;} .w-img-list1 li .sum{ color:#727272; } .w-img-list1 li .textBox .more{ position: absolute; left: 8%; bottom: 15px; font-size: 80%;} .w-img-list1 li a:hover, .w-img-list1 li a:hover .sum, .w-img-list1 li a:hover .more{ color: #fff;} .w-img-list2 ul{margin-bottom: 2em;} .w-img-list2 li{ float:left; position: relative;} .w-img-list2 li a{ color: #fff;} .w-img-list2 li .item{-webkit-perspective:400px;perspective:400px; position:relative;overflow:hidden;} .w-img-list2 li .img{ overflow: hidden;} .w-img-list2 li img{transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-img-list2 li a:hover img{transform:scale(1.07); -webkit-transform:scale(1.07); } .w-img-list2 .textBox{-webkit-transform:rotate3d(1,0,0,90deg); transform:rotate3d(1,0,0,90deg); width:100%; height:100%; position:absolute; top:0; left:0; pointer-events:none; color:#fff; overflow:hidden; } .w-img-list2 li .mask{ position:absolute; left:0; right:0; bottom:0; top:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-img-list2 .textBox h3{ font-size:130%; margin:0 0 0.7em; } .w-img-list2 .textBox .sum{padding-top: 3em; position: relative;} .w-img-list2 .textBox .sum:before{ content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 2em; background: #fff;} .w-img-list2 .textBox .text{ position:absolute; z-index:10; left:0; right:0; top:50%; top:0\9; *top:0; max-height: 95%; overflow: hidden; padding:1em 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;} :root .w-img-list2 .textBox .text{ top: 50%;} .w-img-list2 .in-top .mask,.w-img-list2 .in-right .mask,.w-img-list2 .in-bottom .mask,.w-img-list2 .in-left .mask,.w-img-list2 .out-top .mask,.w-img-list2 .out-right .mask,.w-img-list2 .out-bottom .mask,.w-img-list2 .out-left .mask{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-img-list2 .in-top .textBox { -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-animation:in-topP 300ms ease 0ms 1 forwards; animation:in-topP 300ms ease 0ms 1 forwards; } .w-img-list2 .in-right .textBox { -webkit-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-animation:in-rightP 300ms ease 0ms 1 forwards; animation:in-rightP 300ms ease 0ms 1 forwards; } .w-img-list2 .in-bottom .textBox { -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:in-bottomP 300ms ease 0ms 1 forwards; animation:in-bottomP 300ms ease 0ms 1 forwards; } .w-img-list2 .in-left .textBox { -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-animation:in-leftP 300ms ease 0ms 1 forwards; animation:in-leftP 300ms ease 0ms 1 forwards; } .w-img-list2 .out-top .textBox { -webkit-transform-origin:50% 0%; transform-origin:50% 0%; -webkit-animation:out-topP 300ms ease 0ms 1 forwards; animation:out-topP 300ms ease 0ms 1 forwards; top:-1px; } .w-img-list2 .out-right .textBox { -webkit-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-animation:out-rightP 300ms ease 0ms 1 forwards; animation:out-rightP 300ms ease 0ms 1 forwards; left:1px; } .w-img-list2 .out-bottom .textBox { -webkit-transform-origin:50% 100%; transform-origin:50% 100%; -webkit-animation:out-bottomP 300ms ease 0ms 1 forwards; animation:out-bottomP 300ms ease 0ms 1 forwards; top:1px; } .w-img-list2 .out-left .textBox{ -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-animation:out-leftP 300ms ease 0ms 1 forwards; animation:out-leftP 300ms ease 0ms 1 forwards; left:-1px; } .w-img-list3{ margin-left: -14px; margin-right: -14px;} .w-img-list3 li{ float:left; margin-bottom: 28px;} .w-img-list3 li .item{ margin-left: 14px; margin-right: 14px;} .w-img-list3 li a{position:relative;overflow:hidden; padding: 20px; background: #f2f2f2;text-align: center; color:#333;} .w-img-list3 li .img{ overflow: hidden;} .w-img-list3 li img{transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-img-list3 li a:hover img{transform:scale(1.07); -webkit-transform:scale(1.07); } .w-img-list3 .textBox{width:100%; height:100%; position:absolute; bottom:-100%; left:0; color:#fff; overflow:hidden; transition: bottom 0.5s; -webkit-transition: bottom 0.5s;} .w-img-list3 a:hover .textBox{ bottom: 0;} .w-img-list3 li .mask{ position:absolute; left:0; right:0; bottom:0; top:0;opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-img-list3 li h3{ font-size:125%; margin-top: 1em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-img-list3 .textBox .text{ position:absolute; z-index:10; left:0; right:0; top:50%; top:0\9; *top:0; max-height: 95%; overflow: hidden; padding:1em 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } :root .w-img-list3 .textBox .text{ top: 50%;} .w-img-list3 li .sum{ line-height: 1.8; font-size: 105%;} .w-img-list3 li .more{ margin-top: 1.5em; font-size: 85%; height: 20px; background: url(../images/moreimg3.png) no-repeat center;} .w-img-list3 li .more span{ display: none;} .w-img-list4{ margin-left: -15px; margin-right: -15px;} .w-img-list4 li{ float:left; margin-bottom: 30px;} .w-img-list4 li .item{ margin-left: 15px; margin-right: 15px;} .w-img-list4 li a{text-align: center; color:#333; } .w-img-list4 li .itBox{position: relative;} .w-img-list4 li .img{ overflow: hidden;} .w-img-list4 li img{transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-img-list4 li a:hover img{transform:scale(1.07); -webkit-transform:scale(1.07); } .w-img-list4 .textBox{ position:absolute; top: 8%; right: 8%; bottom: 8%; left: 8%; background: #fff; overflow:hidden; transition: all 0.5s; -webkit-transition: all 0.5s;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0); -webkit-transform: scale(0);} .w-img-list4 a:hover .textBox{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: scale(1); -webkit-transform: scale(1);} .w-img-list4 li .bg_main{ position:absolute; left:0; width: 0; bottom:0; height: 5px; transition: all 0.5s 0.5s; -webkit-transition: all 0.5s 0.5s;} .w-img-list4 li a:hover .bg_main{ width: 100%;} .w-img-list4 li h3{ font-size:125%; font-weight: bold; margin-top: 1em;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-img-list4 li .textBox h3{ white-space: normal; margin-top: 0; margin-bottom: 1em; font-size: 130%; word-break: normal;} .w-img-list4 li a:hover > h3{ visibility: hidden;} .w-img-list4 .textBox .text{ position:absolute; z-index:10; left:0; right:0; top:50%; top:0\9; *top:0; max-height: 95%; overflow: hidden; padding:1em 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } :root .w-img-list4 .textBox .text{ top: 50%;} .w-img-list4 li .sum{ line-height: 1.8; } .w-img-list4 li .more{ margin-top: 1.5em; font-size: 85%; height: 20px; background: url(../images/moreimg4.png) no-repeat center;} .w-img-list4 li .more span{ display: none;} .w-img-list5{ margin:0 -14px;} .w-img-list5 li{ float:left; margin-bottom: 28px;} .w-img-list5 li .item{ margin-left: 14px; margin-right: 14px;} .w-img-list5 li a{ position:relative;} .w-img-list5 li .img{ overflow: hidden;} .w-img-list5 li img{transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-img-list5 li a:hover img{transform:scale(1.07); -webkit-transform:scale(1.07); } .w-img-list5 li .textBox{ padding:1.6em 2.5em 1.6em 1em; color:#fff; position:absolute; left:0; right:0; bottom:0;background:url(../images/bgmask.png) repeat; background:rgba(0,0,0,0.5); transition:all 0.5s; -webkit-transition:all 0.5s; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);overflow:hidden;} .w-img-list5 li .textBox:before{ content:''; position:absolute; border:1px solid #fff; border-color:rgba(255,255,255,0.75); left:0.6em; top:0.6em; right:0.6em; bottom:0.6em; transform:scale(1.2); -webkit-transform:scale(1.2); transition:transform 0.5s; -webkit-transition:transform 0.5s; opacity:0; } .w-img-list5 li .textBox:after{ content:''; width:8px; height:14px; background:url(../images/icon_jt.png) no-repeat center; position:absolute; right:0px; visibility:hidden; top:50%; margin-top:-7px;transition:all 0.5s; -webkit-transition:all 0.5s;} .w-img-list5 li a:hover .textBox{ padding-left:1.6em; padding-right:1.5em; opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-img-list5 li a:hover .textBox:before{transform:scale(1); -webkit-transform:scale(1); opacity:1;} .w-img-list5 li a:hover .textBox:after{ right:1.3em; visibility:visible;} .w-img-list5 li h3{ font-size:120%;} .w-img-list5 li .sum{ margin-top:0.3em; line-height:1.5; height:1.5em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} /*--------------图文列表图片动画---------------------*/ .img_ScaleBig .img-count-in{overflow:hidden;} .img_ScaleBig .imgBox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .img_Top .img-count-in{overflow:hidden;} .img_Top img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .img_Top .imgBox:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .img_bgMain .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-webkit-transition: all 0.5s;} .img_bgMain .imgBox:hover .imgbg{opacity:0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); } .img_bgMain .icon_more{ position: absolute; z-index: 2; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; display: block; width: 64px; height: 64px; background: url(../images/search_more.png) no-repeat center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s 0.3s; -webkit-transition: all 0.5s 0.3s;} .img_bgMain .imgBox:hover .icon_more{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: scale(1); -webkit-transform: scale(1);} .img_bgBlack .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#000;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-webkit-transition: all 0.5s; } .img_bgBlack .imgBox:hover .imgbg{opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);} .img_bgBlack .icon_more{ position: absolute; z-index: 2; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; display: block; width: 64px; height: 64px; background: url(../images/search_more.png) no-repeat center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s 0.3s; -webkit-transition: all 0.5s 0.3s;} .img_bgBlack .imgBox:hover .icon_more{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: scale(1); -webkit-transform: scale(1);} .img_F .img-count-in:before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .img_F .imgBox:hover .img-count-in:before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*---------图文系统详情------------*/ .igtDetail img{ max-width: 100%;} .igtDetail .imgBox_x{ text-align: center;} .igtDetail .imgBox_x img{ max-width: 100%;} .igtDetail .mCSB_inside>.mCSB_container{ margin-right: 0;} .igtDetail .mCSB_scrollTools .mCSB_draggerRail{ width: 3px; background: #d0d0d0; background: rgba(0,0,0,0.1);} .igtDetail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background: #444;} .igtDetail .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .igtDetail .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .igtDetail .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #444;} .igtDetail1{ position: fixed; left: 0; top:0; right: 0; bottom: 0; z-index: 1000; } .igtDetail1 .mask_x{position: fixed; left: 0; top:0; right: 0; bottom: 0; background:#000; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .igtDetail1 .igtDCon{ position: absolute; z-index: 1; top:50%; top:0\9; *top:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width:800px; left:50%; margin-left: -400px; background: #fff;} :root .igtDetail1 .igtDCon{ top: 50%;} .igtDetail1 .igtDCon .close_x{ position:absolute; z-index: 5; top: 10px; right: -40px; width: 30px; height: 30px; background: url(../images/close1.png) no-repeat center; cursor: pointer;} .igtDetail1 .imgBox_x img{width: 100%; max-height: 100vh; } .igtDetail1 .det_info{ position: absolute; left: 0; bottom: 0; right: 0; color: #000;} .igtDetail1 .det_info:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);} .igtDetail1 .det_info .det_info_in{position: relative; z-index: 1; padding-bottom: 3em;} .igtDetail1 .det_info .tit_h{ background: rgba(255,255,255,0.5); text-align: center; position: absolute; left: 0; right: 0; bottom: 0;} .igtDetail1 .det_info .tit_h h2{ font-size:130%;line-height: 1.5; padding: 0.5em; font-weight: normal; margin: 0;} .igtDetail1 .det_info .sum_x{ padding: 20px 30px;} .igtDetail1 .bx-wrapper .bx-pager{ width: auto; right: 0.6em; left: auto; font-size:1.3em; font-weight: normal; bottom: 0; color: #666;} .igtDetail1 .prev_next_x .prev_x, .igtDetail1 .prev_next_x .next_x{ position: absolute; z-index: 5; top: 50%; margin-top: -25px; display: block; text-decoration: none;} .igtDetail1 .prev_next_x .prev_x{ left: 30px;} .igtDetail1 .prev_next_x .next_x{ right: 30px;} .igtDetail1 .prev_next_x .icon_pn{ display: block; margin: 0 auto 0.5em; position: relative; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; font-style: normal; color: #333;} .igtDetail1 .prev_next_x .icon_pn:hover{ color: #fff;} .igtDetail1 .prev_next_x .icon_prev:before, .igtDetail1 .prev_next_x .icon_next:before{ font-size:26px; position:absolute; width:1.5em; height:1.5em; line-height:1.5; text-align:center; top:50%; margin-top:-0.75em; left:50%; margin-left:-0.75em;} .igtDetail1 .prev_next_x .icon_prev:before{content: "\f104";} .igtDetail1 .prev_next_x .icon_next:before{content: "\f105";} .igtDetail1 .prev_next_x span{ display: block; white-space: nowrap; text-align: center; display: none;} .igtDetail1 .prev_next_x .disabled{ cursor: default;} .igtDetail1 .prev_next_x .disabled .icon_pn{ background:#fff; color: #666;} .igtDetail2{ padding-bottom: 40px; position: relative;} .igtDetail2 .igtDCon{max-width: 70%; margin: 0 auto;} .igtDetail2 h2{ font-size:28px; margin: 0 0 1em; text-align: center; color: #222;} .igtDetail2 .imgBox_x{ margin-bottom: 15px;} .igtDetail2 .sum_x{ line-height: 1.8;} .igtDetail2 .bx-wrapper .bx-pager{position: relative !important; bottom: 0 !important;} .igtDetail2 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width: 16px !important; height: 16px !important; margin: 0 5px !important; text-align: center;} .igtDetail2 .bx-wrapper .bx-pager.bx-default-pager a{ box-sizing: content-box;vertical-align: middle;margin: 0 5px;background: #bbb !important;height: 6px !important;width: 6px !important;opacity: 1 !important;*filter: alpha(opacity=100) !important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;border-radius: 50% !important;-moz-border-radius: 50% !important;-webkit-border-radius: 50% !important;} .igtDetail2 .bx-wrapper .bx-pager.bx-default-pager a.active{height: 6px !important;width: 6px !important;} .igtDetail2 .prev_next_x .prev_x, .igtDetail2 .prev_next_x .next_x{ position: absolute; top: 300px; display: block; text-decoration: none;} .igtDetail2 .prev_next_x .prev_x{ left: 0;} .igtDetail2 .prev_next_x .next_x{ right: 0;} .igtDetail2 .prev_next_x .icon_pn{ display: block; margin: 0 auto 0.5em; position: relative; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; font-style: normal; border-width: 1px; border-style: solid; border-radius: 50%; -webkit-border-radius: 50%;} .igtDetail2 .prev_next_x .icon_prev:before, .igtDetail2 .prev_next_x .icon_next:before{ font-size:26px; position:absolute; width:1.5em; height:1.5em; line-height:1.5; text-align:center; top:50%; margin-top:-0.75em; left:50%; margin-left:-0.75em;} .igtDetail2 .prev_next_x .icon_prev:before{content: "\f104";} .igtDetail2 .prev_next_x .icon_next:before{content: "\f105";} .igtDetail2 .prev_next_x span{ display: block; white-space: nowrap; text-align: center; display: none;} .igtDetail2 .prev_next_x .disabled{ cursor: default;} .igtDetail2 .prev_next_x .disabled .icon_pn{ border-color: #bbb; color: #bbb;} .igtDetail3{ padding:0 60px 40px; position: relative; } .igtDetail3 h2{ font-size:28px; margin: 0 0 1em; text-align: center; color: #222;} .igtDetail3 .det_con_in{position: relative;} .igtDetail3 .imgBox_x{ float: left; width: 47%;} .igtDetail3 .det_info{ position:absolute; left: 47%; right:0; top: 0; bottom: 20px; padding: 0 0 20px 5%;} .igtDetail3 .sum_x{ line-height: 1.8; padding-right: 20px;} .igtDetail3 .bx-wrapper .bx-pager{position: relative !important; bottom: 0 !important;} .igtDetail3 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width: 16px !important; height: 16px !important; margin: 0 5px !important; text-align: center;} .igtDetail3 .bx-wrapper .bx-pager.bx-default-pager a{ box-sizing: content-box;vertical-align: middle;margin: 0 5px;background: #bbb !important;height: 6px !important;width: 6px !important;opacity: 1 !important;*filter: alpha(opacity=100) !important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;border-radius: 50% !important;-moz-border-radius: 50% !important;-webkit-border-radius: 50% !important;} .igtDetail3 .bx-wrapper .bx-pager.bx-default-pager a.active{height: 6px !important;width: 6px !important;} .igtDetail3 .prev_next_x .prev_x, .igtDetail3 .prev_next_x .next_x{ position: absolute; top: 50%; margin-top: -25px; display: block; text-decoration: none;} .igtDetail3 .prev_next_x .prev_x{ left: 0;} .igtDetail3 .prev_next_x .next_x{ right: 0;} .igtDetail3 .prev_next_x .icon_pn{ display: block; margin: 0 auto 0.5em; position: relative; width:44px; height:44px; font-family:FontAwesome; font-weight:normal; font-style: normal; color: #fff;} .igtDetail3 .prev_next_x .icon_prev:before, .igtDetail3 .prev_next_x .icon_next:before{ font-size:26px; position:absolute; width:1.5em; height:1.5em; line-height:1.5; text-align:center; top:50%; margin-top:-0.75em; left:50%; margin-left:-0.75em;} .igtDetail3 .prev_next_x .icon_prev:before{content: "\f104";} .igtDetail3 .prev_next_x .icon_next:before{content: "\f105";} .igtDetail3 .prev_next_x span{ display: block; white-space: nowrap; text-align: center; display: none;} .igtDetail3 .prev_next_x .disabled{ cursor: default;} .igtDetail3 .prev_next_x .disabled .icon_pn{ background:#e0e0e0; color: #fff;} .igtDetail4{ position: fixed; left: 0; top:0; right: 0; bottom: 0; z-index: 1000;} .igtDetail4 .mask_x{position: fixed; left: 0; top:0; right: 0; bottom: 0; background:#000; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .igtDetail4 .igtDCon{ position: absolute; z-index: 1; /*top: 40px; top: 5vh; bottom: 40px; bottom: 5vh;*/ top:50%; top:40px\9; *top:40px; transform: translateY(-50%); -webkit-transform: translateY(-50%);left: 12%; right: 12%; padding: 30px; background: #fff;} :root .igtDetail4 .igtDCon{ top:50%;} .igtDetail4 .igtDCon .close_x{ position:absolute; z-index: 5; top: 10px; right: 10px; width: 22px; height: 22px; background: url(../images/close2.png) no-repeat center; cursor: pointer;} .igtDetail4 .imgBox_x img{max-height: 600px; max-height: calc(90vh - 70px);} .igtDetail4 .imgBox_x{ float: left; width: 50%; padding-right: 30px; box-sizing:border-box;} .igtDetail4 .det_info{ position:absolute; left: 50%; border-left: 1px solid #eee; right:30px; top: 30px; bottom: 30px; padding: 0 0 20px 4%;} .igtDetail4 .det_info .det_info_in{ padding-right: 20px;} .igtDetail4 h2{ font-size:24px; margin: 0 0 0.5em; color: #000; line-height: 1.5;} .igtDetail4 .sum_x{ line-height: 1.8; color: #666;} .igtDetail4 .bx-wrapper .bx-pager{position: relative !important; bottom: -5px !important; padding: 10px 0 0 !important;} .igtDetail4 .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{ width: 16px !important; height: 16px !important; margin: 0 5px !important; text-align: center;} .igtDetail4 .bx-wrapper .bx-pager.bx-default-pager a{ box-sizing: content-box;vertical-align: middle;margin: 0 5px;background: #bbb !important;height: 6px !important;width: 6px !important;opacity: 1 !important;*filter: alpha(opacity=100) !important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;border-radius: 50% !important;-moz-border-radius: 50% !important;-webkit-border-radius: 50% !important;} .igtDetail4 .bx-wrapper .bx-pager.bx-default-pager a.active{height: 6px !important;width: 6px !important;} .igtDetail4 .prev_next_x .prev_x, .igtDetail4 .prev_next_x .next_x{ position: absolute; z-index: 5; top: 50%; margin-top: -25px; display: block; text-decoration: none;} .igtDetail4 .prev_next_x .prev_x{ left: 12%; margin-left: -50px;} .igtDetail4 .prev_next_x .next_x{ right: 12%; margin-right: -50px;} .igtDetail4 .prev_next_x .icon_pn{ display: block; margin: 0 auto 0.5em; position: relative; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; font-style: normal; color: #fff;} .igtDetail4 .prev_next_x .icon_prev:before, .igtDetail4 .prev_next_x .icon_next:before{ font-size:26px; position:absolute; width:1.5em; height:1.5em; line-height:1.5; text-align:center; top:50%; margin-top:-0.75em; left:50%; margin-left:-0.75em;} .igtDetail4 .prev_next_x .icon_prev:before{content: "\f104";} .igtDetail4 .prev_next_x .icon_next:before{content: "\f105";} .igtDetail4 .prev_next_x span{ display: block; white-space: nowrap; text-align: center; display: none;} .igtDetail4 .prev_next_x .disabled{ cursor: default;} .igtDetail4 .prev_next_x .disabled .icon_pn{ background:#797979;} /*--------------图文系统 end--------------*/ /*---------------------广告浮窗---------------*/ .sead{ position:fixed; z-index:2001;top:50%;} .leftsead{ left:0; } .rightsead{ right:0;} .sead .item{ position:relative; margin-bottom:15px; display:inline-block; *display:inline; *zoom:1;} .sead .item:last-child{ margin-bottom:0;} .sead .item .close{ position:absolute; width:24px; height:24px; top:0; right:0; background:url(../images/close_s1.png) no-repeat center #b2b2b2; background-color:rgba(0,0,0,0.2); cursor:pointer; border-radius:2px; -webkit-border-radius:2px;} .sead .item .close:hover{background-image:url(../images/close_sh1.png);} .sead .item a{ display:block;} .sead .item img{ max-width:100%;} .flwb{ position:absolute; z-index:2001;} .flwb a{ display:block;} .flwb img{max-width:600px;} .flwb .close{ position:absolute; width:24px; height:24px; top:0; right:0; background:url(../images/close_s1.png) no-repeat center #b2b2b2; background-color:rgba(0,0,0,0.2); cursor:pointer; border-radius:2px; -webkit-border-radius:2px;} .flwb .close:hover{background-image:url(../images/close_sh1.png);} /*------------信息系统---------------*/ .g-info-search{ max-width:550px; margin:0 auto;} .g-info-search dl dd.dl_ddL{ width:8em;} .g-info-search dl dd.dl_ddR{ margin-left:9em;} /*------行数个数设置-------*/ .listLiX1 li{ width: 100%;} .listLiX2 li{ width: 50%; float: left;} .listLiX2 li:nth-child(2n+1){clear: both;} .listLiX3 li{ width: 33.333%; float: left;} .listLiX3 li:nth-child(3n+1){clear: both;} .listLiX4 li{ width: 25%; float: left;} .listLiX4 li:nth-child(4n+1){clear: both;} .listLiX5 li{ width: 20%; float: left;} .listLiX5 li:nth-child(5n+1){clear: both;} .listLiX6 li{ width: 16.666%; float: left;} .listLiX6 li:nth-child(6n+1){clear: both;} /*------行数个数设置 end-------*/ @media (min-width:768px){ .search_page .side_bar{ margin-top:0;} .w-com-sidebar .ul-parent{ display:block !important;} .w-com-sidebar .ul-parent a{font-weight:700;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{background:#eaeaea; border-bottom:1px solid #fafafa;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent .fa-plus{display:none;} .w-com-menu-V .ul-submenu{background:#f5f5f5;} .w-com-menu-V .ul-submenu .ul-submenu{ background:#fbfbfb;} .w-com-menu-V .ul-submenu .li-parent .div-parent{ border-bottom:1px solid #fff;} .w-com-menu-V .ul-submenu a,.w-com-menu .ul-submenu .fa{ color:#898989;} .w-com-menu-H .ul-parent > li> .ul-submenu > ul{background:#fff;} .w-com-menu-H .ul-submenu li{margin-left: -1px;} .w-com-menu-H2{ margin-bottom:20px; border-left:0 !important; border-right:0 !important; border-top:0 !important; border-bottom:1px solid #ddd;} .w-com-menu-H2 .systitle{ padding:0; background:none; color:#000; text-align:left; line-height:2.2; font-size:22px; margin-bottom:0.5em;} .w-com-menu-H2 .ul-submenu{ display:block;} .w-com-menu-H2 .ul-submenu .ul-submenu{ display:none;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent{ margin-bottom:10px;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ font-size:110%; line-height:24px; font-weight:bold;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent{ overflow:hidden;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{ float:left; text-align:right; position:relative;} .w-com-menu-H2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent:after{ content:':'; position:absolute; right:-10px; line-height:24px;} .w-com-menu-H2 .ul-submenu a{ font-size:100%; line-height:24px;} .w-com-menu-H2 .ul-submenu li{ display:inline-block; *display:inline; *zoom:1; margin:0 10px;} /*-----------------------横向菜单扩展新增-----------------------*/ .w-com-menuNH{z-index: 10;} .w-com-menuNH .ul-submenu{ font-size: 14px;} .w-com-menuNH .ul-submenu li{position: relative;} .w-com-menuNH .ul-submenu .ul-submenu{ top:2.4em } .w-com-menuNH .ul-submenu li .div-parent{margin:0 5px;} .w-com-menuNH .ul-submenu li a{ line-height:3;} .w-com-menuNH1{position: relative; border-bottom: 4px solid #EBEBEB;} .w-com-menuNH1 .systitle{ float:left; color:#101010; line-height: 68px; font-size: 28px; padding:0;} .w-com-menuNH1 > .w-com-menu-in > ul{ float:right;} .w-com-menuNH1 > .w-com-menu-in > .ul-parent > li{ margin-left: 30px;} .w-com-menuNH1 > .w-com-menu-in > .ul-parent > li > .div-parent a{ line-height:68px; font-size:16px; } .w-com-menuNH1 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH1 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ color:#f60;} .w-com-menuNH1 .menu_simpline_cur{ position:absolute; left:0; bottom:-4px; right:0; height:4px; background:#f60;} .w-com-menuNH1 >.w-com-menu-in>.ul-parent> li:hover >.div-parent .menu_simpline_cur,.w-com-menuNH1 >.w-com-menu-in>.ul-parent> li.cur >.div-parent .menu_simpline_cur{ display:block;} .w-com-menuNH1 .ul-submenu{ top:68px;} .w-com-menuNH2{ position: relative;} .w-com-menuNH2:before{ content: ''; position: absolute; width:3000px; left: 50%; margin-left: -1500px; bottom: 0; height:1px; background: #eee;} .w-com-menuNH2 .systitle{ display: none;} .w-com-menuNH2 > .w-com-menu-in > .ul-parent > li{margin-right:30px;} .w-com-menuNH2 > .w-com-menu-in > .ul-parent > li > .div-parent a{ line-height:68px; font-size:16px; } .w-com-menuNH2 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH2 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ color:#f60;} .w-com-menuNH2 .menu_simpline_cur{ display: block; position: absolute; left:5%; width:0; bottom: 0; height: 2px; background:#f60; transition: width 0.5s; -webkit-transition: width 0.5s;} .w-com-menuNH2 >.w-com-menu-in>.ul-parent> li:hover >.div-parent .menu_simpline_cur,.w-com-menuNH2 >.w-com-menu-in>.ul-parent> li.cur >.div-parent .menu_simpline_cur{width:90%;} .w-com-menuNH2 .ul-submenu{ top:68px;} .w-com-menuNH3{ border-bottom: 1px dashed #ADADAD;} .w-com-menuNH3 .systitle{position: relative; float:left; padding: 0; color:#353535; line-height: 56px; font-size: 24px; font-weight:bold; padding-left: 14px;} .w-com-menuNH3 .systitle:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -11px; width:5px; height: 22px; background: #f60} .w-com-menuNH3 >.w-com-menu-in > ul{ float:right;} .w-com-menuNH3 > .w-com-menu-in > .ul-parent> li > .div-parent:before{content: ''; display: none; position: absolute; left:50%; margin-left:-5px; bottom:-6px; box-sizing: content-box; width: 7px; height:7px; border:2px solid #f60; background: #fff; border-radius: 50%; -webkit-border-radius: 50%;} .w-com-menuNH3 >.w-com-menu-in > .ul-parent > li:hover > .div-parent:before,.w-com-menuNH3 > .w-com-menu-in > .ul-parent > li.cur > .div-parent:before{ display: block;} .w-com-menuNH3 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 15px; line-height:66px; display:block; font-size:16px; position:relative; z-index: 1; } .w-com-menuNH3 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a,.w-com-menuNH3 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{color:#fff;} .w-com-menuNH3 .menu_simpline_cur{ position:absolute; left:0; right:0; height:32px; top: 50%; margin-top:-16px; border-radius: 2px; -webkit-border-radius: 2px; background: #f60;} .w-com-menuNH3 >.w-com-menu-in>.ul-parent> li:hover >.div-parent .menu_simpline_cur,.w-com-menuNH3 >.w-com-menu-in>.ul-parent> li.cur >.div-parent .menu_simpline_cur{ display:block;} .w-com-menuNH3 .ul-submenu{top:67px;} .w-com-menuNH4{ position: relative; text-align: center;} .w-com-menuNH4:before{ content: ''; position: absolute; width:3000px; left: 50%; margin-left: -1500px; bottom: 0; top:0; background: #f0f0f0;} .w-com-menuNH4 .systitle{ display: none;} .w-com-menuNH4 > .w-com-menu-in > .ul-parent{ display: inline-block; *display:inline; *zoom:1; vertical-align: bottom;} .w-com-menuNH4 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 15px; line-height:54px; display:block; font-size:16px;} .w-com-menuNH4 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH4 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ background:#f60; color:#fff;} .w-com-menuNH4 .ul-submenu{ top:54px; } .w-com-menuNH5{ border-bottom:2px solid #E1E1E1;} .w-com-menuNH5 .systitle{ display: none;} .w-com-menuNH5 a{color:#666;} .w-com-menuNH5 > .w-com-menu-in > .ul-parent > li{ margin-right: 24px; } .w-com-menuNH5 > .w-com-menu-in > .ul-parent > li > .div-parent a{ line-height:75px; font-size:16px; } .w-com-menuNH5 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ color:#333; font-size:20px;} .w-com-menuNH5 .menu_simpline_cur{ position: absolute; left:0; bottom: -2px; height: 6px; width:100%; background: #f60;} .w-com-menuNH5 li.cur .menu_simpline_cur{ display: block;} .w-com-menuNH5 .ul-submenu{ top:75px; } .w-com-menuNH6{ position: relative; text-align: center; } .w-com-menuNH6:before{ content: ''; position: absolute; width:3000px; left: 50%; margin-left: -1500px; bottom: 0; top:0; background: #f60;} .w-com-menuNH6 .systitle{ display: none;} .w-com-menuNH6 > .w-com-menu-in > .ul-parent{ display: inline-block; *display:inline; *zoom:1; vertical-align: bottom;} .w-com-menuNH6 > .w-com-menu-in > .ul-parent > li{ position:relative; border-right: 1px solid rgba(255,255,255,0.2);} .w-com-menuNH6 > .w-com-menu-in > .ul-parent > li:first-child{border-left: 1px solid rgba(255,255,255,0.2);} .w-com-menuNH6 > .w-com-menu-in > .ul-parent> li > .div-parent{position:relative;} .w-com-menuNH6 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 20px; color:#fff; line-height:62px; display:block; font-size:15px;} .w-com-menuNH6 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH6 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ color:#f60; background:#fff;} .w-com-menuNH6 .ul-submenu{ top:62px; } .w-com-menuNH7{ margin-top:-66px; position:relative; z-index: 10;} .w-com-menuNH7:before{content: ''; position: absolute; top:0; bottom:0; left: 50%; margin-left: -1500px; width:3000px; background-color: #f60;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .w-com-menuNH7 .systitle{ display: block; float: left; background: none; color:#fff; line-height: 66px; padding:0; position: relative; z-index: 1;} .w-com-menuNH7 > .w-com-menu-in > .ul-parent{ float: right;position: relative; z-index: 1;} .w-com-menuNH7 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 20px; color:#fff; line-height:66px; font-size:16px; } .w-com-menuNH7 > .w-com-menu-in > .ul-parent > li:hover > .div-parent a,.w-com-menuNH7 > .w-com-menu-in > .ul-parent > li.cur > .div-parent a{ color:#f60; background: #fff;} .w-com-menuNH7 .menu_simpline_cur{ position: absolute; left: 0; right: 0; top: 0; height: 4px; background: #f60;} .w-com-menuNH7 > .w-com-menu-in > .ul-parent > li:hover .menu_simpline_cur,.w-com-menuNH7 > .w-com-menu-in > .ul-parent > li.cur .menu_simpline_cur{ display: block;} .w-com-menuNH7 .ul-submenu{ top:66px; } .w-com-menuNH8{ text-align: center;} .w-com-menuNH8 .systitle{ background: none; font-size: 36px; color:#333; margin: 0 0 30px; padding: 0; text-align: center;} .w-com-menuNH8 > .w-com-menu-in > .ul-parent{ display: inline-block; *display:inline; *zoom:1; vertical-align: bottom;} .w-com-menuNH8 > .w-com-menu-in > .ul-parent > li{ margin: 0 5px 10px;} .w-com-menuNH8 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 20px; line-height:40px; display:block; font-size:16px; border: 1px solid #e0e0e0; white-space: nowrap; } .w-com-menuNH8 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH8 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ background:#f60; border-color:#f60; color:#fff;} .w-com-menuNH8 .ul-submenu{ top:42px; } .w-com-menuNH---8{ background:#f2f2f2; text-align:center;} .w-com-menuNH---8 .systitle{ display: none;} .w-com-menuNH---8 .systitle:before{ content:''; position:absolute; left:0; top:50%; margin-top:-0.4em; width:4px; height:1em; background:#333;} .w-com-menuNH---8 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding:0 20px; color:#000; line-height:70px; display:block; font-size:16px;} .w-com-menuNH---8 >.w-com-menu-in>.ul-parent> li:hover >.div-parent a, .w-com-menuNH---8 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{ background:#f60; color:#fff;} .w-com-menuNH---8.ul-submenu{ top:70px; } .w-system .w-com-menuNH{margin-top: -40px;} .w-system .w-com-menuNH7{ margin-top: -106px;} .w-system .w-com-menuNH8{ margin-top: 0;} /*-----------------------横向菜单扩展新增 end-----------------------*/ /*-----------------------纵向菜单扩展新增 -----------------------*/ .menuMVLeft a{ text-align: left;} .menuMVCenter a{ text-align: center;} .menuMVRight a{ text-align: right;} .w-com-menuNV{position: relative; z-index: 10;} .w-com-menuNV ul,.w-com-menuNV li{ list-style: none; margin: 0; padding: 0;} .w-com-menuNV .systitle{padding:16px 20px; font-size:24px; color: #fff; background:#f60; margin-bottom: 0; } .w-com-menuNV .systitle .systitle-in{ line-height: 32px;} .w-com-menuNV .systitle .fa{ display: none;} .w-com-menuNV li .fa{ font-size:135%; font-weight:normal;right:-2px; top:0; bottom: 0; width:5em; position: absolute; display: block; cursor: pointer;} .w-com-menuNV li .fa:before{content: "\f107"; position: absolute; right: 0; top: 50%; margin-top: -0.5em; width: 1em;height: 1em; line-height: 1em; text-align: center; } .w-com-menuNV > .w-com-menu-in > .ul-parent > .li-parent{ border-bottom:1px solid #ddd; } .w-com-menuNV > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{position: relative;} .w-com-menuNV > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{font-size:16px; line-height:25px;color:#333; padding:12px 48px 12px 20px; position:relative;} .w-com-menuNV.menuMVCenter > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ padding: 12px 20px;} .w-com-menuNV > .w-com-menu-in > .ul-parent > .li-parent > .div-parent .fa{right: 18px; } .w-com-menuNV li a{padding:8px 0; line-height:1.3;} .w-com-menuNV .ul-submenu{ padding:10px 20px; } .w-com-menuNV .ul-submenu a{color:#666; font-size: 14px;} .w-com-menuNV.menuMVRight .ul-submenu a{ padding-right:28px; } .w-com-menuNV .ul-submenu .ul-submenu a{ font-size: 12px;} .w-com-menuNV .ul-submenu .ul-submenu{ display: block;padding:5px 20px;} .w-com-menuNVClick .ul-submenu .ul-submenu{ display: none;} .w-com-menuNV .ul-submenu li:hover >.div-parent a,.w-com-menuNV .ul-submenu li:hover >.div-parent .fa,.w-com-menuNV .ul-submenu li.cur >.div-parent a,.w-com-menuNV .ul-submenu li.cur >.div-parent .fa{ color:#f60;} .w-com-menuNV1{ margin-top: -77px;} .w-com-menuNV1 .systitle{line-height: 8px; text-align: center;} .w-com-menuNV1.menuMVRight .systitle{ text-align: right; padding-right: 58px;} .w-com-menuNV1 .systitle .fa{ display: inline-block; *display:inline; *zoom:1; width: 2.5em; height: 2px; background: #fff; opacity: 0.5;*filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-com-menuNV1 .ul-parent{ padding: 10px 15px 20px; background:#F6F6F6;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent{ background:#fff; margin-bottom: 5px; border-bottom: 0;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:before{ content: ''; width: 6px; height: 4px;box-sizing: border-box; border-width:4px 3px 4px 3px; border-style: solid; border-color: #c0c0c0 transparent transparent transparent ; position: absolute; right: 0.5em; margin-right: -3px; top: 50%; margin-top: -2px;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:after{ content: ''; width: 14px; height: 14px; box-sizing: border-box; border: 1px solid #d0d0d0; position: absolute; right: 0.5em; margin-right: -7px; top: 50%; margin-top: -7px;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a,.w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a{ background:#f60; color: #fff;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:before,.w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:before{border-color: #fff transparent transparent transparent ;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.open > .div-parent > .fa-plus:before{border-color: transparent transparent #c0c0c0 transparent ; margin-top: -6px;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.open:hover > .div-parent > .fa-plus:before,.w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.open.cur > .div-parent > .fa-plus:before{border-color: transparent transparent #fff transparent ;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:after,.w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:after{ border-color: #fff;} .w-com-menuNV2{ background: #fff;} .w-com-menuNV2 .systitle{ background:url(../images/menuNV2_0.png) no-repeat right bottom #f60; text-align: left;} .w-com-menuNV2.menuMVCenter .systitle{ text-align: center;} .w-com-menuNV2.menuMVRight .systitle{ text-align: right; padding-right: 48px;} .w-com-menuNV2 .ul-parent{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .w-com-menuNV2 .ul-submenu{ border-top: 1px solid #ddd;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{position: relative;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a:before,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a:before{ content: ''; position: absolute; left: -1px; width: 3px; top:0; bottom:0; background:#f60;} .w-com-menuNV2.menuMVRight > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a:before,.w-com-menuNV2.menuMVRight > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a:before{left: auto; right: -1px;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:before{ content: ''; width: 17px; height: 1px;box-sizing: border-box; background:#ccc; position: absolute; right: 0.5em; margin-right: -9px; top: 50%; margin-top: -1px;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:after{ content: ''; width: 1px; height: 17px; box-sizing: border-box;background:#ccc; position: absolute; right: 0.5em; margin-right: -1px; top: 50%; margin-top: -9px; transition: transform 0.5s; -webkit-transition: transform 0.5s;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:before,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:before,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:after,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:after{ background:#f60;} .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.open > .div-parent > .fa-plus:after{ /*display: none;*/ transform: rotate(90deg); -webkit-transform: rotate(90deg);} .w-com-menuNV3{ background: #fff;} .w-com-menuNV3 .systitle{line-height: 10px; text-align: left; padding: 25px 20px;} .w-com-menuNV3.menuMVCenter .systitle{ text-align: center;} .w-com-menuNV3.menuMVRight .systitle{ text-align: right; padding-right: 53px;} .w-com-menuNV3 .systitle .fa{ display: inline-block; *display:inline; *zoom:1; width: 1.5em; height: 1px; background: #fff; } .w-com-menuNV3 .ul-parent{ padding: 10px 20px; border:1px solid #ddd; border-top: 0;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent:nth-last-child(1){ border-bottom: 0;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ padding-left: 0; padding-right: 35px;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent .fa{ right: 0;} .w-com-menuNV3 .ul-submenu{ padding-top: 0;} .w-com-menuNV3 li .ul-submenu .fa{right: -20px;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:before{ content: ''; width: 10px; height: 6px;box-sizing: border-box; border-width:6px 5px 6px 5px; border-style: solid; border-color: #c0c0c0 transparent transparent transparent ; position: absolute; right: 0.5em; margin-right: -5px; top: 50%; margin-top: -3px;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a,.w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a{ color:#f60;} .w-com-menuNV3 > .w-com-menu-in > .ul-parent > .li-parent.open > .div-parent > .fa-plus:before{border-color: transparent transparent #c0c0c0 transparent ; margin-top: -9px;} .w-com-menuNV4{ margin-top: -72px; background: #fff;} .w-com-menuNV4 .systitle{ text-align: left; padding: 20px; position: relative;} .w-com-menuNV4 .systitle .fa{ display: block; position: absolute; right: 22px; top: 50%; margin-top: -4px; border-width:8px; border-style: solid; border-color: #fff transparent transparent transparent ; border-radius: 2px;} .w-com-menuNV4 .systitle .fa:before{ display: none;} .w-com-menuNV4 .ul-parent{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .w-com-menuNV4 .ul-submenu{ border-top: 1px solid #e9e9e9; margin-left: 20px; padding-left: 0;} .w-com-menuNV4 .ul-submenu .ul-submenu{ border-top: 0; margin-left: 0;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a{ color:#f60;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:before{ content: ''; width: 14px; height: 2px;box-sizing: border-box; background:#d0d0d0; position: absolute; right: 0.5em; margin-right: -7px; top: 50%; margin-top: -1px;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:after{ content: ''; width: 2px; height: 14px; box-sizing: border-box;background:#d0d0d0; position: absolute; right: 0.5em; margin-right: -1px; top: 50%; margin-top: -7px;transition: transform 0.5s; -webkit-transition: transform 0.5s;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:before,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:before,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:after,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:after{ background:#f60;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.open > .div-parent > .fa-plus:after{ /*display: none;*/ transform: rotate(90deg); -webkit-transform: rotate(90deg);} .w-com-menuNV5.menuMVLeft li{ text-align: left;} .w-com-menuNV5.menuMVCenter li{ text-align: center;} .w-com-menuNV5.menuMVRight li{ text-align: right;} .w-com-menuNV5 .systitle{line-height: 10px; text-align: left; padding: 10px 0 15px; font-size: 28px; background:none; color: #333; } .w-com-menuNV5.menuMVCenter .systitle{ text-align: center;} .w-com-menuNV5.menuMVRight .systitle{ text-align: right; padding-right: 40px;} .w-com-menuNV5 .systitle .fa{ display: inline-block; *display:inline; *zoom:1; width: 1.5em; height: 1px; background: #ccc; } .w-com-menuNV5 li a{ display: inline-block;*display:inline; *zoom:1;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent{ border-bottom: 1px dashed #DFDFDF;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent a{ padding-left: 0; padding-right: 35px;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a,.w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a{ color:#f60;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent .fa{ right: 0; top: 50%; margin-top: -9px; width:18px; height: 18px; background: #D8D8D8;} .w-com-menuNV5 .ul-submenu{ border-top: 1px dashed #DFDFDF;} .w-com-menuNV5 .ul-submenu a{ position: relative; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-com-menuNV5 .ul-submenu li:hover > .div-parent a,.w-com-menuNV5 .ul-submenu li.cur > .div-parent a{ padding-left: 10px;} .w-com-menuNV5.menuMVRight .ul-submenu li:hover > .div-parent a,.w-com-menuNV5.menuMVRight .ul-submenu li.cur > .div-parent a{ padding-left:0; padding-right: 10px; margin-right: 28px;} .w-com-menuNV5 .ul-submenu a:before{content: ''; width: 0; height: 1px; background:#f60; position: absolute; top: 50%; left: -20px; transition: width 0.5s; -webkit-transition: width 0.5s;} .w-com-menuNV5.menuMVRight .ul-submenu a:before{ left: auto; right: -20px;} .w-com-menuNV5 .ul-submenu li:hover > .div-parent a:before,.w-com-menuNV5 .ul-submenu li.cur > .div-parent a:before{ width: 20px;} .w-com-menuNV5 li .ul-submenu .fa{right: -20px;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:before{ content: ''; width: 10px; height: 2px;box-sizing: border-box; background:#fff; position: absolute; right: 50%; margin-right: -5px; top: 50%; margin-top: -1px;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent > .div-parent > .fa-plus:after{ content: ''; width: 2px; height: 10px; box-sizing: border-box;background:#fff; position: absolute; right: 50%; margin-right: -1px; top: 50%; margin-top: -5px;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus,.w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus{ background:#f60;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent.open > .div-parent > .fa-plus:after{ display: none;} .w-system .w-com-menuNV1{ margin-top: -117px;} .w-system .w-com-menuNV4{ margin-top: -112px;} /*-----------------------纵向菜单扩展新增 end-----------------------*/ } @media only screen and (min-width:768px) and (max-width:960px) { /*------------------产品 start--------------------*/ .w-prd-list .w-prd-list-cell,.w-prd-packages-classify .w-prd-package-cell{min-width:33.33%;} /*.w-prd-list1 .w-prd-list-cell:nth-child(3n+1),.w-prd-packages-classify .w-prd-package-cell:nth-child(3n+1){clear:both;}*/ .side_left .w-prd-list .w-prd-list-cell{min-width:50%;} /*.side_left .w-prd-list1 .w-prd-list-cell:nth-child(3n+1){clear:both;}*/ .w-prd-list3 li{min-width:33.33%;} .side_left .w-prd-list3 li{min-width:50%;} .w-prd-list4 li{min-width:33.33%;} .side_left .w-prd-list4 li{min-width:50%;} .w-prd-list5 li{min-width:33.33%;} .side_left .w-prd-list5 li{min-width:50%;} .w-prd-list6 li{min-width:50%;} .side_left .w-prd-list6 li{min-width:50%;} .w-prd-list6 li:nth-child(2n+1){ clear: both;} .w-prd-list7 li{min-width:33.33%;} .side_left .w-prd-list7 li{min-width:50%;} .product-detail-top1 .product-detail-info,.product-detail-top3 .product-detail-info{ margin-left:46%;} .product-detail-top1 .product-detail-images,.product-detail-top3 .product-detail-images{ width:42%;} /*------------------产品 end--------------------*/ /*------------------组件 start--------------------*/ .multi-imgs li{min-width:33.33%;} /*------------------组件 end--------------------*/ } @media (min-width:768px) and (max-width:1200px){ .wrap-content-in{padding-left:10px; padding-right:10px; } .w-foot-content{ padding-left:10px; padding-right:10px;} .w-News-list3 li,.w-News-list4 li,.w-News-list5,.w-News-list7 li{ padding-left:0.3em; padding-right:0.3em;} .w-News-list1 .news-com,.w-News-list6 .news-com{ padding-right:1em;} .w-News-list11{ margin-left:-10px; margin-right:-10px;} } @media (min-width:960px){ .w-nav .li-parent-div .fa-plus:before{content: "\f105";} .w-News-list13 a:hover .news-imgbox{ transform:translateY(-100%); -webkit-transform:translateY(-100%); visibility:hidden\9; *visibility:hidden;} :root .w-News-list13 a:hover .news-imgbox{ visibility:visible;} .w-News-list13 a:hover .news-com{ height:100%; bottom:0;} .w-News-list13 a:hover .news-com .news-h{ background:none; font-size:130%;transform:translateY(0); -webkit-transform:translateY(0);} .w-News-list19 li .news-item:before{ transition: width 0.7s cubic-bezier(.23,1,.38,1); -webkit-transition:width 0.7s cubic-bezier(.23,1,.38,1);} .w-News-list19 li a:hover .news-item:before{width:100%;} .w-News-list19 li .news-com{ transition: all 0.5s; -webkit-transition: all 0.5s;} .w-News-list19 li a:hover .news-com{box-shadow: 0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); transform: translateY(10px); -webkit-transform: translateY(10px);} } @media (min-width:1200px){ .w-com-menuNH1 > .w-com-menu-in > .ul-parent > li{margin-left: 40px;} .w-com-menuNH2 > .w-com-menu-in > .ul-parent > li{margin-right:40px;} .w-com-menuNH3 > .w-com-menu-in > .ul-parent > li{margin-left: 15px;} .w-com-menuNH4 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding: 0 30px;} .w-com-menuNH5 > .w-com-menu-in > .ul-parent > li{ margin-right: 40px;} .w-com-menuNH5 >.w-com-menu-in>.ul-parent> li.cur >.div-parent a{font-size: 24px;} .w-com-menuNH6 > .w-com-menu-in > .ul-parent > li > .div-parent a{ padding: 0 30px;} .w-com-menuNH7 > .w-com-menu-in > .ul-parent > li > .div-parent a{padding: 0 30px;} .w-com-menuNH8 > .w-com-menu-in > .ul-parent > li > .div-parent a{padding: 0 30px;} } @media only screen and (min-width:960px) and (max-width:1200px) { .w-logo .w-logo-img{ padding-left:10px !important;} } @media only screen and (min-width:1201px) { } @media (max-width:1300px){ .font24{ font-size:20px !important;} .font26,.font28{ font-size:22px !important;} .font30,.font32{ font-size:24px !important;} .font36{ font-size:28px !important;} .font48{ font-size:36px !important;} .font54{ font-size:48px !important;} .font64{ font-size:52px !important;} } @media (max-width:1200px){ .w-section .row,.w-footer-section .w-footer-in, .w-main .row{ max-width:100% !important;} .banner_edit{ display:none; width:90% !important; margin-left: 0 !important; left: 5% !important;} .w-faq-list{ padding:0 0.8em;} .product-title-top h2{ font-size:150%;} .navSubX{ display: none !important;} .w-languege-dropDown .select-lang{ left: -6px;} .w-News-list13{ margin-left:-10px; margin-right:-10px;} .w-News-list13 li{ margin-bottom:20px;} .w-News-list13 li .news-item{ margin:0 10px;} .w-prd-list7{margin:0 -10px;} .w-prd-list7 li .w-prd-list-cell-in{ margin:0 10px;} .w-img-list1{ margin-left: -8px; margin-right: -8px;} .w-img-list1 li{ margin-bottom: 16px;} .w-img-list1 li .item{ margin-left: 8px; margin-right: 8px;} .w-img-list2 .textBox .text .sum{ line-height: 1.5; max-height: 8.9em; overflow: hidden;} .w-img-list3{ margin-left: -8px; margin-right: -8px;} .w-img-list3 li{ margin-bottom: 16px;} .w-img-list3 li .item{ margin-left: 8px; margin-right: 8px;} .w-img-list3 li a{ padding: 1em;} .w-img-list3 li h3{ font-size: 115%; margin-top: 0.8em;} .w-img-list4{ margin-left: -8px; margin-right: -8px;} .w-img-list4 li{ margin-bottom: 16px;} .w-img-list4 li .item{ margin-left: 8px; margin-right: 8px;} .w-img-list4 li h3{ margin-top: 0.8em; margin-bottom: 0.2em;} .w-img-list4 li .sum{ line-height: 1.5;} .w-img-list5{ margin-left: -8px; margin-right: -8px;} .w-img-list5 li{ margin-bottom: 16px;} .w-img-list5 li .item{ margin-left: 8px; margin-right: 8px;} .igtDetail4 .igtDCon{ left: 50px; right: 50px;} .igtDetail4 .prev_next_x .prev_x{ left: 50px;} .igtDetail4 .prev_next_x .next_x{ right: 50px;} } @media (max-width:1000px){ .w-News-list13 .imgTxt .news-com .news-sum{ line-height: 1.8;} .w-News-list16 li{ width:100%;} .w-News-list19{ margin: 0 -20px;} .w-News-list19 li{ margin-bottom: 40px;} .w-News-list19 li .news-item{ margin: 0 20px; } .w-prd-list7 li .w-prd-list-cell-in:hover{ transform: none; -webkit-transform: none;} .igtDetail1 .igtDCon{ left: 1em; right: 1em; width: auto; margin-left: 0; overflow-y: auto; top:0; bottom: 0; transform: none; -webkit-transform: none;} :root .igtDetail1 .igtDCon{ top:0;} .igtDetail1 .prev_next_x .prev_x{ left: 0;} .igtDetail1 .prev_next_x .next_x{ right: 0;} .igtDetail1 .igtDCon .close_x{ position: fixed; right: 2em; top: 1em; width: 22px; height: 22px; background-image: url(../images/close2.png);} .igtDetail1 .imgBox_x img{ width: auto;} .igtDetail1 .det_info{ position: relative;} .igtDetail1 .det_info .det_info_in{ padding: 1em 1.5em;} .igtDetail1 .det_info .tit_h{position: relative;} .igtDetail1 .det_info .tit_h h2{ padding: 0 0 0.5em;} .igtDetail1 .det_info .sum_x{ padding: 0;} .igtDetail1 .prev_next_x .icon_pn{ width: 2.5em; height: 4em; margin-top: -2em;} } @media (max-width:960px){ html,body{/*overflow:auto;*/ margin:0; } body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling: touch; } .bodyfootFixed{padding-bottom:3.7em;} .menuFootFixed{ display:block;} .w-service-fixed{ display:none;} .w-custom{ display:none;} .sead,.flwb{ display:none;} .col-table{margin:0 -5px;} .col-table .col-table{ margin:0 -5px;} .div-table .td-w .div-padding,.div-table .div-table .td-w .div-padding{padding:0 5px;} .w-section{ background-attachment:scroll !important;} .w-numCount .numCX,.w-numCount2 .numCX{ font-size:42px;} /*-----------------------导航栏 start---------------*/ .w-nav ul{ display:block;} .w-nav li{float:none;} .w-nav li{border-bottom:1px solid #2A2A2A; border-top:1px solid #484848;} .w-nav li:first-child{ border-top:none;} .w-nav .li-parent-div .fa{ position:absolute; top:50%; margin-top:-1em; right:0; width:2em; height:2em; line-height:2em; text-align:center; font-size:150%; } .w-nav .li-parent-div.open .fa-plus:before{content: "\f068";} .w-nav .submenu{ position:relative; font-size:14px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .w-nav .submenu li{ width:auto;} .w-nav .submenu li .submenu{ left:0; top:0;} .w-nav .submenu ul{background:#4a4a4a;} .w-nav .submenu .submenu ul{ background:#565656;} .w-nav li a,.w-nav .submenu li a{ display:block; padding:1em 5px; text-align:center; color:#999;} .w-nav > .w-nav-in > .nav_inner > li:hover > .submenu,.w-nav .submenu li:hover > .submenu{display:none;} .mobile-nav-toggle{ display:block; } /*-----------------------导航栏 end---------------*/ .topTel{ font-size:14px; cursor:pointer; position:fixed; z-index:98; bottom:6em; right:1em; width:4em; height:4em; line-height:4em; border-radius:50%; -webkit-border-radius:50%; background:rgba(0,0,0,0.3); color:#fff; text-align:center; } .topTel i{ font-size:200%; line-height:2;} .w-News-list8{ margin-left:-8px; margin-right:-8px;} .w-News-list8 li .news-item{ margin-left:8px; margin-right:8px;} .w-News-list9 li{ margin-bottom:20px;} .w-News-list9 li .news-com .date{ display:none;} .w-News-list9 li .news-com{ padding:20px;} .w-News-list9 li .news-com .text_con{ margin-left:0; padding-left:0;} .w-News-list9 li .news-com .text_con .news-h{ font-size:115%;} .w-News-list10 li{ margin-bottom:20px;} .w-News-list10 li .news-com .date{ display:none;} .w-News-list10 li .news-com{ padding:20px;} .w-News-list10 li .news-com .text_con .news-h{ font-size:115%;} .w-News-list11 li .news-item{ padding:20px;} .w-News-list11 li .news-com .date{ display:none;} .w-News-list11 li .news-com{ padding-right:20px; left:20px;} .w-News-list11 li .news-com .text_con .news-h{ font-size:115%;} .w-News-list12 li .news-together::before{ right:1em;} .w-News-list12 li .news-h{ font-size:120%;} .w-News-list12 li a:hover .news-h{ transform:translateX(1em);-webkit-transform:translateX(1em);} .w-News-list18 li .news-item{ padding:20px 0;} .w-News-list18 li .news-com .date{ display:none;} .w-News-list18 li .news-com{ padding-right:20px;} .w-News-list18 li .news-com .text_con .news-h{ font-size:115%;} .w-News-list18 li .news-com .text_con{ margin-left:0; padding-left:0;} .w-News-list18 li .news-com .text_con:after{ display:none;} .w-News-list18 li a:hover .news-com .text_con{ -webkit-transform:none; transform:none;} .w-News-list19 li .news-com{ margin-left: 10%;} .w-News-list20 li .news-imgbox{ display: none;} .w-News-list20 li .news-com{ margin-left: 0; padding:0 5% 1.5em 4%;} .w-prd-list3 .w-prd-infobox{ display:none;} .w-prd-list5 .w-prd-infobox{ padding-left:1.6em; padding-right:1.5em; opacity:1;} .w-prd-list5 .w-prd-infobox:before{transform:scale(1); -webkit-transform:scale(1); opacity:1;} .w-prd-list5 .w-prd-infobox:after{ right:1em; visibility:visible;} .anchor{ display:none;} .w-fileNN1 .w-file-info .filepreview_a,.w-fileNN2 .w-file-info .filepreview_a,.w-fileNN3 .w-file-info .filepreview_a{ display: none;} .w-fileNN1 .w-file-info .w-file-text h3,.w-fileNN2 .w-file-info .w-file-text h3,.w-fileNN3 .w-file-info .w-file-text h3{ max-width: 100%;} .w-upload-list .w-tb td .filepreview_a{ display: none;} .w-upload-list4 li{ min-width: 100%; margin-bottom: 1em; float: none;} .w-upload-list5 li{ min-width: 100%; float: none;} .w-upload-list6 li{ min-width: 100%; margin-bottom: 1em; float: none;} .w-upload-list4 li .w-file-info .w-file-text h3,.w-upload-list5 li .w-file-info .w-file-text h3,.w-upload-list6 li .w-file-info .w-file-text h3{ white-space: normal; word-break: normal;} .w-img-list h3{ font-size: 115%;} .w-img-list li .sum{ font-size: 90%;} .w-img-list1 li .textBox .text{padding: 1em 8%; bottom: 2.7em;} .w-img-list1 li .textBox .more{ bottom: 0.8em; font-size: 70%;} .w-img-list2 li{ width: 33.333%;} .w-img-list2 li:nth-child(3n+1), .w-img-list2 li:nth-child(4n+1), .w-img-list2 li:nth-child(5n+1), .w-img-list2 li:nth-child(6n+1){ clear: none;} .w-img-list2 li:nth-child(3n+1){ clear: both;} .w-img-list2 li .item .textBox{ transform: none !important; -webkit-transform: none !important; top: auto; bottom: 0; left: 0; right: 0; height: auto;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:normal;animation:normal;} .w-img-list2 li .mask{ opacity: 0.85;} .w-img-list2 .textBox .text{ position: relative; transform: none; -webkit-transform: none; top: 0; padding: 0.8em 1em;} .w-img-list2 .textBox h3{ margin-bottom: 0; font-size: 105%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-img-list2 .textBox .text .sum{ max-height: 6.4em; padding-top: 2em; display: none;} .w-img-list2 .textBox .text .sum:before{ height: 1em;} .w-img-list3 li{ width: 33.333%;} .w-img-list3 li:nth-child(3n+1), .w-img-list3 li:nth-child(4n+1), .w-img-list3 li:nth-child(5n+1), .w-img-list3 li:nth-child(6n+1){ clear: none;} .w-img-list3 li:nth-child(3n+1){ clear: both;} .w-img-list3 .textBox{ display: none;} .w-img-list3 li .sum{ line-height: 1.5; font-size: 100%;} .w-img-list4 li{ width: 33.333%;} .w-img-list4 li:nth-child(3n+1), .w-img-list4 li:nth-child(4n+1), .w-img-list4 li:nth-child(5n+1), .w-img-list4 li:nth-child(6n+1){ clear: none;} .w-img-list4 li:nth-child(3n+1){ clear: both;} .w-img-list4 .textBox{ display: none;} .w-img-list4 li h3{ font-size: 115%;} .w-img-list4 li a:hover > h3{ visibility: visible;} .w-img-list5 li{ width: 33.333%;} .w-img-list5 li:nth-child(3n+1), .w-img-list5 li:nth-child(4n+1), .w-img-list5 li:nth-child(5n+1), .w-img-list5 li:nth-child(6n+1){ clear: none;} .w-img-list5 li:nth-child(3n+1){ clear: both;} .w-img-list5 li .textBox{ opacity: 1; padding: 0.6em 1em;} .w-img-list5 li .sum{display: none;} .w-img-list5 li .textBox:before,.w-img-list5 li .textBox:after{ display: none;} } @media (max-width:850px){ .w-News-list19 li{width:50%;} .w-News-list19 li:nth-child(2n+1){ clear: both;} .w-News-list19 li:nth-child(3n+1){ clear: none;} .igtDetail3 .mCSB_scrollTools, .igtDetail4 .mCSB_scrollTools{ display: none !important;} .igtDetail3 .imgBox_x{ float: none; width: 100%;} .igtDetail3 .det_info{ position: relative; left: 0; padding: 1em 0 0;} .igtDetail3 .sum_x{ padding-right: 0;} .igtDetail3 .prev_next_x .prev_x, .igtDetail3 .prev_next_x .next_x{ top:220px; margin-top: 0;} .igtDetail4 .igtDCon{ overflow-y: auto; top:5vh; bottom: 5vh; transform: none; -webkit-transform: none;} .igtDetail4 .igtDCon .close_x{top: 15px; right: 15px; position: fixed;} :root .igtDetail4 .igtDCon{ top: 5vh;} .igtDetail4 .imgBox_x{ float: none; width: 100%; padding-right: 0;} .igtDetail4 .det_info{ position: relative; left: 0; top: 0; right: 0; bottom: 0; padding: 0.5em 0 1em; border-left: 0;} .igtDetail4 .det_info .det_info_in{padding-right: 0;} } @media (max-width:767px){ .font12{ font-size:75% !important;} .font14{ font-size:90% !important;} .font16{ font-size:105% !important;} .font18{ font-size:115% !important;} .font20{ font-size:120% !important;} .font22{ font-size:125% !important;} .font24,.font26,.font28{ font-size:130% !important;} .font30,.font32{ font-size:140% !important;} .font36{ font-size:150% !important;} .font48{ font-size:180% !important;} .font54{ font-size:250% !important;} .font64{ font-size:300% !important;} .tel-hidden{ display:none;} .bx-controls-direction{ display:none;} /*.col-table{margin:0;}*/ .div-table-first > tbody > tr >.td-w{ max-width:100% !important; width:auto !important; display:block; margin:0 auto 0.5em !important; } /*.div-table-first > tbody > tr >.td-w>.div-padding{padding:0;}*/ .w-logo h1{text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .wrap-content-in{ padding:1em 1em 2em 1em;} .w-system{ padding:1em 0 2em 0;} .w-delimiters-ver{display:none;} .w-space{ height:0.5em !important;} .w-foot-main{ padding:0;} .w-foot-content{ padding:0.5em 1em;} /*------------------产品 start--------------------*/ .w-prd-list-cell{ margin-bottom:0.5em;} .w-prd-list1{ margin-left:0; margin-right:0;} .w-prd-list1 .w-prd-list-cell,.w-prd-packages-classify .w-prd-package-cell{min-width:49.9%;} .w-prd-list1 .w-prd-list-cell:nth-child(2n+1),.w-prd-packages-classify .w-prd-package-cell:nth-child(2n+1){clear:both;} .w-prd-list2 .w-prd-list-cell{ min-width:100%;} .w-prd-list2 .w-prd-list-cell-in{padding:0 0.5em;} .w-prd-list3 li{min-width:50%;/*margin-bottom:10px;*/} .w-prd-list4{ margin:0 -5px;} .w-prd-list4 li{min-width:50%;margin-bottom:10px;} .w-prd-list4 li .w-prd-list-cell-in{ margin:0 5px;} .w-prd-list5{ margin:0 -3px;} .w-prd-list5 li{min-width:50%;} .w-prd-list6{ margin:0 -5px;} .w-prd-list6 li{min-width:50%; margin-bottom:10px;} .w-prd-list6 li .w-prd-list-cell-in{ margin:0 5px;} .w-prd-list6 li:nth-child(2n+1){ clear: both;} .w-prd-list7{ margin:0 -5px;} .w-prd-list7 li{min-width:50%;} .w-prd-list7 li .w-prd-list-cell-in{ margin:0 5px;} .product-detail-images{ display:none;} .rotatePicbox-tel{display:block;} .product-detail-top1 .product-detail-info,.product-detail-top3 .product-detail-info,.product-detail-top4 .product-detail-info{ margin-left:0;} .product-detail-top3 .product-title-top h2{ margin-bottom:0.8em;} .product-detail-top4 .prd_des,.product-detail-top5 .prd_des{ margin-left:-1em; margin-right:-1em;} .product-detail-top5 .product-detail-info{ margin-right:0;} .product-detail-info{ margin-left:0;} .w-breadcrumbs{ padding-left:1em;margin-bottom:1em;} .product-detail-info .product-title h2{ font-size:130%;} .product-detail-info .product-grayBox .product-prices .price-sale .num .bigsize{ font-size:150%;} .product-detail-info .product-properies-groups{ padding-top:1em; } .product-descons{ padding-left:1em; padding-right:1em;} .w-product-btns{display:none;} .prddetail_foot_fixed{display:block;} .prd_detInfo_con{border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin-bottom:1em; padding:1em 1em;} .product-detail-info .product-properies-groups{ padding-top:0;} .product-detail-info .product-grayBox{background:none; padding:0 0.3em; height:auto;} .descon_item{ padding:1em 0;} .info_tab{ overflow-x:auto;} /*.info_tab::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 10px; background-color:transparent; } .info_tab::-webkit-scrollbar { height: 1px; background-color:transparent; } .info_tab::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow:none; background-color:transparent; }*/ .info_tab ul{white-space:nowrap;} .info_tab li{ display:inline-block; white-space:nowrap; float:none;} .evalInfoList li{padding:1em;} .message-leave{ padding-left:1em; padding-right:1em;} .fileListBox,.msgLBox{padding-left:1em; padding-right:1em;} .product-detail-wrap .news-others{padding-left:1em; padding-right:1em;} /*------------------产品 end--------------------*/ /*------------------新闻 start----------------------*/ .w-News-list{padding:0 0.8em;} .w-News-list .news-com .news-h{font-size:115%;} .w-News-list .news-sum{ font-size:95%;} .w-News-list1{line-height:1.5;} .w-News-list1 li{padding:1em 0; width:100% !important;} .w-News-list1 .news-com{margin-left:28%;} .w-News-list1 .news-com .date{margin-top:0; font-size:90%;} .w-News-list1 .news-com .news-sum{margin-top:0; max-height:4.4em; overflow:hidden;} .w-News-list3 li{padding:1em 0;} .w-News-list5 li{min-width:100%; margin-right:0; margin-bottom:1em;} .w-News-list6{line-height:1.5;} .w-News-list6 li{padding:1em 0; width:100% !important;} .w-News-list6 .news-com{margin-left:28%;} .w-News-list6 .news-com .news-sum{margin-top:0; } .w-News-list8 .news-item .news-com{bottom:0;} .w-News-list9 li{ margin-bottom:0.8em;} .w-News-list9 li .news-imgbox{ width:28%;} .w-News-list9 li .news-com{ margin-left:28%; padding:0.5em 1em;} .w-News-list9 li .news-com .text_con{ padding-right:0;} .w-News-list9 li .news-com .text_con .adore{ display:none;} .w-News-list10 li{ margin-bottom:0.8em;} .w-News-list10 li .news-imgbox{ width:28%;} .w-News-list10 li .news-com{ margin-left:28%; padding:0.5em 1em;} .w-News-list11{ margin-left:-0.8em; margin-right:-0.8em;} .w-News-list11 li .news-item{ padding:1em;} .w-News-list11 li .news-imgbox{ width:28%;} .w-News-list11 li .news-com{ margin-right:28%; left:1em;} .w-News-list13 li{ width:50%;} .w-News-list13 li:nth-child(3n+1){ clear:none;} .w-News-list13 li:nth-child(2n+1){ clear:both;} .w-News-list13 a:hover .news-com .news-h{ font-size:120%;} .side_left .w-News-list16{ overflow: visible; padding: 0;} .side_left .w-News-list17{ overflow: visible; padding: 0;} .w-News-list17 li{ width:50%;} .w-News-list17 li:nth-child(3n+1){ clear:none;} .w-News-list17 li:nth-child(2n+1){ clear:both;} .w-News-list17 li .more{ margin-top:1em;} .w-News-list18{ margin-left:-0.8em; margin-right:-0.8em;} .w-News-list18 li .news-item{ padding:1em;} .w-News-list18 li .news-imgbox{ width:28%;} .w-News-list18 li .news-com{ margin-right:28%; left:1em;} .newsDetail .newsSummary{ padding:0.5em 1em;} .newsDetail .newsContent{ padding:0 1em;} .news-others{ margin-top:2.4em; padding:0 1em;} .news-others .link-r{ position:relative; text-align:left; top:0; margin-top:1em;} .news-others .link-r a{ margin-left:0; margin-right:1em;} /*------------------新闻 end----------------------*/ /*------------------菜单start--------------------*/ .systitle{position:relative; padding:0.5em 3em 0.5em 0.5em !important; text-align:left !important; cursor:pointer;} .w-com-menu-H .systitle{ display:block;} .w-com-menu .systitle .icon_menuControl{position:absolute; z-index:1;right:0.4em; top:0.5em; display:inline-block; font-size:125%; line-height:1.2; width:1.2em; color:#fff;} .w-com-menu .systitle .icon_menuControl:before{content: "\f13a";} .w-com-menu .systitle.open .icon_menuControl:before{content: "\f139";} .w-com-menu .ul-parent{ display:none;} .w-com-menu{background:#3d3d3d; margin-bottom:1em;} .w-com-menu li,.w-com-menu .ul-submenu li{ display:block; margin:0;border-bottom:1px solid #2A2A2A; border-top:1px solid #484848;} .w-com-menu a{ font-size:100%;} .w-com-menu li a,.w-com-menu .ul-submenu li a{padding:0.7em 0.8em; text-align:center; color:#999; display:block; line-height:normal;} .w-com-menu .fa{display:block;right:0;} .w-com-menu li .fa{text-align: right; width: 4em;} .w-com-menu li .fa:before{ margin-right: 0.7em;} .w-com-menu .ul-submenu{ position:relative; top:auto; padding-top:0; } .w-com-menu li:hover > .ul-submenu,.w-com-menu-V > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu{ display:none;} .w-com-menu .ul-submenu ul{background:#4a4a4a;} .w-com-menu .ul-submenu .ul-submenu ul{ background:#565656;} .w-com-menu .ul-submenu li{float:none;} .w-com-menu .ul-submenu .ul-submenu-up{display:none;} .w-com-menu .ul-submenu li> .div-parent:hover a,.w-com-menu .ul-submenu li.cur> .div-parent a{ background:#555;} .w-com-menu li> .div-parent:hover >a,.w-com-menu li.cur> .div-parent >a,.w-com-menu li> .div-parent:hover >.fa,.w-com-menu li.cur> .div-parent >.fa{ color:#fff;} /*-----------------------扩展新增-----------------------*/ .w-com-menuNH{ margin-left: -1em; margin-right: -1em; margin-bottom: 1em;} .w-com-menuNH .systitle{color:#fff; text-align:center; background:#f60; padding: 0.5em 3em 0.5em 1.2em !important;} .w-com-menuNH .systitle .icon_menuControl{position:absolute; z-index:1;right:0.8em; top:0.45em; display:inline-block; font-size:125%; line-height:1.2; width:1.2em; color:#fff;} .w-com-menuNH .systitle .icon_menuControl:before{content: "\f13a";} .w-com-menuNH .systitle.open .icon_menuControl:before{content: "\f139";} .w-com-menuNH .ul-parent{background-color:#f0f0f0; display: none;} .w-com-menuNH .ul-submenu{ background-color:#fafafa; position: relative; top: 0; left: 0; padding-top: 0;} .w-com-menuNH .ul-submenu .ul-submenu{ background-color:#fff;} .w-com-menuNH li a, .w-com-menuNH .ul-submenu li a{text-align:left; line-height: 1.5; padding: 0.85em 1.5em;color:#666;} .w-com-menuNH .fa{ display:block; position:absolute; top:0;bottom:0; right:0; width:30%; min-width: 4em; line-height:2.3; text-align:right; font-size:150%; color:#fff; z-index:1; cursor:pointer; color:#666;} .w-com-menuNH li > .div-parent > .fa-plus:before{content:"\f107"; margin-right: 0.95em;} .w-com-menuNH li.open > .div-parent >.fa-plus:before{content: "\f106";} .w-com-menuNH li, .w-com-menuNH .ul-submenu li{ border-bottom:1px solid #fff; float: none;} .w-com-menuNH .ul-submenu li{border-color:#f0f0f0;} .w-com-menuNH li > .div-parent:hover > a, .w-com-menu li.cur > .div-parent > a, .w-com-menu li > .div-parent:hover > .fa, .w-com-menu li.cur > .div-parent > .fa{color:#f60;; } .w-com-menuNH .ul-submenu li > .div-parent:hover a, .w-com-menu .ul-submenu li.cur > .div-parent a{background:none;} .w-system .w-com-menuNH{ margin-left: 0; margin-right: 0;} /*-----------------------扩展新增 end-----------------------*/ .side_bar{ width:100%; float:none;} .side_left{ margin-left:0;} .systitle{ font-size:125%; position:relative; line-height:1.5;} .crumbs{ margin-bottom:1em;} .crumbs .crumbs_in{ padding:0 0.5em;} .w-com-menu-V > .w-com-menu-in > .ul-parent > .li-parent > .div-parent{ background:none !important; border-bottom:0;} .w-com-menu-V .ul-submenu .li-parent .div-parent{border-bottom:0;} .w-section .w-com-menu{margin-left:-1em; margin-right:-1em;} /*----------------纵向菜单新增--------------*/ .w-com-menuNV{ margin-left: -1em; margin-right: -1em; margin-bottom: 1em;} .w-com-menuNV .systitle{color:#fff; text-align:center; background:#f60; padding: 0.5em 3em 0.5em 1.2em !important; position: relative;} .w-com-menuNV .systitle .icon_menuControl{position:absolute; z-index:1;right:0.8em; top:0.45em; display:inline-block; font-size:125%; line-height:1.2; width:1.2em; color:#fff;} .w-com-menuNV .systitle .icon_menuControl:before{content: "\f13a";} .w-com-menuNV .systitle.open .icon_menuControl:before{content: "\f139";} .w-com-menuNV .ul-parent{background-color:#f0f0f0; display: none;} .w-com-menuNV .ul-submenu{ background-color:#fafafa; position: relative; top: 0; left: 0; padding-top: 0;} .w-com-menuNV .ul-submenu .ul-submenu{ background-color:#fff;} .w-com-menuNV > .w-com-menu-in > .ul-parent > li:hover > .ul-submenu{ display:none;} .w-com-menuNV li a, .w-com-menuNV .ul-submenu li a{text-align:left; line-height: 1.5; padding: 0.85em 1.5em;color:#666;} .w-com-menuNV .fa{ display:block; position:absolute; top:0;bottom:0; right:0; width:30%; min-width: 4em; line-height:2.3; text-align:right; font-size:150%; color:#fff; z-index:1; cursor:pointer; color:#666;} .w-com-menuNV li > .div-parent > .fa-plus:before{content:"\f107"; margin-right: 0.95em;} .w-com-menuNV li.open > .div-parent >.fa-plus:before{content: "\f106";} .w-com-menuNV li, .w-com-menuNV .ul-submenu li{ border-bottom:1px solid #fff; float: none;} .w-com-menuNV .ul-submenu li{border-color:#f0f0f0;} .w-com-menuNV li > .div-parent:hover > a, .w-com-menuNV li.cur > .div-parent > a, .w-com-menuNV li > .div-parent:hover > .fa, .w-com-menuNV li.cur > .div-parent > .fa{color:#f60; } .w-com-menuNV .ul-submenu li > .div-parent:hover a, .w-com-menuNV .ul-submenu li.cur > .div-parent a{background:none;} .w-system .w-com-menuNV{ margin-left: 0; margin-right: 0;} .w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent a,.w-com-menuNV1 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent a{background:none !important; } .w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:before,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:before,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:after,.w-com-menuNV2 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:after{ background:none !important;} .w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:before,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:before,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus:after,.w-com-menuNV4 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus:after{ background:none !important;} .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent:hover > .div-parent > .fa-plus, .w-com-menuNV5 > .w-com-menu-in > .ul-parent > .li-parent.cur > .div-parent > .fa-plus{background:none !important;} /*----------------纵向菜单新增 end--------------*/ .w-system .w-searchbox{ margin-left:0.5em; margin-right:0.5em;} /*------------------菜单end--------------------*/ /*--------------------组件 start -----------------------*/ .w-option .radio-simulation {width:1.4em; height:1.4em; background-size:1.4em 1.4em; margin-top:-0.7em;} .w-option input[type="hidden"].checked + label{background-size:1.4em 1.4em;} .w-option span{ margin-left:1.8em;} .w-checkbox .checkbox-simulation {width:1.1em; height:1.1em; background-size:1.1em 1.1em; margin-top:-0.55em;} .title-h-in{ min-height:10px;} .w-video{ width:100%;} .progress_railbox_x{padding-left:1.8em;} .w-lantern-h li{ width:33.33%;} .w-lantern-v li{width:100% !important;} /*----1.3版本----*/ .w-form-UL .w-label-form,.w-form-UL .w-question-title{ float:none; width:100% !important; text-align:left; margin-bottom:0.1rem; padding-top:0; } .w-form-UL .w-form-fr{ margin-left:0 !important; padding-left:0;} .w-form-UL .w-form-select .w-question-title{ padding-top:0;} .w-form .w-form-code,.w-form .w-form-submit{ margin-left:0 !important;} .w-form-filebox,.w-form-UL .w-form-filebox{ padding:0.5em;} /*----1.3版本 end----*/ .w-numCount .numCX,.w-numCount2 .numCX{ font-size:36px;} /*--------------------组件 end -----------------------*/ /*--------------------登录 start----------------------*/ .pop-login-gw{ top:1.56rem; margin-top:0 !important; left:0; margin-left:0; right:0; width:auto; bottom:0;} .pop-main-gw{padding:1rem 0.5rem;} /*--------------------登录 end----------------------*/ /*search*/ .w-search-top .w-search-tit{ float:none; width:100%;} .w-search-top .w-search-box-r{ margin-left:0;} .password_w dl dd.dd_l{ float:none; width:auto; text-align:left;} .password_w dl dd.dd_r{ margin-left:0;} .password_w dl dd .w-text300{ width:100%;} /*--------------------banner----------------------*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0 !important;} .search_page .search_list,.crumb_n{padding:0 0.7em;} .ad_boxfixed{ display:none;} .w-upload-list4 li .item{padding: 1em;} .w-upload-list4 li .w-file-load{ right: 1em;} .w-upload-list5 li .item{ padding: 1.2em 1em;} .w-upload-list6 li .item{ padding: 1.5em 1em;} .w-img-list2 li{ width: 50%;} .w-img-list2 li:nth-child(3n+1){ clear: none;} .w-img-list2 li:nth-child(2n+1){ clear: both;} .w-img-list3 li{ width: 50%;} .w-img-list3 li:nth-child(3n+1){ clear: none;} .w-img-list3 li:nth-child(2n+1){ clear: both;} .w-img-list4 li{ width: 50%;} .w-img-list4 li:nth-child(3n+1){ clear: none;} .w-img-list4 li:nth-child(2n+1){ clear: both;} .w-img-list4 li h3{padding: 0 1em;} .w-img-list5 li{ width: 50%;} .w-img-list5 li:nth-child(3n+1){ clear: none;} .w-img-list5 li:nth-child(2n+1){ clear: both;} .igtDetail2 .prev_next_x .prev_x, .igtDetail2 .prev_next_x .next_x{ top: 220px;} .igtDetail2 .prev_next_x .prev_x{ left: 10px;} .igtDetail2 .prev_next_x .next_x{ right: 10px;} } @media only screen and (min-width:480px) and (max-width:767px) { .multi-imgs li{min-width:50%;} .w-News-list2 li,.w-News-list8 li{min-width:50%;} .w-News-list2 li:nth-child(2n+1),.w-News-list8 li:nth-child(2n+1){clear:both;} .w-News-list2,.w-News-list8{ margin:0 -0.3em;} .w-News-list2 li .news-item,.w-News-list8 li .news-item{ margin-left:0.3em; margin-right:0.3em;} } @media (max-width:640px){ .w-News-list9 li .news-com .text_con .news-h{ margin-bottom:0.2em; } .w-News-list9 li .news-com .text_con .news-sum{ line-height:1.5; font-size:90%; height:2.8em;} .w-News-list10 li .news-com .text_con .news-h{ margin-bottom:0.2em; } .w-News-list10 li .news-com .text_con .news-sum{ line-height:1.5; font-size:90%; height:2.8em;} .w-News-list11 li .news-com .text_con .news-h{ margin-bottom:0.2em; } .w-News-list11 li .news-com .text_con .news-sum{ line-height:1.5; font-size:90%; height:2.8em;} .w-News-list13{ margin-left:-5px; margin-right:-5px;} .w-News-list13 li{ margin-bottom:1em;} .w-News-list13 li .news-item{ margin:0 5px;} .w-News-list16 li a{ padding:1.5em 0;} .w-News-list16 li .news-com{ margin-left:220px; padding:1em;} .w-News-list17 li{ margin-bottom:1em;} .w-News-list17 li a{ padding:1em 0;} .w-News-list17 li .news-com{ padding:1em 0;} .w-News-list18 li .news-com .text_con .news-h{ margin-bottom:0.2em; } .w-News-list18 li .news-com .text_con .news-sum{ line-height:1.5; font-size:90%; height:2.8em;} .w-News-list20 li{ margin-bottom: 1.2em;} .w-News-list20 li .news-com .news-h{ font-size: 20px;} .w-prd-list5 .w-prd-infobox,.w-prd-list5 a:hover .w-prd-infobox{ padding:0.8em;} .w-prd-list5 .w-prd-infobox:before{ left:0.3em; right:0.3em; top:0.3em; bottom:0.3em;} .w-prd-list5 .w-prd-infobox:after{ display:none;} .w-prd-list6 .w-prd-infobox{ left:0; bottom:0; padding:0.65em 1em;} .w-prd-list6 .w-prd-infobox:before{ display:none;} .w-video .w-video-in{ width:100% !important;} .w-tb th{ padding:0.5em;} .w-tb td{ padding:0.5em;} .w-fileNN1{padding: 1em;} .w-fileNN1 .w-fileNN-btn .w-file-load{ right: 1em;} .w-img-list1 li{ width: 100%;} .w-img-list1 li:nth-child(4n+2) .imgBox, .w-img-list1 li:nth-child(4n+3) .imgBox{ float: left;} .w-img-list1 li:nth-child(4n+2) .textBox, .w-img-list1 li:nth-child(4n+3) .textBox{left: 60%;right: 0;} .w-img-list1 li:nth-child(2n) .imgBox{ float: right;} .w-img-list1 li:nth-child(2n) .textBox{left: 0;right: 60%;} .igtDetail2{ padding-bottom: 1em;} .igtDetail2 h2{ font-size: 150%;} .igtDetail2 .imgBox_x{ margin-bottom: 0.5em;} .igtDetail2 .bx-wrapper .bx-pager{ padding-top: 1em;} .igtDetail2 .prev_next_x .prev_x, .igtDetail2 .prev_next_x .next_x{ top: 150px;} .igtDetail2 .prev_next_x .icon_pn{width: 2.5em; height: 2.5em;} .igtDetail2 .prev_next_x .icon_prev:before, .igtDetail2 .prev_next_x .icon_next:before{ font-size:1.2em;} .igtDetail3{ padding: 0 3em 1em;} .igtDetail3 h2{font-size: 150%;} .igtDetail3 .bx-wrapper .bx-pager{ padding-top: 1em;} .igtDetail3 .det_info{ padding-top: 0.5em;} .igtDetail3 .prev_next_x .prev_x, .igtDetail3 .prev_next_x .next_x{ top: 150px;} .igtDetail3 .prev_next_x .icon_pn{width: 2em; height: 4em;} .igtDetail3 .prev_next_x .icon_prev:before, .igtDetail3 .prev_next_x .icon_next:before{ font-size:1.2em;} .igtDetail4 .igtDCon{padding: 20px; left: 2em; right: 2em;} .igtDetail4 .igtDCon .close_x{width: 16px; height: 16px; top: 10px; right: 10px; position: fixed;} .igtDetail4 h2{ font-size: 150%;} .igtDetail4 .prev_next_x .prev_x, .igtDetail4 .prev_next_x .next_x{ margin-top: -2em;} .igtDetail4 .prev_next_x .prev_x{ margin-left: -2em; left: 2em;} .igtDetail4 .prev_next_x .next_x{ margin-right: -2em; right: 2em} .igtDetail4 .prev_next_x .icon_pn{width: 2em; height: 4em;} .igtDetail4 .prev_next_x .icon_prev:before, .igtDetail4 .prev_next_x .icon_next:before{ font-size:1.2em;} } @media (max-width:520px){ .anchor{ right:1em; left:auto;} .anchor_l{ left:1em; right:auto;} .w-News-list1 .news-com .news-sum{ max-height:2.9em;} .w-News-list19 li{width:100%;} } @media only screen and (max-width:480px){ .body{font-size:0.375rem;} .wrap-content-in{ padding:0.5rem 0.2rem;} .w-system{ padding:0.5rem 0;} .pdTop-small{ padding-top:0.5em !important;} .pdTop-medium{ padding-top:1em !important;} .pdTop-big{ padding-top:1.2em !important;} .pdTop-large{ padding-top:1.5em !important;} .pdTop-oversize{ padding-top:1.8em !important;} .pdTop-huge{ padding-top:2em !important;} .pdBottom-small{ padding-bottom:0.5em !important;} .pdBottom-medium{ padding-bottom:1em !important;} .pdBottom-big{ padding-bottom:1.2em !important;} .pdBottom-large{ padding-bottom:1.5em !important;} .pdBottom-oversize{ padding-bottom:1.8em !important;} .pdBottom-huge{ padding-bottom:2em !important;} .pdLeft-small{ padding-left:0.5em !important;} .pdLeft-medium{ padding-left:1em !important;} .pdLeft-big{ padding-left:1.2em !important;} .pdLeft-large{ padding-left:1.5em !important;} .pdLeft-oversize{ padding-left:1.8em !important;} .pdLeft-huge{ padding-left:2em !important;} .pdRight-small{ padding-right:0.5em !important;} .pdRight-medium{ padding-right:1em !important;} .pdRight-big{ padding-right:1.2em !important;} .pdRight-large{ padding-right:1.5em !important;} .pdRight-oversize{ padding-right:1.8em !important;} .pdRight-huge{ padding-right:2em !important;} .multi-imgs li{min-width:50%;} .multi-imgs li:nth-child(2n+1){ clear:both;} .gallery-img .gallery-caption-full{ font-size:120%;} .w-News-list a.news-kind{ display:none;} .w-News-list .news-com .news-sum{ font-size:95%;} .w-News-list1 .news-com .news-sum{margin-top:0; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-News-list2{ margin-left:-0.3em; margin-right:-0.3em;} .w-News-list2 li{min-width:100%;} .w-News-list2 li .news-item{margin:0 0.3em 1.5em;} .w-News-list3 .news-com .news-sum,.w-News-list4 .news-com .news-sum{max-height:4em !important; overflow:hidden; line-height:1.4 !important;} .w-News-list5 li .news-item .data-day{width:1.2rem; height:1.2rem; line-height:1.2rem;font-size:0.8rem; margin-top:-10px;} .w-News-list5 li .news-item .date,.w-News-list5 li .news-item{ margin-left:0.65rem;} .w-News-list5 li .news-item .news-com{padding:0.25rem 0.25rem 0.25rem 0.75rem ; } .w-News-list5 li .news-item .news-com .news-h a{font-size:0.4rem;} .w-News-list5 li .news-item .news-com .news-sum{ max-height:4em; overflow:hidden;line-height:2;} .w-News-list6 .news-com .news-h,.w-News-list6 .news-com .date{float:none; width:100%; text-align:left;} .w-News-list6 .news-com .date{ display:none;} .w-News-list6 .news-com .news-sum{margin-top:0; /*text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;*/ line-height:1.4; max-height:2.6em; overflow:hidden;} .w-News-list7 li .date{ margin-right:1em;} .w-News-list7 li .date .date-day{ font-size:220%;} .w-News-list7 li .date .date-yearMonth{ padding:0 0.5em;} .w-News-list7 .news-com .news-sum{max-height:4em; overflow:hidden; line-height:2;} .w-News-list8{ margin:0;} .w-News-list8 li{min-width:100%;} .w-News-list8 li .news-item{margin:0 0 1.5em 0;} .w-News-list9 li .news-com .text_con .news-h{ font-size:105%;} .w-News-list9 li .news-com .text_con .news-sum{ font-size:89%;} .w-News-list9 li .aspectRatio{ padding-bottom:75% !important;} .w-News-list10 li .news-com .text_con .news-h{ font-size:105%;} .w-News-list10 li .news-com .text_con .news-sum{ font-size:89%;} .w-News-list10 li .aspectRatio{ padding-bottom:75% !important;} .w-News-list11 li .news-com .text_con .news-h{ font-size:105%;} .w-News-list11 li .news-com .text_con .news-sum{ font-size:89%;} .w-News-list11 li .aspectRatio{ padding-bottom:66.66% !important;} .w-News-list12 a{ padding:1.2em 0.3em;} .w-News-list12 li .news-h{ padding-right:5em; font-size:110%; padding-left:1.5em;} .w-News-list12 li .news-together::before{ display:none;} .w-News-list13 li{ width:100%;} .w-News-list13 .news-com .news-h{ padding:0.5rem 0.5rem 0.3rem;} .w-News-list13 .imgTxt .news-sum{ padding:0 0.5rem;} .w-News-list13 .date{ padding:0.3rem 0.5rem;} .w-News-list13 .date .year{ font-size:200%;} .w-News-list14 .news-sum{ line-height:1.6; max-height:6.2em; overflow:hidden;} .w-News-list15 .news-sum{ line-height:1.6; max-height:6.2em; overflow:hidden;} .w-News-list16 li a{ padding:1em 0;} .w-News-list16 .news-com .news-h{ font-size:110%;} .w-News-list16 li .news-imgbox{ width:30%;} .w-News-list16 li .news-com{ margin-left:30%;} .w-News-list16 li .news-com .news-sum{ line-height:1.5;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; font-size:90%; margin-top:0;} .w-News-list16 .news-com .date{ font-size:90%;} .w-News-list16 li .aspectRatio{ padding-bottom:75% !important;} .w-News-list17 li{ width:100%;} .w-News-list18 li .news-com .text_con .news-h{ font-size:105%;} .w-News-list18 li .news-com .text_con .news-sum{ font-size:89%;} .w-News-list18 li .aspectRatio{ padding-bottom:66.66% !important;} .w-News-list19 li{ margin-bottom: 1.5em;} .w-News-list19 li .news-com{ padding:1em;} .w-News-list19 li .news-com .news-h{ font-size: 125%;} .w-News-list20 li .date .day{ font-size: 200%;} .w-News-list20 li .news-com .news-h{ font-size: 130%;} .messageInput dl dd{display:block;} .w-checkbox span{margin-left:0.4em;} .w-prd-list-cell .w-prd-price-groups > div{ font-size:95%;} .w-prd-list-cell .w-prd-btns a{padding:0.3em 0.35em; font-size:90%;} .w-prd-list1 .w-prd-list-cell-in{padding:0 0.3em} .w-prd-list1 .w-prd-list-cell .w-prd-sum{ line-height:1.3; max-height:3.75em; overflow:hidden;} .w-prd-list2 .w-prd-list-cell .w-prd-sum{ line-height:1.3; max-height:3.75em; overflow:hidden;} .w-prd-list3 .w-prd-list-cell .w-prd-sum{ line-height:1.3; max-height:3.75em; overflow:hidden;} /*.w-prd-list3{ margin:0 -0.3em;} .w-prd-list3 li{ margin-bottom:0.6em;} .w-prd-list3 li .w-prd-list-cell-in{ margin:0 0.3em;}*/ .w-prd-list4{ margin:0 0.2em;} .w-prd-list4 li{ margin-bottom:1em;} .w-prd-list4 li a{ padding:0.6em;} .w-prd-list4 li .w-prd-list-cell-in{ margin:0 0.3em; } .w-prd-list4 h2{ font-size:110%;} .w-prd-list4 .w-prd-price-groups{ font-size:90%;} .w-prd-list4 .w-prd-sum{ font-size:85%;} .w-prd-list5{ margin:0 -0.2em;} .w-prd-list5 li{ margin-bottom:0.4em;} .w-prd-list5 li .w-prd-list-cell-in{ margin:0 0.2em; } .w-prd-list5 h2{ font-size:105%;} .w-prd-list5 .w-prd-price-groups{ font-size:90%; display:none;} .w-prd-list5 .w-prd-sum{ font-size:85%;} .w-prd-list6{ margin:0 -0.3em;} .w-prd-list6 li{margin-bottom:0.6em;} .w-prd-list6 li .w-prd-list-cell-in{ margin:0 0.3em;} .w-prd-list6 h2{ font-size:105%;} .w-prd-list6 .w-prd-price-groups{ font-size:90%; display:none;} .w-prd-list6 .w-prd-sum{ font-size:85%;} .w-prd-list7{ margin:0 0.3em;} .w-prd-list7 li{ margin-bottom:0.5em;} .w-prd-list7 li .w-prd-list-cell-in{ margin:0 0.3em; } .w-prd-list7 .w-prd-infobox{padding: 1em 0.7em;} .w-prd-list7 h2{ font-size:110%;} .w-prd-list7 .w-prd-price-groups{ font-size:90%;} .w-prd-list7 .w-prd-sum{ font-size:85%;} .info_tab li a{ padding:0 1em;} .w-section .w-com-menu{margin-left:-0.2rem; margin-right:-0.2rem;} .bx-wrapper .bx-pager.bx-default-pager a{ height:6px !important; width:6px !important; border-radius:3px !important; -moz-border-radius:3px !important; -webkit-border-radius:3px !important;} .ad_boxfixed .ad_tel{ padding:0.6em 0.6em;} .ad_boxfixed .ad_tel .ad_tel_icon .icon_adTel{ width:3em; height:3em; background-size:3em 3em;} .ad_boxfixed .ad_tel .ad_tel_text{ margin-left:3.5em;} .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_txt{font-size:100%;} .ad_boxfixed .ad_tel .ad_tel_text .ad_tel_num{font-size:150%; margin-top:0.2em;} .ad_boxfixed .ad_buyCart{ font-size:100%;} .ad_boxfixed .ad_buyCart a{padding:0.5em;} .ad_boxfixed .ad_buyCart .icon_adCart{ width:2em; height:2em; background-size:2em auto;} .w-fileNew .w-file-info .icon_file{ background-size:14em 2em; width:2em; height:2em;} .w-fileNew .w-file-info .icon_file1{ background-position:0 0;} .w-fileNew .w-file-info .icon_file2{ background-position:-2em 0;} .w-fileNew .w-file-info .icon_file3{ background-position:-4em 0;} .w-fileNew .w-file-info .icon_file4{ background-position:-6em 0;} .w-fileNew .w-file-info .icon_file5{ background-position:-8em 0;} .w-fileNew .w-file-info .icon_file6{ background-position:-12em 0;} .w-fileNew .w-file-info .icon_fileEmpty{background-position:-10em 0;} .w-fileNew .w-file-info .w-file-name{ margin-left:2.5em;line-height:2;} .w-fileNew .w-file-opt{line-height:2;} .w-fileNew-btn .w-file-opt a{ line-height:1.8; margin-top:0.1em;} .w-fileNN1 .w-file-info{padding-right: 4.5em;} .w-fileNN1 .w-file-info .w-file-text{ padding-top: 0;} .w-fileNN1 .w-fileNN-btn .w-file-load{ width:4em; height: 2.6em; top: 3em; margin-top: -1.3em;} .w-fileNN1 .w-fileNN-btn .w-file-load .icon_downLoad_x1{width:2em; height: 2em; margin-top:-1em; margin-left: -1em; background-size: contain;} .w-fileNN2{ padding: 1em 0.5em;} .w-fileNN3{ padding: 1.2em 1em;} .w-fileNN3 .w-file-info{ padding-right: 4em;} .w-fileNN3 .w-fileNN-btn .w-file-load{ right: 0.4em;} .w-upload-list{overflow-x:auto;} .w-upload-list .icon_file{ width:1.5em; height:1.5em; background-size:10.5em 1.5em;} .w-upload-list .icon_file1{ background-position:0 0;} .w-upload-list .icon_file2{background-position:-1.5em 0;} .w-upload-list .icon_file3{background-position:-3em 0;} .w-upload-list .icon_file4{background-position:-4.5em 0;} .w-upload-list .icon_file5{background-position:-6em 0;} .w-upload-list .icon_file6{background-position:-9em 0;} .w-upload-list4 li .w-file-info{padding-right: 4.5em;} .w-upload-list4 li .w-file-info .w-file-text{ padding-top: 0;} .w-upload-list4 li .w-file-load{ width:4em; height: 2.6em; top: 3em; margin-top: -1.3em;} .w-upload-list4 li .w-file-load .icon_downLoad_x1{width:2em; height: 2em; margin-top:-1em; margin-left: -1em; background-size: contain;} .w-upload-list5 li .w-file-info{ padding-right: 4em;} .w-upload-list5 li .w-file-load{ right: 0.4em;} .menuFootFixed{ font-size:0.35rem;} .bodyfootFixed{padding-bottom:4.15em;} .w-pages a{ display:none;} .w-pages a.w-page-pre,.w-pages a.w-page-next{ display:inline-block;} .topTel{ font-size:0.35rem;} .w-numCount .numCX,.w-numCount2 .numCX{ font-size:210%;} .dl_three_form{ margin: 0 -0.3em;} .dl_three_form dd > div{ margin: 0 0.3em;} .w-img-list1 li{ margin-bottom: 1em;} .w-img-list2 .textBox .text{ padding: 0.6em 1em;} .w-img-list3{ margin-left: -0.3em; margin-right: -0.3em;} .w-img-list3 li{ margin-bottom: 0.6em;} .w-img-list3 li .item{ margin-left: 0.3em; margin-right: 0.3em;} .w-img-list3 li a{padding: 0.5em;} .w-img-list3 li h3{ margin-top: 0.5em;margin-bottom: 0.2em;} .w-img-list4{ margin-left: -0.4em; margin-right: -0.4em;} .w-img-list4 li{ margin-bottom: 0.8em;} .w-img-list4 li .item{ margin-left: 0.4em; margin-right: 0.4em;} .w-img-list4 li h3{ font-size: 105%;} .w-img-list5{ margin-left: -0.4em; margin-right: -0.4em;} .w-img-list5 li{ margin-bottom: 0.8em;} .w-img-list5 li .item{ margin-left: 0.4em; margin-right: 0.4em;} .w-img-list5 li h3{ font-size: 105%;} .igtDetail1 .bx-wrapper .bx-pager{padding-top: 0; height: 20px;} .igtDetail2 .prev_next_x .prev_x, .igtDetail2 .prev_next_x .next_x{ top: 10em;} .igtDetail3 .prev_next_x .prev_x, .igtDetail3 .prev_next_x .next_x{ top: 10em;} .igtDetail4 .igtDCon{padding: 1em;} } @-webkit-keyframes scaleX { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes scaleX { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); } }