@charset "utf-8";

.indexBody-wraper {position: fixed; width: 100%; height: 100%; top: 0; left: 0;  background: #f5f5f5 url('../img/bg_index.png') no-repeat right center;  box-sizing: border-box; }
.index-body {position: fixed; width: 100%; height: 695px;  top: 12%; }
.index-body > .goHome {position: absolute; display: block; width: 240px; top:610px; left:360px; font-size: 14px; color: #9a412a; text-align: center; }
.index-body > .goHome:after {content: ''; display: block; position: absolute; width: 200px; height: 1px ; background: #9a412a; bottom: -3px; left: 25px; }

.index-body > .goHomeEN {position: absolute; display: block; width: 240px; top:650px; left:360px; font-size: 14px; color: #9a412a; text-align: center; }
.index-body > .goHomeEN:after {content: ''; display: block; position: absolute; width: 200px; height: 1px ; background: #9a412a; bottom: -3px; left: 25px; }


.index-body  h1 {position: absolute; width: 120px;  height: 40px;  top:170px ; left: 660px;  margin: 0; background: #6bc6ce; color: #fff; font-size: 20px;  text-align: center;  font-weight: 200;  letter-spacing: -1px; }
.index-body  h1 a{display: block; height: 100%; line-height: 40px; color: #fff; }
.index-body .cate-box h2 {margin: 0; color: #fff; font-size: 20px;font-weight: 200;  letter-spacing: -1px; }
.index-body .cate-box h2 a {color: #fff; }
.index-body .cate-box2 h2 {margin: 0; color: #fff; font-size: 20px;font-weight: 200;  letter-spacing: -1px; }
.index-body .cate-box {overflow: hidden; }
.index-body #category1 {position: absolute; width: 160px;  height: 210px;   left: 360px; top: 0;  padding: 20px 15px;  background: #8eac5f;  box-sizing: border-box;  overflow: hidden; }
.index-body #category1 h2+ span {display: block; height: 120px; margin-top: 10px; overflow: hidden; }
.index-body #category1 h2+ span img {width: 100%; }
.index-body  .cate-box:after {content: ''; display: block; position: absolute; top: -26px; right: -26px; width: 52px; height: 52px ; background:#000;  opacity: .3;  transform: rotate(45deg);}
.index-body #category1.cate-box:after {display: none; }
.index-body  .more {position: absolute;width: 10px; height: 10px; top: 6px; right: 6px; background: url('../img/btn_view_more.png') no-repeat 0 0;  text-indent: -9999px; z-index: 1;}
.index-body #category1 .topic { margin-top: 13px;  }
.index-body #category1 .topic h3 {padding-top: 12px; border-top: 1px dotted #fff; font-size: 13px; }
.index-body #category1 .topic .imgBox {display: block; height: 60px; overflow: hidden; }
.index-body #category1 .imgBox  img {width: 100%; }
.index-body #category1  .summary {height: 40px;  line-height: 20px;font-size: 14px; color: #fff; }
.index-body #category2 {position: absolute; width: 120px; height: 40px; line-height: 40px; left:530px; top: 170px;    background: #5da9dd;  box-sizing: border-box; overflow: hidden;}
.index-body #category2  h2 a {display: block;  color: #fff; }
.index-body #category3 {position: absolute; width: 200px; height: 84px; left:150px; top:220px;  padding: 7px  15px;  background: #9d7fa7;  box-sizing: border-box; overflow: hidden;}
.index-body #category3 h2 small {display: block; margin: 2px 0 ; font-weight: bold;  letter-spacing: 0; }
.index-body #category3 .viewWebzine  {position: absolute; display: block; left: 110px; top: 20px;  font-size: 56px; color: #fff; }
.index-body #category4 {position: absolute; width: 240px; /* height: 240px; */ left:360px; top:220px;  padding: 15px;  background: #4badb6;  box-sizing: border-box; overflow: hidden;}
.index-body #category4 h2 {font-size: 26px;margin-bottom: 15px; }
.index-body #category4 ul { }
.index-body #category4 ul li {margin-top: 10px; padding-top: 10px; border-top: 1px dotted #fff;  }
.index-body #category4 ul li:first-child{border-top: 0 none;  padding-top: 0; }
.index-body #category4 ul li a {display: block; }
.index-body #category4 ul li a .imgbox {display: block; float: left; width: 100px; height: 56px; overflow: hidden; }
.index-body #category4 ul li a .imgbox img {width: 100%; }
.index-body #category4 ul li a .text {display: block; float: right;  width: 100px; line-height: 1.5em;   font-size: 16px; color: #fff; }
.index-body #category5 {position: absolute; width: 190px; height: 75px; left:610px; top:340px;  padding: 15px;  background: #ffcb05;  box-sizing: border-box;}
.index-body #category5 h2 {color: #000; font-size: 16px;  }
.index-body #category5 p {margin-top: 5px; font-size: 20px; color: #000; }
.index-body #category5 p a{color: #000; }
.index-body #category6 {position: absolute; width: 150px; height: 155px; left:200px; top:  220px; /*315px; */    background: #f7acb4;  box-sizing: border-box;}
.index-body #category6 h2 {margin: 15px 0 0 15px ; font-size: 14px;  color: #960d27}
.index-body #category6 h2 strong {display: block ; margin-top: 2px;  font-size: 20px; }
.index-body #category7 {position: absolute; width: 240px; height: 110px;/*  left:360px; top:470px;  */  left:610px; top:220px;  background: #000; box-sizing: border-box; }
.index-body #category8 {position: absolute; width: 70px; height: 52px;/*  left:610px; top:305px; */  left:530px; top:514px;   background: #c67875;  box-sizing: border-box;}
.index-body #category9 {position: absolute; width: 160px; height: 52px;/*  left:610px; top:395px;   */  left: 360px; top:514px;   background: #818181;  box-sizing: border-box;}
.index-body #category8 h2 {margin: 0; padding:5px 0; font-weight: 200;  color: #fff;  font-size: 18px; }
.index-body #category9 h2 {margin: 0; line-height: 52px; font-weight: 200;  color: #fff;  font-size: 18px; }
.index-body #category8 h2 a ,  .index-body #category9 h2 a{color: #fff;  }
.swm {position: absolute;bottom: 0%; left:360px;   font-size: 70px;  color: #666; opacity: .1}
.notice {position: absolute; left: 615px; top: 500px; }
.notice dt{font-size: 20px; font-weight: 600; color: #000;  }
.notice dd {margin-top: 10px;  font-size: 16px;font-weight: 200;  }
.notice dd ul li {float: none; width: auto; line-height: 24px;padding-left: 15px;  }
.notice dd ul li:before {content: ''; display: block; float: left; width: 4px; height: 4px; margin-top: 10px; margin-left: -15px; background: #777; border-radius: 100%; }
.notice dd a {color: #777; }
.notice dd a strong {color: #333; margin-right: 5px; }