/*top*/ .banner .swiper-slide { background-position: center; background-size: cover; } .banner .swiper-container { width: 100%; height: 100%; } .banner { width: 100%; height: 210px; overflow: hidden; position: relative; } .logo { position: absolute; left: 19%; top: 66px; z-index: 99; } /*nav*/ .nav { position: relative; } .m-nav { width: 100%; height: 55px; line-height: 55px; background: #0060aa; } .nav ul li { width: 109px; text-align: center; float: left; font-size: 17px; } .nav ul li a { color: #fff; display: block; } .nav ul li a.active, .nav ul li a:hover { background: #0089f2; } .m-subnav { height: 50px; width: 100%; box-shadow: 0 4px 5px -3px #ccc; } .subnav { position: absolute; left: 3px; top: 55px; height: 50px; line-height: 50px; display: none; overflow-x: visible; } .subnav ul li { width: 90px; float: left; font-size: 14px; text-align: center; } .subnav ul li a, .notice p a { color: #666; } .nav ul li:nth-child(2) .subnav { left: 109px; } .nav ul li:nth-child(3) .subnav { left: 218px; } .nav ul li:nth-child(4) .subnav { left: 327px; } .nav ul li:nth-child(5) .subnav { left: 436px; } .nav ul li:nth-child(6) .subnav { left: 545px; } .nav ul li:nth-child(7) .subnav { left: 654px; } .nav ul li:nth-child(8) .subnav { left: 654px; } .nav ul li:nth-child(9) .subnav { left: 763px; } .nav ul li:nth-child(10) .subnav { left: 960px; } .nav ul li:nth-child(11) .subnav { left: 1015px; } .subnav ul li a:hover { color: #0089f2; background: none; } .nav ul li:hover .subnav { display: block; } .notice { background: url(/statics/images/default/lb.png) no-repeat left center; height: 50px; line-height: 50px; } .notice h2, .notice p { float: left; } .notice h2 { font-size: 14px; color: #0060aa; margin-left: 25px; } .m-con-top { margin-top: 30px; } /*鍥剧墖婊氬姩*/ .hot-img, .hot-img img { width: 550px; height: 360px; overflow: hidden; } .hot-img .swiper-slide span { display: block; position: absolute; left: 0; bottom: 0; width: 550px; background: rgba(0, 0, 0, 0.5); height: 45px; line-height: 45px; text-align: center; color: #fff; } /*鐑偣鏂伴椈*/ .m-hot-news { width: 620px; } .hot-news-title, .rev-list-title { border-bottom: 1px solid #d0d0d0; height: 35px; } .hot-news-classify { margin-left: 309px; } .hot-news-title h2 { float: left; border-bottom: 3px solid #0060aa; background: url(/statics/images/default/logo-tb.png) no-repeat 0 7px; text-indent: 20px; color: #0060aa; font-size: 18px; padding-bottom: 9px; } .per-tab-active { border-bottom: 3px solid #0060aa; color: #0060aa!important; font-weight: bold; padding-bottom: 9px; } .m-hot-news .swiper-pagination-bullet { width: 68px; height: 24px; border: 1px solid #ddd; border-radius: 3px; background: #fff; opacity: 1; color: #999; margin-left: 3px; float: left; } .m-hot-news .swiper-pagination-bullet-active { background: #0089f2; color: #fff; border: 1px solid #0089f2; } .hot-news-impor { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-top: 20px; } .hot-news-impor h2 { font-size: 16px; } .hot-news-impor p { color: #999; line-height: 28px; margin-top: 5px; } .hot-news-item { margin-top: 5px; } .hot-news-item ul li, .rev-list-item ul li { background: url(/statics/images/default/tb.jpg) no-repeat left center; height: 43px; line-height: 43px; text-indent: 10px; font-size: 15px; } .hot-news-item ul li span, .rev-list-item ul li span { float: right; color: #999; } .m-con-center { width: 100%; background: #f5f5f5; padding: 30px 0; margin-top: 18px; } /*閫氱煡鍏憡*/ .m-notice { width: 339px; height: 292px; border: 1px solid #ececec; background: #fff; padding: 20px; } .more { width: 65px; height: 23px; float: right; background: #0089f2; border-radius: 3px; color: #fff; text-align: center; line-height: 23px; margin-top: 2px; } .m-notice-list { margin-top: 10px; } .m-notice-list ul li { background: url(/statics/images/default/tb-2.jpg) no-repeat left center; border-bottom: 1px dashed #ddd; height: 40px; line-height: 40px; text-indent: 20px; } .ass-news { width: 495px; height: 292px; border: 1px solid #ececec; background: #fff; padding: 20px; margin-left: 30px; } /*浼氬憳*/ .m-member { width: 222px; } .member-con { background: #fff; } .member-title { background: url(/statics/images/default/title-bj.jpg) no-repeat; width: 222px; height: 45px; line-height: 45px; color: #fff; font-weight: bold; text-indent: 10px; font-size: 16px; margin-bottom: 15px; } .member-item { width: 220px; height: 38px; border: 1px solid #ebebeb; margin-top: 10px; } .member-input { width: 182px; height: 38px; line-height: 38px; border: none; text-indent: 10px; } .member-but { width: 222px; height: 40px; line-height: 40px; border: none; background: #ccc; font-size: 16px; margin-top: 15px; color: #fff; } .adv { margin-top: 30px; } .adv-l, .adv-r { width: 107px; height: 75px; font-size: 20px; text-align: center; padding-top: 20px; line-height: 26px; } .adv-l { background: #0162b1; } .adv-r { background: #127af7; } .adv-l a, .adv-r a { color: #fff; } .m-con-bot { margin-top: 30px; } /*閴村畾璇勫*/ .review { width: 945px; height: 380px; } .review .swiper-container-vertical>.swiper-pagination-bullets { left: 0; } .review-title-item { width: 100px; background: url(/statics/images/default/line.jpg) no-repeat right center; height: 330px; } .review-list .swiper-slide { height: 330px; } .review .swiper-pagination-bullet { width: 49px; height: 49px; border-radius: 50%; background: #ccc; opacity: 1; color: #fff; display: block; margin-bottom: 18px; font-size: 18px; padding: 10px; } .review .swiper-pagination-bullet-active { background: #0060aa; color: #fff; } .review-list { width: 795px; float: right; } .rev-list-title span { width: 96px; overflow: hidden; display: block; font-size: 16px; float: left; margin-right: 20px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rev-list-title span a { color: #999; } .rev-list-item { margin-top: 5px; } /*浼氬憳鍗曚綅*/ .m-company { width: 225px; } .company-list { margin-top: 10px; } .company-list ul li { background: url(/statics/images/default/tb.jpg) no-repeat left center; height: 42px; line-height: 42px; text-indent: 10px; } /*footer*/ .footer-nav { height: 50px; background: #0060aa; width: 100%; text-align: center; line-height: 50px; color: #fff; } .footer-nav a { color: #fff; margin-left: 5px; padding-right: 5px; } .m-links { border-bottom: 1px solid #e9e9e9; width: 100%; padding: 30px 0; text-align: center; } .m-links li { display: inline-block; } .m-links li select { width: 245px; height: 35px; background: #efefef; border: none; margin: 0 5px; } .copy { width: 430px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } .f-logo { border-right: 1px solid #e9e9e9; padding: 7px 15px 6px 0; margin-right: 15px; } /*news-list*/ .in-content { margin: 50px 0; } .in-con-left { width: 240px; } .sidebar-top { background: url(/statics/images/default/s-top.jpg) no-repeat; width: 240px; height: 86px; padding-top: 20px; } .sidebar-con { background: url(/statics/images/default/s-con-bg.jpg) repeat-y; width: 240px; padding-bottom: 50px; } .sidebar-con ul li { line-height: 46px; text-align: center; font-size: 15px; width: 226px; margin: 0 auto; } .sidebar-con ul li a { display: block; color: #fff; } .sidebar-con ul li a.active, .sidebar-con ul li a:hover { background: #1a70b3; } .sidebar-top .ch { font-size: 20px; font-weight: bold; text-align: center; } .sidebar-top .eng { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #a48f04; text-align: center; } .in-con-right { width: 910px; min-height: 700px; } .rig-title { background: url(/statics/images/default/logo-tb.png) no-repeat left center; border-bottom: 1px solid #eaeaea; color: #0060aa; font-weight: bold; font-size: 15px; text-indent: 20px; line-height: 40px; } .rig-title span { font-weight: normal; font-size: 14px; color: #999; } .rig-title span a { color: #999; } .in-news-list ul li, .in-down-list li { background: url(/statics/images/default/tb.jpg) no-repeat 5px center; line-height: 50px; text-indent: 15px; } .in-news-list ul li:nth-child(even), .in-down-list ul li:nth-child(even) { background: url(/statics/images/default/tb.jpg) no-repeat 5px center #f5f5f5; } .in-down-list span { float: right; font-size: 24px; color: #0060aa; margin-right: 5px; } .in-news-list ul li span { float: right; color: #999; } .con-page ul li { display: inline-block; text-align: center; } .con-page ul li.active a { background: #0060aa; border: 1px solid #0060aa; color: #fff; } .con-page ul li a.pre, .con-page ul li a.next { background: #eeeeee; border: 1px solid #e3e3e3; padding: 7px 15px; } .con-page { margin-bottom: 70px; margin-top: 30px; text-align: center; } .con-page ul li a { border: 1px solid #e3e3e3; background: #fff; padding: 7px 15px; margin: 0 1px; } .news-img-list ul li { padding-bottom: 10px; margin-top: 20px; border-bottom: 1px dashed #ddd; } .news-img-list .pic { width: 165px; height: 115px; overflow: hidden; } .news-img-list .txt { width: 725px; } .news-img-list .txt h2 { font-size: 16px; } .news-img-list .txt span { color: #999; margin-top: 2px; display: block; } .news-img-list .txt p { line-height: 26px; color: #666; } .single-txt { line-height: 36px; text-align: justify; } .single-title { line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; margin-top: 10px; } .down-det-con { border: 1px solid #ddd; padding: 10px; margin-top: 20px; border-radius: 5px; color: #666; } .down-det-but { width: 120px; height: 35px; background: #0060aa; text-align: center; border-radius: 5px; line-height: 35px; margin-top: 10px; } .down-det-but a { color: #fff; } .down-det-but span { font-size: 24px; vertical-align: top; } /*2020.7.30*/ .mod-adv { width: 222px; height: 334px; margin-top: 2px; overflow: hidden; }