body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, textarea, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
body { font-family: Calibri, PT Sans, '微软雅黑'; font-size: 12px; padding-top:0px;background: #FF6700; }
.web_bg{
			width:100%;		
			position: relative;
			background-repeat: no-repeat;
			background-size: contain;
		}
.sizeimg {height: 100%; width: 100%;}
.blankback { background: url(/themes/SnSii/images/indexban.jpg) height: 100%; width: 100%; display:block;}
.blank { height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.blank10 { height: 10px; line-height: 10px; clear: both; visibility: hidden; }
.blank20 { height: 1px; line-height: 20px; clear: both; border-bottom:1px solid #dbd6d6;}
.blank30 { height: 30px; line-height: 30px; clear: both; visibility: hidden; }
.blank40 { height: 40px; line-height: 40px; clear: both; visibility: hidden; }
.blank80 {font-size:50px; }
.blank81 {font-size:50px; }
.blank82 {font-size:50px;}
.blank83 {font-size:50px; }
.blank84 {font-size:356px;}
.container-fluid { max-width: 100%;background: #fff8ff;; }
.container-fluids { max-width: 70%; margin:auto;background: #fff8ff; }
.container-fluids a{color:#eb6002;font-size: 1.5vw;}
.container-fluidss a{color:#eb6002;font-size: 1vw; background-color: #fff8ff;}
.ff{border-bottom:1px solid #c3c3c3;margin-top: 10px; clear:both;height:20px;}
.fff{clear:both;height:20px;}
.container { width: 100%; }
.bg-goods { background-color: #fff8ff; }
.btn-nob { border: 0px; border-radius: 0px; background-image: none; }
.imgg { width: 100%; }
.map {
    width:100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}
/* header */
header {background: #f2f2f2; top: 0; z-index: 10; width: 100%; height:100%;}
header .logo {float:left;}
top .navv { padding-top: 61px;float:right; }
header .nav {float:right; }
header .nav>ul { float: left; padding-top: 22px;}
header .nav>ul>li { float: left; position: relative; padding: 1em 0; }
header .nav>ul>li>a { display: block; padding: 0 13px; font-size: 16px; color: #FFFFFF; text-decoration: none; border-right: 1px #ccc solid; transition: transform 0.3s ease; }
header .nav>ul>li>a:hover, header .nav>ul>li.selected>a {transform: scale(1.2);}
header .nav>ul>li.selected { background: url(../images/page/nav-hover.png) bottom center no-repeat; }
header .nav>ul>li>ul { position: absolute; top: 100%; left: 0%; z-index: 9; font-size: 14px; margin-top: -23px}
header .nav .nav-pro-li, header .nav .nav-mem-li { display: block; min-width: 780px; padding-top: 2.5em; }
header .nav .nav-pro-div, header .nav .nav-mem-div { display: table; background-color: #fff; box-shadow: 1px 1px 1px rgba(102,102,102,.2); }
header .nav .nav-pro-div dl { display: inline-block; padding: 1.5em; min-height: 220px; float: left; border-right: 1px #ccc solid; }
header .nav .nav-pro-div dl.hot { text-align: center; border: 0px; }
header .nav .nav-pro-div dl.hot img { width: 100%; }
header .nav .nav-pro-div dl.hot a { text-decoration: none; }
header .nav .nav-pro-div dl.hot p { background-color: #666; color: #fff; }
header .nav .nav-pro-div dl>dt>a { color: #808285; font-size: 16px;}
header .nav .nav-pro-div dl:nth-child(2n)>dt>a { color: #EC008C; }
header .nav .nav-pro-div dl:nth-child(3n)>dt>a { color: #8EBE3F; }
header .nav .nav-pro-div dl dd a { color: #808285; font-size: 16px;}
header .nav .nav-pro-div dl dd a:hover { color: #FF6700; font-size: 16px;}
header .nav .nav-mem-li { min-width: 280px; }
header .nav .nav-mem-div dl { padding: 1.5em 4em 1.5em 1.5em; }
header .nav .nav-mem-div dl dd a { color: #808285; line-height: 1.8em; font-size: 16px;}
header .nav .nav-mem-div dl dd a:hover { color: #FF6700; font-size: 16px;}
header .search-div {float: right;padding-right: 20px}
header .search-div .language { float: right; padding: 2px 0px 1em 0; margin-right: 20px; }
header .search-div .language .nav-mem-li { padding-top: 1em; }
header .search-div .user { float: right; padding-top:38px; }
header .search-div .user a { padding: 0 0; font-size: 1.2em; color: #FFFFFF; }
header .search-div .user a:hover { color: #FF6700; }
header .search-div .nav-search {height: 30px; padding-top:25px; position: absolute; background-color: #FF6700; color: #808285; display: none; top: -25px;right: 0px; bottom: 0px; width:350px;}
header .search-div .nav-search .btn-default { padding: 4px 12px; }
header .search-div .nav-search i { vertical-align: middle; margin: 5px; cursor: pointer; }
header .nav012 {float:right;padding-top: 60px}
footer .footerhr {width: 97%;border: 0;border-top: 1px solid #eee;}
footer .footerp {text-align:center;float:left;margin-left:30px;font-size:20px;color:#e9e9e9;}
footer { background-color: #666666;color: #fff;}
footer .ico { display: block; line-height: 1em; float:left;width: 73%;padding-top: 23px}
footer .ico ul li { float: left; border-right: 1px #ccc solid; width: 16.3%; text-align: center; height: 135px; margin-bottom: 5px; }
footer .ico ul li dd {margin:0 10px 0 10px;}
footer .te {margin:0 0 0 0;}
footer .menu { display: table; width: 100%; margin-bottom: 2em; position: relative; }
footer .menu dl { float: left; width: 33.3%; }
footer .menu dl dt { border-bottom: 1px #ccc solid; line-height: 1.8em; font-weight: normal; margin-bottom: 8px; }
footer .menu dl dd a { color: #fff; }
footer .menu dl dd a:hover { color: #ff0; }
footer .copya { position: absolute; margin-top: -3.7%; margin-left: 36%;font-size: 0.9vw;}
footer .copya a {color:#FFFFFF}
footer .copyb { position: absolute; margin-top: -3.7%; margin-left: 48%;font-size: 0.9vw;}
footer .copyb a {color:#FFFFFF}
footer .goTop { position: absolute;right: 60px; width: 50px;}
footer .copyright { display: table; width: 46%; font-size: 0.9vw; font-family: arial; float:right; text-align: center;position: absolute;margin-top:-5%;margin-left:54%}
.share-div { padding: 20px 0px 10px 0px; }
.share-div .signup i, .share-div .signup span, .share-div .signup input, .share-div .signup button { vertical-align: middle; }
.share-div .signup i { font-size: 22px; color: #0068b7; }
.share-div .signup input { height: 25px; }
.share-div .signup span { font-size: 14px; color: #666; padding: 0px 3px; }
.share-div .signup button { border: 2px #fff solid; color: #fff; background-color: #868787; padding: 5px 3px 4px 3px; vertical-align: bottom; }
.share-div .email { font-size: 16px; color: #666; line-height: 2em; }
/* home slideBox */
.slideBox, .slideBox .bd img { width: 100%; }
.slideBox {overflow: hidden; position: relative; }
.slideBox .hd { position: absolute; height: 28px; line-height: 28px; bottom: 15px; right: 45%; z-index: 1; }
.slideBox .hd li { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #fff; text-indent: -9999px; overflow: hidden; margin: 0 6px; opacity: 0.5; filter: alpha(opacity=50); }
.slideBox .hd li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd ul { height: 100%; width: 100%;}
.slideBox .bd li { height: 100%; width: 100%; zoom: 1; vertical-align: middle; position: relative; }
.slideBox .bd li a { display: block; height: 100%; }
.slideBox .bd img { display: block; }
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
/* home box */
.box-title { text-align: center; min-height: 1em; background: #fff url(../images/page/box-tit-bg.png) center repeat-x; }
.box-title p { font-size: 1.5em; border: 1px #bdbcbd solid; padding: 3px 10px; display: inline-block; background-color: #f1f1f2; }
.box-body { display: block; }
/* home hot */
.home-hot {margin-left:15%;float: left;width: 85%;margin-top: 8%;position:absolute;}
.home-hot .item {text-align: center; min-height: 300px; overflow: hidden; font-size: 13px;}
.home-hot .item>a { display: block;  overflow: hidden; }
.home-hot .item img { width: 100%; }
.home-hot .item p { text-align: center; background-color: #f2f2f2; padding: 1em; }
.home-hot .item p b, .home-hot .item p i, .home-hot .item p a { display: block;Color:#a5a2a2 }
.home-hot .item p i { color: #ee1c25; font-style: normal; padding: 0.2em; }
.home-hot .item p a { color: #fff; background-color: #0071bb; display: inline-block; padding: 0px 8px; }
.home-ad img { max-width: 100%; }
/* brand */
#brand { width: 100%; height: 100% }
#brand img { width: 100%; }
/* user-here */
.user-here h3 { color: #0071bb; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; text-transform: uppercase; }
.ur_here { color: #0071bb; padding-top: 6%; position: absolute;padding-left: 2%;}
.ur_here a { color: #0071bb; }
/* page-body */
#page-body { padding-top: 1em; padding-bottom: 1em; }
#page-body .contact-text { padding-bottom: 1em; padding-top: 1em; }
#page-body .contact-text p { padding-bottom: 0.6em; }
#page-body .from { background-color: #fef7f0; padding: 2em 2em 1em 2em; }
#page-body .map { border: 1px solid #efefef; margin-bottom: 30px; height: 280px; position: relative; width: 100%; overflow: hidden; }
/* media */
#page-body .media { padding: 0em 0px 1em 0em; }
#page-body .media .item { }
#page-body .media .item img { width: 100%; border: 2px #35b9d6 solid; }
#page-body .media .item h4 { color: #35b9d6; font-weight: bold; }
#page-body .media .item p { color: #9D9FA2; text-justify : auto; text-align: justify; }
/* brand */
#page-body .brand { padding-top: 1em; }
.goods-body {width: 75%; padding-top:5%;margin: auto;}
.about-fluid { max-width: 100%; min-width: 100%; padding-right: 0px; padding-left: 0px; margin-top: -20px; position: relative; }
.about-fluid img { width: 100%; }
.about-fluid .brand_menu { position: absolute; top: 38px; left: 0px; right: 0px; text-align: center; }
.about-fluid .brand_menu ul { margin: 0px auto; }
.about-fluid .brand_menu ul li { margin: 0 30px; display: inline-block; vertical-align: middle; line-height: 100px; color: #666; width: 100px; height: 100px; border: 1px #ccc solid; border-radius: 100px; background-color: #fff; text-align: center; font-size: 14px; }
.about-fluid .brand_menu ul li a { line-height: 16px; display: inline-block; color: #363638; width: 100%; text-decoration: none; vertical-align: middle; }
/* problem */
.problem .links { display: table; width: 90%; margin: 5%; border: 1px #ccc dashed; background-color: #fef7f0; border-radius: 12px; }
.problem .links ul { display: table; width: 90%; margin: 20px auto; }
.problem .links ul li { float: left; width: 33.333%; }
.problem .links ul li a { color: #ee1c25; font-size: 12px; }
.problem .links-body, .delivery .text { display: table; }
.problem .links-body dl, .delivery .text dl { display: block; border-top: 1px #0071bb dashed; padding: 12px 0px; }
.problem .links-body dl dt, .delivery .text dl dt { color: #0071bb; padding: 5px 0px; }
.problem .links-body dl dd, .delivery .text dl dd { color: #808285; }
.problem .links-body dl:first-child, .delivery .text dl:first-child { border-top: 0px; }
.delivery .text { margin-left: 15px; margin-right: 15px; }
.delivery .text p { margin-bottom: 15px; }
/* problem */
.regional .subtitle { margin-left: 15px; color: #0071bb; padding: 5px 10px; }
.regional .user-name { margin-left: 15px; margin-right: 15px; background-color: #F3F9FB; padding-top: 1em; }
.regional .user-name label, .regional .user-info label { color: #808285; }
.regional .user-info { margin-left: 15px; margin-right: 15px; background-color: #FFF6ED; padding: 1em 2em; }
.regional .form-inline { margin-left: 45px; }
.regional .form-inline label { color: #0071bb; }
.regional .user-btn { margin-left: 128px; margin-top: 18px; }
.regional .form-inline label.validation { width: 100px; }
/* directory */
.directory { text-align: center; padding: 2em 0px 1px 0px; }
.directory img { width: 90%; margin-bottom: 30px; display: block; }
.directory p { display: block; padding: 0.4em 0px; text-align: center; color: #94CFE3; }
/* directory */
.register { margin-left: 15px; margin-right: 15px; }
.register .user-name { background-color: #FFF6ED; padding-top: 1em; border: 1px #ccc solid; }
.register .user-name label { color: #808285; }
.register .user-info { background-color: #F3F9FB; }
.register .user-info dl dt { background-color: #ee1c25; text-align: center; color: #fff; padding: 5px 0px; }
.register .user-info dl dd { padding: 60px 50px; color: #808285; line-height: 1.5em; }
.register .user-info dl dd b { text-align: center; padding: 10px 0; display: block; }
.register .user-btn { margin-left: 128px; margin-top: 18px; }
/* enjoy */
.enjoy .text { display: table; padding-top: 1em; }
.enjoy .text p { color: #9D9FA2; text-justify : auto; text-align: justify; margin-bottom: 1em; }
.enjoy .group { display: table; margin: 0px auto; width: 90%; }
.enjoy .group h3 { background-color: #ee1c25; border-top-left-radius: 12px; border-top-right-radius: 12px; text-align: center; padding: 5px; text-align: center; color: #fff; margin-bottom: 0px; }
.enjoy .group ul { background-color: #0071bb; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 30px 50px; color: #fff; }
.enjoy .group li { padding: 1em 0px; list-style: inherit; list-style-type: disc; }
.enjoy .group li:first-child { border-bottom: 1px #ccc dashed; }
/* product */
.list-pro-div { margin-left: 199px; border-left: 1px #9c9ea0 solid; padding-left: 10px; }
.menu-pro-div { width: 200px; float: left; display: table; border-right: 1px #9c9ea0 solid; padding-right: 20px; }
.menu-pro-div dl { display: block; margin-top: 1em; padding-top: 1em; border-top: 1px #9c9ea0 dashed; }
.menu-pro-div dl:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.menu-pro-div dl.hot { text-align: center; border: 0px; }
.menu-pro-div dl.hot img { width: 100%; }
.menu-pro-div dl.hot a { text-decoration: none; }
.menu-pro-div dl.hot p { background-color: #666; color: #fff; }
.menu-pro-div dl>dt>a { color: #ee1c25; }
.menu-pro-div dl dd a { color: #58595b; }
.menu-pro-div dl dd a:hover { color: #0071bb; }
.list-pro-div>div { margin-bottom: 30px; }
.list-pro-div>div a { padding: 140px 20px 20px 20px; min-height: 350px; background-color: #f18022; display: block; color: #fff; font-size: 25px; vertical-align: middle; }
.list-pro-div .col-xs-4 { padding-left: 10px; padding-right: 10px; }
.list-pro-div>div:nth-child(2n) a { background-color: #0b78bb; }
.list-pro-div>div:nth-child(3n) a { background-color: #90c141; }
.list-pro-div>div:nth-child(4n) a { background-color: #ec67a0; }
.list-pro-div>div:nth-child(5n) a { background-color: #0d9549; }
.list-pro-div>div:nth-child(6n) a { background-color: #93298e; }
.list-pro-div>div:nth-child(7n) a { background-color: #ef4723; }
.list-pro-div>div:nth-child(8n) a { background-color: #8b5f3c; }
/* product list */
.item-pro-div { margin-left: 2%; }
.item-pro-div .col-xs-4 { padding-left: 1%; padding-right: 1%; width:20%}
.item-pro-div .item {text-align: center; position: relative; margin-bottom: 30px; }
.item-pro-div .item img { width: 100%; }
.item-pro-div .item p { text-align: center;  padding: 19px 0 0 0;}
.item-pro-div .item p b, .item-pro-div .item p i, .item-pro-div .item p a { display: block; }
.item-pro-div .item p i { color: #ee1c25; font-style: normal; padding: 0.2em; }
.item-pro-div .item p a { color: #ff6400; display: inline-block; padding: 0px 8px; }
.item-pro-div .one {color: #fff; line-height: 260px; overflow: hidden; border: 0px; }
/* goods info */
.goods-info .price b { padding-left: 10px; font-size: 2em; color: #ff6700; font-weight: normal; }
.goods-info .goods-body { min-height: 500px; }
.goods-info .goods-body h3 { font-size: 14px; color: #f48630; border-bottom: 1px #646466 dashed; padding-bottom: 5px; }
.goods-info .goods-body h3 p { border: 1px #ccc solid; display: inline-block; padding: 2px 8px; border-bottom: 0px; }
.goods-info .goods-body>p { color: #58585a; padding-bottom: 8px; }
.goods-info .goods-common h3 { font-size: 14px; color: #fff; background-color: #0071bb; padding: 5px 0px; text-align: center; }
.goods-info .cart-div { position: relative; display: block; }
.goods-info .cart-div .pro-ico { position: absolute;  }
.bg-goods .photo { margin-left:20%; content: ""; display: table; }
.bg-goods .goods-left { width: 46%; }
.bg-goods .goods-right { width: 54%; }
/* pagination */
.pages-div { text-align: right; display: table; width: 100%; padding-right: 15px; }
.pagination>li>a, .pagination>li>span { color: #ec6002; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #0071bb; background-color: #eee; border-color: #ddd }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #eb6c05; border-color: #eb6c05 }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #ec6002; cursor: not-allowed; background-color: #f2f2f2; border-color: #ddd }
/* BestGoods */
.bg-goods .best { width: 475px; margin-left:16%;}
.BestGoods { overflow: hidden; position: relative; }
.BestGoods .hd { overflow: hidden; width: 100%; }
.BestGoods .hd .prev, .BestGoods .hd .next { display: block; position: absolute; top: 45px; left: 0px; overflow: hidden; cursor: pointer; width: 26px; height: 40px; background: url(../images/slider-arrow.png) -175px 5px no-repeat; }
.BestGoods .hd .next { background-position: -53px 5px; right: 0px; left: inherit; }
.BestGoods .bd { margin: 20px 20px; overflow: hidden; }
.BestGoods .bd ul { overflow: hidden; zoom: 1; }
.BestGoods .bd ul li { margin: 0 5px 0px 10px; float: left; _display: inline; overflow: hidden; text-align: center; }
.BestGoods .bd ul li .pic { text-align: center; background-color: #fff; width: 90px; height: 90px; border: 1px solid #0071bb; overflow: hidden; }
.BestGoods .bd ul li .pic img { max-width: 90px; max-height: 90px; display: block; margin: 0 auto; }
.BestGoods .bd ul li .pic a { display: block; }
.BestGoods .bd ul li .title { width: 90px; padding-top: 8px; height: 4em; line-height: 1.1em; text-align: left; }
.BestGoods .bd ul li .title a { font-size: 12px; font-family: Verdana, Arial; color: #ff6700 }
/* productView Zoom */
.productView_imgDetail { float: left; position: relative; width: 100%; z-index: 2; }
.productView_imgDetail .detail_img { position: relative; width: 100%; }
.productView_imgDetail .detail_img h3 { }
.productView_imgDetail .detail_img .zoomMsg { position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; }
.productView_imgDetail .detail_img .zoomMsg strong { display: inline-block; padding-left: 25px; line-height: 18px; font-family: Verdana; font-size: 11px; color: #333333; background: url(/resources/images/product/BG_zoom.png) no-repeat left top; }
.productView_imgDetail .thumbnail_img { position: relative; width: 100%; margin-top: 1px; }
.productView_imgDetail .thumbnail_img li { position: absolute; overflow: hidden; }
.productView_imgDetail .thumbnail_img li img { max-width: 100%; }
.productView_imgDetail .thumbnail_img li.li1 { position: relative; width: 54%; }
.productView_imgDetail .thumbnail_img li.li2 { left: 55%; top: 0; width: 20%; }
.productView_imgDetail .thumbnail_img li.li3 { left: 73%; top: 0; width: 24%; }
.productView_imgDetail .thumbnail_img li.li4 { left: 55%; bottom: 0; width: 42%;}
/* 확대관련 */
#detail_lens { display: none; position: absolute; left: 0; top: 0; width: 170px; height: 170px; margin: -86px 0 0 -86px; opacity: 0.5; filter: alpha(opacity=50); border: 1px solid #ffffff; }
#detail_zoom { display: none; overflow: hidden; position: absolute; left: 462px; top: 20px; width: 480px; height: 480px; z-index: 1000; }
#detail_zoom img { position: absolute; left: 0; top: 0; }
.check-list .checkbox { width: 50%; display: inline-block; float: left; font-size: 14px; }
/* Btn */
.btn-danger { color: #fff; background-color: #ee1c25; border-color: #ee1c25; }
.btn-primary { color: #fff; background-color: #0071bb; border-color: #0071bb; }
.list-news-div .more { font-size: 16px; }
.list-news-div .pic { text-align:center; }
.list-news-div .pic img { -moz-box-shadow: 3px 3px 4px #555; -webkit-box-shadow: 3px 3px 4px #555; box-shadow: 3px 3px 4px #555; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555)";  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555'); width:80%; }
.list-news-div .text-center { text-align:center;}
/* @media css3 */
@media (max-width:980px) {
.container-fluid { min-width: initial; }
.item-pro-div .item {}
.item-pro-div .item img { padding-top: 15px; }
.item-pro-div .one { line-height: 360px; }
.slideBox { height: 100% }
}
#backtop{
display:block;
cursor:pointer;
position:fixed;
right:5px;
bottom:20px;
}
#backtops{
display:block;
cursor:pointer;
position:fixed;
right:100px;
bottom:20px;
}
#weblohr{
float: left;
margin:18px 0 0 30px;
width:250px;
}
#weblohr ul li {
    display:block;
	height:32px;
	line-height:35px;
    width:250px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color: #333333;
	font-family:"新宋体";
	}
.b10 {
	clear:both;
	height:10px;
	overflow:hidden;
}
#weblohr ul li a {
    padding:0 0 0 10px;
    width:200px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color: #333333;
	font-family:"新宋体";
}
.chapter{
	margin:auto;
	width:100%;
	
	
}
#conths{
	padding: 3% 0 1% 0;
	margin: auto;
	width: 98%;
}	
#conths li{
	text-align:left;
	width: 32%;
	font-weight: bold;
	color: #ec6000;
    font-size: 1.5vw;
	display: inline-block;
}
.chapter ul{
	border-top: 1px solid #cdc6c6;
	text-align: left;
	border-bottom: 1px solid #cdc6c6;
	margin:auto;
	width:98%;
}
.chapter ul li{
	width: 32%;
	font-weight: bold;
	color: #72706f;
    font-size: 1.5vw;
    padding: 1% 0;
	display: inline-block;
}
#contents{
	        color: #444342;
            justify-content: space-between; /* 水平居中对齐子项目 */
			margin: auto;
            width: 96%;
			display: flex;
			
        }
        
#contents dl {
	        font-size: 1vw;
            padding: 0 70px 0 0;
            width: 50%; /* 每个dl元素占据容器的一半宽度 */
            margin: 1em auto; /* 上下外边距自动调整，左右外边距保持相等 */
        }
        
#contents dt {
            font-weight: bold; /* 加粗显示dt内容 */
        }
        
#contents dd {
	        line-height: 2;
            margin-bottom: 1em; /* 添加dd之间的间距 */
        }

#weblohrd{
float:right;
margin:0 0 0 20px;
width:650px;
}
#weblobck{
width:100%;
margin:0;
}
a.act:link{color:#8f8e8e;text-decoration:none;font-size:12px;height:45px;font-weight:550;letter-spacing:1px;}
a.act:visited{color:#8f8e8e;text-decoration:none;font-size:12px;height:45px;font-weight:550;letter-spacing:1px;}
a.act:hover{color:#009999;text-decoration:underline;}
a.aaa:link{color:#009999;text-decoration:none;font-size:16px;height:45px;font-weight:650;}
a.aaa:visited{color:#009999;text-decoration:none;font-size:16px;height:45px;font-weight:650;}
a.aaa:hover{color:#009999;text-decoration:underline;}

.pagelist{ text-align:center; width:100%; padding:3% 0}
.pagelist li{display:inline-block;border:solid 1px #ccc;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:4px 12px;color:#666;background:#eee;text-decoration:none;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#ccc}