body { overflow-x: hidden; font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu; } li { list-style: none; } a { text-decoration: none; color: inherit; } input, button, select, textarea { outline: none; } * { margin: 0; padding: 0; } .pagination { height: 30px; padding: 10px 0 50px; float: right; margin-right: -10px; } .pagination a { display: block; float: left; margin-right: 10px; padding: 2px 12px; height: 24px; border: 1px #cccccc solid; background: #fff; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px; } .pagination li:hover a,.pagination li:hover span,.pagination li:hover p { color: #d10000; background: white; border: 1px #d10000 solid; } .pagination li.active span { cursor: auto; border: 1px #d10000 solid; cursor: pointer; background: #d10000; color: #fff; } .pagination p { cursor: not-allowed; float: left; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; } .pagination p.pageRemark { border-style: none; background: none; margin-right: 0; padding: 4px 0; color: #666; } .pagination p { cursor: not-allowed; float: left; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; } .pagination li { float: left; } .pagination span { cursor: not-allowed; float: left; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; } .pagination p.pageRemark b { color: red; } .pagination p.pageEllipsis { border-style: none; background: none; padding: 4px 0; color: #808080; } .dates li { font-size: 14px; margin: 20px 0; } .dates li span { float: right; } .swiper-button-next2, .swiper-button-prev2 { display: none; } .contents_new_left:hover .swiper-button-next2 { display: block !important; } .contents_new_left:hover .swiper-button-prev2 { display: block !important; } li:hover, a:hover { cursor: pointer !important; } .container { width: 100%; float: left; } .header { width: 1775px; float: left; margin-left: calc((100% - 1775px)/2); } .header_logo { width: 575px; height: 85px; margin-top: calc((145px - 85px)/2); float: left; } .header_list { width: 782px; float: left; height: 145px; margin-left: 130px; } .nav { width: 782px; float: left; height: 145px; } .nav ul { *zoom: 1; list-style: none; margin: 0; padding: 0; } .nav ul:before, .nav ul:after { content: ""; display: table; } .nav ul:after { clear: both; } .nav ul>li { float: left; position: relative; width: 86px; margin-left: 30px; } .nav ul>li:nth-child(1) { margin-left: 0; } .nav a { display: block; height: 145px; width: 100%; text-align: center; text-decoration: none; color: #000000; } .nav .nav_item { line-height: 145px; color: #000000; text-align: center; width: 100%; font-size: 18px; } .nav a:hover { -moz-box-shadow: 0 0 10px #d3d3d3; font-weight: bold; -webkit-box-shadow: 0 0 10px #d3d3d3; box-shadow: 0 0 10px #d3d3d3; } .nav_item_active { -moz-box-shadow: 0 0 10px #d3d3d3; font-weight: bold; -webkit-box-shadow: 0 0 10px #d3d3d3; box-shadow: 0 0 10px #d3d3d3; } .nav li ul { background: rgba(240, 240, 240, .65); padding: 0 30px; margin-left: -30px; width: 100%; } .nav li ul li { width: 100%; margin-left: 0; } .nav li ul a { border: none; text-decoration: none; font-size: 18px; color: #000; } .nav li ul a:hover { font-weight: bold; } .nav3 ul>li:hover ul li { height: 48px; line-height: 48px; } .nav3 li ul { position: absolute; left: 0; top: 145px; z-index: 111; } .nav3 li ul li { overflow: hidden; height: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; } .header_search { width: 218px; float: left; height: 32px; margin-top: calc((145px - 32px)/2); border-radius: 25px; overflow: hidden; margin-left: 70px; } .header_search input { width: 158px; float: left; height: 32px; border: none; background-color: #ececec; padding-left: 20px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; padding-right: 40px; } .header_search img { position: absolute; width: 18px; height: 19px; float: left; margin-top: calc((32px - 19px)/2); margin-left: -35px; cursor: pointer; } .footer { width: 100%; float: left; background-color: #f2f2f2; } .footers { width: 1200px; float: left; margin-left: calc((100% - 1200px)/2); } .footers_link { width: 100%; float: left; border-bottom: 1px solid #d6d6d6; } .footers_link span { font-size: 16px; color: #1f1f1f; width: 80px; display: inline-block; padding: 14px 0; float: left; } .footers_link ul { width: calc(100% - 80px); float: left; } .footers_link ul li { padding: 14px 0; font-size: 16px; float: left; margin-left: 28px; } .footers_details { width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid #d6d6d6; } .footers_details_left { width: calc(100% - 350px); float: left; margin-left: 5px; } .footers_details_left span { width: 100%; display: inline-block; float: left; color: #1f1f1f; margin-top: 15px; font-size: 16px; } .footers_details_left span:nth-child(1) { margin-top: 30px; } .footers_details_right { float: right; width: 312px; } .footers_details_right_img { width: 99px; float: left; margin-right: 5px; } .footers_details_right_img img { width: 99px; height: 99px; float: left; } .footers_details_right_img span { display: inline-block; width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 10px; color: #272727; } .footer_footer { width: 100%; float: left; text-align: center; font-size: 16px; color: #272727; padding: 10px 0; } @media screen and (min-width: 1460px) and (max-width: 1780px) { .header { width: 1200px; float: left; margin-left: calc((100% - 1200px)/2); } .header_logo { width: 360px; height: 53px; margin-top: calc((145px - 53px)/2); float: left; } .header_list { width: 602px; float: left; height: 145px; margin-left: 10px; } .nav { width: 602px; float: left; height: 145px; } .nav ul { *zoom: 1; list-style: none; margin: 0; padding: 0; } .nav ul:before, .nav ul:after { content: ""; display: table; } .nav ul:after { clear: both; } .nav ul>li { float: left; position: relative; width: 86px; margin-left: 0px; } .nav ul>li:nth-child(1) { margin-left: 0; } .nav a { display: block; height: 145px; width: 100%; text-align: center; text-decoration: none; color: #000000; } .nav .nav_item { line-height: 145px; color: #000000; text-align: center; width: 100%; font-size: 18px; } .nav a:hover { -moz-box-shadow: 0 0 10px #d3d3d3; font-weight: bold; -webkit-box-shadow: 0 0 10px #d3d3d3; box-shadow: 0 0 10px #d3d3d3; } .nav li ul { background: rgba(240, 240, 240, .65); padding: 0 30px; margin-left: -30px; width: 100%; } .nav li ul li { width: 100%; margin-left: 0; } .nav li ul a { border: none; text-decoration: none; font-size: 18px; color: #000; } .nav li ul a:hover { font-weight: bold; } .nav3 ul>li:hover ul li { height: 48px; line-height: 48px; } .nav3 li ul { position: absolute; left: 0; top: 145px; z-index: 111; } .nav3 li ul li { overflow: hidden; height: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; } .header_search { width: 218px; float: left; height: 32px; margin-top: calc((145px - 32px)/2); border-radius: 25px; overflow: hidden; margin-left: 10px; } .header_search input { width: 158px; float: left; height: 32px; border: none; background-color: #ececec; padding-left: 20px; padding-right: 40px; } .header_search img { position: absolute; width: 18px; height: 19px; float: left; margin-top: calc((32px - 19px)/2); margin-left: -35px; } } .swiper { width: 100%; float: left; } .swiper image { width: 100%; float: left; } @media screen and (min-width: 0px) and (max-width: 1459px) { .header { width: 860px; float: left; margin-left: calc((100% - 860px)/2); } .header_logo { width: 575px; height: 85px; margin-top: calc((145px - 85px)/2); float: left; } .header_list { width: 602px; float: left; height: 145px; margin-left: 0; } .nav { width: 602px; float: left; height: 145px; } .nav ul { *zoom: 1; list-style: none; margin: 0; padding: 0; } .nav ul:before, .nav ul:after { content: ""; display: table; } .nav ul:after { clear: both; } .nav ul>li { float: left; position: relative; width: 86px; margin-left: 0px; } .nav ul>li:nth-child(1) { margin-left: 0; } .nav a { display: block; height: 145px; width: 100%; text-align: center; text-decoration: none; color: #000000; } .nav .nav_item { line-height: 145px; color: #000000; text-align: center; width: 100%; font-size: 18px; } .nav a:hover { -moz-box-shadow: 0 0 10px #d3d3d3; font-weight: bold; -webkit-box-shadow: 0 0 10px #d3d3d3; box-shadow: 0 0 10px #d3d3d3; } .nav li ul { background: rgba(240, 240, 240, .65); padding: 0 30px; margin-left: -30px; width: 100%; } .nav li ul li { width: 100%; margin-left: 0; } .nav li ul a { border: none; text-decoration: none; font-size: 18px; color: #000; } .nav li ul a:hover { font-weight: bold; } .nav3 ul>li:hover ul li { height: 48px; line-height: 48px; } .nav3 li ul { position: absolute; left: 0; top: 145px; z-index: 111; } .nav3 li ul li { overflow: hidden; height: 0; -webkit-transition: height 200ms ease-in; -moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; } .header_search { width: 218px; float: left; height: 32px; margin-top: calc((145px - 32px)/2); border-radius: 25px; overflow: hidden; margin-left: 40px; } .header_search input { width: 158px; float: left; height: 32px; border: none; background-color: #ececec; padding-left: 20px; padding-right: 40px; } .header_search img { position: absolute; width: 18px; height: 19px; float: left; margin-top: calc((32px - 19px)/2); margin-left: -35px; } .footer { width: 100%; float: left; background-color: #f2f2f2; } .footers { width: 860px; float: left; margin-left: calc((100% - 860px)/2); } .footers_link { width: 100%; float: left; border-bottom: 1px solid #d6d6d6; } .footers_link span { font-size: 16px; color: #1f1f1f; width: 80px; display: inline-block; padding: 14px 0; float: left; } .footers_link ul { width: calc(100% - 80px); float: left; } .footers_link ul li { padding: 14px 0; float: left; margin-left: 28px; } .footers_details { width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid #d6d6d6; } .footers_details_left { width: calc(100% - 350px); float: left; margin-left: 5px; } .footers_details_left span { width: 100%; display: inline-block; float: left; color: #1f1f1f; margin-top: 15px; font-size: 16px; } .footers_details_left span:nth-child(1) { margin-top: 30px; } .footers_details_right { float: right; width: 312px; } .footers_details_right_img { width: 99px; float: left; margin-right: 5px; } .footers_details_right_img img { width: 99px; height: 99px; float: left; } .footers_details_right_img span { display: inline-block; width: 100%; float: left; text-align: center; font-size: 16px; margin-top: 10px; color: #272727; } .footer_footer { width: 100%; float: left; text-align: center; font-size: 16px; color: #272727; padding: 10px 0; } } .container_list_more { width: 100%; float: left; } .container_list_more span { display: inline-block; width: 288px; height: 60px; border: 1px solid #5085c7; color: #5085c7; font-size: 29px; text-align: center; margin-left: 450px; line-height: 60px; margin-top: 50px; }