html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input {
margin: 0;
padding: 0;
}
address, cite, dfn, em, var, i {
font-style: normal;
}
body {
font-size: 14px;
line-height: 1;
color: #333;
font-family: SourceHanSansSC-light;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1, h2, h3, h4, h5, h6, th {
font-size: 100%;
font-weight: normal;
}
button, input, select, textarea {
font-size: 100%;
border: 0;
background: none;
}
fieldset, img {
border: 0;
}
a {
color: #333;
}
a, img {
-webkit-touch-callout: none;
}
img {
transition: all 0.3s;
}
img:hover{transform:scale(1.03);}
li img {
transition: all 0.3s;
}
a, a:active, a:focus, a:hover, a:visited {
text-decoration: none;
}
input[type=password], input[type=text], textarea {
resize: none;
outline: 0;
-webkit-appearance: none;
white-space: pre-wrap;
word-wrap: break-word;
background: none;
outline: none
}
.li, .dd {
cursor: pointer;
}
ul, ol {
list-style: none;
}
:focus {
outline: none;
}
ul::after {
content: '';
display: block;
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.clearfix {
clear: both;
}
.container::after {
content: '';
display: block;
clear: both;
}
@font-face {
font-family: Sour;
src: url('../font/No.215-ShangShouLangYueTi-2.ttf');
}
.l_img {
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}
.l_img img {
max-width: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin:auto;
}
* {
transition: .3s all linear;
-ms-transition: .3s all linear;
-moz-transition: .3s all linear;
-webkit-transition: .3s all linear;
-o-transition: .3s all linear;
}
/* CSS Document */
.iconfont {
font-family: "iconfont";
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rg {
display: none;
float: right;
width: 26px;
height: 70px;
cursor: pointer;
justify-content: center;
align-items: center;
}
.rg img {
width: 100%;
filter: drop-shadow(0px 0px #000);
}
.a_txt {
position: fixed;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
overflow: hidden;
z-index: 999999999999;
background: rgba(0, 0, 0, 0.8);
-webkit-transition: 0s all linear;
}
.a_txt .div1 {
position: absolute;
width: 100%;
height: 100%;
background: none;
filter: alpha(opacity=0);
opacity: 0;
left: 0px;
top: 0px;
z-index: 1;
}
.a_txt .div2 {
position: absolute;
left: 5%;
top: 5%;
z-index: 999999;
width: 6%;
background: #f2f2f2;
padding: 4px;
box-sizing: border-box;
text-align: center;
filter: alpha(opacity=0);
opacity: 0;
display: none;
}
.a_txt .div2 a {
font-size: 50px;
color: #000;
}
.a_txt .div3 {
position: absolute;
width: 65%;
right: 0px;
top: 0px;
background: #f2f2f2;
height: 100%;
z-index: 100;
right: -50%;
padding-top: 3%;
overflow-y: auto;
-webkit-transition: 0s all linear;
}
.a_txt .div3 .m-d {
width: 86%;
height: 46px;
line-height: 46px;
margin-left: 20px;
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
}
.a_txt .div3 .m-d span {
color: #ed0032;
margin-right: 4px;
font-size: 20px;
top: 2px;
position: relative;
}
.a_txt .div3 .m-d span img {
width: 26px;
height: 18px;
display: inline-block;
}
.a_txt .div3 ul {
padding-left: 20px;
width: 86%;
margin-bottom: 10px;
}
.a_txt .div3 ul li {
border-bottom: 1px solid #e1e1e1;
}
.a_txt .div3 ul li a {
display: block;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.a_txt .div3 ul li a.n {
display: inline-block;
height: 45px;
line-height: 45px;
font-size: 15px;
width: calc(100% - 60px);
box-sizing: border-box;
font-weight: bold;
}
.a_txt .div3 ul li .n-box a {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #999999;
margin-bottom: 18px;
}
.a_txt .div3 .l-d {
width: 86%;
margin-left: 20px;
overflow: hidden;
margin-bottom: 20px;
}
.a_txt .div3 .l-d .t {
margin-bottom: 10px;
height: 46px;
line-height: 46px;
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
}
.a_txt .div3 .l-d .t span {
color: #ed0032;
margin-right: 4px;
font-size: 20px;
top: 2px;
position: relative;
}
.a_txt .div3 .l-d .t span img {
display: inline-block;
filter: drop-shadow(0px 0px red);
}
.a_txt .div3 .l-d a {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e1e1e1;
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.a_txt .div3 .l-d a.this:after {
background: center no-repeat;
background-size: 100%;
border: 0;
}
.a_txt .div3 .l-d a:after {
content: '';
display: block;
width: 14px;
height: 14px;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #333;
position: absolute;
top: 6px;
right: 0;
}
.a_txt .div3 .share-d {
width: 86%;
margin-left: 20px;
overflow: hidden;
margin-bottom: 20px;
}
.a_txt .div3 .share-d .t {
margin-bottom: 10px;
height: 46px;
line-height: 46px;
border-bottom: 1px solid #e1e1e1;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
}
.a_txt .div3 .share-d .t span {
color: #ed0032;
margin-right: 4px;
font-size: 20px;
top: 2px;
position: relative;
width: 26px;
height: 28px;
float: left;
}
.a_txt .div3 .share-d .t span img {
width: 100%;
}
.a_txt .div3 .share-d a {
font-size: 30px;
margin-right: 8px;
float: left;
width: 30px;
height: 30px;
background-color: #e1e1e1;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.imgc {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.75);
opacity: 0;
display: none;
}
.imgc.show {
opacity: 1;
z-index: 99999;
display: block;
}
.zz {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.img-boxx {
width: 65%;
height: auto;
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
box-sizing: border-box;
z-index: 9999999;
border-radius: 6px;
padding: 0 2% 20px;
}
.img-boxx .wz {
width: 100%;
line-height: 52px;
color: hsla(0, 0%, 100%, .7);
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.img-boxx .wz .x {
float: right;
color: #000;
cursor: pointer;
font-size: 20px;
}
.img-boxx video {
width: 100%;
}
.w1775 {
width: 1775px;
margin: 0 auto;
clear: both;
}
.w1775::after {
content: '';
display: block;
clear: both;
}
.w1610 {
width: 1610px;
margin: 0 auto;
clear: both;
}
.w1610::after {
content: '';
display: block;
clear: both;
}
/* .header {
} */
.header{position: fixed;
left: 0;
top: 0;
z-index: 99; background-color: #fafafa; width:100%;}
.header .box {
width: 100%;
border-bottom: 1px solid #d4d4d4;
box-sizing: border-box;
display: inline-block;
}
.header .logo {
width: 142px;
height: 110px;
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.header .logo img {
width: 60%;
}
.header .lie {
float: right;
}
.header .lie li {
font-size: 20px;
line-height: 110px;
padding: 0 29px;
margin-left: 7px;
font-weight: bold;
float: left;
position: relative;
-webkit-transition: 0s all linear;
}
.header .lie li::after {
content: '';
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: transparent;
}
.header .lie li a {
color: #101010;
}
.header .lie li:hover::after {
background-color: #dd2724;
}
.header .lie li:hover a {
color: #e30214;
}
.header .lie li.active a {
color: #e30214;
}
.header .lie li.active::after {
background-color: #dd2724;
}
.footer {
width: 100%;
display: inline-block;
background-color: #363636;
}
.footer .up {
width: 100%;
padding: 95px 0;
font-weight: lighter;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.footer .up .lie {
width: 22%;
}
.footer .up .lie .bt {
font-size: 36px;
color: #fff;
font-family: monospace;
}
.footer .up .lie .z {
font-size: 16px;
line-height: 32px;
margin-top: 115px;
color: #bdbdbd;
}
.footer .up .lie .a {
font-size: 19px;
margin-top: 57px;
float: left;
color: #fff;
text-decoration: underline;
}
.footer .up .lie dt {
font-size: 25px;
font-weight: bold;
color: #fff;
}
.footer .up .lie .box {
font-size: 18px;
line-height: 46px;
margin-top: 35px;
}
.footer .up .lie dd {
color: #fff;
}
.footer .up .lie dd a {
color: #fff;
}
.footer .down {
font-size: 16px;
line-height: 48px;
color: #a4a4a4;
border-top: 1px solid #4a4a4a;
text-align: center;
box-sizing: border-box;
}
.footer .down a{ color:#a4a4a4;}
.footer .down a:hover{ color:#fff}
.sec-a1 .box1 {
width: 100%;
padding: 150px 0; padding-bottom:50px;
display: flow-root;
text-align: center;
background-color: #fafafa;
}
.sec-a1 .box1 .bt1 {
font-size: 70px;
color: #012d6a;
font-family: Sour;
}
.sec-a1 .box1 .xbt {
font-size: 40px;
margin-top: 25px;
color: #454545;
}
.sec-a1 .box1 .bt2 {
font-size: 58px;
margin-top: 27px;
color: #e93b49;
font-family: Sour;
}
.sec-a1 .banner {
width: 100%;
display: inline-block;
}
.sec-a1 .banner img {
width: 100%;
}
.sec-a1 .banner2 {
width: 100%;
font-size: 18px;
line-height: 50px;
color: #fff;
display: inline-block;
background-color: #012d6a;
}
.sec-a1 .banner2 .swiper-slide {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sec-a2 {
width: 100%;
padding: 35px 0 100px;
display: inline-block;
}
.sec-a2 .bt {
font-size: 30px;
padding-left: 14px;
color: #262626;
box-sizing: border-box;
border-left: 14px solid #012d6a;
}
.sec-a2 .lie {
width: 100%;
font-size: 25px;
margin-top: 83px;
font-weight: bold;
display: inline-block;
}
.sec-a2 .lie span {
margin-right: 4%;
float: left;
cursor: pointer;
color: #515151;
-webkit-transition: 0s all linear;
}
.sec-a2 .lie span:hover {
color: #e93b49;
font-style: italic;
text-decoration: underline
}
.sec-a2 .lie .this {
color: #e93b49;
font-style: italic;
text-decoration: underline
}
.sec-a2 .box {
width: 100%;
margin-top: 60px;
display: inline-block;
position: relative;
}
.sec-a2 .box .wb {
width: 39%;
position: absolute;
left: 0;
bottom: 0;
}
.sec-a2 .box .wb .xbt {
font-size: 39.47px;
color: #000000;
}
.sec-a2 .box .wb .sx {
width: 4px;
height: 52px;
margin-top: 36px;
background-color: #012d6a;
display: inline-block;
}
.sec-a2 .box .wb .bt2 {
width: 100%;
font-size: 60px;
margin-top: 60px;
color: #e93b49;
font-weight: bold;
display: inline-block;
}
.sec-a2 .box .wb .z {
font-size: 24px;
line-height: 34px;
margin-top: 75px;
color: #606060;
font-weight: bold;
}
.sec-a2 .box .wb .jt {
font-size: 39.47px;
margin-top: 95px;
font-weight: bold;
float: right;
color: #e93b49;
cursor: pointer;
}
.sec-a2 .box .l_img {
width: 56.709%;
padding-bottom: 45.342%;
float: right;
}
.video .x {
position: absolute;
right: 2%;
top: 0;
font-size: 30px;
color: #fff;
z-index: 999999;
cursor: pointer;
font-family: cursive;
}
.video video {
width: 100%;
height: 100%;
}
.sec-a3 {
width: 100%;
display: inline-block;
}
.sec-a3 .l_img {
padding-bottom: 46%;
cursor: pointer;
}
.sec-a3 .l_img .video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
z-index: 99999;
background-color: #000;
}
.sec-a3 .l_img img.show {
display: none;
}
.sec-a3 .l_img .video.show {
display: inline-block;
}
.sec-a3 .z {
font-size: 60px;
font-weight: bold;
color: #012d6a;
position: absolute;
left: 0;
right: 0;
top: 45%;
text-align: center;
text-shadow: 6px 6px 1px #adb4b7;
}
.sec-a4 {
width: 100%;
height: 802px;
display: inline-block;
}
.sec-a4 .w1610 {
position: relative;
}
.sec-a4 .ban {
top: -107px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
.sec-a4 .box {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-a4 .box .tu {
width: 13.976%;
height: 554px;
position: relative;
}
.sec-a4 .box .tu img {
width: 100%;
left: 0;
bottom: 0;
position: absolute;
}
.sec-a4 .box .tu:first-child img {
bottom: 18.5%;
}
.sec-a4 .box .tu:nth-child(2) img {
bottom: 7%;
}
.sec-a4 .box .tu:nth-child(4) img {
top: 0;
}
.sec-a4 .box .tu:nth-child(5) img {
bottom: 4%;
}
.sec-a4 .box .tu:nth-child(6) img {
bottom: 4%;
}
.sec-a4 .box .tu:nth-child(7) img {
bottom: 29%;
}
.sec-a4 .box2 {
width: 100%;
margin-top: 85px;
position: relative;
display: inline-block;
}
.sec-a4 .box2 .wb {
font-size: 35px;
line-height: 50px;
float: left;
}
.sec-a4 .box2 .wb .wz {
color: #545454;
}
.sec-a4 .box2 .wb .dz {
font-size: 50px;
color: #012d6a;
font-weight: bold;
}
.sec-a4 .box2 .wb .wz2 {
color: #3b3b3b;
font-weight: bold;
}
.sec-a4 .box2 a {
font-size: 24px;
color: #e93b49;
font-style: italic;
text-decoration: underline;
position: absolute;
right: 0;
bottom: 0;
font-weight: bold;
}
.sec-a5 {
width: 100%;
padding: 75px 0 145px;
display: inline-block;
background-color: #012d6a;
color: #fff;
}
.sec-a5 .box {
width: 50.622%;
margin: 0 auto;
position: relative;
}
.sec-a5 .box .wb {
text-align: center;
}
.sec-a5 .box .wb .z {
font-size: 40px;
color: #f1f1f1;
font-weight: 100;
}
.sec-a5 .box .wb .bt {
font-size: 93px;
margin-top: 33px;
font-weight: bold;
}
.sec-a5 .box .wb .xbt {
font-size: 50px;
margin-top: 20px;
font-weight: 500; margin-bottom:20px;
}
.sec-a5 .box .l_img {
width: 96.32%;
padding-bottom: 70.553%;
margin: 0 auto;
}
.sec-a5 .swiper-button-next, .sec-a5 .swiper-button-prev {
font-size: 50px;
top: 61%;
background-image: none;
width: auto;
height: auto;
}
.sec-a5 .swiper-button-prev {
left: 0;
transform: rotate(180deg);
}
.sec-a5 .swiper-button-next {
right: 0;
}
.sec-a5 .swiper-button-prev:hover {
color: #e30214;
}
.sec-a5 .swiper-button-next:hover {
color: #e30214;
}
.sec-a5 .swiper-pagination {
width: 100%;
bottom: -80px;
text-align: center;
}
.sec-a5 .swiper-pagination-bullet {
font-size: 26px;
width: 155px;
height: 60px;
line-height: 60px;
margin: 0 7%;
border: 1px solid transparent;
text-align: center;
font-weight: bold;
box-sizing: border-box;
background-color: transparent;
opacity: 1;
display: none;
}
.sec-a5 .swiper-pagination-bullet-active {
border: 1px solid #fff;
display: inline-block;
}
.sec-a6 {
width: 100%;
padding: 150px 0 88px;
position: relative;
display: inline-block;
}
.sec-a6 .bt {
font-size: 80px;
color: #012d6a;
font-weight: bold;
}
.sec-a6 .swiper-container {
margin-top: 58px;
}
.sec-a6 .w1610 {
position: relative;
}
.sec-a6 .box {
width: 100%;
height: 100%;
padding: 42px 5% 0;
cursor: pointer;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: #f8f8f9;
}
.sec-a6 .l_img {
padding-bottom: 137.054%;
}
.sec-a6 .box .z {
font-size: 23.39px;
color: #000000;
-webkit-transition: 0s all linear;line-height:1.2;
}
.sec-a6 .box .t {
width: 90%;
height: 150px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-top: 2px solid #e6e6e6;
box-sizing: border-box;
position: absolute;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-a6 .box .t .dz {
font-size: 87px;
color: #012d6a;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: 0s all linear;
}
.sec-a6 .box .t .rq {
font-size: 18px;
line-height: 14px;
color: #636363;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: 0s all linear;
}
.sec-a6 .box:hover {
background-color: transparent;
}
.sec-a6 .box:hover .z {
color: #fff;
}
.sec-a6 .box:hover .t .dz {
color: #fff;
}
.sec-a6 .box:hover .t .rq {
color: #fff;
}
.sec-a6 .swiper-button-next, .sec-a6 .swiper-button-prev {
width: 59px;
height: 59px;
font-size: 20px;
top: 42%;
border-radius: 100%;
background-image: none;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-color: #012d6a;
}
.sec-a6 .swiper-button-next {
right: 0;
}
.sec-a6 .swiper-button-prev {
left: auto;
right: 5.6%;
transform: rotate(180deg);
}
.sec-a6 .swiper-button-prev:hover {
background-color: #e30214;
}
.sec-a6 .swiper-button-next:hover {
background-color: #e30214;
}
.dbt {
padding: 105px 0 91px; margin-top:88px;
}
.dbt2 {
padding: 105px 0 114px;
}
.dbt .z {
font-size: 22px;
color: #505050;
}
.dbt .bt {
font-size: 80px;
margin-top: 35px;
color: #121212;
font-style: italic;
font-family: Sour;
}
.dbt .xbt {
font-size: 65px;
margin-top: 30px;
color: #e30214;
font-family: Sour;
font-style: italic;
}
.sec-b1 {
width: 100%;
position: relative;
display: inline-block;
}
.sec-b1 .box {
width: 42%;
padding: 134px 0 320px;
margin-left: 16%;
box-sizing: border-box;
font-weight: bold;
}
.sec-b1 .box .xbt {
font-size: 18px;
color: #000000;
}
.sec-b1 .box .x {
width: 16px;
height: 6px;
margin-top: 58px;
background-color: #e30214;
}
.sec-b1 .box .bt {
font-size: 60px;
margin-top: 35px;
color: #000000;
}
.sec-b1 .box .wb {
margin-top: 150px;
}
.sec-b1 .box .wb .z {
font-size: 24px;
color: #000000;
}
.sec-b1 .box .wb .wz {
font-size: 16px;
line-height: 35px;
margin-top: 55px;
color: #4b4b4b;
text-indent: 2em;
}
.sec-b1 .l_img {
position: absolute;
}
.sec-b1 .img1 {
top: 21%;
left: 0;
width: 12.612%;
padding-bottom: 35.786%;
}
.sec-b1 .img2 {
top: -7%;
right: 0;
width: 37.415%;
padding-bottom: 41.724%;
}
.sec-b1 .img3 {
top: 8%;
left: 6%;
width: 18%;
padding-bottom: 13.0321%;
}
.sec-b2 {
width: 100%;
padding: 210px 0 85px;
text-align: center;
display: inline-block;
background-image: url(../images/btu3.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.sec-b2 .l_img {
position: absolute;
}
.sec-b2 .img1 {
width: 20%;
top: -10%;
margin: 0 auto;
left: 0;
right: 0;
padding-bottom: 13.0321%;
}
.sec-b2 .img2 {
bottom: -21.5%;
right: 7%;
width: 19.496%;
padding-bottom: 13.0321%;
}
.sec-b2 .img3 {
bottom: -13%;
width: 11.4031%;
padding-bottom: 9.512%;
left: 0;
right: 0;
width: 11.4031%;
margin: 0 auto;
}
.sec-b2 .box {
color: #fff;
font-weight: bold;
}
.sec-b2 .box .xbt {
font-size: 18px;
}
.sec-b2 .box .x {
width: 16px;
height: 6px;
margin-top: 47px;
display: inline-block;
background-color: #e30214;
}
.sec-b2 .box .bt {
font-size: 60px;
margin-top: 25px;
}
.sec-b2 .box2 {
width: 100%;
margin-top: 105px;
display: inline-block;
position: relative;
}
.sec-b2 .box2::after {
position: absolute;
content: '';
display: block;
width: 100%;
height: 2px;
top: 12%;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
}
.sec-b2 .box2 .ban {
width: 30%;
font-size: 18px;
color: #fff;
display: inline-block;
z-index: 999;
position: relative;
}
.sec-b2 .box2 .ban .o {
width: 104px;
height: 104px;
line-height: 20px;
border-radius: 100%;
margin: 0 auto;
background-color: #012d6a;
display: flex;
justify-content: center;
align-items: center;
}
.sec-b2 .box2 .ban .o .o1 p:first-child {
font-weight: bold;
}
.sec-b2 .box2 .ban .tu {
width: 21.195%;
height: 117px;
margin: 59px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
.sec-b2 .box2 .ban .tu img {
width: 100%;
height: 100%;
}
.sec-b2 .box2 .ban .wb {
width: 42%;
line-height: 40px;
margin: 59px auto 0;
}
.sec-b3 {
width: 100%;
padding: 180px 0 120px;
background-color: #f7f9f8;
display: inline-block;
}
.sec-b3 .box {
width: 100%;
display: inline-block;
}
.sec-b3 .box .tu {
width: 30.899%;
height: 139px;
margin-right: 4.5%;
float: left;
}
.sec-b3 .box .tu img {
width: 100%;
}
.sec-b3 .box .tu:first-child {
width: 27.01%;
}
.sec-b3 .box .tu:last-child {
margin-right: 0;
}
.sec-b3 .l_img {
margin: -34px auto 0;
width: 89.228%;
padding-bottom: 40.095%;
}
.sec-b3 .l_img .img {
cursor: pointer;
}
.sec-b3 .l_img .video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
display: none;
z-index: 99999;
background-color: #000;
}
.sec-b3 .l_img img.show {
display: none !important;
}
.sec-b3 .l_img .video.show {
display: inline-block;
}
.sec-b4 {
width: 100%;
padding: 87px 0 34px;
display: inline-block;
}
.sec-b4 .box {
width: 100%;
border-bottom: 1px solid #7f7f7f;
border-top: 1px solid #7f7f7f;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-b4 .box .l {
width: 27.775%;
padding-top: 60px;
border-right: 1px solid #7f7f7f;
box-sizing: border-box;
position: relative;
}
.sec-b4 .box .l .bt {
font-size: 48px;
line-height: 60px;
font-weight: bold;
color: #012d6a;
}
.sec-b4 .box .l .l_img {
position: absolute;
}
.sec-b4 .box .l .img1 {
width: 77.236%;
top: 60px;
left: 0;
padding-bottom: 50.408%;
}
.sec-b4 .box .r {
width: 72.226%;
padding: 60px 0 34px;
box-sizing: border-box;
}
.sec-b4 .box .r .swiper-container {
padding: 0 4.3%;
}
.sec-b4 .box .r .swiper-slide {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-b4 .box .r .ban {
width: 47.611%;
}
.sec-b4 .box .r .ban .z {
font-size: 18px;
margin-top: 30px;
font-weight: bold;
color: #000000;
}
.sec-b4 .box .r .ban .l_img {
padding-bottom: 123.12%;
box-shadow: 0 4px 8px 0 rgba(201, 201, 201, 1);
}
.sec-b4 .box .swiper-button-next, .sec-b4 .box .swiper-button-prev {
width: 62px;
height: 30px;
line-height: 28px;
font-size: 18px;
top: 90%;
color: #e30214;
border: 2px solid #e30214;
border-radius: 15px;
text-align: center;
box-sizing: border-box;
background-image: none;
font-weight: bold;
}
.sec-b4 .box .swiper-button-next {
right: auto;
left: 20%;
}
.sec-b4 .box .swiper-button-prev {
transform: rotate(180deg);
}
.sec-b4 .box .swiper-button-prev:hover {
color: #fff;
background-color: #e30214;
}
.sec-b4 .box .swiper-button-next:hover {
color: #fff;
background-color: #e30214;
}
.sec-c1 {
width: 100%;
padding-top: 60px;
display: inline-block;
}
.sec-c1 .lie {
width: 100%;
font-size: 30px;
line-height: 175px;
display: inline-block;
}
.sec-c1 .lie li {
color: #cccccc;
margin-right: 46px;
float: left;
}
.sec-c1 .lie a {
padding-right: 46px;
color: #cccccc;
font-style: italic;
position: relative;
}
.sec-c1 .lie .a {
color: #012d6a;
font-weight: bold;
}
.sec-c1 .lie a:hover {
color: #012d6a;
font-weight: bold;
}
.sec-c1 .box {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-c1 .box .l {
box-sizing: border-box;
}
.sec-c1 .box .r {
box-sizing: border-box;
position: relative;
}
.sec-c1 .box .r .swiper-pagination {
font-size: 18px;
font-weight: bold;
}
.sec-c1 .box1 {
margin-bottom: 165px;
}
.sec-c1 .box1 .l {
width: 94.956%;
}
.sec-c1 .box .l .swiper-slide {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-c1 .box1 .l .l_img {
width: 66.704%;
padding-bottom: 45.727%;
}
.sec-c1 .box1 .l .wb {
width: 33.296%;
padding: 155px 2.7% 0;
border: 1px solid #000000;
border-left: none;
box-sizing: border-box;
}
.sec-c1 .box1 .l .wb .z {
font-size: 18px;
line-height: 28px;
color: #1f1f1f;
font-weight: bold;
}
.sec-c1 .box1 .l .wb .t {
display: inline-block;
position: absolute;
right: 2.7%;
bottom: 38px;
}
.sec-c1 .box1 .l .wb .t a {
width: 106px;
height: 35px;
font-size: 15px;
margin-left: 33px;
color: #000000;
display: flex;
justify-content: center;
align-items: center;
float: left;
box-sizing: border-box;
border-radius: 17.5px;
border: 1px solid #222222;
}
.sec-c1 .box1 .l .wb .t .a {
color: #fff;
border: none;
background-color: #012d6a;
}
.sec-c1 .box1 .r {
width: 5.044%;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.sec-c1 .box .r .swiper-button-next, .sec-c1 .box .r .swiper-button-prev {
width: 34px;
height: 34px;
font-size: 18px;
color: #d4d4d4;
border-radius: 100%;
border: 1px solid #d4d4d4;
box-sizing: border-box;
background-image: none;
opacity: 1;
right: 0;
left: 0;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.sec-c1 .box .r .swiper-button-next {
top: 53%;
}
.sec-c1 .box .r .swiper-button-prev {
top: 47%;
transform: rotate(180deg);
}
.sec-c1 .box .r .swiper-button-next:hover {
color: #103973;
border: 1px solid #103973;
}
.sec-c1 .box .r .swiper-button-prev:hover {
color: #103973;
border: 1px solid #103973;
}
.sec-c1 .bt .l {
float: left;
}
.sec-c1 .bt .l .bt1 {
font-size: 40px;
color: #000000;
font-weight: bold;
}
.sec-c1 .bt .l .xbt {
font-size: 18px;
margin-top: 32px;
color: #1f1f1f;
}
.sec-c1 .bt .r {
width: 11.74%;
height: 115px;
margin-right: -6%;
display: flex;
justify-content: center;
align-items: center;
float: right;
}
.sec-c1 .bt .r img {
width: 100%;
}
.sec-c1 .box2 .l {
width: 94.956%;
}
.sec-c1 .box2 .l .ban {
width: 25%;
float: left;
}
.sec-c1 .box2 .l .ban .z {
font-size: 20px;
padding: 79px 0% 40px;
color: #1f1f1f;
font-weight: bold;
box-sizing: border-box;
border-right: 1px solid #717171;
border-bottom: 1px solid #717171; text-align:center
}
.sec-c1 .box2 .r {
width: 5.044%;
border-top: 1px solid #1f1f1f;
border-bottom: 1px solid #1f1f1f;
}
.sec-c1 .box2 .r .swiper-button-next {
top: 55%;
}
.sec-c1 .box2 .r .swiper-button-prev {
top: 45%;
}
.sec-c2 {
width: 100%;
padding: 180px 0 44px;
text-align: center;
display: inline-block;
}
.sec-c2 .wz {
font-size: 72px;
color: #012d6a;
}
.sec-c2 a {
width: 200px;
height: 32px;
font-size: 18px;
margin-top: 75px;
font-family: monospace;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 16px;
color: #fff;
background-color: #012d6a;
}
.sec-d1 {
width: 100%;
display: inline-block;
background-image: url(../images/dtu1.png);
background-repeat: no-repeat;
}
.sec-d1 .box {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-d1 .box .l_img {
width: 50.92%;
padding-bottom: 41.934%;
}
.sec-d1 .box .l {
padding: 250px 0 0;
width: 49.08%;
text-align: center;
box-sizing: border-box;
}
.sec-d1 .box .l .bt {
font-size: 83.23px;
color: #012d6a;
}
.sec-d1 .box .l .t {
width: 100%;
font-size: 50px;
margin-top: 303px;
font-family: Sour;
color: #3a3a3a;
display: flex;
align-items: center;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-d1 .box .l .t .tu {
width: 32.121%;
height: 57px;
}
.sec-d1 .box .l .t .tu img {
width: 100%;
}
.sec-d1 .box .l a {
margin-top: 41px;
font-size: 20px;
display: inline-block;
color: #e30214;
font-weight: bold;
}
.sec-d1 .box2 {
width: 100%;
padding: 122px 0 112px;
display: inline-block;
text-align: center;
}
.sec-d1 .box2 .bt {
font-size: 55px;
font-weight: bold;
color: #000000;
}
.sec-d1 .box2 .xbt {
font-size: 32px;
margin-top: 35px;
color: #e30214;
font-weight: bold;
}
.sec-d1 .box2 .wb {
width: 52%;
font-size: 18px;
line-height: 40px;
margin-top: 60px;
color: #000000;
display: inline-block;
}
.sec-d1 .box2 .wz {
font-size: 28px;
line-height: 40px;
margin-top: 50px;
color: #000000;
font-weight: bold;
}
.sec-d1 .box2 a {
width: 392px;
height: 66px;
line-height: 66px;
font-size: 20px;
margin-top: 40px;
text-align: center;
color: #fff;
background-color: #012d6a;
border-radius: 10px;
display: inline-block;
font-family: monospace;
box-shadow: 0 8px 5px 0 rgba(213, 217, 219, 1);
}
.sec-e1 {
width: 100%;
padding: 122px 0 131px;
display: inline-block;
}
.sec-e1 .box {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-e1 .box .t {
width: 28.696%; margin-bottom:20px;
}
.sec-e1 .box .t .l_img {
padding-bottom: 151.085%;
margin-bottom: 110px;
}
.sec-e1 .box .t .l_img.blue {
color: #fff;
font-family: monospace;
background-color: #012d6a;
}
.sec-e1 .box .t .l_img.blue span {
text-align: center;
top: 40%;
left: 0;
right: 0;
font-size: 35px;
padding-bottom: 19px;
box-sizing: border-box;
position: absolute;
}
.sec-e1 .box .t .l_img.blue a{ color:#FFFFFF}
.sec-e1 .box .t .l_img.blue a:hover{ color:#e30214}
.sec-e1 .box .t .l_img.blue span::after {
content: '';
display: block;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
width: 30%;
height: 2px;
background-color: #fff;
position: absolute;
}
.sec-e1 .box .t .l_img.wb {
text-align: center;
}
.sec-e1 .box .t .l_img.wb .wz {
font-size: 55px;
font-weight: bold;
color: #e30214;
font-family: monospace;
}
.sec-e1 .box .t .l_img.wb .z {
font-size: 28px;
margin-top: 115px;
line-height: 36px;
color: #260003;
}
.sec-e1 .box .t .l_img.wb img {
top: auto;
bottom: 0;
}
.sec-e1 .box .t .l_img:last-child {
margin-bottom: 0;
}
.sec-e1 .box .t .dbt1 {
margin-bottom: 150px;
font-weight: bold;
text-align: center;
font-family: monospace;
}
.sec-e1 .box .t .dbt1 .bt {
font-size: 65px;
color: #012d6a;
}
.sec-e1 .box .t .dbt1 .xbt {
font-size: 24px;
margin-top: 55px;
color: #121212;
}
.sec-f1 {
width: 100%;
padding-bottom: 27px;
display: inline-block;
position: relative;
}
.sec-f1 .swiper-slide {
box-sizing: border-box;
}
.sec-f1 .swiper-slide .w1610::before {
content: '';
display: block;
position: absolute;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
width: 100%;
height: 1px;
background-color: #ececec;
}
.sec-f1 .swiper-slide .w1610 {
padding: 57px 0 46px;
position: relative;
box-sizing: border-box;
}
.sec-f1 .swiper-container {
width: 100%;
overflow: inherit;
}
.sec-f1 .swiper-slide .rq {
margin-left: 6.2%;
float: left;
}
.sec-f1 .swiper-slide .rq .day {
font-size: 105px;
font-weight: bold;
color: #012d6a;
}
.sec-f1 .swiper-slide .rq .newy {
font-size: 18px;
margin-top: 70px;
color: #636363;
}
.sec-f1 .swiper-slide .l_img {
float: left;
width: 23.355%;
padding-bottom: 17.355%;
}
.sec-f1 .swiper-slide .o {
width: 72px;
height: 72px;
font-size: 24px;
left: 21%;
top: 45%;
cursor: pointer;
border-radius: 100%;
color: #fff;
background-color: #e30214;
position: absolute;
justify-content: center;
align-items: center;
display: none;
}
.sec-f1 .swiper-slide .wb {
width: 46%;
height: 100%;
float: right;
}
.sec-f1 .swiper-slide .wb p {
font-size: 28px;
line-height: 33px;
color: #343434;
font-weight: bold;
}
.sec-f1 .swiper-slide .z {
width: 46%;
line-height: 24px;
font-size: 16px;
bottom: 50px;
right: 0;
color: #fff;
position: absolute;
}
.sec-f1 .swiper-slide:hover {
background-color: #012d6a;
}
.sec-f1 .swiper-slide:hover .rq .newy {
color: #fff;
}
.sec-f1 .swiper-slide:hover .rq .day {
color: #fff;
}
.sec-f1 .swiper-slide:hover .z {
color: #e3e3e3;
}
.sec-f1 .swiper-slide:hover .wb p {
color: #e3e3e3;
}
.sec-f1 .swiper-slide:hover .o {
display: flex;
}
.sec-f1 .swiper-button-next, .sec-f1 .swiper-button-prev {
width: 72px;
height: 72px;
font-size: 36px;
border-radius: 100%;
font-weight: bold;
box-sizing: border-box;
top: auto;
bottom: 3%;
background-image: none;
display: flex;
justify-content: center;
align-items: center;
color: #012d6a;
border: 1px solid #012d6a;
}
.sec-f1 .swiper-button-next {
right: 52%;
transform: rotate(270deg);
}
.sec-f1 .swiper-button-prev {
left: 52%;
transform: rotate(90deg);
}
.sec-f1 .swiper-button-next:hover {
color: #fff;
background-color: #012d6a;
}
.sec-f1 .swiper-button-prev:hover {
color: #fff;
background-color: #012d6a;
}
.sec-g1 {
width: 100%;
display: flex;
flex-flow: row wrap;
position: relative;
justify-content: space-between;
}
.sec-g1 .l {
width: 43%;
padding-left: 8.4%;
padding-top: 79px;
box-sizing: border-box;
background-color: #012d6a;
}
.sec-g1 .l .bt {
width: 268px;
height: 50px;
font-size: 30px;
font-weight: bold;
color: #012d6a;
display: flex;
justify-content: center;
align-items: center;
border-radius: 25px;
background-color: #fff;
}
.sec-g1 .l .box {
font-size: 22px;
line-height: 48px;
margin-top: 50px;
color: #fff;
}
.sec-g1 .r {
width: 57%;
}
.sec-g1 .r .l_img {
padding-bottom: 66.327%;
}
.sec-g1 .box3 {
width: 91.5%; margin-left:8%;
height: 537px;
background: #fff;
box-sizing: border-box;
box-shadow: 4px 8px 8px 0 rgba(221, 225, 226, 1); margin-top:-200px;
}
#allmap {
width: 100%;
height: 100%;
}
.sec-g2 {
width: 100%;
padding: 139px 0 147px;
display: inline-block;
}
.sec-g2 .bt {
font-size: 73px;
font-weight: bold;
color: #012d6a;
float: left;
}
.sec-g2 .r {
width: 50%;
float: right;
}
.sec-g2 .r .z {
font-size: 18px;
color: #000000;
font-weight: bold;
}
.sec-g2 .r .t {
width: 100%;
margin-top: 50px;
position: relative;
display: inline-block;
}
.sec-g2 .r .t .layui-input {
width: 31.305%;
font-size: 20px;
margin-right: 20px;
border: none;
border-bottom: 1px solid #a8a8a8;
float: left;
box-sizing: border-box;
}
.sec-g2 .r .t .layui-input::placeholder {
color: #8c8c8c;
}
.sec-g2 .r .t .layui-input:last-child {
margin-right: 0;
}
.sec-g2 .r .t .layui-textarea {
width: 65%;
font-size: 20px;
border: none;
float: left;
border-bottom: 1px solid #a8a8a8;
box-sizing: border-box;
}
.sec-g2 .r .t .layui-btn {
font-size: 20px;
padding: 0;
right: 0;
bottom: 0;
color: #272727;
height: auto;
line-height: 1;
float: right;
border: none;
position: absolute;
background-color: transparent;
}
@media screen and (max-width: 1877px) {
.sec-g1 .box3 {
width: 91%;
height: 370px;
}
}
@media screen and (max-width: 1820px) {
.sec-c1 .bt .r {
margin-right: 0;
}
}
@media screen and (max-width: 1795px) {
.w1775 {
width: 90%;
}
.sec-a1 .box1 .bt1 {
font-size: 58px;
}
.sec-a6 .box .z {
font-size: 19px;
}
.sec-a1 .banner2 {
font-size: 16px;
line-height: 40px;
}
.sec-a1 .box1 .bt2 {
font-size: 50px;
margin-top: 60px;
}
}
@media screen and (max-width: 1650px) {
.sec-d1 .box .l {
padding: 120px 0 0;
}
.sec-d1 .box .l .bt {
font-size: 70px;
}
}
@media screen and (max-width: 1626px) {
.w1610 {
width: 84%;
}
.header .logo {
width: 120px;
height: 100px;
}
.header .lie li {
font-size: 18px;
line-height: 100px;
padding: 0 25px;
}
.footer .up {
padding: 45px 0;
}
.footer .up .lie .bt {
font-size: 32px;
}
.footer .up .lie .z {
margin-top: 110px;
}
.footer .up .lie .a {
font-size: 18px;
margin-top: 50px;
}
.footer .up .lie dt {
font-size: 20px;
}
.footer .up .lie .box {
line-height: 44px;
margin-top: 30px;
}
/* 棣栭〉 */
.sec-a1 .box1 {
padding: 70px 0;
}
.sec-a1 .box1 .bt1 {
font-size: 50px;
}
.sec-a1 .box1 .xbt {
font-size: 30px;
margin-top: 30px;
}
.sec-a1 .box1 .bt2 {
font-size: 40px;
margin-top: 50px;
}
.sec-a2 {
padding: 35px 0 60px;
}
.sec-a2 .bt {
font-size: 26px;
}
.sec-a2 .lie {
font-size: 20px;
margin-top: 50px;
}
.sec-a2 .box .wb .xbt {
font-size: 30px;
}
.sec-a2 .box .wb .sx {
height: 45px;
margin-top: 30px;
}
.sec-a2 .box .wb .bt2 {
font-size: 45px;
margin-top: 45px;
}
.sec-a2 .box .wb .z {
font-size: 22px;
line-height: 30px;
margin-top: 60px;
}
.sec-a3 .z {
font-size: 45px;
}
.sec-a4 {
height: 590px;
}
.sec-a4 .box2 {
margin-top: 36px;
}
.sec-a4 .box2 .wb {
font-size: 26px;
line-height: 45px;
}
.sec-a4 .box2 .wb .dz {
font-size: 45px;
}
.sec-a4 .box2 a {
font-size: 20px;
}
.sec-a4 .ban {
top: -200px;
}
.sec-a5 {
padding: 75px 0 90px;
}
.sec-a5 .box {
width: 57%;
}
.sec-a5 .box .wb .z {
font-size: 35px;
}
.sec-a5 .box .wb .bt {
font-size: 80px;
margin-top: 15px;
}
.sec-a5 .box .wb .xbt {
font-size: 40px;
margin-top: 10px;
}
.sec-a5 .swiper-pagination-bullet {
font-size: 20px;
width: 142px;
height: 46px;
line-height: 46px;
}
.sec-a5 .swiper-pagination {
bottom: -60px;
}
.sec-a6 {
padding: 80px 0;
}
.sec-a6 .bt {
font-size: 60px;
}
.sec-a6 .swiper-button-next, .sec-a6 .swiper-button-prev {
width: 50px;
height: 50px;transform: rotate(360deg);
}
.sec-a6 .box .z {
font-size: 16px;
}
.sec-a6 .box .t {
height: 110px;
}
.sec-a6 .box .t .dz {
font-size: 75px;
}
/* 鍏充簬鎴戜滑 */
.dbt {
padding: 80px 0;
}
.dbt .bt {
font-size: 60px;
margin-top: 30px;
}
.dbt .xbt {
font-size: 55px;
margin-top: 20px;
}
.sec-b1 .box {
padding: 110px 0;
margin-left: 13%;
}
.sec-b1 .box .x {
margin-top: 40px;
}
.sec-b1 .box .bt {
font-size: 50px;
margin-top: 30px;
}
.sec-b1 .box .wb {
margin-top: 100px;
}
.sec-b1 .box .wb .z {
font-size: 20px;
}
.sec-b1 .box .wb .wz {
font-size: 16px;
line-height: 28px;
margin-top: 40px;
}
.sec-b1 .img3 {
width: 14%;
padding-bottom: 12%;
}
.sec-b2 {
padding: 100px 0 85px;
}
.sec-b2 .img1 {
width: 15%;
top: -13%;
padding-bottom: 12%;
}
.sec-b2 .box .x {
margin-top: 20px;
}
.sec-b2 .box .bt {
font-size: 50px;
margin-top: 20px;
}
.sec-b2 .box2 {
margin-top: 70px;
}
.sec-b2 .box2 .ban {
font-size: 14px;
}
.sec-b2 .box2 .ban .wb {
width: 60%;
margin: 40px auto 0;
}
.sec-b2 .box2 .ban .tu {
height: 100px;
margin: 45px auto 0;
}
.sec-b3 {
padding: 105px 0;
}
.sec-b3 .box .tu {
height: 115px;
}
/* 浜у搧鍒楄〃 */
.sec-c1 {
padding-top: 0;
}
.sec-c1 .lie {
font-size: 22px;
line-height: 140px;
}
.sec-c2 .wz {
font-size: 50px;
}
.sec-c1 .box1 {
margin-bottom: 70px;
}
.sec-c2 {
padding: 90px 0;
}
/* 浜у搧璇︽儏 */
.sec-d1 .box2 {
padding: 80px 0;
}
.sec-d1 .box2 .bt {
font-size: 45px;
}
.sec-d1 .box2 .xbt {
font-size: 30px;
margin-top: 30px;
}
.sec-d1 .box2 .wb {
font-size: 16px;
line-height: 32px;
margin-top: 40px;
}
.sec-d1 .box2 .wz {
font-size: 24px;
line-height: 37px;
margin-top: 30px;
}
.sec-d1 .box2 a {
width: 330px;
height: 60px;
line-height: 60px;
font-size: 18px;
margin-top: 30px;
}
/* 妗堜緥 */
.sec-e1 {
padding: 60px 0;
}
.sec-e1 .box .t .dbt1 .bt {
font-size: 50px;
}
.sec-e1 .box .t .dbt1 .xbt {
margin-top: 24px;
}
.sec-e1 .box .t .dbt1 {
margin-bottom: 90px;
}
.sec-e1 .box .t .l_img.wb .wz {
font-size: 40px;
}
.sec-e1 .box .t .l_img.wb .z {
font-size: 22px;
margin-top: 105px;
}
/* 鏂伴椈 */
.sec-f1 {
padding-bottom: 155px;
}
.sec-f1 .swiper-slide .rq .day {
font-size: 80px;
}
.sec-f1 .swiper-slide .wb p {
font-size: 24px;
line-height: 30px;
}
.sec-f1 .swiper-slide .o {
width: 65px;
height: 65px;
font-size: 22px;
}
/* 鑱旂郴鎴戜滑 */
.sec-g1 .l .bt {
width: 240px;
height: 45px;
font-size: 24px;
}
.sec-g1 .l .box {
font-size: 20px;
line-height: 40px;
margin-top: 40px;
}
.sec-g1 .box3 {
margin-top:-80px;
}
.sec-g2 {
padding: 210px 0 50px;
}
.sec-g2 .bt {
font-size: 50px;
}
.sec-g2 .r .t {
margin-top: 30px;
}
.sec-g2 .r .t .layui-input {
font-size: 18px;
}
.sec-g2 .r .t .layui-textarea {
font-size: 18px;
}
.sec-g2 .r .t .layui-btn {
font-size: 18px;
}
}
@media screen and (max-width: 1555px) {
.footer .up .lie dt {
font-size: 18px;
}
.footer .up .lie .box {
font-size: 14px;
}
.footer .up .lie .bt {
font-size: 26px;
}
.footer .up .lie .z {
font-size: 14px;
}
.footer .up .lie .a {
font-size: 14px;
}
/* 棣栭〉 */
.sec-a1 .banner2 {
font-size: 14px;
line-height: 30px;
}
/* 鍏充簬鎴戜滑 */
/* 浜у搧鍒楄〃 */
/* 浜у搧璇︽儏 */
/* 妗堜緥 */
/* 鏂伴椈 */
/* 鑱旂郴鎴戜滑 */
}
@media screen and (max-width: 1450px) {
.sec-a5 .swiper-pagination-bullet {
font-size: 16px;
width: 135px;
margin: 0 5%;
}
.sec-a5 .box .l_img {
width: 57%;
padding-bottom: 60%;
}
.sec-a5 .box .wb .z {
font-size: 30px;
}
.sec-a5 .box .wb .bt {
font-size: 60px;
margin-top: 10px;
}
}
@media screen and (max-width: 1364px) {
.footer .up .lie {
width: 25%;
}
.footer .up .lie .z {
width: 90%;
}
.sec-a1 .banner2 {
font-size: 12px;
}
.sec-e1 .box .t .l_img.blue span {
font-size: 26px;
padding-bottom: 15px;
}
.sec-e1 .box .t .l_img.blue span::after {
width: 28%;
}
}
@media screen and (max-width: 1290px) {
.header .logo {
width: 100px;
height: 100px;
}
.header .lie li {
font-size: 16px;
line-height: 100px;
padding: 0 20px;
}
/* 棣栭〉 */
.sec-a1 .box1 {
padding-top:130px; padding-bottom:0px;
}
.sec-a1 .box1 .bt1 {
font-size: 36px;
}
.sec-a1 .box1 .xbt {
font-size: 24px;
margin-top: 10px;
}
.sec-a1 .box1 .bt2 {
font-size: 34px;
margin-top: 30px;
}
.sec-a2 {
padding: 35px 0;
}
.sec-a2 .bt {
font-size: 24px;
}
.sec-a2 .lie {
font-size: 18px;
margin-top: 30px;
}
.sec-a2 .box {
margin-top: 30px;
}
.sec-a2 .box .wb .xbt {
font-size: 24px;
}
.sec-a2 .box .wb .sx {
height: 25px;
margin-top: 23px;
}
.sec-a2 .box .wb .bt2 {
font-size: 32px;
margin-top: 30px;
}
.sec-a2 .box .wb .z {
font-size: 16px;
margin-top: 40px;
}
.sec-a2 .box .l_img {
width: 50%;
}
.sec-a2 .box .wb .jt {
font-size: 30px;
margin-top: 80px;
}
.sec-a3 .z {
font-size: 35px;
}
.sec-a4 {
height: 510px;
}
.sec-a4 .ban {
top: -80px;
}
.sec-a4 .box .tu {
height: 400px;
}
.sec-a4 .box2 .wb {
font-size: 20px;
line-height: 40px;
}
.sec-a4 .box2 .wb .dz {
font-size: 36px;
}
.sec-a4 .box2 a {
font-size: 18px;
}
.sec-a5 {
padding: 60px 0;
}
.sec-a5 .box .wb .z {
font-size: 24px;
}
.sec-a5 .box .wb .bt {
font-size: 40px;
}
.sec-a5 .box .wb .xbt {
font-size: 30px;
}
.sec-a5 .swiper-pagination-bullet {
font-size: 14px;
width: 120px;
height: 40px;
line-height: 40px;
}
.sec-a5 .swiper-pagination {
bottom: -20px;
}
.sec-a6 {
padding: 60px 0;
}
.sec-a6 .bt {
font-size: 40px;
}
.sec-a6 .swiper-button-next, .sec-a6 .swiper-button-prev {
width: 40px;
height: 40px;
}
.sec-a6 .swiper-container {
margin-top: 30px;
}
.sec-a6 .box .t {
height: 100px;
}
.sec-a6 .box .t .dz {
font-size: 50px;
}
.sec-a6 .box .t .rq {
font-size: 16px;
}
/* 鍏充簬鎴戜滑 */
.dbt {
padding: 50px 0;
}
.dbt .z {
font-size: 18px;
}
.dbt .bt {
font-size: 40px;
margin-top: 20px;
}
.dbt .xbt {
font-size: 36px;
margin-top: 10px;
}
.sec-b1 .img2 {
top: 0;
}
.sec-b1 .box .bt {
font-size: 30px;
margin-top: 20px;
}
.sec-b1 .box .wb {
margin-top: 40px;
}
.sec-b1 .box .wb .z {
font-size: 18px;
}
.sec-b1 .box .wb .wz {
font-size: 14px;
line-height: 25px;
margin-top: 40px;
}
.sec-b1 .img1{ display:none}
.sec-b2 {
padding: 70px 0;
}
.sec-b2 .box .bt {
font-size: 40px;
margin-top: 10px;
}
.sec-b2 .box2 {
margin-top: 30px;
}
.sec-b2 .box2 .ban .wb {
width: 80%;
margin: 20px auto 0;
}
.sec-b2 .box2 .ban .tu {
height: 77px;
margin: 20px auto 0;
}
.sec-b2 .box2 .ban .o {
width: 80px;
height: 80px;
}
.sec-b3 .box .tu {
height: 95px;
}
.sec-b3 {
padding: 80px 0;
}
.sec-b4 {
padding: 50px 0;
}
.sec-b4 .box .l .bt {
font-size: 39px;
line-height: 45px;
}
.sec-b4 .box .swiper-button-next {
left: 40%;
}
/* 浜у搧鍒楄〃 */
.sec-c1 .lie {
font-size: 18px;
line-height: 80px;
}
.sec-c1 .box1 .l .wb .z {
font-size: 16px;
}
.sec-c1 .box1 .l .wb {
padding: 130px 2.7% 0;
}
.sec-c1 .box .r .swiper-button-prev {
top: 45%;
}
.sec-c1 .box .r .swiper-button-next {
top: 52%;
}
.sec-c1 .box1 {
margin-bottom: 40px;
}
.sec-c1 .bt .l .bt1 {
font-size: 30px;
}
.sec-c1 .bt .r {
height: 100px;
}
.sec-c1 .box2 .l .ban .z {
font-size: 18px;
padding: 25px 10%;
}
.sec-c1 .box .r .swiper-button-next {
top: 55%;
}
.sec-c1 .box .r .swiper-button-prev {
top: 41%;
}
.sec-c2 {
padding: 50px 0;
}
.sec-c2 .wz {
font-size: 36px;
}
.sec-c2 a {
width: 190px;
margin-top: 40px;
}
/* 浜у搧璇︽儏 */
.sec-d1 .box .l {
padding: 75px 0 0;
}
.sec-d1 .box .l .bt {
font-size: 46px;
}
.sec-d1 .box .l .t {
font-size: 38px;
margin-top: 240px;
}
.sec-d1 .box .l .t .tu {
height: 40px;
}
.sec-d1 .box .l a {
margin-top: 20px;
font-size: 18px;
}
.sec-d1 .box2 {
padding: 50px 0;
}
.sec-d1 .box2 .bt {
font-size: 30px;
}
.sec-d1 .box2 .xbt {
font-size: 20px;
margin-top: 20px;
}
.sec-d1 .box2 .wb {
font-size: 13px;
line-height: 27px;
margin-top: 20px;
}
.sec-d1 .box2 .wz {
font-size: 20px;
line-height: 30px;
margin-top: 15px;
}
.sec-d1 .box2 a {
width: 290px;
height: 45px;
line-height: 45px;
margin-top: 20px;
}
/* 妗堜緥 */
.sec-e1 .box .t .dbt1 .bt {
font-size: 30px;
}
.sec-e1 .box .t .dbt1 .xbt {
margin-top: 20px;
font-size: 20px;
}
.sec-e1 .box .t .dbt1 {
margin-bottom: 40px;
}
.sec-e1 .box .t .l_img {
margin-bottom: 60px;
}
.sec-e1 .box .t .l_img.wb .wz {
font-size: 30px;
}
.sec-e1 .box .t .l_img.wb .z {
font-size: 18px;
margin-top: 85px;
}
.sec-e1 .box .t .l_img.blue span {
font-size: 24px;
top: 45%;
}
/* 鏂伴椈 */
.sec-f1 {
padding-bottom: 100px;
}
.sec-f1 .swiper-slide .rq .day {
font-size: 60px;
}
.sec-f1 .swiper-slide .wb p {
font-size: 20px;
}
.sec-f1 .swiper-slide .z {
font-size: 14px;
}
.sec-f1 .swiper-slide .rq .newy {
font-size: 16px;
margin-top: 40px;
}
.sec-f1 .swiper-slide .o {
width: 55px;
height: 55px;
font-size: 18px;
}
.sec-f1 .swiper-button-next, .sec-f1 .swiper-button-prev {
width: 50px;
height: 50px;
font-size: 20px;
bottom: 1%;
}
/* 鑱旂郴鎴戜滑 */
.sec-g1 .l .bt {
width: 200px;
font-size: 18px;
}
.sec-g1 .l .box {
font-size: 14px;
line-height: 33px;
margin-top: 20px;
}
.sec-g1 .box3 {
width: 91%;
}
.sec-g2 {
padding: 150px 0 50px;
}
.sec-g2 .bt {
font-size: 30px;
}
.sec-g2 .r {
width: 65%;
}
.sec-g2 .r .t .layui-input {
font-size: 14px;
}
.sec-g2 .r .t .layui-textarea {
font-size: 14px;
width: 66%;
}
.sec-g2 .r .t .layui-btn {
font-size: 16px;
}
}
@media screen and (max-width: 1210px) {
.header .logo {
width: 70px;
height: 120px;
}
.header .lie li {
font-size: 14px;
line-height: 120px;
padding: 0 15px;
}
.footer .up {
padding: 35px 0;
}
.footer .up .lie .bt {
font-size: 20px;
}
.footer .up .lie .z {
font-size: 12px;
margin-top: 75px;
}
.footer .up .lie dt {
font-size: 16px;
}
.footer .up .lie .box {
line-height: 39px;
margin-top: 20px;
}
{
font-size: 12px;
line-height: 35px;
}
/* 棣栭〉 */
.sec-a1 .box1 .bt1 {
font-size: 28px;
}
.sec-a1 .box1 .xbt {
font-size: 20px;
}
.sec-a1 .box1 .bt2 {
font-size: 26px;
margin-top: 20px;
}
.sec-a2 .bt {
font-size: 20px;
}
.sec-a2 .lie {
font-size: 16px;
margin-top: 26px;
}
.sec-a2 .box .wb .xbt {
font-size: 20px;
}
.sec-a2 .box .wb .bt2 {
font-size: 26px;
margin-top: 20px;
}
.sec-a2 .box .wb .z {
font-size: 14px;
margin-top: 30px;
}
.sec-a3 .z {
font-size: 28px;
}
.sec-a4 .box .tu {
height: 375px;
}
.sec-a4 .box2 {
margin-top: 20px;
}
.sec-a4 .box2 .wb {
font-size: 16px;
line-height: 36px;
}
.sec-a4 .box2 .wb .dz {
font-size: 27px;
}
.sec-a5 {
padding: 40px 0;
}
.sec-a5 .box .wb .z {
font-size: 20px;
}
.sec-a5 .box .wb .bt {
font-size: 26px;
}
.sec-a5 .box .wb .xbt {
font-size: 24px;
}
.sec-a5 .swiper-button-next, .sec-a5 .swiper-button-prev {
font-size: 40px;
}
.sec-a6 {
padding: 30px 0;
}
.sec-a6 .bt {
font-size: 30px;
}
/* 鍏充簬鎴戜滑 */
.dbt {
padding: 30px 0;
}
.dbt .bt {
font-size: 30px;
margin-top: 15px;
}
.dbt .xbt {
font-size: 27px;
}
.sec-b1 .box .bt {
font-size: 24px;
margin-top: 10px;
}
.sec-b1 .box .wb {
margin-top: 30px;
}
.sec-b1 .box .wb .wz {
font-size: 12px;
}
.sec-b2 .box .bt {
font-size: 28px;
}
.sec-b2 .box2 .ban {
font-size: 12px;
}
.sec-b2 .box2 .ban .o {
width: 66px;
height: 66px;
}
.sec-b2 .box2 .ban .tu {
height: 66px;
}
.sec-b4 {
padding: 30px 0;
}
.sec-b4 .box .l .bt {
font-size: 30px;
line-height: 32px;
}
/* 浜у搧鍒楄〃 */
.sec-c1 .lie a {
padding-right: 30px;
}
.sec-c1 .box1 .l .wb .z {
font-size: 14px;
}
.sec-c1 .bt .l .bt1 {
font-size: 24px;
}
.sec-c1 .bt .l .xbt {
font-size: 16px;
margin-top: 10px;
}
.sec-c1 .bt .r {
height: 80px;
}
.sec-c2 {
padding: 30px 0;
}
.sec-c2 .wz {
font-size: 26px;
}
.sec-c1 .box .r .swiper-pagination {
font-size: 14px;
}
/* 浜у搧璇︽儏 */
.sec-d1 .box .l .bt {
font-size: 28px;
}
.sec-d1 .box .l .t {
font-size: 26px;
}
.sec-d1 .box2 {
padding: 30px 0;
}
.sec-d1 .box2 .bt {
font-size: 24px;
}
.sec-d1 .box2 .xbt {
font-size: 18px;
margin-top: 10px;
}
.sec-d1 .box2 .wb {
font-size: 12px;
line-height: 25px;
margin-top: 10px;
}
.sec-d1 .box2 .wz {
font-size: 16px;
line-height: 28px;
margin-top: 10px;
}
.sec-d1 .box2 a {
width: 230px;
height: 40px;
line-height: 40px;
margin-top: 15px;
font-size: 14px;
}
/* 妗堜緥 */
.sec-e1 {
padding: 20px 0;
}
/* 鏂伴椈 */
.sec-f1 .swiper-slide .rq .day {
font-size: 40px;
}
.sec-f1 .swiper-slide .wb p {
font-size: 18px;
}
.sec-f1 .swiper-slide .w1610 {
padding: 30px 0;
}
/* 鑱旂郴鎴戜滑 */
.sec-g2 .bt {
font-size: 24px;
}
}
@media screen and (max-width: 1160px) {
.sec-a4 .box .tu {
height: 360px;
}
.sec-a4 .ban {
top: -175px;
}
.sec-b2 .box2 .ban .wb {
line-height: 32px;
}
.sec-e1 .box .t .l_img.wb .img {
max-width: 5%;
}
.sec-e1 .box .t .l_img.wb .z {
font-size: 16px;
margin-top: 80px;
line-height: 30px;
}
.sec-g1 .box3 {
width: 65%;
height: 275px;
}
}
@media screen and (max-width: 768px) {
.header .lie {
display: none;
}
.header .logo {
width: 50px;
height: 70px;
}
.rg {
display: flex;
}
.footer .up {
padding: 20px 0;
}
.footer .up .lie {
width: 50%;
}
.footer .up .lie {
margin-top: 25px;
}
.footer .up .lie:nth-child(-n+2) {
margin-top: 0;
}
.footer .up .lie .z {
margin-top: 47px;
}
.footer .up .lie dt {
font-size: 14px;
}
.footer .up .lie .box {
line-height: 34px;
margin-top: 15px;
font-size: 12px;
}
.footer .up .lie .a {
font-size: 12px;
margin-top: 16px;
}
.img-boxx .wz {
line-height: 20px;
}
.img-boxx {
width: 80%;
top: 30%;
}
/* 棣栭〉 */
.sec-a1 .box1 {
padding: 10px 0;
}
.sec-a1 .box1 .bt1 {
font-size: 32px;
}
.sec-a1 .box1 .xbt {
font-size: 20px;
}
.sec-a1 .box1 .bt2 {
font-size: 12px;
margin-top: 10px;
}
.sec-a2 {
padding: 20px 0;
}
.sec-a2 .bt {
font-size: 16px;
}
.sec-a2 .lie {
font-size: 12px;
margin-top: 20px;
}
.sec-a2 .lie span {
margin-right: 2%;
}
.sec-a2 .box {
margin-top: 10px;
}
.sec-a2 .box .wb {
width: 100%;
position: inherit;
display: inline-block;
}
.sec-a2 .box .wb .xbt {
font-size: 16px;
}
.sec-a2 .box .wb .bt2 {
font-size: 18px;
margin-top: 15px;
}
.sec-a2 .box .wb .sx {
height: 20px;
margin-top: 20px;
}
.sec-a2 .box .wb .z {
font-size: 12px;
margin-top: 10px;
}
.sec-a2 .box .wb .jt {
font-size: 20px;
margin-top: 5px;
}
.sec-a2 .box .l_img {
width: 100%;
padding-bottom: 80%;
}
.sec-a3 .z {
font-size: 14px;
}
.sec-a4 {
height: 145px;
}
.sec-a4 .ban {
top: -60px;
}
.sec-a4 .box .tu {
height: 120px;
}
.sec-a4 .box2 {
margin-top: 10px;
}
.sec-a4 .box2 .wb {
font-size: 12px;
line-height: 24px;
}
.sec-a4 .box2 .wb .dz {
font-size: 16px;
}
.sec-a4 .box2 a {
font-size: 12px;
}
.sec-a5 {
padding: 30px 0;
}
.sec-a5 .box {
width: 95%;
}
.sec-a5 .box .wb .z {
font-size: 12px;
}
.sec-a5 .box .wb .xbt {
font-size: 14px;
}
.sec-a5 .box .wb .bt {
font-size: 16px;
}
.sec-a5 .swiper-button-next, .sec-a5 .swiper-button-prev {
font-size: 20px;
}
.sec-a5 .swiper-pagination-bullet {
font-size: 12px;
width: 72px;
height: 25px;
line-height: 25px;
}
.sec-a6 .bt {
font-size: 16px;
}
.sec-a6 .swiper-button-next, .sec-a6 .swiper-button-prev {
width: 30px;
height: 30px;
font-size: 14px;
}
.sec-a6 .swiper-button-prev {
right: 10%;
}
.sec-a6 .box {
padding: 30px 5% 0;
}
.sec-a6 .box .t {
height: 80px;
}
.sec-a6 .box .t .rq {
font-size: 14px;
}
.sec-a6 .box .t .dz {
font-size: 36px;
}
/* 鍏充簬鎴戜滑 */
.dbt {
padding: 20px 0;
}
.dbt .z {
font-size: 14px;
}
.dbt .bt {
font-size: 18px;
margin-top: 10px;
}
.dbt .xbt {
font-size: 16px;
}
.sec-b1 .box {
width: 90%;
padding: 15px 0;
margin-left: 0%;
}
.sec-b1 .box .xbt {
font-size: 14px;
}
.sec-b1 .box .x {
margin-top: 10px;
}
.sec-b1 .box .bt {
font-size: 16px;
}
.sec-b1 .box .wb .z {
font-size: 14px;
}
/* .sec-b1 .box .wb .wz {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
} */
.sec-b1 .img2 {
width: 30%;
padding-bottom: 34%;
}
.sec-b2 {
padding: 30px 0;
}
.sec-b2 .box2 {
margin-top: 10px;
}
.sec-b2 .box .xbt {
font-size: 14px;
}
.sec-b2 .box .x {
margin-top: 10px;
}
.sec-b2 .box .bt {
font-size: 14px;
}
.sec-b2 .box2 .ban {
width: 32%;
}
.sec-b2 .box2 .ban .o {
width: 50px;
height: 50px;
line-height: 15px;
}
.sec-b2 .box2 .ban .tu {
height: 26px;
margin: 5px auto 0;
}
.sec-b2 .box2 .ban .wb {
line-height: 20px;
width: 90%;
margin: 7px auto 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.sec-b2 .box2::after {
height: 1px;
top: 20%;
}
.sec-b2 .img1 {
top: -8%;
}
.sec-b3 {
padding: 30px 0;
}
.sec-b3 .box .tu {
height: 50px;
}
.sec-b3 .l_img .img {
max-width: 10%;
}
.sec-b4 .box .r {
width: 100%;
padding: 20px 0;
}
.sec-b4 .box .l {
width: 100%;
height: 130px;
border: none;
padding-top: 20px;
}
.sec-b4 .box .r .ban .z {
font-size: 12px;
margin-top: 20px;
}
.sec-b4 .box .l .bt {
font-size: 14px;
line-height: 18px;
}
.sec-b4 .box .l .img1 {
width: 30%;
top: 0;
padding-bottom: 30%;
}
.sec-b4 .box .swiper-button-next, .sec-b4 .box .swiper-button-prev {
width: 50px;
height: 25px;
line-height: 21px;
font-size: 14px;
}
.sec-b4 .box .swiper-button-next {
left: 20%;
}
/* 浜у搧鍒楄〃 */
.sec-c1 .lie {
font-size: 12px;
line-height: 40px;
}
.sec-c1 .lie li {
margin-right: 2px;
}
.sec-c1 .lie a {
padding-right: 2px;
}
.sec-c1 .box1 .l {
width: 100%!important;
}
.sec-c1 .box1 .l .wb {
width: 100%;
padding: 15px 2.7% 50px;
border-right: none;
}
.sec-c1 .box1 .l .wb .z {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.sec-c1 .box1 .l .l_img {
width: 100%;
padding-bottom: 68.534%;
}
.sec-c1 .box1 .l .wb .t {
width: 100%;
bottom: 10px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-c1 .box1 .r {
width: 100%!important;
height: 75px!important;
border-top: none!important;
}
.con{ width:100%!important}
.sec-c1 .box .r .swiper-button-next {
top: 20%;
right: -10%;
}
.sec-c1 .box .r .swiper-button-prev {
top: 20%;
left: -10%;
}
.sec-c1 .box1 {
margin-bottom: 20px;
}
.sec-c1 .bt .l .bt1 {
font-size: 16px;
}
.sec-c1 .bt .l .xbt {
font-size: 12px;
}
.sec-c1 .bt .r {
height: 50px;
}
.sec-c1 .box2 .l {
width: 100%;
}
.sec-c1 .box2 .r {
width: 100%;
height: 75px;
border-top: none;
}
.sec-c2 {
padding: 15px 0;
}
.sec-c2 .wz {
font-size: 14px;
}
.sec-c2 a {
width: 110px;
margin-top: 16px;
font-size: 12px;
height: 24px;
}
.sec-c1 .box2 .l .ban .z {
font-size: 12px;
padding: 10px 5%;
}
/* 浜у搧璇︽儏 */
.sec-d1 .box .l {
padding: 20px 0;
width: 100%;
}
.sec-d1 .box .l .bt {
font-size: 16px;
}
.sec-d1 .box .l .t {
font-size: 16px;
margin-top: 40px;
}
.sec-d1 .box .l .t .tu {
height: 24px;
}
.sec-d1 .box .l a {
margin-top: 10px;
font-size: 12px;
}
.sec-d1 .box .l_img {
width: 100%;
padding-bottom: 82.134%;
}
.sec-d1 .box2 .bt {
font-size: 16px;
}
.sec-d1 .box2 .xbt {
font-size: 14px;
}
.sec-d1 .box2 .wb {
width: 90%;
line-height: 23px;
}
.sec-d1 .box2 .wz {
font-size: 14px;
line-height: 23px;
}
.sec-d1 .box2 a {
width: 210px;
height: 35px;
line-height: 35px;
margin-top: 10px;
font-size: 12px;
}
/* 妗堜緥 */
.sec-e1 .box .t .dbt1 {
display: none;
}
.sec-e1 .box .t .l_img.blue span {
font-size: 12px;
}
.sec-e1 .box .t .l_img.blue span::after {
width: 50%;
}
.sec-e1 .box .t .l_img.wb .wz {
font-size: 14px;
}
.sec-e1 .box .t .l_img.wb .wz {
font-size: 12px;
line-height: 20px;
}
.sec-e1 .box .t .l_img.wb .z {
display: none;
}
/* 鏂伴椈 */
.sec-f1 {
padding-bottom: 50px;
}
.sec-f1 .swiper-slide .w1610 {
padding: 30px 0 50px;
}
.sec-f1 .swiper-slide .l_img {
width: 100%;
padding-bottom: 100%;
}
.sec-f1 .swiper-slide .wb {
width: 100%;
}
.sec-f1 .swiper-slide .rq .day {
font-size: 24px;
}
.sec-f1 .swiper-slide .rq {
margin-top: 10px;
margin-left: 0;
text-align: center;
width: 100%;
display: inline-block;
}
.sec-f1 .swiper-slide .rq .newy {
margin-top: 10px;
}
.sec-f1 .swiper-slide .wb p {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; text-align:center
}
.sec-f1 .swiper-slide .z {
font-size: 12px;
width: 100%;
bottom: 1%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sec-f1 .swiper-slide:hover .o {
top: 35%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.sec-f1 .swiper-button-next, .sec-f1 .swiper-button-prev {
width: 30px;
height: 30px;
font-size: 14px;
bottom: 0.5%;
}
/* 鑱旂郴鎴戜滑 */
.sec-g1 .l {
width: 100%;
padding-top: 30px;
padding-bottom: 10px;
}
.sec-g1 .l .bt {
width: 135px;
height: 30px;
font-size: 14px;
}
.sec-g1 .l .box {
font-size: 12px;
line-height: 29px;
margin-top: 10px;
}
.sec-g1 .r {
width: 100%;
}
.sec-g1 .box3 {
width: 100%;
height: 275px;
position: inherit;
}
.sec-g2 {
padding: 30px 0;
}
.sec-g2 .bt {
font-size: 16px;
}
.sec-g2 .r {
width: 100%;
margin-top: 20px;
}
.sec-g2 .r .z {
font-size: 14px;
}
.sec-g2 .r .t {
margin-top: 20px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec-g2 .r .t .layui-input {
font-size: 12px;
width: 47%;
}
.sec-g2 .r .t .layui-textarea {
font-size: 12px;
width: 47%;
min-height: 60px;
}
.sec-g2 .r .t .layui-btn {
font-size: 12px;
}
}
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
display:flex;
justify-content:center;
margin-top:10px; padding-top:50px; clear:both; overflow:hidden; padding-bottom:30px;
}
.pagination a {
background:#fff;
border:1px solid #ccc;
color:#333;
font-size: 14px;
padding:8px 12px;
margin:0 5px;
border-radius:3px;
}
.pagination span {
color: #333;
font-size:14px;
padding:8px 2px;
margin:0 5px;
border-radius:3px;
}
.pagination a:hover {
color:#e30214;
border:1px solid #e30214;
}
.pagination a.page-num-current {
color:#fff;
background:#e30214;
border:1px solid #e30214;
}
/* ----- PB分页数字条效果 结束 ----- */
.newDBox { padding: 55px 0 95px;}
.newDBox .title { font-weight: normal; text-align:center}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ; text-align:center}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 30px; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}
.newDBox img{ max-width:100%}
@media only screen and (max-width:828px) {
.newDBox .title { font-weight: bold; font-size: 20px;}
.footer .down{ font-size:14px;}
}
.font26 {
font-size: 26px;
}
.pageTurn {
margin-top: 70px; border-bottom: 1px solid #d9d9d9;}
.pageTurn ul {display: flex; justify-content: space-between; align-items: center;}
.pageTurn li { margin: 1.2em 0; text-align: left; width:50%; height: 1.5em;
line-height: 1.5em; overflow: hidden; color: #707070;}
.pageTurn li:nth-child(2) { text-align: right;}
.pageTurn li a {color: #707070;}
.pageTurn li a:hover { color: #bf1a16;}
@media only screen and (max-width:828px) {
.pageTurn ul { display: block;}
.pageTurn li { width: 100%;}
.pageTurn li:nth-child(2) { text-align: left;}
}
.con {
width: 90%;
margin: 0 auto;
}
/*index*/
.swiper_banner .swiper-container {height:100vh;overflow: hidden;position: relative;}
.swiper_banner .swiper-slide {position:relative;z-index:1;}
.swiper_banner .swiper-pagination {bottom:30px;}
.swiper_banner .swiper-pagination-bullet {width:15px;height:15px;background:none;border:2px solid #fff;opacity:1;transition:all 0.3s;border-radius:15px;}
.swiper_banner .swiper-pagination-bullet-active {width:30px;background:#fff;}
.swiper_banner .swiper-button-black {outline:none;}
.ban_bg {position:relative;z-index:1;}
.ban_bg img,.ban_bg video {width:100%;height:100%;object-fit:cover;}
.ban_txt {position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;}
.ban_txt1 {text-align:left;color:#fff;position:absolute;left:10%;bottom:20%;}
.ban_txt1 h6 {font-size:50px;font-weight:bold;margin:20px 0;text-shadow:.5px .5px #666;}
.ban_txt1 p {font-size:30px;font-weight:bold;margin:20px 0;text-shadow:.5px .5px #666;}
.ban_line {margin-bottom:20px;background:url(../images/ban_line.png) no-repeat right top;height:1px;background-size:100% auto;}
.ban_txt1 span {display:block;width:510px;color:#012D6A;font-size:16px; line-height:1.6; font-weight:bold;}
.ban_txt1 h2 {font-size:5em;font-weight:bold;margin:20px 0;color:#012D6A;}
.ban_txt1 h3 {font-size:3.5em;font-weight:bold;margin:20px 0; color:#666;}
.ban_txt1 h4 {font-size:1.5em;font-weight:bold;margin:40px 0;color:#666;}
@media (max-width: 1699px) {
.swiper_banner .swiper-container {height:auto;}
}
@media (max-width: 1399px) {
.swiper_banner .swiper-pagination {bottom:20px;}
.ban_txt1 {right:5%;}
.ban_txt1 h6{ font-size:32px;}
.ban_txt1 h2{ font-size:32px;}
.ban_txt1 h3 {font-size:26px;margin:10px 0; color:#666;}
.ban_txt1 h4 {font-size:22px;margin:20px 0;color:#666;}
.ban_txt1 p {font-size:24px;margin:10px 0;}
.ban_line {margin-bottom:10px;}
.sec-c1 .box1 .l {
width: 94.956%;
}
.sec-c1 .box1 .r {
width: 5.044%;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
}
@media (max-width: 1199px) {
.swiper_banner .swiper-pagination {bottom:15px;}
.swiper_banner .swiper-pagination-bullet {width:12px;height:12px;}
}
@media (max-width: 991px) {
.swiper_banner .swiper-pagination {bottom:10px;}
.ban_txt1 {left:0;right:auto;width:100%;text-align:center;}
.ban_txt1 h6{ font-size:26px;}
.ban_txt1 h2{ font-size:26px;}
.ban_txt1 h3 {font-size:20px;margin:10px 0; color:#666;}
.ban_txt1 h4 {font-size:16px;margin:20px 0;color:#666;}
.ban_txt1 p {font-size:18px;margin:10px 0;}
.ban_line {margin:0 auto 10px;background-position:center top;}
.ban_txt1 span {width:96%;float:none;}
}
@media (max-width: 767px) {
.swiper_banner .swiper-container {margin-top:70px;}
.header .logo img {
width: 100%;
}
.ban_txt1 {padding:0 10px;bottom:30%;}
.ban_txt1 h6{ font-size:22px;}
.ban_txt1 h2{ font-size:22px;}
.ban_txt1 h3 {font-size:16px;margin:10px 0; color:#666;}
.ban_txt1 h4 {font-size:14px;margin:20px 0;color:#666;}
.ban_txt1 p {font-size:14px;margin:5px 0;}
.ban_line {margin: 0 auto 5px;}
.hidden-xs {
display: none!important;
}
.sec-g1 .box3 {
width:100%; margin-left:0%;
height: 350px;
background: #fff;
box-sizing: border-box;
box-shadow: 4px 8px 8px 0 rgba(221, 225, 226, 1); margin-top:3px;
}
}
@media (max-width: 479px) {
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.swiper_banner .swiper-pagination-bullet {width:8px;height:8px;border-width:1px;}
.ban_txt1 {padding:0 6px;bottom:20%;}
.ban_txt1 h6 {font-size:20px;margin: 10px 0;font-weight:600;}
.ban_txt1 p {font-size:16px;margin:5px 0;font-weight:500;}
.ban_txt1 img {margin: 0 auto 5px;}
.ban_txt1 span {font-size:12px;line-height:1.5;font-weight: normal;}
.ban_txt1 h2 {font-size:20px;font-weight:600;margin:10px 0;color:#012D6A;}
.ban_txt1 h3 {font-size:16px;font-weight: normal;margin:10px 0; color:#666;}
.ban_txt1 h4 {font-size:12px;font-weight: normal;margin:10px 0;color:#666;}
}