html { scroll-behavior: smooth; }
.nv { height: .8rem; }
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; box-sizing: border-box; }
@font-face { font-family: 'Abhaya Libre'; src: url('../fonts/AbhayaLibre-Regular.eot'); src: url('../fonts/AbhayaLibre-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AbhayaLibre-Regular.woff2') format('woff2'), url('../fonts/AbhayaLibre-Regular.woff') format('woff'), url('../fonts/AbhayaLibre-Regular.ttf') format('truetype'), url('../fonts/AbhayaLibre-Regular.svg#AbhayaLibre-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
body { font-size: .14rem; font-family: 'Abhaya Libre'; color: #666; }
a { color: #666; }
p { line-height: 1.8em; padding: .05rem 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 100%; max-width: 16rem; margin: 0 auto; }
.head { width: 100%; background: url(../images/headbg.png) repeat; position: fixed; top: 0; z-index: 999; }
.head .wapper { display: flex; justify-content: space-between; align-items: center; }
.logo { width: 20%; }
.logo img { width: 100%; display: block; height: .8rem; object-fit: cover; }
.menu ul li { line-height: .8rem; padding: 0 .2rem; }
.menu ul li:after { }
.menu ul li a { font-size: .16rem; font-weight: bold; color: #A8A8A8; }
.menu ul li:hover { background-image: url(../images/menubg.png); background-position: bottom center; background-size: 100%; background-repeat: no-repeat }
.menu ul li:hover a { color: #d5ac54 }
.menu ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.link a { display: block; width: 1.2rem; line-height: .45rem; border-radius: .1rem; text-align: center; color: #fff; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: cover; font-size: .14rem; }
.link { display: flex; align-items: center; }
.btns { display: flex; align-items: center; }
.btns img { margin-right: .1rem; width: .43rem; }
.btns span { font-size: .16rem; }
.linkdown { width: 1.5rem; height: .5rem; border-radius: .1rem; background-color: #5C0808; font-size: .16rem; text-align: center; line-height: .5rem; color: #fff; cursor:pointer;}
.linkdown:hover { transform: translateY(5px); transition: all 0.5s; background-color: #881111 }
.banner { width: 100%; position: relative; }
.banner img { width: 100%; display: block; }
.zg { position: absolute; top: 0; width: 1.73rem; right: 7.5%; }
.zg img { }
.bannerplay { position: absolute; top: 45%; left: 50%; transform: translateX(-50%); }
.bannerplay img { width: 1.6rem; }
.bannerwz { position: absolute; bottom: 22%; left: 50%; transform: translateX(-50%); }
.bannerwz img { width: 9.95rem; }
.bannerbtns { position: absolute; left: 50%; transform: translateX(-50%); width: 3.77rem; bottom: 6%; cursor: pointer; }
.imgb1 { display: block; }
.imgb2 { display: none !important; }
.bannerbtns:hover { bottom: 5%; transition: all 0.5s; }
.bannerbtns:hover .imgb1 { display: none !important; }
.bannerbtns:hover .imgb2 { display: block !important; }
.bannerbtns img { }
.banner a { position: absolute; font-size: .2rem; bottom: 8%; left: 61%; text-decoration: underline; color: #EAE1BE; }
.bannerbtns h1 { /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* width: 100%; */
    /* text-align: center; */
    /* transform: translate(-50%, -50%); */
font-size: .2rem; color: #EAE1BE; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: normal; }
.banner { position: relative; overflow: hidden; }
.banner .swiper-container { }
.banner .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.banner .swiper-slide.swiper-slide-active { z-index: 2; }
.banner .swiper-slide img { display: block; width: 100%; height: 33vw; background: #f9f9f9; transform: scale(1.1); transition: all 4s ease; }
.banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.banner .swiper-slide .txtbg { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.banner .swiper-slide .txt { color: #fff; text-align: center; }
.banner .swiper-slide .txt .h2 { font-size: .8rem; line-height: 1.2em; font-weight: bold; margin-bottom: .2rem; }
.banner .swiper-slide .txt .h3 { font-size: .28rem; line-height: 1.4em; }
.banner .swiper-pagination { height: 10px;  bottom: .4rem;
}
.banner .swiper-pagination span { display: inline-block; vertical-align: top; width: 10px; height: 10px; border-radius: 10px; margin: 0 8px; background: #fff; opacity: 1; transition: all .3s ease; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { width: 20px; background: #fff; opacity: 1; }
.banner .swiper-button-prev, .banner .swiper-button-next { width: .6rem; height: .6rem; margin-top: -.3rem; background-color: rgba(0,0,0,.5); background-size: auto 50%; opacity: 0; transition: all .3s ease; border-radius: 5px; }
.banner .swiper-button-prev { left: 5%; transform: translateX(-100%); }
.banner .swiper-button-next { right: 5%; transform: translateX(100%); }
.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next { opacity: .7; transform: translateX(0) !important; }
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { opacity: 1; }
 @media(max-width:999px) {
.banner .swiper-slide img { height: 50vw; }
.banner .swiper-slide .txtbg { width: 90%; }
.banner .swiper-slide .txt .h2 { font-size: 20px; line-height: 1.2em; margin-bottom: 10px; }
.banner .swiper-slide .txt .h3 { font-size: 24px; line-height: 1.4em; }
.banner .swiper-pagination { bottom: 10px; }
.banner .swiper-button-prev, .banner .swiper-button-next { width: 40px; height: 40px; margin-top: -20px; }
}
.con1 { width: 100%; padding: .7rem 0; background: url(../images/aboutbg.png) center no-repeat; background-size:cover;}
.c1lf { width: 48%; float: left; }
.c1lf video { width: 100%; }
.c1rt { width: 49%; float: right; }
.c1rt h1 { font-size: .28rem; color: #C4B29E; margin-bottom: .1rem; font-weight: normal; }
.c1rt .nr { font-size: .16rem; color: #83807C; }
.con2 { width: 100%; padding: .3rem 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #000; }
.bt { width: 100%; margin-bottom: .4rem; text-align: center; padding-bottom: .2rem; background: url(../images/fenggexian.png) no-repeat bottom; }
.bt h1 { font-size: .32rem; text-align: center; padding-bottom: .2rem; font-weight: normal; background: linear-gradient(to bottom, #D38427, #FFEF40); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.con2 { width: 100%; background: url(../images/cpbg.png) no-repeat top #000; background-size: cover; }
.con2 ul li { width: calc((100% - 2rem)/2); text-align: center; position: relative }
.stpic { width: 75%; position: absolute; top: -2.5%; left: 50%; transform: translateX(-50%); }
.stpic img { width: 100% }
.con2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.c3pic { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 1.07rem; display: flex; align-items: center; justify-content: center; padding-top: .08rem; }
.qgkuang:hover { transform: translateY(10px); transition: all 0.5s; }
.qg { width: 3rem !important; }
.qg1 { display: none !important; width: 3rem !important; margin: 0 auto; }
.qgkuang:hover .qg1 { display: block !important; }
.qgkuang:hover .qg { display: none !important; }
.c2pics { height: 7.6rem; }
.c3wz { font-size: .28rem; margin-right: .2rem; background: linear-gradient(to bottom, #f5f3a8, #d9ad77); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
}
.c3wz:nth-child(2n) { margin-right: 0; }
.c3wz span { font-size: .34rem; }
.c2more { width: 1.6rem; height: .5rem; line-height: .55rem; background-color: #5C0808; font-size: .18rem; color: #A8A8A8; display: block; margin: .1rem auto; }
.c2more:hover { background-color: #881111; color: #fff; transform: translateY(5px); transition: all 0.5s; }
.con2 ul li .nr { font-size: .22rem; margin-bottom: .2rem; color: #a8a8a8; text-align: left; height: 2.2rem; }
.qgkuang { display: block; position: relative; }
.qgkuang h3 { font-size: .25rem; color: #EAE1BE; text-align: center; position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: normal; }
.con3 { width: 100%; padding-top: 1rem; background: url(../images/zhiyebg.jpg) no-repeat; background-size: cover; }
.c3bt { width: 100%; margin-bottom: .2rem; }
.c3bt h1 { font-size: .48rem; font-weight: normal; background: linear-gradient(to bottom, #896030, #FFEF40); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.slideTxtBox .hd { width: 55%; position: absolute; top: 0; left: 0; }
.slideTxtBox { width: 100%; position: relative; }
.c3zs { width: 100%; }
.c3zslf { width: 55%; float: left; padding-top: 2.25rem; }
.c3tu { width: 43%; float: right; }
.c3tu img { width: 100%; }
.c3zslf h2 { font-size: .3rem; color: #BA9A74; margin: .2rem 0; font-weight: normal; }
.c3zslf .nr { font-size: .16rem; color: #ACA9A9; margin-bottom: .4rem; }
.c3zslf video { width: 90%; }
.t1 { display: block; }
.t2 { display: none; }
.c2tipss p { text-align: center }
.slideTxtBox .hd ul li { text-align: center; width: 20%; float: left; }
.slideTxtBox .hd ul li img { width: 85%; margin: 0 auto; }
.slideTxtBox .hd ul li.on .t1 { display: none; }
.slideTxtBox .hd ul li.on .t2 { display: block; }
.slideTxtBox .hd ul li p { font-size: .24rem; color: #ACA9A9; }
.slideTxtBox .hd ul li.on p { text-shadow: -1px -1px 0 #FC151980, 1px -1px 0 #FC151980, -1px 1px 0 #FC151980, 1px 1px 0 #FC151980; }
.slideTxtBox .hd ul li p:hover { text-shadow: -1px -1px 0 #FC151980, 1px -1px 0 #FC151980, -1px 1px 0 #FC151980, 1px 1px 0 #FC151980; }
.c2detil { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.7); height: 100vh; display: none; }
.c2detilcon { width: 70%; position: absolute; top: 50%; left: 50%; display: flex; transform: translate(-50%, -50%); justify-content: space-between; flex-wrap: wrap; align-items: center; }
.c2detillf { width: 38%; float: left; }
.c2detillf img { width: 100%; display: block; }
.c2detillf p { font-size: .32rem; text-align: center; background: linear-gradient(to bottom, #D38427, #FFEF40); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.c2detilrt { width: 58%; float: right; }
.c2detilrt h2 { font-size: .36rem; text-align: left; margin-bottom: .2rem; font-weight: normal; background: linear-gradient(to bottom, #D38427, #FFEF40); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.c2detilrt dl dd { text-align: left; }
.c2detilrt dl dd h1 { font-size: .2rem; color: #FF00D0; font-weight: normal; }
.c2detilrt dl dd p { font-size: .2rem; color: #F8F8C4; }
.c2detilnr { width: 100%; padding: .1rem; border: 1px solid #ddd; color: #80805F; text-align: left; }
.tclose2 { position: absolute; top: 10%; right: 10%; width: auto; height: .4rem; text-align: center; line-height: .4rem; color: #fff; font-size: .22rem; /* display: flex; */
    /* align-items: center; */
cursor: pointer; }
.tclose2 p { color: #f00; font-size: .4rem; line-height: 1; font-weight: bold; padding: 0; vertical-align: sub; display: inline-block; font-family: initial; }
.con4 { width: 100%; background-color: #000; }
.c4item { width: 100%; justify-content: space-between; display: flex; align-items: center; flex-wrap: wrap; background-repeat:no-repeat; background-position:center; background-size:cover;}
.c4lf { width: 49%; }
.c4lf h2 { font-size: .38rem; margin-bottom: .2rem; font-weight: normal; background: linear-gradient(to right, #C4DDF0, #7EABD1); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.c4lf .nr { font-size: .18rem; color: #C7C7C7; }
.c4rt { width: 49%; }
.c4rt img { width: 100%; display: block; }
.scon { width: 100%; position: relative; }
.user { width: 100%; max-width: 16rem; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: .9rem; display: flex; align-items: center; justify-content: flex-end; }
.user img { margin-right: .1rem; width: .43rem; }
.user span { font-size: .2rem; color: #E1E1E1; }
.csconnr { width: 100%; max-width: 10.72rem; position: absolute; top: .58rem; left: 50%; transform: translateX(-50%); }
.csbt { width: 4.6rem; margin: 0 auto; }
.csbt img { width: 100%; }
.csconnr h2 { font-size: .36rem; font-weight: 300; margin-bottom: 0; background: linear-gradient(to top, #896030, #FFEF40); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.lines { width: 100%; margin: .2rem 0; }
.lines img { width: 100%; }
.snr { width: 100%; position: relative; height: 4.2rem; }
.stips { position: absolute; width: 90%; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.stips span { font-size: .3rem; background: linear-gradient(to right, #F8F8C4, #616161); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.stips a { color: #DC8B21; }
.cardpic { width: 3rem; float: left; }
.cardpic img { width: 100%; display: block; }
.cardwz { width: calc(100% - 3.22rem); float: right; }
.card1 { }
.card1 h3 { font-size: .25rem; margin-bottom: .1rem; font-weight: 300; background: linear-gradient(to right, #F8F8C4, #616161); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.card1con { display: flex; width: 100%; justify-content: space-between; align-items: center; }
.card1con span { color: #80805F; font-size: .22rem; text-indent: .22rem; }
.cards { width: 1.63rem; height: .46rem; line-height: .46rem; background-color: #5C0808; color: #E1E1E1; text-align: center; font-size: .2rem; cursor: pointer; }
.cards:hover { transform: translateY(5px); transition: all 0.5s; background-color: #881111 }
.card1 { margin-bottom: .2rem; }
.cardnum { width: 5.2rem; background-position: center; background-repeat: no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; height: 1.1rem; }
.cardnum span { font-size: .3rem; margin-right: .1rem; background: linear-gradient(to bottom, #F6F4A9, #C67D56); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; }
.cardnum>img{ height:.48rem;}
.card1con strong { font-size: .2rem; color: #51CB35; width: 1.1rem; font-weight: normal }
.username { width: 1.6rem; height: .31rem; line-height: .31rem; text-align: center; background-color: #393939; font-size: .22rem; color: #CCC4C4; }
.foot { width: 100%; padding: 1rem 0; padding-bottom: 0; background-color: #09090B; }
.footlogo { width: 2.7rem; }
.footlogo img { width: 2rem; display: block; margin-bottom: .4rem; }
.footlogo .nr { font-size: .16rem; color: #999999; }
.foot .wapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footitem { width: 2.5rem; }
.footitem h1 { font-size: .18rem; color: #fff; margin-bottom: .3rem; }
.footitem p { font-size: .18rem; color: #999999; }
.footitem a { font-size: .18rem; color: #fff; display: block; padding: .2rem 0; }
.footitem span { font-size: .18rem; color: #fff; display: block; }
.footitem ul li a { font-size: .18rem; padding: 0; color: #999; }
.footitem ul li { line-height: .35rem; }
.flow { display: flex; align-items: center; }
.flow a { padding: 0; margin: 0 .15rem; }
.footbtm { width: 100%; padding: .2rem 0; border-top: 1px solid #999; margin-top: .6rem; }
.card1nr { font-size: .2rem; padding: .1rem; color: #80805F; box-shadow: 0px 0px 2px #FFf; margin-top: .1rem; }
.card1nr p { padding: 0; line-height: normal; }
.tshows { width: 100%; /* background-color: #000; */ position: fixed; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); height: 100vh; display: none; }
.thmess { width: 100%; max-width: 8.21rem; background-color: #000; position: relative; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); padding: 0 1.32rem; padding-top: .89rem; padding-bottom: .3rem; background: url(../images/qdthbg.png) center no-repeat; background-size:cover;}
.thmessbtn { width: 3.3rem; position: relative; }
.thmessbtn img { width: 100%; }
.them1 { }
.them2 { display: none }
.thmessbtn:hover .them1 { display: none }
.thmessbtn:hover .them2 { display: block }
.thmessbtn:hover { transform: translateY(5px); transition: all 0.5s; }
.thmess h2 { font-size: .2rem; font-weight: 400; color: #F8F8C4; text-align: center; margin-bottom: .2rem; display: block; }
.ipts { width: 100%; margin: 0 auto; margin-bottom: .1rem; max-width: 3rem; }
.ipts input { width: 100%; background-color: #2A2020; text-indent: .15rem; color: #BDBDBD; line-height: .42rem; font-size: .15rem; }
.thmessbtn { width: 3.3rem; margin: 0 auto; margin-top: .6rem; }
.thmessbtn h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: .23rem; color: rgba(255, 255, 255, 0.70); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: normal }
.tshow1 { width: 100%; /* background-color: #000; */ position: fixed; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); height: 100vh; display: none; }
.login { width: 100%; max-width: 8.71rem; position: relative; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); }
.login img { width: 100%; }
.loginlogo { width: 4.04rem; position: absolute; top: .77rem; left: 50%; transform: translateX(-50%); }
.loginqh { position: absolute; top: 2.06rem; width: 100%; left: 0; }
.slideTxtBox1 .hd ul { display: flex; justify-content: center; flex-wrap: wrap; }
.slideTxtBox1 .hd ul li { width: 1.63rem; height: .46rem; background-color: #303030; margin: 0 .1rem; line-height: .46rem; color: #AC9F9F; text-align: center; font-size: .18rem; }
.slideTxtBox1 .hd ul li.on { background-color: #5C0808; }
.loginmess { width: 100%; padding: .2rem 0; position: relative; }
.ipts1 { width: 100%; margin: 0 auto; margin-bottom: .1rem; max-width: 3rem; display: flex; align-items: center; justify-content: space-between; }
.ipts1 input { width: .25rem; height: .25rem; background-color: #2B2020; margin-right: .1rem; border: 1px solid #000; }
.ipts1 span { font-size: .18rem; color: #000; }
.iptslf { display: flex; align-items: center; }
.iptsrt a { font-size: .18rem; color: #000; }
.close { margin-top: .6rem; margin-bottom: .1rem; }
.tclose { width: .45rem; height: .45rem; position: absolute; top: .4rem; right: .2rem; cursor: pointer; }
.tshow2 { width: 100%; /* background-color: #000; */ position: fixed; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); height: 100vh; display: none; }
.downnr { width: 100%; max-width: 8.71rem; background-color: #000; position: relative; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); padding-bottom: .6rem; background: url(../images/shangxianbg.png) }
.downnr h1 { font-size: .25rem; color: #F8F8C4; text-align: center; padding: .8rem 0; font-weight: normal }
.tclose1 { width: 3.3rem; cursor: pointer; margin: 0 auto; position: relative; }
.tclose1:hover { transform: translateY(5px); transition: all 0.5s; }
.tclose1 img { width: 100%; }
.tclose1 h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: .23rem; color: rgba(255, 255, 255, 0.70); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: normal }
.sp_header { height: .5rem; overflow: hidden; background: #fff; position: fixed; z-index: 10; width: 100%; display: none; }
.sp_logo { padding: .1rem; float: left; height: .5rem }
.sp_logo img { margin: auto; max-height: .3rem; }
.sp_nav { width: .5rem; float: right; position: relative; cursor: pointer; height: .3rem; margin-top: .15rem }
.sp_nav span { display: block; background: #c9141e; width: .3rem; height: .02rem; position: absolute; left: .1rem; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: .1rem }
.sp_nav span:nth-of-type(3) { top: .2rem }
.sp_nav_se span:nth-of-type(1) { top: .1rem; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: .1rem; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9; background: #eee; width: 100%; height: calc(100% - 1.04rem); font-size: .14rem; line-height: .4rem; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: .5rem }
.sjj_nav > ul > li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav > ul > li:first-child > a { float: left; width: calc(100% - .7rem) }
.sjj_nav > ul > li:first-child .language { float: right; width: .7rem; overflow: hidden; line-height: .3rem; margin-top: .05rem }
.sjj_nav > ul > li:first-child .language a { width: .35rem; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: .05rem; right: 0px; border-left: 1px #ddd solid; height: .3rem; padding: 0px .07rem; }
.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: .2rem; position: relative; line-height: .4rem; font-size: .14rem }
.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% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg { width: .2rem; height: .2rem; fill: #555; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #c9141e }
.sjj_nav ul li ul li > ul { margin-left: .1rem }
.con { width: 100%; padding: 1rem 0; }
.con1 .wapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between }
.c2tipss { position: absolute; bottom: 0; width: 100%; max-width: 16rem; color: #759E7D; left: 50%; font-size: .22rem; transform: translateX(-50%); }
 @media screen and (max-width:768px) {
.con { padding: 20px 0; }
.head { display: none; }
.sp_header { display: block; }
.nv { height: 50px; }
.con1nr .bd { width: 100%; }
.con1nr .hd { width: 100%; position: relative; top: 0; right: 0; height: 100%; }
.con1nr .hd ul li span { width: calc(100% - 105px); font-size: 12px; line-height: 1.5; word-break: break-all; }
.con1nr .hd ul li:nth-child(2), .con1nr .hd ul li:nth-child(3) { width: 100%; }
.con1 { width: 100%; padding: 20px 0; }
.con2 { width: 100%; padding: 20px 0; }
.con3 { width: 100%; padding: 20px 0; }
.con4 { width: 100%; padding: 20px 0; }
.con5 { width: 100%; padding: 20px 0; }
.con6 { width: 100%; padding: 20px 0; }
.bt h1 { font-size: 18px; margin-top: 30px; color: #000; }
.bt { text-align: center; width: 100%; margin-bottom: 20px; }
.con2 ul li { width: 100%; margin-right: 0; float: left; border-radius: 25px; background-color: #FEFEFE; margin-bottom: 10px; }
.c2flow ul li { margin: 0 10px; width: 30px; padding: 5px; background-color: #fff; }
.c2bt h1 { width: 100%; font-size: 18px; color: #fff; text-align: center; margin-bottom: 10px; color: #fff; }
.c2bt p { padding: 0; color: #fff; font-size: 12px; line-height: normal; }
.c2bt { width: 100%; background-image: url(../images/btnbg.png); background-size: cover; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px 0; border-radius: 60px; margin-bottom: 20px; }
.wapper { width: 95%; }
.newslf { width: 100%; }
.newspic { width: 100%; margin: 10px 0; }
.newsrt { width: 100%; }
.con4 ul li { width: 100%; }
.con5 ul li { width: 100%; margin-right: 0; background-color: #F2F2F2; border-radius: 20px; float: left; margin-bottom: 10px; }
.nr p { word-break: break-all; }
.con5 ul li:nth-child(4) { width: 100%; background-image: url(../images/btnbg.png); background-size: cover; }
.iptitem { width: 100%; margin-bottom: 20px; }
.iptitem input { width: 100%; height: 33px; line-height: 35px; text-indent: 1rem; border-radius: 20px; }
.iptitem label { font-size: 16px; color: #000; margin-bottom: 10px; display: block; }
.ipt { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0PX; }
.iptitem1 label { font-size: 16px; color: #000; margin-bottom: 10px; display: block; }
.iptitem1 button { width: 100%; border-radius: 20px; line-height: 35px; background-color: #1201D9; color: #fff; font-size: 18px; margin: 20px 0; }
.footitem { width: 100%; margin: 10px 0; }
}