* { font-family: "microsoft yahei", serif; } body, h4 { padding: 0; margin: 0; } body { background-color: #f7f7f7; } a { text-decoration: none; } ul, ol { padding-left: 0; list-style-type: none; } /*.omit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; word-wrap: break-word; }*/ .search-btn-icon, .header-home-icon, .header-menu-icon { display: none; } .search-btn-icon { background-color: #1a967e; display: none; height: 37px; width: 45px; } .search-btn-icon .fa-times { display: none; } .search-btn-icon a { display: inline-block; height: 23px; padding: 7px 0; text-align: center; vertical-align: middle; width: 100%; } .search-btn-icon.close { color: #fff; line-height: 20px; font-size: 16px; text-align: center; } .search-btn-icon.close a { display: none; } .search-btn-icon.close .fa-times { display: inline; } .clearfix:after { display: table; content: ""; clear: both; *zoom: 1; } .header-wrapper { position: relative; top: 0; left: 0; right: 0; z-index: 999; } .header-top-img-small { display: none; } body { /*padding-top: 189px;*/ /*padding-top: 135px;*/ } .header { background-color: #e4e6e7; } .header .header-inner { background: center center; height: 135px; width: 1318px; margin: 0 auto; } .header .header-top { height: 36px; width: 100%; margin-bottom: 25px; } .header .header-top-img { float: left; margin-left: 20px; } .header .header-links { float: right; font-size: 12px; line-height: 3; color: rgb(51, 51, 51); margin-right: 37px; } .header .header-link { color: rgb(51, 51, 51); } .header .header-content .logo { margin-left: 36px; } .header .header-content .search-box { float: right; height: 37px; width: 367px; } .header .search-box .search-input { border: 1px solid rgb(221, 221, 221); border-right-width: 0; padding: 0 18px; background-color: rgb(255, 255, 255); width: 199px; height: 35px; font-size: 12px; line-height: 35px; color: rgb(0, 0, 0); float: left; } .search-box .search-category { display: inline-block; position: relative; background-color: rgb(4, 61, 101); width: 73px; height: 37px; line-height: 37px; float: left; color: white; font-size: 12px; } .search-box .search-category > a { padding: 0 24px 0 16px; display: block; height: 37px; } .search-box .search-category:after { display: block; content: ; width: 15px; height: 8px; position: absolute; top: 0px; right: 9px; } .search-box .search-category a { color: white; } .search-box .search-category ul { list-style: none; padding: 0; margin: 0; position: absolute; background-color: white; min-width: 73px; left: 0; top: 37px; display: none; z-index: 2; } .search-box .search-category ul li, .search-box .search-category ul a { color: black; text-align: center; display: block; height: 37px; line-height: 37px; } .search-box .search-category, .search-box .search-category > a:hover ~ ul, .search-box .search-category ul:hover { display: block; } .search-box .search-btn { background-color: rgb(26, 150, 126); width: 45px; height: 37px; display: inline-block; float: left; } .search-box .search-btn a { display: inline-block; width: 100%; text-align: center; vertical-align: middle; height: 23px; padding: 7px 0; } .nav { height: 49px; border-bottom: 4px solid #ff095a; border-top: 1px solid #dddddd; background-image: ; z-index: 9999; } .nav .nav-inner { width: 1318px; margin: 0 auto; } .nav .nav-inner .nav-item { height: 49px; line-height: 49px; display: inline-block; float: left; border-bottom: 4px solid #ff095a; font-size: 14px; color: black; width: 98px; text-align: center; } .nav .nav-inner .nav-item a,.nav .nav-item span { display: block; border-right: 1px solid #dddddd; color: black; text-decoration:none; } .nav .nav-inner .nav-item a:hover{text-decoration:none;} .nav .nav-inner .nav-item-0 { background-color: #f3f4f5; vertical-align: middle; } .nav .nav-inner .nav-item.active, .nav .nav-inner .nav-item:hover { border-bottom: 4px solid #ff095a; background-color: #f3f4f5; } .nav .nav-inner .nav-item-1 { border-bottom-color: #efbe00; } .nav .nav-inner .nav-item-2 { border-bottom-color: #1a967e; } .nav .nav-inner .nav-item-3 { border-bottom-color: #f75c9a; } .nav .nav-inner .nav-item-4 { border-bottom-color: #2878c8; } .nav .nav-inner .nav-item-5 { border-bottom-color: #7ea100; } .nav .nav-inner .nav-item-6 { border-bottom-color: #edd900; } .nav .nav-inner .nav-item-7 { border-bottom-color: #fea700; } .nav .nav-inner .nav-item-8 { border-bottom-color: #2878c8; } .nav .nav-inner .nav-item-9 { border-bottom-color: #3f0; } .nav .nav-inner .nav-item-10 { border-bottom-color:#f9f; } .nav-inner .nav-item .sub li { width: 115px; line-height: 49px; background-color: #edeeee; } .nav_span_1{ display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; margin-left: 10px; cursor: pointer; } .nav_span_2,.nav_span_3,.nav_span_4{ display: inline-block; font-size: 16px; margin-right: 20px; position: relative; top: 0px; cursor: pointer; } .nav_span_2:hover,.nav_span_3:hover,.nav_span_4:hover{ color: #027eb3; } .nav_span_1:hover{ transform:scale(1.2); -ms-transform:scale(1.2); /* ie 9 */ -moz-transform:scale(1.2); /* firefox */ -webkit-transform:scale(1.2); /* safari �� chrome */ -o-transform:scale(1.2); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .nav .nav-inner .nav-item-1 li{ border-bottom:2px solid #efbe00; } .nav .nav-inner .nav-item-2 li{ border-bottom:2px solid #1a967e; } .nav .nav-inner .nav-item-3 li{ border-bottom:2px solid #f75c9a; } .nav .nav-inner .nav-item-4 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-5 li{ border-bottom:2px solid #7ea100; } .nav .nav-inner .nav-item-6 li{ border-bottom:2px solid #edd900; } .nav .nav-inner .nav-item-7 li{ border-bottom:2px solid #fea700; } .nav .nav-inner .nav-item-8 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-1 { border-bottom:4px solid #efbe00; } .nav .nav-inner .nav-item-2 { border-bottom:4px solid #1a967e; } .nav .nav-inner .nav-item-3 { border-bottom:4px solid #f75c9a; } .nav .nav-inner .nav-item-4 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item-5{ border-bottom:4px solid #7ea100; } .nav .nav-inner .nav-item-6{ border-bottom:4px solid #edd900; } .nav .nav-inner .nav-item-7 { border-bottom:4px solid #fea700; } .nav .nav-inner .nav-item-8 { border-bottom:4px solid #2878c8; } .content { width: 1318px; margin: 32px auto 0; overflow: hidden; } .content .main { width: 911px; float: left; } .aside { width: 29.59%; float: right; background: #f2f2f2; height: 100%; } .aside:before { border-left: 1px solid #dadada; border-right: 1px solid #ffffff; width: 0; height: 100%; float: left; content: ""; } .fl { float: left } a { text-decoration: none } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .kpsp-box { margin-top: 100px; } .clearfix { display: inline-block } * html .clearfix { height: 1% } .clearfix { display: block } /* m-banner */ .m-banner { padding: 0; height: 350px; border: 1px solid #e7e7e7; width: 909px; margin-bottom: 34px; } .mb-news { width: 300px; padding: 0 29px 0 39px; line-height: 1.8; position:relative; height: 100%; overflow:hidden; } .header-label{ display:none;} .mb-news>div{ height:100%; float:left; position: relative;} .mb-news h4 { margin-top: 65px; } .mb-news h4 a { font-size: 25px; color: rgb(51, 51, 51); line-height: 1.6; /*word-break: break-all; word-wrap: break-word;*/ font-style: italic; } .mb-news p { font-size: 14px; line-height: 1.714; color: rgb(81, 81, 81); margin-top: 15px; overflow: hidden; height: 6.856em; } .mb-img { width: 600px; height: 348px; position: relative; } .mb-inav { position: absolute; /*right: 10px;*/ right: 3px; bottom: -2px; /*height: 26px;*/ height:18px; z-index: 100; } .mb-inav li { /*width: 40px;*/ width:23px; height: 16px; display: inline-block; } .mb-inav li a { display: block; /*width: 38px; font-size: 13px; height: 18px;*/ /*line-height: 15px;*/ width: 20px; font-size: 12px; height: 13px; line-height: 12px; color: rgb(255, 255, 255); background-color: rgb(34, 47, 65); border: 1px solid rgb(34, 47, 65); text-align: center; } .mb-inav li a.cur { background: #fed500; border: 1px solid white; } .mb-ibox { width: 600px; height: 350px; position: relative; overflow: hidden } .mb-ibox a { width: 100%; height: 350px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10; display: none } .mb-ibox a img{ width:100%;} .action-box { position: absolute; bottom: 27px; } .action-box, .action-box a { font-size: 12px; line-height: 12px; color: rgb(167, 167, 167); } .action-box span { position: relative; padding-left: 17px; margin-right: 19px; } .action-box span:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; top: 2px; left: 0; } .action-box .time:before { background: no-repeat; } .action-box .favorite:before { background: no-repeat; } .action-box .share:before { background: no-repeat; } .box .box-header { height: 40px; line-height: 40px; position: relative; padding-left: 41px; border-bottom: 1px solid #d8d8d8; } .header-label { background-color: #45b0fc; position: absolute; top: 0; left: 0; width: 41px; text-align: center; height: 39px; font-size: 15px; padding-top: 3px; color: rgb(247, 247, 247); line-height: 1.207; } .header-label-1 { background-color: #1a967e; } .box-content { padding-top: 3px; } .card-row { margin-bottom: 16px; margin-right: -20px; } .card { width: 290px; margin-right: 20px; float: left; } .card-big { width: 600px; } .card-content { margin-top: -5px; border: 1px solid #dfdfdf; border-top: none; padding: 38px 26px 26px; position: relative; height: 238px; } .card-row .card:last-child { margin-right: 0; } .card-img { width: 100%; /* height: 216px;*/ } .label-box { padding: 6px 10px; } .card-content .label-box { position: absolute; top: 4px; left: 0; } .label-box .label { font-size: 12px; color: rgb(0, 0, 0); } .card h4, .card h4 a { font-size: 20px; color: rgb(48, 51, 56); line-height: 1.8; max-height: 3.6em; overflow: hidden; margin-top: 0; margin-bottom: 15px; } .card p { font-size: 13px; color: rgb(0, 0, 0); line-height: 1.667; max-height: 6.669em; overflow-y: hidden; } .background-color-1 { background-color: #e8e3e3; } .background-color-2 { background-color: #ffe868; } .background-color-3 { background-color: #a1dfff; } .background-color-4 { background-color: #cccccc; } .background-color-5 { background-color: #dbdbdb; } .ship_wrap { clear: both; margin-top: 26px; padding: 10px; } .shadow { background: rgba(0, 0, 0, 0) repeat scroll 0 0; } .ship { /*background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;*/ height: 97px; width: 100%; position:relative; } .ship_abs{ width:100%; height:100%; position:absolute; top:0; left:0;} .ship img{ position:absolute; top:0; left:0; width:100%; height:100%;} .ship h4 { color: #ffffff; display: inline-block; font-size: 23px; font-weight: normal; padding: 50px 0 0 120px; } .ship span { color: #ffffff; font-size: 11px; margin-left: 20px; } .ship .jinru_btn { margin-right: 15px; margin-top: 60px; } .jinru_btn { background: #3c4149 none repeat scroll 0 0; border-radius: 5px; color: #ffffff; display: block; float: right; font-weight: bold; height: 24px; line-height: 24px; margin: 5px 10px 5px 0; text-align: center; text-decoration: none; width: 93px; } .kepushipin { margin-top: 42px; } .kepushipin .mengban1 { background: \0; background: rgba(0, 0, 0, 0.4); position: absolute; height: 110px; bottom: 0; left: 0; right: 12px; color: #ffffff; } .kepushipin h4 { font-size: 24px; font-weight: normal; margin: 15px 20px 5px; } .kepushipin p { margin: 0px 20px; font-size: 12px; line-height: 1.8; } .title1 { font-size: 16px; font-weight: bold; height: 40px; line-height: 23px; border-bottom: 1px solid #dadada; } .title1 span { height: 40px; line-height: 57px; display: inline-block; padding-left: 45px; } .title1 .yuan { } .title1 .bian { display: none; } .title1 a { height: 40px; line-height: 32px; display: inline-block; padding-left: 70px; text-decoration: none; color: #515151; } .title1:hover .yuan { display: none; } .title1:hover .bian { display: inline-block; } .kpsp { background: no-repeat 0 0; } .kpzt { background: no-repeat 0 0; } .kphd { background: no-repeat 0 0; } .shipin1, .shipin2 { position: relative; float: left; margin-top: 12px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; width: 50%; } .shipin1 p, .shipin2 p { max-height: 3.6em; overflow: hidden; } /*.shipin1 { height: 326px; } .shipin2 { height: 298px; } .shipin1 img { height: 326px; width: 100%; } .shipin2 img { height: 298px; width: 100%; }*/ .qikan { margin-top: 90px; position: relative; height: 140px; } .qikan .tit_qikan { padding: 20px 0 0 12px; width: 208px; height: 120px; text-shadow: #e6a001 1px 2px 0; font-size: 30px; font-style: italic; color: #ffffff; font-weight: bold; background: #ffe401; position: absolute; top: 0; left: 0; } .list_qikan { position: absolute; top: 0; left: 223px; right: 0; bottom: 0; list-style: none; padding: 0; margin: 0; } .list_qikan li { border: 1px solid #c7c7c7; background: repeat 0 0; height: 138px; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -1px; float: left; padding: 10px; } .list_qikan li img { height: 118px; width: 100%; } .shaoertiandi { margin-top: 52px; } .shaoer { margin-top: 10px; } .shaoer .ting, .shaoer .right, .shaoer .zuo, .shaoer .wan { float: left; } .shaoer .up { margin-bottom: 5px; } .ting { width: 50%; height: 450px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ting img { width: 100%; height: 450px; } .shaoer .right { width: 50%; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shaoer .right .up { width: 100%; } .wan, .zuo { width: 50%; height: 212px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .shaoer .right .kan img, .shaoer .right .wan img, .shaoer .right .zuo img { width: 100%; height: 100%; } .kan { width: 100%; height: 232px; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mb { position: relative; } .mb:after { background: \0; background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; top: 0; left: 0; right: 5px; bottom: 0; display: none; padding-right: 5px; } .mb:hover:after { display: block; } .kepuhuodong { margin-top: 60px; } .kepuhuodong .section { margin-top: 30px; } .kepuhuodong .section img { height: 229px; } .kepuhuodong .section, .kepuhuodong .main_l { height: 229px; } .section { clear: both; } .section img, .main_l, .main_r { float: left; } .section img { border: 1px solid #d7d7d7; max-width: 50%; width: 50%; height: 342px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section > a img { width: 100%; max-width: 100%; } .section > a { /*2019-01-29 王寅 图片适配start*/ /*width: 49.9%;*/ width: 50.1%; /*2019-01-29 王寅 图片适配end*/ overflow: hidden; display: block; float: left; } .section a:after { content: ""; display: table; clear: both; *zoom: 1; } .main_l h1 { text-align: right; margin-top: 75px; } .main_l h2 { text-align: right; } .main_l p, .main_r p { margin: 30px; font-size: 14px; color: #515151; line-height: 1.8; text-align: justify; max-height: 7.2em; } .main_l .xiabiao { text-align: right; } .kepuzhutizhan .main_l, .kepuzhutizhan .main_r { height: 300px; } .main_l, .main_r { width: 49.9%; height: 340px; } .list_kepu { border-top: 1px solid #cccccc; margin-top: 20px; } .list_kepu li { height: 60px; line-height: 60px; font-size: 16px; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; padding-left: 40px; position: relative; padding-right: 30px; } .list_kepu li:hover { background: #ececec; } .arr_right { background: no-repeat 0 0; height: 21px; width: 15px; display: block; position: absolute; top: 19px; right: 20px; } .ad2_ad3_wrap { margin-top: 69px; width: 100%; } .ad2_wrap { float: left; padding: 10px; width: 42%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ad3_wrap { float: right; padding: 10px; width: 52%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ad2 { background-color: rgb(150, 206, 177); width: 100%; height: 95px; text-align: center; line-height: 95px; color: white; } .ad3 { width: 100%; height: 95px; text-align: center; line-height: 95px; background-color: rgb(79, 193, 217); color: white; } .ad2 img, .ad3 img { width: 100%; height: 95px; } .kepuhuodong h1 { margin-top: 30px; text-align: left; } .footer-wrapper { background-color: white; padding-top: 15px; } .footer { height: 250px; width: 1006px; margin: 70px auto 0; position: relative; padding-right: 312px; } .footer p { margin: 10px; line-height: 1.8; font-size: 12px; color: rgb(81, 81, 81); } .footer .links a { text-decoration: none; color: #515151; margin: 10px; font-size: 12px; display: inline-block; } .footer .links a:hover { text-decoration: underline; } .footer .bottom { margin-top: 20px; position: absolute; right: 0; } .footer .bottom img { float: left; } .footer .bottom .foot_nav { float: right; } .footer .bottom .foot_nav a { text-decoration: none; color: #515151; margin: 10px; font-size: 12px; display: inline-block; } .footer .bottom .foot_nav a:hover { text-decoration: underline; } .footer .footer-qrcode-box { position: absolute; right: 108px; top: 0; width: 204px; font-size: 16px; } .footer .footer-qrcode-box .qr-title { color: rgb(29, 29, 29); } .footer-qrcode-title { margin-bottom: 14px; } .footer .footer-qrcode-box .strong { color: #45b0fc; } .footer-qrcode-item { width: 66px; float: left; } .footer-qrcode-item span { font-size: 12px; color: rgb(0, 0, 0); line-height: 1.2; width: 66px; display: block; text-align: center; } .kxjx { background: no-repeat 0 0; } .group1 { margin-top: 56px; } .group1 .sec { margin-bottom: 35px; position: relative; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .group1 .sec { margin-bottom: 38px; } } .group1 .sec:after { content: ""; height: 0; width: 100%; position: absolute; bottom: -15px; } .sec { width: 302px; margin: 0 auto; } .sec p { font-size: 12px; line-height: 1.8; } .kuang { border: 1px solid #b4b4b4; position: relative; margin-bottom: 20px; } .kuang .img { font-size: 0; position: relative; } .kuang .img:after { position: absolute; width: 100%; height: 100%; content: ""; background: \0; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; display: none; } .kuang .img:hover:after { display: block; } .kuang:after { content: ""; height: 0; width: 0; border: 10px solid transparent; border-top-color: #25292e; position: absolute; bottom: -20px; left: 30px; } .title2 { font-size: 14px; color: #ffffff; background: #25292e; height: 30px; line-height: 30px; padding: 0px 0px 0px 4px; margin-top: -1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .group2 { margin-top: 50px; position: relative; margin-bottom: 120px; } .group2:after { content: ""; height: 0; width: 300px; border-top: 1px solid #dadada; border-bottom: 1px solid #ffffff; position: absolute; bottom: -94px; margin-left: 45px; } .group2 .sec { margin: 0 auto 68px; width: 300px; height: 100px; } .group2 .img { font-size: 0; position: relative; float: left; border: 1px solid #b4b4b4; } .group2 .img:after { position: absolute; width: 100%; height: 100%; content: ""; background: \0; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; display: none; } .group2 .img:hover:after { display: block; } .group2 .right { float: right; width: 170px; } .group3 { width: 300px; margin: 0 auto; } .group3 .mengban { width: 170px; height: 100%; color: #ffffff; position:absolute; top:0; right:0; } .group3 .mengban h4 { font-size: 20px; margin: 15px 10px 0px; font-weight: normal; } .group3 .mengban span { font-size: 10px; margin: 5px 10px; } .kjbl_wrap, .nhxk_wrap, .zpds_wrap { padding: 10px; margin-bottom: 50px; } .kjbl { /*background: no-repeat 0 0;*/ width: 280px; height: 95px; background-size: 100% 100%; position:relative; } .nhxk img,.zpds img,.kjbl img{ position:absolute; top:0px; left:0px; width:100%; } .nhxk { /*background: no-repeat 0 0;*/ width: 280px; height: 95px; background-size: 100% 100%; position:relative; } .zpds { /*background: no-repeat 0 0;*/ width: 280px; height: 95px; background-size: 100% 100%; position:relative; } .mengban { background: \0; background: rgba(0, 0, 0, 0.4); } .zpds .mengban span { font-size: 12px; margin: 20px 10px 0; display: inline-block; } .ad4_wrap { padding: 10px; margin: 50px auto 67px; width: 280px; } .ad5_wrap, .ad6_wrap { padding: 10px; margin: 30px auto; width: 280px; } .ad4, .ad5, .ad6 { width: 260px; height: 90px; } .ad4 img, .ad5 img, .ad6 img{ width:100%; height:100%;} .kpztz { background: no-repeat 0 0; } .group5 .sec { margin-bottom: 95px; margin-top: 98px; position: relative; } .group5 .sec:after { content: ""; height: 0; width: 100%; border-top: 1px solid #dadada; border-bottom: 1px solid #ffffff; position: absolute; bottom: -47px; } .group4 .sec { border: 1px solid #b4b4b4; background: repeat 0 0; width: 270px; margin: 50px auto; padding: 15px; height: 180px; } .group4 .sec img { float: left; width:120px; } .group4 .sec .right { float: right; width: 125px; } .group4 .sec .right p { font-size: 13px; line-height: 2.8; margin: 50px 30px 0px; text-align: center; font-weight: bold; } .group4 .sec .right p.text_left { text-align: left; font-size: 11px; } .btn_download { background: #003362; font-size: 14px; color: #ffffff; width: 106px; height: 27px; line-height: 27px; text-align: center; text-decoration: none; display: block; border-radius: 5px; margin: 10px 15px; } .diaocha { background: no-repeat 0 0; width: 298px; height: 120px; border: 1px solid #b4b4b4; margin: 50px auto; display: block; } .card { margin-bottom: 16px; } .shaoer a { display: block; } @media screen and (max-width: 1317px) { .header .header-inner, .nav .nav-inner { max-width: 1000px; } .nav_span_2, .nav_span_3, .nav_span_4 { display: inline-block; font-size: 14px; margin-right: 16px; position: relative; top: 0px; cursor: pointer; } .nav_span_1 { display: inline-block; width: 39px; height: 50px; text-align: center; line-height: 50px; margin-left: 5px; cursor: pointer; } .nav-item .sub li.li1317{ border-bottom: 2px solid #1a967e; width: 100px; line-height: 49px; background-color: #edeeee; } .nav .nav-inner .nav-item-1 li{ border-bottom:2px solid #efbe00; } .nav .nav-inner .nav-item-2 li{ border-bottom:2px solid #1a967e; } .nav .nav-inner .nav-item-3 li{ border-bottom:2px solid #f75c9a; } .nav .nav-inner .nav-item-4 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-5 li{ border-bottom:2px solid #7ea100; } .nav .nav-inner .nav-item-6 li{ border-bottom:2px solid #edd900; } .nav .nav-inner .nav-item-7 li{ border-bottom:2px solid #fea700; } .nav .nav-inner .nav-item-8 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-1 { border-bottom:4px solid #efbe00; } .nav .nav-inner .nav-item-2 { border-bottom:4px solid #1a967e; } .nav .nav-inner .nav-item-3 { border-bottom:4px solid #f75c9a; } .nav .nav-inner .nav-item-4 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item-5{ border-bottom:4px solid #7ea100; } .nav .nav-inner .nav-item-6{ border-bottom:4px solid #edd900; } .nav .nav-inner .nav-item-7 { border-bottom:4px solid #fea700; } .nav .nav-inner .nav-item-8 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item_1317 { width: 100px; } .nav .nav-inner li.nav-item-0{ display:none;} .nav .nav-inner .nav-item { height: 49px; line-height: 49px; display: inline-block; float: left; font-size: 14px; color: black; width: 111px; text-align: center; } .nav-inner .nav-item .sub li { width: 111px; line-height: 49px; background-color: #edeeee; } .content { width: 1000px; } .content .main { width: 650px; } .aside { width: 340px; } .m-banner { width: 100%; height: auto; } .mb-img, .mb-ibox, .mb-ibox img, .mb-news { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: none; } .mb-news { padding-top: 65px; } .mb-news h4 { margin-top: 0; } .ting, .ting img { height: 320px; } .shaoer .right .wan, .shaoer .right .wan img, .shaoer .right .zuo, .shaoer .right .zuo img { height: 155px; } .shaoer .right .kan, .shaoer .right .kan img { height: 160px; } .card { width: 315px; } /*.shipin1, .shipin2 { height: 210px; }*/ .qikan { margin-top: 45px; height: 85px; } .qikan .tit_qikan { height: 65px; } .list_qikan li { height: 85px; } .list_qikan li img { height: 63px; } .footer { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .list_kepu .omit a,.main_l a{ color:#515151; text-decoration:none;} @media screen and (max-width: 1000px) { .header .header-inner, .nav .nav-inner { max-width: 768px; } /*.xk_nav .xk_nav_ctt .nav_xk_a{ width:80px;}*/ .group4 .sec img{ width:115px;} .nav-item .sub li{ border-bottom: 2px solid #1a967e; width: 85px; line-height: 49px; background-color: #edeeee; } .nav_span_1 { display: inline-block; width: 23px; height: 50px; text-align: center; line-height: 50px; margin-left: 5px; cursor: pointer; } .nav_span_2, .nav_span_3, .nav_span_4 { display: inline-block; font-size: 14px; margin-right: 5px; position: relative; top: 0px; cursor: pointer; } .nav-item .sub li.li1000{ border-bottom: 2px solid #1a967e; width: 70px; line-height: 49px; background-color: #edeeee; font-size: 12px; } .nav .nav-inner .nav-item { font-size: 12px; } .nav .nav-inner .nav-item_1000 { width: 70px; } .nav .nav-inner .nav-item-1 li{ border-bottom:2px solid #efbe00; } .nav .nav-inner .nav-item-2 li{ border-bottom:2px solid #1a967e; } .nav .nav-inner .nav-item-3 li{ border-bottom:2px solid #f75c9a; } .nav .nav-inner .nav-item-4 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-5 li{ border-bottom:2px solid #7ea100; } .nav .nav-inner .nav-item-6 li{ border-bottom:2px solid #edd900; } .nav .nav-inner .nav-item-7 li{ border-bottom:2px solid #fea700; } .nav .nav-inner .nav-item-8 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-1 { border-bottom:4px solid #efbe00; } .nav .nav-inner .nav-item-2 { border-bottom:4px solid #1a967e; } .nav .nav-inner .nav-item-3 { border-bottom:4px solid #f75c9a; } .nav .nav-inner .nav-item-4 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item-5{ border-bottom:4px solid #7ea100; } .nav .nav-inner .nav-item-6{ border-bottom:4px solid #edd900; } .nav .nav-inner .nav-item-7 { border-bottom:4px solid #fea700; } .nav .nav-inner .nav-item-8 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item { width: 85px; } .nav .nav-inner .nav-item_2{ width: 85px; } .content { width: 768px; } .content .main { width: 500px; } .aside { width: 258px; } .mb-img, .mb-ibox, .mb-ibox a { height: 292px; } .mb-news { padding-left: 16px; padding-right: 16px; } .mb-news > div { min-height: 9.5em; padding-bottom: 40px; } .mb-news p { height: 3.428em; } .card { width: 240px; } .card-content { padding: 39px 13px 13px; } .qikan { margin-top: 16px; } .qikan .tit_qikan { width: 147px; padding-top: 10px; height: 60px; } .list_qikan { left: 147px; } .list_qikan li { padding: 5px; height: 70px; } .list_qikan li img { height: 60px; } .shaoertiandi { margin-top: 16px; } .ting, .ting img { height: 250px; } .shaoer .right .wan, .shaoer .right .wan img, .shaoer .right .zuo, .shaoer .right .zuo img { height: 120px; } .shaoer .right .kan, .shaoer .right .kan img { height: 125px; } .kepuhuodong h1 { width: auto; } .main_l, .main_r { float: none; width: 100%; } .section img { width: 100%; max-width: 100%; } .kepuhuodong .section, .kepuhuodong .main_l { height: auto; } .ad3_wrap, .ad2_wrap { width: 100%; } .sec, .group3, .diaocha, .group2 .sec { width: 258px; } .group4 .sec { width: 238px; padding: 10px; } .group4 .sec .right { width: 90px; } .group4 .sec .right p { margin-top: 10px; } .group4 .sec .right .btn_download { width: 75px; } .ad4_wrap, .ad5_wrap, .ad6_wrap, .ad4, .ad5, .ad6, .nhxk, .zpds, .kjbl { width: 238px; } .sec img { max-width: 100%; } .aside img { max-width: 100%; } .group2 .right { width: 130px; } .group1, .group2 { margin-top: 16px; } .sec, .group3, .diaocha, .group2 .sec { height: auto; margin-bottom: 16px; } .group2 .sec p { max-height: 5.6em; overflow: hidden; } .group2 { margin-bottom: 32px; } .group2::after { bottom: -16px; width: auto; left: 16px; right: 16px; margin-left: 0; } .group3 .shadow { margin-bottom: 16px; } .ad4_wrap { margin-bottom: 16px; margin-top: 0; } .group5 .sec { margin: 32px 0; } .group5 .sec::after { bottom: -16px; } .group4 .sec { margin: 32px 0; } .diaocha, .shadow .ad5_wrap, .shadow .ad6_wrap { margin: 16px 0; } .ad4, .ad5, .ad6 { height: auto; } .ship h4 { padding-left: 16px; } } @media screen and (max-width: 767px) { body { padding-top: 0; } .header-wrapper { position: relative; } .mb-img, .mb-ibox, .mb-ibox a { height: 252px; } .header-inner-wrapper { width: 425px; position: relative; margin: 0 auto; } .nav .nav-inner .nav-item-0 { display: none; } .nav .nav-inner .nav-item-1 li{ border-bottom:2px solid #efbe00; } .nav .nav-inner .nav-item-2 li{ border-bottom:2px solid #1a967e; } .nav .nav-inner .nav-item-3 li{ border-bottom:2px solid #f75c9a; } .nav .nav-inner .nav-item-4 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-5 li{ border-bottom:2px solid #7ea100; } .nav .nav-inner .nav-item-6 li{ border-bottom:2px solid #edd900; } .nav .nav-inner .nav-item-7 li{ border-bottom:2px solid #fea700; } .nav .nav-inner .nav-item-8 li{ border-bottom:2px solid #2878c8; } .nav .nav-inner .nav-item-1 { border-bottom:4px solid #efbe00; } .nav .nav-inner .nav-item-2 { border-bottom:4px solid #1a967e; } .nav .nav-inner .nav-item-3 { border-bottom:4px solid #f75c9a; } .nav .nav-inner .nav-item-4 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item-5{ border-bottom:4px solid #7ea100; } .nav .nav-inner .nav-item-6{ border-bottom:4px solid #edd900; } .nav .nav-inner .nav-item-7 { border-bottom:4px solid #fea700; } .nav .nav-inner .nav-item-8 { border-bottom:4px solid #2878c8; } .nav .nav-inner .nav-item { border-bottom: 0 none; height: 23px; line-height: 23px; width: 5.5em; } .nav .nav-inner .nav-item:hover { border-bottom: 0 none; } .header-wrapper .header { height: 90px; } .header-wrapper .header .header-inner { position: relative; background-image: none; } .header-wrapper .header .header-inner .header-top-img { display: none; } .header .header-top { margin-bottom: 8px; position: absolute; top: 48px; width: auto; right: 0; } .header-top-img-small { display: inline-block; position: absolute; top: 88px; width: 90px; left: 8px; } .header .header-content .search-box { width: 375px; position: absolute; top: 0; left: 5px; height: 20px; } .header .search-box .search-input { padding: 0 8px; width: 273px; height: 20px; } .search-box .search-btn { height: 20px; width: 20px; } .search-box .search-btn a { height: 20px; padding: 0; width: 20px; } .search-box .search-btn a img { height: 16px; width: 16px; } .header .header-content .logo { display: none; } .header-home-icon, .header-menu-icon { display: inline-block; font-style: normal; position: absolute; top: 16px; right: 8px; font-size: 16px; background: #1a967e; color: #fff; width: 1.4em; text-align: center; height: 20px; line-height: 20px; } .search-btn-icon { height: 20px; width: 22px; } .search-btn-icon a { padding: 0; } .search-btn-icon a img { height: 14px; width: 14px; } .header .header-links { margin-right: 8px; } .nav { background-image: none; border-bottom: none; position: absolute; top: 88px; width: 316px; right: 0; border-top: 0; } .header .header-links { line-height: 2; } .nav .nav-item span { border: 0; } .nav .nav-inner { width: 316px; } .header .header-inner { width: 425px; } .header .header-inner { height: auto; } .header-top-img { display: none; } .search-box { margin-top: 16px; margin-bottom: 16px; } .nav, .header-top-img-small { top: 8px; } .nav { width: 425px; } .nav .nav-inner { margin-left: 109px; padding-top: 4px; } .header-menu-icon { top: 64px; } .header .header-top { right: 90px; top: 62px; } .header-home-icon { position: absolute; top: 64px; left: 8px; } .search-btn-icon { position: absolute; top: 64px; right: 36px; display: inline-block; } .search-box .search-category { display: none; } .header .header-content .search-box { top: 48px; width: 310px; left: 50px; display: none; } .header .header-links { display: none; } .footer { padding-right: 0; height: auto; } .footer .bottom, .footer .footer-qrcode-box { position: static; } .footer .footer-qrcode-box { width: 300px; margin: 0 auto; } .footer .bottom .foot_nav a { margin: 5px; } .content { width: 425px; margin-top: 2px; } .content .main { width: 425px; } .aside { width: 425px; } .card { width: 425px; margin-right: 0; } .ship h4 { padding-top: 20px; } .ship .jinru_btn { margin-top: 10px; } .qikan { height: 170px; } .qikan .tit_qikan { /*2019-01-29 王寅 手机图片适配start*/ /*width: 413px;*/ width: 100%; /*2019-01-29 王寅 手机图片适配end*/ } .list_qikan { top: 70px; left: 10px; /*2019-01-29 王寅 手机图片适配start*/ /*right: 10px;*/ right: 5px; /*2019-01-29 王寅 手机图片适配end*/ } .ting, .ting img { height: 200px; } .shaoer .right .wan, .shaoer .right .wan img, .shaoer .right .zuo, .shaoer .right .zuo img { height: 100px; } .shaoer .right .kan, .shaoer .right .kan img { height: 95px; } .sec, .group3, .diaocha, .group2 .sec { width: 405px; } .aside .sec img { width: 100%; } .aside img { /*2019-01-29 王寅 手机图片适配start*/ /*width: 96%;*/ width: 100%; /*2019-01-29 王寅 手机图片适配end*/ } .group2 .right { width: 280px; /*2019-01-29 王寅 手机图片适配start*/ padding-left: 10px; /*2019-01-29 王寅 手机图片适配end*/ } .ad4_wrap, .ad5_wrap, .ad6_wrap, .ad4, .ad5, .ad6, .nhxk, .zpds, .kjbl { width: 100%; } .group4 .sec { width: 405px; height: auto; } .group4 .sec img { width: 145px; } .group4 .sec .right { width: 260px; } .group4 .sec .right p { text-align: left; } } @media screen and (max-width: 424px) { .mb-img, .mb-ibox, .mb-ibox a { height: 212px; } .header-inner-wrapper { width: 360px; } .header .header-content .search-box { width: 248px } .header .search-box .search-input { width: 211px; } .nav .nav-inner .nav-item { font-size: 12px; } .header-top-img-small { width: 70px; } .header .header-top { width: 270px; left: 40px; } .header .header-links { width: 270px } .nav .nav-inner { margin-left: 89px; } .header .header-inner { width: 360px; } .nav { width: 360px; } .nav .nav-inner { width: 271px; } .content { width: 360px; } .content .main { width: 360px; } .aside { width: 360px; } .card { width: 360px; margin-right: 0; } .ship h4 { display: block; } .shipin1, .shipin2 { width: 100%; } .qikan .tit_qikan { /*2019-01-29 王寅 手机图片适配start*/ /*width: 348px;*/ width: 100%; /*2019-01-29 王寅 手机图片适配end*/ } .ting { width: 100%; padding-right: 0; margin-bottom: 5px; } .ting, .ting img { height: 360px; } .shaoer .right { width: 100%; padding-right: 0; } .wan, .zuo { width: 177px; padding-right: 0; } .shaoertiandi .mb:after { right: 0; } .wan { margin-left: 5px; } .shaoer .right .wan, .shaoer .right .wan img, .shaoer .right .zuo, .shaoer .right .zuo img { height: 177px; } .kan { padding-right: 0; } .shaoer .right .kan, .shaoer .right .kan img { height: 180px; } .sec, .group3, .diaocha, .group2 .sec { width: 350px; } .group2 .right { width: 215px; /*2019-01-29 王寅 手机图片适配start*/ padding-left: 10px; /*2019-01-29 王寅 手机图片适配end*/ } .ad4_wrap, .ad5_wrap, .ad6_wrap, .ad4, .ad5, .ad6, .nhxk, .zpds, .kjbl { width: 100%; } .group4 .sec { width: 330px; height: auto; } .group4 .sec img { width: 145px; } .group4 .sec .right { width: 180px; } .group4 .sec .right p { text-align: left; } } @media screen and (max-width: 359px) { .header .header-inner { width: 320px; } .header-inner-wrapper { width: 320px; } .header .header-top { right: 60px; width: 230px; } .header .header-links { font-size: 10px; margin-right: 0; width: 230px; } .header .header-content .search-box { width: 207px; } .nav .nav-inner .nav-item { font-size: 10px; } .header .search-box .search-input { width: 170px; } .nav { width: 320px; } .nav .nav-inner { } .header-top-img-small { width: 69px; } .content { width: 320px; } .content .main { width: 320px; } .mb-img, .mb-ibox, .mb-ibox a { height: 190px; } .aside { width: 320px; } .card { width: 320px; } .qikan .tit_qikan { width: 308px; } .shipin1, .shipin2 { padding-right: 0; } .ting, .ting img { height: 320px; } .shaoer .right { width: 100%; padding-right: 0; } .wan, .zuo { width: 157px; padding-right: 0; } .shaoertiandi .mb:after { right: 0; } .wan { margin-left: 5px; } .shaoer .right .wan, .shaoer .right .wan img, .shaoer .right .zuo, .shaoer .right .zuo img { height: 177px; } .kan { padding-right: 0; } .shaoer .right .kan, .shaoer .right .kan img { height: 180px; } .sec, .group3, .diaocha, .group2 .sec { width: 310px; } .group2 .right { width: 175px; } .ad4_wrap, .ad5_wrap, .ad6_wrap, .ad4, .ad5, .ad6, .nhxk, .zpds, .kjbl { width: 100%; } .group4 .sec { width: 290px; height: auto; margin-left: 5px; } .group4 .sec img { width: 145px; } .group4 .sec .right { width: 125px; } .kpsp-box { margin-top: 16px; } .footer-wrapper { padding-top: 16px; } .footer { margin-top: 16px; } .kepushipin .mengban1 { right: 0; } } .scroll-top { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; background-color: #97d4ff; text-align: center; line-height: 30px; position: fixed; right: 60px; bottom: 60px; outline: none; display: none; cursor: pointer; z-index: 9999999999; } .scroll-top:active, .scroll-top:link, .scroll-top:hover { color: #fff; outline: none; } .scroll-top:hover { background-color: #01a3e9; } /*--------------------����------------------*/ .nav_2{ position: fixed!important; top: 0; width: 100%; margin: 0 auto; z-index: 1000; } .input-group .form-control_2{ float: right; width: 23%; } .mask{ position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 9999; display: none; } /*.denglu{*/ /*position: fixed;*/ /*top: 18%;*/ /*left: 36%;*/ /*width: 351px;*/ /*background-color: #ffffff;*/ /*height: 330px;*/ /*z-index:99999;*/ /*-webkit-border-radius: 5px;*/ /*-moz-border-radius: 5px;*/ /*border-radius: 5px;*/ /*display: none;*/ /*}*/ /*.denglu_1{*/ /*width: 90%;*/ /*height: 33px;*/ /*line-height: 45px;*/ /*font-size: 18px;*/ /*color: #00a5eb;*/ /*margin-left: 5%;*/ /*text-indent: 7px;*/ /*position: relative;*/ /*}*/ /*.denglu input{*/ /*border: 1px solid #d3d3d3;*/ /*width: 300px;*/ /*margin-left: 25px;*/ /*height: 32px;*/ /*margin-top: 20px;*/ /*line-height: 32px;*/ /*text-indent: 6px;*/ /*font-size: 12px;*/ /*font-family: "΢���ź�";*/ /*color: #999;*/ /*}*/ /*.hy_z,.yanzheng,.yz_m{*/ /*float: left;*/ /*margin-top: 20px;*/ /*}*/ /*.yz_m{*/ /*display: inline-block;*/ /*width: 90px;*/ /*height: 32px;*/ /*margin-top: 20px;*/ /*}*/ /*.yz_m img{*/ /*width: 100%;*/ /*height: 100%;*/ /*}*/ /*.hy_z{*/ /*line-height: 32px;*/ /*cursor: pointer;*/ /*}*/ /*.denglu .yanzheng{*/ /*width: 150px;*/ /*}*/ /*.dlanniu{*/ /*width: 300px;*/ /*height: 34px;*/ /*margin: 0 auto;*/ /*margin-top: 20px;*/ /*margin-left: 25px;*/ /*background-color: #00a5eb;*/ /*line-height: 34px;*/ /*color: #ffffff;*/ /*text-align: center;*/ /*cursor: pointer;*/ /*}*/ /*.dlanniu:hover{*/ /*background-color: #7a7a7a;*/ /*}*/ /*.d_sf{*/ /*line-height: 32px;*/ /*margin-left: 25px;*/ /*font-size: 12px;*/ /*margin-top: 8px;*/ /*display: inline-block;*/ /*float: left;*/ /*}*/ /*.d_sf_3 a{*/ /*display: inline-block;*/ /*width: 32px;*/ /*height: 32px;*/ /*margin-left: 19px;*/ /*float: left;*/ /*margin-top: 7px;*/ /*}*/ /*.denglu_1 a{*/ /*float: right;*/ /*display: inline-block;*/ /*width: 32px;*/ /*height: 32px;*/ /*text-align: center;*/ /*line-height: 32px;*/ /*position: absolute;*/ /*bottom: -2px;*/ /*right: -2px;*/ /*}*/ /*.denglu_1 a img{*/ /*width: 12px;*/ /*height: 12px;*/ /*}*/ /*.denglu .jizhu{*/ /*display: inline-block;*/ /*width: 12px;*/ /*height: 12px;*/ /*margin-right: 5px;*/ /*margin-top: 10px;*/ /*position: relative;*/ /*top: 2px;*/ /*}*/ /*.wangji_mm{*/ /*float: right;*/ /*margin-top: 10px;*/ /*margin-right: 22px;*/ /*}*/ /*.wangji_mm,.zhuce{*/ /*cursor: pointer;*/ /*}*/ /*.wangji_mm:hover{color:#027eb3;}*/ /*.zhuce:hover{color:#027eb3;}*/ /*.zhuce{*/ /*float: right;*/ /*margin-top: 10px;*/ /*margin-right: 24px;*/ /*}*/ /*.jizhu_mm_w{*/ /*margin-bottom: 5px;*/ /*}*/ /*.show_denglu{*/ /*-webkit-animation: denglu 0.5s;*/ /*-moz-animation: denglu 0.5s;*/ /*-o-animation: denglu 0.5s;*/ /*animation: denglu 0.5s;*/ /*-webkit-animation-direction: normal;*/ /*-moz-animation-direction: normal;*/ /*-o-animation-direction: normal;*/ /*animation-direction: normal;*/ /*display: block;*/ /*}*/ /*.hide_kuang{*/ /*-webkit-animation: denglu2 0.5s;*/ /*-moz-animation: denglu2 0.5s;*/ /*-o-animation: denglu2 0.5s;*/ /*animation: denglu2 0.5s;*/ /*-webkit-animation-direction: normal;*/ /*-moz-animation-direction: normal;*/ /*-o-animation-direction: normal;*/ /*animation-direction: normal;*/ /*display: none;*/ /*}*/ /*@-webkit-keyframes denglu {*/ /*from{*/ /*-webkit-transform: scale(0.3);*/ /*-moz-transform: scale(0.3);*/ /*-ms-transform: scale(0.3);*/ /*-o-transform: scale(0.3);*/ /*transform: scale(0.3);*/ /*}*/ /*to{*/ /*-webkit-transform: scale(1);*/ /*-moz-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*-o-transform: scale(1);*/ /*transform: scale(1);*/ /*}*/ /*}*/ /*@-webkit-keyframes denglu2 {*/ /*from{*/ /*-webkit-transform: scale(1);*/ /*-moz-transform: scale(1);*/ /*-ms-transform: scale(1);*/ /*-o-transform: scale(1);*/ /*transform: scale(1);*/ /*}*/ /*to{*/ /*-webkit-transform: scale(0.3);*/ /*-moz-transform: scale(0.3);*/ /*-ms-transform: scale(0.3);*/ /*-o-transform: scale(0.3);*/ /*transform: scale(0.3);*/ /*}*/ /*}*/ /*.zhuce_k{*/ /*width: 355px;*/ /*height: 469px;*/ /*background-color: #ffffff;*/ /*position: fixed;*/ /*top: 18%;*/ /*left: 36%;*/ /*z-index: 99999;*/ /*-webkit-border-radius: 5px;*/ /*-moz-border-radius: 5px;*/ /*border-radius: 5px;*/ /*display: none;*/ /*}*/ /*.zhuce_1{*/ /*width: 90%;*/ /*height: 33px;*/ /*line-height: 45px;*/ /*font-size: 18px;*/ /*color: #00a5eb;*/ /*margin-left: 5%;*/ /*text-indent: 7px;*/ /*position: relative;*/ /*}*/ /*.zhuce_1 a{*/ /*float: right;*/ /*display: inline-block;*/ /*width: 32px;*/ /*height: 32px;*/ /*text-align: center;*/ /*line-height: 32px;*/ /*position: absolute;*/ /*bottom: -2px;*/ /*right: -2px;*/ /*}*/ /*.tishi_zhuce{*/ /*text-indent: 27px;*/ /*line-height: 59px;*/ /*height: 59px;*/ /*font-size: 17px;*/ /*}*/ /*.zhuce_k input{*/ /*border: 1px solid #d3d3d3;*/ /*width: 300px;*/ /*margin-left: 25px;*/ /*height: 32px;*/ /*margin-top: 20px;*/ /*line-height: 32px;*/ /*text-indent: 6px;*/ /*font-size: 12px;*/ /*font-family: "΢���ź�";*/ /*color: #999;*/ /*}*/ /*.zhuce_k .zhuce_yz{*/ /*width: 190px;*/ /*}*/ /*.zhuce_hq {*/ /*display: inline-block;*/ /*width: 100px;*/ /*height: 32px;*/ /*background-color: #00a5eb;*/ /*color: #ffffff;*/ /*line-height: 32px;*/ /*text-align: center;*/ /*margin-left: 10px;*/ /*cursor:pointer;*/ /*}*/ /*.zhuce_hq:hover{*/ /*background-color: #7a7a7a;*/ /*}*/ /*.zhuce_an{*/ /*width: 300px;*/ /*height: 34px;*/ /*margin: 0 auto;*/ /*margin-top: 20px;*/ /*margin-left: 25px;*/ /*background-color: #00a5eb;*/ /*line-height: 34px;*/ /*color: #ffffff;*/ /*text-align: center;*/ /*cursor: pointer;*/ /*}*/ /*.zhuce_an:hover{*/ /*background-color: #7a7a7a;*/ /*}*/ /*.zhuce_yy{*/ /*margin-top: 20px;*/ /*}*/ /*.zhha_yy{*/ /*margin-left: 25px;*/ /*float: right;*/ /*margin-right: 35px;*/ /*margin-right: 35px;*/ /*}*/ /*.zhha_yy font{*/ /*color:#00a5eb;*/ /*cursor: pointer;*/ /*}*/ /*.zhha_yy font:hover{*/ /*color: #0000ee;*/ /*}*/ /*.show_zhuce{*/ /*-webkit-animation: denglu 0.5s;*/ /*-moz-animation: denglu 0.5s;*/ /*-o-animation: denglu 0.5s;*/ /*animation: denglu 0.5s;*/ /*-webkit-animation-direction: normal;*/ /*-moz-animation-direction: normal;*/ /*-o-animation-direction: normal;*/ /*animation-direction: normal;*/ /*display: block;*/ /*}*/ .nav-item{position:relative;} .nav-item .sub{ z-index: 999;position: absolute;top: 48px;left: 0;display:none; } .nav-item .sub li{ display: inline-block; width: 100%; height: 100%; text-align: center; line-height: 49px; } .nav-item .sub li:hover{ background-color: #f3f4f5; font-size: 15px; animation: ul1 0.5s; animation-fill-mode: both; } @keyframes ul1{ from{ font-size: 14px; } to{ font-size: 16px; } } @-webkit-keyframes ul1{ from{ font-size: 14px; } to{ font-size: 16px; } } @-moz-keyframes ul1{ from{ font-size: 14px; } to{ font-size: 16px; } } @-o-keyframes ul1{ from{ font-size: 14px; } to{ font-size: 16px; } } /*.denglu_k1{ width: 598px; height: 515px; padding-left: 4px; background-color: #ffffff; position: fixed; top: 100px; left: 25%; z-index: 99999; }*/ .close_k a{ display: inline-block; width: 32px; height: 32px; float: right; margin-right: 3px; background: no-repeat center center; } .denglu_l{ padding: 0 36px; width:372px; float: left; } .denglu_fs span{ display: inline-block; width: 150px; height: 39px; border-bottom: 1px solid #e9e4e4; font-size: 14px; color: #000; text-align: center; line-height: 22px; cursor: pointer; } .denglu_fs span.on{ border-bottom: none; height: 39px; background: no-repeat bottom; } .fs_sj_ul{ margin-top: 26px; } .sj_li_1{ margin-bottom: 29px; } .sj_li_1 input,.sj_li_2 input{ padding: 14px 12px; width: 300px; height: 41px; background-color: #f7f7f7; border: none; font-size: 14px; color: #000; outline: none; } .sj_li_3{ margin-top: 19px; margin-bottom: 27px; font-size: 14px; } .li_3_s1{ font-size: 12px; color: #000; float: left; cursor: pointer; } .li_3_s1 span{ float: left; } .li_3_s1 b{ display: inline-block; float: left; width: 11px; height: 11px; background: no-repeat; margin-top: 3px; margin-right: 5px; } .li_3_s1 b.jizhu{ background-image: ; } .li_3_s2{ font-size: 14px; color: #ffa42f; float: right; cursor: pointer; } .sj_li_4 span{ display: inline-block; width: 300px; height: 49px; font-size: 18px; color: #ffffff; line-height: 50px; text-align: center; background-color: #45b0fc; letter-spacing: 5px; cursor: pointer; } .sj_li_5{ margin-top: 32px; font-size: 18px; text-align: center; color: #afaeae; } .li_5_zc{ color: #45b0fc; cursor: pointer; } .fs_sj_ul2{ padding-top: 26px; } .sj_ul2_li1{ margin-bottom: 29px; } .sj_ul2_li1 input{ padding: 14px 12px; width: 300px; height: 41px; background-color: #f7f7f7; border: none; font-size: 14px; color: #000; outline: none; } .sj_ul2_li2{ margin-bottom: 66px; } .sj_ul2_li2 input{ padding: 14px 12px; width: 200px; height: 41px; background-color: #f7f7f7; border: none; font-size: 14px; color: #000; outline: none; float: left; } .sj_ul2_li2 span{ display: inline-block; width: 100px; height: 41px; line-height: 41px; text-align: center; background-color: #45b0fc; color: #ffffff; font-size: 14px; float: left; cursor: pointer; } /*.denglu_r{ float: left; padding: 0 23px 0 24px; background: no-repeat; background-position: left 11px; text-align: center; font-size: 14px; color: #515151; } .disf_1{ margin-top: 42px; margin-bottom: 23px; text-align: center; }*/ .disf_ul{ margin-bottom: 9px; } .disf_ul li{ float: left; cursor: pointer; } .disf_li1{ margin-right: 9px; } .disf_li2{ margin-right: 9px; } .saomiao{ margin-top: 26px; } .saomiao p{ margin-top: 17px; } /*.zhuce_k1{ width: 598px; height: 515px; padding-left: 4px; background-color: #ffffff; position: fixed; top: 100px; left: 25%; z-index: 99999; } .zhuce_l { padding: 0 36px; width:372px; float: left; }*/ .zhuce_fs span { display: inline-block; width: 150px; height: 39px; border-bottom: 1px solid #e9e4e4; font-size: 14px; color: #000; text-align: center; line-height: 22px; cursor: pointer; } .zhuce_fs span.on { border-bottom: none; height: 39px; background: no-repeat bottom; } .zcfs_ul1,.zcfs_ul2{ margin-top: 26px; } .zc_ul1_li1,.zc_ul1_li2,.zc_ul1_li3{ margin-bottom: 25px; } .zc_ul1_li4{ margin-bottom: 23px; } .zc_ul1_li5{ margin-bottom: 27px; } .zc_ul1_li1 input,.zc_ul1_li4 input,.zc_ul1_li3 input{ padding: 14px 12px; width: 300px; height: 41px; background-color: #f7f7f7; border: none; font-size: 14px; color: #000; outline: none; } .zc_ul1_li2 input { padding: 14px 12px; width: 200px; height: 41px; background-color: #f7f7f7; border: none; font-size: 14px; color: #000; outline: none; float: left; } .zc_ul1_li2 span { display: inline-block; width: 100px; height: 41px; line-height: 41px; text-align: center; background-color: #45b0fc; color: #ffffff; font-size: 14px; float: left; cursor: pointer; } .zc_ul1_li5 { margin-top: 19px; margin-bottom: 27px; font-size: 12px; } .zc_ul1_li5 b{ display: inline-block; float: left; width: 11px; height: 11px; background: no-repeat; margin-top: 3px; cursor: pointer; } .zc_ul1_li5 b.jizhu { background-image: ; } .ul1_li5_s1{ color: #000; float: left; position:relative; left: 5px; } .ul1_li5_s1 a{ color: #ffa42f; } .zc_ul1_li6 span{ display: inline-block; width: 300px; height: 49px; font-size: 18px; color: #ffffff; line-height: 50px; text-align: center; background-color: #45b0fc; letter-spacing: 5px; cursor: pointer; }