.w1600{ width: 84%; margin:0 auto; } .warp_nr{ /* background-image: url(../img/list_bg.jpg); */ background-repeat: no-repeat; background-size: cover; position: relative; padding:100px 0 100px 0; } .warp_nr .sleft{ width: 14%; float: left; border-right: 1px solid #313131; margin-right: 0.8%; position: relative; } .warp_nr .sleft .lnav{} .warp_nr .sleft .lnav .tit{ font-size: 20px; color: #333; font-weight: bold; } .warp_nr .sleft .lnav ul{} .warp_nr .sleft .lnav ul li{ margin-top: 35px; position: relative; } .warp_nr .sleft .lnav ul li a{ font-size: 18px; color: #000000; } .warp_nr .sleft .lnav ul li span{ display: none; position: absolute; font-size: 100px; right: -12px; color: #38c3e2; top: -66px; } .warp_nr .sleft .lnav ul li.cur span, .warp_nr .sleft .lnav ul li:hover span{ display: block; } .warp_nr .sleft .lnav ul li.cur a, .warp_nr .sleft .lnav ul li:hover a{ color: #38c3e2; } .warp_nr .cright{ float: left; width: 85%; } .warp_nr .crightl{ float: left; width: 1600px; } .cright .list_pro{ padding: 0 100px; } .crightl .list_pro{ padding: 0 100px; } .cright .list_pro ul{} .cright .list_pro ul li{ padding: 10px; margin: 0 40px 60px 40px; background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.6s; } .cright .list_pro ul li .pic{ width: 30%; float: left; } .cright .list_pro ul li .pic img{ width: 100%; border-radius: 8px; border: 1px solid #000; } .cright .list_pro ul li .text{ float: left; width: 67%; margin-left: 3%; } .cright .list_pro ul li .text .tit{ font-size: 18px; color: #333; margin-bottom: 12px; } .cright .list_pro ul li .text p{ font-size: 16px; color: #555; text-indent: 30px; line-height: 1.8; } .cright .list_pro ul li .text .more{ float: right; margin: 10px; } .cright .list_pro ul li .text .more a{ font-size: 16px; color: #00ffff; } .cright .list_pro ul li .text .more img{ margin-right:10px; } .cright .list_pro ul li:hover{ padding: 20px; margin: 0 0 60px 0; border: 1px solid #000; } .cright .list_pro ul li:hover .pic img{ width: 100%; border-radius: 8px; border: 2px solid #d0cfcf; } .cright .about_ny{ margin: 0 50px 0 50px; padding: 30px; background: #fff; border-radius: 15px; } .cright .about_ny p{ font-size: 16px; color: #191919; margin-bottom: 15px; line-height: 1.8; } .cright .about_ny img{ /* box-shadow: 0px 0px 12px #7b7b7b; */ background-color: rgba(255, 255, 255, 0.25); max-width: 100%; } .cright .about_ny .xzdiv{ overflow: hidden; } .cright .about_ny .dxiazai{ font-size: 16px; color: #00ffff; background: #ff0000; padding: 3px 20px; border-radius: 20px; margin-top: 20px; float: right; } .cright .view_ny{ margin: 0 50px 0 150px; padding: 30px; background: #fff; border-radius: 15px; font-size: 16px; } .cright .view_ny .info{ margin-bottom: 30px; } .cright .view_ny .info h1{ text-align: center; color: #000; font-weight: normal; font-size: 20px; } .cright .view_ny .info p{ text-align: center; font-size: 14px; color: #666; padding-top: 5px; } .cright .view_ny p{ font-size: 16px; color: #191919; margin-bottom: 10px; line-height: 1.8; } .cright .view_ny h2{ font-size: 18px; font-weight: bold; padding: 2px 0px 6px 0px; border-bottom: 1px dashed #dadada; border-left: solid 6px #fff100; text-indent: 10px; margin: 20px 0; } .cright .view_ny h3{ font-size: 20px; font-weight: bold; padding: 2px 0px 6px 0px; border-bottom: 1px dashed #dadada; border-left: solid 6px #fff100; text-indent: 10px; margin-bottom: 10px; } .crightl .list_pro ul{} .crightl .list_pro ul li{ padding: 10px; margin: 0 40px 60px 40px; background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.6s; } .crightl .list_pro ul li .pic{ width: 30%; float: left; } .crightl .list_pro ul li .pic img{ width: 100%; border-radius: 8px; border: 1px solid #000; } .crightl .list_pro ul li .text{ float: left; width: 67%; margin-left: 3%; } .crightl .list_pro ul li .text .tit{ font-size: 18px; color: #333; margin-bottom: 12px; } .crightl .list_pro ul li .text p{ font-size: 16px; color: #555; text-indent: 30px; line-height: 1.5; } .crightl .list_pro ul li .text .more{ float: right; margin: 10px; } .crightl .list_pro ul li .text .more a{ font-size: 16px; color: #00ffff; } .crightl .list_pro ul li .text .more img{ margin-right:10px; } .cright .list_pro ul li:hover{ padding: 20px; margin: 0 0 60px 0; border: 1px solid #000; } .crightl .list_pro ul li:hover .pic img{ width: 100%; border-radius: 8px; border: 2px solid #d0cfcf; } .crightl .about_ny{ margin: 0 50px 0 50px; padding: 30px; background: #fff; border-radius: 15px; } .crightl .about_ny p{ font-size: 16px; color: #191919; margin-bottom: 15px; } .crightl .about_ny img{ /* box-shadow: 0px 0px 12px #7b7b7b; */ background-color: rgba(255, 255, 255, 0.25); max-width: 100%; } .crightl .about_ny .xzdiv{ overflow: hidden; } .crightl .about_ny .dxiazai{ font-size: 20px; color: #00ffff; background: #ff0000; padding: 3px 20px; border-radius: 20px; margin-top: 20px; float: right; } .lxwmjs{ float: left; margin-left: 300px; } .lxwmtp{ float: right; margin-right: 200px; } .warp_nr .xwringh{float: none;width: 100%;} .warp_nr .xwringh .view_ny{margin: 0 100px 0 100px;} .wrapbank { overflow: hidden; margin-top: 20px; } .wrapbank h3 { font-size: 20px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; line-height: 30px; padding-bottom: 5px; } .wrapbank p { font-size: 26px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; /* line-height: 37px; */ padding-bottom: 10px; } .wrapbank ul li { width: 24%; float: left; text-align: center; line-height: 35px; margin-bottom: 10px; margin-right: 1.25%; } .wrapbank ul li:nth-child(4){ margin-right: 0; } .wrapbank ul li img { width: 100%; display: block; height: 240px; border: 1px #ccc solid; } .wrapbank ul li a{ font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: block; } .wrapbankxia { overflow: hidden; margin-top: 20px; } .wrapbankxia h3 { font-size: 20px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; line-height: 30px; padding-bottom: 5px; } .wrapbankxia p { font-size: 20px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; line-height: 30px; padding-bottom: 5px; } .wrapbankxia ul li { width: 33.3%; float: left; line-height: 35px; font-size: 16px; } .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } .wrapbankxia { overflow: hidden; margin-top: 20px; } .wrapbankxia h3 { font-size: 20px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; line-height: 30px; padding-bottom: 5px; } .wrapbankxia p { font-size: 20px; color: #000; margin-bottom: 10px; border-left: 6px solid #fff100; padding-left: 10px; border-bottom: 1px #eee solid; line-height: 30px; padding-bottom: 5px; } .wrapbankxia ul li { width: 33.3%; float: left; line-height: 35px; } .cright .view_ny .nlzx{ overflow: hidden; } .cright .view_ny .nlzx .nlzx_lp{ float: left; text-align: center; } .cright .view_ny .nlzx .nlzx_zj{ float: left; text-align: center; padding-left: 100px; } .cright .view_ny .nlzx .nlzx_lr{ float: right; text-align: center; } /* .pagination-wrapper{ margin: 20px 0; } .pagination{ height: 34px; text-align: center; } .pagination li { display: inline-block; height: 34px; margin-right: 5px; } .pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover{ background:#f5f5f5; color:#0099ff; } .pagination li.thisclass { background: #09f; color: #fff; } .pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; } */ .pagination-wrapper{ margin:20px 0;} .pagination-wrapper ul{width: 680px;height: 32px;display:block; margin:0 auto;} .pagination-wrapper ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;} .pagination-wrapper ul li a{color:#000;font-size:16px; } .pagination-wrapper ul li.thisclass{background:#169dbe;border:1px solid ##218EC1;color:#fff; font-size:16px;} .pagination-wrapper ul li.thisclass a{color:#fff;} .pagination-wrapper ul li a:hover, a:focus { color: hsl(209, 93%, 48%); text-decoration: none; } @media screen and (min-width: 1000px) and (max-width: 1440px){ .warp_nr .crightl { width: 100%; } .crightl .about_ny { overflow: hidden; } .lxwmjs { margin-left: 100px; } .lxwmtp { margin-right: 100px; } .wrapbank ul li img { height: auto; } .wrapbankxia ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .warp_nr .xwringh .view_ny { margin: 0; } .cright .list_pro { padding: 0 0 0 50px; } .crightl .list_pro { padding: 0; } .cright .view_ny { margin: 0 0 0 50px; padding: 30px 0; } }