<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


/*头部信息
------------------------------------------------------*/
.header { background: url("../images/top.jpg") no-repeat scroll 0 0 transparent; height: 239px; }
.header .op { height: 41px; }
.header .op .ot { position: relative;
    width: 630px; }
.header .op .ot span, .header .op .ot .txt, .header .op .ot .sub { left: 0;
    line-height: 20px;
    position: absolute;
    top: 15px; }
.header .op .ot span.s01 { left: 145px; }
.header .op .ot span.s02 { left: 335px; }
.header .op .ot .txt { background: none repeat scroll 0 0 #EAD8B4;
    border: 1px solid #B88C2E;
    height: 18px;
    left: 50px;
    width: 85px; }
.header .op .ot .pas { left: 183px; }	
.header .op .ot .sub { background: none repeat scroll 0 0 #B88C2E;
    border: 1px solid #B88C2E;
    color: #FFFFFF;
    cursor: pointer;
    height: 20px;
    left: 280px;
    padding: 0 5px;
    text-align: center; }

.header .top {}
.header .top .flash-top { width: 480px; }

/*内容信息
------------------------------*/
.w340 { width: 340px; }
.w632 { width: 632px; }
.w248 { width: 248px; }
.w374 { width: 374px; }
.w230 { width: 230px; }
.w742 { width: 742px; }
.w366 { width: 366px; }

.news01 {}
.news01 dt { background: url("../images/title01.jpg") no-repeat scroll 0 0 transparent;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    padding: 0 20px 0 115px;
    text-align: center; }
.news01 dd {}


.news02 {}
.news02 dt { background: url("../images/title02.jpg") no-repeat scroll 0 0 transparent;
    height: 55px; overflow: hidden; }
.news02 dd {}

.more { height: 25px;
    line-height: 25px;
    padding: 0 30px 0 0;
    text-align: right; }

.tab01 {}
.tab01 li { float: left;
	cursor: pointer;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 95px;
	font-weight: bold; }
.tab01 li.t-a { background: url("../images/icon01.jpg") no-repeat scroll center center transparent; color: #FFFFFF; text-decoration: none; } 
.tab01 li.t-a a { color:#FFFFFF } 
.ul-news {  }
.ul-news li { background: url("../images/icon02.jpg") no-repeat scroll 0 center transparent;
    border-bottom: 1px dashed #CCCCCC;
    float: left;
    height: 28px;
    line-height: 28px;
    margin: 0 0 0 10px;
    text-indent: 20px;
    width: 296px; }
.ul-news li a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    display: block;}
.vi {}
.vi dt { background: url("../images/title03.jpg") no-repeat scroll 0 center transparent; height: 47px; }
.vi dd {}

.ul-vi {}
.ul-vi li a{ display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
.ul-vi li { background: url("../images/icon03.jpg") no-repeat scroll 0 center transparent;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-indent: 25px; }

.wh {}
.wh dt { background: url("../images/title04.jpg") no-repeat scroll 0 center transparent; width: 78px; height: 225px; }
.wh dd { background: url("../images/bg03.jpg") no-repeat scroll 0 center transparent; width: 296px; height: 225px; }

.ul-wh {}
.ul-wh li { background: url("../images/icon08.png") no-repeat scroll 5px center transparent;
    border-bottom: 1px solid #CEA048;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-indent: 20px; }

.fc { background: none repeat scroll 0 0 #F8F3E7;
    border: 1px solid #CC9965; }
.fc dt { background: url("../images/fc01.jpg") no-repeat scroll 0 0 transparent;
    height: 52px; }
.fc dt span { padding: 15px 50px 0 0; }	
.fc dd { background: url("../images/fc02.jpg") no-repeat scroll 0 bottom transparent;
    padding: 0 0 20px; }

.ul-ren {}
.ul-ren li { float: left;
    width: 144px; }
.ul-ren li div { background: url("../images/bg01.jpg") no-repeat scroll center 0 transparent;
    height: 128px;
    padding: 2px 0 0 10px; }
.ul-ren li p {}

.tab02 { padding: 0 0 0 80px; }
.tab02 li { color: #000000; }
.tab02 li.t-a { background: url("../images/icon09.jpg") no-repeat scroll center center transparent; } 

.bp {}
.bp dt { background: url("../images/bt01.jpg") no-repeat scroll 0 0 transparent; height: 24px; }
.bp dt span, .bp dt span a { color: #6e6e6e!important; }
.bp dd {}
.bp dd .div { width: 220px; }

.ul-bp {}
.ul-bp li { background: url("../images/icon10.jpg") no-repeat scroll 0 center transparent;
    height: 22px;
    line-height: 22px;
    text-indent: 10px; }
.ul-bp li a { color: #3c3c3c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }

.bp02 dt { background: url("../images/bt02.jpg") no-repeat scroll 0 0 transparent; }
.bp03 dt { background: url("../images/bt03.jpg") no-repeat scroll 0 0 transparent; }
.bp04 dt { background: url("../images/bt04.jpg") no-repeat scroll 0 0 transparent; }
.bp05 dt { background: url("../images/bt05.jpg") no-repeat scroll 0 0 transparent; }
.bp06 dt { background: url("../images/bt06.jpg") no-repeat scroll 0 0 transparent; }

.ct { background: none repeat scroll 0 0 #FBF7EC;
    border: 1px solid #C3B588; }
.ct dt { background: url("../images/title07.jpg") no-repeat scroll 0 0 transparent;
    height: 41px; }
.ct dt span { padding: 10px 20px 0 0; }
.ct dd {}

.ul-ct {}
.ul-ct li { background: url("../images/icon04.jpg") no-repeat scroll 0 center transparent;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    text-indent: 10px;
    width: 340px; }

.hg { background: url("../images/hg02.jpg") repeat-y scroll 0 0 transparent; }
.hg dt { background: url("../images/hg01.jpg") no-repeat scroll 0 0 transparent; height: 30px; }
.hg dt span { padding: 0 48px 0 0; }
.hg dd { background: url("../images/hg03.jpg") no-repeat scroll 0 bottom transparent; }
.hg dd span { padding: 60px 10px 0; }
.hg dd .div { height: 130px;
    overflow: hidden;
    width: 678px; }

.ul-hg {}
.ul-hg li {background: url("../images/bg02.jpg") no-repeat scroll center 0 transparent;
    float: left;
    height: 126px;
    padding: 4px 6px 0;
    text-align: center;
    width: 157px; }

.xy { background: url("../images/xy02.jpg") repeat-x scroll 0 0 transparent;
    height: 107px; }
.xy dt { background: url("../images/xy01.jpg") no-repeat scroll 0 0 transparent;
    height: 107px;
    width: 51px; }
.xy dd { background: url("../images/xy03.jpg") no-repeat scroll right 0 transparent;
    width: 671px; }
.xy dd .div { height: 87px;
    overflow: hidden; }

.ul-xy {}
.ul-xy li { float: left;
    line-height: 25px;
    text-align: center;
    width: 111px; }
.ul-xy li a { color: #493b31; }

.title01 { background: none repeat scroll 0 0 #FFF1E0;
    border-top: 8px solid #A7A59B;
    padding: 0 10px 10px; }
.title01 dt { height: 35px; }
.title01 dt span { padding: 5px 5px 0; }
.title01 dd {}
.title01 dd .div { background: url("../images/bg04.jpg") no-repeat scroll center center #FFFFFF;
    height: 189px;
    line-height: 24px;
    overflow: auto;
    padding: 5px;
    width: 200px; }

.title02 dt { background: url("../images/icon11.jpg") repeat-x scroll 0 bottom transparent; padding: 0 0 2px; }
.title02 dd .div { background: url("../images/bg05.jpg") no-repeat scroll center center transparent; overflow: visible; }

.ul-gj {}
.ul-gj li { background: url("../images/icon12.png") no-repeat scroll 0 center transparent;
    text-indent: 13px; }
.ul-gj li a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.title03 { background: url("../images/lx02.jpg") repeat-y scroll 0 0 transparent; }
.title03 dt { background: url("../images/lx01.jpg") no-repeat scroll 0 0 transparent;
    height: 36px;
    padding: 5px 0 0; }
.title03 dd { background: url("../images/lx03.jpg") no-repeat scroll 0 bottom transparent;
    color: #434343;
    line-height: 22px;
    padding: 8px 15px 18px; }

.title04 { background: url("../images/zl02.jpg") repeat-y scroll 0 0 transparent; }
.title04 dt { background: url("../images/zl01.jpg") no-repeat scroll 0 0 transparent; }
.title04 dd { background: url("../images/zl03.jpg") no-repeat scroll 0 bottom transparent; }

.ul-zl {}
.ul-zl li { background: url("../images/icon07.jpg") no-repeat scroll 0 center transparent;
    text-indent: 10px; }
.ul-zl li a { color: #434343;    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.links { background: url("../images/l01.jpg") repeat-x scroll 0 0 transparent;
    border-top: 3px solid #A87E70;
	line-height: 40px; }

/*底部信息
------------------------------------------------------*/
.bottom { background: url("../images/bottom.jpg") no-repeat scroll 0 0 transparent;
    height: 102px;
    line-height: 30px;
    padding: 30px 30px 0;
    text-align: right; }







.banner .m-body {  position: absolute;
    right: 0;
    top: 30px;
    width: 600px; }
.banner .m-body .l01 { background: url("../images/l01.png") no-repeat scroll center center transparent; width: 482px; height: 103px; }
.banner .m-body .l02 { background: url("../images/l02.png") no-repeat scroll center center transparent; }
.banner .m-body .b-main { padding: 0 30px;
    width: 422px; }


.m-body .d01{ background: url("../images/d01.png") no-repeat scroll 0 0 transparent;
    height: 40px;
    padding: 14px 0 0;
    text-align: center;
    width: 596px; }
.m-body .d01 strong { background: url("../images/icon04.png") no-repeat scroll 0 center transparent;
    font-size: 12px;
    padding: 0 0 0 15px; }
.m-body .d02 { background: url("../images/d03.png") no-repeat scroll 0 top transparent; }
.m-body .d-main { background: url("../images/d02.png") repeat-y scroll 0 center transparent;
    height: 370px;
    padding: 0 50px; }
.m-body .d-main .div { height: 370px;
    overflow: auto;
    padding: 0 5px 0 0;

scrollbar-arrow-color: #FFFFFF; /*三角箭头的颜色*/

scrollbar-face-color: #C20A31; /*立体滚动条的颜色（包括箭头部分的背景色）*/

scrollbar-3dlight-color: #FFF; /*立体滚动条亮边的颜色*/

scrollbar-highlight-color: #C20A31; /*滚动条的高亮颜色（左阴影？）*/

scrollbar-shadow-color: #C20A31; /*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #FFF; /*立体滚动条外阴影的颜色*/

scrollbar-track-color: #C20A31; /*立体滚动条背景颜色*/

scrollbar-base-color: #C20A31; /*滚动条的基色*/


	 }

.min-menu { padding: 10px 0 10px 150px; }
.min-menu li { background: url("../images/icon02.png") no-repeat scroll 0 center transparent;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 20px; }

.pi-main {}
.pi-main .d-01 { padding: 0 12px; }
.pi-main .bt-m { width: 900px; }

.ul-pi {}
.ul-pi li { background: url("../images/bg01.png") no-repeat scroll right 0 transparent;
    float: left;
    height: 66px;
    padding: 0 2px 0 0;
    text-align: right;
    width: 54px; }



/* 详细页
------------------------------------------------------*/
.det-main {}
.det-main dt {  background: url("../images/d-bg01.jpg") repeat-y scroll 0 0 transparent;
    height: 25px;
    line-height: 25px; }
.det-main dd {}

.det-main dd .h1 { font-size: 18px;margin-top:25px;
    
    line-height: 1.8; }
.det-main dd .p { color: #949494;
    height: 20px;
    line-height: 20px; }

.d-title01 dd .div { background: none; height: auto; }

.l-vi {}
.l-vi li { float: left;
    line-height: 30px;
    padding: 5px 4px;
    text-align: center; }
.l-vi li a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.d-title03 { background: url("../images/d-bg02.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC; }
.d-title03 dt { background: url("../images/d-bg03.jpg") repeat-x scroll 0 bottom transparent;
    height: 30px;
    line-height: 30px; }
.d-title03 dd {}

.dt-cur { height: 30px;
    line-height: 30px; }
.dt-cur a { padding: 0 5px; margin: 0 2px; }
.dt-cur a:hover, .dt-cur a.cur { background: none repeat scroll 0 0 #DEDEDE; }

.dt-page { border-top: 1px solid #CCCCCC;
    height: 30px;
    line-height: 30px;
    padding: 0 20px; }

.d-news li { background: url("../images/icon02.jpg") no-repeat scroll 10px center transparent;
    float: none;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 10px;
    width: auto; }

.listpage { padding: 10px 30px; text-align: right; }

.huatj {}
.huatj h1 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
	background: none repeat scroll 0 0 #F3F3F3;
}
.m-pro {
}
.m-pro li {
    float: left;
    padding: 0 10px;
    width: 155px;
}
.m-pro div a {
    border: 2px solid #a7a59b;
    display: block;
    height: 116px;
    width: 151px;
}
.m-pro div a:hover { border: 2px solid #eac699; }
.m-pro p { line-height: 25px; }
.m-pro p a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.l-news li { width: 345px; }

.text { text-align:justify; text-justify:inter-ideograph; }


#banner-wrap { width: 982px;  position: relative; height: 350px; overflow: hidden; }
.panel-overlay{ display: none; }/* 文字 */
.panel-overlay h2, .panel-overlay p{ padding: 5px 0; }
.panel-overlay p { line-height: 18px; }
.panel-overlay h2{ font-size: 24px; font-weight: bold; font-family: "微软雅黑"; }
/* 文字黑底，图片集 */
.overlay, .strip_wrapper, #pointer { display: none; }

#page-wrap { width: 742px;  position: relative; height: 95px; overflow: hidden; }

.blk_20 { height: 130px;
    position: relative;
    width: 678px; }
.blk_20 .LeftBotton { background: url("../images/icon05.jpg") no-repeat scroll 0 0 transparent;
    height: 7px;
    left: -20px;
    position: absolute;
    top: 60px;
    width: 12px;
    z-index: 99; }
.blk_20 .RightBotton { background: url("../images/icon06.jpg") no-repeat scroll 0 0 transparent;
    left: auto;
    right: -20px; }
.blk_20 .mes{ background: url("../images/bg02.jpg") no-repeat scroll center 0 transparent;
    float: left;
    height: 126px;
    padding: 4px 6px 0;
    text-align: center;
    width: 157px; }
.blk_20 .pcont { left: 0; overflow: hidden; position: absolute; top: 0; height: 130px; width: 678px; }
.blk_20 .ScrCont { width: 32766px; }
.blk_20 #List1_1, .blk_20 #List2_1, .blk_20 p, .blk_20 p img { float: left; }
.pc-none{display:none}
.dt-page{    height: auto;}
.dt-page&gt;span{white-space: nowrap; width:48%;
    text-overflow: ellipsis;
    overflow: hidden;}


/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
  header {
    width: 100%;
    transition: all 0.4s;
    position: relative;
    z-index: 9999;
  }
  .mxw-mob-nav .head {
    font-size: 0;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    max-width: 750px;
    width: 100%;
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #eee;box-sizing: border-box;
  }
  .mxw-mob-nav .logo {
    display: block;
    flex-shrink: 0;
  }
  .mxw-mob-nav .logo img {
    height: 75px;
  }
  .mxw-mob-nav .menu-btn {
    flex-shrink: 0;
    width: 26px;
    height: 20px;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }
  .mxw-mob-nav .menu-btn i {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: #333;
  }
  .mxw-mob-nav .menus-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 50%;
    max-width: 450px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transform: translateX(50%);
  }
  .mxw-mob-nav .menus-box.active {
    visibility: visible;
    opacity: 1;
  }
  .mxw-mob-nav .menus-box.active .menus {
    transform: translateX(0);
  }
  .mxw-mob-nav .menus {
    width: 60%;
    height: 100%;
    margin-right: 0;
    margin-left: auto;
    background: #fff;
    transform: translateX(100%);
    transition: all 0.5s;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
  .mxw-mob-nav .menus &gt; ul {
    width: 100%;
    overflow: auto;
  }
  .mxw-mob-nav .menus &gt; ul &gt; li.active &gt; ul {
    display: block;
  }
  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a {
    display: block;
    width: 100%;
    padding: 15px 18px;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mxw-mob-nav .menus &gt; ul &gt; li &gt; a.sub:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 4px solid #555;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
    margin-left: 10px;
  }
  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul {
    display: none;
    padding: 0px 24px;
  }
  .mxw-mob-nav .menus &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 36px;
    height: 36px;
    border-bottom: 1px solid #f3f3f3;
  }
  .mxw-mob-nav .menus-head {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F8F8;
    border-bottom: 0.6px solid #eee;
    font-size: 16.8px;
    font-weight: bold;
    line-height: 54px;
    height: 54px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .mxw-mob-nav .menus-head .text {
    color: #333;
    line-height: 1.2;
  }
  .mxw-mob-nav .menus-head .mxw-close {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none;
    position: relative;
    transform: rotate(45deg);
  }
  .mxw-mob-nav .menus-head .mxw-close:before,
  .mxw-mob-nav .menus-head .mxw-close:after {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #333;
    transform: translate(-50%, -50%);
  }
  .mxw-mob-nav .menus-head .mxw-close:before {
    width: 2px;
    height: 100%;
  }
  .mxw-mob-nav .menus-head .mxw-close:after {
    width: 100%;
    height: 2px;
  }
}
/* ==================== 移动端头部 end ==================== */


.ul-xy{ height:87px;}
.galleryview{    overflow: hidden;}
.as2{ margin-bottom:25px}
@media screen and (max-width: 768px) {
.pc-none{display:block}
.module982{    width: 95%;    padding: 0;}
img{ max-width:100%;}
.header .top .flash-top{ display:none}
.links{    line-height: 1.6;}
.links .fLeft .pLR10{    padding-left: 0;}
.menu&gt;img,.header{ display:none}
.menu {
    height: auto !important;
    line-height: 38px !important;
    background: #5e1f10 !important;
}

.w742{ width: 100%;}
.w230{    width: 100% !important;
    margin-top: 25px;}
.l-vi li{    height: auto !important;    width: 48% !important;margin-right: inherit !important;}
.title01 dd .div{width: 100%;}
.det-main dd .h1 {
    font-size: 18px;
    height: auto;
    line-height: 1.6;
}
.det-main dt{    height: auto;
    line-height: 25px;
    overflow: hidden;}
.det-main dd{ margin-top: 25px;}
#p7ssm{ width: 100% !important;
}
.banner {
    margin-top: 60px;
}

#p7ssm_fsimg img{ width: 100% !important; height:auto !important}

#p7ssm_description{width: 100% !important;}

.title03{}


*{       box-sizing: border-box;}
a:hover {
    text-decoration: none;
}
.w340 {
    width: 100%;
}
#GlideList .swiper-slide img{ width: 100%;}

.vi iframe{    width: 100%;}
.w340&gt;div{    margin: 10px auto !important;}
.w632{width: 100%;}

.news01 dt {
    padding-top: 35px;
    height: auto;
       padding-left: 10px;
    text-align: left;
}
.news02 dt{
  padding-top: 50px;
    height: auto;
}

.tab01 {
    width: 100%;
    padding-left: 15px;
}

.ul-news li{    width: 95%;}

.w248{    width: 100%;padding-left: 10px;}
.w374 {
    width: 100%;
}
.wh dd{    width: calc(100% - 85px);
    padding-right: 15px;}
.wh dd .more{padding-right: 10px;}
.tab01 {
    width: 85%;
    padding-left: 15px;
}
.fc dt .more{padding-right: 15px;}
.ul-ren li{    width: 33%;}
.ul-ren li:nth-child(10){    display: none;}


#page-wrap{ width: 100%;    height: auto;}

.w366{ width: 100%; }
.bp dd .div {
    width: calc(100% - 125px);
}
.hg dd{    padding: 10px 10px 10px 10px !important;}
.rollBox .Cont{width:calc(100% - 40px) !important;    margin: 0 5px;}
.rollBox{width: 100% !important;    padding: 10px 0 !important; }
.rollBox .RightBotton{width: 11px !important; }
.rollBox .Cont .pic {
    width: 120px  !important;
}
.xy dd{width: calc(100% - 60px);}
.title03 {
    background-size: 100%;
}
.title03 dt{    background-color: #d6ddcb;}
.title03 dd {
    background-color: #d6ddcb;
    padding: 0 15px 18px 15px;
    background-image: none;
}
.title03 dd&gt;div{    background: #fff;
    padding: 12px;}


.title04 dt{    background-color: #dfd9cb;}
.title04 dd {background-color: #dfd9cb;}
.links&gt;div.fLeft{padding:0 10px 15px 10px;} 
#tab-news,#p7ssm_fullsize{    width: 100% !important;}
.m-pro li{    width: 48%;}

.tct{ width:100%}

.bottom{    background-size: 100%;
    line-height: 1.5;
    height: auto;
    padding-top: 60px;
}
.ul-ct li{width:100%;    margin: 0 auto;}
.w340&gt;div{width: 100% !important;}
#GlideList{ width:100%}
.txtCenter iframe{width:100%;      height: 220px;}
.mxw-mob-nav{    position: relative;
    z-index: 999999;}
.as2{
height: auto !important;
    margin-bottom: 15px;
}
#demo1 li{    width: auto;}
#demo{       width: 100% !important;}
#indemo{        width: 800000% !important;}
#demo2 li{width: auto;}

iframe,video{    max-width: 100%;
    height: 220px;}
.dt-page{    height: auto;}
.dt-page&gt;span{width:100%}







}



</pre></body></html>