/* CSS Document */ .banner{ height:564px; width:100%; margin-bottom:36px;} .swiper-container{ width:100%; height:564px;} .swiper-slide{ background-size:auto 564px; height:564px;} .wsiper_zdy{ width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; z-index: 999; cursor: pointer;} .swiper-zdy-next{ background:url(../images/next.png); right:30px;} .swiper-zdy-prev{background:url(../images/prev.png); left:30px;} .swiper-container .swiper-pagination-zdy{ text-align:center; width:100%; height:15px; line-height: 15px; position:absolute; left:0; bottom:32px; z-index: 999;} .swiper-pagination-zdy .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity: 1;} .swiper-pagination-zdy .swiper-pagination-bullet-active{ background:#cab172;} .bannerdes{ font-size:26px; line-height: 45px; background-color:rgb(0,0,0,0.8); padding:0 35px; color:#fff; display:inline-block; margin-top:404px; max-width:800px;} .dtbox{ border:1px solid #dcdcdc; border-bottom:6px solid #a6230f; width:1448px; box-sizing: border-box; margin-left:auto; margin-right:auto; background-color:#fff; padding:58px 65px; display: flex; justify-content: space-between;} .newsbox{ width:47%;} .indexbar{ height:50px; line-height: 50px; border-bottom:1px solid #5d382d;} .indexbar .more{ float:right; color:#5d382d;} .indexbar h2{ font-size:25px; position:relative; height:50px; float:left;} .indexbar em{ width:100%; display: block; height:3px; background-color: #da1320; position: absolute; left:0; bottom:-2px;} .newslist{ margin-top:30px;} .newslist ul{} .newslist ul li{ line-height:45px; height:45px; overflow: hidden;} .newslist ul li span{ float:right; color:#626262; font-size:14px;} .newslist ul li a{ font-size:16px;} .flexbox{ display:flex; justify-content:space-between; margin-top:42px;} .img1{ background:url(../images/img02.jpg) no-repeat center left; background-size:cover;} .img2{ background:url(../images/img03.jpg) no-repeat center right; background-size:cover;} .newstypebox{ width:52%; border-top:1px solid #dcdcdc; border-bottom:6px solid #a6230f; display: flex;box-sizing: border-box; padding:27px 80px; background-color:#fff;} .newstypecont{ width:618px;} .imgtypebox{ width:48%;} .flex_r{ flex-direction:row-reverse;} .pagebanner{ background:url(../images/pagebanner.jpg) no-repeat center center; height:291px;} .flexboxpage{ display:flex; justify-content: space-between; } .slidbox{ background-color:#fff; width:330px; border:1px solid #c7c8c6; border-bottom:6px solid #a6230f; padding:30px 0; box-sizing: border-box;} .slidbox ul{} .slidbox ul li{ height:60px; line-height: 60px; padding-left:103px; font-size:22px;} .slidbox ul li a.cur{ color:#bea46a;} .pagebox{ margin-top:-138px;} .pagebody{ background-color:#fff; width:965px; border:1px solid #c7c8c6; border-bottom:6px solid #a6230f; padding:35px 60px; box-sizing: border-box;} .title{ font-size:25px; line-height: 45px; border-bottom:1px solid #5d382d; padding-bottom:8px;} .pageother{ height:20px; line-height: 20px; font-size:12px; margin-top:10px; overflow: hidden; color:#7a7a7a;} .position{ float:left;} .date{ float:right;} .pagecont{ font-size:16px; line-height:30px; text-align: justify; margin-top:30px;} .pagecont p{ padding:20px 0;} @media screen and (max-width: 1447px) { .dtbox{width:100%;} } @media screen and (max-width: 1309px) { .container{ width:100%; padding:0 10px; box-sizing: border-box;} .slidbox{ width:25%;} .pagebody{ width:73%;} .header-left{ width:40%} .slidbox ul li{ padding-left:0; text-align: center;} } @media screen and (max-width: 1025px) { .footerright{ display:none;} .header-left{ width:60%} .navbar-toggle{ display:block; margin-top:40px;} .header-nav{ display:none;} } @media screen and (max-width: 769px) { .navbar-toggle{ margin-top:20px;} .header-left{ width:40%;} .headbot{ height:70px; line-height: 70px;} .flexboxpage{ flex-direction:column-reverse;} .pagecont{ margin-top:10px;} .title{ font-size:20px; line-height: 30px;} .slidbox{ width:100%;} .pagebody{ width:100%; padding:25px;} .footerbotleft{ text-align:center;} .footer{ margin-top:20px;} .footertop{ text-align:center; padding:25px 0;} .footerlogo{ float:none;} .footerconect{ float:none; margin-left:0; border-left:0; padding-left:0; margin-top:20px;} .footerbottom{ padding:20px 0; } .footerbotleft{font-size:12px;} .dtbox{ flex-wrap:wrap; padding:30px;} .newsbox{width:100%;} .newsbox:last-child{ margin-top:30px;} .newstypebox{ padding:27px 30px;} .banner,.swiper-container,.swiper-slide{ height:320px;} .swiper-slide{ background-size:cover;} .bannerdes{ margin-top:180px; font-size:25px; line-height: 40px;} body { position: absolute; left: 0; right: 0; overflow-x: hidden; backface-visibility: hidden; transition: all 0.3s ease-in-out; transition-delay: 0s; } body.out { left: -190px; right: 190px; overflow: hidden; } } @media screen and (max-width: 415px) { .header-left{ width:70%;} .newstypebox{ width:100%;} .banner,.swiper-container,.swiper-slide{ height:230px;} .bannerdes{ margin-top:130px; font-size:16px; line-height: 28px;} .swiper-container .swiper-pagination-zdy{ bottom:10px} }