/*! * 自定义css 核心 */ .iconfont, .u-icon { display: inline-block; background-position: center center; background-repeat: no-repeat; vertical-align: middle; } /*声明 WebFont*/ @font-face { font-family: 'fzlantingqianheijianti'; src: url('../font/fzlantingqianheijianti.eot'); src: url('../font/fzlantingqianheijianti.eot?#font-spider') format('embedded-opentype'), url('../font/fzlantingqianheijianti.woff') format('woff'), url('../font/fzlantingqianheijianti.ttf') format('truetype'), url('../font/fzlantingqianheijianti.svg') format('svg'); font-weight: normal; font-style: normal; } body { font-family: 'Segoe UI', SegoeUI, 'Microsoft YaHei', "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .f-dn { display: none; } a:hover { text-decoration: none; } /*f_开头为float漂浮,l:?r:?/ .fl { float: left; } .fr { float: right; } /*m_开头位margin边距,t:?b:?l:?r:?/ .mt { margin-top: 10px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mb { margin-bottom: 10px; } .mb4 { margin-bottom: 4px; } .mb5 { margin-bottom: 5px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mr { margin-right: 10px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr23 { margin-right: 23px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .ml { margin-left: 10px; } .ml5 { margin-left: 5px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .mt1 { margin-top: -1px; } .pa5 { padding: 5px; } .pa10 { padding: 10px; } .pa20 { padding: 20px; } .pa50 { padding: 50px; } .pa70 { padding: 70px; } .pa15 { padding: 15px; } .pa8 { padding: 8px; } .hr-line { background: rgba(255, 255, 255, 0.2); height: 1px; overflow: hidden; width: 100%; } .btn { font-size: 16px; border-radius: 24px; padding-right: 35px; padding-left: 35px; line-height: 28px; } .btn.btn-bai { background-color: #FFF; color: #255c8b; } .btn.btn-reset1 { background-color: #FFF; color: #255c8b; } .btn.btn-cs { background: url("../images/subsidiary/..sec-active.png"); background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#0068b7, #0068b7); background-blend-mode: normal, normal; color: #FFF; } .btn.btn-line { height: 55px; background: none; border-radius: 30px; border: 2px solid #ccc; color: #999; line-height: 40px; } .btn.btn-tm5 { background: rgba(255, 255, 255, 0.7); font-weight: bold; } .container { max-width: 1430px; width: 1430px; } .bg-w-1 { background: url("../images/bg-w-1.png"); } .bg-w-2 { background: url("../images/bg-w-2.png"); } .mh { -webkit-backface-visibility: hidden; -webkit-filter: blur(5px); filter: blur(5px); opacity: 0.9; -webkit-animation: nvfadeInDown 1s .1s ease both; -moz-animation: nvfadeInDown .3s .1s ease both; } /*段落省略?/ .f-els-1 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: normal; } .f-els-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .f-els-2-new { display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 34px; white-space: normal; } .f-els-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .f-els-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media (max-width: 1600px) { .container { max-width: 1230px; width: 1230px; } .cistern { max-width: 1230px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .container { max-width: auto; width: 100%; } .btn { font-size: 14px; border-radius: 24px; padding-right: 20px; padding-left: 20px; line-height: 26px; } .btn.btn-bai { background-color: #FFF; color: #255c8b; } .btn.btn-reset1 { background: url("../images/bg-w-3.png"); color: #FFF; } .btn.btn-cs { background: url("../images/subsidiary/..sec-active.png"); background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#0068b7, #0068b7); background-blend-mode: normal, normal; color: #FFF; } .btn.btn-line { height: 40px; background: none; border-radius: 30px; border: 2px solid #ccc; color: #999; line-height: 24px; } } @media (max-width: 767px) { .container { max-width: auto; width: 100%; } .btn { font-size: 14px; border-radius: 24px; padding-right: 15px; padding-left: 15px; line-height: 16px; } .btn.btn-bai { background-color: #FFF; color: #255c8b; } .btn.btn-reset1 { background: url("../images/bg-w-3.png"); color: #FFF; } .btn.btn-line { height: auto; background: none; border-radius: 30px; border: 2px solid #ccc; color: #999; line-height: 20px; } nav[aria-label="Page navigation"] { text-align: center!important; } } .column-title { background: url('../images/l-w-6.png') repeat-x 0 bottom; padding-bottom: 15px; padding-top: 70px; } .column-title .tit-b { font-size: 45px; color: #FFF; margin-bottom: 10px; font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif; } .column-title .tit-s { font-size: 60px; opacity: 0.2; color: #FFF; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); letter-spacing: 10px; } .column-title .tit-s.o5 { opacity: 0.8; } .column-title-s1 .tit-b { font-size: 42px; color: #FFF; font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif; } .h-line { width: 30px; height: 1px; background: #FFF; overflow: hidden; } .company-plist .col-md-4 { margin-bottom: 30px; } .company-plist .cbox { border: 1px solid #eaeaea; text-align: center; background: #FFF; color: #000; overflow: hidden; } .company-plist .cbox .img { width: 446px; height: 312px; text-align: center; } .company-plist .cbox .img img { width: 100%; height: 312px; } .company-plist .cbox .name { font-size: 18px; border-top: 1px solid #eee; padding: 15px 10px; color: #333; height: 75px; overflow: hidden; } .drawer-btnbox .language { float: right; line-height: 35px; } .drawer-btnbox .language .items { color: #FFF; padding: 0 5px; font-size: 16px; } .drawer-btnbox .language .line { color: rgba(255, 255, 255, 0.2); padding: 0 10px; } @media (max-width: 1600px) { .column-title { padding-bottom: 10px; padding-top: 50px; } .column-title .tit-b { font-size: 42px; margin-bottom: 0px; } .column-title .tit-s { font-size: 45px; letter-spacing: 5px; } .column-title-s1 .tit-b { font-size: 35px; } .company-plist .cbox .img { width: 100%; height: 265px; } .company-plist .cbox .img img { width: 100%; height: 265px; } .company-plist .cbox .name { font-size: 14px; } } @media (max-width: 767px) { .column-title { margin-bottom: 20px; padding-bottom: 10px; padding-top: 20px; } .column-title .tit-b { font-size: 32px; margin-bottom: 0px; } .column-title .tit-s { font-size: 22px; letter-spacing: 5px; } .column-title-s1 .tit-b { font-size: 24px; } .column-title-s1.mb40 { margin-bottom: 20px; } } .col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-1-8 { width: 12.5%; float: left; } @media (min-width: 768px) { .col-sm-1-8 { width: 12.5%; float: left; } } @media (min-width: 992px) { .col-md-1-8 { width: 12.5%; float: left; } } @media (min-width: 1200px) { .col-lg-1-8 { width: 12.5%; float: left; } } .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-1-5 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-1-5 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-1-5 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-1-5 { width: 20%; float: left; } } .lian { position: relative; } .lian h5 { line-height: 20px; cursor: pointer; color: #fff; text-align: center; } .lian h5::after { display: none; } .lian h5 img { margin-left: 5px; float: none; width: 11px; height: 6px; margin-top: 0; margin-right: 0; } .lian .ul1 { width: 100%; padding-top: 8px; padding-bottom: 9px; display: none; margin-top: 9px; padding: 0; } .lian .ul1.active { display: block; } .lian .ul1 li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); list-style: none; } .lian .ul1 li a { color: #fff; display: block; padding-left: 0; line-height: 35px; text-align: center; font-size: 14px; } .u-column { background-position: center top; background-repeat: no-repeat; background-size: 100% auto; background-color: #ccc; color: #FFF; padding-bottom: 200px; /*投资者关?栏目*/ } .u-column .column-txt { font-size: 18px; line-height: 32px; text-align: justify; } .u-column.u-column-zzjg { background-image: url('../images/bg/about-bg-dsh.jpg'); } .u-column.u-column-jtjj { background-color: #265791; background-position: center bottom; background-image: url('../images/bg/about-bg-jtjj.jpg'); } .u-column.u-column-ds { background-image: url('../images/bg/about-bg-ds.jpg'); background-position: center bottom; background-color: #132e75; padding-bottom: 350px; } .u-column.u-column-dsh { background-image: url('../images/bg/about-bg-dsh.jpg'); } .u-column.u-column-hxjzg { background-image: url('../images/bg/about-bg-hxjzg.jpg'); background-size: 100% auto; } .u-column.u-column-jylnq { background-image: url('../images/bg/about-bg-jylnq.jpg'); background-size: cover; } .u-column.u-column-ldgh { background-color: #1c5f96; background-image: url('../images/bg/about-bg-ldgh.jpg'); background-position: center bottom; } .u-column.u-column-lsqy { background-image: url('../images/bg/about-bg-lsqy.jpg'); } .u-column.u-column-ppln { background-image: url('../images/bg/about-bg-ppln.jpg'); padding-bottom: 0; background-size: cover; background-position: center bottom; } .u-column.u-column-qyjs { background-image: url('../images/bg/about-bg-qyjs.jpg'); } .u-column.u-column-sm { background-image: url('../images/bg/about-bg-sm.jpg'); background-position: center bottom; } .u-column.u-column-ygjs { background-image: url('../images/bg/about-bg-ygjs.jpg'); background-size: 100% atuo; } .u-column.u-column-yj { background-color: #1276b1; background-image: url('../images/bg/about-bg-yj.jpg'); background-position: center bottom; padding-bottom: 350px; } .u-column.u-column-zdsk { background-color: #2760a5; background-image: url('../images/bg/about-bg-zdsk.jpg'); background-position: center bottom; padding-bottom: 200px; } .u-column.u-column-ldc { background-color: #082955; background-image: url('../images/bg/about-bg-ldc.jpg'); background-position: center bottom; } .u-column.u-column-ldc-detail { background-color: #0c3e7f; background-image: url('../images/bg/about-bg-ldc.jpg'); background-position: center bottom; } .u-column.u-column-lsyg { background-color: #114a97; background-image: url('../images/bg/about-bg-lsyg.jpg'); background-position: center bottom; padding-bottom: 370px; } .u-column.u-column-qywh { background-color: #114a97; padding-bottom: 0; } .u-column.u-column-ppgs { background-color: #04397b; background-image: url('../images/bg/about-bg-ppgs.jpg'); background-position: center bottom; } .u-column.u-column-news-detail { background-color: #183873; background-image: url('../images/bg/news-detail-bg.jpg'); background-position: center bottom; } .u-column.u-column-news-vedio { background-color: #093a6c; background-image: url('../images/bg/bg-xxsp.jpg'); background-position: center bottom; padding-bottom: 0; } .u-column.u-column-news-magazine { background-color: #1d72b3; background-image: url('../images/bg/bg-dzzz.jpg'); background-position: center bottom; } .u-column.u-column-invest-index { background-color: #043a7e; background-image: url('../images/bg/invest-bg-shzrbg.jpg'); background-position: center bottom; } .u-column.u-column-invest-gszl-gddh { background-color: #043a7e; background-image: url('../images/bg/invest-bg-gddh.jpg'); background-position: center top; background-size: 100% auto; } .u-column.u-column-invest-qygz, .u-column.u-column-invest-gszl-qygz { background-color: #172d52; background-image: url('../images/bg/invest-bg-qygzhjbg.jpg'); background-position: center bottom; } .u-column.u-column-invest-llfs { background-color: #043a7d; background-image: url('../images/bg/invest-bg-llfs.jpg'); background-position: center bottom; } .u-column.u-column-contact { background-color: #4a72b0; background-image: url('../images/bg/contact-bg.jpg'); background-position: center bottom; } .u-column.u-column-industry-ps { background-color: #1e206d; background-image: url('../images/industry/bg2.jpg'); background-position: center top; } .u-column.u-column-industry-list { background-color: #1b3069; background-image: url('../images/bg/industry-map-list-bg.jpg'); background-position: center bottom; background-size: 100% auto; } .u-logo-bg { background: url('../images//logo-bg.png') no-repeat; background-position: center top; background-size: 100% auto; } @media (max-width: 1600px) { .u-column { padding-bottom: 100px; } } @media (max-width: 767px) { .u-column { padding-bottom: 80px; background-size: 100% 100%; /*投资者关?栏目*/ } .u-column .column-txt { font-size: 14px; line-height: 26px; } .u-column.u-column-ds { padding-bottom: 30px; } .u-column.u-column-hxjzg { background-size: cover; } .u-column.u-column-ldgh { background-size: contain; } .u-column.u-column-ppln { background-color: #071e51; background-position: center bottom; background-size: 100% auto; } .u-column.u-column-qyjs { background-size: 450% 100%; } .u-column.u-column-ygjs { background-size: 200% atuo; } .u-column.u-column-zdsk { background-size: 100% auto; } .u-column.u-column-ldc { background-position: center bottom; background-size: contain; } .u-column.u-column-ldc-detail { background-position: center bottom; } .u-column.u-column-lsyg { padding-bottom: 30px; background-size: contain; background-position: center bottom; } .u-column.u-column-qywh { background-color: #114a97; padding-bottom: 0; } .u-column.u-column-ppgs { background-position: center bottom; } .u-column.u-column-news-detail { background-position: center bottom; } .u-column.u-column-news-vedio { padding-bottom: 0; } .u-column.u-column-news-magazine { background-position: center bottom; } .u-column.u-column-invest-index { background-position: center bottom; } .u-column.u-column-invest-gszl-gddh { background-position: center bottom; } .u-column.u-column-invest-qygz, .u-column.u-column-invest-gszl-qygz { background-size: contain; background-position: center bottom; } .u-column.u-column-invest-llfs { padding-bottom: 50px; background-position: center bottom; } .u-column.u-column-contact { background-position: center bottom; background-size: contain; } .u-column.u-column-industry-ps { background-position: center bottom; } .u-column.u-column-jtjj { background-size: contain; } .u-column.u-column-yj { padding-bottom: 180px; background-size: 100% 80%; } } #tbox { width: 52px; position: fixed; right: 10px; bottom: 35px; z-index: 9999; } #gotop { width: 52px; height: 52px; text-align: center; line-height: 52px; font-size: 20px; color: #FFF; background: #0068b7; overflow: hidden; display: block; border-radius: 52px; z-index: 1000; } /* *面包?*/ .breadcrumbs .cistern { font-size: 16px; padding: 15px 0; } .breadcrumbs .container { font-size: 16px; padding-top: 15px; padding-bottom: 15px; } .breadcrumbs .icon-home { width: 16px; height: 16px; background-image: url('../images/home.png'); margin-top: -4px; } .breadcrumbs a, .breadcrumbs span { display: inline-block; height: 30px; line-height: 30px; color: #666; } .breadcrumbs span { padding: 0 5px; } .breadcrumbs span.ico { padding: 0; margin-right: 10px; } .breadcrumbs a:hover { color: #5bc0de; } .breadcrumbs .hr-line { background: #eee; margin-top: 20px; } @media (max-width: 767px) { .breadcrumbs.mb50 { margin-bottom: 10px; } .breadcrumbs .container { font-size: 14px; padding-top: 15px; padding-bottom: 15px; } } /*header*/ #header { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; } #header .container { position: relative; } #header .logo { display: inline-block; overflow: hidden; margin-right: 365px; margin-top: 20px; float: left; } #header .logo a { display: block; width: 156px; height: 44px; overflow: hidden; } #header .logo a img { width: 100%; } #header .search { margin-top: 20px; display: inline-block; } #header .search .search-open { width: 330px; height: 45px; position: relative; } #header .search .search-open .search-box input { width: 100%; height: 45px; border: 1px solid #d4d4d4; line-height: 45px; border-radius: 30px; padding-left: 20px; outline: none; font-size: 16px; padding-right: 50px; } #header .search .search-open .search-box input:focus { border: 1px solid #15b0eb; color: #282828; box-shadow: 0px 3px 8px #d4d4d4; } #header .search .search-open .search-box .search-btn { position: absolute; top: 0; right: 0; padding: 0 10px; background: url("../images/h-search-btn.png") no-repeat center center; border: none; text-indent: -9999px; height: 45px; width: 45px; } #header .search .moblie-search-close { display: none; } #header .js-search-btn-open { display: none; } #header .links-bar { position: absolute; top: 26px; right: 80px; } #header .links-bar .btn-group { margin-right: 15px; } #header .links-bar .btn-group .btn { color: #FFF; padding: 0; } #header .links-bar .btn-group .btn .n { margin-right: 5px; } #header .links-bar .btn-group .dropdown-menu { padding: 15px; } #header .links-bar .btn-group .dropdown-menu li { font-size: 14px; border-bottom: 1px solid #ebebeb; } #header .links-bar .btn-group .dropdown-menu li a { padding: 5px 0; color: #999; font-size: 14px; } #header .links-bar .btn-group .dropdown-menu li .glyphicon { float: right; color: #ebebeb; } #header .links-bar .btn-group.company-list { width: 100px; } #header .links-bar .btn-group.company-list .dropdown-menu { width: 390px; margin-left: -185px; left: 50%; height: 330px; overflow-y: auto; } #header .links-bar .social { display: inline-block; } #header .links-bar .social .iconfont { height: 21px; padding: 0 5px; position: relative; } #header .links-bar .social .iconfont .codeimg { display: none; position: absolute; top: 40px; left: 50%; margin-left: -75px; width: 150px; height: 150px; } #header .links-bar .social .iconfont .codeimg img { width: 150px; height: 150px; } #header .links-bar .social .iconfont.hover .codeimg { display: block; } #header .pin-wrapper { float: right; width: 64px; } #header .d-menu { height: 64px; width: 64px; } #header .d-menu .drawer-hamburger { position: relative; z-index: 104; display: inline-block; box-sizing: content-box; transform: translate3d(0, 0, 0); border: 0; padding: 0; outline: 0; width: 64px; height: 64px; margin-top: 10px; background: none; text-indent: -9999px; cursor: pointer; /* 波动效果 */ } #header .d-menu .drawer-hamburger :hover { cursor: pointer; } #header .d-menu .drawer-hamburger .content { position: relative; width: 64px; height: 64px; padding: 10px; } #header .d-menu .drawer-hamburger .content .nav-open { background: #0068b7 url("../images/nav-open.png") no-repeat center center; width: 44px; height: 44px; overflow: hidden; display: block; border-radius: 44px; z-index: 1000; } #header .d-menu .drawer-hamburger .circle { position: absolute; border-radius: 50%; opacity: 0; top: 0; } #header .d-menu .drawer-hamburger.solid .circle { width: 100%; height: 100%; background: #FFF; } #header .d-menu .drawer-hamburger.solid .circle:first-child { animation: circle-opacity 2s infinite; } @keyframes circle-opacity { from { opacity: 1; transform: scale(0); } to { opacity: 0; transform: scale(1); } } @media (max-width: 1600px) { #header .logo { margin-right: 275px; } } @media (max-width: 1200px) { #header .logo { margin-right: 100px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #header { height: 66px; width: 100%; overflow: hidden; padding-top: 0; z-index: 100; background: #FFF; position: relative; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); } #header .container { padding: 0 20px; } #header .logo { margin-right: 0; margin-top: 15px; } #header .logo a { width: 125px; background: url("../images/logo-m.png") no-repeat; background-size: 125px auto; } #header .logo a img { display: none; } #header .search { display: none; } #header .js-search-btn-open { display: block; position: absolute; top: 15px; right: 70px; width: 35px; height: 35px; border-radius: 35px; background: #0068b7; font-size: 16px; color: #FFF; text-align: center; line-height: 35px; } #header .d-menu { height: 55px; width: 55px; padding: 0; position: fixed; right: 10px; top: 0; } #header .d-menu .drawer-hamburger { margin-top: 5px; width: 55px; height: 55px; } #header .d-menu .drawer-hamburger .content { width: 55px; height: 55px; padding: 10px; } #header .d-menu .drawer-hamburger .content .nav-open { width: 35px; height: 35px; border-radius: 35px; } } @media (max-width: 767px) { #header { height: 66px; width: 100%; padding-top: 0; z-index: 100; background: #FFF; position: relative; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); } #header .container { padding: 0 15px; } #header .logo { margin-right: 0; margin-top: 15px; } #header .logo a { width: 125px; background: url("../images/logo-m.png") no-repeat; background-size: 125px auto; } #header .logo a img { display: none; } #header .search { display: none; position: absolute; top: 0; left: 0; z-index: 9999; margin: 0; padding: 10px; width: 100%; background: #FFF; } #header .search .moblie-search-close { display: block; position: absolute; top: 10px; right: 0; height: 45px; width: 45px; text-align: center; line-height: 49px; font-size: 20px; overflow: hidden; } #header .search .search-open { width: 90%; } #header .search .search-open .search-box input { width: 100%; height: 45px; border: 1px solid #d4d4d4; line-height: 45px; border-radius: 5px; padding-left: 20px; outline: none; font-size: 16px; padding-right: 50px; } #header .search .search-open .search-box input:focus { border: 1px solid #15b0eb; color: #282828; box-shadow: 0px 3px 8px #d4d4d4; } #header .search .search-open .search-box .search-btn { position: absolute; top: 0; right: 0; padding: 0 10px; background: url("../images/h-search-btn.png") no-repeat center center; border: none; text-indent: -9999px; height: 45px; width: 45px; } #header .js-search-btn-open { display: block; position: absolute; top: 15px; right: 65px; width: 35px; height: 35px; border-radius: 35px; background: #0068b7; font-size: 16px; color: #FFF; text-align: center; line-height: 35px; } #header .d-menu { height: 55px; width: 55px; padding: 0; position: fixed; right: 5px; top: 0; z-index: 999; } #header .d-menu .drawer-hamburger { margin-top: 5px; width: 55px; height: 55px; } #header .d-menu .drawer-hamburger .content { width: 55px; height: 55px; padding: 10px; } #header .d-menu .drawer-hamburger .content .nav-open { width: 35px; height: 35px; border-radius: 35px; } } .top-search-overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #000000; z-index: 99; opacity: 0.7; display: none; } /*footer*/ #footer { background: #1e1e1e; } #footer .footer-nav { padding: 70px 0; } #footer .footer-nav h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; margin-top: 0; color: #fff; } #footer .footer-nav h3 a { color: #fff; } #footer .footer-nav h3 em { display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 5px; width: 18px; height: 18px; } #footer .footer-nav h3 em.icon-open-in-new { margin-left: 12px; } #footer .footer-nav h3 em.icon-open-in-new:before { width: 18px; height: 18px; font-size: 16px; top: -5px; } #footer .footer-nav h3 em.icon-open-in-new:after { width: 18px; height: 18px; font-size: 16px; bottom: 5px; } #footer .footer-nav ul { margin: 0; padding: 0; list-style: none; } #footer .footer-nav ul li { font-size: 14px; padding-bottom: 15px; } #footer .footer-nav ul li a { color: #999; } #footer .footer-nav ul li a:hover em { text-decoration: none; } #footer .copy { font-size: 14px; text-align: center; color: #666; padding: 20px 0; border-top: 1px solid #434343; } .footer-contact-us { background-color: #141414; border-radius: 20px; padding: 30px 20px; font-size: 14px; } .footer-contact-us .title { font-size: 16px; margin-bottom: 20px; color: #FFF; font-weight: 700; } .footer-contact-us .title .iconfont { width: 20px; height: 20px; margin-right: 10px; } .footer-contact-us .title .iconfont.icon-t { background: url("../images/f-mg-t.png") no-repeat left center; } .footer-contact-us .form-group { position: relative; margin-bottom: 0; } .footer-contact-us .form-group .form-control { background: none; border: none; border-radius: 0; color: #FFF; } .footer-contact-us .form-group .input-group { border-bottom: 1px solid #2c2c2c; position: relative; } .footer-contact-us .form-group .input-group.input-group-w { background: url("../images/f-mg-l.png") repeat-x left center; } .footer-contact-us .form-group .input-group .codeimg { position: absolute; top: 10px; right: 0; height: 30px; cursor: pointer; background: #FFF; z-index: 3; } .footer-contact-us .form-group .input-group-addon { background: none; border: none; border-radius: 0; } .footer-contact-us .form-group .input-group-addon.icon-w { background: url("../images/f-mg-w.png") no-repeat left 8px; } .footer-contact-us .form-group .input-group-addon.icon-e { background: url("../images/f-mg-e.png") no-repeat left center; } .footer-contact-us .form-group .input-group-addon.icon-c { background: url("../images/f-mg-c.png") no-repeat left center; } .footer-contact-us .form-group input.form-control { height: 50px; } .footer-contact-us .form-group .text-center { margin-top: 60px; } .footer-contact-us .form-group .text-center .btn { width: 150px; height: 55px; border-radius: 30px; background: #8a8a8a; color: #FFF; } .footer-contact-us .form-group .help-block { position: absolute; bottom: -10px; left: 36px; } .footer-contact-us .form-group .form-control-feedback:before { display: none; } .footer-contact-us .form-group .glyphicon-remove:before { content: "\e014"; display: none; } .weCode { width: 100%; } .weCode img { display: block; width: 40%; margin: 30px auto 0; } @media (max-width: 1600px) { #footer .footer-nav { padding: 50px 0; } #footer .footer-nav h3 { font-size: 16px; margin-bottom: 20px; margin-top: 20px; } #footer .footer-nav ul li { font-size: 16px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #footer .footer-nav { padding: 0px 0 30px 0; } #footer .footer-nav h3 { font-size: 16px; margin-bottom: 20px; margin-top: 30px; } #footer .footer-nav ul li { width: 25%; float: left; font-size: 16px; } #footer .footer-contact-us .form-group .text-center { margin-top: 30px; } #footer .copy { padding: 20px 0; } #footer .text-center { margin-top: 40px; } #footer .text-center .btn { width: 150px; height: 45px; border-radius: 30px; background: #8a8a8a; color: #FFF; } } @media (max-width: 767px) { #footer .footer-nav { padding: 0px 0 30px 0; } #footer .footer-nav h3 { font-size: 16px; margin-bottom: 20px; margin-top: 30px; } #footer .footer-nav ul li { width: 50%; float: left; font-size: 16px; } #footer .footer-contact-us .form-group .text-center { margin-top: 30px; } #footer .copy { padding: 20px 0; } #footer .text-center { margin-top: 40px; } #footer .text-center .btn { width: 150px; height: 45px; border-radius: 30px; background: #8a8a8a; color: #FFF; } } .storageBanner { position: relative; height: 680px; } .storageBanner .banner-box { overflow: hidden; position: relative; } .storageBanner .pic { height: 100%; width: 100%; } .storageBanner .pic:after { padding-top: 31.25%; } .storageBanner .pic img { position: absolute; display: block; width: 100%; } .storageBanner .con { position: absolute; z-index: 2; top: 0; left: 0; font-size: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .storageBanner .con:after { display: inline-block; height: 100%; content: ""; vertical-align: middle; width: 0; } .storageBanner .banner-text { display: inline-block; width: 100%; vertical-align: middle; } .storageBanner .banner-text .title { font-size: 52px; line-height: 1.38; overflow: hidden; margin: 0; padding-top: 9px; text-align: inherit; padding-bottom: 0; color: inherit; color: #FFF; font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; } .storageBanner .banner-text .en-title { font-size: 18px; line-height: 1.375; margin-bottom: -7px; overflow: hidden; color: #FFF; } .storageBanner.storageBanner2 .banner-text .title { font-family: "Microsoft Yahei", "微软雅黑", Helvetica, Tahoma, Arial, verdana, sans-serif; } @media (max-width: 1600px) { .storageBanner .banner-text .title { font-size: 48px; } .storageBanner .banner-text .en-title { font-size: 16px; } } @media (max-width: 767px) { .storageBanner .banner-text .title { font-size: 36px; } .storageBanner .banner-text .en-title { font-size: 16px; } } .news-hotinfo { margin-bottom: 50px; background: rgba(255, 255, 255, 0.1); } .news-hotinfo .row { margin-right: 0; margin-left: 0; } .news-hotinfo .row .col-md-6 { padding: 0; } .news-hotinfo .imgbox { width: 100%; height: 410px; overflow: hidden; } .news-hotinfo .imgbox img { width: 100%; height: 410px; } .news-hotinfo .cont { padding-left: 25px; padding-right: 25px; } .news-hotinfo .cont .title { font-size: 30px; margin-bottom: 25px; margin-top: 45px; } .news-hotinfo .cont .h-line { width: 60px; margin-bottom: 25px; } .news-hotinfo .cont .column-txt { position: relative; font-size: 18px; line-height: 32px; margin-bottom: 40px; } .news-hot { margin-top: 50px; position: relative; } .news-hot .thumbnail { padding: 0; border: none; background: none; border-radius: 0; position: relative; } a.news-hot .thumbnail:hover, a.news-hot .thumbnail:focus, a.news-hot .thumbnail.active { border-color: none; } .news-hot .thumbnail .caption { width: 100%; padding: 0; color: #FFF; background: rgba(255, 255, 255, 0.3); background: #3a5f90; position: relative; } .news-hot .thumbnail .caption .title { height: 60px; line-height: 60px; color: #FFF; font-size: 16px; padding: 0 20px; } .news-hot .thumbnail .caption .title .icon-j { border: 1px solid #FFF; border-radius: 50%; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; margin-top: -15px; background: url("../images/news-icon1.png") no-repeat center center; } .news-hot .swiper-button-next, .news-hot .swiper-button-prev { position: absolute; background: none; width: 50px; height: 50px; background: #FFF; color: #5bc0de; border-radius: 50%; top: 50%; margin-top: -25px; text-align: center; line-height: 50px; } .news-hot .swiper-button-next:hover, .news-hot .swiper-button-prev:hover { background: #5bc0de; color: #FFF; } .news-hot .swiper-button-next { right: -75px; } .news-hot .swiper-button-prev { left: -75px; } .news-list .list-group-item { padding: 35px 25px; background: none; border: none; margin-bottom: 1px; background: rgba(58, 95, 144, 0.8); font-size: 18px; } .news-list .list-group-item a { color: #FFF; } .news-list .list-group-item:first-child { border-radius: 0; } .news-list .list-group-item:last-child { border-radius: 0; } .news-list .list-group-item > .badge { background: none; color: #FFF; font-size: 18px; font-family: Campton-Bold; } .news-dxrw.row { margin-left: -10px; margin-right: -10px; } .news-dxrw.row .col-md-6 { padding: 0 10px; } .news-dxrw.row .col-md-3 { padding: 0 10px; } .news-dxrw .thumbnail .name .line { padding: 0 10px; } .news-dxrw .thumbnail.sy1 { padding: 0; margin-bottom: 20px; border: none; border-radius: 0; position: relative; } .news-dxrw .thumbnail.sy1 > img, .news-dxrw .thumbnail.sy1 a > img { width: 100%; } a.news-dxrw .thumbnail.sy1:hover, a.news-dxrw .thumbnail.sy1:focus, a.news-dxrw .thumbnail.sy1.active { border-color: none; } .news-dxrw .thumbnail.sy1 .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; color: #FFF; background: rgba(0, 0, 0, 0.6); } .news-dxrw .thumbnail.sy1 .caption .name { border-bottom: 1px solid #555; font-size: 24px; padding: 20px 15px; margin: 0; } .news-dxrw .thumbnail.sy1 .caption .cont { padding: 20px 15px; font-size: 20px; height: 60px; line-height: 20px; } .news-dxrw .thumbnail.sy1 .caption .cont .title { float: left; } .news-dxrw .thumbnail.sy1 .caption .cont .time { float: right; } .news-dxrw .thumbnail.sy2 { padding: 0; border: none; border-radius: 0; background: url("../images/bg-w-2.png"); } .news-dxrw .thumbnail.sy2 > img, .news-dxrw .thumbnail.sy2 a > img { width: 100%; } a.news-dxrw .thumbnail.sy2:hover, a.news-dxrw .thumbnail.sy2:focus, a.news-dxrw .thumbnail.sy2.active { border-color: none; } .news-dxrw .thumbnail.sy2 .caption { padding: 25px 20px 25px 20px; color: #FFF; } .news-dxrw .thumbnail.sy2 .caption .name { font-size: 26px; margin: 0; margin-bottom: 22px; } .news-dxrw .thumbnail.sy2 .caption .title { font-size: 18px; height: 115px; } .news-dxrw .thumbnail.sy2 .caption .time { font-size: 18px; text-align: right; font-family: Campton-Bold; } .news-vedio-big { padding-bottom: 50px; position: relative; } .news-vedio-big::after { position: absolute; height: 587px; width: 100%; content: ""; background: url("../images/bg-w-2.png"); top: 25px; left: -25px; z-index: 1; } .news-vedio-big .v-box { position: relative; display: block; z-index: 2; } .news-vedio-big .v-box .title { position: absolute; height: 160px; width: 100%; left: 0; top: 50%; margin-top: -80px; text-align: center; } .news-vedio-big .v-box .title .u-icon-play { height: 100px; width: 100px; background: url("../images/news/xxsp-play.png") no-repeat center center; } .news-vedio-big .v-box img { width: 100%; } .news-vedio-big .v-box .name { font-size: 26px; color: #FFF; text-shadow: #000 1px 1px 2px; text-align: center; margin-top: 20px; } .news-vedio-big .v-box .name:hover { text-decoration: none; } .news-vedio-swiper { background: url("../images/news/xxsp-v-bg.jpg") no-repeat center top; padding: 50px 0; } #newsVidioSwiper { border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 60px 0; } #newsVidioSwiper .swiper-slide { width: 800px; height: 525px; border-radius: 8px; position: relative; } #newsVidioSwiper .swiper-slide .v-box { position: relative; display: block; z-index: 2; margin-bottom: 10px; } #newsVidioSwiper .swiper-slide .v-box .title { position: absolute; height: 200px; width: 100%; left: 0; top: 50%; margin-top: -80px; text-align: center; } #newsVidioSwiper .swiper-slide .v-box .title .u-icon-play { height: 100px; width: 100px; background: url("../images/news/xxsp-play.png") no-repeat center center; } #newsVidioSwiper .swiper-slide .v-box .title .txt { font-size: 16px; color: #FFF; margin-bottom: 15px; text-shadow: #333 1px 1px 2px; } #newsVidioSwiper .swiper-slide .v-box img { width: 100%; } #newsVidioSwiper .swiper-slide .name { font-size: 22px; color: #FFF; text-align: center; } #newsVidioSwiper .swiper-slide .name a { color: #FFF; } #newsVidioSwiper .swiper-slide:not(.swiper-slide-active) { transform: scale(0.8); } #newsVidioSwiper .btnbox { position: absolute; width: 1400px; left: 50%; margin-left: -700px; top: 50px; z-index: 1000; height: 525px; /*background:url("@{imgurl}news/video-bg.png") no-repeat 0 165px;*/ } #newsVidioSwiper .btnbox .swiper-button-prev, #newsVidioSwiper .btnbox .swiper-button-next { width: 68px; height: 68px; font-size: 24px; line-height: 68px; color: #0065b2; background: #FFF; border-radius: 68px; text-align: center; opacity: 1; display: block; } #newsVidioSwiper .btnbox .swiper-button-prev:hover, #newsVidioSwiper .btnbox .swiper-button-next:hover { background: #0065b2; color: #FFF; } #newsVidioSwiper .btnbox .swiper-button-prev { left: 110px; top: 235px; } #newsVidioSwiper .btnbox .swiper-button-next { right: auto; left: 110px; top: 330px; } #newsVidioSwiper .btnbox .swiper-pagination { display: none; font-size: 32px; top: 0; left: 0; background: url("../images/news/line.png") no-repeat center center; width: 90px; height: 90px; text-indent: -9999px; overflow: hidden; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current { position: absolute; top: 0; left: 0; line-height: 32px; text-indent: 0; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total { position: absolute; right: 0; bottom: 0; line-height: 32px; text-indent: 0; } .news-magazine { width: 1400px; } .news-magazine .view { width: 1190px; float: left; } .news-magazine .view .swiper-container { width: 1050px; height: 1500px; margin: 0; } .news-magazine .imgbig { background: url("../images/news/dzzz-b-bg.png") no-repeat; background-position: right 20px; margin-bottom: 30px; } .news-magazine .imgbig img { width: 1026px; height: 1354px; } .news-magazine .info { width: 1026px; } .news-magazine .info .w2 { width: 50%; float: left; } .news-magazine .info .name { font-size: 42px; line-height: 50px; } .news-magazine .info .btnbox { text-align: right; padding-top: 5px; } .news-magazine .info .btnbox .btn { margin-left: 10px; padding-left: 30px; padding-right: 30px; } .news-magazine .info .btnbox .btn .u-icon { width: 18px; height: 18px; margin-left: 5px; } .news-magazine .info .btnbox .btn .u-icon.u-icon1 { background: url("../images/news/dzzz-ico-1.png") no-repeat; } .news-magazine .info .btnbox .btn .u-icon.u-icon2 { background: url("../images/news/dzzz-ico-2.png") no-repeat; } .news-magazine .info .btnbox .btn .u-icon.u-icon3 { background: url("../images/news/dzzz-ico-3.png") no-repeat; } .news-magazine .preview { padding: 85px 0; float: left; width: 210px; position: relative; } .news-magazine .preview .swiper-container { width: 210px; height: 1198px; } .news-magazine .preview .swiper-slide { width: 210px; height: 307px; } .news-magazine .preview .swiper-slide img { width: 210px; height: 277px; } .news-magazine .preview .arrow-left { background: #FFF; border-radius: 50%; position: absolute; left: 50%; top: 10px; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; z-index: 10; } .news-magazine .preview .arrow-left:hover { color: #FFF; background: #0065b2; } .news-magazine .preview .arrow-right { background: #FFF; border-radius: 50%; position: absolute; left: 50%; bottom: 10px; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; z-index: 10; } .news-magazine .preview .arrow-right:hover { color: #FFF; background: #0065b2; } .news-magazine .preview img { padding: 1px; } .news-magazine .preview .active-nav img { padding: 0; border: 2px solid #FFF; } .modal-body .form-group .row2 .form-control { width: 200px; display: inline-block; margin-right: 10px; } .modal-body .form-group .row2 img { display: inline-block; } @media (max-width: 1600px) { .news-hotinfo { margin-bottom: 50px; } .news-hotinfo .imgbox { width: 100%; height: 350px; overflow: hidden; } .news-hotinfo .imgbox img { width: 100%; height: 350px; } .news-hotinfo .cont .title { font-size: 26px; margin-top: 30px; margin-bottom: 25px; } .news-hotinfo .cont .h-line { width: 60px; margin-bottom: 25px; } .news-hotinfo .cont .column-txt { position: relative; font-size: 16px; line-height: 26px; margin-bottom: 20px; } .news-hot .thumbnail .caption .title { height: 50px; line-height: 50px; color: #FFF; font-size: 14px; padding: 0 15px; } .news-hot .thumbnail .caption .title .icon-j { width: 26px; height: 26px; right: 15px; margin-top: -13px; } .news-hot .swiper-button-next, .news-hot .swiper-button-prev { width: 40px; height: 40px; margin-top: -20px; line-height: 40px; } .news-hot .swiper-button-next { right: -55px; } .news-hot .swiper-button-prev { left: -55px; } .news-list .list-group-item { padding: 25px 25px; font-size: 18px; } .news-dxrw .thumbnail.sy1 { margin-bottom: 20px; } .news-dxrw .thumbnail.sy1 .caption .name { font-size: 20px; padding: 20px 15px; } .news-dxrw .thumbnail.sy1 .caption .cont { padding: 20px 15px; font-size: 14px; height: 60px; line-height: 20px; } .news-dxrw .thumbnail.sy2 .caption { padding: 20px 15px 20px 15px; } .news-dxrw .thumbnail.sy2 .caption .name { font-size: 20px; margin-bottom: 20px; } .news-dxrw .thumbnail.sy2 .caption .title { font-size: 14px; height: 105px; } .news-dxrw .thumbnail.sy2 .caption .time { font-size: 14px; } .news-vedio-big { padding-bottom: 40px; } .news-vedio-big::after { height: 500px; top: 20px; left: -20px; } .news-vedio-swiper { padding: 40px 0; } #newsVidioSwiper { padding: 50px 0; } #newsVidioSwiper .swiper-slide { width: 640px; height: 420px; border-radius: 8px; } #newsVidioSwiper .btnbox { width: 1200px; left: 50%; margin-left: -600px; top: 40px; height: 420px; /*background:url("@{imgurl}news/video-bg.png") no-repeat 0 125px; background-size:140px auto;*/ } #newsVidioSwiper .btnbox .swiper-button-prev, #newsVidioSwiper .btnbox .swiper-button-next { width: 55px; height: 55px; font-size: 18px; line-height: 55px; border-radius: 55px; } #newsVidioSwiper .btnbox .swiper-button-prev { left: 85px; top: 190px; } #newsVidioSwiper .btnbox .swiper-button-next { left: 85px; top: 280px; } #newsVidioSwiper .btnbox .swiper-pagination { font-size: 32px; width: 90px; height: 90px; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current { line-height: 32px; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total { right: 0; bottom: 0; line-height: 32px; } .news-magazine { width: 1230px; } .news-magazine .view { width: 1020px; float: left; } .news-magazine .view .swiper-container { width: 900px; height: 1275px; } .news-magazine .imgbig { background: url("../images/news/dzzz-b-bg.png") no-repeat; background-position: right 20px; background-size: 860px auto; margin-bottom: 20px; } .news-magazine .imgbig img { width: 870px; height: 1150px; } .news-magazine .info { width: 870px; } .news-magazine .info .w2 { width: 50%; float: left; } .news-magazine .info .name { font-size: 36px; line-height: 38px; } .news-magazine .info .btnbox { padding-top: 0; } .news-magazine .info .btnbox .btn { margin-left: 5px; padding-left: 15px; padding-right: 15px; } .news-magazine .preview { padding: 75px 0; width: 180px; } .news-magazine .preview .swiper-container { width: 180px; height: 1000px; } .news-magazine .preview .swiper-slide { width: 180px; height: 255px; } .news-magazine .preview .swiper-slide img { width: 180px; height: 235px; } .news-magazine .preview .arrow-left { top: 10px; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .news-magazine .preview .arrow-right { bottom: 10px; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } } @media (max-width: 767px) { .news-hotinfo { margin-bottom: 25px; } .news-hotinfo .imgbox { width: 100%; height: auto; overflow: hidden; } .news-hotinfo .imgbox img { width: 100%; height: auto; } .news-hotinfo .cont { padding: 15px; } .news-hotinfo .cont .title { font-size: 18px; margin-top: 0; margin-bottom: 15px; } .news-hotinfo .cont .h-line { width: 60px; margin-bottom: 15px; } .news-hotinfo .cont .column-txt { position: relative; font-size: 14px; line-height: 21px; margin-bottom: 20px; } .news-hot { margin-top: 25px; } .news-hot .thumbnail .caption .title { height: 50px; line-height: 50px; color: #FFF; font-size: 14px; padding: 0 15px; } .news-hot .thumbnail .caption .title .icon-j { width: 26px; height: 26px; right: 15px; margin-top: -13px; } .news-hot .swiper-button-next, .news-hot .swiper-button-prev { width: 40px; height: 40px; margin-top: -40px; line-height: 40px; } .news-hot .swiper-button-next { right: 10px; } .news-hot .swiper-button-prev { left: 10px; } .news-list .list-group-item { padding: 15px; font-size: 14px; } .news-list .list-group-item > .badge { font-size: 14px; } .news-dxrw .thumbnail.sy1 { margin-bottom: 20px; } .news-dxrw .thumbnail.sy1 .caption .name { font-size: 16px; padding: 15px 15px; } .news-dxrw .thumbnail.sy1 .caption .cont { padding: 15px 15px; font-size: 14px; height: 50px; line-height: 20px; } .news-dxrw .thumbnail.sy2 .caption { padding: 20px 15px 20px 15px; } .news-dxrw .thumbnail.sy2 .caption .name { font-size: 16px; margin-bottom: 15px; } .news-dxrw .thumbnail.sy2 .caption .title { font-size: 14px; height: auto; margin-bottom: 15px; } .news-dxrw .thumbnail.sy2 .caption .time { font-size: 14px; } .news-vedio-te::after { background: none; } .news-vedio-big { padding-bottom: 0; } .news-vedio-big::after { height: 100%; top: 20px; left: -20px; } .news-vedio-big .v-box .title { height: 100px; width: 100%; margin-top: -50px; } .news-vedio-big .v-box .title .u-icon-play { height: 50px; width: 50px; background-size: 100% 100%; } .news-vedio-big .v-box .title .name { font-size: 16px; margin-top: 15px; } .news-vedio-swiper { padding: 40px 0; } #newsVidioSwiper { padding: 20px 0; } #newsVidioSwiper .swiper-slide { width: 100%; height: auto; border-radius: 8px; } #newsVidioSwiper .swiper-slide .v-box { position: relative; display: block; z-index: 2; } #newsVidioSwiper .swiper-slide .v-box .title { height: 100px; margin-top: -50px; } #newsVidioSwiper .swiper-slide .v-box .title .u-icon-play { height: 50px; width: 50px; background-size: 100% 100%; margin-bottom: 10px; } #newsVidioSwiper .swiper-slide .v-box .title .txt { font-size: 14px; margin-bottom: 10px; } #newsVidioSwiper .swiper-slide .v-box img { width: 100%; } #newsVidioSwiper .swiper-slide .name { font-size: 16px; } #newsVidioSwiper .btnbox { width: 100%; left: 0; margin-left: 0; top: 40px; height: auto; /* background:url("@{imgurl}news/video-bg.png") no-repeat 0 125px; background-size:140px auto;*/ } #newsVidioSwiper .btnbox .swiper-button-prev, #newsVidioSwiper .btnbox .swiper-button-next { width: 35px; height: 35px; font-size: 16px; line-height: 35px; border-radius: 35px; } #newsVidioSwiper .btnbox .swiper-button-prev { left: 20px; top: 100px; } #newsVidioSwiper .btnbox .swiper-button-next { left: 20px; top: 150px; } #newsVidioSwiper .btnbox .swiper-pagination { top: 20px; left: 20px; font-size: 16px; width: 40px; height: 40px; background-size: 100% 100%; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-current { line-height: 20px; } #newsVidioSwiper .btnbox .swiper-pagination .swiper-pagination-total { right: 0; bottom: 0; line-height: 20px; } .m-news-magazine { width: 100%; } .m-news-magazine .m-view { width: 100%; margin-bottom: 20px; } .m-news-magazine .imgbig { margin-bottom: 10px; } .m-news-magazine .imgbig img { width: 100%; } .m-news-magazine .info .w2 { margin-bottom: 10px; } .m-news-magazine .info .name { font-size: 16px; line-height: 28px; } .m-news-magazine .info .btnbox { padding-top: 0; } .m-news-magazine .info .btnbox .btn { margin-left: 10px; padding-left: 20px; padding-right: 20px; } .m-news-magazine .m-preview { width: 100%; position: relative; padding: 0 50px; } .m-news-magazine .m-preview .swiper-slide { width: 100%; } .m-news-magazine .m-preview .swiper-slide img { width: 100%; } .m-news-magazine .m-preview .arrow-left { background: #FFF; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; z-index: 10; } .m-news-magazine .m-preview .arrow-left:hover { color: #FFF; background: #0065b2; } .m-news-magazine .m-preview .arrow-right { background: #FFF; border-radius: 50%; position: absolute; right: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; z-index: 10; } .m-news-magazine .m-preview .arrow-right:hover { color: #FFF; background: #0065b2; } .m-news-magazine .m-preview img { padding: 1px; border: 2px solid transparent; } .m-news-magazine .m-preview .active-nav img { border: 2px solid #FFF; } } .u-column-news-detail .news-detail .title { font-size: 36px; margin-bottom: 20px; line-height: 72px; } .u-column-news-detail .news-detail .time { font-size: 18px; margin-bottom: 45px; height: 30px; line-height: 30px; } .u-column-news-detail .news-detail .time .icon-t { width: 20px; height: 20px; background: url("../images/news-icon-time.png") no-repeat left center; margin-right: 10px; margin-top: -5px; vertical-align: middle; } .u-column-news-detail .news-detail .cont .column-txt { font-size: 18px; line-height: 36px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; clear: both; padding-bottom: 20px; word-wrap: break-word; margin-top: -26px; } .u-column-news-detail .news-detail .cont .column-txt h2 { font-size: 18px; } .u-column-news-detail .news-detail .cont .column-txt p { font-size: 18px; margin: 26px 0; } .u-column-news-detail .news-detail .cont .column-txt a { text-decoration: underline; } .u-column-news-detail .news-detail .cont .column-txt table td p { text-indent: 0; font-size: 16px; margin: 0; } .u-column-news-detail .news-detail .cont .column-txt table td img { border: none; margin: 5px; } .u-column-news-detail .news-detail .cont .column-txt table th p { text-indent: 0; font-size: 16px; margin: 0; } .u-column-news-detail .news-detail .right-tool { font-size: 18px; } .u-column-news-detail .news-detail .right-tool .email { margin-bottom: 15px; background: rgba(255, 255, 255, 0.2); padding: 20px 20px; } .u-column-news-detail .news-detail .right-tool .email a { color: #FFF; font-size: 14px; } .u-column-news-detail .news-detail .right-tool .email .iconfont.icon-email { width: 22px; height: 18px; background: url("../images/news-icon-email.png") no-repeat center center; } .u-column-news-detail .news-detail .right-tool .share { margin-bottom: 15px; background: rgba(255, 255, 255, 0.2); padding: 0 20px; } .u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox { height: 75px; display: flex; align-items: center; } .u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox .share-title { font-size: 16px; color: #fff; margin-bottom: 0; } .u-column-news-detail .news-detail .right-tool .share .bdsharebuttonbox .platformIcon { margin: 0 10px; } .u-column-news-detail .news-detail .right-tool .baidushare .share-icon { float: left; height: 45px; line-height: 45px; color: #999; font-size: 14px; overflow: hidden; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_weixin, .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_sqq, .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_qzone, .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_tsina, .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_more { display: block; float: left; width: 45px; height: 45px; text-align: center; padding: 0; margin: 0; margin-right: 20px; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox img { display: inline-block; width: 100%; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_sqq { background: url("../images/news/share-1.png") no-repeat center center !important; background-size: 100% auto !important; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_qzone { background: url("../images/news/share-2.png") no-repeat center center !important; background-size: 100% auto !important; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_tsina { background: url("../images/news/share-3.png") no-repeat center center !important; background-size: 100% auto !important; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_weixin { background: url("../images/news/share-4.png") no-repeat center center !important; background-size: 100% auto !important; } .u-column-news-detail .news-detail .right-tool .baidushare .bdsharebuttonbox .bds_more { background: url("../images/news/share-5.png") no-repeat center center !important; background-size: 100% auto !important; } .u-column-news-detail .news-detail .right-tool .npre { background: rgba(255, 255, 255, 0.2); } .u-column-news-detail .news-detail .right-tool .npre ul { padding: 0; margin: 0; } .u-column-news-detail .news-detail .right-tool .npre li { padding: 20px 20px; list-style: none; font-size: 16px; } .u-column-news-detail .news-detail .right-tool .npre li strong { font-weight: normal; } .u-column-news-detail .news-detail .right-tool .npre li.previous { border-bottom: 1px solid #FFF; } .u-column-news-detail .news-detail .right-tool .npre li a { color: #FFF; } @media (max-width: 1600px) { .share .bdsharebuttonbox { height: 75px; } .baidushare .share-icon { height: 35px !important; line-height: 35px !important; } .baidushare .bdsharebuttonbox .bds_weixin, .baidushare .bdsharebuttonbox .bds_sqq, .baidushare .bdsharebuttonbox .bds_qzone, .baidushare .bdsharebuttonbox .bds_tsina, .baidushare .bdsharebuttonbox .bds_more { width: 35px !important; height: 35px !important; margin-right: 20px !important; } } @media (max-width: 767px) { .share .bdsharebuttonbox { height: 30px !important; } .baidushare .share-icon { height: 30px !important; line-height: 30px !important; } .baidushare .bdsharebuttonbox .bds_weixin, .baidushare .bdsharebuttonbox .bds_sqq, .baidushare .bdsharebuttonbox .bds_qzone, .baidushare .bdsharebuttonbox .bds_tsina, .baidushare .bdsharebuttonbox .bds_more { width: 30px !important; height: 30px !important; margin-right: 20px !important; } .u-column-news-detail .news-detail .title { font-size: 26px; margin-bottom: 15px; line-height: 32px; } .u-column-news-detail .news-detail .time { font-size: 12px; margin-bottom: 15px; height: 30px; line-height: 30px; } .u-column-news-detail .news-detail .time .icon-t { width: 13px; height: 13px; background-size: 13px auto; margin-top: -2px; } .u-column-news-detail .news-detail .cont .column-txt { font-size: 14px; line-height: 21px; padding-bottom: 20px; margin-top: -15px; } .u-column-news-detail .news-detail .cont .column-txt h2 { font-size: 18px; } .u-column-news-detail .news-detail .cont .column-txt p { font-size: 14px; margin: 15px 0; } .u-column-news-detail .news-detail .cont .column-txt table td p { text-indent: 0; font-size: 14px; margin: 0; } .u-column-news-detail .news-detail .cont .column-txt table td img { border: none; margin: 5px; } .u-column-news-detail .news-detail .cont .column-txt table th p { text-indent: 0; font-size: 14px; margin: 0; } .u-column-news-detail .news-detail .right-tool { font-size: 14px; } .u-column-news-detail .news-detail .right-tool .email { margin-bottom: 15px; padding: 15px 15px; } .u-column-news-detail .news-detail .right-tool .email a { font-size: 14px; } .u-column-news-detail .news-detail .right-tool .email .iconfont.icon-email { width: 22px; height: 18px; } .u-column-news-detail .news-detail .right-tool .share { margin-bottom: 15px; padding: 15px 15px; } .u-column-news-detail .news-detail .right-tool .npre li { padding: 15px 15px; font-size: 14px; } } .pro-detail .nav-tabs { margin-bottom: 20px; color: #343434; border-bottom: none; } .pro-detail .nav-tabs > li { width: 50%; margin-right: 0; padding: 0; height: 65px; border: 1px solid #e8e8e8; margin-left: -1px; } .pro-detail .nav-tabs > li > a { position: relative; display: block; text-align: center; color: #343434; border: none; background: none; font-size: 18px; padding: 15px 0; } .pro-detail .nav-tabs > li > a:hover, .pro-detail .nav-tabs > li > a:focus { text-decoration: none; background-color: none; color: #343434; } .pro-detail .nav-tabs > li > a .t { height: 30px; line-height: 30px; display: inline-block; vertical-align: top; } .pro-detail .nav-tabs > li > a .iconfont { width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; margin-right: 10px; vertical-align: top; } .pro-detail .nav-tabs > li > a .iconfont.icon-1 { background-image: url('../images/subsidiary/tab-1.png'); } .pro-detail .nav-tabs > li > a .iconfont.icon-2 { background-image: url('../images/subsidiary/tab-2.png'); } .pro-detail .nav-tabs > li.active { background: url('../images/subsidiary/tab-bg.png') no-repeat 0 0; background-image: linear-gradient(90deg, #43c866 0%, #3397fb 100%), linear-gradient(#8eb7ef, #8eb7ef); background-blend-mode: normal, normal; } .pro-detail .nav-tabs > li.active a { border: none; background: none; color: #FFF; } .pro-detail .nav-tabs > li.active .txt { display: block; } .pro-detail .nav-tabs > li.active .iconfont.icon-1 { background-image: url('../images/subsidiary/tab-1-hover.png'); } .pro-detail .nav-tabs > li.active .iconfont.icon-2 { background-image: url('../images/subsidiary/tab-2-hover.png'); } .pro-detail .nav-tabs > li.last { margin-right: 0; } .pro-hydw { background: url('../images/subsidiary/detail-hydw.png') no-repeat center top; padding: 80px 150px 20px 150px; min-height: 330px; } .pro-hydw .cont { font-size: 16px; line-height: 28px; text-align: center; color: #FFF; border-top: 1px solid #ccc; padding-top: 25px; } .pro-jsys { min-height: 330px; } .pro-jsys .cont { font-size: 16px; line-height: 28px; color: #333; } .pro-info { margin-bottom: 50px; border: 1px solid #eee; color: #868686; } .pro-info .i-left { width: 446px; float: left; position: relative; } .pro-info .i-right { border-left: 1px solid #eee; padding: 30px; float: left; width: 580px; } .pro-info .title { font-size: 20px; color: #000; margin-bottom: 20px; } .pro-info .desc { font-size: 16px; margin-bottom: 25px; line-height: 26px; } .pro-info .channeng { font-size: 16px; line-height: 26px; } .pro-info .channeng ul { padding-left: 20px; } .pro-info .swiper-slide img { width: 100%; } .pro-info .swiper-pagination { padding-top: 25px; text-align: center; width: 100%; } .pro-info .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #e8c5ab; margin: 0 5px; } .pro-info .swiper-pagination-bullet-active { background: #43c866; background-image: linear-gradient(125deg, #43c866 0%, #3397fb 100%), linear-gradient(#5cc85f, #5cc85f); background-blend-mode: normal, normal; } @media (max-width: 1600px) { .pro-hydw { background-size: 100% auto; padding: 50px 90px 10px 90px; min-height: 270px; } .pro-hydw .cont { font-size: 14px; line-height: 24px; padding-top: 20px; } .pro-jsys .cont { font-size: 14px; line-height: 26px; } .pro-info { margin-bottom: 50px; } .pro-info .i-left { width: 400px; } .pro-info .i-right { padding: 20px; width: 490px; } .pro-info .title { font-size: 16px; color: #000; margin-bottom: 15px; } .pro-info .desc { font-size: 14px; margin-bottom: 20px; line-height: 22px; } .pro-info .channeng { font-size: 14px; line-height: 22px; } } @media (max-width: 767px) { .pro-detail .nav-tabs { margin-bottom: 20px; border-bottom: none; } .pro-detail .nav-tabs > li { height: 55px; margin-left: -1px; } .pro-detail .nav-tabs > li > a { font-size: 15px; padding: 10px 0; } .pro-detail .nav-tabs > li > a .t { height: 30px; line-height: 30px; } .pro-detail .nav-tabs > li > a .iconfont { width: 30px; height: 30px; margin-right: 10px; } .pro-hydw { background: url('../images/subsidiary/detail-hydw.png') no-repeat center top; padding: 15px; min-height: auto; } .pro-hydw .cont { font-size: 12px; line-height: 21px; padding-top: 0; border: none; } .pro-jsys { min-height: auto; } .pro-jsys .cont { font-size: 12px; line-height: 21px; } .pro-info { margin-bottom: 30px; border: none; } .pro-info .i-left { width: 100%; float: none; position: relative; padding-bottom: 50px; } .pro-info .i-right { border-left: none; padding: 0; float: none; width: auto; } .pro-info .title { font-size: 16px; margin-bottom: 15px; } .pro-info .desc { font-size: 12px; margin-bottom: 15px; line-height: 21px; } .pro-info .channeng { font-size: 12px; line-height: 21px; } .pro-info .channeng ul { padding-left: 16px; } .pro-info .swiper-slide img { width: 100%; } .pro-info .swiper-pagination { padding-top: 15px; } .pro-info .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 5px; } } .navbar-fixed-slideS1 { position: relative; overflow: hidden; height: 1000px; background: url("../images/industry/bg1.jpg") no-repeat center bottom; background-size: 100% auto; } .navbar-fixed-slideS1 .items { height: 100%; padding: 15% 10%; text-align: center; border-right: 1px solid #e0e0e0; height: 1000px; } .navbar-fixed-slideS1 .items .icobox { margin-bottom: 20px; } .navbar-fixed-slideS1 .items .icobox .u-icon { width: 105px; height: 105px; background-position: center center; } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1.png"); } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2.png"); } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3.png"); } .navbar-fixed-slideS1 .items.last { border: none; } .navbar-fixed-slideS1 .items .title { font-size: 36px; text-align: center; margin-bottom: 20px; } .navbar-fixed-slideS1 .items .text { font-size: 16px; margin-bottom: 30px; height: 60px; } .navbar-fixed-slideS1 .items .ul-list { margin-bottom: 30px; display: none; } .navbar-fixed-slideS1 .items .ul-list li { padding: 10px 0; border-top: 1px #FFF solid; } .navbar-fixed-slideS1 .items .ul-list li a { text-decoration: none; color: #fff; } .navbar-fixed-slideS1 .items.active { background-image: linear-gradient(rgba(0, 192, 255, 0.8), rgba(47, 249, 117, 0.5)); color: #fff; } .navbar-fixed-slideS1 .items.active .icobox { margin-bottom: 15px; } .navbar-fixed-slideS1 .items.active .icobox .u-icon { background-position: center center; } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1-hover.png"); } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2-hover.png"); } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3-hover.png"); } .navbar-fixed-slideS1 .items.active .btn { color: #FFF; border-color: #FFF; } .navbar-fixed-slideS1 #bg-ico1 { width: 85%; height: 85%; position: absolute; margin-left: -200px; opacity: 0; } .navbar-fixed-slideS1 #bg-ico2 { opacity: 0; position: absolute; top: 50%; left: 57%; margin-top: -290px; margin-left: -670px; width: 50%; height: 50%; } .navbar-fixed-slideS1 #bg-ico3 { display: none; position: absolute; right: -5%; width: 43%; top: 1%; animation: show-business 1s; transform: rotate(70deg); opacity: 1; } @keyframes show-business { 0% { opacity: 0; transform: rotate(0deg); } 100% { opacity: 1; transform: rotate(70deg); } } .u-column-industry-ps { padding: 100px 0 70px 0; min-height: auto; } .navbar-fixed-tab { position: relative; overflow: hidden; } .navbar-fixed-tab .nav { width: 1600px; margin: 0 auto; } .navbar-fixed-tab .nav li { width: 33.333333%; border: none; } .navbar-fixed-tab .nav li a { border: none; border-radius: 0; margin-right: 0; color: #333; } .navbar-fixed-tab .nav li.active > a { background-image: linear-gradient(rgba(0, 192, 255, 0.8), rgba(47, 249, 117, 0.5)); color: #fff; } .navbar-fixed-tab .nav li.active > a, .navbar-fixed-tab .nav li.active > a:hover, .navbar-fixed-tab .nav li.active > a:focus { color: #FFF; border: none; } .navbar-fixed-tab .nav li.active > a .icobox .u-icon { background-position: center center; } .navbar-fixed-tab .nav li.active > a .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1-hover.png"); } .navbar-fixed-tab .nav li.active > a .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2-hover.png"); } .navbar-fixed-tab .nav li.active > a .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3-hover.png"); } .navbar-fixed-tab .items { height: 100%; padding: 50px 50px; text-align: center; border-right: 1px solid #e0e0e0; } .navbar-fixed-tab .items .icobox { margin-bottom: 20px; } .navbar-fixed-tab .items .icobox .u-icon { width: 105px; height: 105px; background-position: center center; } .navbar-fixed-tab .items .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1.png"); } .navbar-fixed-tab .items .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2.png"); } .navbar-fixed-tab .items .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3.png"); } .navbar-fixed-tab .items.last { border: none; } .navbar-fixed-tab .items .title { font-size: 36px; text-align: center; margin-bottom: 20px; } .navbar-fixed-tab .items .text { font-size: 16px; height: 60px; } .industry-ps-alinks { cursor: pointer; display: block; margin-bottom: 30px; width: 100%; border-radius: 5px; background: url("../images/bg-w-2.png"); padding: 40px; text-align: center; color: #FFF; } .industry-ps-alinks .ico { height: 75px; margin-bottom: 20px; } .industry-ps-alinks .name { color: #FFF; font-size: 16px; } .industry-ps-alinks:hover { background: #0369b8; text-decoration: none; } .industry-list-alinks { cursor: pointer; display: block; margin-bottom: 30px; width: 100%; border-radius: 5px; background: url("../images/bg-w-2.png"); padding: 30px 10px; text-align: center; color: #FFF; font-size: 18px; } .industry-list-alinks:hover { background: #0369b8; text-decoration: none; color: #FFF; } .industry-search-box .cbox { width: 640px; margin: 0 auto; padding: 60px 0; position: relative; } .industry-search-box .search-name { margin-bottom: 20px; font-size: 18px; } .industry-search-box .search-input { position: relative; } .industry-search-box .search-input input { width: 100%; height: 60px; border: 1px solid #d4d4d4; line-height: 60px; padding-left: 20px; outline: none; font-size: 16px; padding-right: 50px; } .industry-search-box .search-input input:focus { border: 1px solid #15b0eb; color: #282828; box-shadow: 0px 3px 8px #d4d4d4; } .industry-search-box .search-input .search-btn { position: absolute; top: 0; right: 0; padding: 0 10px; background: url("../images/h-search-btn.png") no-repeat center center; border: none; text-indent: -9999px; height: 60px; width: 60px; } .industry-search-box .search-abc ul { padding: 0; list-style: none; } .industry-search-box .search-abc ul li { float: left; width: 11.111111%; height: 50px; padding-left: 20px; line-height: 50px; list-style: none; } .industry-search-box .search-abc ul li a { font-size: 18px; color: #333; } .industry-search-box .search-abc ul li a:hover { color: #0065b2; } .industry-search-box .search-switch { position: absolute; right: -200px; top: 120px; color: #0065b2; font-size: 16px; cursor: pointer; } .industry-search-box .search-switch span { margin-left: 5px; } .industry-nav { padding: 0 50px; margin-bottom: 75px; position: relative; } .industry-nav .items { position: relative; display: block; text-align: center; color: #666; font-size: 18px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; } .industry-nav .items .cbox { border-bottom: 1px solid #ccc; height: 40px; } .industry-nav .items .t { height: 28px; line-height: 28px; display: inline-block; vertical-align: top; } .industry-nav .items .iconfont { width: 28px; height: 28px; background-position: center center; background-repeat: no-repeat; margin-right: 10px; vertical-align: top; } .industry-nav .items .iconfont.icon-1 { background-image: url('../images/industry/tab-ico1.png'); } .industry-nav .items .iconfont.icon-2 { background-image: url('../images/industry/tab-ico2.png'); } .industry-nav .items .iconfont.icon-3 { background-image: url('../images/industry/tab-ico3.png'); } .industry-nav .items .iconfont.icon-4 { background-image: url('../images/industry/tab-ico4.png'); } .industry-nav .items:hover, .industry-nav .items:focus { text-decoration: none; background: url('../images/industry/nav-bg-blue.png') no-repeat center bottom; } .industry-nav .items:hover .cbox, .industry-nav .items:focus .cbox { border: none; } .industry-nav .items:hover .t, .industry-nav .items:focus .t { color: #0065b2; } .industry-nav .items:hover .iconfont.icon-1, .industry-nav .items:focus .iconfont.icon-1 { background-image: url('../images/industry/tab-ico1-hover.png'); } .industry-nav .items:hover .iconfont.icon-2, .industry-nav .items:focus .iconfont.icon-2 { background-image: url('../images/industry/tab-ico2-hover.png'); } .industry-nav .items:hover .iconfont.icon-3, .industry-nav .items:focus .iconfont.icon-3 { background-image: url('../images/industry/tab-ico3-hover.png'); } .industry-nav .items:hover .iconfont.icon-4, .industry-nav .items:focus .iconfont.icon-4 { background-image: url('../images/industry/tab-ico4-hover.png'); } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items { text-decoration: none; background: url('../images/industry/nav-bg-blue.png') no-repeat center bottom; } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .cbox { border: none; } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .t { color: #0065b2; } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .iconfont.icon-1 { background-image: url('../images/industry/tab-ico1-hover.png'); } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .iconfont.icon-2 { background-image: url('../images/industry/tab-ico2-hover.png'); } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .iconfont.icon-3 { background-image: url('../images/industry/tab-ico3-hover.png'); } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active2 .items .iconfont.icon-4 { background-image: url('../images/industry/tab-ico4-hover.png'); } .industry-nav .swiper-button-next, .industry-nav .swiper-button-prev { position: absolute; background: none; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 50%; top: 45px; text-align: center; line-height: 32px; color: #ccc; } .industry-nav .swiper-button-next:hover, .industry-nav .swiper-button-prev:hover { border-color: #5bc0de; } .industry-nav .swiper-button-next { right: 0; } .industry-nav .swiper-button-prev { left: 0; } .list-compay-info-sec { margin-bottom: 60px; } .list-compay-info-sec .u-img { width: 465px; float: left; height: 310px; } .list-compay-info-sec .u-img img { width: 465px; height: 310px; } .list-compay-info-sec .u-info { width: 470px; float: left; border: 1px solid #eee; border-left: none; padding: 25px 30px; height: 310px; } .list-compay-info-sec .u-info .name { font-size: 20px; margin-bottom: 25px; } .list-compay-info-sec .u-info .cont { font-size: 16px; margin-bottom: 25px; color: #868686; line-height: 28px; } .list-compay-info-sec .u-contact { border: 1px solid #eee; border-top: none; border-left: none; width: 465px; float: left; height: 310px; } .list-compay-info-sec .u-contact .media { margin-top: 0; border-top: 1px solid #eee; padding: 26px 30px; } .list-compay-info-sec .u-contact .media .media-body { font-size: 18px; } .list-compay-info-thr { margin-bottom: 60px; } .list-compay-info-thr .u-img { width: 465px; height: 150px; float: left; position: relative; } .list-compay-info-thr .u-img img { width: 465px; height: 150px; } .list-compay-info-thr .u-img .name { height: 30px; line-height: 30px; text-align: center; color: #FFF; width: 100%; position: absolute; top: 50%; margin-top: -15px; left: 0; } .list-compay-info-thr .u-img .btnbox { position: absolute; height: 55px; bottom: -28px; left: 0; text-align: center; width: 100%; } .list-compay-info-thr .u-img .btnbox a { color: #666; box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.36); height: 55px; line-height: 40px; } .list-compay-info-thr .u-contact { border: 1px solid #eee; border-top: none; border-left: none; width: 935px; float: left; } .list-compay-info-thr .u-contact .media { float: left; width: 50%; margin-top: 0; border-top: 1px solid #eee; border-left: 1px solid #eee; padding: 24px 30px; height: 75px; } .list-compay-info-thr .u-contact .media .media-body { font-size: 18px; } .map-cytj .title { font-size: 36px; margin-bottom: 30px; text-align: center; } .map-cytj .map { position: relative; z-index: 1; border: 1px solid #eee; } .map-cytj .map img { width: 100%; } .map-cytj .info { position: relative; z-index: 2; padding-bottom: 100px; margin-top: -14px; } .map-cytj .info .w { width: 690px; float: left; } .map-cytj .info .w img { width: 690px; } .map-cytj .info .w.mr { margin-right: 20px; } @media (max-width: 1600px) { .navbar-fixed-slideS1 { height: 800px; } .navbar-fixed-slideS1 .container-fluid { width: 1230px; } .navbar-fixed-slideS1 .items { height: 800px; padding: 100px 100px 0 100px; } .navbar-fixed-slideS1 .items .icobox { margin-bottom: 15px; } .navbar-fixed-slideS1 .items .icobox .u-icon { width: 105px; height: 105px; } .navbar-fixed-slideS1 .items .title { font-size: 28px; margin-bottom: 15px; height: 50px; } .navbar-fixed-slideS1 .items .text { font-size: 14px; margin-bottom: 25px; } .navbar-fixed-slideS1 .items .ul-list { margin-bottom: 20px; } .navbar-fixed-slideS1 .items .ul-list li { padding: 8px 0; } #bg-ico1 { width: 85%; height: 85%; position: absolute; margin-left: -200px; opacity: 0; } #bg-ico2 { opacity: 0; position: absolute; top: 50%; left: 57%; margin-top: -290px; margin-left: -670px; width: 50%; height: 50%; } #bg-ico3 { display: none; position: absolute; right: -5%; width: 43%; top: 1%; animation: show-business 1s; transform: rotate(70deg); opacity: 1; } .u-column-industry-ps { padding: 50px 0 20px 0; } .navbar-fixed-tab .nav { width: 1230px; } .navbar-fixed-tab .items { padding: 40px 60px; } .navbar-fixed-tab .items .icobox { margin-bottom: 15px; } .navbar-fixed-tab .items .icobox .u-icon { width: 105px; height: 105px; } .navbar-fixed-tab .items .title { font-size: 28px; margin-bottom: 15px; } .navbar-fixed-tab .items .text { font-size: 14px; height: 50px; } .industry-ps-alinks { padding: 20px; } .industry-ps-alinks .ico { height: 60px; margin-bottom: 15px; } .industry-ps-alinks .ico img { height: 60px; } .industry-ps-alinks .name { font-size: 14px; } .industry-list-alinks { padding: 20px 5px; font-size: 14px; } .list-compay-info-sec { margin-bottom: 50px; } .list-compay-info-sec .u-img { width: 370px; height: 246px; } .list-compay-info-sec .u-img img { width: 370px; height: 246px; } .list-compay-info-sec .u-info { width: 415px; padding: 20px 25px; height: 246px; } .list-compay-info-sec .u-info .name { font-size: 16px; margin-bottom: 15px; } .list-compay-info-sec .u-info .cont { font-size: 14px; margin-bottom: 15px; line-height: 24px; } .list-compay-info-sec .u-info .btnbox a { height: 45px; line-height: 30px; font-size: 14px; } .list-compay-info-sec .u-contact { width: 415px; height: 246px; } .list-compay-info-sec .u-contact .media { padding: 20px 15px; } .list-compay-info-sec .u-contact .media .media-body { font-size: 16px; } .list-compay-info-thr { margin-bottom: 50px; } .list-compay-info-thr .u-img { width: 370px; height: 120px; } .list-compay-info-thr .u-img img { width: 370px; height: 120px; } .list-compay-info-thr .u-img .name { height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; } .list-compay-info-thr .u-img .btnbox { height: 45px; bottom: -22px; } .list-compay-info-thr .u-img .btnbox a { box-shadow: 0px 0px 10px 0px rgba(217, 217, 217, 0.36); height: 45px; line-height: 35px; font-size: 14px; } .list-compay-info-thr .u-contact { width: 830px; } .list-compay-info-thr .u-contact .media { padding: 20px 15px; height: 60px; } .list-compay-info-thr .u-contact .media .media-body { font-size: 16px; } .map-cytj .title { font-size: 28px; margin-bottom: 30px; } .map-cytj .map img { width: 100%; } .map-cytj .info { padding-bottom: 100px; margin-top: -12px; } .map-cytj .info .w { width: 590px; } .map-cytj .info .w img { width: 590px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .navbar-fixed-slideS1 { position: relative; overflow: hidden; height: 500px; background: url("../images/industry/bg1.jpg") no-repeat center bottom; background-size: 100% auto; } .navbar-fixed-slideS1 .container-fluid { width: 100%; } .navbar-fixed-slideS1 .items { padding: 50px 25px 0 25px; text-align: center; border-right: 1px solid #e0e0e0; height: 500px; } .navbar-fixed-slideS1 .items .icobox { margin-bottom: 10px; } .navbar-fixed-slideS1 .items .icobox .u-icon { width: 70px; height: 70px; background-position: center center; background-size: 70px 70px; } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1.png"); } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2.png"); } .navbar-fixed-slideS1 .items .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3.png"); } .navbar-fixed-slideS1 .items.last { border: none; } .navbar-fixed-slideS1 .items .title { font-size: 26px; line-height: 1; height: auto; text-align: center; margin-bottom: 10px; } .navbar-fixed-slideS1 .items .text { font-size: 14px; margin-bottom: 15px; height: auto; min-height: 40px; } .navbar-fixed-slideS1 .items .ul-list { margin-bottom: 10px; display: none; } .navbar-fixed-slideS1 .items .ul-list li { padding: 5px 0; border-top: 1px #FFF solid; } .navbar-fixed-slideS1 .items .ul-list li a { text-decoration: none; color: #fff; } .navbar-fixed-slideS1 .items.active { background-image: linear-gradient(rgba(0, 192, 255, 0.8), rgba(47, 249, 117, 0.5)); color: #fff; } .navbar-fixed-slideS1 .items.active .icobox { margin-bottom: 15px; } .navbar-fixed-slideS1 .items.active .icobox .u-icon { background-position: center center; } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-1 { background-image: url("../images/industry/ico-1-hover.png"); } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-2 { background-image: url("../images/industry/ico-2-hover.png"); } .navbar-fixed-slideS1 .items.active .icobox .u-icon.u-icon-3 { background-image: url("../images/industry/ico-3-hover.png"); } .navbar-fixed-slideS1 .items.active .btn { color: #FFF; border-color: #FFF; } .navbar-fixed-slideS1 #bg-ico1 { width: 85%; height: 85%; position: absolute; margin-left: -200px; opacity: 0; } .navbar-fixed-slideS1 #bg-ico2 { opacity: 0; position: absolute; top: 50%; left: 85%; margin-top: -290px; margin-left: -350px; width: 50%; height: 50%; } .navbar-fixed-slideS1 #bg-ico3 { display: none; position: absolute; right: -5%; width: 43%; top: 1%; animation: show-business 1s; transform: rotate(70deg); opacity: 1; } } @media (max-width: 767px) { .navbar-fixed-slideS1 { position: relative; overflow: hidden; height: auto; background: url("../images/industry/bg1.jpg") no-repeat center bottom; background-size: 100% auto; } .navbar-fixed-slideS1 .container-fluid { width: 100%; } .navbar-fixed-slideS1 .items { padding: 20px; text-align: center; border-right: none; height: auto; border-bottom: 1px solid #e0e0e0; } .navbar-fixed-slideS1 .items .icobox { margin-bottom: 10px; } .navbar-fixed-slideS1 .items .icobox .u-icon { width: 70px; height: 70px; background-position: center center; background-size: 70px 70px; } .navbar-fixed-slideS1 .items.last { border: none; } .navbar-fixed-slideS1 .items .title { font-size: 20px; line-height: 1; height: auto; text-align: center; margin-bottom: 10px; } .navbar-fixed-slideS1 .items .text { font-size: 14px; margin-bottom: 15px; height: auto; min-height: auto; } .navbar-fixed-slideS1 .items .ul-list { margin-bottom: 10px; display: none; } .navbar-fixed-slideS1 .items .ul-list li { padding: 5px 0; border-top: 1px #FFF solid; } .navbar-fixed-slideS1 .items .ul-list li a { text-decoration: none; color: #fff; } .navbar-fixed-slideS1 .items .btn { background: #FFF; } .navbar-fixed-slideS1 .items.active { color: #fff; } .navbar-fixed-slideS1 .items.active .icobox { margin-bottom: 15px; } .navbar-fixed-slideS1 .items.active .icobox .u-icon { background-position: center center; } .navbar-fixed-slideS1 .items.active .btn { color: #FFF; border-color: #FFF; background: none; } .navbar-fixed-slideS1 #bg-ico1 { width: auto; height: 400px; position: absolute; margin-left: -200px; opacity: 0; } .navbar-fixed-slideS1 #bg-ico2 { opacity: 0; position: absolute; top: 50%; left: 85%; margin-top: -230px; margin-left: -350px; width: auto; height: 300px; } .navbar-fixed-slideS1 #bg-ico3 { display: none; position: absolute; right: 5%; width: 80%; top: 55%; animation: show-business 1s; transform: rotate(70deg); opacity: 1; } .u-column-industry-ps { padding: 20px 0 20px 0; } .navbar-fixed-tab .nav { width: 100%; } .navbar-fixed-tab .items { padding: 20px 10px; } .navbar-fixed-tab .items .icobox { margin-bottom: 10px; } .navbar-fixed-tab .items .icobox .u-icon { width: 60px; height: 60px; background-size: 100% auto; } .navbar-fixed-tab .items .title { font-size: 16px; margin-bottom: 10px; } .navbar-fixed-tab .items .text { font-size: 12px; height: auto; min-height: 50px; } .industry-ps-alinks { padding: 10px; } .industry-ps-alinks .ico { height: 40px; margin-bottom: 10px; } .industry-ps-alinks .ico img { height: 40px; } .industry-ps-alinks .name { font-size: 12px; } .industry-list-alinks { margin-bottom: 30px; padding: 15px; font-size: 14px; } .industry-nav { padding: 0 30px; margin-bottom: 20px; } .industry-nav .items { color: #666; font-size: 14px; padding-bottom: 8px; padding-left: 0; padding-right: 0; } .industry-nav .items .cbox { height: 60px; } .industry-nav .items .t { height: 28px; line-height: 28px; display: block; font-size: 11px; } .industry-nav .items .iconfont { display: block; width: 28px; height: 28px; margin-right: 0; margin: 0 auto; } .industry-nav .swiper-container .swiper-wrapper .swiper-slide-active .items { text-decoration: none; /*background:url('@{imgurl}industry/nav-bg-blue.png') no-repeat center bottom;*/ } .industry-nav .swiper-button-next, .industry-nav .swiper-button-prev { width: 30px; height: 30px; top: 35px; line-height: 30px; } .list-compay-info-sec { margin-bottom: 50px; } .list-compay-info-sec .u-img { width: 100%; height: auto; } .list-compay-info-sec .u-img img { width: 100%; height: auto; } .list-compay-info-sec .u-info { width: 100%; padding: 10px 0; height: auto; border: none; } .list-compay-info-sec .u-info .name { font-size: 16px; margin-bottom: 10px; } .list-compay-info-sec .u-info .cont { font-size: 14px; margin-bottom: 10px; line-height: 21px; } .list-compay-info-sec .u-info .btnbox a { height: 45px; line-height: 30px; font-size: 14px; } .list-compay-info-sec .u-contact { width: 100%; height: auto; border-right: none; } .list-compay-info-sec .u-contact .media { padding: 10px 0; } .list-compay-info-sec .u-contact .media .media-body { font-size: 14px; } .list-compay-info-thr { margin-bottom: 30px; } .list-compay-info-thr .u-img { width: 100%; height: auto; margin-bottom: 30px; } .list-compay-info-thr .u-img img { width: 100%; height: auto; } .list-compay-info-thr .u-img .name { height: 30px; line-height: 30px; margin-top: -15px; font-size: 14px; } .list-compay-info-thr .u-img .btnbox { height: 45px; bottom: -22px; } .list-compay-info-thr .u-img .btnbox a { height: 45px; line-height: 35px; font-size: 14px; } .list-compay-info-thr .u-contact { border: none; width: auto; } .list-compay-info-thr .u-contact .media { border-top: none; border-left: none; border-bottom: 1px solid #eee; width: 100%; float: none; padding: 15px 0; height: auto; } .list-compay-info-thr .u-contact .media .media-body { font-size: 14px; } .map-cytj .title { font-size: 20px; margin-bottom: 15px; } .map-cytj .map img { width: 100%; } .map-cytj .info { padding-bottom: 20px; margin-top: -14px; } .map-cytj .info .w { width: 100%; float: none; } .map-cytj .info .w img { width: 100%; } .map-cytj .info .w.mr { margin-right: 0; } } #left-slide, #right-slide { position: absolute; top: 49%; bottom: 0; left: auto; right: 100px; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 25px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.7); } #right-slide { top: 41%; } .carousel .carousel-inner .carousel-caption { z-index: 2; top: 0; left: 50%; margin-left: -700px; width: 1400px; height: 100%; font-size: 0; } .carousel .carousel-inner .carousel-caption:after { display: inline-block; height: 100%; content: ""; vertical-align: middle; width: 0; } .carousel .carousel-inner .carousel-caption .banner-text { color: #FFF; display: inline-block; width: 100%; vertical-align: middle; text-align: left; margin-top: -100px; } .carousel .carousel-inner .carousel-caption .banner-text .img { overflow: hidden; margin: 0; padding-top: 9px; text-align: inherit; padding-bottom: 0; margin-bottom: 25px; } .carousel .carousel-inner .carousel-caption .banner-text .txt1 { font-size: 80px; line-height: 1; overflow: hidden; margin: 0; text-align: inherit; margin-bottom: 25px; font-weight: bold; font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carousel .carousel-inner .carousel-caption .banner-text .txt2 { font-size: 80px; line-height: 1; overflow: hidden; margin-bottom: 40px; font-family: "fzlantingqianheijianti", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carousel .carousel-inner .carousel-caption .banner-text .txt3 { font-family: Gotham-Book; font-size: 30px; line-height: 36px; overflow: hidden; margin-bottom: 25px; } .carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn { padding-top: 10px; padding-bottom: 10px; } .carousel .banner-nav { position: absolute; z-index: 3; left: 0; bottom: 90px; width: 100%; background: url("../images//bg-b-6.png"); } .carousel .banner-nav.b0 { bottom: 0; } .carousel .banner-nav ul { list-style: none; padding: 0; margin: 0; } .carousel .banner-nav ul li { list-style: none; padding: 30px 0; float: left; width: 440px; text-align: center; font-size: 18px; } .carousel .banner-nav ul li.middle { position: relative; width: 520px; padding-right: 0; padding-left: 50px; } .carousel .banner-nav ul li.middle::after { content: ""; height: 80px; width: 1px; background: url("../images/bg-w-1.png"); position: absolute; right: 50px; top: 20px; } .carousel .banner-nav ul li.middle::before { content: ""; height: 80px; width: 1px; background: url("../images/bg-w-1.png"); position: absolute; left: 0; top: 20px; } .carousel .banner-nav ul li dl { margin-bottom: 0; } .carousel .banner-nav ul li dl dt { width: 64px; height: 64px; float: left; margin-right: 20px; } .carousel .banner-nav ul li dl dd { float: left; width: 340px; text-align: left; padding-top: 5px; } .carousel .banner-nav ul li dl dd .n { font-size: 18px; margin-bottom: 5px; } .carousel .banner-nav ul li dl dd .t { color: #999; font-size: 14px; } .carousel .banner-nav ul li .u-icon { width: 64px; height: 64px; background-position: center center; background-repeat: no-repeat; background-size: 65px 65px; } .carousel .banner-nav ul li .u-icon.u-icon-1 { background-image: url("../images/index/ico-1.png"); } .carousel .banner-nav ul li .u-icon.u-icon-2 { background-image: url("../images/index/ico-2.png"); } .carousel .banner-nav ul li .u-icon.u-icon-3 { background-image: url("../images/index/ico-3.png"); } .carousel .banner-nav ul li a { color: #FFF; display: block; } .carousel .market-iframe { position: absolute; bottom: 30px; left: 0; width: 100%; height: 30px; } .information { background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top; color: #FFF; background-size: 100% auto; } .information .title { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 20px; margin-bottom: 50px; } .information .title .tith { font-size: 36px; float: left; height: 45px; line-height: 45px; } .information .title .more { background: #0068b7; color: #FFF; height: 45px; width: 45px; line-height: 45px; font-size: 20px; text-align: center; border-radius: 50%; float: right; } .information .title .links { color: #FFF; height: 45px; width: 45px; line-height: 45px; font-size: 24px; text-align: center; float: right; } .information .title .nav-tab { float: right; } .information .title a { display: block; color: #FFF; } .information .col-news { padding-right: 60px; padding-top: 110px; padding-bottom: 70px; float: left; width: 900px; } .information .col-video { padding-left: 60px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-top: 110px; padding-bottom: 70px; float: left; width: 500px; } .information .v-links { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 30px; margin-top: 50px; } .information .v-links .list-group { margin-bottom: 0; } .information .v-links .list-group li { background: none; padding: 40px 0; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 20px; } .information .v-links .list-group li a { display: block; color: #FFF; } .information .v-links .list-group li .u-icon { width: 28px; height: 28px; background-position: center center; margin-left: 5px; } .information .v-links .list-group li .u-icon.u-icon1 { background-image: url("../images/index/links-ico1.png"); } .information .v-links .list-group li .u-icon.u-icon2 { background-image: url("../images/index/links-ico2.png"); } .information .v-links .list-group li .u-icon.u-icon3 { background-image: url("../images/index/links-ico3.png"); } .information .v-links .list-group li .glyphicon-menu-right { float: right; margin-top: 5px; } .information .index-hot-news { margin-bottom: 50px; } .information .index-hot-news .media { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top: 0; padding: 0 0 40px 0; } .information .index-hot-news .media .data { width: 180px; padding-left: 30px; text-align: left; } .information .index-hot-news .media .data .m { font-size: 40px; margin-bottom: 10px; line-height: 1; } .information .index-hot-news .media .data .y { font-size: 18px; } .information .index-hot-news .media .media-body { padding-top: 40px; position: relative; z-index: 2; } .information .index-hot-news .media .media-body .bt { font-size: 20px; padding-top: 5px; } .information .index-hot-news .media .media-body .nr { font-size: 16px; line-height: 30px; padding-top: 20px; display: none; } .information .index-hot-news .media .media-left { padding-top: 40px; position: relative; z-index: 2; } .information .index-hot-news .media a { color: #FFF; } .information .index-hot-news .media .bg { z-index: 1; position: absolute; top: 0; width: 0%; height: 100%; background: url("../images/index/list-bg.jpg") no-repeat 0 top; } .information .index-vedio-big { position: relative; } .information .index-vedio-big .v-box { position: relative; display: block; z-index: 2; } .information .index-vedio-big .v-box .tit { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -50px; text-align: center; } .information .index-vedio-big .v-box .tit .u-icon-play { height: 50px; width: 50px; background: url("../images/news/xxsp-play.png") no-repeat center center; background-size: 50px 50px; margin-bottom: 20px; } .information .index-vedio-big .v-box img { width: 100%; } .information .index-vedio-big .v-box .name { margin-top: 10px; font-size: 16px; color: #FFF; text-shadow: #000 1px 1px 2px; text-align: center; } @media (max-width: 1600px) { #left-slide, #right-slide { top: 49%; bottom: 0; right: 100px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } #right-slide { top: 41%; } .carousel .carousel-inner .carousel-caption { margin-left: -600px; width: 1200px; } .carousel .carousel-inner .carousel-caption .banner-text .img { margin-bottom: 20px; } .carousel .carousel-inner .carousel-caption .banner-text .img img { width: 60%; } .carousel .carousel-inner .carousel-caption .banner-text .txt1 { font-size: 50px; padding-bottom: 0; } .carousel .carousel-inner .carousel-caption .banner-text .txt2 { font-size: 50px; margin-bottom: 30px; } .carousel .carousel-inner .carousel-caption .banner-text .txt3 { font-size: 24px; line-height: 28px; margin-bottom: 20px; } .carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn { padding-top: 5px; padding-bottom: 5px; } .carousel .banner-nav { bottom: 70px; width: 100%; } .carousel .banner-nav ul li { padding: 30px 0; width: 375px; font-size: 16px; } .carousel .banner-nav ul li.middle { width: 450px; padding-left: 40px; } .carousel .banner-nav ul li.middle::after { height: 65px; right: 40px; top: 20px; } .carousel .banner-nav ul li.middle::before { height: 65px; top: 20px; } .carousel .banner-nav ul li dl dt { width: 64px; height: 64px; margin-right: 20px; } .carousel .banner-nav ul li dl dd { width: 285px; padding-top: 5px; } .carousel .banner-nav ul li dl dd .n { font-size: 16px; margin-bottom: 5px; } .carousel .banner-nav ul li dl dd .t { font-size: 12px; } .carousel .banner-nav ul li .u-icon { width: 64px; height: 64px; background-size: 65px 65px; } .carousel .market-iframe { position: absolute; bottom: 20px; left: 0; width: 100%; height: 30px; } .information { background-size: 100% 100%; } .information .title { margin-bottom: 40px; padding-bottom: 10px; } .information .title .tith { font-size: 22px; height: 40px; line-height: 40px; } .information .title .more { height: 35px; width: 35px; line-height: 35px; font-size: 12px; text-indent: 1px; } .information .title .links { height: 40px; width: 40px; line-height: 40px; font-size: 16px; } .information .col-news { padding-right: 40px; padding-top: 90px; padding-bottom: 55px; width: 765px; } .information .col-video { padding-left: 40px; padding-top: 90px; padding-bottom: 55px; width: 435px; } .information .col-video .v-box .v-bfq { width: 395px; } .information .v-links { padding-top: 30px; margin-top: 40px; } .information .v-links .list-group li { padding: 30px 0; font-size: 16px; } .information .v-links .list-group li .glyphicon-menu-right { margin-top: 5px; } .information .v-links .list-group li a { color: #FFF; } .information .index-hot-news { margin-bottom: 40px; } .information .index-hot-news .media { padding: 0 0 30px 0; } .information .index-hot-news .media .data { width: 180px; padding-left: 30px; } .information .index-hot-news .media .data .m { font-size: 32px; margin-bottom: 10px; line-height: 1; } .information .index-hot-news .media .data .y { font-size: 14px; } .information .index-hot-news .media .media-body { padding-top: 30px; } .information .index-hot-news .media .media-body .bt { font-size: 16px; padding-top: 5px; } .information .index-hot-news .media .media-body .nr { font-size: 14px; line-height: 26px; padding-top: 15px; } .information .index-hot-news .media .media-left { padding-top: 30px; } .information .index-hot-news .media a { color: #FFF; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #left-slide, #right-slide { position: absolute; top: 46%; right: 15px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; } #right-slide { top: 35%; } .carousel .carousel-inner .carousel-caption { z-index: 2; top: 0; left: 0; margin-left: 0; width: 100%; height: 100%; font-size: 0; } .carousel .carousel-inner .carousel-caption .banner-text { width: 100%; padding-left: 30px; } .carousel .carousel-inner .carousel-caption .banner-text .img { margin: 0; padding-top: 9px; padding-bottom: 0; margin-bottom: 25px; } .carousel .carousel-inner .carousel-caption .banner-text .txt1 { font-size: 30px; margin-bottom: 15px; } .carousel .carousel-inner .carousel-caption .banner-text .txt2 { font-size: 30px; margin-bottom: 20px; } .carousel .carousel-inner .carousel-caption .banner-text .txt3 { font-size: 20px; line-height: 20px; margin-bottom: 25px; } .carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn { padding-top: 10px; padding-bottom: 10px; } .carousel .banner-nav { position: absolute; z-index: 3; left: 0; bottom: 30px; width: 100%; } .carousel .banner-nav ul li { padding: 10px 0; float: left; width: 33.33333%; font-size: 14px; } .carousel .banner-nav ul li.middle { position: relative; width: 33.33333%; padding-right: 0; padding-left: 0; padding: 10px 10px; } .carousel .banner-nav ul li.middle::after { display: none; } .carousel .banner-nav ul li.middle::before { display: none; } .carousel .banner-nav ul li dl { margin-bottom: 0; text-align: center; display: -webkit-box; display: box; } .carousel .banner-nav ul li dl dt { width: 64px; height: 64px; float: none; padding-top: 7px; margin-right: 0; } .carousel .banner-nav ul li dl dd { -webkit-box-flex: 1; box-flex: 1; float: none; width: 100%; padding-top: 5px; } .carousel .banner-nav ul li dl dd .n { font-size: 14px; margin-bottom: 5px; } .carousel .banner-nav ul li dl dd .t { font-size: 12px; } .carousel .banner-nav ul li .u-icon { width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: 50px 50px; } .carousel .banner-nav ul li .u-icon.u-icon-1 { background-image: url("../images/index/ico-1.png"); } .carousel .banner-nav ul li .u-icon.u-icon-2 { background-image: url("../images/index/ico-2.png"); } .carousel .banner-nav ul li .u-icon.u-icon-3 { background-image: url("../images/index/ico-3.png"); } .carousel .banner-nav ul li a { color: #FFF; display: block; } .carousel .market-iframe { position: absolute; bottom: 0; margin-left: 0; left: 0; width: 100%; height: 30px; } .information { background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top; background-size: auto 100%; padding-top: 30px; padding-bottom: 30px; } .information .title { padding-bottom: 20px; margin-bottom: 30px; } .information .title .tith { font-size: 26px; float: left; height: 45px; line-height: 45px; } .information .title .more { height: 45px; width: 45px; line-height: 45px; font-size: 20px; text-align: center; border-radius: 50%; float: right; } .information .title .links { height: 45px; width: 45px; line-height: 45px; font-size: 24px; text-align: center; float: right; } .information .title .nav-tab { float: right; } .information .title a { display: block; } .information .col-news { padding-right: 0; padding-top: 0; padding-bottom: 0; float: none; width: 100%; } .information .col-video { padding-left: 0; border-left: none; padding-top: 0; padding-bottom: 0; float: none; width: 100%; } .information .v-links { padding-top: 0; margin-top: 30px; } .information .v-links .list-group { margin-bottom: 0; } .information .v-links .list-group li { background: none; padding: 40px 0; font-size: 20px; } .information .v-links .list-group li a { display: block; } .information .v-links .list-group li .u-icon { width: 28px; height: 28px; background-position: center center; margin-left: 5px; } .information .v-links .list-group li .glyphicon-menu-right { float: right; margin-top: 5px; } .information .index-hot-news { margin-bottom: 50px; } .information .index-hot-news .media { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top: 0; padding: 0 0 25px 0; } .information .index-hot-news .media .data { width: 180px; padding-left: 30px; text-align: left; } .information .index-hot-news .media .data .m { font-size: 30px; margin-bottom: 10px; line-height: 1; } .information .index-hot-news .media .data .y { font-size: 16px; } .information .index-hot-news .media .media-body { padding-top: 25px; position: relative; z-index: 2; } .information .index-hot-news .media .media-body .bt { font-size: 20px; padding-top: 5px; } .information .index-hot-news .media .media-body .nr { font-size: 16px; line-height: 30px; padding-top: 20px; display: none; } .information .index-hot-news .media .media-left { padding-top: 30px; position: relative; z-index: 2; } .information .index-hot-news .media .bg { z-index: 1; position: absolute; top: 0; width: 0%; height: 100%; background: url("../images/index/list-bg.jpg") no-repeat 0 top; } .information .index-vedio-big { position: relative; } .information .index-vedio-big .v-box { position: relative; display: block; z-index: 2; } .information .index-vedio-big .v-box .tit { position: absolute; height: 160px; width: 100%; left: 0; top: 50%; margin-top: -80px; text-align: center; } .information .index-vedio-big .v-box .tit .u-icon-play { height: 100px; width: 100px; background: url("../images/news/xxsp-play.png") no-repeat center center; } .information .index-vedio-big .v-box .tit .name { font-size: 26px; } .information .index-vedio-big .v-box img { width: 100%; } } @media (max-width: 767px) { #left-slide, #right-slide { position: absolute; top: 45%; right: 15px; width: 35px; height: 35px; line-height: 35px; font-size: 16px; } #right-slide { top: 25%; } .carousel .carousel-inner .carousel-caption { z-index: 2; top: 0; left: 0; margin-left: 0; width: 100%; height: 100%; font-size: 0; } .carousel .carousel-inner .carousel-caption .banner-text { width: 100%; padding-left: 20px; margin-top: -20px; } .carousel .carousel-inner .carousel-caption .banner-text .img { margin: 0; padding-top: 9px; padding-bottom: 0; margin-bottom: 25px; } .carousel .carousel-inner .carousel-caption .banner-text .txt1 { font-size: 18px; margin-bottom: 10px; } .carousel .carousel-inner .carousel-caption .banner-text .txt2 { font-size: 18px; margin-bottom: 10px; } .carousel .carousel-inner .carousel-caption .banner-text .txt3 { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .carousel .carousel-inner .carousel-caption .banner-text .txt3 p { margin-bottom: 5px; } .carousel .carousel-inner .carousel-caption .banner-text .btnbox .btn { padding-top: 7px; padding-bottom: 7px; } .carousel .banner-nav { display: none; } .carousel .market-iframe { position: absolute; bottom: 0; margin-left: 0; left: 0; width: 100%; height: 30px; } .information { background: #0065b2 url("../images/index/info-bg.jpg") no-repeat center top; background-size: auto 100%; padding-top: 30px; padding-bottom: 30px; } .information .title { padding-bottom: 15px; margin-bottom: 15px; } .information .title .tith { font-size: 20px; float: left; height: 35px; line-height: 35px; } .information .title .more { height: 35px; width: 35px; line-height: 35px; font-size: 16px; text-align: center; border-radius: 50%; float: right; } .information .title .links { height: 35px; width: 35px; line-height: 35px; font-size: 24px; text-align: center; float: right; } .information .title .nav-tab { float: right; } .information .title a { display: block; } .information .col-news { padding-right: 0; padding-top: 0; padding-bottom: 0; float: none; width: 100%; margin-bottom: 15px; } .information .col-video { padding-left: 0; border-left: none; padding-top: 0; padding-bottom: 0; float: none; width: 100%; } .information .v-links { padding-top: 0; margin-top: 15px; } .information .v-links .list-group { margin-bottom: 0; } .information .v-links .list-group li { background: none; padding: 20px 0; font-size: 20px; } .information .v-links .list-group li a { display: block; } .information .v-links .list-group li .u-icon { width: 28px; height: 28px; background-position: center center; margin-left: 5px; } .information .v-links .list-group li .glyphicon-menu-right { float: right; margin-top: 5px; } .information .index-hot-news { margin-bottom: 50px; } .information .index-hot-news .media { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-top: 0; padding: 0 0 25px 0; } .information .index-hot-news .media .data { width: 75px; padding-left: 0; text-align: left; } .information .index-hot-news .media .data .m { font-size: 20px; margin-bottom: 10px; line-height: 1; } .information .index-hot-news .media .data .y { font-size: 14px; } .information .index-hot-news .media .media-body { padding-top: 25px; position: relative; z-index: 2; } .information .index-hot-news .media .media-body .bt { font-size: 16px; padding-top: 5px; } .information .index-hot-news .media .media-body .nr { font-size: 14px; line-height: 30px; padding-top: 20px; display: none; } .information .index-hot-news .media .media-left { padding-top: 30px; position: relative; z-index: 2; } .information .index-hot-news .media .bg { z-index: 1; position: absolute; top: 0; width: 0%; height: 100%; background: url("../images/index/list-bg.jpg") no-repeat 0 top; background-size: cover; } .information .index-vedio-big { position: relative; } .information .index-vedio-big .v-box { position: relative; display: block; z-index: 2; } .information .index-vedio-big .v-box .tit { position: absolute; height: 70px; width: 100%; left: 0; top: 50%; margin-top: -45px; text-align: center; } .information .index-vedio-big .v-box .tit .u-icon-play { height: 70px; width: 70px; background: url("../images/news/xxsp-play.png") no-repeat center center; background-size: 100% 100%; } .information .index-vedio-big .v-box .tit .name { font-size: 15px; } .information .index-vedio-big .v-box img { width: 100%; } }
    <center id="z2t59"><em id="z2t59"></em></center>
    <center id="z2t59"></center>

      <code id="z2t59"></code>
      <big id="z2t59"></big>
        <code id="z2t59"><nobr id="z2t59"><sub id="z2t59"></sub></nobr></code>

          1. <code id="z2t59"><nobr id="z2t59"><sub id="z2t59"></sub></nobr></code>
          2. <object id="z2t59"></object>
            1. <code id="z2t59"><sup id="z2t59"><track id="z2t59"></track></sup></code>

            2. 成年人床上视频在线观看,欧美 亚洲 国产 精品有声,激情图片激情小说,亚洲国产流出在线看

              品牌简介

              {ת}