*{font-family:"Microsoft YaHei",Helvetica, STHeiTi, Arial, sans-serif;margin:0;padding:0;}
html{font-size: 18px;}
body{overflow-x: hidden;background: #f5f5f5;-webkit-text-size-adjust: 100% !important;}
a{text-decoration: none;}
a:focus{out-line:none}.abs{position: absolute;}
img{display: block;border: 0; vertical-align: middle;}

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #000; }
a:active { outline: 0; }
a:active { color: #006699; }
b, strong { font-weight: bold; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;font-weight: normal;  }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1{padding:0.5rem 0;}
input,textarea,a{outline: none;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
/*display*/
.display_flex > *{display: block;}
.display_flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.display_inline-flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.display_inline-flex > *{display: block;}
/*伸缩流方向*/
.flex-direction_column{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
/*主轴对齐*/
.justify-content_flex-center{-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.justify-content_flex-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;}
.justify-content_flex-justify{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
/*侧轴对齐*/
.align-items_flex-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.align-items_flex-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.align-items_center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.align-items_baseline{-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
/*伸缩性*/
.flex_auto{-webkit-box-flex: 1;-ms-flex: auto;-webkit-flex: auto;flex: auto;}
.flex_1{width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
/*显示顺序*/
.order_2{-webkit-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.order_3{-webkit-box-ordinal-group: 3;-ms-flex-order: 3;-webkit-order: 3;order: 3;}
.boxSizing{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.wrap {width:100%;position: relative;max-width: 1200px;margin:0 auto;}
.top{background: url("../img/banner.jpg") no-repeat center 0;height: 800px;background-size: auto;}
.head {overflow: hidden;padding:20px 0;height: 83px;}
.head .logo{float: left;width: 110px;}
.head .logo img{width: 100%;}
.head .lognwap{float: right;padding-top: 20px;}
.head .lognwap a{color: #fff;display: inline-block;padding:7px 26px;}
.head .lognwap a:hover{background: #fff;color: #f3863d;border-radius: 20px;}
.banner{height: 666px;position: relative;}
.banner .txt{position: absolute;left: 0;width: 100%;top:120px;color: #fff;height:360px;}
.banner .txt a{position: absolute;left: 0;bottom: 0;}
.btn{display: inline-block;padding:10px 30px;background: #fff;color: #f3863d;border-radius: 20px;}
.banner .txt h1{font-size: 60px;padding-bottom: 40px;}
.banner .txt p{width: 540px;line-height: 1.75em;}
.banner .img{position: absolute;right:-5px; bottom:26px;}
.banner .dianzhui{position: absolute;bottom:0;right: -100px;animation-direction:alternate;
-webkit-animation-direction:alternate;}

.metas{position: relative;height: 30px;}
.metas .tab{position: absolute;left: -150px;top:30px;width: 130px;background: #fff;border-radius:15px;overflow: hidden;}
.metas .tab a {
    display: block;
    border: 10px;
    width: 70px;
    height: 70px;
    background: #f5f5f5 no-repeat center;
    margin: 30px auto;
    border-radius: 10px;
    transition: .3s;
    text-align: center;
    line-height: 70px;
}
/*.metas .tab a:nth-child(1){background-image: url("../img/flicon1.png");}
.metas .tab a:nth-child(2){background-image: url("../img/flicon2.png");}
.metas .tab a:nth-child(3){background-image: url("../img/flicon3.png");}
.metas .tab a:nth-child(4){background-image: url("../img/flicon4.png");}*/
.metas .tab a:hover, .metas .tab a.cur {
    background-color: #f3863d;
    box-shadow: 0 10px 10px rgba(243,134,61,.2);
    transform: translateY(-5px);
    color: #fff;
}
/*.metas .tab a:hover:nth-child(1),.metas .tab a.cur:nth-child(1){background-image: url("../img/flicon1_w.png");}
.metas .tab a:hover:nth-child(2),.metas .tab a.cur:nth-child(2){background-image: url("../img/flicon2_w.png");}
.metas .tab a:hover:nth-child(3),.metas .tab a.cur:nth-child(3){background-image: url("../img/flicon3_w.png");}
.metas .tab a:hover:nth-child(4),.metas .tab a.cur:nth-child(4){background-image: url("../img/flicon4_w.png");}*/
.writebg{background-color: #fff;overflow: hidden;}
.hot{min-height: 500px;padding-bottom:30px;overflow: hidden;}
.hot .listbox{float: left;}
.hot .listbox:nth-child(2n){float: right;}
.listbox{width: 584px;}
.listbox .list-cont{background: #fff;padding:20px 37px;border-radius: 15px;}
.listbox .more{padding:20px 3px;font-size: 16px;overflow: hidden;}
.listbox .more span{color: #d8d8d8;float: left;}
.listbox .more a{float: right;color: #f3863d;}
.list-title{overflow:inherit;height: 60px;}
.list-title b{font-size: 30px;color: #333;position: relative;}
.list-title b:before{content: "";position: absolute; left: -37px;top:50%;;height:32px;width: 5px;margin-top: -16px; background: #f3863d;display: block;}
.list-title .tab{float: right;border:1px solid #f3863d;border-radius: 20px;overflow: hidden;font-size: 14px;color: #f3863d;margin-top: 10px;}
.list-title .tab span{border-left: 1px solid #f3863d;display: inline-block;padding:3px 8px;transition: .2s;float: left;cursor: pointer;text-align: center;min-width: 40px;}
.list-title .tab span:first-child{border:none;}
.list-title .tab span:hover,.list-title .tab span.cur{color: #fff;background-color: #f3863d;}

.list-title .search{float: right;border:1px solid #e8e8e8;border-radius: 15px;padding-right: 30px;position: relative;font-size: 12px;line-height: 24px;height: 24px;width: 80px;transition: .3s;margin-top: 10px;}
.list-title .search:hover{width: 120px;border-color: #d5d5d5}
.list-title .search button{background: none;width:28px;height: 24px;position: absolute;right: 0;top:0;border:none;padding:2px;display: block;}
.list-title .search input{background-color: transparent;border:none;width: 100%;line-height: 24px;height: 24px;padding:0 20px;}
.li-head span{display: inline-block;color: #ccc; text-align: left;font-size: 14px;display: flex;}
.li-head span:nth-child(1),.li-body .li-cum .td1{width: 50%;}
.li-head span:nth-child(2),.li-body .li-cum .td2{width: 30%;}
.li-head span:nth-child(3),.li-body .li-cum .td3{width: 19%;}

.cover {width: 60px; height: 60px; position: relative; display: block; float: left; margin-right: 15px;}

.li-body .li-cum{padding:20px 0;border-bottom: 1px solid #e8e8e8;}
.li-body .li-cum:last-child{border:none;padding-bottom: 0;}
.li-body .li-cum .photo{width: 60px;height: 60px;position: relative;display: block;float: left;margin-right: 20px;}
.li-body .li-cum .photo em{display: block;width: 15px;height: 15px; background-color: red;color: #fff;position: absolute;right: -1px ;top:-1px;font-style: normal;font-size: 12px;font-weight: 400;border-radius: 50%;text-align: center;line-height: 15px;}
.li-body .li-cum .photo span{display: block;width: 60px;height: 60px;overflow: hidden;border-radius: 50%;}
.li-body .li-cum .distable{height:60px;display: table;padding-right: 20px;}
.li-body .li-cum .distable p,.li-body .li-cum .distable > span{display: table-cell;vertical-align: middle;}
.li-body .li-cum .distable .name span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.darenbang .li-body{display: none;}
.darenbang .li-body.show{display: block;}
.tit{text-align: center;position: relative;padding-top: 40px;margin:30px auto;}
.tit span{display: block;position: absolute;top:40px;left: 0;font-size: 36px;width: 100%;font-weight: 800;z-index: 1;}
.tit span:after{content: "";width: 60px;height: 3px;background-color: #f3863d;display: block;margin:0 auto;}
.tit em{font-style: normal;font-size: 115px;text-align: center;color: #f5f5f5;font-weight: 900;position: relative;z-index: 0;}
.trait{position: relative;margin-bottom: 80px;}
.trait .txt{position: absolute;left: 0;top:20px;z-index: 1;}
.trait .txt h2{color: #f3863d;font-size: 44px;font-weight: 900;margin-bottom: 30px;}
.trait .txt h2 span{height: 40px;overflow: hidden;color: #eee;font-size: 88px;display: block;font-weight: 500;line-height: 80px;font-family: "Arial"}
.trait .txt p{padding-left: 18px;line-height: 1.7em;position: relative;}
.trait .txt p:before{content: "";width: 6px;height: 6px;border-radius: 50%;border:2px solid #f3863d;display: block;position: absolute;left: 0;top: 10px;}
.trait .imgs{height: 640px;position: relative;z-index: 0}
.trait.tr2 .txt{position: absolute;right: 0;left: auto;}
.trait .imgs img{position: absolute;z-index: 3;}
.trait.tr1 .imgs img:nth-child(1){left: 0;top: 300px;}
.trait.tr1 .imgs img:nth-child(2){right: 0;top: 400px;}
.trait.tr1 .imgs img:nth-child(3){right: 100px;top: 20px;}
.trait.tr1 .imgs img:nth-child(4){right: 0;top: 0px;z-index: 0;}

.trait.tr2 .imgs,.trait.tr3 .imgs{height: 680px;}
.trait.tr2 .imgs img:nth-child(2){left: 0;top: 0px;z-index:0;}
.trait.tr2 .imgs img:nth-child(1){left: 390px;top: 220px; }

.trait.tr3 .imgs img:nth-child(2){right: -30px;top: 50px;}
.trait.tr3 .imgs img:nth-child(1){left:-33px;top: 290px; }
.trait.tr3 .imgs img:nth-child(3){right: 40px;top: 0; z-index:0;}

.tit.t2 em{color: #efefef;}
.mf{padding: 20px 0 80px;}
.mf a{display: block;width: 277px;height: 230px;text-align: center;background: #fff;border-radius: 15px;}
.mf a img{display: block;margin:45px auto 10px;}

.footer{background-color: #353535;overflow: hidden;padding:30px 0;}
.footer img{display: block;margin:60px auto 40px;width: 110px;}
.footer p{text-align: center;padding-bottom: 60px;font-size: 12px;color: #999;}
.footer p span{display: inline-block;padding:0 20px;}
@media all and (max-width:750px) {
  html{font-size: 6.2vw;}
  body{font-size: .6rem;}
  img{width: 100%;}
  .wrap{width: 100%;}
  .top{background-image:url("../img/pbg.jpg");background-size: 100%;background-position: center;height: auto;}
  .head{padding:.65rem;box-sizing: border-box;height: auto;}
  .head .logo {width: 3rem;}
  .head .lognwap{padding-top: .25rem;}
  .head .lognwap a{padding:.2rem .5rem;}
  .banner{height: auto;overflow: hidden;}
  .banner .txt a{position: static;}
  .banner .txt{position: static;height: auto;text-align: center;padding: 0 1.2rem;width: auto;}
  .banner .txt h1{font-size:1.5rem;font-weight: 700;padding:0 1rem;}
  .banner .txt p{width: auto;padding:1rem 0;}
  .banner .img{position: static;margin-top: .5rem;}
  .banner .dianzhui{right: 0;}
  .metas{height: auto;padding:1rem .65rem;box-sizing: border-box;}
  .metas .tab{position: static;width: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding:.25rem 0;-webkit-box-align: baseline;-ms-flex-align: baseline;-webkit-align-items: baseline;align-items: baseline;}
  .metas .tab a{width: 2.8rem;height: 2.8rem;background-size: 1.5rem;margin-top:.5rem;margin-bottom:.5rem;}
  .hot{min-height: auto;height: auto;padding-bottom: 0;}
  .hot .listbox{float: none;width:auto;padding:0 .65rem;}
  .list-title .tab{}
  .listbox .list-cont{padding:.66rem;}
  .listbox .list{overflow: hidden;width: 100%;}
  .list-title{height: auto;}
  .list-title b{font-size:.8rem;}
  .list-title b:before{left: -.66rem;width: .12rem;}
  .list-title .tab{margin-top: .2rem;}
  .list-title .tab span{font-size: .36rem;padding:.15rem .25rem;text-align: center;min-width:auto;float: left;margin-bottom: -1px;}
  .li-head{width: 100%;margin-top: .5rem;}
  .li-head span{font-size: .5rem;}
  .li-body .li-cum{padding:.5rem 0;}
  .li-body .li-cum > a{}
  .li-body .li-cum .photo{width: 2rem;height: 2rem;}
  .li-body .li-cum .photo span{width: 2rem;height: 2rem;}
  .li-body .li-cum .distable{height: 2rem;}
  .listbox .more{font-size: .55rem;padding:.35rem 3px .65rem;}
  .tit{margin:.25rem auto;}
  .tit span{top:1rem;font-size: .85rem;}
  .tit span:after{width: 1.5rem;margin-top: .2rem;height: .12rem;}
  .tit em{font-size: 1.8rem; white-space:nowrap;}
  .trait{margin-bottom: 0;}
  .trait .txt,.trait.tr2 .txt{position: static;margin:0 .65rem;}
  .trait .txt h2 span{font-size: 1.6rem}
  .trait .txt h2 {font-size: 1.2rem;margin-bottom: .5rem;font-weight: 700;}
  .trait .imgs{height: 11rem;margin:1rem .65rem 0;}

  .trait.tr2 .imgs{height:10rem;}
  .trait.tr3 .imgs{height:11rem;}
  .trait.tr1 .imgs img:nth-child(1){left: 0;top: 5rem;width:60%;}
  .trait.tr1 .imgs img:nth-child(2){right: 0;top: 6.3rem;width:55%;}
  .trait.tr1 .imgs img:nth-child(3){width:60%;right: 2rem;top:.25rem;}
  .trait.tr1 .imgs img:nth-child(4){width:80%;right: 0;top: 0px;z-index: 0;}

  .trait.tr2 .imgs img:nth-child(2){left: 0;top: 0px;z-index:0;width:70%;}
  .trait.tr2 .imgs img:nth-child(1){left: auto;right:2rem;width:60%;top: 3rem; }

  .trait.tr3 .imgs img:nth-child(2){right: 0;top: .5rem;width: 50%;}
  .trait.tr3 .imgs img:nth-child(1){left:0;top: 4.5rem; width: 40%;}
  .trait.tr3 .imgs img:nth-child(3){right: 2rem;top: 0; z-index:0;width: 70%}
  .mf{flex-wrap:wrap;padding:0 .65rem 1rem;}
  .mf a{width:calc(50% - .5rem);box-sizing: border-box;margin-right:.25rem;height:7rem;margin-bottom: .85rem;}
  .mf a:nth-child(2n){margin:0 0 0 .25rem;}
  .mf a img{height: 3rem;width: 3rem;margin-top: 1.5rem;}
  .footer img{display: block;width: 6rem;margin:1rem auto;}
  .footer p{line-height: 1.17rem;padding-bottom: 1.5rem;}
  .footer p span{padding:0 .5rem;}
}