@charset "utf-8";
@charset "utf-8";
/* 重置 */
body{font-family: "microsoft yahei", '宋体';}
body > div{margin-right:auto;margin-left:auto; }
body{font-family: "microsoft yahei", '宋体';}
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#025194;text-decoration:none;}
/* 显示 */
.auto{margin-left:auto;margin-right:auto;}
.show{display:block!important;}
.hide{display:none!important;}
/* 禁止选中文本 */
.usn {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
/* 浮动 */
.fl {float: left;}
.fr {float: right;}
.cf {zoom: 1;}
.cf:after {content: ".";display: block;clear: both;visibility: hidden;height: 0;overflow: hidden;}
/* 元素类型 */
.db {display: block;}
.dn {display: none;}
.di {display: inline}
.dib {display: inline-block;}
.transparent {opacity: 0}
/*文字排版*/
.f12 {font-size: 12px}
.f14 {font-size: 14px}
.f16 {font-size: 16px}
.f18 {font-size: 18px}
.f20 {font-size: 20px}
.f22 {font-size: 22px}
.f24 {font-size: 24px}
.fb {font-weight: bold}
.fn {font-weight: normal}
.t2 {text-indent: 2em}
.lh150 {line-height: 150%}
.lh180 {line-height: 180%}
.lh200 {line-height: 200%}
.unl {text-decoration: underline;}
.no_unl {text-decoration: none;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.tj {text-align: justify;text-justify: inter-ideograph;}
.wn {/* 强制不换行 */word-wrap: normal;white-space: nowrap;}
.wb {/* 强制换行 */white-space: normal;word-wrap: break-word;word-break: break-all;}
.wp {/* 保持空白序列*/overflow: hidden;text-align: left;white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}
.wes {/* 多出部分用省略号表示 , 用于一行 */overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.wes-2 {/* 适用于webkit内核和移动端 */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wes-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.wes-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
/*颜色*/
.c-3 {color:#333;} 
.c-6 {color:#666;} 
.c-8 {color:#888;} 
.c-9 {color:#999;}
.c-rd {color: #F44336;} 
.c-bl {color: #0894EC;} 
.c-wt {color: #FFFFFF;} 
.c-gr {color: #4CD964;} 
.c-or {color: #FF6600;}
/*边框*/
.bdr {border:1px solid #f2f2f2;}
.bdr-l {border-left:1px solid #f2f2f2;} 
.bdr-r {border-right:1px solid #f2f2f2;} 
.bdr-t {border-top:1px solid #f2f2f2;} 
.bdr-b {border-bottom:1px solid #f2f2f2;}
/* 溢出样式 */
.ofh {overflow: hidden;}
.ofs {overflow: scroll;}
.ofa {overflow: auto;}
.ofv {overflow: visible;}
/* 定位方式 */
.ps {position: static;}
.pr {position: relative;zoom: 1;}
.pa {position: absolute;}
.pf {position: fixed;}
/* 垂直对齐方式 */
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
/* 鼠标样式 */
.csd {cursor: default;}
.csp {cursor: pointer;}
.csh {cursor: help;}
.csm {cursor: move;}
/* flex布局 */
.df-sb {display: flex;align-items: center;justify-content: space-between;}
.df-sa {display: flex;align-items: center;justify-content: space-around;}
/* 垂直居中 */
.df-c {display: flex;align-items: center;justify-content: center;}
.tb-c {text-align: center;display: table-cell;vertical-align: middle;}
.ts-c {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ts-mc {position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
/* 辅助 */
.mask-fixed-wrapper {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.65);z-index: 999;}
.bg-cover {background-size: cover;background-repeat: no-repeat;background-position: center center;}
.bg-cover-all {background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
/*滚动条样式*/
.scrollbar_style {scroll-behavior: smooth;}
.scrollbar_style::-webkit-scrollbar {display: none;height: 6px;background-color: #F5F5F5;border-radius: 6px;}
.scrollbar_style::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 6px;display: none;}
::-webkit-scrollbar-track {background-color: transparent;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 6px;display: none;}
/*横向滚动样式*/
.scrollX-list {width: 100%;overflow-x: scroll;display: -webkit-box;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.scrollX-item {text-align: center;flex: 0 0 auto;}
/* 主要 */
.banner{
    max-width: 1920px;
    min-width: 1200px;
    height: 840px;
    background: url(../images/banner.png) no-repeat center top;
}
.w1200{
    width: 1200px;
}
.nav{
    bottom: 11px;
    height: 70px;
    left: 50%;
    margin-left: -600px;
}
.nav ul{
    width: 947px;
    height: 70px;
    line-height: 70px;
}
.nav li{
    position: relative;
}
.nav li.con{
    width: 317px;
}
.nav li.con span{
    display: block;
    width: 1px;
    float: left;
    color: #E0BD7F;
    font-size: 24px;
    font-weight: 100;
}
.nav li,.nav li a{
    width: 315px;
    float: left;
    text-align: center;
}
.nav li a{
    display: block;
    font-size: 22px;
    font-weight: 400;
    color: #CF1D1D;
}
.nav li i{
    top: 22px;
    left: 50px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/dq.png) no-repeat center;
}
.nav li:hover a{
    color: #fff;
}
.con-wrap{
    background-color: #fff;
}
.list-wrap{
    padding-top: 70px;
}
.list-wrap .title{
    height: 71px;
    line-height: 71px;
    margin-bottom: 39px;
}
.list-wrap .title a{
    display: block;
    height: 71px;
}
.list-wrap .t1{
    background: url(../images/t1.png) no-repeat center;
}
.list-box{
    height: 384px;
}
.focus{
    width: 578px;
    height: 326px;
    top: 29px;
    left: 0;
}
.focusBox { position: relative; width: 578px; height: 326px; overflow: hidden;  }
.focusBox .pic img { width: 578px; height: 326px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 57px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 57px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:57px; line-height:57px; position:absolute; bottom:-57px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px; font-weight: 400; text-decoration: none;width: 450px; }
.focusBox .num { position: absolute; z-index: 3; bottom: 16px; right: 10px;background: url(../images/focusBtn.png); padding: 0 5px;}
.focusBox .num li{ float: left; position: relative; width: 30px; height: 24px; line-height: 24px; overflow: hidden; text-align: center;cursor: pointer; background: url(../images/dt.png) no-repeat center;}
.focusBox .num li.on{background: url(../images/dtA.png) no-repeat center;}
.focusBox:hover .txt li a{color: #A71515;} 
.focusBox:hover .txt-bg{ background: #fff; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; }
  .focus .summaryListBox .itemList .summary{ 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #8c8b94;
    text-indent: 2em;
   }
/*  */
.summary{
    font-size: 14px;
    line-height: 18px;
    color: #8C8B94;
    height: 36px;
    overflow: hidden;
}
.list-summary{
    width: 530px;
    height: 364px;
    background-color: #f9f9f9;
    padding-left: 95px;
    padding-right: 41px;
    padding-top: 20px;
}
.list-summary li{
    height: 116px;
    padding-bottom: 32px;
    border-bottom:solid 1px #E1E1E1 ;
}
.list-summary li a{
    display: block;
    height: 116px;
}
.itemList .title{
    height: 52px;
    line-height: 52px;
    padding-top: 28px;
    font-size: 18px;
    color: #2E2C36;
    padding-left: 25px;
    margin-bottom: 0;
    overflow: hidden;
}
.itemList .title i{
    display: block;
    width: 17px;
    height: 12px;
    left: 0;
    top: 48px;
    background: url(../images/dotL.png) no-repeat center;
}
.list-summary li:hover .itemList .summary{
    color: #E5C082;
}
.list-summary li:hover .itemList .title{
    color: #A80D0D;
}
/*  */
.list-wrap .t2{
    background: url(../images/t2.png) no-repeat center;
}
.cardList{
    height: 442px;
    padding-bottom: 100px;
}
.cardList .more{
    display: block;
    width: 270px;
    height: 60px;
    background: url(../images/more.png) no-repeat center;
    left: 50%;
    margin-left: -135px;
    bottom:0 ;
    line-height: 60px;
    text-align: center;
}
.cardList .more a{
    display: block;
    color: #fff;
    font-size: 16px;
    width: 270px;
    height: 60px;
}
.cardList ul{
    height: 442px;
}
.cardList li{
    width: 248px;
    height: 400px;
    background: url(../images/card.png) no-repeat center;
    padding: 6px;
    margin-left: 53px;
    float: left;
}
.cardList li>a{
    display: block;
    width: 248px;
    height: 400px;
}
.photo{
    height: 230px;
}
.photo .userPhoto{
    display: block;
    width: 190px;
    height: 190px;
    left: 50%;
    margin-left: -95px;
    top: 30px;
    z-index: 1;
}
.photo .bg{
    z-index: 2;
    width: 100%;
    height: 230px;
    left: 0;
    top: 0;
    background: url(../images/photo.png) no-repeat center top;
}
.cardList li.first{
    margin-left: 0;
}
.cardList li.tow{
    margin-top: 30px;
}
.cardList li.last{
    margin-left: 54px;
}
.cardList .titleT{
    line-height: 21px;
    height: 42px;
    overflow: hidden;
    color: #2E2C36;
    font-size: 16px;
    padding: 0 30px;
    margin-top:5px;
    margin-bottom:5px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cardList .summaryT{
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    color: #8C8B94;
    font-size: 14px;
    padding: 0 10px;
    margin-top:10px;
    margin-bottom:10px;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.cardList .line{
    height: 16px;
}
.cardList .line span{
    display: block;
    width: 20px;
    height: 2px;
    background: #A91315;
    top: 9px;
    left: 50%;
    margin-left: -10px;
}
.cardList li:hover .titleT{
    color: #A80D0D;
}
.cardList li:hover .summaryT{
    color: #E5C082;
}
.cardList .more:hover a{
    color: #E5C082;
}
/*  */
.list-wrap .t3{
    background: url(../images/t3.png) no-repeat center;
}
.cardList2{
    padding-top: 1px;
}
.cardList2 li{
    width: 584px;
    height: 262px;
    background: url(../images/card2.png) no-repeat center;
    margin-top: 30px;
    float: left;
    margin-bottom: 10px;    
}
.cardList2 li>a{
    display: block;
    height: 262px;
    padding-left: 30px;
    padding-right: 30px;
}
.cardList2 li>a span.more{
    width: 124px;
    height: 46px;
    background: #F1DFC0;
    border-radius: 23px;
    display: block;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #C3A269;
    bottom: 40px;
    right: 30px;
}

.cardList2 li.tow{
    margin-left: 32px;
}
.cardList2 li:hover .itemList .title span.text{
   color: #A71515;
}
.cardList2 li:hover .itemList p.summary{
    color: #E5C082;
 }
/*  */
.footerO{
    margin-top: 60px;
    height: 180px;
    background: url(../images/footer.jpg) center;
}
.footerO span{
    display: block;
    width: 128px;
    height: 42px;
    left: 50%;
    margin-left: -64px;
    top: 50%;
    margin-top: -21px;
    background: url(../images/xxg.png) no-repeat center;
}
.footerO span a{
    display: block;
    width: 128px;
    height: 42px;
}
.cardList2 .itemList{ width: 226px;height: 127px;}
.cardList2 .imgCard{ width: 226px;padding: 66px 27px; height: 130px;}
.cardList2 .imgCard img{display:block;width: 226px;height: 130px;}
.cardList2 li .itemList p.summary{font-size:14px;color:#8c8b94;}
@media only screen and (max-width: 1100px) {
    .banner{
        padding-bottom: 43.75%;
        height: 0;
        background-size: contain;
        min-width: auto;
    }
    .w1200{
        width: 100%;
    }
    .nav{
        left: 0;
        margin-left: 0;
        display: flex;
    }
    .nav ul{
        width: 100%;
        height: 7.4vw;
        background-color: #ECC685;
        line-height: 7.4vw;
        display: flex;
    }
    .cardList{
        height: auto;
        overflow: hidden;
    }
    .list-box{
        height: auto;
        overflow: hidden;
    }
    .focus{
        width: 50%;
        position: relative;
        top: 0;
        float: left;
    }
    .focusBox{
        width: 100%;
    }
    .focusBox .pic img{
        width: 100%;
    }
    .list-summary{
        width: 50%;
        padding-left: 45px;
        height: 326px;
        box-sizing: border-box;
    }
    .nav li{
        flex: 1;
        width: 100%;
    }
    .nav li.con{
        flex: 1;
        width: 100%;
    }
    .nav li a{
        width: 100%;
    }
    .nav li.con a{
        width: calc(100% - 2px);
    }
    .nav li i {
        left: 5.4vw;
        top: 2.6vw;
    }
    .cardList li.tow{
        margin-top: 0;
        margin-left: 0;
        margin-right: 6%;
    }
    .cardList li{
        width: calc(44% - 12px);
        margin-left: 6%;
        margin-bottom: 2vw;
    }
    .cardList li>a{
        margin: 0 auto;
    }
    .cardList li.last{
        margin-left: 0;
    }
    .cardList li.first{
        margin-left: 6%;
    }
    .list-wrap{
        padding-top: 4vw;
    }
    .cardList2 li{
        width: 48%;
    }
    .cardList2 li.tow{
        margin-left: auto;
        float: right;
    }
    .list-wrap .title{
       margin-bottom: 3vw;
    }
}
@media only screen and (min-width: 950px) and (max-width: 1100px) {

}
@media only screen and (max-width: 949px) {
    .nav{
        display: none;
    }
    .focus{
        width: 100%;
    }
    .list-summary{
        width: 100%;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 949px) {
}
@media only screen and (max-width: 767px) {
    .cardList2 li{
        width: 100%;
    }
    .cardList2 li.tow{
        margin-left: 0;
    }
    .footerO{
        height: 20vw;
    }
    .cardList li{
        width: 100%;
    }
    .cardList li.first{
        margin-left: auto;
    }
    .cardList li.tow{
        margin-right: auto;
    }
    .cardList li{
        margin-left: auto;
        background-image: none;
        padding: 3%;
        box-sizing: border-box;
        height: auto;
    }
    .cardList li .item{
        border: 1px solid #F1DFC0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cardList li>a {
        width: 100%;
        padding:1%;
        border: 1px solid #F1DFC0;
        box-sizing: border-box;
        height: auto;
    }
    .photo{
       flex: 3; 
       height: 30vw;
    }
    .cardList .other{
        flex: 7;
    }
    .cardList .titleT{
        box-sizing: border-box;
    }
    .cardList .line{
        display: none;
    }
    .cardList .summaryT{
        box-sizing: border-box;
    }
    .photo .bg{
        display: none;
    }
    .photo .userPhoto{
        width: 80%;
        position: relative;
        height: 80%;
        border-radius: 50%;
        border: 5px solid #FAEEE1;
        box-sizing: border-box;
        left: 0;
        margin-left: 10%;
        margin-top: 10%;
        top: 0;
    }
    .cardList{
        padding-bottom: 8vw;
    }
    .cardList2 li{
        background: url(../images/card2.png) no-repeat center;
        margin-top: 3vw;
        background-size: contain;
        height: 44.86vw;
        background-size: 90%;
    }
    .list-wrap .title{
        height: 15vw;
        line-height: auto;
        background-size: 175%;
    }
    .focus,.focusBox,.focusBox .pic img{
        height: 56.4vw;
    }
    .focusBox .txt li a{
        width: 100%;
        box-sizing: border-box;
    }
    .focusBox .txt{
        bottom: auto;
        top: 0;
    }
    .focusBox .txt-bg{
        bottom: auto;
        top: 0;
    }
    .focusBox .num{
        display: none;
    }
    .focusBox .txt li a{
        display: block;
        box-sizing: border-box;
        padding-right: 10px;
    }
    .focusBox .txt li{
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .list-summary{
        padding: 2vw;
        height: auto;
    }
    .summaryListBox .title{
        padding-top: 0;
    }
    .summaryListBox li{
        padding-bottom: 0;
    }
    .itemList .title i{
        top: 20px;
    }
    .cardList .titleT{
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }
    .cardList .summaryT{
        overflow: hidden;
        padding: 0 10px;
        height: 40px;
        margin-top: 10px;
    }
    .cardList2 li>a{
        height: 44.86vw;
    }
    .cardList2 li>a span.more{
        display: none;
    }
    .itemList .title i {
        top:48px;
    }
    .summaryListBox .title i{
        top: 20px;
    }
    .cardList .more{
    background-image: none;
    background-color: #A71515;
    height: 10vw;
    line-height: 10vw;
    margin-left: -60px;
    width: 120px;
    border-radius: 5vw;
    }
    .cardList .more a {
        display: block;
        color: #fff;
        font-size: 14px;
        width: 120px;
        height: 10vw;
    }
    .cardList2 li{
        margin-top: 0;
    }
    .list-wrap .title{
        margin-bottom: 0;
    }
    .cardList li{
        margin-bottom: 0;
    }
    .footerO{
        margin-top: 10px;
    }
    .summaryListBox .title{
        height: 52px;
        line-height: 52px;
        font-size: 16px;
    }
    .cardList2 .summary{
    padding: 0 20px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
    .focusBox .txt li a{
        font-size: 16px;
    }
    .itemList .title span.text{
    font-size: 16px;
    display: block;
    height: 15vw;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
  .tt{display: none;}
.cardList2 .imgCard{
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 20px 10px;
    padding-bottom: 0;
}
.cardList2 .imgCard img{
    width: 100%;
    height: auto;
    max-height: 136px;
}
.cardList2 li>a{
    height: auto;
    overflow: hidden;
}
.cardList2 li{
    height: auto;
    overflow: hidden;
}
.cardList2 .itemList{
    width: 100%;
    overflow: auto;
    height: auto;
}
.itemList .title i {
    top: 20px;
}
.list-wrap .title{
  padding-top: 0;
}
.summaryListBox .itemList .summary{    
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cardList2 li {
    background:url(../images/card3.png) no-repeat center bottom;
    background-size: 90%;
}
.cardList ul {
  height: auto;
  overflow: hidden;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
}
@media only screen and (max-width: 479px) {

}