.newsbaner{}
.newsbaner img{ width: 100%; }

.header-image {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #3498db, #2c3e50);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; 
    font-weight: bold;
}

.nav-container {
    background-color: white;
    /*position: sticky;*/
    height: 75px;
    z-index: 1100;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    transition: all 0.8s;

}
.sticky-active {
    position: fixed;
    top: 80px; /* 或其他位置 */
    width: 100%; /* 可能需要 */
}

.nav-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10%;
}

.nav-item {        
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
    flex: 1;
    text-align: center;
    height: 75px; line-height: 75px;
}
.nav-item a{ font-size: 18px; color: #000; }
.nav-item:hover,.nav-item.active {
    background-color: #f20544;
    color: #fff;
}
.nav-item:hover a,.nav-item.active a{color: #fff;}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    gap: 30px;
}


.content-left {
	padding-right: 80px;
}

.content-right {
	padding-left: 35px;
    
}

.blank75{}
.newactive{ height: 75px; }

.form-newscontain {
    position: relative;
}
.newcontent{padding:90px 0;}
.cardtitle{height: 50px; line-height: 50px; margin-bottom: 15px; overflow: hidden; border-radius: 15px;}
.cardtitle span{display: inline-block; font-size: 18px; padding-left: 30px; color: #fff;font-family: 'gothamBold';}
.news-card:nth-child(1) .cardtitle{ background: url(../images/news/newbg01.png) no-repeat; background-size: cover; }
.news-card:nth-child(2) .cardtitle{ background: url(../images/news/newbg02.png) no-repeat; background-size: cover; }
.news-card:nth-child(3) .cardtitle{ background: url(../images/news/newbg03.png) no-repeat; background-size: cover; }
.news-card:nth-child(4) .cardtitle{ background: url(../images/news/newbg04.png) no-repeat; background-size: cover; }
.cardcontent{margin:0 -13px; padding:0 0 50px;}
.cardcontent .clemenlist{padding:13px;}
.cardcontent .clemenlist .clemtxt{padding:24px 20px 23px 15px;}
.cardcontent .clemenlist .clemtxt .dataings span{font-size: 35px; line-height: 35px;}
.cardcontent .clemenlist .clemtxt .dataings p{ font-size: 12px; }
.cardcontent .clemenlist .clemtxt .datatxt p{font-size: 14px; line-height: 20px;}
.cardcontent .clemenlist .clemenbox img{height: 100%;}
.cardcontent .clemenlist .clemenbox h3{ height: 217px; }
.cardcontent .clemenlist .clemenbox:hover{background-color: #f20544;}


.form-original {
    background: white;
    border-radius: 10px; 
    padding: 0px;
    transition: all 0.3s ease;
}

.form-fixed {
    position: fixed;
    top: 155px;
    z-index: 1000;
    animation: slideIn 0.4s ease;
}

@keyframes slideIn {
    from { opacity: 0.8; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.form-original{ width: 365px; }
.form-Newscontr{}
.form-Newscontr .form-newstitle{position: relative; margin-bottom: 12px; font-size: 21px; padding:15px 0 15px; text-align: center; font-family: 'gothamBold';}
.form-Newscontr .form-newstitle:after{ content: ''; position: absolute; left: 0; border-radius: 3px; height: 4px; width: 100%; background-color: #ff5e00; bottom: 0;  }
.form-Newscontr .layui-form-item{margin-bottom:0px;}
.Newformui .layui-input-block{margin-left:0;}
.Newformui .layui-input{ min-height: 45px; height: 45px; border-width: 0 0 1px 0; color: #333; font-size: 16px; font-family: 'gothamBold';}
.Newsagreebox{ padding:10px 0 15px; }
.Newformui .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 0;}
.Newformui .layui-form-checkbox[lay-skin=primary] i{border: 1px solid #151515; height: 14px; width: 14px; line-height: 14px;}
.Newformui .layui-form-checked[lay-skin=primary] i{border-color: #ff8900 !important; background-color: #ff8900;}
.Newformui .layui-form-checkbox[lay-skin=primary]{padding-left: 22px;}

.pri-Newstext h2{ font-size: 12px; }
.pri-Newstext p{ font-size: 10px;font-family: 'gothamLight'; }
.mostNewsbox .layui-btn{ padding:0; width: 100%; height: 56px; font-size: 18px; line-height: 56px;  border-radius: 56px; background-color: #ff8900;font-family: 'gothamBold'; }
 
.layui-form-select dl dd.layui-this{background-color: #ff8900;}

.Newformui input::placeholder {  color: #8c8c8c;   font-size: 14px;font-family: 'gothamBook';   }
.Newformui input::-webkit-input-placeholder { color: #8c8c8c;  font-size: 14px;font-family: 'gothamBook';}
.Newformui input::-moz-placeholder { color: #8c8c8c;  font-size: 14px;font-family: 'gothamBook';}
.Newformui input:-ms-input-placeholder { color: #8c8c8c;  font-size: 14px;font-family: 'gothamBook';}



/*==========================================设备分辨率 开始=============================================*/


@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

.nav-container{height: auto;}
.sticky-active { top: 60px; }
.nav-menu{ padding-right: 0; }
.nav-item{ flex: 1; font-size: 12px; line-height: 14px; height: 56px; justify-content: center; align-items: center; display: flex;}
.nav-item a{font-size: 10px;}
.content-left{padding-right: 0;}

.newcontent{padding:50px 0;}
.cardtitle{height: 40px; line-height: 40px; margin-bottom: 10px; }
.cardtitle span{ font-size: 16px; padding-left: 20px;}
.cardcontent{margin:0 -5px; padding:0 0 30px;}
.cardcontent .clemenlist{padding:5px;}
.cardcontent .clemenlist .clemtxt{padding:15px 20px 15px 5px;}
.cardcontent .clemenlist .clemtxt .dataings span{font-size: 18px; line-height: 22px;}
.cardcontent .clemenlist .clemtxt .dataings p{ font-size: 12px; }
.cardcontent .clemenlist .clemtxt .datatxt p{font-size: 14px; line-height: 20px;}
.cardcontent .clemenlist .clemenbox h3{ height: 104px; }


.form-Newscontr .form-newstitle{ font-size: 18px; }
.content-right{padding:0;}
.form-original{ width: 100%; }

}


/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
.nav-container .pink {
    width: calc((100vw - 1200px) / 2);
    height: 100%;
    background-color: #f20544;
  }
  .layui-container3{ width: 1200px; }
}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
.nav-container .pink {
    width: calc((100vw - 1200px) / 2);
    height: 100%;
    background-color: #f20544;
  }
.layui-container3{ width: 1200px; }

}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
.nav-container .pink {
    width: calc((100vw - 1200px) / 2);
    height: 100%;
    background-color: #f20544;
  }
.layui-container3{ width: 1200px; }
}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.nav-container .pink {
    width: calc((100vw - 1200px) / 2);
    height: 100%;
    background-color: #f20544;
  }

.layui-container3{ width: 1200px; }

}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
.layui-container3{ width: 100%; }
.content-left{ padding-right: 20px; }
.cardcontent .clemenlist .clemenbox h3{ height: 179px; }
.nav-item a{ font-size: 16px; }
.form-original{ width: 270px; }
.form-Newscontr .form-newstitle{ font-size: 14px; }


}


/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.layui-container3{ width: 100%; }

.nav-container{height: auto;}
.sticky-active { top: 60px; }
.nav-menu{ padding-right: 0; }
.nav-item{ font-size: 12px; line-height: 14px; padding:25px 0; height: auto;}
.nav-item a{ font-size: 12px; }
.content-left{padding-right: 0;}

.newcontent{padding:30px 0;}
.cardtitle{height: 60px; line-height: 60px; margin-bottom: 15px; }
.cardtitle span{ font-size: 16px; padding-left: 20px;}
.cardcontent{margin:0 -5px; padding:0 0 50px;}
.cardcontent .clemenlist{padding:5px;}
.cardcontent .clemenlist .clemtxt{padding:25px 20px 25px 5px;}
.cardcontent .clemenlist .clemtxt .dataings span{font-size: 18px; line-height: 22px;}
.cardcontent .clemenlist .clemtxt .dataings p{ font-size: 12px; }
.cardcontent .clemenlist .clemtxt .datatxt p{font-size: 14px; line-height: 20px;}
.cardcontent .clemenlist .clemenbox h3{ height: 222px; }

.form-Newscontr .form-newstitle{ font-size: 22px; }
.content-right{padding:0;}
.form-original{ width: 100%; }

}