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;
}
/*****pc导航*****/
.nav_menu3,
.nav_menu3 ul,
.nav_menu3 ul li,
.nav_menu3 ul li a,
.nav_menu3 #menu-button {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav_menu3 {
height: 128px;
display: flex;
align-items: flex-end;
}
.nav_menu3 > ul{
display: flex;
justify-content: flex-end;
font-size:0;
height: 100%;width: 100%;
}
.nav_menu3 > ul > li {
width: 100%;
text-align: right;
height: 100%;
}
.nav_menu3 > ul > li > a {
/* width:18px; font-size:18px;
margin:30px 0; padding:22px 40px 22px 20px;*/
text-decoration: none;
text-transform: uppercase;
/* -webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;*/
/* border-right: 1px #a84300 solid;*/
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: bold;
color: #236900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 12px;
}
.pfnav > ul > li > a{
color: #fff;
}
.gdnav > ul > li > a:hover{
background: #236900;
color: #fff;
}
.pfnav > ul > li > a:hover{
color: #ff000b;
}
.nav_menu3 ul ul {
position: absolute;
left: -9999px;
}
.nav_menu3 > ul > li > ul {
/*border-top: 1px solid #FFF;*/
}
.nav_menu3 li:hover > ul {
left: auto;
background: #246a01; padding:20px 0 10px 0;
z-index: 1;
}
.nav_menu3.align-right li:hover > ul {
right: 0;
}
.nav_menu3 ul ul ul {
margin-left: 100%;
top: 0;
}
.nav_menu3.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
.nav_menu3 ul ul li {
height: 0;
-webkit-transition: height .2s ease;
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
}
.nav_menu3 ul li:hover > ul > li {
height: 32px;
}
.nav_menu3 ul ul li a {
padding: 0;
height: 100%;
line-height: 32px;
min-width: 120px;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: bold;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
/* border-top: 1px solid #990B2C;*/
}
.gdnav ul ul li:hover > a,
.gdnav ul ul li a:hover {
background: #1d921e;
color: #fff;
}
.pfnav ul ul li:hover > a,
.pfnav ul ul li a:hover {
color: #ff000b;
}
/****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% - 8.6rem);font-size:14px;line-height:40px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;
top:-100%;}
.nav_show{ top:24vw; }
.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;
overflow: hidden;
}
.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*****************************/