@charset "utf-8";
i,em {font-style:normal;}
div {box-sizing:border-box;}
a,a:hover {color:inherit;text-decoration: none;}
/*图片比例控制*/
.imgbox {width:100%;overflow:hidden;position:relative;}
.imgbox:after {content:'';display:block;padding-top:100%;}
.imgbox img {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.36s all;}
.imgbox img:hover {transform:translate(-50%,-50%) scale(1.1);transition:.36s all;}

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_623i0001y89.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_623i0001y89.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_623i0001y89.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_623i0001y89.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_623i0001y89.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_623i0001y89.svg#AlibabaPuHuiTiH') format('svg'); /* iOS 4.1- */
}
.ali-font {font-family: 'webfont';}

@font-face {
  font-family: 'iconfont';  /* project id 2005099 */
  src: url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.eot');
  src: url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.woff') format('woff'),
  url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2005099_3xomwoqkpeo.svg#iconfont') format('svg');
}
.ali-icon {font-family: 'iconfont';}

.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:auto;float:left;width:100%;border:0;}
.slide_container {position:relative;float:left;width:100%;}
.slide {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.slide li {position:absolute;width:100%;left:0;top:0;}
.slide img {display:block;position:relative;z-index:1;height:500px;width:1920px;border:0;}
.slide .caption {display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.slide_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;opacity:0.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../Image/themes.gif") no-repeat left top;margin-top:-45px;opacity:0.2;}
.slide_nav:active {opacity:0.8;}
.slide_nav:hover {opacity:0.8;}
.slide_nav.next {left:auto;background-position:right top;right:0;}

.index01 {width:1200px;margin:0 auto;display:flex;align-items: center;margin-top:10px;background: #fff;}
.index01 .leftbox {display:flex;align-items:center;width:388px;height:120px;border:1px solid #e6e7e8;border-right:none;}
.index01 .leftbox .head {margin:0 30px;width:70px;height:70px;border-radius:500px;position:relative;overflow: hidden;}
.index01 .leftbox .head img {width:100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.index01 .leftbox .txtbox {color:#949290;line-height: 2;}
.index01 .leftbox .txtbox a {color:red;text-decoration: underline;}
.index01 .rightbox {padding:20px 24px 20px 45px;width:812px;height:120px;border:1px solid #e6e7e8;}
.index01 .rightbox .title {display:flex;align-items: center;justify-content: space-between;}
.index01 .rightbox .title .more a {color:#a1a1a0;display:block;font-size:12px;line-height: 12px;height:16px;border:1px solid #c1c1c0;padding:0 5px;border-radius: 50px;}
.index01 .rightbox .title .more a:hover  {color:red;}
.index01 .rightbox .content {display:flex;flex-wrap:wrap;margin-top: 5px;}
.index01 .rightbox .content a {display:block;flex:0 0 50%;max-width:50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;}
.index01 .rightbox .content a:hover {color:red;}


.index03 {width:1200px;margin:0 auto;margin-top:10px;}
.index03 .container {width:100%;display:flex;align-items: center;justify-content: space-between;}

.index04 {width:1200px;margin:0 auto;margin-top:10px;background: #fff;padding:25px 30px;}
.index04 .title {display:flex;align-items: center;justify-content: space-between;}
.index04 .title .more a {color:#a1a1a0;display:block;font-size:12px;line-height: 12px;height:16px;border:1px solid #c1c1c0;padding:0 5px;border-radius: 50px;}
.index04 .title .more a:hover  {color:red;}
.index04 .content {display:flex;align-items:center;margin-top: 10px;}
.index04 .content a {color:#888888;line-height: 40px;font-size:15px;flex:1;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 10px;background: #f7f7f7;margin-right:2px;text-align: center;transition:.36s all linear;}
.index04 .content a:hover {color:#fff;background: #207af5;transition:.36s all linear;}

.ad01 { width: 1200px; text-align: center; overflow:hidden; margin:15px auto 0;}
.ad01 a {display:block;}
.ad01 img{ width: 100%; }

.index02 {width:1200px;margin:0 auto;}


    .hot-content {width:100%;flex-flow:row wrap;height:515px;margin-top:35px;}
    .hot-content.on {display:flex;}
    .hot-slider {flex:1;flex-basis:25%;box-sizing:border-box;max-width:233.6px;overflow:hidden;height:250px;background:#fff;border:1px solid #e6e7e8;margin:4px;}
    .hot-slider:nth-child(1) {margin-left: 0;}
    .hot-slider:nth-child(5n) {margin-right: 0;}
    .hot-slider:nth-child(5n+1) {margin-left: 0;}
    .hot-slider a {display:block;background:#fff;padding:15px;height:250px;}
    .hot-slider .img {width:100%;height:130px;text-align:center;overflow:hidden;background:#fff;margin-bottom:10px;}
    .hot-slider .img img {max-height:130px;max-width: 100%;}
    .hot-slider .title {font-size:15px;color:#645e5e;line-height:24px;height:48px;overflow:hidden;}
    .hot-slider .desc {font-size:12px;color:#645e5e;line-height:24px;height:48px;}
    .hot-slider .price {font-size:15px;font-weight:bold;color:#e10601;height:24px;line-height:24px;}
    .hot-slider .price big {font-size:20px;font-weight:bold;color:#e02824;}
    .hot-slider:hover .title {color:#1f79f4;text-decoration: underline;}
    .hot-slider:hover {border-color:#1f79f4;}

    .like-panel {background: #f5f7f8;padding-top:40px;}