/*@font-face {*/ /* font-family: 'dinAlternate';*/ /* !* 这个名字可以自己定义 *!*/ /* src: url('../fonts/DIN Alternate Bold.otf');*/ /* !* IE9 Compat Modes *!*/ /* !*这里以及下面的src后面的地址填的都是自己本地的相对地址*!*/ /* src: url('../fonts/DIN Alternate Bold.eot?#iefix') format('embedded-opentype'),*/ /* !* IE6-IE8 *!*/ /* url('../fonts/DIN Alternate Bold.woff') format('woff'),*/ /* !* Modern Browsers *!*/ /* url('../fonts/DIN Alternate Bold.ttf') format('truetype'),*/ /* !* Safari, Android, iOS *!*/ /* url('../fonts/DIN Alternate Bold#dinAlternate') format('svg');*/ /* !* Legacy iOS *!*/ /* !*font-weight: bold;*!*/ /* !*font-style: normal;*!*/ /*}*/ /*@font-face {*/ /* font-family: 'pingfang';*/ /* !* 这个名字可以自己定义 *!*/ /* src: url('../fonts/pingfang regular.otf');*/ /* !* IE9 Compat Modes *!*/ /* !*这里以及下面的src后面的地址填的都是自己本地的相对地址*!*/ /* src: url('../fonts/pingfang regular?#iefix') format('embedded-opentype'),*/ /* !* IE6-IE8 *!*/ /* url('../fonts/pingfang regular.woff') format('woff'),*/ /* !* Modern Browsers *!*/ /* url('../fonts/pingfang regular.ttf') format('truetype'),*/ /* !* Safari, Android, iOS *!*/ /* url('../fonts/pingfang regular#pingfang') format('svg');*/ /* !* Legacy iOS *!*/ /* !*font-weight: bold;*!*/ /* !*font-style: normal;*!*/ /*}*/ /*@font-face {*/ /* font-family: 'enFamily';*/ /* !* 这个名字可以自己定义 *!*/ /* src: url('../fonts/EngraversGothic BT.otf');*/ /* !* IE9 Compat Modes *!*/ /* !*这里以及下面的src后面的地址填的都是自己本地的相对地址*!*/ /* src: url('../fonts/EngraversGothic BT?#iefix') format('embedded-opentype'),*/ /* !* IE6-IE8 *!*/ /* url('../fonts/EngraversGothic BT.woff') format('woff'),*/ /* !* Modern Browsers *!*/ /* url('../fonts/EngraversGothic BT.ttf') format('truetype'),*/ /* !* Safari, Android, iOS *!*/ /* url('../fonts/EngraversGothic BT#enFamily') format('svg');*/ /* !* Legacy iOS *!*/ /* !*font-weight: bold;*!*/ /* !*font-style: normal;*!*/ /*}*/ html, body { padding: 0; margin: 0; overflow: auto; min-width: 1200px; font-family: "微软雅黑","Microsoft YaHei",sans-serif !important; } ul { padding: 0; margin: 0; } img { max-width: 100%; vertical-align: middle; height: auto; } li { list-style: none; } a { text-decoration: none; } dl, dt, dd { padding: 0; margin: 0; } .en-Family { font-family: enFamily; } .num-Family { font-family: dinAlternate; } body { font-family: pingfang; } p { padding: 0; margin: 0; } .w1200 { width: 1200px; margin: 0 auto; /*height: 100%;*/ position: relative; } .leftFloat { float: left; } .footerFloat { float: right; width: 189px; height: 59px; border-right: 5px solid #fff; border-left: 5px solid #fff; position: relative; box-sizing: border-box; } .footerFloat .link { padding: 0 10px; transform: translateY(18px); cursor: pointer; } .footerFloat div img { float: right; } .footerFloat ul li { padding-top: 5px; cursor: pointer; } .footerFloat ul li a{ color: #444444 } .footerFloat ul li:hover { color: #3c8cff; } .footerFloat ul { position: absolute; position: absolute; bottom: 0; display: none; width: 179px; background: #f4f4f4; padding: 10px 0px 10px 10px; z-index: 99999; width: 100%; right: 0px; box-sizing: border-box; } .footerFloat:last-child::after { content: ''; clear: both } .footerFloat:last-child { border-right: none } .footer-link { background-color: #f4f4f4; } .clearfix { clear: both; } .foot-wx { float: left; padding: 10px 0; position: relative; } .foot-wx-icon { display: inline-block; vertical-align: middle; } .foot-wx-icon .wx-qr { position: absolute; top: -100px; left: 78px; opacity: 0; z-index: 999; display: none; } .foot-wx-icon .wx-icon { background-image: url(../images/attention_normal_btn.png); height: 39px; width: 39px; } .foot-wx-icon .wx-icon:hover { background-image: url(../images/attention_pressed_btn.png); } .foot-wx-icon .wx-icon:hover+.wx-qr { opacity: 1; display: block; } .foot-wx span { vertical-align: middle; margin-right: 10px; } .foot-wx img { vertical-align: middle; } .foot-wx img:hover { vertical-align: middle; } .footer-law { padding: 20px 0; } .footer-law a{ color:#444444 } .footer-law>p { padding: 2px 0; font-size: 14px } /* 导航栏 */ .navgation_bar { border-bottom: solid 1px #eaeaea; height: 83px; } .navgation { padding: 30px 0; position: absolute; top: 0; /* margin-left: -40px; */ width: 370px; font-size: 0; letter-spacing: -4px; } .navgation-icon { display: inline-block; width: 16px; height: 16px; background: url(../images/home_icon.png) no-repeat left bottom; letter-spacing: normal; } .navgation a { display: inline; background: url(../images/arrow_icon.png) no-repeat 15px center; padding-left: 30px; font-size: 15px; color: #444444; letter-spacing: normal; font-weight: bold; } .sub_nav { position: relative; width: 820px; float: right; padding: 30px 0; } .sub_nav .ul .on { color: #3c8cff; } .sub_nav .sub_slider { position: absolute; bottom: -1px; height: 3px; /* width:50px;*/ background: #3c8cff; } .ul a { display: inline-block; text-decoration: none; font-size: 16px; letter-spacing: normal; color: #444444; margin-left: 30px; font-weight: bold; } .sub_nav .ul { text-align: right; } .sub_nav .ul a:hover { text-decoration: none; } .nav-mune { position: relative; left: 0; top: 0; /* z-index: 99; */ /* width: 100%; */ float: left; width: 1200px; height: 84px; background-color: #fff; margin-left: calc((100% - 1200px)/2); } .vertical-center { top: 50%; position: relative; transform: translateY(-50%); height: 120px; } .vertical-line { width: 2px; height: 27px; background-color: #f6f6f6; float: left; top: 50%; position: relative; transform: translateY(-50%); } .slide-box { position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; z-index: 10; } .slide-box li, .slide-box li img { width: 100%; height: 100%; } .nav-mune:hover { background-color: rgba(255, 255, 255, 1); } .logobox { width: 185px; margin-top: 16px; float: left; } .logobox a { display: block; } /* .logobox a img { width: 100%; height: 100%; } */ .nav-ul { height: 84px; padding: 0; margin: 0; /*float: left;*/ line-height: 84px; /*margin-left: 446px;*/ position: relative; float: right; /* border-right: solid 1px #eaeaea; */ ; } .header .search-area { position: absolute; height: 100%; width: 10%; right: 0; top: 0; } .module-content .search-area{ margin-top: 20px; border-radius: 23px; border: solid 2px #ddc8ab; height: 40px; width: 237px; } .module-content .search-area .search_Top{ top: 50%; transform: translateY(-50%); position: relative; } .module-content .search-area .search_Top .subInput{ position: absolute; right: 0; height: 26px; vertical-align: middle; top: 50%; transform: translateY(-50%); opacity: 0; cursor: pointer; } .module-content .search-area .search_Top img{ width: 28px; cursor: pointer; } .module-content .search-area .search_Top .searchInput{ border: none !important; border-radius: 23px; margin-left: 10px; float: left; width: 190px; height: 32px; } .module-content .search-area .search_Top .searchInput:focus { outline: none } .header .search-area .search_Top { border-radius: 23px; border: solid 2px #ddc8ab; height: 30px; position: absolute; top: 50%; right: 0; width: 80%; transform: translateY(-50%); margin: 0 10%; } .header .search_Top .subInput{ position: absolute; right: 0; height: 26px; vertical-align: middle; top: 50%; transform: translateY(-50%); opacity: 0; cursor: pointer; } .header .search_Top .searchInput { border: none; border-radius: 23px; margin-left: 5px; float: left; width: 70%; height: 26px; position: absolute; top: 50%; transform: translateY(-50%); } .header .search_Top img { width: 28px; position: absolute; right: 0; cursor: pointer; } .header .search_Top input:focus { outline: none } .nav-ul .nav-item { list-style: none; display: block; float: left; margin-right: 30px; position: relative; width: 99px; text-align: center; ; z-index: 2; } .nav-ul .nav-item a { color: #545454; font-size: 18px; text-decoration: none; font-weight: 600; } .active-bar { list-style: none; position: absolute; width: 0px; left: 0px; height: 4px; bottom: 0px; background-color: rgba(0, 99, 251, 1); transition: transform 0.3s, width 0.3s, background-color 0.5s; } .nav-child .active-bar { z-index: 1; } .nav-ul .nav-item ul { position: absolute; padding: 0; margin: 0; height: 79px; width: 800px; background-color: rgba(55, 55, 55, 0.8); } .nav-ul .nav-item ul li { list-style: none; float: left; line-height: 79px; } .nav-ul .nav-item ul li a { color: #ffffff; padding: 19px; } .nav-ul .nav-item ul li a:hover { color: #0063fb; } .nav-ul .nav-item ul{ display: none; } .nav-ul li.page:nth-child(1) { width: 63px; } .nav-ul li.page:nth-child(2) ul { left: -100px; width: 900px; } .nav-ul li.page:nth-child(3) ul { width: 650px; } .nav-ul li.page:nth-child(4) ul { left: 0px; width: 600px; } .nav-ul li.page:nth-child(5) ul { left: -150px; width: 700px; } .nav-ul li.page:nth-child(6) ul { left: 0px; width: 450px; } .nav-ul li.page:nth-child(7) ul { left: -100px; width: 350px; } .nav-ul li.page:nth-child(8) ul { left: -150px; width: 300px; } .nav-item:nth-child(5) ul { left: -400px; width: 700px; } @media screen and (max-width: 1500px) { /* .nav-ul{ height: 103px; padding:0; margin:0; float: left; line-height: 103px; position: relative; margin-right: 0; } */ .news-left-title { padding-left: 10px; } .news-index-cont { margin-left: 0; width: calc(100% - 230px); } .news-index-cont .news-title { margin-left: 10px; } .logobox { margin-left: 0; } .news-index-cont ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .body-cont-row { width: 1200px; margin: 0 auto; } .footer-box { background-color: #1F4082; height: 100px; width: 100%; font-size: 12px; color: #fff; text-align: center; line-height: 100px; } .bodyText { color: #000000d6; } @media screen and (max-width: 1300px) {}