/* reset */

* {
    outline: none;
}

html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
span {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font: 14px/1.5 "Microsoft Yahei","Helvetica Neue", Helvetica, Arial,  "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

html,
body {
    border: 0;
    background-color: #fff;
}

ul,
li {
    list-style: none;
}

a,
a:focus {
    text-decoration: none;
    color: #252526;
}

a:hover {
    text-decoration: underline;
    color: #252526;
}

h1,
h2,
h3 {
    color: #252526;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.clr:after {
    clear: both;
    visibility: hidden;
    content: '.';
    height: 0;
    display: block;
}

.clr,
.cls {
    clear: both;
    *zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*img {
    cursor: pointer;
}*/


/* header */

.navbar-default {
    min-width: 1200px;
    width: 100%;
    margin: 0;
    height: 80px;
    border: 0;
    background-color: #fff;
    position: fixed;
    z-index: 10;
    top:0;
}

.ucvr-nav1 .container {
    min-width: 1300px;
}

.logo.navbar-brand {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
    background-color: transparent;
}

.logo {
    padding: 0 0;
	margin-top:20px;
}

.navbar-left {
    margin-left: 0;
}

.navbar-default .navbar-nav>li {
    position: relative;
}

.navbar-default .navbar-nav>li:hover .us-nav {
    opacity: 1;
    transform: translateY(0px);
    z-index: 2;
}

.navbar-default .navbar-nav>li>a {
    margin: 25px 15px;
    font-size: 16px;
    color: #545454;
    padding: 5px 0;
    min-width: 100px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid transparent;
}

.navbar-nav>li>a.on {
    color: #000;
	font-weight:bold;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #000;
	font-weight:bold;
    background-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar .bucky-nav2{
	float:left;
}
.navbar .head-ewm{
	display: flex;
    height: 82px;
    padding: 0;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 265px;
    flex-direction: column;
	position:relative;
}
.navbar .head-ewm p{
	line-height:120%;
    color: #000;
}
.navbar .head-ewm p:nth-child(1){
	font-size:24px;
	color:#000;
	font-weight:bold;
}
.navbar .head-ewm p:nth-child(1)::after{
	content:"";
	position:absolute;
	background:url(../../img/202301/index/nav-phone.png) no-repeat;
	width:32px;
	height:32px;
	left:-40px;
}
.navbar .head-ewm p span{
	font-size:16px;
}
.navbar .head-ewm::after{
    content: "";
    background-color: #ffdd1f;
    position: absolute;
    width: 150%;
    height: 80px;
    z-index: -1;
    left: -45px;
    top: 0;
}
.nav .nav-wx{
	display:none;
	    background: #fff;
    width: 190px;
    position: absolute;
    text-align: center;
    height: 190px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
	    left: -30px;
    top: 75px;
}
.nav .nav-wx::before{
	content:"";
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -15px;
    left: 82px;
}
.nav .nav-wx p{
	line-height:45px;
}
@media screen and (max-width: 768px) {
    /* .navbar-default{
        height: 50px;
    } */
    /* .logo{
        margin: 0;
        width: 160px;
    } */
    .navbar-nav {
        margin: 0 -15px;
        background: rgba(2, 25, 76, 0.6);
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 500px;
    }
}


/* goto top */

.goto-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 102px;
    height: 102px;
    opacity: 0;
    transition: all 400ms ease;
    cursor: pointer;
    z-index: 4;
}

.goto-top.on {
    opacity: 0.8;
}

.goto-top:hover {
    opacity: 1;
}


/*mside*/

.mside-right {
    position: fixed;
    top: 10%;
    right: 0;
    width: 160px;
}

.mside-right .mside-bg {
    background: url("../../img/mside/mside-bg.png") no-repeat;
    width: 71px;
    height: 271px;
    margin: 0 auto;
    display: none;
}

.mside-right .mside-bg a {
    width: 100%;
    height: 60px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
    margin-bottom: 20px;
}

.mside-right .mside-wx {
    background: url("../../img/mside/mside-wx-231025.jpg") no-repeat center 15px/75%;
    width: 90%;
    height: 180px;
    margin: 30px auto;
    text-align: center;
    border: 1px solid;
    border-radius: 15px 15px;
    background-color: #e2e0e1;
}

.mside-right .mside-gift {
    background: url("../../img/mside/mside-gift.png") no-repeat center 22px;
    width: 90%;
    height: 160px;
    margin: 30px auto;
    text-align: center;
    border: 1px solid;
    border-radius: 15px 15px;
    background-color: #e2e0e1;
	display:none;
}


.mside-right .mside-wx a,
.mside-right .mside-gift a {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 133px;
    font-size: 12px;
}

.mside-right .mside-gift a {
    padding-top: 103px;
}

.mside-right .mside-gift span {
    color: #fff;
    background-color: #c31a18;
    width: 80%;
    border-radius: 10px;
    display: block;
    margin: 5px auto;
}

.mside-right .mside-join {
    width: 184px;
    border: 1px solid #252525;
    border-radius: 10px;
    background-color: #eeeced;
    position: fixed;
    top: 10%;
    right: 1%;
}

.mside-right .mside-t {
    text-align: center;
    font-weight: 600;
    padding-top: 20px;
}

.mside-right .mside-p {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    padding-top: 10px;
}

.mside-right .mside-p img {
    margin-top: -5px;
}

.mside-right .mside-w {
    text-align: center;
    padding-top: 10px;
}

.mside-right .mside-w img {
    width: 80%;
}

.mside-right .mside-input {
    width: 80%;
    text-align: center;
    margin: 20px auto;
}

.mside-right .form-group {
    margin-bottom: 5px;
}

.mside-right .form-control {
    height: 25px;
}

.mside-right .mside-btn {
    background-color: #c31a18;
    color: #fff;
    border-radius: 20px;
    padding: 5px 0;
    text-align: center;
    margin: 10px auto 30px auto;
    display: block;
    width: 80%;
}

.mside-right .mside-close {
    position: absolute;
    font-size: 20px;
    top: -15px;
    border: 1px solid;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    right: -15px;
    background-color: #eeeced;
    cursor: pointer;
}

.mside-right .mside-in {
    background: url(/img/mside/1231.gif) repeat scroll 0% 0% transparent;
    width: 195px;
    height: 140px;
    position: fixed;
    right: -15%;
    top: 10%;
    z-index: 3;
    cursor: pointer;
}

.footer {
    display: none;
}

.second-nav {
    position: absolute;
    left: 0px;
    width: 189px;
    display: none;
    z-index: 100;
    margin-left: -24px;
    margin-top: -30px;
    background: url(../../img/nav2.png) no-repeat;
    height: 106px;
    padding: 18px 10px 0 20px;
}

.caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    margin-top: 5px;
}

.second-nav>li {
    display: block;
    /*background-color: skyblue;*/
}

.menu:hover .second-nav {
    display: block;
}

.second-nav .divider {
    *width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    /*border-bottom: 1px solid #fff;*/
}

.second-nav li a {
    font-size: 16px;
    color: #545454;
    padding: 0;
    min-width: 100px;
    text-align: center;
    height: 43px;
    line-height: 43px;
}

.second-nav li a:hover {
    color: #000;
    background-color: #fff;
}

.sidebar {
    float: left;
    width: 400px;
    position: relative;
    overflow: hidden;
}

.sidebar h4 {
    color: #252526;
    font-weight: bold;
    font-size: 18px;
    margin: 30px auto 20px 30px;
}

.sidebar .hot,
.sidebar .day {
    width: 350px;
    border: 1px solid #d2d0d1;
    position: relative;
    margin: 0 auto;
}

.sidebar .hot li {
    margin: 30px auto;
    width: 300px;
}

.sidebar .hot li img {
    width: 100%;
        height: 147px;
    border-radius: 5% 5%;
    cursor: pointer;
}

.sidebar .hot li a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}

.sidebar .day ul {
    margin: 20px 0;
}

.sidebar .day li {
    width: 280px;
    margin: 0 auto;
    color: #c31a18;
    list-style: disc;
}

.sidebar .day a {
    font-size: 15px;
    width: 300px;
    display: block;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.sidebar .tag {
    width: 350px;
    position: relative;
    margin: 0 auto;
}

.sidebar .tag a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #d2d0d1;
    border-radius: 15px;
    margin: 10px 12px 10px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
}

.sidebar .tag a:hover {
    background-color: #c31a18;
    color: #fff;
}

.go-top {
    background: url("/img/202301/index/go-top-r.png") no-repeat;
    background-size: 70% auto;
    position: fixed;
    float: right;
    width: 96px;
    height: 96px;
    bottom: 10%;
    right: 50px;
    cursor: pointer;
    z-index: 10;
}

/* footer */

footer {
    margin: 0 auto;
    background-color: #000;
}

.mt-footer {
    overflow: hidden;
    position: relative;
    width: 1150px;
    margin: 0 auto;
}

.mt-msg-link {
    margin: 10px auto 0;
}

.mt-msg-link p {
    float: left;
    color: #8e8e8e;
}

.mt-msg-link a {
    float: right;
    margin-top: -5px;
    width: 20px;
    height: 27px;
}

.mt-msg-link a img {
    width: 100%;
    height: auto;
}

.mt-msg a {
    color: #8e8e8e;
    font-size: 13px;
    text-align: center;
}

.mt-msg,
.mt-tag {
    position: relative;
    overflow: hidden;
    margin: 30px 0 30px 0;
}

.mt-tag p {
    color: #8e8e8e;
    font-size: 14px;
    float: left;
}

.mt-tag li {
    float: left;
    text-align: center;
    overflow: hidden;
}

.mt-tag li a {
    color: #8e8e8e;
    font-size: 14px;
    padding: 0 10px;
}

.mt-tag li span {
    float: right;
}

.mt-l {
    float: left;
    position: relative;
    width: 300px;
    height: 120px;
    margin-top: 20px;
    line-height: 60px;
}

.mt-l p {
    font-size: 30px;
    text-align: left;
    font-weight: 700;
    color: #fff;
}

.mt-r {
    position: relative;
    float: left;
    width: 70%;
}

.mt-r .mt-gzh,
.mt-r .mt-jm {
    width: 140px;
    text-align: center;
    float: left;
    color: #8e8e8e;
    margin-left: 10px;
}

.mt-r img {
    width: 140px;
}

.footer-msg {
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    width: 610px;
}

.footer-msg p {
    color: #8e8e8e;
    font-size: 14px;
    width: 100%;
    line-height: 33px;
}

.msg-more{
	width: 47%;
    overflow: hidden;
    float: left;
	margin-top:20px;
    margin-left: 270px;
}
.msg-more p{
	 font-size: 16px;
    font-weight: bold;
    float: left;
	line-height:50px;
    color: #fff;
}
.msg-more ul{
	/*background:url("../../img/footer-icon.png") no-repeat;*/
	width:375px;
	height:54px;
	float:left;
}

.msg-more li{
	float:left;
	width: 43px;
    height: 45px;
    margin-right: 15px;
}
.msg-more li:nth-child(1){
	margin-left:10px;
}
.msg-more img{
	width:100%;
}
.msg-more li a{
	display:block;
	height:100%;
	width:100%;
}

.msg-more .dy2{
	display:none;
	position: absolute;
    margin-top: -220px;
    width: 150px;
    margin-left: -46px;
}
.msg-more li:nth-child(1):hover{
	display:block;
}
.msg-more .wx2{
	display:none;
	position: absolute;
    margin-top: -220px;
    width: 150px;
    margin-left: -46px;
}

.up{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.up:hover{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}


.contjoin {
    height: 690px;
    background: url(../../img/202301/index/join-bg.jpg) no-repeat top center;

}

.contjoin .contjoin-img {
    margin-top: 75px;
    z-index: 5;
    position: absolute;
 /*   -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all ease-in-out 400ms;
    -o-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
    opacity: 0;
 */   
}

.contjoin .contjoin-text {
    width: 700px;
    margin-right: 0px;
    margin-top: 50px;
    text-align: center;
    color: #fff;
}


.contjoin .contjoin-text h4 {
    color: #ffdd1f;
    font-weight: bold;
    font-size: 41.21px;
    padding: 25px 0;
    line-height: 120%;
}
.contjoin .contjoin-text h4::after{
    background: unset;
}
.contjoin .contjoin-text p {
    font-size: 35px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}

.contjoin .contjoin-text p span {
    font-size: 35px;
}

.contjoin .contjoin-text .input-info {
    padding-top: 20px;
    margin-left: 26px;
}
.contjoin .contjoin-text input::placeholder{
    color: #000;
}
.contjoin .contjoin-text .form-control {
    height: 57px;
    font-size: 18px;
    width: 370px;
    border-radius: 10px;
    margin-left: -45px;
    color: #000;
}

.contjoin .contjoin-text a {
    display: block;
    margin: 50px 0 0 158px;
    width: 396px;
    height: 63px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background-color: #ffdd1f;
    color: #000;
    border-radius: 43px;
    font-weight: bold;
    /*border: 1px solid #fff;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;*/
}

.contjoin .contjoin-text .input-info .contact {
    position: absolute;
    margin-top: -72px;
    margin-left: 385px;
}

.contjoin .contjoin-text .input-info .fix-city {
    position: absolute;
    margin-top: -57px;
    margin-left: 340px;
}

.contjoin .contjoin-text .contjoin-box {
    margin-top: 20px;
    height: 55px;
    width: 505px;
    overflow: hidden;
}

.contjoin .contjoin-text .contjoin-box li {
    width: 400px;
    float: right;
    padding-left: 2px;
    text-align: left;
    line-height: 45px;
    font-size: 14px;
    color: #bdbdbd;
}

.contnews {
    height: 860px;
    margin-top: 100px;
}

.contnews .contnews-title {
    text-align: center;
    margin-bottom: 100px;
}

.contnews .contnews-title h4::after {
    width: 20%;
    left: 478px;
}
.contnews ul{
    width:1300px;
    display: flex;
    flex-wrap: wrap;
}
.contnews .item {
    margin-right: 50px;
    width: 630px;
    margin-top:25px;
    cursor: pointer;
    /*float:left;*/
    display:flex;
}
.contnews .item:nth-child(2n+1){
    margin-left:-50px;
}   
.contnews .item:nth-child(2n){
    margin-right:0px;
}	
.contnews .item .news-img {
    width: 185px;
    height: 115px;
    float: left;
    margin-right: 15px;
    border-radius: 10px 10px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
.contnews .item .news-img img{
 transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
width: 100%;
height: 100%;
}
.contnews .item .news-img img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}

.contnews .item .news-time{
/* float: left; */
width: 100px;
margin-right: 15px;
/* margin-top: 20px; */
/* text-align: center; */
align-items: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;

}
.contnews .item .news-time .d{
font-size:47.72px;
font-weight:bold;
}
.contnews .item .news-time .ym{
font-size:21px;
}

.contnews .item .news-text {
    float:left;
    width:300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;		
}
.contnews .item .news-text span {
font-size: 20px;
color: #000;
font-weight: bold;
line-height: 35px;
cursor: pointer;
height: 35px;
display: block;
overflow: hidden;
}

.contnews .item .news-text a {
color: #575757;
font-size: 15px;
line-height: 150%;
display: block;
overflow: hidden;
}

.contnews .item .news-text a:hover {
text-decoration: underline;
}   



.pop-tc{
	background: url("../../img/221107/tc.png") no-repeat center;
    width: 1053px;
    height: 499px;
	position:fixed;
	z-index:1001;
	top:50%;
	left:50%;
	display:none;
	margin: -275px 0 0 -525px;
}
.pop-tc .close{
    width: 64px;
    height: 64px;
    right: -30px;
    top: 50px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    opacity: 1;
	background:url("../../img/221107/close.png") no-repeat center;
	-webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
}
.pop-tc .close:hover{
	-webkit-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.fc{
	background:url(../../img/221107/fc1.png) no-repeat center top/100%;
	width:180px;
	height:270px;
	display:none;
	position:fixed;
	float: left;
    top: 15%;
    right: 10px;
    cursor: pointer;
    z-index: 10;
	
}
.mside-right{
	top:40%;
}
.mask{
	z-index: 1000;
    border: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
    position: fixed;
    display:none;
}