@charset "UTF-8";
/* ========== 单篇+文章页 start ========== */
.articleC {background: #fafafa;padding: 0px 0 50px;}
.articleBox {line-height: 36px;padding: 10px 0 0;color: #666666;font-size: 16px;margin-bottom: 10px;}
.articleBox img {max-width: 100%;}
.articleTitleBox{padding: 0 40px;}
.articleCBox{padding: 0 40px;}
/* ————— 标题 start ————— */
.articleTitle {clear: both;line-height: 45px;font-size: 30px;font-family: "microsoft yahei";color: #333333;text-align: center;position: relative;}
/* ————— 标题 end ————— */
/* ————— 发布信息 start ————— */
.articleTime {display: block;clear: both;color: #666666;font-size: 14px;line-height: 32px;padding: 15px 0 15px;border-bottom: 1px solid #f5f5f5;overflow: hidden;text-align: center;}
.articleTime span {margin-right: 16px;font-size: 14px;color: #999999;vertical-align: middle;display: inline-block;}
.shareBox .sharejs_list  .sharejs_item{position:relative;z-index: 100}
    /* ————— 发布信息 end ————— */
/* ————— 分享 start ————— */
.articleShare {display: inline-block;vertical-align: middle;}
.articleShare .shareParent .shareItem{vertical-align: middle;}
/* .shareParent .shareFont.icon-weibo {color: #FFFFFF;background: #ff763b;}
.shareParent .shareFont.icon-qzone {color: #FFFFFF;background: #FDBE3D;}
.shareParent .shareFont.icon-qq {color: #FFFFFF;background: #56b6e7;} */
/* ————— 分享 end ————— */
/* ————— 字体大小 start ————— */
.articleFont{display: inline-block; font-size:14px;color:#999999;}
.articleFont em{font-style: normal;}
.articleFont .btn{display: inline-block;font-size:14px;color:#999999;margin-right:10px;cursor: pointer;position: relative;z-index: 1;line-height:40px;width: 40px;}
.articleFont .btn.show{width: 40px;height: 40px;border-radius: 100%;background-color: #e8e6f3;color: #999999;}
/* ————— 字体大小 end ————— */
/* ————— 大图 start ————— */
/* 文章阅读页-内容上部大图 */
#play {width: 600px;height: 400px;position: relative;overflow: hidden;background: #fff;border: 1px solid #e9e9e9;padding: 5px;margin: 20px auto 0 auto;}
#play .change_a {width: 40%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;}
#play .prev_a {left: 0;}
#play .next_a {right: 0}
#play .change_a span {width: 24px;height: 43px;display: block;position: absolute;top: 50%;margin-top: -21px;display: none}
#play .prev_a span {background: url(../images/common/file/article_iconh.png) no-repeat 0px -50px;left: 0;}
#play .next_a span {background: url(../images/common/file/article_iconh.png) no-repeat -30px -50px;right: 0;}
#play .img_ul {position: relative;z-index: 1;width: 600px;height: 400px;}
#play .img_ul li {position: relative;z-index: 1;width: 600px;height: 400px;background: #fff;margin: 0 0 5px 0;}
#play .img_ul li img {position: absolute;}
.imgMove {width: 600px;clear: both;margin: 20px auto;position: relative;}
.img_hd {margin: 0 auto;overflow: hidden;height: 60px;position: relative;}
.img_hd ul {position: absolute;z-index: 1}
.img_hd ul li {float: left;height: 47px;width: 70px;padding: 3px;margin: 0 7px;cursor: pointer;background: #fff;border: 1px solid #d4d4d4;position: relative;}
.img_hd ul li p {height: 47px;width: 70px;display: block;background: #fff;position: relative;}
.img_hd ul li i {display: block;clear: both;line-height: 20px;padding: 0 5px;background: #000;color: #fff;position: absolute;right: 3px;bottom: 3px;z-index: 9;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;font-family: Arial;font-size: 12px;font-style: normal;}
.img_hd ul li img {position: absolute;height: 47px;width: 70px;}
.img_hd ul li.on {border: 1px solid #c6002f;background: #c6002f;}
.imgMove .bottom_a {width: 20px;height: 25px;display: block;cursor: pointer;z-index: 10;float: left;top: 15px;position: absolute;z-index: 9;background: url(../images/common/file/article_iconh.png) no-repeat;}
.imgMove .prev_a {background-position: left top;left: 0;}
.imgMove .next_a {background-position: right top;right: 0;}
/* ————— 大图 end ————— */
/* ————— 文件 start ————— */
.articleHand {clear: both;font-size: 16px;padding: 10px 0px 20px 0;/* overflow: hidden; */}
.articleHand a {display: inline-block;line-height: 32px;padding: 0 20px 0px 30px;background: url(../images/common/file/file.png) no-repeat left center; color:#666;margin-bottom: 10px;}
.articleHand a.word {background: url(../images/common/file/word.png) no-repeat left 3px;color: #37a6ff !important;}
.articleHand a.ppt {background: url(../images/common/file/ppt.png) no-repeat left center;color: #ff7735 !important;}
.articleHand a.excel {background: url(../images/common/file/excel.png) no-repeat left center;color: #15bf44 !important;}
.articleHand a.pdf {background: url(../images/common/file/pdf.png) no-repeat left center;color: #1369c0 !important;}
.articleHand a.zip {background: url(../images/common/file/zip.png) no-repeat left 3px;color: #ff9779 !important;}
.articleHand a:hover{text-decoration: underline;}
/* ————— 文件 end ————— */
/* ————— 文章页码 start ————— */
.articlePage {clear: both;text-align: center;font-family: Arial;font-size: 0;}
.articlePage a {margin: 0 5px;background: #ccc;padding: 3px 12px;display: inline-block;font-size: 12px;height: 24px;line-height: 24px;}
.articlePage a:hover {color: #fff;background: #c6002f;}
.articlePage a.hover {color: #fff;background: #c6002f;}
/* ————— 文章页码 end ————— */
/* ————— 上一篇/下一篇 start ————— */
.pageUp {display: block;padding: 40px 40px 0;border-top: 1px solid #e1e1e1;}
.pageUpL{line-height: 33px;color: #666666;font-size: 15px;}
.pageUp .pageUpR{float: right;display: inline;margin-top: 10px;line-height: 50px;height: 50px;}
.pageUp .pageUpR a{display: block;padding: 0 35px;border-radius: 50px;background-color: #b91a31;}
.pageUp .pageUpR a span{display: inline-block;padding-left: 25px;background: url("../images/returnListIcon1.png") no-repeat left center;font-size: 16px;color: #ffffff;}
.pageUp .articlePageBox a {font-size: 16px;color: #999999;position:relative;z-index: 10}
.articlePageBox:hover,
.pageUp .articlePageBox a:hover {color: #c6002f;}
/* ————— 上一篇/下一篇 end ————— */
/* ————— 音频 start ————— */
.newsAudio .audiojs audio {position: absolute;left: -1px;opacity: 0;}
.newsAudio .audiojs {z-index: 99999;background: #fff;overflow: hidden;font-family: monospace;font-size: 12px;border-radius: 5px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);width: 400px;margin: 0 auto;border: 1px solid #e5e5e5;}
.newsAudio .audiojs .play-pause {width: 25px;height: 27px;padding: 4px 6px;margin: 0px;float: left;overflow: hidden;position: relative;}
.newsAudio .audiojs .play-pause:before {content: '';display: block;border-right: 1px solid #e5e5e5;position: absolute;right: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs p {display: none;width: 25px;height: 27px;margin: 0px;cursor: pointer;}
.newsAudio .audiojs .play {display: block;}
.newsAudio .audiojs .scrubber {position: relative;float: left;width: 240px;background: #f5f5f5;height: 14px;margin: 10px;top: 1px;overflow: hidden;}
.newsAudio .audiojs .progress {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #fbbc05;z-index: 1;}
.newsAudio .audiojs .loaded {position: absolute;top: 0px;left: 0px;height: 14px;width: 0px;background: #ffeebb;cursor: pointer;}
.newsAudio .audiojs .time {overflow: hidden;height: 35px;line-height: 36px;margin: 0px 0px 0px 6px;padding: 0px 6px 0px 12px;position: relative;color: #666;}
.newsAudio .audiojs .time:before {content: '';display: block;border-left: 1px solid #e5e5e5;position: absolute;left: 0;top: 0;height: 100%;transform: scaleX(0.3);}
.newsAudio .audiojs .time em {padding: 0px 2px 0px 0px;color: #666;font-style: normal;}
.newsAudio .audiojs .time strong {padding: 0px 0px 0px 2px;font-weight: normal;}
.newsAudio .audiojs .error-message {display: none;padding: 0px 10px;height: 35px;overflow: hidden;line-height: 36px;white-space: nowrap;color: #666;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
.newsAudio .audiojs .error-message a {color: #666;text-decoration: none;padding-bottom: 1px;border-bottom: 1px solid #999;white-space: wrap;}
.newsAudio .audiojs .play {background: url(../components/audio/images/play.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .loading {background: url(../components/audio/images/loading.png) center center no-repeat;background-size: 14px;-webkit-animation: fa-rotating 2s infinite linear;animation: fa-rotating 2s infinite linear;}
.newsAudio .audiojs .loading:before {content: '';}
@keyframes fa-rotating {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.newsAudio .audiojs .error {background: url(../components/audio/images/error.png) center center no-repeat;background-size: 14px;}
.newsAudio .audiojs .pause {background: url(../components/audio/images/pause.png) center center no-repeat;background-size: 16px;}
.newsAudio .playing .play,
.newsAudio .playing .loading,
.newsAudio .playing .error {display: none;}
.newsAudio .playing .pause {display: block;}
.newsAudio .loading .play,
.newsAudio .loading .pause,
.newsAudio .loading .error {display: none;}
.newsAudio .loading .loading {display: block;}
.newsAudio .error .time,
.newsAudio .error .play,
.newsAudio .error .pause,
.newsAudio .error .scrubber,
.newsAudio .error .loading {display: none;}
.newsAudio .error .error {display: block;}
.newsAudio .error .play-pause p {cursor: auto;}
.newsAudio .error .error-message {display: block;}
/* ————— 音频 end ————— */
/* ————— 视频 start ————— */
.newsViewVideo{width: 600px;height: 400px;margin: 0 auto;position: relative;}
.newsViewVideo #col1mui-player{height: 100% !important;cursor: pointer;}
.newsViewVideo #muiPlaybtn{position: absolute;left: 0;top: 0;background: url(../images/play.png) no-repeat center center;width: 100%;height: 100%;display: block;z-index: 999;cursor: pointer;}
/* ————— 视频 end ————— */
/* ========== 单篇+文章页 end ========== */
/* ========== 全图列表 start ========== */
/* ========== 全图列表 start ========== */
/* 全图列表1 start */
.imgL1{
    overflow: hidden;
    margin-right: -30px;
}
.imgL1Box{
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
    margin-bottom: 30px;
}
.imgL1Con{
    margin-right: 30px;
}
.imgL1Con .pic{
    overflow: hidden;
    width: 100%;
}
.imgL1Con .pic::before{
    padding-top: 56.5217%;
}
.imgL1Con .pic .mask{
    width: 100%;
    height: 100%;
    background: url(../images/imgList1-icon1.png) center center no-repeat;
    background-color: rgba(0 , 0  , 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.imgL1Con .text{
    line-height: 80px;
    text-align: center;
    background: #fafafa;
    font-size: 18px;
    color: #333;
    padding: 0 28px;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.imgL1Con:hover .pic .mask{
    display: block;
}
.imgL1Con:hover .text{
    background: #b91a31;
    color: #ffffff;
}
/* 全图列表1 end */
/* 全图列表2 start */
.imgL2{
    overflow: hidden;
    margin-right: -30px;
}
.imgL2Box{
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
    margin-bottom: 35px;
}
.imgL2Con{
    margin-right: 30px;
}
.imgL2Con .pic{
    overflow: hidden;
    width: 100%;
}
.imgL2Con .pic::before{
    padding-top: 69.5652%;
}
.imgL2Con .pic .mask{
    width: 100%;
    height: 100%;
    background: url(../images/imgList1-icon1.png) center center no-repeat;
    background-color: rgba(0 , 0  , 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.imgL2Con .text{
    line-height: 77px;
    text-align: center;
    font-size: 18px;
    color: #333;
    padding: 0 28px;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.imgL2Con:hover .text{
    color: #b91a31;
}
/* 全图列表2 end */

/* 全图列表3 start */
.imgL3{
    margin-right: -30px;
}
.imgL3Box{
    display: inline;
    float: left;
    width: 33.3333%;
    margin-bottom: 50px;
}
.imgL3Con{
    margin-right: 30px;
    padding: 27px 20px 32px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.imgL3Con .pic{
    overflow: hidden;
    width: 100%;
    margin-bottom: 17px;
}
.imgL3Con .pic::before{
    padding-top: 58.0952%;
}
.imgL3Con .title{
    line-height: 36px;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.imgL3Con .text{
    line-height: 30px;
    font-size: 14px;
    color: #858585;
}
.imgL3Con:hover{
    box-shadow: 0 0 15px rgba(31, 21, 18, 0.1);
}
/* 全图列表3 end */
/* 全图列表4 start */
.imgL4Scroll{position: relative;width: 100%; overflow: hidden; border-radius: 8px;float: left;margin-right: 20px;display: inline;}
.imgL4Scroll .bd{ overflow: hidden;width: 65.9722%;float: left;margin-right: 30px;}
.imgL4Scroll .slick-list{ overflow: visible; margin-right: -30px; }
.imgL4Scroll .myslide{ width: 100%;}
.imgL4Scroll .con{ margin-right: 30px;display: block;}
.imgL4Scroll .con .pic{overflow: hidden;}
.imgL4Scroll .con .pic::before{padding-top: 56.1053%;}
.imgL4Scroll .rightB{overflow: hidden;background: #f7f7f7;}
.imgL4Scroll .rightB .title{line-height: 34px;height: 68px; color: #b91a31;font-size: 22px;font-weight: bold;padding: 42px 100px 48px 50px ;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.imgL4Scroll .rightB .title a{display: block;}
.imgL4Scroll .rightB .text{height: 160px; line-height: 30px;color: #666666;font-size: 14px;padding: 40px 0px 0px 54px;box-sizing: border-box;margin-bottom: 72px;}
.imgL4Scroll .rightB .more{overflow: hidden; width: 140px;height: 50px;line-height: 50px; text-align: center;background: #c6002f;margin-left: 54px;margin-bottom: 90px;}
.imgL4Scroll .rightB .more a{display: block; color: #ffffff;font-size: 14px;background: url(../images/imgList4-icon3.png) 100px center no-repeat;}
.imgL4Scroll .rightB .more span{padding-right: 14px;}
.imgL4Dot{float: right;display: inline; width: 100%;line-height: 180px;text-align: center;border-bottom: 1px solid #e6e6e6;  position: relative;}
.imgL4Dot .slick-dots li{ display: inline-block; width: 10px; height: 8px; background: rgba(230, 230, 230); border-radius: 8px; margin-left: 8px; cursor: pointer;vertical-align: middle;transition: all 0.3s;-webkit-transition: all 0.3s;}
.imgL4Dot .slick-dots li.slick-active{ width: 20px;background:#b91a31}
.imgL4Scroll .imgL4ScrollPrev{
    position: absolute;
    left: 0;
    top: 87%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 9px;
    height: 18px;
    background: url(../images/imgList4-icon4.png) center center no-repeat;
    cursor: pointer;
}
.imgL4Scroll .imgL4ScrollNext{
    position: absolute;
    right: 0;
    top: 87%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 9px;
    height: 18px;
    background: url(../images/imgList4-icon4.png)  center center no-repeat;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    cursor: pointer;
}
.imgL4Scroll .imgL4ScrollPrev:hover{
    background: url(../images/imgList4-icon5.png)  center center no-repeat;
}
.imgL4Scroll .imgL4ScrollNext:hover{
    background: url(../images/imgList4-icon5.png)  center center no-repeat;
}
.imgL4{
    overflow: hidden;
    margin-right: -30px;
}
.imgL4Box{
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
    margin-bottom: 35px;
}
.imgL4Con{
    margin-right: 30px;
    padding: 36px 20px 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.imgL4Con .pic{
    overflow: hidden;
    width: 100%;
}
.imgL4Con .pic::before{
    padding-top: 56.1905%;
}
.imgL4Con .title{
    height: 62px;
    line-height: 31px;
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-bottom: 15px;
}
.imgL4Con .time{
    font-size: 16px;
    color: #999999;
    transition: all .3s;
    -webkit-transition: all .3s;
    margin-bottom: 40px;
}
.imgL4Con .time span{
    display: inline;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    background: url(../images/imgList4-icon1.png) center center no-repeat;
}
.imgL4Con:hover{
    background: #ec0138;
}
.imgL4Con:hover .title,
.imgL4Con:hover .time{
    color: #fff;
}
.imgL4Con:hover .time span{
    background: url(../images/imgList4-icon2.png) center center no-repeat;
}
/* 全图列表4 end */
/* 全图列表5 start */
.imgL5{
    overflow: hidden;
    margin-right: -30px;
}
.imgL5Box{
    display: inline;
    float: left;
    width: 25%;
    overflow: hidden;
    margin-bottom: 30px;
}
.imgL5Con{
    margin-right: 30px;
    background: #f5f5f5;
}
.imgL5Con .pic{
    width: 100%;
}
.imgL5Con .pic::before{
    padding-top: 128.4866%;
}
.imgL5Con .pic img{
    width: 80%;
    height: 80%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.imgL5Con .title{
    padding: 0 28px ;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #fff;
}
.imgL5Con:hover .title{
    color: #b91a31;
}
.imgList5BoxUpList{margin-right: -40px;margin-bottom: 60px;}
.imgList5BoxUpList dd{float: left;display: inline;width: 25%;}
.imgList5BoxUpList dd a{display: block;margin-right: 30px;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;border: 4px solid transparent;}
.imgList5BoxUpList dd a::before{display: block;content: "";width: 0;height: 0;border-top: 12px solid #b91a31;border-left: 15px solid transparent;border-right: 15px solid transparent;position: absolute;left: 50%;margin-left: -15px;bottom: 12px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.imgList5BoxUpList dd a .pic{overflow: hidden;border: 1px solid #f0f0f0;}
.imgList5BoxUpList dd a .pic::before{padding-top: 100%;}
.imgList5BoxUpList dd a .pic .textC{position: absolute;left: 50px;bottom: 30px;z-index: 2;}
.imgList5BoxUpList dd a .pic .text{writing-mode: vertical-lr;font-size: 24px;color: #ffffff;font-weight: bold;margin-bottom: 50px;}
.imgList5BoxUpList dd a .pic .more{width: 35px;height: 35px;border-radius: 50%;background:#b91a31 url("../images/onlineStoreListIcon.png") no-repeat center center;}
.imgList5BoxUpList dd a .pic .bg{position: absolute;width: 120px;height: 100%;left: 0;top: 0;background-color: rgba(0 , 0  , 0, 0.4);transition: all 0.3s;-webkit-transition: all 0.3s;}
.imgList5BoxUpList dd:hover a{border-color: #b91a31;}
.imgList5BoxUpList dd:hover a::before{bottom: -12px;}
.imgList5BoxUpList dd:hover a .pic .bg{width: 100%;}
.imgList5BoxUpList dd:hover a .pic{border: none;}
.imgList5Title{margin-bottom: 60px;line-height: 35px;height: 35px;}
.imgList5Title .title{float: left;display: inline;margin-right: 50px;font-size: 25px;color: #333333;}
.imgList5Title .line{overflow: hidden;height: 35px;line-height: 35px;position: relative;}
.imgList5Title .line::before{display: block;content: "";width: 100%;height: 1px;background-color: #e6e6e6;position: absolute;left: 0;top: 50%;}
.imgList5Title .line::after{display: block;content: "";width: 1px;height: 100%;background-color: #e6e6e6;position: absolute;left: 0;top: 0;}
/* 全图列表5 end */
/* ========== 全图列表 end ========== */
/* ========== 文字列表 start ========== */
/* 文字列表1 start */
.textL1{
    overflow: hidden;
    margin-right: -30px;
}
.textL1Box{
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
    margin-bottom: 30px;
}
.textL1Con{
    margin-right: 30px;
    background: #f7f7f7;
    padding: 28px 28px 37px 30px;
}
.textL1Con .text{
    height: 66px;
    font-size: 16px;
    color: #666666;
    line-height: 33px;
    margin-bottom: 45px;
}
.textL1Con .icon{
    overflow: hidden;
}
.textL1Con .icon a{
    display: inline;
    float: left;
    font-size: 14px;
    color: #b91a31;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transition: all .3s;
    -webkit-transition: all .3s;
}
.textL1Con .icon .time{
    overflow: hidden;
    text-align: right;
    font-size: 16px ;
    color: #999999;
}
.textL1Con:hover .icon a{
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.textL1Con:hover .text,
.textL1Con:hover .icon .time{
    color: #b91a31;
}
/* 文字列表1 end */
/* 文字列表2 start */
.textL2{
    overflow: hidden;
}
.textL2Box{
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
    margin-bottom: 30px;
}
.textList2Box .textL2Box:nth-child(3n) .textL2Con{
    border-color: transparent;
}
.textL2Con{
    padding: 67px 40px 75px 40px;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.textList2Box .textL2Box .textL2Con{border-right: 1px solid #e5e5e5;}
.textL2Con .title{
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    line-height: 42px;
    height: 42px;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdddb; 
    margin-bottom: 21px;
}
.textL2Con .text{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-bottom: 33px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.textL2Con .iconC{overflow: hidden;}
.textL2Con .iconC .time{float: right;display: inline;line-height: 40px;height: 40px;font-size: 16px;color: #999999;padding-left: 25px;background: url("../images/textTimeIcon.png") no-repeat left center;}
.textL2Con .icon{
    width: 78px;
    height: 40px;
    border: 1px solid #999;
    border-radius: 39px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.textL2Con:hover{
    background: url(../test/textList2.jpg)center center no-repeat;
}
.textL2Con:hover .title{
    color: #b91a31;
}
.textL2Con:hover .icon{
    color: transparent;
    border-color: transparent;
    background: url(../images/textList2-icon1.png) center center no-repeat;
    background-color: #b91a31;
}
.textL2Con:hover .iconC .time{background-image: url("../images/textTimeIconH.png");color: #b91a31;}
.textList2Box .textL2Box:hover .textL2Con{border-color: transparent;}
/* 文字列表2 end */
/* ========== 文字列表 end ========== */
/* ========== 图文列表 start ========== */
/* 图文列表1 satrt */
.imgT1{
    overflow: hidden;
}
.imgT1Box{
    display: inline;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.imgT1Con{
    background: #f5f5f5;
    overflow: hidden;
}
.imgT1Con .pic{
    width: 20.8333%;
    float: left;
    display: inline;
    overflow: hidden;
}
.imgT1Con .pic::before{
    padding-top: 56%;
}
.imgT1Text{
    padding: 0 50px 0 53px;
    box-sizing: border-box;
    overflow: hidden;
}
.imgT1Text .title{
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    line-height: 168px;
    overflow: hidden;
}
.imgT1Text .time{
    float: right;
    display: inline;
    font-size: 16px;
    line-height: 168px;
    color: #999999;
}
.imgT1Text:hover .title{
    color: #b91a31;
}
/* 图文列表1 end */
/* 图文列表2 start */
.imgT2{
    overflow: hidden;
}
.imgT2Box{
    display: inline;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.imgT2Con{
    background: #f5f5f5;
    overflow: hidden;
    padding: 47px 40px 40px 42px;
}
.imgT2Con .pic{
    overflow: hidden;
    width: 20.8333%;
    float: right;
    margin-left: 162px;
}
.imgT2Con .pic::before{
    padding-top: 66.6666%;
}
.imgT2Text .title{
    font-size: 22px;
    color: #333333;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 5px;
}
.imgT2Text .text{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-bottom: 32px;
}
.imgT2Text .time{
    font-size: 16px;
    color: #999999;
}
.imgT2Text .time span{
    display: inline;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    background: url(../images/imgText2-icon.png) center center no-repeat;
}
.imgT2Text:hover .title{
    color: #b91a31;
}
/* 图文列表2 end */
/* 图文列表3 start */
.bookV{
    overflow: hidden;
}
.dzBookV.bookV .bookVText .info{margin-bottom:100px !important;}
.dzBookV.bookV .bookVText .text{display:none;}
.bookVBox{
    display: inline;
    float: left;
    width: 100%;
    overflow: hidden;
}
.bookVCon{
    overflow: hidden;
}
.bookVCon .pic{
    width: 38.8889%;
    float: left;
    margin-right: 64px;
}
.bookVCon .pic::before{
    padding-top: 100%;
}
.bookVCon .pic img{object-fit: contain;}
.bookVCon .bookVText{
    overflow: hidden;
}
.bookVText .title{
    font-size: 32px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 10px;
}
.bookVText .info{
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    border-bottom: 1px solid #eae7e0;
    padding: 20px 0 10px;
    margin-bottom: 30px;
}
.bookVText .info span{
    line-height: 30px;
}
.bookVText .info .bot{
    overflow: hidden;
    line-height: 35px;
}
.bookVText .info span:nth-of-type(1){
    display: block;
}
.bookVText .info .bot span:nth-of-type(1){
    float: right;
    padding-top: 0;
    line-height: 30px;
}
.bookVText .info .bot span:nth-of-type(1) u{
    text-decoration: none;
    font-size: 28px;
    color: #b91a31;
}
.bookVText .info .bot span:nth-of-type(1) i{
    font-style: normal;
    color: #b91a31;
}
.bookVText .info .bot span:nth-of-type(2){
    float: left;
}
.bookVText .info .bot span:nth-of-type(3){
    display: block;
    text-align: center;
    overflow: hidden;
}
.bookVText .text{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    overflow: hidden;
    margin-bottom: 26px;
    height: 198px;
    overflow-y: auto;
}
.bookVText .text span{
    display: block;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    color: #333333;
}
.bookVText .icon{
    overflow: hidden;
}
.bookVText .icon.icon2{
    padding-top: 20px;
    margin-bottom: 20px;
}
.bookVText .icon span{
    display: block;
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 5px;
}
.bookVText .icon .box{
    display: inline;
    float: left;
    text-align: right;
    line-height: 55px;
    border: 1px solid #b91a31;
    border-radius: 27px;
    padding: 0 40px 0 88px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.bookVText .icon a{
    font-size: 18px;
    line-height: 55px;
    color: #333333;
    display: block;
}
.bookVBox .newsAudio{display: none;}
.bookVBox .newsAudio.active{display: block;}
.bookVBox .newsAudio .audiojs{margin: unset;}
.bookVText .icon .box:nth-of-type(1){
    background: url(../images/jd.png) 30px center no-repeat;
    margin-right: 20px;
}
.bookVText .icon .box:nth-of-type(2){
    background: url(../images/tm_icon.png) 30px center no-repeat;
}
.bookVText .icon.icon2 .box:nth-of-type(1){
    background: url(../images/audioIcon.png) 30px center no-repeat;
    margin-right: 20px;
}
.bookVText .icon.icon2 .box:nth-of-type(2){
    background: url(../images/linkIcon.png) 30px center no-repeat;
}
.bookVText .icon.icon2 .box.boxItem1{
    background: url(../images/audioIcon.png) 30px center no-repeat;
    margin-right: 20px;
}
.bookVText .icon.icon2 .box.boxItem2{
    background: url(../images/linkIcon.png) 30px center no-repeat;
}
.bookVText .icon.icon2 .box.boxItem1:hover{background-image: url("../images/audioIconH.png"); background-color: #b91a31;}
.bookVText .icon.icon2 .box.boxItem2:hover{background-image: url("../images/linkIconH.png"); background-color: #b91a31;}
.bookVText .icon .box:hover{
    background-color: #b91a31;
}
.bookVText .icon .box:hover a{
    color: #fff;
}
/* 图文列表3 end */
/* ========== 图文列表 end ========== */
/* ========== 视频列表 start ========== */
/* 视频列表1 start */
.videoL1{
    overflow: hidden;
    margin-right: -30px;
}
.videoL1Box{
    width: 33.3333%;
    display: inline;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}
.videoL1Con{
    overflow: hidden;
    margin-right: 30px;
}
.videoL1Con .pic{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.videoL1Con .pic::before{
    padding-top: 56.0869%;
}
.videoL1Con .pic .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/videoList1-icon1.png) center center no-repeat;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 6;
    cursor: pointer;
}
.videoL1Con .text{
    font-size: 20px;
    color: #333333;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 0 20px ;
    box-sizing: border-box;
}
.videoL1Con .text .textBox{
    display: inline-block;
    line-height: 40px;
}
.videoL1Con:hover .text{
    color: #b91a31;
    
}
/* 视频列表1 end */
/* ========== 视频列表 end ========== */



/* 下拉练习 */
.subL{
    width: 100%;
    margin-right: -30px;
}
.subLBox{
    width: 10%;
    display: inline;
    float: left;
    margin-bottom: 20px;
}
.subLCon{
    margin-right: 30px;
    background: blue;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    position: relative;
    cursor: pointer;

}
.subLCon .erji{
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 9;
    color: #333;
    display: none;
    background: pink;
}
.subLCon .erji dd:hover{
    color: #c6002f;
}

/* 自动播放 */

/* 资质荣誉 start */
.honorList{padding: 30px 0 0;margin-right: -30px;overflow: hidden;}
.honorList dd{float: left;display: inline;width: 25%;margin-bottom: 30px;}
.honorList dd a{display: block;margin-right: 30px;background-color: #fafafa;border-radius: 15px;overflow: hidden;}
.honorList dd a .picC{padding: 15px 20px;border-bottom: 1px solid #e7e7e7;}
.honorList dd a .picC .pic{overflow: hidden;}
.honorList dd a .picC .pic::before{padding-top: 75%;}
.honorList dd a .picC .pic img{object-fit: contain;}
.honorList dd a .text{line-height: 65px;height: 65px;padding: 0 30px;font-size: 16px;color: #333333;text-align: center;overflow: hidden;}
.honorList dd:hover a .text{color: #b91a31;}
/* 资质荣誉 end */
/* 领导列表 start */
.leaderBox{padding: 50px 0 70px;}
.leaderTitle{line-height: 50px;height: 50px;text-align: center;font-size: 28px;color: #333333;margin-bottom: 40px;}
.leaderList dd{margin-bottom: 20px;}
.leaderList dd a{display: block;padding: 0 50px;background-color: #f7f7f7;line-height: 90px;height: 90px;}
.leaderList dd a .name{float: left;display: inline;font-size: 22px;color: #333333;margin-right: 60px;font-weight: bold;}
.leaderList dd a .detail{overflow: hidden;font-size: 18px;color: #666666;}
/* 领导列表 end */
/* 组织架构 start */
.organizeBox{background-color: #fff;padding: 160px 0;}
.organizeBox .pic{overflow: hidden;}
.organizeBox .pic::before{padding-top: 85.75%;}
.organizeBox .pic img{object-fit: contain;}
/* 组织架构 end */
/* 关于我们 start */
.aboutUsBox{padding: 30px 0 65px;}
.aboutUsBoxC{margin-bottom: 30px;}
.aboutUsBoxR{float: right;display: inline;width: 300px;margin-left: 20px;}
.aboutUsBoxCList{float: right;display: inline;width: 245px;margin-left: 30px;}
.aboutUsBoxCList dd{padding-top: 80px;}
.aboutUsBoxCList dd a{display: block;position: relative; background: #f5f5f5 url("../images/aboutUsBoxCListBg.jpg") no-repeat center center / cover;border-radius: 3px;padding: 30px 20px 15px 20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.aboutUsBoxCList dd a::before{display: block;content: "";width: 100%;height: 100%;border-radius: 3px;position: absolute;left: 0;top: 0;background: url("../images/aboutUsBoxCListBgH.jpg") no-repeat center center / cover;visibility: hidden;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.aboutUsBoxCList dd a .icon{float: right;position: relative;z-index: 2; display: inline;margin-top: 25px;text-align: center;line-height: 76px;line-height: 76px;width: 89px;}
.aboutUsBoxCList dd a .icon img{display: inline-block;vertical-align: middle;max-width: 100%;}
.aboutUsBoxCList dd a .icon img.img2{display: none;}
.aboutUsBoxCList dd a .textC{overflow: hidden;font-size: 18px;color: #333333;font-weight: bold;line-height: 25px;position: relative;z-index: 2;}
.aboutUsBoxCList dd:hover a{box-shadow: 0px 19px 43px 0px rgba(93, 155, 160, 0.2);}
.aboutUsBoxCList dd:hover a::before{visibility: visible;opacity: 1;}
.aboutUsBoxCList dd:hover a .icon img.img2{display: inline-block;}
.aboutUsBoxCList dd:hover a .icon img.img1{display: none;}
.aboutUsBoxCList dd:hover a .textC{color: #fff;}
.aboutUsBoxRUp{line-height: 113px;height: 113px;text-align: center;}
.aboutUsBoxRUp a{display: block;font-size: 16px;color: #ffffff;background-color: #b91a31;}
.aboutUsBoxRUp a span{display: inline-block;height: 113px;width: 17px;background: url("../images/aboutUsIcon1.png") no-repeat center center;margin-left: 18px;vertical-align: middle;}
.aboutUsBoxRDown .pic{overflow: hidden;}
.aboutUsBoxRDown .pic::before{padding-top: 191.6667%;}
.aboutUsBoxL{overflow: hidden;background-color: #f7f7f7;padding: 45px 0}
.aboutUsBoxL .title{line-height: 50px;padding: 0 60px;font-family: 'song'; font-size: 45px;color: #333333;font-size: 36px;color: #333333;font-weight: bold;margin-bottom: 15px;}
.aboutUsBoxL .text{text-align: justify;font-size: 16px;color: #333333;line-height: 30px;padding: 0 60px;overflow: hidden;}
.aboutUsScroll{position: relative;}
.aboutUsScroll .bd{ overflow: hidden;padding: 0 5px;}
.aboutUsScroll .slick-list{ overflow: visible;margin: 0 -15px; }
.aboutUsScroll .myslide{width: 25%;float: left;display: inline;padding: 5px 0;}
.aboutUsScroll .con{margin:0 15px;display: block;background: #fff;border-radius: 2px;box-shadow: 0 0 10px 0px rgba(0 , 0  , 0, 0.1);}
.aboutUsScroll .con .pic{overflow: hidden;margin-bottom: 25px;}
.aboutUsScroll .con .pic::before{padding-top: 65.2818%;}
.aboutUsScroll .con .pic img{object-fit: contain;}
.aboutUsScroll .con .text{text-align: center;line-height: 30px;height: 30px;font-size: 16px;color: #333333;overflow: hidden;}
/* 关于我们 end */
/* 子公司列表 start */
.subsidiaryBox{padding: 90px 0 0;}
.subsidiaryListTitle{line-height: 50px;height: 50px;text-align: center;font-size: 35px;color: #333333;font-weight: bold;margin-bottom: 55px;}
.subsidiaryList dd{margin-bottom: 40px;}
.subsidiaryList dd .con{background-color: #f5f5f5;}
.subsidiaryList dd .con .pic{float: left;display: inline;width: 50%;overflow: hidden;}
.subsidiaryList dd .con .pic::before{padding-top: 56.25%;}
.subsidiaryList dd.even .con .pic{float: right;}
.subsidiaryList dd .con .text{overflow: hidden;padding: 40px 60px 0;}
.subsidiaryList dd .con .text .textOne{line-height: 100px;height: 100px;margin-bottom: 10px;}
.subsidiaryList dd .con .text .textOne .num{float: right;display: inline;font-size: 90px;color: #ebebeb;margin-left: 30px;}
.subsidiaryList dd .con .text .textOne .title{overflow: hidden;}
.subsidiaryList dd .con .text .textOne .title a{font-size: 22px;color: #333333;font-weight: bold;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;}
.subsidiaryList dd .con .text .textTwo{line-height: 32px;height: 96px;overflow: hidden;font-size: 15px;color: #666666;margin-bottom: 50px;}
.subsidiaryList dd .con .text .textMore a{display: inline-block;padding: 0 30px;line-height: 50px;height: 50px;border: 1px solid #999999;font-size: 14px;color: #999999;transition: all 0.3s;-webkit-transition: all 0.3s;}
.subsidiaryList dd .con .text .textMore a span{display: inline-block;padding-right: 25px;height: 100%;background: url("../images/subsidiaryIcon1.png") no-repeat right center;}
.subsidiaryList dd .con .text .textMore a:hover{color: #fff;background-color: #b91a31;border-color: #b91a31;}
.subsidiaryList dd .con .text .textMore a:hover span{background-image: url("../images/subsidiaryIcon1H.png");}
.subsidiaryList dd:hover .con .text .textOne .title a{color: #b91a31;}
/* 子公司列表 end */
/* 子公司列表详情 start */
.subsidiaryViewBox{padding: 40px 0 60px;}
.subsidiaryViewC{background-color: #f7f7f7;padding: 45px 0 60px;}
.subsidiaryViewC .title{text-align: center;position: relative;line-height: 50px;height: 50px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;font-size: 28px;color: #333333;}
.subsidiaryViewC .title .returnList{position: absolute;right: 0;bottom: 0;}
.subsidiaryViewC .title .returnList a{display: block;padding: 0 25px;line-height: 55px;height: 55px;background-color: #b91a31;font-size: 16px;color: #ffffff;}
.subsidiaryViewC .title .returnList a span{display: inline-block;height: 100%;padding-right: 35px;background: url("../images/subsidiaryViewIcon.png") no-repeat right center;}
.subsidiaryViewC .info{line-height: 35px;font-size: 16px;color: #333333;padding: 0 50px;}
.subsidiaryViewC .info span{font-weight: bold;}
.subsidiaryViewC .info .pic{width: 50%;margin: 0 auto 30px;}
.subsidiaryViewC .info .pic::before{padding-top: 66.4285%;}
.subsidiaryViewC .info img{max-width: 100%;}
/* 子公司列表详情 end */
/* 综合新闻 start */
.generalNewsList{background-color: #fafafa;padding: 40px 50px 45px;}
.generalNewsList dd{margin-bottom: 23px;}
.generalNewsList dd:last-child{margin-bottom: 0;}
.generalNewsList dd a{display: block;line-height: 30px;height: 30px;}
.generalNewsList dd a .time{font-size: 16px;color: #999999;margin-left: 60px;float: right;display: inline;}
.generalNewsList dd a .title{overflow: hidden;font-size: 16px;color: #333333;transition: all 0.3s;-webkit-transition: all 0.3s;}
.generalNewsList dd:hover a .title{color: #b91a31;}
/* 综合新闻 end */
/* 自主品牌-悦牍 start*/
.brandPage1Box{padding: 60px 0 90px;}
.brandPageBoxUp{position: relative;background-color: #fafafa;cursor: pointer;}
.brandPageBoxUp .textC{position: absolute;right: 50px;bottom: -105px;line-height: 210px;height: 210px;font-size: 200px;color: #f1f1f1;font-family: 'song';}
.brandPageBoxUp .pic{float: left;display: inline;width: 780px;overflow: hidden;}
.brandPageBoxUp .pic::before{padding-top: 56.1538%;}
.brandPageBoxUp .text{overflow: hidden;padding: 80px 55px 0;}
.brandPageBoxUp .text .title{line-height: 55px;margin-bottom: 35px;font-size: 35px;color: #333333;}
.brandPageBoxUp .text .info{line-height: 32px;font-size: 16px;color: #666666;}
.brandIcon{height: 250px;width: 100%;background: url("../images/brandPage1BoxIcon.png") no-repeat center center;}
.brandIcon.brandIconTwo{background-position: left 50px center;}
.brandPage1BoxC{background-position: center top;background-repeat: no-repeat;background-size: cover;padding: 45px 0px 50px;border: 1px solid #cccccc;}
.brandPage1BoxC .titleC{line-height: 55px;height: 55px;margin-bottom: 45px;font-size: 50px;color: #9d6f4b;padding: 0 50px;}
.brandPage1BoxCOne{margin-right: -20px;margin-bottom: 50px;padding: 0 50px 50px;border-bottom: 1px solid #dbdbdb;}
.brandPage1BoxCOne:last-child{margin-bottom: 0;border: 0;padding-bottom: 0;}
.brandPage1BoxCOne dd{float: left;display: inline;width: 33.3333%;}
.brandPage1BoxCOne dd .con{margin-right: 20px;}
.brandPage1BoxCOne dd .con .pic{overflow: hidden;}
.brandPage1BoxCOne dd .con .pic::before{padding-top: 100%;}
.brandPage1BoxC2{margin-bottom: 115px;}
.brandPage1BoxCTwo{margin-right: -20px;padding: 0 50px;}
.brandPage1BoxCTwo dd{float: left;display: inline;width: 25%;}
.brandPage1BoxCTwo dd .con{margin-right: 20px;}
.brandPage1BoxCTwo dd .con .pic{overflow: hidden;}
.brandPage1BoxCTwo dd .con .pic::before{padding-top: 190.625%;}
.brandPage1Buy .title{line-height: 35px;height: 35px;text-align: center;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 25px;}
.brandPage1Buy .info{margin-bottom: 25px;}
.brandPage1Buy .info span{line-height: 30px;height: 30px;display: block; text-align: center;font-size: 16px;color: #333333;}
.brandPage1Buy .info span i{color: #181818;font-weight: bold;font-style: normal;}
.brandPage1Buy .pic{width: 295px;margin: 0 auto;overflow: hidden;}
.brandPage1Buy .pic::before{padding-top: 149.1525%;}
/* 自主品牌-悦牍 end */
/* 自主品牌-陶咖啡器 start */
.brandPage2BoxC1{margin-bottom: 180px;position: relative;}
.brandPage2BoxC1Up{width: 78%;background-color: #553527;background-position: left top;background-repeat: no-repeat;background-size: cover;margin-bottom: 35px;}
.brandPage2BoxC1Up .pic{float: right;width: 525px;overflow: hidden;}
.brandPage2BoxC1Up .pic::before{padding-top: 53.3333%;}
.brandPage2BoxC1Up .text{overflow: hidden;padding: 70px 50px 0;line-height: 40px;height: 120px;overflow: hidden;overflow-y: auto;font-size: 22px;color: #ffffff;text-align: justify;}
.brandPage2BoxC1Down{width: 71%;}
.brandPage2BoxC1Down .text1{text-align: left;line-height: 70px;height: 70px;font-size: 65px;color: rgba(107, 75, 56, 0.1);font-family: 'song';}
.brandPage2BoxC1Down .text2{text-align: right;line-height: 35px;height: 35px;font-size: 30px;color: rgba(107, 75, 56, 1);position: relative;z-index: 2;margin-top: -33px;font-family: 'song';}
.brandPage2BoxC1Img{position: absolute;right: 0;bottom: 0;width: 27%;}
.brandPage2BoxC1Img::before{display: block;content: "";padding-top: 74.6835%;}
.brandPage2BoxC1Img img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.brandPage2BoxC2{margin-bottom: 160px;position: relative;}
.brandPage2BoxC2::before{display: block;content: "";width: 700px;height: 700px;background-color: #f6f4f4;border-radius: 50%;position: absolute;right: -500px;top: 85px;}
.brandPage2BoxC2 .title{margin-bottom: 25px;line-height: 80px;height: 80px;font-size: 65px;color: #6b4b38;position: relative;font-family: 'song';}
.brandPage2BoxC2 .title::before{display: block;content: "";width: 1px;height: 115px;background-color: #f1d1d6;position: absolute; left: 100px;bottom: -115px;}
.brandPage2BoxC2C .pic{float: right;display: inline;width: 655px;overflow: hidden;}
.brandPage2BoxC2C .pic::before{padding-top: 57.2519%;}
.brandPage2BoxC2C .text{overflow: hidden;position: relative;}
.brandPage2BoxC2C .text .textC{padding: 50px 100px;position: absolute;left: 0;bottom: 0; width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #6e5e54;line-height: 37px;font-size: 18px;color: #666666;}
.brandPage2BoxC3 .titleC3{margin-bottom: 105px;line-height: 80px;height: 80px;font-size: 65px;color: #6b4b38;position: relative;font-family: 'song';}
.brandPage2BoxC3 .titleC3::before{display: block;content: "";width: 1px;height: 78px;background-color: #f1d1d6;position: absolute; left: 76px;bottom: -78px;}
.brandPage2BoxC3One{margin-bottom: 190px;}
.brandPage2BoxC3One .textC{line-height: 150px;font-family: 'song'; height: 150px;width: 150px;text-align: center;font-size: 65px;color: #6b4b38;background-color: #fff; position: relative;float: left;display: inline;margin-right: 35px;}
.brandPage2BoxC3One .textC::before{display: block;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border: 2px solid #8d8078;}
.brandPage2BoxC3One .textC::after{display: block;content: "";width: 1px;height: 415px;position: absolute;left: 76px;bottom: -450px;background-color: #f1d1d6;}
.brandPage2BoxC3One .textCon{overflow: hidden;background-color: #f7f7f7;position: relative;top: 75px;}
.brandPage2BoxC3One .textCon .pic{float: left;display: inline;width: 290px;overflow: hidden;}
.brandPage2BoxC3One .textCon .pic::before{padding-top: 141.3793%;}
.brandPage2BoxC3One .textCon .textConC{overflow: hidden;}
.brandPage2BoxC3One .textCon .textConC .textConCInfo{padding: 50px 70px 80px;border-bottom: 1px solid #b1a197;line-height: 38px;height: 76px; font-size: 18px;color: #666666;overflow: hidden;}
.brandPage2BoxC3One .textCon .textConC .textConCInfo2{padding: 40px 70px 0;line-height: 62px;height: 124px;overflow: hidden;font-size: 25px;color: #666666;position: relative;}
.brandPage2BoxC3One .textCon .textConC .textConCInfo2::before{display: block;content: "";width: 600px;height: 1px;background-color: #dcd8d6;position: absolute;left: 70px;top: 102px;}
.brandPage2BoxC3One .textCon .textConC .textConCInfo2 span{font-size: 16px;margin-left: 50px;}
.brandPage2BoxC3One .textCon .textConC .textConCInfo2 span.spanOne{margin-left: 0;}
.brandPage2BoxC3Two{margin-bottom: 180px;}
.brandPage2BoxC3Two .textC{float: left;display: inline;font-family: 'song'; line-height: 150px;height: 150px;text-align: center;width: 150px;border: 1px solid #6e5e54;font-size: 65px;color: #6b4b38;margin-right: 30px;position: relative;}
.brandPage2BoxC3Two .textC::before{display: block;content: "";width: 1px;height: 435px;bottom: -435px;left: 75px;background-color: #f1d1d6;position: absolute;}
.brandPage2BoxC3Two .textCon{overflow: hidden;background-color: #f7f7f7;}
.brandPage2BoxC3Two .textCon .pic{float: right;display: inline;width: 290px;overflow: hidden;}
.brandPage2BoxC3Two .textCon .pic::before{padding-top: 139.6551%;}
.brandPage2BoxC3Two .textCon .textConC{overflow: hidden;padding: 140px 220px 0 90px;line-height: 40px;height: 120px;font-size: 18px;color: #666666;}
.brandPage2BoxC3Three{margin-bottom: 215px;}
.brandPage2BoxC3Three .textC{float: left;display: inline;font-family: 'song'; width: 180px;height: 180px;border: 1px solid #6e5e54;border-radius: 50%;text-align: center;margin-right: 20px;font-size: 65px;color: #6b4b38;line-height: 180px;}
.brandPage2BoxC3Three .textCon{overflow: hidden;}
.brandPage2BoxC3Three .textCon .pic{float: left;display: inline;width: 640px;margin-right: 10px;overflow: hidden;}
.brandPage2BoxC3Three .textCon .pic::before{padding-top: 49.21875%;}
.brandPage2BoxC3Three .textCon .textConC{overflow: hidden;background-color: #f7f7f7;padding: 98px 70px 0;line-height: 40px;font-size: 18px;color: #666666;box-sizing: border-box;-webkit-box-sizing: border-box;}
.brandPage2BoxC3Four{margin-bottom: 100px;}
.brandPage2BoxC3Four .textC{line-height: 80px;height: 80px;font-size: 65px;color: #6b4b38;font-family: 'song';}
.brandPage2BoxC3Four .textConROne{float: right;display: inline;width: 110px;font-size: 45px;color: rgba(102, 102, 102, 0.3);margin: 0 55px 0 45px;writing-mode: vertical-rl;}
.brandPage2BoxC3Four .pic{float: right;display: inline;width: 370px;overflow: hidden;}
.brandPage2BoxC3Four .pic::before{padding-top: 135.1351%;}
.brandPage2BoxC3Four .textConC{overflow: hidden;position: relative;}
.brandPage2BoxC3Four .textConC .textConCon{padding: 95px 140px 120px 80px;box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;position: absolute;left: 0;bottom: 0;border: 1px solid #6e5e54;line-height: 38px;color: #666666;font-size: 18px;}
/* 自主品牌-陶咖啡器 end */
/* 绘本 start */
.pictureBooksBuy {position: fixed;top: 80%;right: 50px;z-index: 998;}
.pictureBooksBuy dd{margin-bottom: 20px;text-align: right;}
.pictureBooksBuy dd a{display: block;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 65px;background-color: #fff;line-height: 65px;height: 65px; box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.12);display: inline-block;}
.pictureBooksBuy dd a .img{float: right;display: inline;width: 65px;height: 65px;line-height: 65px;text-align: center;border-radius: 50%;}
.pictureBooksBuy dd a .img img{max-width: 65px;display: inline-block;vertical-align: middle;}
.pictureBooksBuy dd a .text{overflow: hidden;display: none; font-size: 16px;color: #ffffff;}
.pictureBooksBuy dd:hover a{background-color: #b91a31;padding: 0 25px 0 35px;box-shadow: none;}
.pictureBooksBuy dd:hover a .text{display: block;} 
.pictureBooksBox{padding: 45px 0 60px;}
.pictureBooksBoxUp{margin-bottom: 40px;}
.pictureBooksBoxUp a{display: block;background-color: #fafafa;}
.pictureBooksBoxUp a .pic{float: left;display: inline;width: 470px;overflow: hidden;}
.pictureBooksBoxUp a .pic::before{padding-top: 46.8085%;}
.pictureBooksBoxUp a .text{overflow: hidden;padding: 50px 100px 0 55px;line-height: 30px;font-size: 16px;color: #666666;}
.pictureBooksBoxList dd{margin-bottom: 40px;}
.pictureBooksBoxList dd:last-child{margin-bottom: 0;}
.pictureBooksBoxList dd a{display: block;background-color: #fafafa;}
.pictureBooksBoxList dd a .pic{float: left;display: inline;width: 470px;overflow: hidden;}
.pictureBooksBoxList dd a .pic::before{padding-top: 98.9361%;}
.pictureBooksBoxList dd a .text{overflow: hidden;padding: 35px 30px 0 55px;}
.pictureBooksBoxList dd a .text .title{line-height: 45px;height: 45px;overflow: hidden;font-size: 32px;color: #333333;margin-bottom: 25px;}
.pictureBooksBoxList dd a .text .author{line-height: 30px;height: 30px;font-size: 16px;color: #999999;overflow: hidden;margin-bottom: 20px;}
.pictureBooksBoxList dd a .text .detail{line-height: 30px;height: 30px;font-size: 16px;color: #999999;overflow: hidden;margin-bottom: 30px;padding-bottom: 40px;border-bottom: 1px solid #eae7e0;}
.pictureBooksBoxList dd a .text .detail span{margin-right: 120px;}
.pictureBooksBoxList dd a .text .detail span i{font-style: normal;font-size: 28px;color: #b91a31;}
.pictureBooksBoxList dd a .text .detail span b{font-style: normal;font-weight: normal;color: #b91a31;}
.pictureBooksBoxList dd a .text .info .infoC{line-height: 37px;height: 37px;font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 5px;}
.pictureBooksBoxList dd a .text .info .infoCon{line-height: 32px;height: 96px;overflow: hidden;font-size: 16px;color: #666666;}
/* 绘本 end */
/* 周边 start */
.peripheryList{padding: 45px 0 0;margin-right: -70px;}
.peripheryList dd{float: left;display: inline;width: 50%;margin-bottom: 70px;}
.peripheryList dd a{display: block;margin-right: 70px;padding: 50px;background-color: #f5f5f5;}
.peripheryList dd a .pic{overflow: hidden;}
.peripheryList dd a .pic::before{padding-top: 55.0427%;}
/* 周边 end */
/* 家乡宝 start */
.homeTreasureBox{background-color: #fafafa;padding: 45px 50px 30px;}
.homeTreasureBox .title{text-align: center;margin-bottom: 40px;line-height: 55px;height: 55px;font-size: 42px;color: #333333;}
.homeTreasureBox img{max-width: 100%;}
.homeTreasureBox .info{font-size: 16px;color: #333333;line-height: 32px;}
.homeTreasureBox .info span{font-weight: bold;}
/* 家乡宝 end */
/* 精读列表 start */
.readingList{padding: 50px 0 40px;margin-right: -30px;}
.readingList dd{float: left;display: inline;width: 25%;margin-bottom: 30px;}
.readingList dd a{display: block;margin-right: 30px;background-color: #f5f5f5;}
.readingList dd a .pic{overflow: hidden;}
.readingList dd a .pic::before{padding-top: 147.7611%;}
.readingList dd a .text{text-align: center;padding: 0 20px;font-size: 18px;color: #333333;line-height: 60px;height: 60px;}
.readingList dd:hover a .text{color: #b91a31;}
/* 精读列表 end */
/* 精读详情 start */
.readingViewBox{padding: 50px 0 80px;}
.readingViewBoxC{background-color: #f7f7f7;padding: 35px 0 50px;}
.readingViewBoxC .title{text-align: center;line-height: 60px;padding:0 50px 30px;font-size: 35px;color: #333333;margin-bottom: 45px;border-bottom: 1px solid #e6e6e6;}
.readingViewBoxC .info{line-height: 32px;font-size: 16px;color: #333333;padding: 0 50px;}
.readingViewBoxC .info .img{text-align: center;}
.readingViewBoxC img{max-width: 100%;}
/* 精读详情 end */
/* 线上专营店 start */
.onlineStoreList{padding: 100px 0 150px;margin-right: -40px;overflow: hidden;}
.onlineStoreList dd{float: left;display: inline;width: 50%;}
.onlineStoreList dd a{display: block;margin-right: 40px;background-color: #fff;border-radius: 20px;overflow: hidden;border: 1px solid #cccccc;padding: 50px 30px 60px;text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.onlineStoreList dd a .pic{width: 300px;margin: 0 auto 35px;overflow: hidden;border: 4px solid #b91a31;border-radius: 20px;}
.onlineStoreList dd a .pic::before{padding-top: 100%;}
.onlineStoreList dd a .text{line-height: 45px;height: 45px;font-size: 30px;color: #333333;margin-bottom: 45px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.onlineStoreList dd a .more{line-height: 55px;height: 55px;text-align: center;}
.onlineStoreList dd a .more span{display: inline-block;padding: 0 45px;background-color: #e01835;height: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 55px;}
.onlineStoreList dd a .more span i{padding-right: 40px;display: inline-block;font-style: normal;font-size: 16px;color: #ffffff;background: url("../images/onlineStoreListIcon.png") no-repeat right center;height: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.onlineStoreList dd:hover a{background-color: #b91a31;}
.onlineStoreList dd:hover a .text{color: #fff;}
.onlineStoreList dd:hover a .more span{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.onlineStoreList dd:hover a .more span:hover i{padding-right: 60px;}
/* 线上专营店 end */
/* 城市系列 start */
.citySeriesBox{padding: 50px 0 150px;}
.citySeriesBox img{max-width: 100%;}
/* 城市系列 end */
/* ========== 全图列表 end ========== */
/* ========== 图文列表 start ========== */
/* 图文列表1 start */
/* 图文列表1 end */
/* 图文列表2 start */
/* 图文列表2 end */
/* ========== 图文列表 end ========== */
/* ========== 文字列表 start ========== */
/* 全文列表1 start */
.textList1{ overflow: hidden;}
.textList1 dd{overflow: hidden;height: 45px;line-height: 45px;border-bottom: 1px dotted #ddd;}
.textList1 dd a{display: block;overflow: hidden;font-size: 16px;color: #666}
.textList1 dd a em{ width: 4px; height:4px; border-radius: 4px; background: #777; float:left; display: inline; margin:23px 10px 0 0;}
.textList1 dd span{float: right;display: inline;overflow: hidden;margin-left: 50px;color: #999;font-size: 14px;}
.textList1 dd:last-child{ border: none;}
.textList1 dd:hover a{ color: #c6002f;}
/* 全文列表1 end */
/* 全文列表2 start */
/* 全文列表2 end */
/* ========== 文字列表 end ========== */
/* ========== 瀑布流 start ========== */
/* 纵向瀑布流start */
/* 纵向瀑布流end */
/* 横向瀑布流start */
/* 横向瀑布流end */
/* ========== 瀑布流 end ========== */
/* ————— 公用表单 start ————— */
.input{ border: 1px solid #ddd; padding:0 10px}
.input input{ border: none; background: none; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #333;}
.textarea{ border: 1px solid #ddd; padding:5px 10px}
.textarea textarea{ border: none; background: none; width: 100%; height: 120px; line-height: 25px; font-size: 14px; color: #333;}
a.formBtn{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #FFF; border-radius: 3px; font-size: 14px; color: #333; padding:0 30px; margin: 0 5px;}
a.formBtn:hover{ opacity: .9;}

.formYzm .input{ width: 50%; float: left; display: inline;}
.formYzm .yzmImg{ width: 118px; height: 38px; border: 1px solid #ddd; background: #ddd; float: left; display: inline; margin-left: 20px;}
.formYzm .yzmImg img{ display: block; width: 100%; height: 100%;}

.formSubBtn{ font-size: 0; text-align: left; margin: 0 -5px;}
.formSubBtn a{ padding:0 40px; border-radius: 5px;}
.formSubBtn a.submit{ background: #c6002f; color: #FFF;}
.formSubBtn a.reset{ background: #ddd; color: #8b8b8b;}
/* ————— 公用表单 end ————— */
/* ========== 留言 start ========== */
/* 留言展示列表start */
/* 留言展示列表end */
/* 留言表单start */
/* 留言表单end */
/* ========== 留言 end ========== */
/* ========== 招聘 start ========== */
/* 列表start */
/* 列表end */
/* 表单start */
/* 表单end */
/* ========== 招聘 end ========== */
/* ========== 联系我们 start ========== */
.contact {
    padding-top: 74px;
}
.contactDl {
    margin: 0 60px;
    background: #fff;
    border-radius: 0.17rem;
    height: 546px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding-left: 50px;
}
.contactDl dd {
    height: 100%;
    box-sizing: border-box;
}
.contactDl dd.dd1 {
    padding-top: 42px;
    padding-right: 52px;
    overflow: hidden;
}
.contactDl dd.dd1 .img {
    width: 292px;
    margin-bottom: 44px;
}
.contactDl dd.dd1 .img img {width: 100%;}
.contactDl dd.dd1 .dd1Title {
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 24px;
}
.dd1Tab .item {
    display: inline-block;
    margin-right: 50px;
    padding-left: 42px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #999999;
    background: url(../test/contactDlIcn.png) no-repeat left center / 28px;
    position: relative;
    margin-bottom: 36px;
    cursor: pointer;
}
.dd1Tab .item::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: var(--themeColor);
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    transition: all .5s;
}
.dd1Tab .item.hover::before {
    transform: scale(1);
}
.dd1Tab .item.hover {
    color: #b91a31;
    background: url(../test/contactDlIcnA.png) no-repeat left center / 28px;
}
.dd1TabC .item {
    line-height: 24px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 24px;
    display: none;
}
.dd1TabC .item.hover {display: block;}
.dd1TabC .item span {
    color: #999999;
}
.contactDl dd.dd2 {
    padding-top: 70px;
    padding-right: 40px;
}
.contactDl dd.dd2 .dd2Ewm{
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 30px;
}
.contactDl dd.dd2 .dd2Ewm::before {
    position: absolute;
    display: block;
    content: '';
    width: 13px;
    height: 2px;
    background: #062390;
    left: 0;
    bottom: 0;
}
.dd2ul li {
    margin-bottom: 20px;
}
.dd2ul li .img {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 14px;
    float: left;
}
.dd2ul li .title {
    line-height: 24px;
    font-size: 15px;
    color: #333333;
    padding-top: 52px;
    overflow: hidden;
    text-align: center;
}

.contactDl dd.dd3 {
    width: 490px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    padding: 70px 30px 0 50px;
}
.contactDl dd.dd3 .tel {
    line-height: 40px;
    font-size: 18px;
    color: #fff;
}
.contactDl dd.dd3 .tel1 {
    line-height: 34px;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 44px;
}
.contactDl dd.dd3 .tel1::before {
    position: absolute;
    display: block;
    content: '';
    width: 13px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
}
.contactDl dd.dd3 .site {
    line-height: 26px;
    font-size: 16px;
    color: #ffffff;
}
.contactDl dd.dd3 .site1 {
    line-height: 24px;
    font-size: 24px;
    color: #ffffff;
    padding-top: 14px;
    min-height: 120px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-family: 'pop';
}
.contactDl dd.dd3 .textC {
    line-height: 24px;
    font-size: 14px;
    color: #cbd7fa;
}


.mapBox {
    height: 600px;
    margin-top: -100px;
    position: relative;
}
#map {
    height: 100%;
    position: absolute;
    z-index: 1;
    width: 100%;
    background: #d4e1ff !important;
    left: 0;
    top: 0;
}

.contactFormTitle {
    line-height: 40px;
    font-size: 24px;
    color: #444444;
}
.contactFormTitle1 {
    line-height: 26px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 32px;
}
.contactForm .formBox {
    margin: 0 -15px;
}
.contactForm .form {
    width: 50%;
    margin-bottom: 20px;
    float: left;
}
.contactForm .form.textA {
    width: 100%;
}
.contactForm .formBoxYzm .form {
    width: 240px;
}
.contactForm .form .con {
    background: #f6f8fb;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 7px;
    height: 50px;
    margin: 0 15px;
}
.contactForm .form.textA .con {
    height: 202px;
}
.contactForm .form .con .label {
    line-height: 50px;
    font-size: 14px;
    color: #666666;
    margin-right: 10px;
}
.contactForm .form .con .input {
    height: 100%;
    border: none;
    overflow: hidden;
}
.contactForm .form .con .input input,
.contactForm .form .con .input textarea {
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    border: none;
    display: block;
    background: none;
    outline: none;
    resize: none;
}
.contactForm .form.textA .con .input {
    padding: 14px 0;
    box-sizing: border-box;
}
.contactForm .form .con .input textarea {
    line-height: 20px;
}
.contactForm .formBoxYzm .yzm {
    width: 100px;
    height: 50px;
    margin: 0 20px 0 5px;
    border-radius: 6px;
    cursor: pointer;
}
.contactForm .formBoxYzm .yzm img {width: 100%;}
.contactForm .formBoxYzm .title {
    line-height: 50px;
    font-size: 16px;
    color: #666666;
}
.contactForm .formBoxYzm .formBtn {
    width: 176px;
    line-height: 50px;
    left: 50px;
    background: #b91a31;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    left: -15px;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.contactForm .formBoxYzm .formBtn:hover {
    transform: scale(.98);
    box-shadow: rgba(215, 158, 107,.4);
}
/* ========== 联系我们 end ========== */
/* ========== 问卷调差 start ========== */
/* 问卷列表 start */
/* 问卷列表 end */
/* 问卷调查 start*/
/* 问卷调查 end*/
/* 问卷详情 start*/
/* 问卷详情 end*/
/* ========== 问卷调查 end ========== */
