@charset "utf-8"; /* @media screen and(-webkit-min-device-pixel-ratio:0){} chrome filter: alpha(opacity=100); pointer-events: none; // 榧犳爣绌块€ hidefocus = "true" // ie a鏍囩灞炴€ 瓒呴摼鎺ヤ笉鏄剧ず鍛ㄥ洿鐨勮櫄绾 */ /* js鏍峰紡 js-nopad: x-container鏃爌adding瀹氶珮; js-gotop: 杩斿洖椤堕儴; js-scroller: 婊氬姩鏄剧ず鍏冪礌; */ @font-face { font-family: 'impact'; src: url('../fonts/impact.eot'); src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg#impact') format('svg'); } @font-face { font-family: 'avian'; src: url('../fonts/AvianRegular.eot'); src: url('../fonts/AvianRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvianRegular.woff') format('woff'), url('../fonts/AvianRegular.ttf') format('truetype'), url('../fonts/AvianRegular.svg#AvianRegular') format('svg'); } @font-face { font-family: "xfont"; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#xfont') format('svg'); /* iOS 4.1- */ } /* css reset */ html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;} body { font: 14px/1.5 "寰蒋闆呴粦", Arial, Tahoma, Helvetica, sans-serif; color: #474747; background-color: #fff; margin: auto;min-width: 1420px;} input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit;} input:focus, textarea:focus { color: inherit;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0;} ol, ul, li { list-style: none;} input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none;} textarea { overflow: auto; resize: none;} table { border-collapse: collapse; border: 0;} img { border: 0; outline: 0; vertical-align: middle;} .news_1 img {display: block;width: 100%;height: 360px;} a { text-decoration: none; color: inherit;} a:focus { outline: 0;} svg:not(:root){ overflow: hidden;} input[type=date]{ background-color:transparent; border: 0; filter: alpha(opacity=0);} ::-ms-clear, ::-ms-reveal{ display: none;} /* WebKit browsers */ ::-webkit-input-placeholder{ color: #bbb;} /* Mozilla Firefox 4 to 18 */ :-moz-placeholder{ color: #bbb; opacity: 1;} /* Mozilla Firefox 19+ */ ::-moz-placeholder{ color: #bbb; opacity: 1;} /* Internet Explorer 10+ */ :-ms-input-placeholder{ color: #bbb;} .placeholder{ color: #bbb;} .xfont{ font-family: "xfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .ie8 .bbts{ background:#fff; position: fixed; width: 100%; height:100%; top:0; left: 0; z-index: 10000; } .ie8 .bbts span{ font-size:60px; position: absolute; width: 100%; left: 0; top:50%; line-height: 60px; margin-top: -30px; color:#474747; text-align: center; } /* 閫氱敤 */ .clear:after, .x-wrap:after{ content: ''; display: table; clear: both;} .middle{ font-size: 0; letter-spacing: -1.5em;} .middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;} .middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;} .justify{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .justify:after{ content: ''; display: inline-block; padding-left: 100%; font-size: 0; vertical-align: top;} .pos-fix{ position: fixed !important; left: 0; top: 0;} .pos-abs{ position: absolute !important; left: 0; top: 0;} .js-gotop {width: 39px;height: 39px;background: url(../image/temp/gotop.png) no-repeat center;background-size: cover;position: fixed;bottom: 10%;right: 30px;z-index: 99;display: none;cursor: pointer;} .x-show {display: block;visibility: visible;opacity: 1;} .x-wrap{ position: relative; width: 1400px; margin: auto;} .x-header, .x-footer, .x-container{ position: relative; width: 100%; min-width: 1250px; margin: auto; z-index: 1;} .x-header{ height: 145px; z-index: 200;position: absolute; background:url(../image/nav.png) repeat-x center top; z-index: 100; width: 100%; top:0; z-index: 1001; left:0; } .x-header .logo{ position: absolute; left: 0; top: 50%; overflow: hidden; margin-top:-36px; } .x-header .logo img{ display: block; width: 500px; height: 72px; } .x-header .top .x-wrap{ height:100px; position: relative; } .x-header .ico{ position: absolute; left: 490px; top:30px; } .x-header .ico img{ display: block; width: 464px; } .x-header .r{ position: absolute; right: 0; top:18px; width: 172px; color: #fff; } .x-header .search{ border:1px solid #77afcb; border-radius: 20px; position: relative; padding:3px 15px; } .x-header .search .i{ display: block; height:18px; width: 100%; } .x-header .search .bttn{ position: absolute; width: 35px; height:100%; z-index: 2; right: 0; top:0; background:url(../image/nav3.png) no-repeat center; } .x-header .nav{ background: #2588e4; padding:0 60px; position: relative; } .x-header .nav:after{ content:""; position: absolute; width: 10px; height: 10px; border:2px solid #1b61a1; border-radius: 50%; right:28px; top:50%; margin-top:-7px; } .x-header .nav:before{ content:""; position: absolute; width: 10px; height: 10px; border:2px solid #1b61a1; border-radius: 50%; left:28px; top:50%; margin-top:-7px; } .wp_nav>li>a{ line-height: 44px; text-align: center; color:#fff; font-size: 15px; display: block; transition:all 0.3s; -webkit-transition:all 0.3s; } .wp_nav>li{ float: left; width:8.333%; position: relative; } .wp_nav>li:hover>a{ background:#1c44ac; } .sub-nav{ z-index: 5; padding:5px 0; background:#1c44ac; position: absolute; left: 0%; right: 0; top:100%; text-align: center; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); } .sub-nav a{ display: block; line-height: 32px; color:#fff; } .sub-nav{ opacity: 0; visibility: hidden; transition:all 0.3s; -webkit-transition:all 0.3s; } .nav .nav-item:hover>.sub-nav{ display: block; opacity: 1; visibility: visible; } .nav-item{ position: relative; } .sub-nav .cur a,.sub-nav .nav-item:hover a{ background:#2588e4; } .x-footer{background:url(../image/fot1.jpg) no-repeat center; background-size: cover; } .x-footer .cont{ padding-top: 30px; padding-bottom: 20px; } .x-footer .f_logo{ float: left; padding-right: 25px; } .x-footer .f_l{float: left; color:#fff; width: 600px; border-left:1px solid #777; padding-left: 25px; } .x-footer .f_l .s{ line-height: 1.6; padding-bottom: 5px; white-space: nowrap;} .x-footer .f_l .s span{ padding-left: 10px; } .x-footer .f_r{ float: right; text-align: center; padding-left: 30px; } .x-footer .f_r .t3{ color:#fff; padding-top: 5px; } .x-footer .f_r img{ display: block; width: 96px; margin:0 auto; } .sub-menu .nav-item{ position: relative; } .sub-menu ul{ left:100%; top:0; padding:10px 0; width: 200%; border:0; overflow: hidden; background:#2588e4; box-shadow:none; margin:0; } .sub-menu .nav-item:hover ul{ opacity: 1; visibility: visible; } .sub-menu ul li{ float: left; width: 50%; } .sub-menu .sub-menu .sub-link:hover{ color:#ffdf6f; } .sub-nav .nav-item{ position: relative; } .sub-nav .sub-nav .sub-link{ text-align: center; padding:0; } .sub-nav ul{ left:100%; top:0; padding:10px 0; width: 200%; border:0; overflow: hidden; background:#2588e4; box-shadow:none; margin:0; } .sub-nav ul li{ float: left; width: 50%; } .sub-nav .nav-item:hover ul{ opacity: 1; visibility: visible; } .sub-nav .sub-nav .nav-item:hover a{ color:#ffdf6f; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .ind_3 .contlist li .pr_fields a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} /* Slider */ .slick-slider{ position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden;} .slick-list.dragging{ cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{ display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track{ visibility: hidden;} .slick-slide{ display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{ float: right;} .slick-slide img{ display: block; width: 100%;} .slick-slide.slick-loading img{ display: none; width: 100%;} .slick-slide.dragging img{ pointer-events: none;} .slick-initialized .slick-slide{ display: block;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{ display: none;} .slick-loading .slick-list{ background: #fff url(../image/loader.gif) center center no-repeat;} .slick-arrow{ position: absolute; bottom: 28px; margin: auto; width: 36px; height: 36px; overflow: hidden; z-index: 2; cursor: pointer; color: #fff; text-align: center; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity .2s; transition: opacity .2s; background:#29daef; box-shadow: 0px 0px 2px rgba(0,0,0,0.1) inset; } .slick-prev{ right: 223px; bottom:48px;} .slick-next{ right:187px;bottom:48px;} .slick-arrow:after{ font-family: arial !important; font-size:20px; cursor: pointer; position: absolute; top:0; width: 100%; left:0; line-height: 34px; } .slick-prev:after{ content: '鈫?;} .slick-next:after{ content: '鈫?;} .slick-arrow:hover{ opacity: 1;} .slick-arrow.slick-disabled{ background:#fff; color:#333; } .slick-dotted.slick-slider{} .slick-dots{ position: absolute; left: 0; right: 0; bottom: 35px; display: block; font-size: 0; text-align: center; z-index: 2;} .slick-dots li{ display: inline-block; margin: 0 7px; padding: 0; width: 18px; height: 18px; border-radius: 50%; background: url(../image/ind1.png) no-repeat center; cursor: pointer; } .slick-dots li:hover{ background:url(../image/ind1a.png) no-repeat center; } .slick-dots li.slick-active{ background:url(../image/ind1a.png) no-repeat center; } /* pc绔悳绱 */ .tools{ position: absolute; right: 0; top: 50%; margin-top:-16px; z-index: 10; } .tools .search-trigger{ position: relative; cursor: pointer; display: inline-block; vertical-align: middle; width: 32px; height:32px; text-align: center; border-radius: 20px; background: rgba(0,0,0,0.6); } .tools .search-trigger:after{color:#fff; content: '\e851'; font-size: 20px; font-family: "xfont" !important; font-style: normal; line-height: 32px; } .tools .search-box{ position: absolute; right: 0; top: 100%; margin-top: 5px; border: 1px solid #ddd; background-color: #fff; border-radius: 5px; color: #474747; line-height: 34px; opacity: 0; visibility: hidden; white-space: nowrap; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%); -webkit-transition: visibility .3s, opacity .3s, transform .3s; -moz-transition: visibility .3s, opacity .3s, transform .3s; transition: visibility .3s, opacity .3s, transform .3s; } .tools .search-txt{ display: inline-block; vertical-align: middle; padding: 0 8px; width: 160px; border-right: 1px solid;} .tools .search-txt input{ display: block; width: 100%; height: auto; line-height: normal;} .tools .search-btn{ display: inline-block; padding: 0 5px; vertical-align: top; min-width: 40px; cursor: pointer; font-size: 20px; font-family: "xfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .tools .search-box.x-show{ visibility: visible; opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .tools .a{ display: inline-block; vertical-align: middle; color:#fff; } .tools .cn{ display: inline-block; vertical-align: middle; margin-left:15px; color:#fff; } .tools .en{ display: inline-block; vertical-align: middle; color:#fff; } .tools .pn{ display: inline-block; vertical-align: middle; color:#fff; margin-right: 15px; } .tools span{ display: inline-block; vertical-align: middle; padding:0 2px; color:#fff; } .tools a:hover{ color:#0051a0;} @media screen and (min-width: 1230px) { .x-header.fixd .top{ display: none; } .x-header.fixd{ height: auto; position: fixed; background: none; } } .wp_paging { display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; font-family: 'Microsoft Yahei', Verdana, Geneva, sans-serif; color: #494949; float: right; } .wp_paging li { display: inline-block; height: 25px; line-height: 25px; float: left; margin-top: 5px; } .wp_paging li span, .wp_paging li a { display: inline-block; float: left; margin-left: 10px; } .wp_paging li input { font-size: 12px; *font-size: 100%; width: 24px; height: 15px; line-height: 15px; border: 1px solid #d5d5d5; background: #fff; margin-top: 4px; text-align: center; } .wp_listalbumn .albumn_info .Article_Title { display: block; padding: 5px 0; margin: 0 auto; text-align: center; line-height: 1.7em; } .wp_listalbumn .albumn_info .Article_MicroImage { display: block; } .wp_listalbumn .albumn_info { width: 100%; height: auto; text-align: center; } #wp_nav_w1 .wp_nav .sub-nav{width:100% !important;} .portal-noborder{ border:0; } .portal-p{ } .portal-w{ overflow:hidden; } .default-window{ border: 1px solid red; } .portal-wv{ border:1px dashed #a9a9a9; height:30px; } .portal-proxy{ opacity:0.6; filter:alpha(opacity=60); overflow-x:hidden; overflow-y:hidden; border:2px dashed #a9a9a9; } .portal-shadow{ border:2px dashed #a9a9a9; } .portal-scope{ z-index:-10; position:absolute; border:2px dashed #a9a9a9; } .portal-select{ z-index:700; position:absolute; border:2px dashed #ff0000; } .portlet-header{ z-index:800; position:absolute; filter:alpha(opacity=80,Style=0); } .portal-brush{ cursor:url('/_js/themes/icons/brush.cur'),auto; } .portal-quote{ cursor:url("/_js/themes/icons/quote.cur"),auto; } .portal-demo { cursor:move; position:absolute; border:none; } .contlist .panel-header{left: 0 !important;}