html {-webkit-text-size-adjust: none; width:100%; overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */ vertical-align:top; -webkit-transition: all .6s; transition: all .6s; -o-object-fit: cover; object-fit: cover;}
.video embed, .video object, .video iframe {width: 100%;height: auto;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea {-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
input:focus { outline:none;}
a{-webkit-tap-highlight-color: rgba(0,0,0,0); transition: all .3s; -webkit-transition: all .3s;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
a:hover{ color:#ce140f; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; }i{ font-style:normal;}
li{list-style:none}img{border:0;}a{color:#6c4104;text-decoration:none;outline:none;}em{ font-style:normal;}
body{ background: #f6f6f6; font-size:16px; line-height: 150%; font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,Heiti SC,STHeiti,SimSun,sans-serif;color:#6c4104;}
.clearfix:after {content:".";display:block;visibility:hidden;height:0;clear:both; }/* 清除浮动*/* html .clearfix{ zoom: 1; } 
.fl{ float: left; display:block;} .fr{ float: right; display:block;}
.copyright{ margin:0 auto; font-size:12px; text-align:center; padding:30px 0 20px;  clear:both; color:#999999}
/*-------------------------------------------------------------------------------------------------------------------------*/
.w{ width:1200px; margin:0 auto; position: relative;}
.icon{ background:url(../images/icon.png) no-repeat; display: block; overflow: hidden;}
#load{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: #ce140f;}
#load img{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px;}
#load p{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: 50px; color: #fff; font-size: 14px;}
.video{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; background: #000;}
.video video{ width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill;}
.video .icon{ position: absolute; left: 50%; bottom: 60px; margin-left: -50px; width: 100px; height: 50px; background-position: -80px 0; cursor: pointer; -webkit-animation: down 2s linear infinite; animation: down 2s linear infinite;}
@-webkit-keyframes down{
    0%{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
    100%{ -webkit-transform: translateY(110px); transform: translateY(110px); opacity: 0;}
}
@keyframes down{
    0%{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
    100%{ -webkit-transform: translateY(110px); transform: translateY(110px); opacity: 0;}
}
.container{ background: url(../images/bg_3.jpg) no-repeat center bottom;}
.containerTop{ padding-top: 116px;}
.content{ width:100%; background:url(../images/home_bg.jpg) no-repeat center top;}

.head{ width: 100%; height: 780px; background: url(../images/home_bg.jpg) no-repeat center top; position: relative;}
.head .logo{ width: 652px; height: 320px; position: absolute; top: 50%; left: 50%; margin-left: -525px; margin-top: -229px; z-index: 2;}
.head .home-1{ width: 843px; height: 221px; position: absolute; top: 50%; left: 50%; margin-left: -411px; margin-top: 44px; z-index: 1;}
.wap-head{ display: none;}
.nav{ width: 100%; height: 80px; background: #ce140f;}
.fixed{ position:fixed; top:0; left:0; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+0)); width:100%; z-index: 999;}
.nav .w{ position: relative;}
.nav .logo{ width: 262px; height: 80px; position: absolute; left: 0; top: 0;}
.navs{ padding-top: 20px; padding-left: 290px;}
.navs li{ float: left; line-height: 34px; background: url(../images/navLi.png) no-repeat center right; font-size: 20px; font-weight: bold; padding: 0 27px 0 24px;}
/* .navs .liWidth1{ width: 90px;}
.navs .liWidth2{ width: 144px;}
.navs .liWidth3{ width: 216px;} */
.navs .liBg0{ background: none;}
.navs li a{ color: #fff;}
.navs li a:hover{ color: #ffba00;}
.tq{ width: 100%; color: #583503; padding: 516px 0 20px;}
.tq h2{ line-height: 80px; font-size: 38px; font-weight:bold; text-align:center;}
.tq h2 a:link{color:#cc0000}
.tq p{ text-indent: 2em; font-size: 14px; padding: 0 60px;}
.tq .icon{ height: 57px; width:59px; background-position: 0 0; position: absolute; top: 0; left: 0;}
.mod { padding: 8px 0 30px;}      
.mod .h{ width: 100%; height: 110px; background:url(../images/column.png) no-repeat; overflow: hidden; margin-bottom: 30px;}
.mod .h a{ display: block; width: 100%; height: 100%;}
.mod-b .h{ background-position: 0 -110px;}
.mod-e .h{ background-position: 0 0;}
.mod-c .h{ background-position: 0 -220px;}
.mod-d .h{ background-position: 0 -440px;}
.mod-f .h{ background-position: 0 -330px;}

.mod-a .fl{ width: 600px;}
.mod-a .fr,.mod-b .fr{ width: 560px;}
.mod-a .slideBox{ width: 600px; height: 378px; overflow: hidden; position: relative;}
.slideBox .bd{ width: 100%; height: auto; position: relative;}
.slideBox .bd li{ width: 100%; position:relative; height: 378px; overflow: hidden;}
.slideBox .bd li a{ display: block; width:100%; height:100%;}
.slideBox .bd li img{ height: 100%; width: 100%;}
.slideBox .bd li p,.slideBox .bd li em{ position: absolute; height: 60px; bottom: 0; overflow: hidden; line-height: 60px; color:#fff; z-index: 9;}
.slideBox .bd li p{ left: 120px; right: 60px; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.slideBox .bd li em{ left: 0; width: 100%; z-index: 8; background: #000; filter: alpha(opacity=60); opacity: 0.6;}
.slideBox .prev,.slideBox .next{ width: 40px; height: 60px; position: absolute; bottom: 0; z-index: 10;}
.slideBox .prev{ left: 10px; background-position: -80px -60px;}
.slideBox .next{ right: 10px; background-position: -120px -60px;}
.slideBox  .slideState{ position: absolute; bottom: 12px; left: 60px; font-size: 18px; color:#fff; z-index: 10;}
.slideBox  .slideState span{ color:#ff0105; font-size: 30px; }
.slideBox  .slideState em{ margin-left: 2px;}
.box .item{ margin-bottom: 11px;}
.box .item h2{ line-height: 40px; height: 40px; overflow: hidden; font-size: 26px; font-weight:bold; margin-bottom: 8px; text-overflow: ellipsis; white-space: nowrap;}
.box .item p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.box li{ height: 54px; line-height: 54px; overflow: hidden; font-size:16px; border-top: 1px dashed #e6c7a9; }
.box li i{ font-weight: bold; font-size: 20px; color: #ead4c0; margin: 0 6px;}
.box li a{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mod-b{padding:0px; background:#fff;}
.mod-e .fl,.mod-e .fr{ width:480px;}
.box2 li{width: 50%;float: left;}
.box2 li a,.box3 li a{ color:#333;}
.box2 li a:hover,.box3 li a:hover{color:#e12146;}
.box2 li i,.box3 li i{ background-position:-60px -190px;}


.mod-b{ background: url(../images/bg_1.jpg) no-repeat top right;}
.mod-b .fl{ width: 618px; height: 378px; overflow: hidden;}
.mod-b .fl li{ margin-right: 18px; margin-bottom: 18px;}
.cont{ width: 291px; height: 180px; position: relative; float: left;}
.cont .im{ width: 100%; height: 100%; overflow: hidden; background: #ff6200;}
.cont .im img{ width: 100%; height: 100%;}
.cont .p,.cont .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; line-height: 30px; text-align: center; display: none;}
.cont .p table{ width: 100%;}
.cont .p tr{ text-align: center;}
.cont .p td{ width: 100%; vertical-align: middle; text-align: left;  padding: 0 30px; height: 180px;}
.cont .p a{ line-height: 30px; color: #fff; font-size: 18px; font-weight: bold;}
.cont .bg{ z-index: 8; background: #ff6200; opacity: .8; filter: alpha(opacity=80);}
.cont:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.mainBox .b{ width: 100%; background: #c1322c; padding: 60px 0;}
.tbox{ width: 390px;}
.tbox .item{ margin-bottom: 15px; border-bottom: 2px solid #fbf0d6; padding-bottom: 15px;}
.tbox .item h2{ line-height: 36px; overflow: hidden; font-size: 26px; font-weight:bold; margin-bottom: 8px; }
.tbox .item h2 a{ color: #fbf0d6;}
.tbox .item p{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #fbf0d6; }
.tbox li{ height: 40px; line-height: 40px; font-size:16px;}
.tbox li a{ display: block; color: #fbf0d6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbox .item h2 a:hover,.tbox li a:hover{ color: #ffba00;}
.mainBox .fr{ width: 786px;}
.mainBox .cont{ width: 258px; height: 145px; margin-right: 4px; margin-bottom: 4px;}
.mainBox .cont-1{ width: 520px; height: 347px;}
.mainBox .cont-2{ width: 258px; height: 347px;}
.mainBox .cont .p td{ height: 145px;}
.mainBox .cont-1 .p td{ padding: 0 100px;}
.mainBox .cont-1 .p td,.mainBox .cont-2 .p td{ height: 347px;}
.conatBox .b{ width: 1230px; position: relative; left: 0;}
.conat{ width: 270px; float: left; margin-right: 30px; margin-bottom: 30px;}
.conat .im{ width: 100%; height: 430px; overflow: hidden; background: #ff6200;}
.conat .im img{ width: 100%; height: 100%; }
.conat:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.conat h2{ padding-left: 16px; height: 40px; font-size: 20px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; margin-top: 10px; margin-bottom: 4px;}
.conat h2 i{ display: block; overflow: hidden; width: 8px; height: 8px; background: #f77776; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.conat p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;}
.conat p a{ display: inline-block; *display: inline; zoom: 1; height: 18px; padding: 0 5px; background: #f77776; color: #fff; line-height: 18px; border-radius: 5px; margin-left: 5px; font-size: 12px;}
.mod-g .b{ width: 100%; background: url(../images/bg_2.jpg) no-repeat center top; height: 612px;}
.mod-i .b{ height: auto;}
.dsjBox{ width: 100%;}
.dsjBox .date{ height: 102px; overflow: hidden;} 
.dateScroll{ height: 48px; padding-top: 30px; border-bottom: 4px dotted #d6bda0; width: 1130px; margin: 0 auto;}
.dateScroll .tempWrap{ margin: 0 auto;}
.dsjBox .date li{ display: inline-block; *display: inline; zoom: 1; float: left; width: 110px; height: 70px; text-align: center; position: relative; cursor: pointer;}
.dsjBox .date li span{ font-size: 24px; display: block; height: 30px; line-height: 30px; color: #ce140f; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.dsjBox .date li .icon{ width: 40px; height: 40px; background-position: -200px -60px; margin: 0 auto;}
.dsjBox .date .on .icon{ background-position: -160px -60px;}
.dsjBox .dateCont li{ width: 1160px; float: left; height: 300px; padding: 20px; color: #87561c;}
.dsjBox .dateCont li .im{ width: 466px; height: 290px; border: 5px solid #fff; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); box-shadow: 0 0 20px rgba(0,0,0,.1); float: left; margin-right: 36px; overflow: hidden;}
.dsjBox .dateCont li .im img{ width: 100%; height: 100%;}
.dsjBox .dateCont li h2{ font-size: 48px; font-weight: bold; line-height: 60px; margin-bottom: 8px; }
.dsjBox .dateCont li a{ color: #87561c; }
.dsjBox .dateCont li p{ font-weight: bold; line-height: 24px; text-indent: 2em; margin-bottom: 15px;} 
.dsjBox .dateCont li .c a{ display: block; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; font-size: 18px; font-weight: bold; }
.dsjBox .dateCont li .c a i{ margin-right: 5px;}
.dsjBox .dateCont li a:hover{ color: #ce140f;}
.dsjBox .sPrev,.dsjBox .sNext{ width: 40px; height: 60px; position: absolute; top: 50%; margin-top: 34px; z-index: 12; opacity: .6; filter: alpha(opacity=60); cursor: pointer;}
.dsjBox .sPrev{ left: -60px; background-position: 0 -60px;}
.dsjBox .sNext{ right: -60px; background-position: -40px -60px;}
.dsjBox .sPrev:hover,.dsjBox .sNext:hover{ opacity: 1; filter: alpha(opacity=100);}
.dsjBox .prevStop,.dsjBox .nextStop{ display: none;}
.picsBox{ width: 100%; height: 636px; position: relative;}
.picsBox .bd{ width: 100%; height: auto; position: relative;}
.picsBox .bd ul{ width: 594px; margin-right: 13px;}
.picsBox .bd li{ width: 290px; position:relative; height: 200px; overflow: hidden;  margin-bottom: 13px;}
.picsBox .bd .cont .p td{ height: 200px;}
.picsBox .bd .li-right{ margin-right: 13px;}
.picsBox .bd .li-big{ width: 594px; height: 410px;}
.picsBox .bd .li-big .p td{ height: 410px;}
.picsBox .prev,.picsBox .next{ width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; opacity: 1; filter: alpha(opacity=100);}
.picsBox .prev{ left: -60px; background-position: 0 -60px;}
.picsBox .next{ right: -60px; background-position: -40px -60px;}
.picsBox .prev:hover,.picsBox .next:hover{ opacity: .8; filter: alpha(opacity=80);}
#foot{ background:#f9f9f9; padding:20px 0; border-top:5px solid #e12146;}
.bottom-msg .fr{ border-left-color: #e49c59 !important;}
#wap-foot{ display: none;}
.mod-j .h{background-position: 0 -990px;}
@media screen and (max-width:1024px){
	*, *::after, *::before{ box-sizing: border-box; -webkit-box-sizing: border-box;}
	::-webkit-scrollbar {/*隐藏滚轮*/display: none;}
	a:hover{ color: #000;}
    a:active{ color: #d0011d;}
    body{ line-height: 1.2rem; font-size: .6rem;}
    .fl,.fr{ width: 100% !important; float: none !important; display: block;}
    .w{ width: 100%;}
    #load,.video,.head,#foot{display: none;}
	.content{padding-bottom: 30px; background: none;}
	
    .wap-head{ display: block; text-align: center; }
    #wap-foot{ display: block; text-align: center; height: 2rem; line-height: 2rem; color: #e49c59; background: #ce140f;}
    .container{background: none;}
    .nav{ height: 2.2rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; box-shadow: 0 0 20px rgba(0,0,0,.1);}
    .nav .logo{ height: auto; width: 5.2rem; text-align: center;}
    .nav .logo img{ height: 1.5rem; width: auto; margin-top:5px}
    .menu{ width: 2.2rem; height: 2.2rem; position: absolute; top: 0; right: 0;}
    .menu::before,.menu::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.2rem; border-top: 2px solid #fff; transition: all .3s;}
    .menu::before{ height: .9rem; border-bottom: 2px solid #fff;}
    .menu::after{ height: 0;}
    .menu.open::before{ border-bottom: none; transform: translate(-50%,-50%) rotate(45deg); height: 0;}
    .menu.open::after{ transform: translate(-50%,-50%) rotate(-45deg);}
    .navs{ padding: 0; position: absolute; left: 0; top: 2.2rem; height: calc(100vh - 2.2rem); background: #ce140f; transition:.3s,opacity .4s; -webkit-transition:.3s,opacity .4s; transform:translate3d(-100%,0,0); -wtransform:translate3d(-100%,0,0); opacity:0; visibility:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
    .navs.nav-on{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; visibility:visible;}
    .navs li{ width: 100% !important; float: none; line-height: 2rem; font-size: .7rem; background: none; border-top: 1px solid #b0100c; padding: 0;}
    .navs li a{ display: block; padding: 0 .6rem;}
    .navs li a:hover{ color: #fff;}
    .navs li a:active{ background: #b0100c;}
    .tq{ padding: 1rem .6rem .6rem;}
    .tq .icon{ left: -.6rem; top: -.6rem; -webkit-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: left top; transform-origin: left top;}
    .tq h2{ font-size: 1.2rem; line-height: 1.5rem; padding: 0 .6rem; margin-bottom: .3rem;}
    .tq p{ padding: 0; font-size: .65rem;}
    .mod{ padding: .6rem 0;}
    .mod .h{ background-size: 600px auto; height: 55px; margin-bottom: .8rem; background-position-x: center; overflow: hidden; width: 100%;}
    .mod-a .h{ background-position-y: 0;}
    .mod-b .h{ background-position-y: -55px;}
    .mod-c .h{ background-position-y: -110px;}
    .mod-d .h{ background-position-y: -220px;}
    .mod-e .h{ background-position-y: 0;}
    .mod-f .h{ background-position-y: -165px;}
    .mod-j .h{ background-position-y: -493px;}
    .mod-g .h{ background-position-y: -330px;}
    .mod-h .h{ background-position-y: -385px;}
    .mod-i .h{ background-position-y: -440px;}

	
	
    .mod-a .slideBox{ width: 100%; height: auto;}
    .slideBox .bd li{ height: auto;}
    .slideBox .bd li a{ position: relative; height: 0; padding-bottom: 63%; }
    .slideBox .bd li a img{ position: absolute; left: 0; top: 0;}
    .slideBox .bd li p, .slideBox .bd li em{ height: 1.6rem; line-height: 1.6rem; font-size: .65rem;}
    .slideBox .bd li p{ left: 3.4rem; right: 1.6rem;}
    .slideBox .slideState{ bottom: -.1rem; line-height: 1.6rem; font-size: .6rem; left: 1.6rem;}
    .slideBox .slideState span{ font-size: 1rem;}
    .slideBox .prev, .slideBox .next{ width: 1.6rem; height: 1.6rem; background: none;}
    .slideBox .prev{ left: 0;}
    .slideBox .next{ right: 0;}
    .slideBox .prev::before, .slideBox .next::before{ content: ''; width: .6rem; height: .6rem; border-left: 2px solid #fff; border-top: 2px solid #fff;position: absolute; top: 50%; left: 50%; }
    .slideBox .prev::before{ -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg);}
    .slideBox .next::before{ -webkit-transform: translate(-50%,-50%) rotate(135deg); transform: translate(-50%,-50%) rotate(135deg);}
    .box{ padding: .6rem .6rem 0;}
    .box .item h2{ line-height: 1.2rem; font-size: .9rem; margin-bottom: .4rem; height: auto; white-space: normal;}
    .box li{ height: 2rem; line-height: 2rem; font-size: .7rem;}
	.box2 li{width: 100%;}
    .mod-b .fl{ height: auto; padding: 0 .3rem;}
    .mod-b .fl li{ margin-right: 0; margin-bottom: .6rem; padding: 0 .3rem; width: 50%;}
    .cont{ height: auto;}
    .cont .im{ position: relative; height: 0; padding-bottom: 61.8556%;}
    .cont .im img{ position: absolute; left: 0; top: 0;}
    .cont .p{ display: block; position: inherit; margin-top: .3rem;}
    .cont .p td{ padding: 0; height: auto;}
    .cont .p a{ font-size: .6rem; line-height: .8rem; height: 1.6rem; color: #6c4104; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .cont-1 .p a{ height: auto;}
    .mainBox .b{ padding: .6rem 0;}
    .tbox{ width: 100%; padding: 0 .6rem;}
    .tbox .item h2{ line-height: 1.2rem; font-size: .9rem; margin-bottom: .4rem;}
    .tbox .item{ padding-bottom: .5rem; margin-bottom: .4rem;}
    .tbox li{ line-height: 1.6rem; height: 1.6rem;}
    .mainBox .fr ul{ padding: .6rem .3rem 0;}
    .mainBox .cont{ padding: 0 .3rem; margin-right: 0; margin-bottom: .6rem; width: 50%; height: auto;}
    .mainBox .cont-1{ width: 100%; height: auto;}
    .mainBox .cont-1 .p td, .mainBox .cont-2 .p td,.mainBox .cont .p td{ height: auto; padding: 0;}
    .mainBox .cont .p a{ color: #fff;}
    .mainBox .cont-2{width: 50%; height: auto;}
    .conatBox .b{ width: 100%; padding: 0 .3rem;}
    .conat{ width: 50%; padding: 0 .3rem; margin-right: 0; margin-bottom: .6rem;}
    .conat .im{ height: 0; padding-bottom: 68.9473%; position: relative;}
    .conat .im img{ position: absolute;}
    .conat p{ display: none;}
    .conat h2{ font-size: .65rem; height: 1.6rem; line-height: .8rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-left: 0; margin-top: .4rem; margin-bottom: 0;}
    .conat h2 i{ display: none;}
    .mod-g .b{ height: auto;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,230,201,1)),to(rgba(255,255,255,1)));  background: linear-gradient(to bottom, rgba(255,230,201,1) 0%,rgba(255,255,255,1) 100%);}
    .dateScroll{ height: 82px; width: 100%;}
    .dsjBox .date li{ width: 90px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
    .dsjBox .dateCont li{ width: 100%; height: auto; padding: .6rem;}
    .dsjBox .dateCont li .im{ width: 100%; float: none; margin-right: 0; height: 0; position: relative; padding-bottom: 62.2317%;}
    .dsjBox .dateCont li .im img{ position: absolute;}
    .dsjBox .sPrev, .dsjBox .sNext{ display: none;}
    .dsjBox .dateCont li h2{ font-size: 1.4rem; line-height: 2rem; margin-top: .3rem; margin-bottom: .3rem;}
    .dsjBox .dateCont li p{ margin-bottom: .6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .dsjBox .dateCont li .c a{ font-size: .65rem; line-height: 1.2rem; height: 1.2rem;}
    .dsjBox .date li .icon{ width: 24px; height: 24px; background: #d6bd9f; border: 3px solid #fff; border-radius: 50%; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.1); box-shadow: 2px 2px 10px rgba(0,0,0,.1); -webkit-transition: all .3s; transition: all .3s; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px;}
    .dsjBox .date li.on .icon{ width: 32px; height: 32px; background: #ff0000; margin-bottom: -5px;}
    .picsBox{ height: auto;}
    .picsBox .bd li{ width: 100%; padding: 0 .6rem; height: auto;}
    .picsBox .bd .cont .im{ padding-bottom: 68.9655%;}
    .picsBox .bd .cont .p td{ height: auto;}
    .picsBox .bd .cont .p a{ height: auto;}
    .picsBox .prev, .picsBox .next{ margin-top: calc(-30px - .8rem); -webkit-transform: scale(.6); transform: scale(.6);}
    .picsBox .prev{ left: .6rem;}
    .picsBox .next{ right: .6rem;}
    .mod-i .b{ padding: 0 .6rem;}
}