html,body{-webkit-text-size-adjust:none;overflow-x: hidden; } /******************************top*************************************/ .selecttop{ position: absolute; right: 5%; top: 7.5rem; background:#fff; border: 1px solid #89433b; border-radius: 50px; padding: 5px 18px; } .selecttop input{border:0;} .qttop .top_bg{ background: #fff; } .top_logo{ height: 8.6rem; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; } .top_logo img{ max-width: 100%; max-height: 100%; } .gdtop{ position: fixed!important; top: 0; } .pftop{ position: absolute!important; top: 0; } .top_bg{ width: 100%; height: 100%; background: black; opacity: .2; position: absolute; } /****mobile顶部导航****/ .sp_nav{ display: none; } .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;} .sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;} .sp_nav{ width: 2rem; position: absolute; cursor: pointer; height: 2.4rem; top: 35%; right: 3%; } .sp_nav span{display:block;background:#614337;width:100%;height:0.13rem;position:relative;transition:all ease 0.35s; font-weight:bold; } .sp_nav span:nth-of-type(1){top:0} .sp_nav span:nth-of-type(2){top:0.5rem} .sp_nav span:nth-of-type(3){top:1rem} .sp_nav_se span:nth-of-type(1){top:0.6rem;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:0.35rem;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:99;background:#eee;width:100%;height:calc(100% - 100px);font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; top:-100%;} .nav_show{ top:0px; } .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%; display:block} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#CE2933} .sjj_nav ul li ul li>ul{margin-left:10px} /*******************************************************************************/ /******************swiper0*******************/ .swiper-container0{ position: relative; } .swiper-container0 .swiper-slide{ width: 100%; } .swiper-container0 .swiper-slide img{ width: 100%; height: auto; } /*******************rhzyykj01*************************/ .rhzyybg01{ background: #F8F8F8; padding: 2rem 0; position: relative; } .rhzyybg01_1{ background: #f9f3e2; border:1px solid #daad5a; } .rhzyybg01_2{ margin:35px; position: relative; } .rhszyy03_1{ width:26px; height:26px; background:url(../images/rhszyy03.png);background-position:center center;background-size:100% 100%;display: inline-block; position: absolute;} .rhszyy03_11{ top:-28px; left:-28px} .rhszyy03_12{ top:-28px; right:-28px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* Internet Explorer 9*/ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); } .rhszyy03_13{ bottom:-28px; left:-28px; transform: rotate(27deg); -ms-transform: rotate(270deg); /* Internet Explorer 9*/ -moz-transform: rotate(270deg); /* Firefox */ -webkit-transform: rotate(270deg); /* Safari 和 Chrome */ -o-transform: rotate(270deg);} .rhszyy03_14{ bottom:-28px; right:-28px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* Internet Explorer 9*/ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg);} .rhzyybg01_list{ width: 90%; padding:0 0 30px 5%; display: flex; justify-content: space-between; flex-wrap: wrap;} .rhzyybg01_list1{ width:131px; height:160px; position:relative; display: inline-block; color: #fff;} .rhzyybg01_list1:hover{ color:#ff9300} .rhzyybg01_listbg{ width:131px; height:127px; position:relative; display:flex;align-items : center; text-align: center; background:url(../images/rhszyy02.png);background-position:center center;background-size:100% 100%; } .rhzyybg01_listbg span{ width: 100%; font-size: 50px;} .rhzyybg01_listfont{font-size:21px; color:#814320;text-align: center; padding : 13px 0; font-weight:bold;} .rhzyykj01_2bt{ position: relative; } .rhzyykj01_2bt1{ background:url(../images/rhszyy05.jpg);background-position:center center;background-size:100% 100%; font-size:28px; padding:10px 50px; color:#f9f3e2; display: inline-block; } .rhzyykj01_2bt2{ background:url(../images/rhszyy06.png);background-position:center center;background-size:100% 100%; width: 60%;display: inline-block;top:55%; position: absolute; height: 12px; } .rhzyykj01_2bt3{ background:#522a15;display: inline-block; padding: 2px 15px; color: #f9f3e2; right: 0; border-radius: 15px; top: 50%; position: absolute; } .rhzyykj01_3{display: flex; justify-content: space-between; flex-wrap: wrap;} .rhzyykj01_31{ width: 48%;display: inline-block;margin:30px 0; height:400px; } .rhzyykj01_31 img{width: 100%;height:100% !important;} .titlebbgc1{ position:absolute; bottom:0;background: rgba(0,0,0,0.8); color: #fff; text-align: center; display: block; width: 90%; padding: 10px 5%;} .rhzyykj01_32 a{ display: block;padding: 15px 0; color:#522a15; border-bottom: 1px dotted;position: relative;left: 0px; } .rhzyykj01_32 a:hover{ left: -6px; color:#ce4700 ; } .rhzyykj01_32_1{ display: -webkit-flex; display: flex; } .rhzyykj01_32_11{text-overflow:ellipsis; white-space: nowrap;overflow:hidden;font-size:24px; font-weight:bold;width: 100%; height: 35px;} .rhzyykj01_32_12{font-size:14px; white-space:nowrap;padding: 10px;} .rhzyykj01_32_2{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;line-height: 30px; width: 100%; text-indent:28px; font-size:14px; } /*******************rhzyykj02*************************/ .rhzyybg02 img { width:100%;} /*******************rhzyykj03*************************/ .rhzyybg03 { position:relative } video::-webkit-media-controls-fullscreen-button { display: none; } video::-webkit-media-controls-play-button {} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display{} video::-webkit-media-controls-time-remaining-display {} video::-webkit-media-controls-mute-button {} video::-webkit-media-controls-toggle-closed-captions-button {} video::-webkit-media-controls-volume-slider {} .rhzyybg03_1{background:rgba(0, 0,0, 0.7); width:100%; height:100%; position:absolute; z-index: 999;top:0;} .rhzyybg03_2 {max-width:90%; left:5%;position: relative; max-height: 73%; overflow: hidden;} .rhzyybg03_2 a{ color:#fff; font-size:16px;line-height: 32px;display: block;text-indent:32px; text-align:justify; text-align-last:inter-ideograph; } /*******************bt*************************/ .bt{ height: 7.3em; display: flex; justify-content: center; align-items: center; } .bt img{ max-width: 100%; max-height: 100%; } .btmore1{ text-align:center; padding:0 0 20px 0} .btmore1 a{color:#fff; font-size:1.5rem;} /*************************rhzyybg05_01*************************/ .rhzyybg05_list{ display: flex; justify-content: space-between; flex-wrap: wrap;} .bk1_main{ width:32%;padding: 0 0 30px 0; width: 28%; padding: 3% 2%; background:url(../images/rhszyy14.png);background-position:center center;background-size:100% 100%; } .bk1_title{ text-align: center; background:url(../images/rhszyy05.jpg);background-position:center center;background-size:100% 100%; color: #fff;margin-bottom: 10px; padding: 10px 0; font-size: 24px; font-weight: bold;} .bk1_ltit1{height: 220px; width: 100%; position: relative; } .bk1_ltit11{color: #fff; position: absolute; background: rgba(0,0,0,0.77); bottom: 0; width: 100%; text-align: center; padding: 10px 0;} .bk1_data_img{ width: 100%; height: 17.2rem; overflow: hidden; display: flex; justify-content: center; align-items: center; } .bk1_main2{ padding:10px; } .bk1_main2l{padding: 7px 0; border-bottom:1px #bfc4e2 dashed; display:block;color:#522a15; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;left:0;position:relative; } .bk1_main2l:hover{left: -6px; color: #ce4700;} /**************************rhzyybg04_01*****************************/ .rhzyybg04_01{background: url("/images/rhszyy09.png") ; width:100%!important; height:25px!important;margin:0!important; height: 25px; z-index: 999; top: -25px; position: absolute;} .bk4{ background: url("/images/rhszyy12.jpg") ;background-position:center center;background-size:100% 100%; padding-top: 4rem;position: relative; padding-bottom: 3rem; } .bk4_fbt{ color: #fff; font-size: 1.2rem; display: flex; justify-content: center; align-items: center; margin: 3rem 0; } .swiper-container4{ padding: 80px 0; overflow: hidden; position: relative; } .swiper-button-prev4{ background: black; opacity: .5; left: 0; right: auto; } .swiper-container4 .swiper-slide{ overflow: hidden; width: 16.5vw; height: 18vw; padding:2vw; background:url(../images/rhszyy11.png);background-position:center center;background-size:100% 100%; } .swiper-container4 .swiper-slide a{ height: 100%; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; } .swiper-container4 .swiper-slide a .bk4_img{ width: 100%; height: 100%; } .swiper-container4 .swiper-slide a .bk4_img img{ width: 100%; height: 100%; transition: .3s; } .bk4_js{ width: 100%; height: 2vw;padding: 10px 0; position: absolute; bottom: 0vw; display: flex; justify-content: center; align-items: center; transition: .3s; } .bk4_js>div{ width: 100%; height: 100%; background: black; opacity: .6; position: absolute; } .bk4_js>span{ font-size: 1rem; color: #fff; position: relative; z-index: 1; max-width: 80%; } /*****************************footer*****************************/