* {-webkit-tap-highlight-color: rgba(255,255,255,0);-webkit-touch-callout: none;margin: 0;padding: 0;}
body{ background: #282828;color: #333;font-size:0.5rem; line-height:.7rem; font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;height: 100%;}
ul, li{list-style: none;}

::-webkit-scrollbar {width: 4px;height: 4px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

img{border: none;}
a{text-decoration: none;cursor: pointer;outline: none;}
a,a:link,a:visited{color:#333;}
a:hover{text-decoration: none;color: #AA0004;}
.clear{ clear:both; }
a{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}

#MarginLeft, #MarginRight { position: fixed;display: block;width: calc(50% - 8rem);height: 100%;top: 0;z-index: 999;background: #282828;}
#MarginLeft{left:0; }
#MarginRight{right:0; }
#MarginCenter{}
.MoveBefore {-webkit-transition: all 350ms;-ms-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;
-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);
-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;
-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.MoveAfter{-webkit-transition:all 350ms; -ms-transition:all 350ms; -moz-transition:all 350ms; -o-transition:all 350ms; transition:all 350ms;
    -webkit-transform:translate3d(7.5rem,0,0); -ms-transform:translate3d(7.5rem,0,0);    -moz-transform:translate3d(7.5rem,0,0);    -o-transform:translate3d(7.5rem,0,0);
    transform:translate3d(7.5rem,0,0);    -webkit-transform-origin: 0 0;    -ms-transform-origin: 0 0;    -moz-transform-origin: 0 0;    -o-transform-origin: 0 0;    transform-origin: 0 0;    
    -webkit-backface-visibility: hidden;    -ms-backface-visibility: hidden;    -moz-backface-visibility: hidden;    -o-backface-visibility: hidden;    backface-visibility: hidden;}

@font-face{font-family:'icomoon';src:url('icomoon.eot'); src:url('icomoon.eot') format('embedded-opentype'),url('icomoon.woff') format('woff'),url('icomoon.ttf') format('truetype');font-weight:normal;font-style:normal;}
.IcoMoon{font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.WebMain{ width:100%;max-width: 640px;margin: 0 auto;overflow:hidden;}

#WebHead{position:fixed; left:0; right:0; z-index:3; height:2.5rem; line-height:2.5rem;padding-bottom: .25rem;  color:#FFF;text-align: center;background-image: -webkit-linear-gradient(bottom,#1d2b38,#3e5366);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);}
#WebLogo{ width:100%; position:absolute; left:0; top:0; text-align:center;}
#WebLogo h1{font-size: 1rem;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;padding-right: .25rem; padding-left: .25rem;}
#WebLogo h1 a{color: #fff;}
#WebLogo img{ width:100%; height:100%; }

#NavButton{position:absolute;height:2.5rem;width:2.5rem;z-index:inherit;}
#NavButton .NavButtonIco{-webkit-border-radius: .3rem;-ms-border-radius: .3rem;-moz-border-radius: .3rem;-o-border-radius: .3rem;border-radius: .3rem;
width: 2rem;height: 2rem;float: left;margin: .25rem 0 .25rem .5rem;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),0px 1px 0 rgba(255,255,255,0.2);
-ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),0px 1px 0 rgba(255,255,255,0.2);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),0px 1px 0 rgba(255,255,255,0.2);
-o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),0px 1px 0 rgba(255,255,255,0.2);box-shadow: inset 0 1px 2px rgba(0,0,0,0.2),0px 1px 0 rgba(255,255,255,0.2);}
#NavButton .NavButtonIco:active{background:rgba(0,0,0,0.5)}
#NavButton .NavButtonIco:before{content:"\e6b0";font-size:2.7rem;color:#fff;display:block;margin-left: -0.35rem;margin-top: -0.35rem;}

#WebMenu{ height:0%;position:fixed; left: 0;top: 0; right:0; bottom:0; z-index:1; }
.WebTopNav {background: #333; height: 100%;width: 7.5rem;overflow-x: hidden;overflow-y: auto;visibility: visible;-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);display: block;
-webkit-transition: all 350ms;-ms-transition: all 350ms;-moz-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;display: block;
-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.WebTopNav .NavItem{ display:block; height: 1.7rem;line-height: 1.7rem;text-align: left;border-bottom: 1px solid #242424;border-top: 1px solid #474747;
opacity: 0;-webkit-transition: all .4s;-ms-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;
-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}

.WebTopNav .NavItem a{ width:100%; height:100%; vertical-align: middle;text-shadow: 0 .05rem 0 rgba(0,0,0,.8);overflow: hidden;padding: 0 .5rem;-webkit-box-sizing: border-box;display:block;font-size: .7rem;white-space: nowrap;color: #fff;text-decoration: none;font-weight: bold;}
.WebTopNav .NavItem a:hover{ background-color: #2a2929;}
.WebTopNav .selected{ background-color: #2a2929;}
.WebTopNav .NavItem span{ width: 1.2rem;height: 1.2rem;display: inline-block;vertical-align: middle;margin-right: .5rem;margin-left: .5rem; background-repeat: no-repeat; }
.WebTopNav .NavItem span:before{ content: "\e6a8";font-size: 1.1rem;color: #fff;background-repeat: no-repeat; }
.WebTopNav .NavItem:nth-child(1) span:before{content: "\e686";}
.WebTopNav .NavItem:nth-child(2) span:before{content: "\e667";}
.WebTopNav .NavItem:nth-child(7) span:before{content: "\e640";}
.WebTopNav .NavItem:nth-child(8) span:before{content: "\e6b6";}

.NavOpen{}
.NavOpen .NavItem{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.NavOpen .NavItem:nth-child(1){transition-delay: 160ms;} 
.NavOpen .NavItem:nth-child(2){transition-delay: 240ms;} 
.NavOpen .NavItem:nth-child(3){transition-delay: 320ms;} 
.NavOpen .NavItem:nth-child(4){transition-delay: 400ms;} 
.NavOpen .NavItem:nth-child(5){transition-delay: 480ms;} 
.NavOpen .NavItem:nth-child(6){transition-delay: 560ms;} 
.NavOpen .NavItem:nth-child(7){transition-delay: 640ms;} 
.NavOpen .NavItem:nth-child(8){transition-delay: 720ms;} 
.NavOpen .NavItem:nth-child(9){transition-delay: 800ms;} 

#WebFoot{padding-top: .15rem;position: fixed;bottom: 0rem;height: 2.5rem;line-height: 2.5rem;z-index: 1;background-image: -webkit-linear-gradient(bottom,#1d2b38,#3e5366);-webkit-backface-visibility: hidden;}
#WebFoot .WebFootService{width:25%;height: 100%;float: left;text-align: center;}
#WebFoot .WebFootService a{ display:block; color: #fff;}
#WebFoot .WebFootService a label{color: #fff;line-height: .8rem;font-size: .6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:block;text-align: center; cursor:pointer;}
#WebFoot .WebFootService span{-webkit-backface-visibility: hidden;height: 1.5rem;margin: auto;font-size: 1.5rem;color: #fff; display:block;text-align: center;}
#WebFoot .WebFootService:nth-child(1) span:before{content:"\e62c"}
#WebFoot .WebFootService:nth-child(2) span:before{content:"\e6a0"}
#WebFoot .WebFootService:nth-child(3) span:before{content:"\e6b2"}
#WebFoot .WebFootService:nth-child(4) span:before{content:"\e6ca"}

#WebFootCopyright{width:100%;color:#000;font-size:.4rem; padding:.3rem; line-height:.7rem; border-top:solid .1rem #EEE; text-align:center; overflow:hidden;}
#WebFootCopyright a{ color:#900b09;text-decoration:underline; }
#WebFootCopyright a.on{ color:#666; }
#WebFootCopyright a:hover{ color:#0066cc; }
#WebFootCopyright span{ padding:0 .5rem; color:#CCC; }

#WebCenter{ background:#FFF; padding:2.7rem 0; }
#WebBanner{}
#WebBanner img{width:100%;}

a.AMore{ position:absolute; top:0; right:.2rem; z-index:1; display:block; color:#9a9a9a; font-size:.5rem;text-shadow: .1rem .1rem .1rem #CCC; }
a.AMore:hover{ color:#000; }

#ArticleRemarkImage{ }
#ArticleRemarkImage h3{font-size: .6rem; color:#000; line-height:.8rem; height:1rem; margin:.2rem 0;
                 text-shadow: .1rem .1rem .1rem #AAA; padding-left:.2rem; position:relative; border-bottom:solid .1rem #EEE; }
#ArticleRemarkImage .ModuleHead{}
#ArticleRemarkImage .ModuleCenter{ padding:0.3rem; }
#ArticleRemarkImage .ArticleRemark{ text-indent:2em; }
#ArticleRemarkImage .ArticleRemarkImage{ float:left; width:5rem; overflow:hidden; margin-right:0.5rem; }
#ArticleRemarkImage .ArticleRemarkImage img{ max-height:100px; }

#WebTemplates{ }
#WebTemplates h3{font-size: .6rem; color:#000; line-height:.8rem; height:1rem; margin:.2rem 0;
                 text-shadow: .1rem .1rem .1rem #AAA; padding-left:.2rem; position:relative; border-bottom:solid .1rem #EEE; }
#WebTemplates .ProductList{ margin:.2rem 0 .2rem .2rem; }
#WebTemplates .ProductList a{ margin:0 .2rem .2rem .1rem; float:left; width:7.5rem; height:6rem; overflow:hidden;border:solid 1px #EEE;box-shadow: .1rem .1rem .1rem #888888;}
#WebTemplates .ProductList a img{ width:100%; height:5rem; }
#WebTemplates .ProductList a span{ display:block; line-height:1rem;background:#F0F0F0; text-align:center; }

#WebNews h3{font-size: .6rem; color:#000; line-height:.8rem; height:1rem; margin:.2rem 0;
                 text-shadow: .1rem .1rem .1rem #AAA; padding-left:.2rem; position:relative; border-bottom:solid .1rem #EEE; }
#WebNews ul{margin:0 1rem;}
#WebNews li{list-style-type:square;line-height: .7rem; padding:0.2rem 0; border-bottom:solid 1px #EEE; }
#WebNews li a{color:#000;}
#WebNews li a:hover{color:#AA0004;text-decoration:underline; }

#WebCategory{padding:.2rem .3rem; background:#EEE; }
#WebCategory a{ display:inline-block;font-size:.4rem;color:#000; margin-right:.3rem; }
#WebCategory a:hover{ color:#008000; }

#WebCategorys{}
#WebCategorys dl{ }
#WebCategorys dt{ clear:both; font-weight:bold;background:#EEE; padding:.2rem .3rem;  }
#WebCategorys dd{ float:left; display:block;margin-right:.3rem; padding:.1rem .3rem;  }
#WebCategorys a{ display:inline-block;font-size:.4rem;color:#000;  }
#WebCategorys a:hover{ color:#008000; }

.Pager{ clear:both; height:1.2rem; line-height:1.2rem; overflow:hidden; background:#EEE; padding:0 0 0 .3rem; }
.Pager .PagerCenter span,.Pager .PagerCenter label,.Pager .PagerCenter a{ padding:.2rem .32rem; }
.Pager .PagerCenter span{ color:#333; }
.Pager .PagerCenter label{ color:#000;font-weight:bold; }
.Pager .PagerCenter a{color:#008000; text-decoration:underline; }
.Pager .PagerCenter a:hover{ color:#000; }
.PagerLeft,.PagerCenter,.PagerRight{ float:left; width:33%; text-align:center; }
.PagerLeft a,.PagerRight a{ display:block; width:100%; }

.ProductCategory{ height:1rem; margin:.2rem 0;padding-left:.2rem; border-bottom:solid .1rem #EEE; }
.ProductCategory span{font-size: .6rem; line-height:.8rem;color:#000; text-shadow: .1rem .1rem .1rem #AAA; display:block;float:left;margin-right:1rem;}
.ProductCategory a{font-size: .5rem;line-height:1rem; color:#900b09; display:block;float:left;margin-right:.5rem;font-weight:normal;}
.ProductCategory a:hover{color:#0066cc;}
#ProductInfo{}
.ProductInfoImage{margin:.2rem .2rem;}
.ProductInfoImage img{ width:100%; }
.ProductInfoRemark{ margin:.2rem .2rem; padding:.2rem 0; color:#333; border-bottom:solid 1px #EEE; }
.ProductInfoRemark dl{line-height:.7rem; font-size:.4rem; }
.ProductInfoRemark dl span{color: #1e6999;}
.ProductInfoRemark dl label{color: #666;}
.ProductInfoRemark dl strong{color: #000; }
.ProductInfoRemark dl dt{ padding:.2rem; background:#F3F3F3;}
.ProductInfoRemark dl dd{ padding:.2rem;}
.ProductInfoRemark dl a{display:inline-block; margin-right:.5rem; color:#AA0004;}
.ProductInfoContent{ margin:.2rem .2rem; padding:.2rem 0; color:#333; border-bottom:solid 1px #EEE; }
#ProductInfo .ModuleFoot{color:#666; margin:1rem 0 0 0; border-top:solid 1px #EEE;padding:.2rem 0; line-height:.8rem; }
#ProductInfo .ModuleFoot a{ color:#AA0004; padding-left:.5rem; display:block; }
#ProductInfo .ModuleFoot span{ display:inline-block;margin-right:.2rem;}
#ProductInfo .ModuleFoot a:hover{ color:#AA0004; text-decoration:underline; }

#NewsInfo{ }
#NewsInfo h3{font-size: .6rem; color:#000; line-height:.8rem; height:1rem; margin:.2rem 0;
                 text-shadow: .1rem .1rem .1rem #AAA; padding-left:.2rem; position:relative; border-bottom:solid .1rem #EEE; }
#NewsInfo .ModuleCenter{padding:.5rem; }
#NewsInfo .ModuleCenter h2{ font-size: .6rem; color:#0066cc; display:block; line-height:.7rem; margin:.5rem 0; width:100%; text-align:center;}
#NewsInfo .NewsInfoAttr {border: 1px #e8e8e8 solid;background-color: #f7f7f7; margin:.5rem 0; padding:.1rem 0; color:#666; font-size:.4rem;  text-align:center;}
#NewsInfo .NewsInfoAttr a{ display:inline-block; color:#AA0004;margin:0 .3rem 0 0;  }
#NewsInfo .NewsInfoAttr a.ACategory{ color:#AA0004; }
#NewsInfo .NewsInfoAttr a.ACategory:hover{text-decoration:underline; }
#NewsInfo .NewsInfoAttr a.AAuthor{ color:#666; }
#NewsInfo .NewsInfoAttr a.AAuthor:hover{color:#333; }
#NewsInfo .NewsInfoAttr span{ display:inline-block; margin:0 .3rem; }
#NewsInfo .NewsInfoAttr label{ color:#333; }
#NewsInfo .ModuleCenter img{ max-width:99%;}
#NewsInfo .ModuleCenter p{text-indent:1rem;}
#NewsInfo .ModuleFoot{color:#666; margin:1rem 0 0 0; border-top:solid 1px #EEE;padding:.2rem 0; line-height:.8rem; }
#NewsInfo .ModuleFoot a{ color:#AA0004; padding-left:.5rem; display:block; }
#NewsInfo .ModuleFoot span{ display:inline-block;margin-right:.2rem;}
#NewsInfo .ModuleFoot a:hover{ color:#AA0004; text-decoration:underline; }

#HrListPager { }
#HrListPager table{ width:100%; }
#HrListPager table thead tr th{border-bottom: 1px #e8e8e8 solid;background: #f5f5f5; height:1rem; line-height:1rem; padding:0 .2rem;}
#HrListPager table tbody tr td{height:1rem; line-height:1rem; padding:0 .2rem;border-bottom:solid 1px #EEE;}
#HrListPager table tbody tr td a{color:#0066cc;}

#HrInfo .ModuleCenter{ color:#505050; padding:.3rem; }
#HrInfo h3{font-size: .6rem; color:#000; line-height:.8rem; height:1rem; margin:.2rem 0;
                 text-shadow: .1rem .1rem .1rem #AAA; padding-left:.2rem; position:relative; border-bottom:solid .1rem #EEE; }
#HrInfo .ModuleCenter h2{ font-size:.6rem; font-weight:bold; height:1rem; line-height:.8rem; display:block; width:100%; color:#333; }
#HrInfo .ModuleCenter ul{}
#HrInfo .ModuleCenter ul li{display:block; height:0.8rem; line-height:0.8rem; }
#HrInfo .ModuleCenter ul li span{ display:inline-block; width:20%; }
#HrInfo .ModuleCenter dl{ margin:.3rem 0;}
#HrInfo .ModuleCenter dl dt{ height:0.8rem; line-height:0.8rem; border-bottom:solid 1px #CCC; color:#000; }
#HrInfo .ModuleCenter dl dd{ padding:.3rem 0;border-bottom:solid 1px #EEE; line-height:0.8rem;} 
