@charset "utf-8";
/* 重置 */
body{font-family: "microsoft yahei", '宋体';}
body > div{margin-right:auto;margin-left:auto; }
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: 640px;
    background: url(../images/banner.png) no-repeat center top;
}
.w1200{
    width: 1200px;
}
/* 导语 */
.introduction{
    height: 167px;
    background: url(../images/introduction.png) no-repeat center top;
}
.introduction .summary{
    padding-left: 195px;
    padding-top: 50px;
    padding-right:20px ;
    height: 90px;
    line-height: 30px;
    padding-bottom: 27px;
    color:#fff;
}
.introduction .summary span a{
    color:#FBD052;
}
#picListBox li{
    height: 674px;
    margin-top: 60px;
    background-color: #0894EC;
}
#picListBox li a,#picListBox li img{
    display:block;
    height: 674px;
    width: 1200px;
}
/* 广告 */
.adv01{
    background:#0C9BE6;
    margin-top: 50px;
   display: block;
}
.adv01 img{
   display:block;
   width:100%;
}
/* 底部 */
.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;
}
@media only screen and (max-width: 1200px) {
    .con-wrap{
        box-sizing: border-box;   
        padding: 0 5%;
    }
    .introduction {
        background: url(../images/introduction.jpg) no-repeat center top;
        background-size: contain;
        background-color: #B71D1F;
        height: auto;
        overflow: hidden;
    }
    .banner{
        width: 100%;
        min-width: auto;
        background-size: contain;
        padding-bottom: 33.33%;
        height: 0;
    }
    .w1200{
        width: 100%;
    }
    #picListBox li {
        height: auto;
        overflow: hidden;
        margin-top:20px
    }
    #picListBox li a, #picListBox li img {
        display: block;
        height: auto;
        width: 100%;
    }
    .footerO {
        height: 20vw;
        margin-top: 20px;
    }
    .introduction .summary{
        padding-left: 20px;
        padding-top: 50px;
        height:auto;
        overflow: hidden;
        line-height: 24px;
        font-size: 14px;
    }
    .tt{
      display: none;
   }
}