@charset "utf-8"; @font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"} /**字体图标 End**/ /**初始**/ * {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%} body { font-style:normal !important; padding: 0;margin: 0 auto;font-size: 14px;color: #666;background: #fff url(../images/bodybg.png) no-repeat top center;font-family: "Microsoft YaHei"; overflow-x:hidden; -webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight: rgba(0,0,0,0); /*控制内容的可选择性*/ -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; } input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} ul, li, form, dl, dt, dd, div, ol, figure, aside{padding: 0;margin: 0;} .ul, .ul li {list-style: none;} table {border-collapse: collapse;border-spacing: 0} table td {border-collapse: collapse;font-size: 14px;} select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";} img{border: none;max-width: 100%;vertical-align: middle;} a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */} a:hover {color: #47a0ec;text-decoration: none;} a:focus {color: #333;outline: none;-moz-outline: none;} a:active {color: #333;} pre{ white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; margin:0; font-family: "Microsoft YaHei"; text-align:justify; text-justify:inter-ideograph; } .clear {clear: both;height: 0px;overflow: hidden;zoom: 0;} .clearfix {*zoom:1;}/*IE/7/6*/ .clearfix:after { content:"\200B"; display:block; height:0; clear:both; } .dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} /*2行文本省略号*/ .dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} /*3行文本省略号*/ .dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .ytable{ display:table; width:100%;} .ytable-cell{ display:table-cell; vertical-align:middle;} /*垂直居中,容器设置宽高*/ .ycenter {align-items: center; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */} /*水平居中,容器设置宽高*/ .xcenter {justify-content: center; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */} /*盒子布局*/ .flexbox{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} /*弹性布局水平垂直居中 兼容性高*/ .xycenterbox{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } /*弹性布局水平居中 兼容性高*/ .xcenterbox{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } /*弹性布局垂直居中 兼容性高*/ .ycenterbox{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } .Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;} :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nM{ margin:0;} .nP{ padding:0;} /**字体大小**/ .fz_24{ font-size:24px;} .fz_20{ font-size:20px;} .fz_18{ font-size:18px;} .fz_16{ font-size:16px;} .fz_14{ font-size:14px;} .fz_12{ font-size:12px;} /**初始 End**/ .fl{ float:left;} .fr{ float:right;} .w22{ width:22%; padding-bottom:4%;} .w75{ width:75%; padding-bottom:4%;} /*用于图片变黑白*/ .grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0;} /*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的 在style.css 加上修改*/ /**页面框架 End**/ .auto{ margin:0 auto;} .auto_1280{ max-width:1280px;} @media(max-width:1280px){.auto_1280{ padding:0 2%;}} .auto_1200{ max-width:1200px;} @media(max-width:1200px){.auto_1200{ padding:0 2%;}} .auto_1180{ max-width:1180px;} @media(max-width:1180px){.auto_1180{ padding:0 2%;}} .auto_1150{ max-width:1150px;} @media(max-width:1150px){.auto_1150{ padding:0 2%;}} .auto_1100{ max-width:1100px;} @media(max-width:1100px){.auto_1100{ padding:0 2%;}} .auto_1050{ max-width:1050px;} @media(max-width:1050px){.auto_1050{ padding:0 2%;}} .auto_1000{ max-width:1000px;} @media(max-width:1000px){.auto_1000{ padding:0 2%;}} .auto_950{ max-width:950px;} @media(max-width:950px){.auto_950{ padding:0 2%;}} /*导航公共样式*/ .header-menu li.aon em > a{ color:#82c4c7;} .header-menu li em{ display:block; font-style:normal; text-align:center;} .header-menu li em a{ display:block;} .header-menu li .sub dt{ line-height:40px;} .header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;} .header-menu li .sub dt a:hover{ background:#009; color:#fff;} .header-menu .sub-has-sub dl{display:none;} @media(min-width:1025px){ #header-menu{ display:none;} .relative{ position:relative; z-index:100;} .header-menu li{ float:left; } .header-menu li .sub{position:absolute; /*top:-400%;*/} .header-menu li .sub{ opacity:0;overflow:hidden; } .header-menu li.aon .sub{ opacity:1; } .no-fullbground .sub{background-color:rgba(255,255,255,0.9)} .no-fullbground .sub-left{left:0;} .no-fullbground .sub-right{right:0;} .sub-horizontal .sub .sub-menu > dl{ float:left;} .sub-horizontal .sub-right >dl{ float:right;} .sub-horizontal .sub-menu >dl dt{ float:left;} /*.sub-horizontal .sub-right-txt-r .sub-menu >dl{ text-align:right; float:right; } .sub-horizontal .sub-right-txt-r .sub-menu >dl dt{ float:none; display:inline-block;}*/ .sub-horizontal .sub-right .sub-menu >dl{ text-align:right; float:right; } .sub-horizontal .sub-right .sub-menu >dl dt{ float:none; display:inline-block;} .sub-vertical .has-sub{ position:relative; z-index:100;} .sub-vertical .sub{background-color:rgba(255,255,255,0.9); left:0; width:100%;} .sub-vertical .sub-row-2{ width:200%;} .sub-vertical .sub-row-3{ width:300%;} .sub-vertical .sub-row-2 .sub-menu dt{ float:left; width:50%;} .sub-vertical .sub-row-3 .sub-menu dt{ float:left; width:33.3333333%;} .sub-vertical .sub-has-sub{ position:relative;} .sub-vertical .sub-has-sub dl{ background-color:rgba(255,255,255,0.9);position:absolute; left:100%; top:0; width:100%;} .sub-vertical dt.aon > a{background:#009; color:#fff;} .sub-vertical .sub-position-right{left:auto; right:0;} .sub-vertical .sub-position-right .sub-has-sub dl{ left:auto; right:100%;} .sub-txt-img .sub{ width:300%; } .sub-txt-img .sub-intro{padding:5px; overflow:hidden;} .sub-txt-img .sub-intro .sub-left{ float:left; width:40%;} .sub-txt-img .sub-intro .sub-right{ float:right; width:56%;} .sub-txt-img .sub-img img{ display:block; width:100%;} .sub-txt-img .sub-txt{ font-size:12px; line-height:24px;} .fullbground .sub{} .fullbground .sub-menu >dl, .fullbground .sub-menu >dl dt{ float:left;} .sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;background-color:rgba(255,255,255,0.9);} .sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/} } /*图标*/ .has-icon-v{text-align:center;} .has-icon-v i{ display:block; padding:10px 0;} .has-icon-v i img{ width:50px; height:50px; } .has-icon-h i{ display:inline-block; vertical-align:middle;} .has-icon-h i img{ width:20px; height:20px; margin-right:5px;} /*图标 end*/ @media(max-width:1024px){ .header-menu{ display:none;} .Public_nav_style #header-menu, .Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;} .Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; } .Public_nav_style #header-menu ul{ width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;} .Public_nav_style #header-menu.header-menu-show, .Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;} #header-menu li .sub{ display:none;} #header-menu li{ line-height:40px; } #header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);} #header-menu li a{display:block;} #header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;} #header-menu li:last-child em, #header-menu li:last-child em a{ border-bottom:0;} #header-menu li a:hover, #header-menu li a{ color:#fff;} #header-menu li.has-sub em{ position:relative;} #header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;} #header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;} #header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);} #header-menu li.has-sub em .op::before, #header-menu li.has-sub em .op::after{ position:absolute; content:''; background:#fff;} #header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;} #header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;} .Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;} .Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;} .Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);} #header-menu li .sub-menu dt.has-dt{ position:relative;} #header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;} #header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;} #header-menu li .sub-has-sub{ position:relative;} #header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;} .Public_nav_style #header-menu li .sub-has-sub i::before, .Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;} .Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;} .Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;} .Public_nav_style #header-menu li .clickon > i::after{ display:none;} .Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);} .Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%; top:5px; z-index:200;} #open_menu i, #open_menu i::before, #open_menu i::after{ position:absolute;} .Public_nav_style #open_menu i, .Public_nav_style #open_menu i::before, .Public_nav_style #open_menu i::after{background:#20979b;} #open_menu i{ top:50%;} .Public_nav_style #open_menu i{ width:60%; left:20%; margin-top:-1px; height:2px;} #open_menu i::before, #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;} #open_menu i::before{ top:6px;} #open_menu i::after{top:-6px;} .Public_nav_style #open_menu.open_menu_on{ border-color:#fff;} #open_menu.open_menu_on i{ background:none !important;} .Public_nav_style #open_menu.open_menu_on i::before, .Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;} #open_menu.open_menu_on i::before, #open_menu.open_menu_on i::after{ top:0 !important;} #open_menu.open_menu_on i::before{ transform:rotate(45deg);} #open_menu.open_menu_on i::after{ transform:rotate(-45deg);} } /*导航公共样式 end*/ /*by 20190122*/ /* .Top000883 */ .Top000883{ border-top:2px solid #245496; background-color:#fff;} .Top000883 .top{ position:relative; padding-bottom:10px; z-index:100;} .Top000883 .logo{ position:absolute; left:0; top:50%; z-index:100; height:63px;} .Top000883 .top_menu dl{ line-height:32px; float:right; position:relative;} .Top000883 .top_menu dl::before, .Top000883 .top_menu dl::after{ position:absolute; content:''; background:url(../images/Top000883-top_l.png) no-repeat; width:45px; height:34px; top:-2px; left:-45px;} .Top000883 .top_menu dl::after{ background-image:url(../images/Top000883-top_r.png); right:-45px; left:auto;} .Top000883 .top_menu dd{ float:left;background-color:#245496; font-size:13px; padding:0 16px; position:relative;} .Top000883 .top_menu dd::before{ position:absolute; content:''; left:0; border-right:1px dotted #4e7da9; height:7px; top:50%; margin-top:-3.5px;} .Top000883 .top_menu dd a{ display:block; height:32px;color:rgba(255,255,255,0.6);} .Top000883 .top_menu dd a i{ font-style:normal; font-size: 16px; font-weight: bold; color: #fff;} .Top000883 .top_menu dd.cart a{ width:65px; background:url(../images/Top000883-icon_cart.png) no-repeat center center #003b73;} .Top000883 .top_menu dd.cart::before, .Top000883 .top_menu dd.lang::before{ display:none;} .Top000883 .top_menu dd.btn_search, .Top000883 .top_menu dd.cart, .Top000883 .top_menu dd.lang{ padding:0;} .Top000883 .top_menu dd.lang{ position:relative;} .Top000883 .top_menu dd.lang a{ padding-left:15px; padding-right:37px; background:url(../images/Top000883-icon.png) no-repeat 90% center;} .Top000883 .top_menu dd.lang figure{ display:none; position:absolute; top:32px; left:0; width:100%;background-color:#245496; z-index:100;} .Top000883 .top_menu dd.lang:hover figure{ display:block;} .Top000883 .top_menu dd.lang figure a{ background:none; padding-right:10px;} .Top000883 .top_menu dd.reg a, .Top000883 .top_menu dd.member a{ padding-left:32px; background-repeat:no-repeat; background-position:left center;} .Top000883 .top_menu dd.reg a{ background-image:url(../images/Top000883-tel.png);} .Top000883 .top_menu dd.member a{ background-image:url(../images/Top000883-email.png);} .Top000883 .top_menu dd.btn_search a{ background:url(../images/Top000883-icon_search.png) no-repeat center center; width:35px;} .Top000883 .search{ display:none; position:absolute; width:50%; max-width:250px; right:0; top:0; border-radius:30px; height:30px; border:1px solid #ccc; background-color:#fff;} .Top000883 .search .text{ width:100%; height:30px; line-height:30px; padding:0 40px 0 10px; border:none; background:none;} .Top000883 .search a{ position:absolute; right:0; top:0; width:30px; height:100%;} .Top000883 .search a span{ position:absolute; font-size:16px; top:50%; margin-top:-8px; left:50%; margin-left:-8px;} .Top000883 .outlink{ position:absolute; right:0; top:68px; border-left:1px dotted #80a2c1; padding-left:12px;} .Top000883 .outlink .a_link{ width:74px; height:21px; padding-left:18px; border:1px solid #3099d2; border-radius:20px; line-height:18px; color:#3099d2; display:block; position:relative;} .Top000883 .outlink .a_link::before{ position:absolute; content:''; right:5px; top:8px; width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent; border-top:4px solid #3099d2;} .Top000883 .outlink figure{ display:none; position:absolute; top:21px; right:0; border-radius:3px; background-color:#eee; z-index:100; width:150px;} .Top000883 .outlink figure a{ display:block; line-height:20px; padding:7px 10px;} .Top000883 .outlink figure a:nth-child(2n){ background-color:#e2e2e2;} .Top000883{ /*position:fixed; width:100%; left:0; top:0;*/ z-index:100;} .Top000883 nav{ position:relative; z-index:98;} .Top000883 nav ul{ float:right; margin-right:0px;} .Top000883 nav li{ float:left;position: relative; height: 59px; } .Top000883 nav li > a{ display:block; padding:18px 25px 0; height:59px; color:#333; font-size:16px; font-style: normal;} .Top000883 nav li:hover > a{background-color:#245496; color:#fff;} .Top000883 nav li.on .one{background-color:#245496; color:#fff;} .Top000883 nav .subnav{ display:none;text-align: center;} .Top000883 .subnav .menu{ position: absolute;left:0;top:100%;width:100%;background: #fff;} .Top000883 .subnav .menu dt{ line-height:38px;} .Top000883 .subnav .menu dt a{ display:block;} .Top000883 .subnav .menu dt.on a, .Top000883 .subnav .menu dt a:hover{ color:#fff; background-color:#245496; position:relative; z-index:5;} @media(max-width:1320px){ .Top000883 .top_menu dl{left:-40px;} } /* .Banner002465 */ .Banner002465{ position: relative; margin-top: 1%;} .Banner002465 .auto{ border-top: 5px solid #adc1d9;} .Banner002465 li a{ display:block; } .Banner002465 li a .phoneimg{ display: none;} .Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .Banner002465 .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); } .Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav .owl-prev{ left: -8%; background-position: 0 0;} .Banner002465 .owl-nav .owl-next{ right: -8%; background-position: -50px 0;} @media(max-width:1410px){ .Banner002465 .owl-nav .owl-prev{ left: 3%; } .Banner002465 .owl-nav .owl-next{ right: 3%; } } /* .Floor002375 */ .Floor002375{ margin-bottom: -30px; background-size: auto 100%;} .Floor002375 .auto{padding:90px 0 110px;} .Floor002375 .pic{} .Floor002375 .word .tit{ margin: 0; color: #333; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002375 .word .tit:after{ content: ""; display: block; max-width: 43px; width: 20%; height: 3px; background: #245496; margin: 25px 0;} .Floor002375 .word .tit em{ font-style: normal; font-size: 32px; color: #245496; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor002375 .word figure{ font-size: 15px; color: #666; line-height: 32px; text-align: justify;} .Floor002375 .word .more{ width: 160px; height: 40px; line-height: 26px; border: 1px solid #eee; font-size: 14px; color: #666; display: block; padding: 6px 20px; position: relative; margin-top: 6%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002375 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #245496; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002375 .word .more span{ position: relative; z-index: 3; display: block;} .Floor002375 .word .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600; color: #999;} .Floor002375 .word .more:hover{ color: #fff; border-color: #245496;} .Floor002375 .word .more:hover:before{ width: 100%; } .Floor002375{ } .Floor002375 .pic{ float: left; width: 38%;} .Floor002375 .word{ float: right; width: 58%;} .Floor002375 .word .tit{font-size: 30px; line-height: 30px;} .Floor002375 .word .tit:after{ margin: 40px 0;} .Floor002375 .word .tit em{ font-size: 60px; } /* .Floor002376 */ .Floor002376{} .Floor002376 .auto{padding:4% 0 5%;background: #fff} .Floor002376_v .auto{padding:0;background: #fff} .Floor002376 .wrap-head{ position: relative;} .Floor002376 .wrap-head h1{ margin: 0; color: #333; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002376 .wrap-head h1 em{ font-style: normal; font-size: 32px;color: #245496; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor002376 .wrap-head .more{ width: 160px; height: 40px; line-height: 26px; border: 1px solid #eee; font-size: 14px; color: #666; display: block; padding: 6px 20px; position: absolute; top: 50%; right: 0; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s;} .Floor002376 .wrap-head .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #245496; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002376 .wrap-head .more span{ position: relative; z-index: 10; display: block;} .Floor002376 .wrap-head .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 15px; top: 50%; margin-top: -13px; font-weight: 600;color: #999;} .Floor002376 .wrap-head .more:hover{ color: #fff; border-color: #245496;} .Floor002376 .wrap-head .more:hover:before{ width: 100%; color: #fff;} .Floor002376 .wrap-container{ padding-top: 25px;} .Floor002376 .item .item-inner{ position: relative; padding-top: 60%;} .Floor002376 .item .pic{ position: absolute; top: 0; left: 0; width: 100%; text-align: center;} .Floor002376_v .item {margin-bottom: 2%;} .Floor002376 .item .word{ border-bottom: 10px solid #245496;} .Floor002376 .item .word-inner{ background: #fafafa;} .Floor002376 .odd .word-inner{ background: #fff;} .Floor002376 .item time{ font-size: 14px; color: #666; display: block; position: relative; padding-left: 25px;} .Floor002376 .item time:before{ content: "\e700"; font-family:"iconfont" !important; font-size: 16px; color: #aaa; position: absolute; left: 0; top: 1px;} .Floor002376 .item h3{ font-weight: normal; font-size: 16px; margin: 5% 0; overflow: hidden; line-height: 30px; height: 60px;} .Floor002376 .item h3 a{ color: #333;} .Floor002376 .item h3 a:hover{ color: #245496;} .Floor002376 .item figure{ font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden;} .Floor002376 .wrap-container{ padding-top: 39px;} .Floor002376 .item{ float: left; width: 30%; margin-right: 5%;} .Floor002376 .item:nth-child(3n){ margin-right: 0;} .Floor002376 .item .word-inner{ padding: 15% 7% 13%; } .Floor002376 .item h3{font-size: 18px; } .Floor002376 .item.odd .item-inner{ padding-top: 0;} .Floor002376 .item.odd .pic{ top: auto; bottom: 0;} .Floor002376 .item.odd .word{ border-top: 10px solid #245496; border-bottom: none;} .Floor002376 .item .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;} .Floor002376 .item .item-inner{ padding-top: 62%;} .Floor002376 .item.odd .item-inner{ padding-bottom: 62%;} .Floor002376 .wrap-head h1{font-size: 30px; line-height: 60px;} .Floor002376 .wrap-head h1 em{ font-size: 60px; } .Floor002376 .item .pic{min-height: 50%;} /* .Floor000556 */ .Floor000556{} .Floor000556 .auto{ background: #fff; padding: 0 0 5%;} .Floor000556 .title{ max-width:915px; margin:0 auto; text-align:center;font-size:22px; overflow:hidden;} .Floor000556 .title aside{ font-size:60px; color: #245496; font-weight: bold;} .Floor000556 .title span{ font-size: 30px; color: #333;} .Floor000556 .tab{ text-align:center; padding: 5% 0;} .Floor000556 .tab span{ background: #eee; display:inline-block; margin: 0 12px; line-height: 82px; padding:0 30px; height: 60px; text-align: center; cursor: pointer; transition:0.3s;} .Floor000556 .tab .on{ background: #245496; color: #fff; } .Floor000556 .tab span:nth-child(1){ background-position: 8px 12px;} .Floor000556 .tab span:nth-child(2){ background-position: 8px -16px;} .Floor000556 .tab span:nth-child(3){ background-position: 8px -44px;} .Floor000556 .tab span:nth-child(4){ background-position: 8px -72px;} .Floor000556 .tab span:nth-child(5){ background-position: 8px -99px;} .Floor000556 .tab span:nth-child(6){ background-position: 8px -126px;} .Floor000556 .tab span:nth-child(7){ background-position: 8px -149px;} .Floor000556 .tab span:nth-child(8){ background-position: 8px -176px;} .Floor000556 .tab-info{ display:none;} .Floor000556 .pro_list{ position:relative; } .Floor000556 .owl-stage-outer{ overflow:hidden;} .Floor000556 .owl-item{ float:left;} .Floor000556 .owl-nav{ display:block;} .Floor000556 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor000556 .owl-nav button.owl-prev{ left:0;} .Floor000556 .owl-nav button.owl-next{ right:0;} .Floor000556 .owl-nav button::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #e5e5e5; border-right:3px solid #e5e5e5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor000556 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor000556 .owl-nav button:hover::before{ border-color:#245496;} .Floor000556 .item a{ display:block; border-bottom:5px solid #ddd;transition:0.3s;} .Floor000556 .item a:hover{ border-bottom-color:#245496;} .Floor000556 .item .pic{ text-align:center; overflow:hidden; padding:20px 0;} .Floor000556 .item .pic img{ width:100%; display:block; max-width:220px; margin:0 auto;transition:0.3s;} .Floor000556 .item:hover .pic img{ transform:scale(1.12,1.12);} .Floor000556 .item p{ margin:0; font-size: 16px; text-align:center; padding:5% 0 10% 0;} .Floor000556 .item:hover p{ color: #245496;} /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /* .Floor000806 */ .Floor000806{ background:url(../images/Floor000806-bg.jpg) no-repeat center bottom; background-size:cover;} .Floor000806 .con{ padding:4% 0 0; float:left; width:100%;} .Floor000806 .wrap-head{ position: relative; padding-bottom: 30px;} .Floor000806 .wrap-head h1{margin: 0; color: #fff; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor000806 .wrap-head h1 em{ font-style: normal; font-size: 32px; color: #dff1ff; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor000806 ul{ overflow:hidden; clear:both; padding:3% 0 3%;} .Floor000806 ul li{ float:left; width:18%; margin-right:2.5%; margin-bottom:2%; border: 1px solid #eee;} .Floor000806 ul li:nth-child(5n){ margin-right:0;} .Floor000806 ul li a{ display:block; padding-bottom:60%; background-color:#fff; background-position: center center; background-repeat:no-repeat; background-size:contain; } .Floor000806 ul li a:hover{ opacity:1;} @media only screen and (min-width:1440px ) { .Floor000806 .wrap-head h1{font-size: 30px; line-height: 60px;text-align: center;} .Floor000806 .wrap-head h1 em{ font-size: 60px;top: 10px;padding-right: 30px; } } /* .Floor002378 */ .Floor002378{ padding: 100px 5% 100px;} .Floor002378 .auto{ position: relative;} .Floor002378 .word{ color: #2e303c;background: #f6f6f6;} .Floor002378 .word h1{font-size: 30px;line-height: 60px;color: #245496; margin: 0;} .Floor002378 .word h1:after{ display: block; content: ""; width: 43px; height: 3px; background: #245496; margin:3% 0 5% 0;} .Floor002378 .word figure{ padding: 5% 0; font-size: 16px;} .Floor002378 .word figure p{ margin: 10px 0 0; font-size: 10px; color: #999;} .Floor002378 .word .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 2%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002378 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #245496; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002378 .word .more span{ position: relative; z-index: 3; display: block;} .Floor002378 .word .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor002378 .word .more:hover{ color: #fff; border-color: #cb0000;} .Floor002378 .word .more:hover:before{ width: 100%; } .Floor002378 li{ list-style: none; width: 30%; float: left; margin-bottom: 20px; margin-right: 4%; border: 1px solid #eee;} .Floor002378 li:nth-child(3n){ margin-right: 0;} .Floor002378 li:hover{ border: 1px solid #245496;} @media only screen and (max-width:950px ) { .Floor002378 .word { text-align: center; padding: 20px 3%;} .Floor002378 .word .more{ margin:0 auto;} .Floor002378 .word h2:after{ margin: 20px auto 0;} .Floor002378 .word figure{ padding: 30px 0;} .Floor002378 .word .more span{ text-align: left;} } @media only screen and (max-width:767px ) { .Floor002378 .word .more{ height: 40px; line-height: 17px;} .Floor002378 .word .more i{ margin-top: -8px;} } @media only screen and (min-width:951px ) { .Floor002378 .pic{ width: 55%; float: left; background: #f6f6f6;} .Floor002378 .word{ width: 45%; position: absolute; height: 100%; right: 0; padding: 0 5%;} .Floor002378 .word .word-inner{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%);padding-right: 45px;} .Floor002378 .word h2{ font-size:24px; } } @media only screen and (min-width:1024px ) { .Floor002378 .word h2{ font-size:28px; } } @media only screen and (min-width:1280px ) { .Floor002378 .word h2{ font-size: 32px; } } @media only screen and (min-width:1440px ) { .Floor002378 .word h2{ font-size: 36px; } } /*Bottom001879*/ .Bottom001879{background: url(../images/Bottom002379-bg.jpg) no-repeat; padding-bottom:30px;} .Bottom001879 figure{ float:right; color:#999; padding-top:50px;} .Bottom001879 figure img{ display:block; width:100%; max-width:100px;} .Bottom001879 footer{ float:left;width:88%;} .Bottom001879 footer ul{ border-bottom:1px solid #3b3b3b; padding:50px 0 30px 0;margin-bottom:26px;} .Bottom001879 footer li{ float:left; line-height:30px; margin-right:3%;} .Bottom001879 footer li:before{ display:inline-block; content:''; margin-right:10px; background:url(../images/Bottom001879-icon.png) no-repeat center center; width:11px; height:11px; vertical-align:middle;} .Bottom001879 footer li a{ color:#fff; font-size: 16px;} .Bottom001879 section{ width: 50%; float: left; padding-right: 5%;} .Bottom001879 section p{ color:#fff; margin: 30px 0 0 0;} .Bottom001879 section a{ color:#fff; display:inline-block;} .Bottom001879 section i{ font-style:normal; color:#565656; margin:0 10px;} .Bottom001879 section a:hover{ color:#fff;} .Bottom001879 .lxwm{ position:relative; width: 50%; float: left; color: #fff;} .Bottom001879 p{ margin-top: 0;} .Bottom001879 p img{ margin-right: 20px;} .Bottom001879 .lxwm dl{ position:absolute; right:0; bottom:50%;} .Bottom001879 .lxwm dt{ float:left;width:36px; height:36px; margin-left:10px;} .Bottom001879 .lxwm dt a{ display:block; height:36px; width:36px; background:url(../images/Bottom001879-share.png) no-repeat left top;} .Bottom001879 .lxwm dt.sina a{ background-position:-57px 0;} .Bottom001879 .lxwm dt.tqq a{ background-position:right top;} .Bottom001879 .lxwm dt.wx{ position:relative; z-index:100;} .Bottom001879 .lxwm dt.wx img{ max-width:none; position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; bottom:100%; display:none;} .Bottom001879 .lxwm dt.wx:hover img{ display:block;} /* .Banner002621 */ .Banner002621 {padding-top: 1%;} .Banner002621 .auto{ border-top: 5px solid #adc1d9;} .Banner002621 img{ display:block; width:100%;} /* .Menu002290 */ .Menu002290{ line-height:22px; padding-top:24px;} .Menu002290 .auto{ padding-bottom:19px; border-bottom:solid 1px #e6e6e6;} .Menu002290 h2{float: left; margin: 0; color: #245496; font-size: 24px; font-weight: normal;} .Menu002290 h2 span{ font-size: 18px; color: #666;} .Menu002290 .menu ul{ text-align: center;} .Menu002290 .menu ul li{ display:inline-block;} .Menu002290 .menu ul li a{ font-size:16px; padding:0px 4px; display:inline-block; color:#666; position:relative; overflow:hidden;} .Menu002290 .menu ul li.on a, .Menu002290 .menu ul li a:hover{ color:#245496;border-bottom: 1px solid #245496;} .Menu002290 .location{ display: none; padding-left:27px; float:right; background:url(../images/Menu002290-location_home.png) no-repeat left;} .Menu002290 .location a{ color:#666; padding-right:20px; margin-right:10px; background:url(../images/Menu002290-location_icon.png) no-repeat right;} .Menu002290 .location span{ color:#245496;} @media only screen and (min-width: 768px) { .Menu002290 .location{ display: block;} .Menu002290 .menu ul li a{padding:0px 17px; } } /* .RighInfo001355 */ .RighInfo001355{ padding:3% 0 3%!important} .RighInfo001355 h2{ font-size: 28px; color: #245496;} .RighInfo001355 p{ font-size: 15px; color: #666; line-height: 30px; text-align: justify;} /* .Floor001743 */ .Floor001743{padding: 2% 0;} .Floor001743 h3{font-size: 24px;color:#000;text-align: center; margin:0 0 3% 0;} .Floor001743 .bx-wrapper{position: relative; z-index:1; padding:0 30px;} .Floor001743 .bx-controls-direction a{ position:absolute;width: 20px;height: 100%;top: 0;} .Floor001743 .bx-controls-direction a.bx-prev{ left:0;} .Floor001743 .bx-controls-direction a.bx-next{ right:0;} .Floor001743 .bx-controls-direction a span{ position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-9px;font-size:18px; color:#c9c9c9;} .Floor001743 .bx-controls-direction a:hover span{ color:#ab0858;} .Floor001743 .list li a{display: block; max-width:75%; margin:0 auto;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;} .Floor001743 .list li img{ display:block; width:100%; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* chrome+ */ filter: grayscale(100%); /* 未来浏览器 */ filter: gray; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ } .Floor001743 .list li a:hover{ filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} .Floor001743 .list li a:hover img{filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */ -webkit-filter: grayscale(0%); /* chrome+ */ filter: grayscale(0%); /* 未来浏览器 */ filter: ; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */ } /* .Floor001207 */ .Floor001207{ background:url(../images/Floor001207-bg.jpg) no-repeat center center; background-size:cover; padding: 8% 0; overflow:hidden;} .Floor001207 .wrap-head{ position: relative; padding-bottom: 70px;} .Floor001207 .wrap-head h1{margin: 0; color: #fff; font-size: 30px; font-weight: normal;text-align: center; line-height: 32px;} .Floor001207 .wrap-head h1 em{ font-style: normal; font-size: 62px; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor000997 .wrap-head:after{content:'';width:100px;height:3px;display: block;background: #dff1ff;margin: 0 auto;margin-top: 48px;} .Floor001207 .boutique {position: relative; z-index: 1;} .Floor001207 li{position: absolute; z-index: 1; display: none; padding: 15px; border: 1px dotted #dff1ff;} .Floor001207 li img {width: 290px; height: 174px;} .Floor001207 li a{ display:block;} .Floor001207 .main{position:relative;} .Floor001207 .main .btn{ position:absolute; width:30px; height:60px; top:50%;margin-top:-30px; z-index:10; cursor:pointer;} .Floor001207 .main .prev{left:-5%; } .Floor001207 .main .next{right:-5%; transform:rotate(180deg);} .Floor001207 .main .btn::before, .Floor001207 .main .btn::after{ position:absolute; content:''; width:100%; height:3px; background-color:#dff1ff; transform:rotate(-45deg); top:50%; margin-top:-10px;} .Floor001207 .main .btn::after{transform:rotate(45deg);margin-top:10px;} .Floor001207 li div{ display:none !important; } .Floor001207 .name{text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0 auto; max-width:40%;} .Floor001207 .name h6{ margin:0; font-size:24px; padding-bottom:10px; position:relative;color:#000;} .Floor001207 .name h6::before{ position:absolute; content:''; width:50px; height:3px; background-color:#000; left:50%; margin-left:-25px; bottom:5px;} .Floor001207 .name p{line-height:22px;height:44px; overflow:hidden; margin:0;text-transform:uppercase;} /* .Floor000997 */ .Floor000997{ background: url(../images/Floor000806-bg.jpg) no-repeat center bottom; background-size:cover; padding:6% 0 8% 0;} .Floor000997 .wrap-head{ position: relative; padding-bottom: 70px;} .Floor000997 .wrap-head h1{margin: 0; color: #fff; font-size: 30px; font-weight: normal;text-align: center; line-height: 32px;} .Floor000997 .wrap-head h1 em{ font-style: normal; font-size: 62px; color: #dff1ff; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor000997 .wrap-head:after{content:'';width:100px;height:3px;display: block;background: #dff1ff;margin: 0 auto;margin-top: 48px;} .Floor000997 .img{ text-align:center;} .Floor000997 .list_copy{ display:none;} .Floor000997 .bx-wrapper{ position:relative; z-index:2; padding:0 35px;} .Floor000997 .bx-viewport{ position:relative; z-index:1;} .Floor000997 .bx-pager{ display:none;} .Floor000997 .bx-controls-direction a{ position: absolute; top: 50%; margin-top: -25px; overflow: hidden; width: 50px; height: 50px; line-height: 999; cursor: pointer;} .Floor000997 .bx-controls-direction a.bx-prev{ background: url(../images/Floor000997-prev.png) no-repeat center center; left: -2%;} .Floor000997 .bx-controls-direction a.bx-next{ background: url(../images/Floor000997-right.png) no-repeat center center; right: -2%;} .Floor000997 .bx-controls-direction a.bx-next::before{border-right:0; border-left:14px solid #fff;margin-left:-7px;} .Floor000997 .list li{ text-align:center; padding:7px 0;} .Floor000997 .list li a{ display:inline-block; position:relative;margin: 15px; padding:8%; border:1px dotted #fff; transition:all ease-in-out 0.3s;} .Floor000997 .list li a::before{ position:absolute; content:''; left:-5%; top:-5%; width:110%; height:110%; } .Floor000997 .list li:hover a{ background-color:#022f53;} .Floor000997 .list li:hover a::before{ border-color:#022f53;} /* .RighInfo002254 */ .RighInfo002254 .auto_1260{ max-width: 1260px;} .RighInfo002254{ padding:30px 0 1%;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:relative; float:left; width:80%;} .RighInfo002254 .big_img ul {padding-bottom:86%; position:relative;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:32px 0 32px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:30px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{} .RighInfo002254 .list li .small {padding-bottom:86%; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:100%; height:90%; top:5%; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #245496;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#245496; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:15px; line-height: 2; color: #666; font-weight:normal;} .RighInfo002254 .right_info p{ font-size: 15px; line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#245496; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#245496; color:#fff;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #eee; overflow:hidden; font-size:15px; font-weight:normal; color:#666;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#245496; color:#fff;} .RighInfo002254 .tab .info{ padding:3% 1%; font-size: 16px; color: #666; line-height: 2; text-align: justify; } .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} /* .Menu002329 */ .Menu002329{ padding-top: 22px;} .Menu002329 .one+.one{ padding-top: 2px;} .Menu002329 .one>a{ display: block; padding: 0 35px; height: 40px; line-height: 40px; background: #f8f8f8; position: relative; font-size: 15px; font-weight: bold; color: #333;} .Menu002329_pro .one>a{ padding: 0 65px;} .Menu002329 .one>a i,.Menu002329_pro .one>a em,.Menu002329 .one>a:after{ content: ""; display: block; position: absolute; top: 50%;} .Menu002329_pro .one>a i{ left: 30px; width: 16px; height: 16px; margin-top: -8px; background-repeat: no-repeat;} .Menu002329_pro .one>a em{ left: 30px; width: 16px; height: 16px; margin-top: -8px; background-repeat: no-repeat;display: none;} .Menu002329 .one>a:after{ right: 20px; margin-top: -5px; width: 0; height: 0; border-color: transparent transparent transparent #d1d1d1; border-width: 5px 0 5px 5px; border-style: dashed dashed dashed solid;} .Menu002329 .one.on>a, .Menu002329 .one>a:hover{ background-color: #245496; color: #fff;} .Menu002329 .one.on>a:after,.Menu002329 .one>a:hover:after{ border-color: transparent transparent transparent #fff;transform:rotate(90deg) } .Menu002329 .two{ padding: 0 3px;display: none;} .Menu002329 .two dd+dd{ border-top: 1px dotted #d4d4d4;} .Menu002329 .two a{ display: block;padding: 0 25px 0 65px; height: 40px; line-height: 40px; position: relative; font-size: 14px; color: #666;} .Menu002329 .two a.on,.Menu002329 .two a:hover{ color:#245496; font-weight: bold;} .Menu002329 .two a.on:before,.Menu002329 .two a:hover:before{content: ""; display: block; position: absolute; top: 50%; left: 30px; margin-top: -5px; width: 0; height: 0; border-color: transparent transparent transparent #245496; border-width: 5px 0 5px 5px; border-style: dashed dashed dashed solid;} .Menu002329_pro .one.on>a:before, .Menu002329_pro .one>a:hover i{ display: none;} .Menu002329_pro .one>a:hover em{ display: block;} .Menu002329_pro li.on>a i{ display: none;} .Menu002329_pro li.on>a em{ display: block;} .Menu002329 .one.hassub>a:after{border-color: #d1d1d1 transparent transparent transparent; border-width: 5px 5px 0 5px; border-style:solid dashed dashed dashed; margin-top: -2px;} /* .Menu002329_2 */ .Menu002329_2{ padding-top: 22px;} .Menu002329_2 .one+.one{ padding-top: 2px;} .Menu002329_2 .one>span{ display: block; padding: 0 65px; height: 40px; line-height: 40px; background: #f8f8f8; position: relative; font-size: 15px; font-weight: bold; color: #333;} .Menu002329_2 .one>span i,.Menu002329_2 .one>span em,.Menu002329_2 .one>span:after{ content: ""; display: block; position: absolute; top: 50%;} .Menu002329_2 .one>span i{ left: 30px; width: 16px; height: 16px; margin-top: -8px; background-repeat: no-repeat;} .Menu002329_2 .one>span em{ left: 30px; width: 16px; height: 16px; margin-top: -8px; background-repeat: no-repeat;display: none;} .Menu002329_2 .one>span:after{ right: 20px; margin-top: -5px; width: 0; height: 0; border-color: transparent transparent transparent #d1d1d1; border-width: 5px 0 5px 5px; border-style: dashed dashed dashed solid;} .Menu002329_2 .one.on>span, .Menu002329_2 .one>span:hover{ background-color: #245496;} .Menu002329_2 .one.on>span a, .Menu002329_2 .one>span:hover a{color: #fff;} .Menu002329_2 .one.on>span:after,.Menu002329_2 .one>span:hover:after{ border-color: transparent transparent transparent #fff;transform:rotate(90deg) } .Menu002329_2 .two{ padding: 0 3px;display: none;} .Menu002329_2 .two dd+dd{ border-top: 1px dotted #d4d4d4;} .Menu002329_2 .two a{ display: block;padding: 0 25px 0 65px; height: 40px; line-height: 40px; position: relative; font-size: 14px; color: #666;} .Menu002329_2 .two a.on,.Menu002329_2 .two a:hover{ color:#245496; font-weight: bold;} .Menu002329_2 .two a.on:before,.Menu002329_2 .two a:hover:before{content: ""; display: block; position: absolute; top: 50%; left: 30px; margin-top: -5px; width: 0; height: 0; border-color: transparent transparent transparent #245496; border-width: 5px 0 5px 5px; border-style: dashed dashed dashed solid;} .Menu002329_2 .one.on>span:before, .Menu002329_2 .one>span:hover i{ display: none;} .Menu002329_2 .one>span:hover em{ display: block;} .Menu002329_2 li.on>span i{ display: none;} .Menu002329_2 li.on>span em{ display: block;} .Menu002329_2 .one.hassub>span:after{border-color: #d1d1d1 transparent transparent transparent; border-width: 5px 5px 0 5px; border-style:solid dashed dashed dashed; margin-top: -2px;} .Menu002329_2 .one>span.notsub:after{display: none;} /* .PicList000710 */ .PicList000710 { padding-top: 40px;} .PicList000710 li{ float:left; width:32%; margin-right:2%; margin-bottom: 4%; text-align: center;} .PicList000710 li:nth-child(3n){ margin-right:0;} .PicList000710 li figure{ border-bottom:3px solid #f5f5f5; padding-bottom: 15px;} .PicList000710 li:hover figure{ border-color:#0052af;} .PicList000710 li span{ display:block; padding-bottom:70%; background-repeat:no-repeat; background-position: center center; background-size:contain; position:relative;} .PicList000710 li span i{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/PicList000710-view.png) no-repeat center center rgba(0,82,175,0.8); opacity:0; transition:all ease-in-out 0.3s;} .PicList000710 li h3{ margin:0;font-size: 16px;padding-top: 18px; font-weight:normal; padding-bottom:5px;} .PicList000710 li p{ margin:0; line-height:25px; height:50px; overflow:hidden; margin-top:5px; color:#999;} .PicList000710 li:hover figure{ border-color:#0052af;} .PicList000710 li:hover span i{ opacity:1;} /* .Page001815 */ .Page001815_v{margin-bottom: 3%;} .Page001815 .Pages{ text-align:center; padding:20px 0;} .Page001815 .Pages .p_cur, .Page001815 .Pages .p_count, .Page001815 .Pages .p_total, .Page001815 .Pages .p_jump, .Page001815 .Pages .a_first, .Page001815 .Pages .a_end{ display:none;} .Page001815 .Pages a{ display:inline-block; width:36px; height:36px; line-height:34px; overflow:hidden; border:1px solid #ebebeb; font-size:15px;} .Page001815 .Pages a.a_cur, .Page001815 .Pages a:hover{ background-color:#245496; color:#fff;} .Page001815 .Pages .a_prev, .Page001815 .Pages .a_next{ line-height:100px; background:url(../images/Page001815-a_prev.gif) no-repeat center center;} .Page001815 .Pages .a_next{ background-image:url(../images/Page001815-a_next.gif);} .Page001815 .Pages .a_prev:hover{ background-image:url(../images/Page001815-a_prev_hover.gif);} .Page001815 .Pages .a_next:hover{ background-image:url(../images/Page001815-a_next_hover.gif);} .Page001815 .Pages em{ font-style:normal;} /*Floor002536 */ .Floor002536{background:url(../images/Floor002536_bg.png) repeat;position:relative; z-index:1;} .Floor002536::after{ position:absolute; content:''; left:0; bottom:0; height:20%; width:100%; background:rgba(0,0,0,0.05); max-height:120px;} .Floor002536 .auto{ position:relative; z-index:5;} .Floor002536 .pic{ position:absolute; z-index:2; width:80%; max-width:1100px; right:0; bottom:0;} .Floor002536 .pic img{ display:block; width:100%;} .Floor002536 .title{ background:url(../images/Floor002536_titlebg.png); text-align:center; } .Floor002536 .title::after{ content:''; width:26px; height:3px; background:#fff;} .Floor002536 .title{ position:absolute; right:0; top:62px; height:62%; max-height:190px;max-width:150px; width:20%;} .Floor002536 .title img{ margin-top:27%; width:80%; max-width:108px;} .Floor002536 .title::after{position:absolute;bottom:20%; left:50%; margin-left:-13px; } .Floor002536 .con{ width:67%;} .Floor002536 .auto{ min-height:544px;} .Floor002536 .con{ padding-top:6%; padding-bottom:18%;} .Floor002536 .intro{ padding-bottom:16%;} .Floor002536 .intro h1{ color:#333; font-weight:normal;} .Floor002536 .more{ width: 160px; height: 40px; line-height: 26px; border: 1px solid #eee; font-size: 14px; color: #666; display: block; padding: 6px 20px; position: absolute; top: 50%; left: 0; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s;} .Floor002536 .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #245496; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002536 .more span{ position: relative; z-index: 10; display: block;} .Floor002536 .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 15px; top: 50%; margin-top: -13px; font-weight: 600;color: #999;} .Floor002536 .more:hover{ color: #fff; border-color: #245496;} .Floor002536 .more:hover:before{ width: 100%; color: #fff;} @media(max-width:1366px){ .Floor002536 .pic{ right:-20%;} } @media(max-width:1280px){ .Floor002536 .pic{ right:-26%;} } /*Floor002706 */ .Floor002706{ background:url(../images/Floor002706_bg.jpg) no-repeat center top; background-size:cover; padding:6% 0;} .Floor002706 .auto{ width:100%;} .Floor002706 .title h3{ margin:0; font-size:62px; color:#245496; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif;} /*.Floor002706 .title h3::after{ display:block; content:''; width:35px; height:2px; background:#da251c; margin-bottom:20px;}*/ .Floor002706 .title h4{margin:0; color:#606060; font-size:30px; font-weight:normal;} .Floor002706 .title p{ color:#3a434c;} .Floor002706 ul > *{ float:left;} .Floor002706 ol{ width:40%;padding-right: 50px;} .Floor002706 li{overflow:hidden; width:20%;} .Floor002706 li a{ display:block; background:#323d4c; color:#fff; height:360px; position:relative; padding:23% 12% 0 15.5%;} .Floor002706 li:nth-of-type(2n) a{ background:#245496;} .Floor002706 li aside{ position:absolute; right:8%; top:5%; font-size:18px; opacity:0.3;} .Floor002706 li aside::before{ display:block; margin:0 auto 20px; width:1px; height:60px; content:''; background:#fff; transition:height 0.3s;} .Floor002706 li a:hover aside::before{ height:40px;} .Floor002706 li figure img{ height:55px;} .Floor002706 li a:hover figure{ animation:ease 1s ani2706;-webkit-animation:ease 1s ani2706; } .Floor002706 li h2{ font-size:28px; font-weight:normal;} .Floor002706 li p{ line-height:22px; max-height:66px;} @keyframes ani2706{ 0%{ padding-left:0;} 50%{ padding-left:30%; opacity:0.5; transform:scale(0.85); -webkit-transform:scale(0.85);} 100%{ padding-left:0; opacity:1;} } @-webkit-keyframes ani2706{ 0%{ padding-left:0;} 50%{ padding-left:30%; opacity:0.5; transform:scale(0.85); -webkit-transform:scale(0.85);} 100%{ padding-left:0; opacity:1;} } /* .RighInfo002450 */ .RighInfo002450{ padding: 3% 0;} .RighInfo002450 .wrap-container .tit{ font-size: 24px; color: #333; text-align: center; margin: 0 0 3%; font-weight: normal;} .RighInfo002450 .wrap-container .img{ margin: 0 auto; display: block;} .RighInfo002450 .wrap-container .word{ margin-top: 3%; color: #666; font-size: 16px; line-height: 2; text-align: justify;} .RighInfo002450 .wrap-container .img{ float: right; margin: 0 0 0 5%;} .RighInfo002450 .wrap-container .word{ margin-top: 0;} /* .RighInfo002226 */ .RighInfo002226{ padding:3% 0;} .RighInfo002226 .dl .h4{ font-size:24px; color: #245496; margin:0;} .RighInfo002226 .dl .h4 span{display:inline-block; border-bottom: 2px #e95355 solid; padding-bottom:10px;} .RighInfo002226 .dl .con{ padding:15px 0 30px; font-size:16px; color: #666; line-height: 2; line-height:2.25;} .RighInfo002226 .pic{ float:right; margin-left: 3%;} /* .RichInfo005 为demo编号 */ .RichInfo005{ margin:2% 0 4% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;line-height: 30px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#245496; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#245496;} /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275{padding: 50px 0 70px} .RighInfo002275 .text .title{margin-bottom: 75px;font-size: 52px;} .RighInfo002275 .map{float: right;width: 700px;height: 430px;} .RighInfo002275 .text{float: left;width: 40%;} /* .Form000573 为demo编号 */ .Form000573{ padding-bottom:3%;} .Form000573 .from h1{ margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:35px;margin-bottom: 16px;} .Form000573 .from h1 span{ border-bottom:3px solid #245496; padding-bottom:0.8em; display:inline-block; height:36px;} .Form000573 .from .btn{ cursor:pointer; border:none; padding:0 15%;height:35px; font-size:14px; color:#fff; background:#245496;} .Form000573 .from .f_name{ width:120px; padding-right:15px;text-align:right; color:#4d4d4d;} .Form000573 .from table{ max-width:535px;} .Form000573 .from td{ line-height:35px; padding-top:3%; vertical-align:top;} .Form000573 .from .text{ width:100%; border:1px solid #eaeaea; height:35px; line-height:35px; padding:0 2%; border-radius:3px;} .Form000573 .from .textcode{ width:80px;} .Form000573 .from .text:focus{ border-color:#df2130; box-shadow:0 0 8px #FBC1C1 inset; transition:all ease 0.5s;} .Form000573 .from textarea.text{ width:100%; height:175px;} .Form000573 .from i{ color:#19ad66; font-style:normal;} .Form000573 .form_err{color:#df2130;} /* .TextList002322 */ .TextList002322{ padding: 2% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #245496;} .Demo001{ padding: 2% 0;} .bd_weixin_popup{height: 337px !important;} .RighInfo001355 { padding: 1% 0 3%; width: 1200px; margin: 0 auto; overflow: hidden; } .RighInfo001355-inner{ float: left; width: 943px; } .switch{ width: 185px; float: right; } .switch>div{ height: 650px; overflow: hidden; } .switch>div>.left{ margin-top: 30px;cursor: pointer;margin-right: 10px; text-align: center; font-weight: bold; font-size: 20px; margin: 0; } .switch>div>.right{ margin-top: 30px;cursor: pointer;margin-left: 10px; text-align: center; font-weight: bold; font-size: 20px; margin: 0; } .switch>div>#wrap{ overflow: hidden; width: 100%; height: 514px; position: relative; } .switch>div>#wrap>ul{ top: 0; height: 650px; width: 100%; padding: 0; display: block;position: absolute;transition: all 0.3s } #wrap>ul>li{ width: 100%; box-sizing: border-box; height: 74px;overflow: hidden;border: 1px solid #ccc;margin: 10px 0px;cursor: pointer; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } #wrap>ul>li img{ display: block; /* height: 100%; */ text-align: center; margin: 2px auto; } .RighInfo001355-inner:nth-of-type(1).active{ display: block; opacity: 1; } .RighInfo001355-inner{ display: none; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .RighInfo001355-inner.active{ display: block; opacity: 1; } .RighInfo001355-inner>a{ color: #245496; font-weight: bold; font-size: 14px;; } #ul li.active{ border:1px solid #2f5d9b; }