@charset "UTF-8";
.container{ width:1400px; margin:0 auto; clear:both; height: auto;position: relative; padding: 0px; }

/* 魅力红寺堡 */
.mlhsp{width: 100%;min-width: 1400px; max-width: 1920px; height: 1000px;overflow: hidden;position: relative;margin: 0 auto;vertical-align: middle; z-index: -1;}
.mlhsp .bd{width: 100%;height: 1000px;}
.mlhsp .bd img{transition: transform 0.7s;height: 1000px;display: block;margin: auto;width: 100%;}
mlhsp .bd a:hover img{transform: scale(1.05);transition: transform 0.7s ease-out 0s;-moz-transition: transform 0.7s ease-out 0s;-webkit-transform: transform 0.7s ease-out 0s;}

.mlhsp-main{position: absolute; top: 0; height: auto;width: 100%;}
.mlhsp-top{ height: 65px; width: 100%; font-size: 16px; float: left;}
.mlhsp-top-l{float: left; width: 750px; line-height: 65px; color: #fff;}
.mlhsp-top-l a{display: block; color: #fff; float: left;}
.mlhsp-top-l span{margin: 0 10px; float: left;}
.mlhsp-top-r{float: right; width: 450px;}
.mlhsp-top-r a{float: right; margin: 15px 10px; padding: 5px 15px; background: #d50f0f; color: #fff; border-radius: 15px; }
.mlhsp-top a:hover{font-weight: bold;}

.mlhsp-p1{width: 100%; float: left; height: 123px;}
.mlhsp-p1 .logo{width: 548px; height: 123px; float: left;}
.mlhsp-p1 .sousuo{width: 517px; height: 45px; float: right; margin-top: 30px; background: rgba(255,255,255,0.5);  border-radius: 22px;}
.mlhsp-p1 .sousuo #keyword{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;float: left;width: 424px;height: 45px;line-height: 45px;text-indent: 10px;font-size: 14px;color: #333;padding-left: 10px;border-radius: 22px;}
.mlhsp-p1 .sousuo #searchbutton{float: right;background:#f8b551 url(../images/2023-search-btn.png) center center no-repeat;border: 0;height: 45px;margin-top:0px;width: 83px;cursor: pointer;font-size: 14px;color: #fff;text-align: left; border-radius: 22px;}

.mlhsp-p2{width: 396px; height: 359px; float: left; margin-top: 20px; margin-left: 26px; margin-bottom: 30px;}

.mlhsp-nav{width: 100%; background: #d30f0f; height: 65px;}
.mlhsp-nav ul li{width: 14.28%; height: 65px; float: left; font-size: 24px; line-height: 65px; font-weight: bold;}
.mlhsp-nav ul li a{color: #fff;background: no-repeat 35px center; display: block; padding-left: 40px; text-align: center;}
.mlhsp-nav ul li.m1 a{background-image: url(../images/hsb-index.png);}
.mlhsp-nav ul li.m2 a{background-image: url(../images/hsb-index2.png);background-position-x: 10px;}
.mlhsp-nav ul li.m3 a{background-image: url(../images/hsb-index3.png);}
.mlhsp-nav ul li.m4 a{background-image: url(../images/hsb-index4.png);}
.mlhsp-nav ul li.m5 a{background-image: url(../images/hsb-index5.png);}
.mlhsp-nav ul li.m6 a{background-image: url(../images/hsb-index6.png);background-position-x: 20px;}
.mlhsp-nav ul li.m7 a{background-image: url(../images/hsb-index7.png);}
.mlhsp-nav ul li:hover a, .mlhsp-nav ul li.on a{background-color: #fff; color: #d30f0f;}
.mlhsp-nav ul li.m1:hover a,.mlhsp-nav ul li.m1.on a{background-image: url(../images/hsb-index-R.png);}
.mlhsp-nav ul li.m2:hover a,.mlhsp-nav ul li.m2.on a{background-image: url(../images/hsb-index2-R.png);}
.mlhsp-nav ul li.m3:hover a,.mlhsp-nav ul li.m3.on a{background-image: url(../images/hsb-index3-R.png);}
.mlhsp-nav ul li.m4:hover a,.mlhsp-nav ul li.m4.on a{background-image: url(../images/hsb-index4-R.png);}
.mlhsp-nav ul li.m5:hover a,.mlhsp-nav ul li.m5.on a{background-image: url(../images/hsb-index5-R.png);}
.mlhsp-nav ul li.m6:hover a,.mlhsp-nav ul li.m6.on a{background-image: url(../images/hsb-index6-R.png);}
.mlhsp-nav ul li.m7:hover a,.mlhsp-nav ul li.m7.on a{background-image: url(../images/hsb-index7-R.png);}

.mlhsp-gk{width: 100%; padding:50px 30px 30px 30px; background: #fff; height: 545px; float: left; position: relative;}
.mlhsp-gk-con{width: 100%; height: 427px; margin-bottom: 50px;}
.mlhsp-gk-con-l{width: 650px; height: 427px; float: left;}
.mlhsp-gk-con-l img{width: 100%; height: 100%; border-radius: 10px;}
.mlhsp-gk-con-r{width: 648px; height: 427px; float: right;}
.mlhsp-gk-con-r-tit{width: 535px; height: 106px; float: left; margin-top: 20px; position: absolute;right: 90px;}
.mlhsp-gk-con-r-con{width: 98%; height: 180px; float: left; margin-top: 170px; font-size: 18px; line-height: 35px; color: #333;text-align: justify; }
.mlhsp-gk-con-r-con .more{float: right; color: #d30f0f;}
.mlhsp-gk-tab{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px;}
.mlhsp-gk-tab li{width: 145px;display: inline-table;  margin: 0 20px; position: relative;}
.mlhsp-gk-tab li a{color: #fff; display: block;background: #d50f0f; border-radius: 10px;}
.mlhsp-gk-tab li a:hover, .mlhsp-gk-tab li.on a{background: #b20707;}
.mlhsp-gk-tab li.on a::after{content: ''; border-bottom: 15px solid #bd1a2d;border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: 50%; bottom: 45px; margin-left: -10px;}

.mlhsp-tscy{width: 100%; padding:30px; background: #fff; height: 610px; float: left; margin-top: 60px;}
.mlhsp-tscy-top{width: 100%; height: 115px; float: left; background: url(../images/2023-mlhsp-tit-bg.png) center bottom no-repeat; text-align: center;}
.mlhsp-tscy-bot{width: 100%; height: 425px; float: left; margin-top: 50px;overflow: hidden; position: relative;}
.mlhsp-tscy-bot .swiper-button-next:after,.mlhsp-tscy-bot .swiper-button-prev:after{font-size: 18px;}
.mlhsp-tscy-bot .swiper-button-next, .mlhsp-tscy-bot .swiper-button-prev{background: #d30f0f; color: #fff;top: 40%;}
.mlhsp-tscy-bot .swiper-slide{width: 265px; height: 425px; padding: 0 25px; }
.mlhsp-tscy-bot .swiper-slide a{display: block;position: relative;}
.mlhsp-tscy-bot .swiper-slide img{width: 265px; height: 350px;border-radius: 10px;}
.mlhsp-tscy-bot .swiper-slide a:hover p{position: absolute; width: 124px; height: 124px; background: rgba(211,15,15,0.5); border-radius: 50%; top: 113px; line-height: 124px; text-align: center; left: 70px; color: #fff;transition: .3s; font-weight: bold;}
.mlhsp-tscy-bot .swiper-slide p{width: 265px; height: 350px; top: 0; left: 0; border-radius: 10px; transition: .3s; line-height: 350px; background: rgba(0, 0, 0, 0.5);position: absolute; text-align: center; color: #fff;}
/* .mlhsp-tscy-bot .swiper-slide a:hover p{font-weight: bold;} */
.mlhsp-tscy-bot .swiper-slide span{float: left; font-size: 16px; line-height: 30px; color: #333; width: 265px;display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin-top: 10px;}
.mlhsp-tscy-bot .swiper-slide span br{display: none;}

.mlhsp-lyjd{width: 100%; padding:30px; background: #fff; height: 610px; float: left; margin-top: 60px;}
.mlhsp-lyjd-bot{width: 100%; height: 427px; float: left; margin-top: 35px;}
.mlhsp-lyjd-bot ul li{width: 312px; height: 427px; float: left; margin-right: 30px; position: relative; overflow: hidden;transition: .3s;}
.mlhsp-lyjd-bot ul li:nth-child(4){margin-right: 0;}
.mlhsp-lyjd-bot ul li img{width: 100%; height: 100%;}
.mlhsp-lyjd-bot ul li i{position: absolute; top: 0; left: 0;}
.mlhsp-lyjd-bot ul li:hover{margin-top: -30px; transition: .3s;}
.mlhsp-lyjd-bot ul li:hover i{display: none; transition: .3s;}
.mlhsp-lyjd-bot ul li p{width: 74px; height: 175px; position: absolute; top: 45px; left: 30px; background: url(../images/2023-mlhsp-jd-titbg.png);writing-mode: vertical-lr; color: #fff; line-height: 70px; font-size: 20px; font-weight: bold;text-indent: 1em;letter-spacing: 3px;}

.mlhsp-ms{width: 100%; padding:30px; background: #fff; height: 850px; float: left; margin-top: 60px;}
.mlhsp-ms-bot{width: 100%; height: 690px; float: left;}
.mlhsp-ms-bot ul li{width: 406px; height: 300px; float: left; margin-right: 60px; margin-top: 30px;}
.mlhsp-ms-bot ul li img{width: 100%; height: 100%;}
.mlhsp-ms-bot ul li:nth-child(1){margin-left: 230px;}
.mlhsp-ms-bot ul li:nth-child(2){margin-right: 200px;}
.mlhsp-ms-bot ul li:nth-child(5){margin-right: 0;}

.mlhsp-ts{width: 100%; background: #fff url(../images/2023-mlhsp-ts-bg.png) no-repeat bottom center; height: 600px; float: left; margin-top: 60px;}
.mlhsp-ts-bot{width: 100%; height: 480px; float: left; position: relative; margin-top: 60px; margin: 0 auto}
.mlhsp-ts-bot .swiper{width: 100%; margin-top: 60px;}
.mlhsp-ts-bot .swiper-slide{width: 530px;height: 350px; background: #fff;box-shadow: 0 8px 30px #ddd;}
.mlhsp-ts-bot .swiper-slide img{display:block; width: 100%; height: 100%;}
.mlhsp-ts-bot .swiper-button-next,.mlhsp-ts-bot .swiper-button-prev{width: 45px; height: 45px; border-radius: 50%; background: #fff;}
.mlhsp-ts-bot .swiper-button-next:after,.mlhsp-ts-bot .swiper-button-prev:after{font-size: 30px; color: #d30f0f;}






/* 底部 */
.footer{width: 100%; height: 267px; float: left; border-top: 10px solid #d30f0f; background: #f6f6f6;}
.footer-top {height: 70px; border-bottom: 1px solid #cbcbcb;}
.footer-link{justify-content: space-between; display: flex; position: relative;}
.footer-chosen{width: 16%; padding-top: 18px;  float: left; }
.footer-sel-val{position: relative;height: 34px;line-height: 34px;text-align: center;color: #666;font-size: 16px; cursor: pointer;border: 1px solid #cbcbcb;}
.footer-sel-val>span{display: inline-block;vertical-align: top;padding-right: 25px;background: url("../images/2022-chose_jiao.png") right center no-repeat;}
.footer-options{display: none;position: absolute;left: 0;right: 0;bottom: 45px;max-height: 300px;padding: 20px 0px 0 0;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);z-index: 99;overflow-y: auto; overflow-y: auto;}
.footer-chosen:hover .footer-options{display: block;}
.footer-chosen:hover .footer-sel-val>span{background-image: url("../images/2022-chose_jiaoh.png");}
.footer-option{float: left;width: calc(20% - 25px);margin: 0 0 20px 20px;}
.footer-option>a{display: block;height: 40px;line-height: 40px;color: #666;font-size: 18px;text-align: center;background-color: #f9f9f9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer-option>a:hover{color: #fff;background-color: #d30f0f;}
.footer-options table {width: 100%;}
.footer-options table a{text-decoration: none;color: #333; background: none; border: none; text-align: left;}
.footer-options table li {width: 14%;margin-left: 0; float: left; line-height: 30px; padding: 6px 8px;}
.footer-options tr td:first-child { font-weight: bold; padding-left: 20px;}
.footer-options tr:nth-child(2n) td { background: #f2f2f2;}
.foot-left{float: left; margin-top: 20px;}
.foot-left-box{line-height: 40px; font-size: 15px; color: #333;}
.foot-left-box a{color: #333; }
.foot-left-box br{display: none;}
.foot-right{float: right; margin-top: 60px;}
.foot-right span{margin-right: 10px;}


























@media screen and (max-width: 768px) {
.container{ width:100%; margin:0 auto; clear:both; height: auto;position: relative; padding: 0px; }
.mlhsp{min-width: 100%; max-width: 100%; height: 100vw;}
.mlhsp .bd{height: 100vw;}
.mlhsp .bd img{height: 100vw;}
.mlhsp-top{height: 10vw;font-size: 3.5vw;}
.mlhsp-top-l{display: none;}
.mlhsp-top-r{width: 100%;}
.mlhsp-top-r a{margin: 1vw;padding: 1vw 2vw;border-radius: 4vw;}
.mlhsp-p1{height: auto; margin-top: 3vw;}
.mlhsp-p1 .logo{width: 100%;height: 15vw; text-align: center;}
.mlhsp-p1 .logo img{width: 80%; height: auto;}
.mlhsp-p1 .sousuo{width: 70%;height: 10vw;margin:10vw 15% 3vw;border-radius: 5vw;}
.mlhsp-p1 .sousuo #keyword{width: 70%;height: 10vw;line-height: 10vw;text-indent: 1vw;font-size: 3vw;padding-left: 3vw;border-radius: 5vw;}
.mlhsp-p1 .sousuo #searchbutton{height: 10vw;width: 25%;font-size: 3vw;border-radius: 5vw;background-size: 40%;}
.mlhsp-p2{width: 100%;height: auto;margin-top: 5vw;margin-bottom: 3vw;text-align: center; margin-left: 0;}
.mlhsp-p2 img{width: 50%;}
.mlhsp-nav{height: 20vw;}
.mlhsp-nav ul li{width: 25.5%;height: 10vw;font-size: 4vw;line-height: 10vw;}
.mlhsp-nav ul li a{background: none;background-image: none!important;padding-left: 0;}
.mlhsp-nav ul li.m1{height: 20vw; line-height: 20vw; border-right: 1px solid rgba(255, 255, 255, 0.15); width: 23%;}
.mlhsp-nav ul li.m2{border-right: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.mlhsp-nav ul li.m3{border-right: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.mlhsp-nav ul li.m4{ border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.mlhsp-nav ul li.m5{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.mlhsp-nav ul li.m6{border-right: 1px solid rgba(255, 255, 255, 0.15);}
.mlhsp-gk{padding: 2vw;height: auto;}
.mlhsp-gk-con{margin-top: 15vw; height: auto;margin-bottom: 3vw;}
.mlhsp-gk-con-l{width: 100%;height: 50vw;}
.mlhsp-gk-con-r{width: 100%; height: auto;}
.mlhsp-gk-con-r-tit{width: 96%;height: auto;margin-top: 2vw;margin-left: 0;text-align: center;right: unset;}
.mlhsp-gk-con-r-tit img{width: 60%;}
.mlhsp-gk-con-r-con{width: 100%;padding: 0 2%;height: auto;margin-top: 2vw;font-size: 3.5vw;line-height: 8vw;}
.mlhsp-gk-tab{width: 100%;height: auto;line-height: 10vw;font-size: 3.5vw;}
.mlhsp-gk-tab li{width: 32%; margin: 1vw 0; }
.mlhsp-gk-tab li.on a::after{display: none;}
.mlhsp-tscy{padding: 2vw;height: auto;margin-top: 3vw;}
.mlhsp-tscy-top{height: auto; background: none;text-align: center;}
.mlhsp-tscy-top img{width: 60%;}
.mlhsp-tscy-bot{height: auto;margin-top: 3vw;}
.mlhsp-tscy-bot .swiper-slide{width: 100%;padding: 0 3vw;height: auto;}
.mlhsp-tscy-bot .swiper-slide p{width: 100%; height: 8vw; bottom: 0;line-height: 8vw;font-size: 3.5vw;border-radius: 0 0 10px 10px;top: unset;}
.mlhsp-tscy-bot .swiper-slide a:hover p{width: 100%; height: 8vw; bottom: 0;line-height: 8vw;font-size: 3.5vw;border-radius: 0 0 10px 10px;top: unset; left: 0;background: rgba(0, 0, 0, 0.5);}
.mlhsp-tscy-bot .swiper-slide img{width: 100%; height: 50vw;}
.mlhsp-tscy-bot .swiper-slide span{font-size: 3.5vw;line-height: 8vw; width: 100%;}
.mlhsp-lyjd{padding: 2vw; margin-top: 3vw;height: auto;}
.mlhsp-lyjd-bot{margin-top: 3vw;height: auto;}
.mlhsp-lyjd-bot ul li{width: 48%;height: auto;margin-right: 2%;margin-top: 2vw;}
.mlhsp-lyjd-bot ul li p{width: 10vw;height: 45vw;border-radius: 5vw;top: 4vw;left: 4vw;background: rgba(161,55,51,0.8);line-height: 10vw;font-size: 3.5vw;}
.mlhsp-lyjd-bot ul li:hover{margin-top: 2vw;}
.mlhsp-ms{padding: 2vw; margin-top: 3vw;height: auto;}
.mlhsp-ms-bot{height: auto;}
.mlhsp-ms-bot ul li{width: 48%;height: auto;margin-right: 2%;margin-top: 2vw;}
.mlhsp-ms-bot ul li:nth-child(1){margin-left: 0;}
.mlhsp-ms-bot ul li:nth-child(2){margin-right: 2%;}
.mlhsp-ts{margin-top: 3vw;padding-bottom: 10vw;height: auto;}
.mlhsp-ts .mlhsp-tscy-top{margin-top: 3vw;}
.mlhsp-ts-bot{height: 50vw;}
.mlhsp-ts-bot .swiper{margin-top: 2vw;}
.mlhsp-ts-bot .swiper-slide{width: 100%; height: 50vw;}
.mlhsp-ts-bot .swiper-button-next, .mlhsp-ts-bot .swiper-button-prev{width: 10vw;height: 10vw;}
.mlhsp-ts-bot .swiper-button-next:after, .mlhsp-ts-bot .swiper-button-prev:after{font-size: 5vw;}


/* 底部 */
.footer{border-top: 2vw solid #d30f0f;height: auto;}
.footer-top{display: none;}
.foot-left{margin-top: 2vw;}
.foot-left-box{font-size: 3.5vw; line-height: 6.5vw;}
.foot-left-box br{display: block;}
.foot-left{width: 100%; float: none; text-align: center;}
.foot-right{width: 100%; float: none; text-align: center; margin-top: 3vw;padding-bottom: 2vw;}
.foot-right span:nth-child(1){width: 10vw;margin-left: 10vw;}
.foot-right span{width: 20vw; margin-right: 3vw; float: left;}
.foot-right span a{width: 100%; display: block;}
.foot-right span img{width: 100%; display: block;}
.foot-left-box.sj a{margin: 0 2vw;}








}


@media screen and (max-width: 290px) {


}