a{color:inherit;transition: 0.36s;} a:hover,a:focus{color:unset;text-decoration:unset;outline:unset;} em,i{font-style:normal;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0} button,input,select,textarea{outline:none !important;} ol,ul{list-style:none} .btn-primary:hover{color:#d4091b;} html,body,button,input,select,textarea{-webkit-font-smoothing:antialiased;} html,body{font-family: Verdana,Arial,Microsoft Yahei,sans-serif,sans-serif; } /* container */ @media (min-width:1200px){.container{width:970px;} } @media (min-width:1240px){.container{width:1210px;} } @media (min-width:1240px){.container .visible-lg-block{display:block !important;} .container .hidden-lg{display:none !important;} } @media (max-width:1239px) and (min-width:992px){.container .visible-lg-block{display:none !important;} .container .visible-md-block{display:block !important;} .container .hidden-lg{display:block !important;} .container .hidden-md{display:none !important;} .hn-item {margin: 0px 15px;} } .row{margin-left:-10px;margin-right:-10px;} [class^="col-"]{padding-left:10px;padding-right:10px;} @media (max-width:767px){.row{margin-left:-5px;margin-right:-5px;} [class^="col-"]{padding-left:5px;padding-right:5px;} } /* wsc-nav */ @media (min-width:992px){.wsc-Nav{border-bottom:1px solid #EBEBEB;} .wsc-NavCon{margin:0 auto;position:relative;z-index:100} .wsc-logo{float:left;height:94px;} .wsc-logo a{display:table-cell;vertical-align:middle;height:94px;} .wsc-logo img{vertical-align:middle;max-height:43px} .wsc-headNav{float:right;} .hn-item{float:left;position:relative;margin:0px 20px;} .hn-text{font-size:16px;line-height:34px;padding-bottom:30px;margin-top:30px;font-weight:bold;} .hn-item:hover .hn-text{color:#d4091b;} .hn-search{float:left;margin-left:20px;} .search-icon{float:left;width:30px;height:100px;cursor:pointer;background:url(../images/hn-searchico.png) no-repeat center center;} .search-drop{position:absolute;top:95px;left:0;right:0;margin:auto;width:100%;padding:60px 0;background-color:#fff;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);display:none;} .search-drop .wsc-search{margin-bottom:0;} .hn-text span{position:absolute;bottom:-1px;left:0;right:0;margin:auto;height:3px;background-color:#d4091b;width:0;transition:0.36s;} .hn-item:hover .hn-text span,.hn-item.active .hn-text span{width:100%;} .hn-item:hover .hn-text,.hn-item.active .hn-text{color:#d4091b;} .search-drop form{margin:auto;width:50%} .hn-drop{position:absolute;left:50%;transform:translateX(-50%);top:95px;width:195px;box-shadow:0px 5px 10px rgba(0,0,0,0.16);background-color:#fff;display:none;} .hn-drop a{display:block;height:45px;line-height:45px;color:#333333;padding-left:25px;padding-right:25px;overflow:hidden;} .hn-drop a:hover{background-color:#efefef;} } .wsc-search{margin-bottom:40px;} .wsc-search .form-control{height:40px;background-color:#fff;border-color:#f0f0f0;box-shadow:unset;border-radius:0;padding-left:10px;padding-right:10px;} .wsc-search .input-group-btn{width:10%;} .wsc-search .input-group-btn .btn{height:40px;border-radius:0;padding-left:32px;padding-right:32px;transition:0.36s;} .wsc-search .input-group-btn span{width:18px;display:inline-block;height:18px;vertical-align: middle; background:url(../images/search-icon.png) no-repeat center center;} .wsc-search .input-group-btn .btn:hover{color:#fff;} .form-control:focus{border-color:#d4091b;box-shadow:none;} @media (max-width:1239px) and (min-width:992px){.hn-item {margin: 0px 15px;} } @media (max-width:991px){.wsc-search{margin-bottom:20px;} } @media (max-width:991px){.divid-block{height:8px;background-color:#F7F8F8;border-top:1px solid #e0e0e0;} .wsc-Top{height:50px;background-color:#fff;border-top:1px solid #e0e0e0;} .wsc-TopCon{position:fixed;left:0;top:0;height:50px;width:100%;box-sizing:border-box;padding:0 15px;background-color:#fff;z-index:99999;border-bottom:1px solid #F6F6F6;} .top-menu{position:absolute;right:10px;top:0;bottom:0;margin:auto;height:50px;width:36px;background:url(../images/top-menu.png) no-repeat left center;background-size:36px auto;} .top-search{position:absolute;right:15px;top:0;bottom:0;margin:auto;height:50px;width:16px;background:url(../images/hn-searchico.png) no-repeat right center;background-size:16px auto;} .wsc-logo{position:absolute;left:15px;right:0;top:0;bottom:0;width:150px;height:50px;} .wsc-logo a{display:table-cell;vertical-align:middle;height:50px;width:150px;} .wsc-logo img{vertical-align:middle;height:28px} .wsc-TopBar{position:fixed;right:-100%;top:0;background-color:#fff;width:100%;height:100%;transition:all 0.3s ease-in-out;z-index:99999;overflow-y:scroll;} .wsc-tbtop{height:50px;padding:0 15px;position:relative;} .top-close{height:50px;width:36px;position:absolute;right:15px;top:0;bottom:0;margin:auto;background:url(../images/top-close.png) no-repeat 0 center;background-size:36px auto;} .wsc-TopSearch{padding:15px;} .wsc-TopSearch input{font-size:14px;line-height:26px;width:100%;height:36px;box-sizing:border-box;border:none;outline:none;padding:5px 10px 5px 37px;border-radius:2px;color:#333333;background:#F7F8F8 url(../images/top-search.png) no-repeat 6px 6px;background-size:25px auto;} .wsc-TopSearch input::placeholder{color:#999999;font-weight:300;} .wsc-TopNav{padding:15px;overflow-y:auto;} .hn-item{margin-top:15px;border-top:1px solid #EAEAEA;padding-top:15px;} .hn-item:first-child{border-top:0;margin-top:0;padding-top:0;} .hn-item:first-child .hn-text{margin-top:0;border-top:0;padding-top:0;} .hn-text{font-size:14px;line-height:20px;color:#333333;font-weight:300;position:relative;} .hn-item.active .hn-text{font-weight:bold;} .hn-text a{ width:100%;} .hn-arr {width: 75px;font-size: 0;text-align: right;line-height: 1;position: absolute;right: 0;top: 0;} .hn-arr span {display: inline-block;height: 20px;width: 12px;background: url(../images/hnarr.png) no-repeat right center;background-size: 12px auto;transition: all 0.3s ease-in-out;} .hn-drop{padding-top:15px;overflow:hidden;display:none;} .hn-droplist{margin-top:-2px;margin-left:-1px;margin-right:-1px;} .hn-drop li{float:left;width:50%;height:40px;margin-top:2px;padding-left:1px;padding-right:1px;} .hn-drop li a{display:block;padding:12px 15px;font-size:12px;height:40px;line-height:17px;color:#333333;font-weight:300;background-color:#F7F8F8;} } /* bread */ .wsc-bread{border-bottom:1px solid #EBEBEB;} .breadcrumb > li{display: inline;} .breadcrumb > li + li:before{padding:0 3px;} .breadcrumb h1,.breadcrumb  em,.breadcrumb span{font-size:14px !important;margin:0;display:inline;} .breadcrumb{background-color:#fff !important;border-radius:0;border-bottom:0;padding:0;margin-bottom:0;line-height:20px;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#777;} /* foot */ .wsc-foot{padding:60px 0;background-color:#312f35;} .wsc-bottom{background-color:#312f35;color:#999999;border-top:1px solid rgba(255, 255, 255, 0.1);} .wsc-bottom a:hover{ color:#ffffff;} .ft-tit{margin-top:28px;font-weight:bold;color:#aaaaaa;} .ft-compinfo{margin-top:15px;} .ft-tel,.ft-pos{color:#777777;} .wsc-foot .wsc-search{margin-bottom:0;margin-top:40px;} .wsc-foot .wsc-search .input-group-btn .btn{background-color:#888F98;border-color:#888F98;} .wb-main{padding:14px 0;} .wb-wscico{display:inline-block;vertical-align:middle;font-size:0;} .wb-wscico img{width:18px;border-radius:14px;} .wb-text{float: right;line-height:30px;margin-left:0px;} .wb-text span{margin:0 5px;} .wb-text em{font-style:normal;} @media (min-width:992px){.ft-logo img{height:43px} } @media (max-width:991px){.ft-logo img {height:35px} .wsc-foot{padding:60px 0 40px;} .wb-left,.ft-info { width: 100%; text-align: center; } .wb-text {float: none;} .wb-right {display: none;} .ft-compinfo li {padding-left: 0!important; background: none;} } @media (max-width:767px){.wsc-foot{padding:30px 0;} .wb-text{line-height:22px;font-size: 12px;} } .wsc-frilink{padding: 18px 0; background: #ffffff; } .fl-tit {margin-right: 10px; display: inline-block; vertical-align: middle; color: #0A0A0A; line-height: 24px; font-size: 12px; padding-left: 25px; background: url(../images/firlink-ico.png) no-repeat 0 center; } .fl-main.list-inline{display: inline-block; vertical-align: middle; margin-left: 0; font-size: 12px; color: #777; } .wsc-frilink .fl-main a:hover{color: #d4091b; } @media (max-width:767px){.wsc-frilink{padding-top:14px;padding-bottom:14px;} .foot-nav{margin-top:30px;} } /* btnav */ .btnav-item{color:#555555;padding:9px 0 8px;font-size:12px;text-align:center;width:25%;float:left;} .btnav-item:hover,.btnav-item.active{color:#d4091b;} .botfix-nav{background-color:#fff;border-top:1px solid #eaeaea;} .btnav-item{color:#555555;padding:10px 0 8px;font-size:12px;text-align:center;width:25%;float:left;} .botfix-nav .icon{width:20px;display:block;transition:0.36s;height:20px;margin:0 auto;} .btnav-item .text{margin-top:7px;} .botfix-height{height:63px;} .botfix-nav .icon1{background:url(../images/botfix-icon1.png) no-repeat center center;} .botfix-nav .icon2{background:url(../images/botfix-icon2.png) no-repeat center center;} .botfix-nav .icon3{background:url(../images/botfix-icon3.png) no-repeat center center;} .botfix-nav .icon4{background:url(../images/botfix-icon4.png) no-repeat center center;} .btnav-item.active .icon1,.btnav-item:hover .icon1{background:url(../images/botfix-icon1h.png) no-repeat center center;} .btnav-item.active .icon2,.btnav-item:hover .icon2{background:url(../images/botfix-icon2h.png) no-repeat center center;} .btnav-item.active .icon3,.btnav-item:hover .icon3{background:url(../images/botfix-icon3h.png) no-repeat center center;} .btnav-item.active .icon4,.btnav-item:hover .icon4{background:url(../images/botfix-icon4h.png) no-repeat center center;} /* banner */ .wsc-banner{height:380px;background-size: cover !important;} .wsc-bannerCon{height:100%;} .banTit{font-size: 42px; font-weight: bold; color: #FFFFFF; line-height: 48px;text-align:center;padding-top:144px;} .banText{font-size: 18px; font-weight: 400; margin-top: 16px; text-align:center; color: #FFFFFF; line-height: 28px; } .banText h1 {font-size: 18px; line-height: 28px;} .banTit .marktext, .banText .marktext {text-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);} @media (max-width:991px){.banTit{font-size: 36px; line-height: 42px; } } @media (max-width:767px){.wsc-banner{height:180px;} .banTit{font-size:22px;padding-top:60px;line-height:28px;} .banText,.banText h1 {font-size: 16px; margin-top: 8px; } } /* class3 */ .wsc-class2{margin:-10px -5px 40px;} .classItem2{float:left;padding:0 5px;margin-top:10px} .classItem2 a{min-width: 100px;display:block;color:#999999;transition:0.36s;box-sizing:border-box;height:32px;font-size:12px;display:block;padding:0 20px;font-weight:400;line-height:30px;background:#FFFFFF;transition:0.36s;border:1px solid #EEEEEE;opacity:1;text-align:center;border-radius:2px;} .classItem2.active a,.classItem2:hover a{background:#d4091b;border-color:#d4091b;} .classItem2.active a,.classItem2:hover a{color:#fff;} @media (max-width:767px){.wsc-class2{margin:-10px -5px 20px;} .wsc-classCon2{width:100%;} .classItem2{width:33.33%;} .classItem2 a{min-width:unset;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} } .page-main{padding:40px 0 60px;} @media (max-width:767px){.page-main{padding:20px 0 30px;} } /* list-style2 */ .list-style2 .media{margin-top:20px;} .list-style2 .media:first-child{margin-top:0;} .list-style2 .media-left,.list-style2 .media > .pull-left{padding-right:30px;} .list-style2 .media-heading{font-size:16px;color: #0A0A0A; line-height:24px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:0;} .list-style2 .media:hover .media-heading{color:#d4091b;} .list-style2 .media-text{margin-top:16px;color:#999;font-size:14px;line-height:24px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .list-style2 .media-info{margin-top:30px;color:#999999;font-size:14px;} .list-style2 .media-info>div{margin-right:15px;} .list-style2 .media-left a{display:block;width:180px;} .list-style2 .media-left img{width:100%;} .list-style2 .media-info{margin-top:14px;} @media (max-width:991px){.list-style2 .media-text{margin-top:15px;} } @media (max-width:767px){.list-style2 .media{margin-top:10px;} .list-style2 .media:first-child{margin-top:0;} .list-style2 .media-left,.list-style2 .media > .pull-left{padding-right:15px;} .list-style2 .media-left a{width:100px;} .list-style2 .media-heading{font-size:16px;line-height:24px;} .list-style2 .media-info{margin-top:10px;} } /* wsc-page */ .wsc-page{margin-top:40px;} .u-paging{text-align:center;} .paging-inner{height: 40px;font-size: 0;} .paging-inner a,.paging-inner span {margin:0 5px;height: 40px;line-height: 40px;width: 40px;color: #999999;font-size: 14px;transition: 0.3s;display: inline-block;vertical-align: top; text-align: center;background-color: #f6f6f6;} .paging-inner .current,.paging-inner a:hover{background-color: #d4091b;color: #fff;} .paging-inner .prev{background:#f6f6f6 url(../images/page-prev.png) no-repeat center center;margin-right: 11px;} .paging-inner .next{background:#f6f6f6 url(../images/page-next.png) no-repeat center center;margin-left: 11px;} .paging-inner .prev:hover{background-image: url(../images/page-prevh.png);} .paging-inner .next:hover{background-image: url(../images/page-nexth.png);} @media (max-width:767px){.wsc-page{margin-top:30px;} .paging-inner{height:32px;} .paging-inner a,.paging-inner span{height:32px;width:32px;margin:0 3px;line-height:30px;} .paging-inner .prev{margin-right:3px;} .paging-inner .next{margin-left:3px;} } .wsc-layout-d{background:#FAFAFA;padding:40px 0 60px;} .wsc-layout-d .content-main{padding:40px;background:#fff;box-shadow:0px 0px 6px rgba(235,235,235,0.5);} @media (max-width:767px){.wsc-layout-d{padding:20px 0 30px;} .wsc-layout-d .content-main{padding:20px;} } /* d-index */ .d-tit{font-size:30px;line-height:42px;font-weight:bold;color:#0A0A0A;} .d-info{line-height:20px;margin-top:25px;color:#999999;} .d-info.list-inline{font-size:0;} .d-info.list-inline li{font-size:14px;} .d-info .infoline{font-size:12px;color:#eaeaea;margin-left:20px;margin-right:20px;} .d-intro{padding:30px;background: #F5F7FB;color:#666666;margin-top:30px;line-height:24px;} .d-cover{margin-top:40px;} .d-cover img{max-width:100%;max-height:700px;display:block;margin:auto; border-radius: 5px;} .d-cover-text{font-size:14px;color:#999999;text-align:center;margin-top:20px;} @media (max-width:991px){.d-tit{font-size:20px;line-height:32px;} .d-info{margin-top:15px;} .d-info .infoline{margin-left:5px;margin-right:5px;} .d-intro{margin-top:20px;padding:15px;} .d-cover{margin-top:20px;} .d-cover-text{margin-top:15px;} } /* d-content */ .d-content{margin-top:40px;} .wsc-edit{margin-top:30px;font-size:16px;line-height:1.5; overflow:hidden;} .wsc-edit:first-child{margin-top:0;} .wsc-edit p{margin:10px 0;} .wsc-edit a{color:#d4091b;} .wsc-edit img,.wsc-edit video{max-width:100%;height:auto;cursor:pointer;margin:15px auto;display:block;} .wsc-editCon>*:first-child,.wsc-edit>*:first-child{margin-top:0;} .wsc-editCon>*:last-child{margin-bottom:0;} .wsc-edit li{margin:10px 0} .wsc-edit table{height:auto!important;max-width:100%;border:0;overflow-x:auto;} .wsc-edit td{border:1px solid #fff;padding:5px;width:auto!important} .wsc-editTit{font-size:20px;line-height:26px;color:#0A0A0A;padding-left:14px;background:url(../images/edittit-line.png) no-repeat 0 center;} .wsc-editCon{margin-top:20px;} .wsc-editCon a{color: #333333;} .wsc-editCon a:hover {color:#d4091b;} .wsc-edit tr:nth-child(even) td {background: #f7f7fa; } .wsc-edit tr:nth-child(odd) td {background: #f3f3f5; } @media (max-width:991px){.d-content{margin-top:20px;} .wsc-edit{margin-top:20px;} .wsc-editCon{margin-top:10px;} .wsc-edit table{display:block;width:auto!important;} } /* content-relate */ .content-relate{border:1px solid #ebebeb;border-top:3px solid #E9E9E9;padding:15px;margin-top:30px;} .content-relate .wsc-relate:first-child{margin-top:0;} .wsc-relate{margin-top:20px;} .content-relate .rTit{position:relative;} .rTitText{font-size:16px;color:#212121;line-height:26px;} .reMain{margin-top:10px;} .rlist-item{margin-top:15px;font-size:14px;line-height:1;color:#777777;padding-right:100px;} .rlist-item:first-child{margin-top:0;} .rlist-tit{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-left:11px;background:url(../images/rtit-dot.png) no-repeat 0 center;} .rlist-tit:hover{color:#d4091b;} .rlist-time{float:left;color:#999999;width:100px;margin-right:-100px;text-indent:30px;} @media (max-width:767px){.content-relate{margin-top:20px;} } /*wsc-tags  */ .wsc-tags{margin-top:20px;} .wsc-tags .label{border:1px solid #E6E6E6;padding:2px 10px;color:#888888;line-height:24px;font-size:14px;display:inline-block;margin-right:10px;margin-top:10px;font-weight:normal;border-radius:5px;transition:0.36s;} .wsc-tags .label:hover{background-color:#d4091b;border-color:#d4091b;color:#fff;} @media (max-width:767px){.wsc-tags{margin-top:10px;} } /* wsc-detlink */ .wsc-detlink{background:#fff;margin-top:20px;padding:30px 40px;box-shadow:0px 0px 6px rgba(235,235,235,0.5);border:none;} .dl-prev,.dl-next{font-size:14px;line-height:24px;box-sizing:border-box;position:relative;} .wsc-detlink .dl-next{margin-top:12px;} .dp-arr,.dn-arr{color:#999999;position:absolute;left:0;font-style:normal;} .dp-text,.dn-text{color:#333333;width:100%;font-size:16px;display:inline-block;padding-left:60px;} .dp-text:hover,.dn-text:hover{color:#d4091b;} @media (max-width:767px){.wsc-detlink{padding:20px 15px;} } /* botnews-block */ .botnews-block{margin-top:30px;} .botnews-item{border:1px solid #EBEBEB;box-sizing: border-box;overflow: hidden; } .btnews-tit{padding:10px 15px;background-color:#f8f8f8;position:relative;} .bn-tit{float:left;font-size:16px;line-height:24px;color:#333333;} .bn-more{float:right;font-size:12px;color:#999999;line-height:24px;} .bn-more span{display:inline-block;padding-right:14px;background:url(../images/remore-arr.png) no-repeat right center;} .bn-more:hover{color:#d4091b;} .bn-more:hover span{background-image:url(../images/remore-arrh.png);} .btnews-main{padding:20px 15px;height:234px;background-color:#fff;} .btnews-main .list-item{overflow:hidden;padding-right:100px;margin-top:10px;} .btnews-main>.list-item:first-child{margin-top:0;} .btnews-main .row{margin-top:-10px;} .btnews-main .list-tit{font-size:14px;line-height:24px;height:24px;float:left;width:100%;color:#666666;transition:0.36s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:14px;background:url(../images/rtit-dot.png) no-repeat 0 center;} .btnews-main .list-time{line-height:24px;float:right;text-align:right;width:100px;margin-right:-100px;font-size:14px;color:#999999;} @media (min-width:767px){.btnews-main .list-tit:hover{color:#d4091b;} } @media (min-width:992px){.btnews-main .row{margin-left:-40px;margin-right:-40px;} .btnews-main .col-md-6{padding-left:40px;padding-right:40px;} } @media (max-width:992px){.col-md-6:nth-child(2) .botnews-item{margin-top:20px;} .btnews-main{height:unset;} .botnews-block{margin-top:20px;} } /* wsc-class */ .classItem{float:left;width:100%;} .classItema{overflow:hidden;position:relative;box-sizing:border-box;height:52px;border-bottom: 1px solid #EAEEF4;} .classItema a{padding:13px 0;font-size:16px; font-size: 14px; font-weight: bold; color: #25293E; line-height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;} .classItema i{height:44px;width:29px;position:absolute;right:0;top:0;line-height:62px;color:#999;text-align:right;background:url(../images/add-icon.png) no-repeat right center;cursor:pointer;} .classItema .add{background-image: url(../images/reduce-icon.png); } .classItem em{display:none} .classItemCon{display:none;} .classItemCon li{border-bottom:1px solid #EBEBEB;} .classItemCon a{display:block;line-height:26px;padding:13px 0;color:#999999;background:url(../images/gray-arr.png) no-repeat right center;} .wsc-class .active .classItema a,.classItema:hover a{color:#d4091b;} .classItem.active .classItemCon{display:block;} .classItemCon .active a,.classItemCon a:hover{color:#d4091b;background-image: url(../images/gray-arrh.png);} .rotate180{transform:rotateZ(180deg);} @media (max-width:991px){.wsc-class{margin-left:-1px;margin-top:-1px;} .classItem{margin-top:1px;margin-left:1px;} .classItemCon li{float:left;width:33.33%;padding-left:0;padding-right:1px;margin-top:1px;border-bottom: none;} .classItemCon a{text-align:center;height:40px;line-height:20px;padding:10px;background: #fff;} .classItemCon a span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .classItema{height:40px;} .classItemCon .active a,.classItemCon a:hover{background: #fff; } .classItemCon {padding: 10px 0; } .classItema a{padding:8px 0;font-size:14px;} .classItema i{height:40px;line-height:40px;} } @media (max-width:767px){.classItemCon a{font-size:12px;} } /* lTit */ .lTit{position:relative;overflow:hidden;z-index:2;} .lTitText{font-size:20px;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;max-width:80%;} .lTitMore{float:right;font-size:14px;color:#999999;line-height:28px;} /* list-style1 */ .list-style1{margin-top:-20px;} .list-style1 .list-item{margin-top:20px;border:1px solid #f0f0f0;} .list-style1 .list-img{display:block;position:relative;overflow:hidden;} .list-style1 .list-img img{width:100%;} .list-style1 .list-img a{display:block;} .list-picicon{position:absolute;right:8px;bottom:8px;width:23px;height:20px;background:url(../images/list-picico.png) no-repeat center center;background-size:cover;} .list-playicon{width:40px;height:40px;position:absolute;right:0;bottom:0;left:0;top:0;margin:auto;background:url(../images/list-playico.png) no-repeat center center;background-size:cover;} .list-lentime{display:none;position:absolute;right:5px;bottom:5px;height:22px;line-height:22px;padding:0 5px;background-color:rgba(0,0,0,0.6);font-size:12px;color:#ffffff;} .list-style1 .list-info{padding:20px 25px;border-top:1px solid #f0f0f0;} .list-style1 .list-tit{font-size:14px;line-height:24px;color:#333333;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-style1 .list-item:hover .list-tit{color:#d4091b;} @media (max-width:767px){.list-style1{margin-top:-10px;} .list-style1 .list-item{margin-top:10px;} .list-style1 .list-info{padding:10px 15px;} } /* pd-top */ .pd-top{margin-top:40px;} .pd-img .carousel-inner{height:435px;} .pd-top .carousel-inner{border:1px solid #eaeaea;} .pd-img .carousel-inner .item{height:100%;} .pd-img .carousel-inner > .item > img,.pd-img .carousel-inner > .item > a > img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;} .pd-img .carousel-control{width:38px;height:46px;margin:auto;z-index:10;} .pd-img .carousel-control.right{right:8px;background:url(../images/pd-next.png) no-repeat center center;} .pd-img .carousel-control.left{left:8px;background:url(../images/pd-prev.png) no-repeat center center;} .pd-img .carousel-indicators li{width:8px;height:8px;margin:0 5px;padding:0;border:1px solid #fff;border-radius:50%;} /* .pd-img .carousel-indicators li.active{background:#d4091b;border-color:#d4091b;width:8px;height:8px;} */ .pd-intro{font-size:16px;line-height:28px;color:#666666;padding-bottom:20px;margin-top:15px;} .pd-info{padding-left:30px;} .d-ftit{font-size:18px;font-weight:500;margin-top:26px;line-height:24px;color:#333333;} .d-attr th{width:100px;vertical-align:top;padding:5px 0;} .d-attr td{line-height:1.6;vertical-align:top;padding:5px 0;} .d-attr{margin-top:20px;line-height:32px;} .d-attr .d-attrTit{vertical-align:top;padding:5px 10px 5px 0px;color:#666666; min-width: 160px; text-align: right;} .d-attr .d-attrTit strong{font-weight: bold;} .d-attr .d-attrCon{vertical-align:top;padding:5px;color:#666666;} .d-btn{margin-top:17px;font-size:0;} .d-btn .btn{width:180px;font-size:16px;height: 50px; line-height:36px;border-radius:0;margin-bottom:10px;transition:0.36s;} .d-btn .pd-btn1{background-color:#d4091b;color:#fff;margin-right:48px;} .d-btn .pd-btn1:hover{background-color:#d4091b;} @media (max-width:1239px){.pd-img .carousel-inner{height:340px;} .d-ftit{margin-top:0;} } @media (max-width:991px){.pd-top{margin-top:20px;} .pd-img .carousel-inner{height:unset;} .pd-img .carousel-indicators li{margin:0 2px; width: 8px;height: 8px;} .pd-img .carousel-indicators li.active{background:#d4091b;border-color:#d4091b;width:8px;height:8px;} .pd-img .carousel-inner > .item > img,.pd-img .carousel-inner > .item > a > img{position:unset;} .pd-intro{margin-top:20px;padding-bottom:15px;} .pd-info{padding-left:0;margin-top:20px;} } @media (max-width:767px){.d-attr{margin-top:10px;} .d-btn{margin-top:20px;} .d-btn .btn{width:160px;height:44px;line-height:30px;font-size:14px;} } /* pdTab */ .pd-main{background:#F8FAFD;margin-top:60px;padding-top:78px;padding-bottom:60px;} .pdTab-box{position:absolute;height:78px;z-index:10;width:100%;background-color:#EEF1F6;top:0;left:0;right:0;margin:auto;} .pdTab{height:78px;background-color:#EEF1F6;margin:auto;position:relative;box-sizing:border-box;} .pdTab ul{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;} .pdTab ul::-webkit-scrollbar{display:none;} .pdTab li{float:left;height:100%;line-height:78px;position:relative;text-align:center;} .pdTab li a{display:block;height:100%;color:#999999;transition:0.3s;font-size:16px;text-decoration:unset;padding:0 30px;} .pdTab li span{position:absolute;left:0;right:0;bottom:0;margin:auto;height:1px;background-color:#d4091b;transition:0.36s;width:0;} .pdTab li.active a,.pdTab li:hover a{color:#d4091b; font-weight: bold;} @media (max-width:767px){.pd-main{padding-bottom:30px;padding-top:48px;margin-top:20px;} .pdTab-box{height:48px;} .pdTab{height:48px;} .pdTab li{line-height:48px;} .pdTab li a{padding-left:15px;padding-right:15px;font-size: 15px; } } .pd-content{margin-top:40px;background:#fff;padding:40px;box-shadow:0px 0px 6px rgba(235,235,235,0.5);} .pd-content .d-content{margin-top:0;} @media (max-width:767px){.pd-content{margin-top:20px;padding:20px;} } /* wsc-form */ .page-block{margin-top:30px;} .fTitText{font-size:20px;color:#333333;font-weight:bold;padding-left:11px;background:url(../images/edittit-line.png) no-repeat 0 center;} .form-main{margin-top:10px;} .wsc-form .form-group{margin-bottom:0;margin-top:10px;} .wsc-form .col-md-6 .form-group:first-child{margin-top:10px;} .wsc-form .form-group:first-child{margin-top:0;} .wsc-form label{font-size:14px;line-height:22px;color:#333;margin-bottom:8px;font-weight:normal;} .wsc-form sup{color:#FF0707;top:0;margin-right:5px;} .msg-box{color:#e54242;} .wsc-form .form-control{height:40px;background-color:#F3F5F8;border-color:#F3F5F8;box-shadow:unset;border-radius:0;padding-left:10px;padding-right:10px;} .wsc-form .form-control:focus{border-color:#EAEDF2;background-color: #FBFCFD;} .wsc-form .form-control::placeholder{color:#aaaaaa;} .wsc-form select.form-control{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#F3F5F8 url(../images/fm-arr.png) no-repeat right center;color:#555;padding-right:32px;} .wsc-form textarea.form-control{height:100px;} .wsc-form .fm-btn{margin-top:20px;} .wsc-form .fm-btn .btn{width:160px;transition: 0.36s; height:40px;border-radius:0;background-color:#d4091b;color:#fff;} .wsc-form .fm-btn .btn:hover{background-color:#d4091b;} @media (max-width:767px){.page-block{margin-top:20px;} .fTitText{font-size:22px;line-height:34px;} .form-main{margin-top:10px;} .wsc-form .form-group{margin-top:15px;} } /* list-style2-1 */ @media (max-width:1239px) and (min-width:992px){.list-style2-1 .media-left a{width:240px;} } @media (min-width:991px){.list-style2-1 .media-left a{width:280px;} .list-style2-1 .media-info{margin-top:26px;} .list-style2-1 .media-heading{margin-top:10px;} .list-style2-1 .media-text{margin-top:20px;} } @media (min-width:768px) and (max-width:992px){.list-style2-1 .media-left a{width:180px;} } @media (max-width:767px){.list-style2-1 .media-left a{width:120px;} } /* case-det */ .case-det .pd-img .carousel-inner{height:658px; background: #F8FAFD;} @media (min-width:992px)and (max-width:1239px){.case-det .pd-img .carousel-inner{height: 480px; } } @media (min-width:992px){.case-det .pd-img .carousel-indicators{position:unset;width:unset;margin-left:-5px;margin-right:-5px;margin-top:10px;font-size:0;} .case-det .pd-img .carousel-indicators li{width:16.66%;height:auto;border-radius:0;text-indent:0;margin:0;padding-left:5px;padding-right:5px;border:0;vertical-align:middle;} .case-det .pd-img .carousel-indicators li .img-box{height:65px;position:relative;border:1px solid #eaeaea;} .case-det .pd-img .carousel-indicators li img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;} .case-det .pd-img .carousel-indicators .active{background-color:unset;} .case-det .pd-img .carousel-indicators .active .img-box{border:1px solid #d4091b;} .case-det .pd-img .carousel-control{top:-65px;} .case-det .pd-img .carousel-indicators li .img-box{height:104px;border:1px solid #EAEAEA;position:relative;} .case-det .pd-img .carousel-indicators .active .img-box{border:1px solid #d4091b;} } @media (max-width:991px){.case-det .pd-img .carousel-inner{height:unset;} .case-det .pd-img .carousel-indicators li img{display:none;} } /* list-style3 */ .list-style3 .list-item{overflow:hidden;padding:24px 130px 24px 30px;background:#FDFDFD;margin-top:10px;border:1px solid #F2F2F2;} .list-style3 .list-item:first-child{margin-top:0;} .list-style3 .list-tit{float:left;width:100%;font-size:18px;line-height:25px;color:#333333;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:11px;background:url(../images/rtit-dot.png) no-repeat 0 center;} .list-style3 .list-item:hover .list-tit{color:#d4091b;} .list-style3 .list-time{float:right;text-align:right;width:100px;margin-right:-100px;font-size:14px;line-height:25px;color:#999999;} @media (max-width:767px){.list-style3 .list-item{margin-top:15px;padding-bottom:15px;} .list-style3 .list-tit{font-size:16px;} .list-style3 .list-item{padding:12px 115px 12px 15px;} } /* faq-editTit */ .faq-editTit{padding:12px 15px;font-size:16px;font-weight:400;line-height:26px;color:#777777;background:#F6F6F6;} /* djob-info */ .djob-info{margin-top:10px;} .djob-info li{font-size:14px;font-weight:400;line-height:20px;color:#999999;margin-top:10px;} @media (max-width:767px){.djob-info{margin-top:6px;} .djob-info li{margin-top:6px;} } /* d-video */ .d-video{margin-top:40px; background:#E0E0E0;border:1px solid #EAEAEA;position:relative;} .d-video .pause-ico{width:60px;height:60px;position:absolute;left:0;right:0;top:0;bottom:2.4em;margin:auto;background:url(../images/play-ico.png) no-repeat center center;background-size:cover;z-index:1000;} .vcp-controls-panel{box-sizing:border-box;padding:0 0.3em !important;height:2.4em !important;font-size:14px !important;} .vcp-playtoggle{width:2em !important;background-position-y:center;} .vcp-timelabel,.vcp-vertical-switcher-current{line-height:2.4em !important;} .vcp-volume{width:2em;} .d-video .vcp-bigplay{height:100%;} .vcp-fullscreen-toggle{width:2em !important;height:2.4em !important;background-position-y:center;} .vcp-volume-icon{width:2.4em !important;height:2.4em !important;background-position-y:center;} .vd-intro{margin-top:1px;padding:30px;background-color:#f6f6f6;font-size:14px;line-height:24px;color:#999999;} @media (max-width:991px){.d-video{margin-top:20px;} .d-video .pause-ico{width:30px;height:30px;} .vd-intro{padding:15px;} } /* list-style4 */ .list-style4{margin-top:-20px;} .list-style4 .list-item{overflow:hidden;padding-right:130px;border:1px solid #eaeaea;margin-top:20px;background:#FDFDFD;padding:24px 30px 20px;} .list-style4 .list-tit{font-size:18px;line-height:25px;color:#333333;width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .list-style4 .list-time{font-size:14px;line-height:25px;color:#999999;margin-top:14px;} .list-style4 .list-info{margin-top:5px;font-size:14px;line-height:20px;color:#999999;} .list-style4 .list-info li{width:25%;float:left;margin-top:5px;} .list-style4 .list-tit:hover{color:#d4091b;} @media (max-width:767px){.list-style4 .list-tit{font-size:16px;} .list-style4 .list-item{margin-top:10px;padding:12px 15px 10px;} .list-style4 .list-time{margin-top:4px;} } /* album-det */ .album-det .lMain{margin-top:40px;} @media (max-width:767px){.album-det .lMain{margin-top:20px;} } /* album-det */ .album-det .content-main{margin-top:40px;} .albumShow{max-width:800px;margin:auto;} .albumShow ul,.albumShow .ol{list-style:none;} .albumShowCon{position:relative; height:600px;} .albumShowimgp,.albumShowimgn{font-size:24px;position:absolute;top:0;bottom:0;margin:auto;width:38px;height:46px;line-height:50px;opacity:.5;} .albumShowimgp{left:8px;background:url(../images/pd-prev.png) no-repeat center center;} .albumShowimgn{right:8px;background:url(../images/pd-next.png) no-repeat center center;} .albumShowimgp:hover,.albumShowimgn:hover{opacity:0.9;} .albumnum{position:absolute;left:0;right:0;bottom:20px;margin:auto;width:60px;height:24px;line-height:24px;border-radius:50px;background-color:rgba(0,0,0,0.3);color:#fff;text-align:center;} .albumShowConImg{position:relative;height:100%;text-align:center;} .albumShowConImg img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;} .albumShowControl{margin-top:10px;padding:0;position:relative;} .albumShowChange{position:absolute;top:0;width:100px;overflow:hidden;height:100%;} .albumShowChange a{width:100%;height:100%;} .albumShowChange img{width:100%;margin:auto;} .albumShowChange em{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:12px;background-color:rgba(0,0,0,0.5);text-align:center;transition:0.36s;display:table;} .albumShowChange em i{display:table-cell;vertical-align:middle;} .albumShowp{left:0;} .albumShown{right:0;} .albumShowChange:hover em{background:rgba(0,0,0,0.66);} .albumShowList{padding:0 40px;position:relative;} .albumShowListp,.albumShowListn{position:absolute;top:0;width:40px;height:100%;transition:0.36s;text-align:center;cursor:pointer;} .albumShowListp{left:0;background:url(../images/leftsw.png) no-repeat 0 center;} .albumShowListn{right:0;background:url(../images/rightsw.png) no-repeat right center;} .albumShowListp:hover{background-image:url(../images/leftswh.png);} .albumShowListn:hover{background-image:url(../images/rightswh.png);} .albumShowListCon{overflow:hidden;margin:auto;position:relative;} .albumShowListCon ul{position:relative;padding-left:0;margin-bottom:0;} .albumShowListCon li{float:left;width:100px;margin-right:10px;box-sizing:border-box;} .albumShowListCon li a{display:block;} .albumShowListCon li img{width:100%;} .albumShowListCon li.active a{border:2px solid #d4091b;} .pic-det .d-intro{margin-top:15px;} @media (max-width:767px){.albumShowCon{height:unset;} .albumShowConImg img{position:unset;} .albumShowList{padding:0 35px;} .albumShowListp,.albumShowListn{width:25px;} } /* sl-count */ .sl-count{line-height: 1;margin-bottom: 30px;color: #999999;} .search-none-tit{font-size: 18px;line-height: 1;color: #333333;} .search-none-text{margin-top: 20px;color: #666666;line-height:30px;} .search-none-text dd{margin-top:10px;} .s-key{color:#d4091b;} /* notfound */ .notfound{padding: 60px 0 40px} .nofMain{padding: 80px 0; background-color: #fff;text-align: center; } .nfImg{height: 160px;background:  url() no-repeat center top;} .nfTit{font-size: 26px;color: #222;} .nfText{font-size: 14px;color: #555;margin: 10px auto 0;width: 450px;} .nfBtn{margin-top: 40px;} @media (max-width:767px){.notfound{padding:40px 0} .nofMain{padding:40px 20px;} .nfImg{height:80px;background-size:contain;} .nfText{width:unset;} .nfBtn{margin-top:20px;} } .prompt{position:relative;padding:100px 0;} .prompt-main{padding:100px 0;background-color:#f6f6f6;} .prompt-icon{height:65px;background:url(../images/susok.png) no-repeat center center;} .prompt-box{padding:0 20px;} .prompt-tit{font-size:28px;color:#444;font-weight:bold;line-height:34px;} .prompt-text{font-size:14px;line-height:24px;color:#666;margin-top:14px;} .prompt-text span{color:#e54242;} @media (max-width:768px){.prompt-box{text-align:center;} .prompt{position:relative;padding:40px 0;} .prompt-main{padding: 40px 0; } } /* tag-main */ .tag-main{margin-top:20px;} .tags-item{margin-top:20px;padding-top:20px;border-top:1px solid #ebebeb;} .tags-item:first-child{margin-top:0;border-top:0;padding-top:0;} /* list-tags */ .list-tags{margin-top:-20px;} .list-tags .list-item{border:1px solid #eaeaea;padding:25px 30px 20px;background:#FDFDFD;margin-top:20px;} .list-tags .label{background-color:#f6f6f6;padding:2px 10px;color:#616161;line-height:24px;font-size:14px;font-weight:normal;border-radius:1px;overflow:hidden;display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;transition:0.36s;} .list-tags .label:hover{background-color:#d4091b;border-color:#d4091b;color:#fff;} .list-tags .list-text{margin-top:15px;color:#777777;font-size:14px;line-height:24px;height:72px;width:100%;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;} @media (max-width:767px){.list-tags .list-item{margin-top:16px;} .list-tags .list-item{padding:20px 15px;} .tags-item{margin-top:25px;} .tag-main{margin-top:15px;} .list-tags .list-text{margin-top:6px;font-size:14px;line-height:24px;height:72px;} } /* user */ .wsc-HeadNav{height:40px;padding:10px 0;box-sizing:border-box;background:#312f35;} .tb-logon{float:right;} .tb-logon li{float:right;font-size:12px;font-weight:400;transition:0.36s;line-height:20px;color:#D6D6D6;} .tb-logon li:hover{color:#fff;} .tb-line{width:1px;height:10px;float:left;vertical-align:middle;margin:5px 16px;line-height:10px;background:#bab8b8;opacity: 0.6;} .tb-logon .tb-user{color:#d4091b;} .tb-logon .tb-user:hover{color:#d4091b;} @media (max-width:991px){.wsc-HeadNav{background: #fff;padding: 10px 15px;} .tb-logon li{color: #333; float: left; } .tb-logon{float: left; } .tb-line{float:left; } .wsc-TopLan {padding: 15px;} .lan-list {overflow: hidden;} .lan-list ul {margin-top: -2px;margin-right: -3px;} .lan-list li{float: left;min-width: 75px;height: 35px;margin-top: 2px;margin-right: 2px;} .lan-list a{display: block;height: 100%;text-align: center;background: #F7F8F8;line-height: 35px;font-size: 12px;color: #333333;padding: 0 15px;} .top-logon{position:absolute;right:15px;top:0;bottom:0;margin:auto;height:50px;width:24px;background:url(../images/hn-logon.png) no-repeat right center;background-size:24px auto;} } .wsc-HeadNav .tb-left h1 {font-size: 14px; line-height: 20px;} .table-pwrap {width: 100%; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; scrollbar-gutter: stable; margin-bottom: 12px; scrollbar-width: thin; scrollbar-color: #bbbbbb #f4f4f4; } .table-pwrap table {border-collapse: collapse; width: auto; min-width: 100%; } .table-pwrap table th, .table-pwrap table td {text-align: center; vertical-align: middle; padding: 10px 16px; border: 1px solid #ccc; } .table-pwrap::-webkit-scrollbar {height: 8px; } .table-pwrap::-webkit-scrollbar-track {background: #f4f4f4; border-radius: 4px; } .table-pwrap::-webkit-scrollbar-thumb {background-color: #bbbbbb; border-radius: 4px; } .table-pwrap::-webkit-scrollbar-thumb:hover {background-color: #999999; } /* cookie */ .cookie-banner {position: fixed; bottom: 20px; left: 20px; right: 20px; background: rgba(20, 20, 20, 0.86); color: #fff; padding: 18px 22px; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); z-index: 999999; font-family: Arial, sans-serif; display: none; } .cookie-content {display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; } .cookie-content p {margin: 0; font-size: 14px; line-height: 1.6; flex: 1; } .cookie-content a {color: #f6453d; text-decoration: underline; } .cookie-buttons {display: flex; gap: 10px; } .btn {border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; font-size: 14px; transition: 0.3s; } .accept-btn {background: #d4091b; color: white; } .accept-btn:hover {background: #d93831; color: #efefef; } .reject-btn {background: #666; color: white; } .reject-btn:hover {background: #ccc; } /* Mobile */ @media (max-width: 768px) {.cookie-content {flex-direction: column; align-items: flex-start; } .cookie-buttons {width: 100%; } .btn {flex: 1; width: 100%; } }