@charset "utf-8";

/********************
common
********************/
.header .slide,
.header .slide .images,
.header .slide .images li,
.header .slide .images li a { height: 470px; }

/*hd*/
.hd-main01 {
  position: relative;
  line-height: 1;
  text-align: center;
  background: url(../images/bg_hd_main01.png) no-repeat center 40px;
}
.hd-main01 h2 { font-size: 30px; }
.hd-main01 h2 a { color: #00923b; }
.hd-main01 h2 a:hover { color: #f70; }
.hd-main01 p {
  margin-top: 25px;
  font-size: 18px;
  color: #999;
}

.hd-main02 {
  height: 30px;
  overflow: hidden;
}
.hd-main02 h3 {
  float: left;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  border-bottom: 3px solid #a5d134;
}

.hd-main03 {
  position: relative;
  height: 32px;
  border-bottom: 1px solid #e1e1e1;
}
.hd-main03 h3 {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  height: 31px;
  font-size: 16px;
  line-height: 1;
  border-bottom: 2px solid #a5d134;
}
.hd-main03 .more {
  position: relative;
  float: right;
  height: 13px;
  margin-top: 2px;
  padding-right: 20px;
  line-height: 13px;
  color: #bbb;
}
.hd-main03 .more:hover { color: #f70; }
.hd-main03 .more i {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 13px;
  height: 13px;
  background: url(../images/icon_hdmain03_more.png) no-repeat -23px 0;
}
.hd-main03 .more:hover i { background-position: 0 0; }

/*btn*/
.btn-consulting {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: left;
  color: #fff;
  background: url(../images/icon_consulting.png) no-repeat 72px 0 #abd449;
  border-radius: 5px;
}
.btn-consulting:hover {
  color: #fff;
  background-position: 72px -30px;
  background-color: #f70;
}

/********************
mod
********************/
/*mod-product*/
.mod-product .hd p { margin-top: 23px; }
.mod-product .hd p sup { font-size: 12px; }
.mod-product .category {
  position: relative;
  float: left;
  width: 265px;
  height: 580px;
  background: #d1eedd;
}
.mod-product .category .title {
  height: 115px;
  line-height: 1;
  text-align: center;
  background: url(../images/bg_product_category.png) no-repeat center #00923b;
}
.mod-product .category .title h3 {
  padding-top: 28px;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.mod-product .category .title p {
  margin-top: 10px;
  padding-left: 50px;
  font-size: 18px;
  font-style: italic;
  color: #d7ffe7;
}
.mod-product .category li {
  height: 47px;
  font-size: 16px;
  line-height: 47px;
  border-bottom: 1px solid #fff;
}
.mod-product .category li a {
  display: block;
  height: 100%;
  padding-left: 82px;
  padding-right: 30px;
  overflow: hidden;
  background: url(../images/icon_category.png) no-repeat 65px -5px;
}
.mod-product .category li a:hover {
  color: #fff;
  background-position: 65px -65px;
  background-color: #094;
}
.mod-product .category .contact {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 82px;
  color: #abd449;
  text-align: center;
  background: url(../images/bg_product_contact.png) no-repeat;
}
.mod-product .category .contact .text {
  height: 27px;
  margin-top: 8px;
  font-size: 16px;
  line-height: 27px;
}
.mod-product .category .contact .text i {
  display: inline-block;
  width: 26px;
  height: 27px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../images/icon_product_contact.png) no-repeat;
}
.mod-product .category .contact .tel {
  margin-top: 8px;
  font-size: 30px;
  font-weight: bold;
  font-family: Times New Roman, Arial;
  line-height: 1;
}
.mod-product .product {
  float: right;
  width: 823px;
  height: 568px;
  padding: 5px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.mod-product .product li {
  float: left;
  width: 187px;
  height: 171px;
  padding-top: 15px;
  padding-left: 15px; 
}
.mod-product .product li a {
  display: block;
  height: 100%;
}
.mod-product .product li .image,
.mod-product .product li img {
  width: 179px;
  height: 132px;
}
.mod-product .product li .image {
  padding: 3px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.mod-product .product li:hover .image { border-color: #f70; }
.mod-product .product li:hover img { transform: scale(1.2); }
.mod-product .product li .title {
  position: relative;
  height: 20px;
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
}
.mod-product .product li .title a:hover { text-decoration: none; }
.mod-product .product li .title span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
}
.mod-product .product li .t1 {
  top: -20px;
  opacity: 0;
}
.mod-product .product li .t2 {
  top: 0;
  opacity: 1;
}
.mod-product .product li:hover .t1 {
  top: 0;
  opacity: 1;
}
.mod-product .product li:hover .t2 {
  top: 20px;
  opacity: 0;
}

/*mod-materials*/
.mod-materials {
  height: 567px;
  background: url(../images/bg_materials_wrap.png) no-repeat center;
  overflow: hidden;
}
.mod-materials .hd { margin-top: 70px; }
.mod-materials .bd {
  height: 255px;
  overflow: hidden;
}
.mod-materials .bd ul { width: 1140px; }
.mod-materials .bd li {
  float: left;
  width: 265px;
  height: 255px;
  padding-right: 20px;
}
.mod-materials .bd li a {
  display: block;
  height: 100%;
}
.mod-materials .bd li .image,
.mod-materials .bd li img {
  width: 265px;
  height: 199px;
}
.mod-materials .bd li .image { overflow: hidden; }
.mod-materials .bd li:hover img { transform: scale(1.2); }
.mod-materials .bd li .title {
  position: relative;
  height: 20px;
  margin-top: 14px;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
}
.mod-materials .bd li .title a:hover { text-decoration: none; }
.mod-materials .bd li .title span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
}
.mod-materials .bd li .t1 {
  top: -20px;
  opacity: 0;
}
.mod-materials .bd li .t2 {
  top: 0;
  opacity: 1;
}
.mod-materials .bd li:hover .t1 {
  top: 0;
  opacity: 1;
}
.mod-materials .bd li:hover .t2 {
  top: 20px;
  opacity: 0;
}
.mod-materials .bd li .more {
  margin-top: 6px;
  line-height: 13px;
}
.mod-materials .bd li .more span {
  display: inline-block;
  vertical-align: middle;
}
.mod-materials .bd li .more i {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(../images/icon_materials_more.png) no-repeat -23px 0;
}
.mod-materials .bd li:hover .more a { color: #f70; }
.mod-materials .bd li:hover .more i { background-position: 0 0; }
.mod-materials .ft {
  height: 50px;
  margin-top: 20px;
  text-align: center;
  overflow: hidden;
}
.mod-materials .ft a {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 4px;
  vertical-align: middle;
  background: url(../images/icon_materials_arrow.png) no-repeat #ddd;
  border-radius: 50px;
}
.mod-materials .ft a:hover { background-color: #abd449; }
.mod-materials .ft a.next { background-position: -50px -50px; }
.mod-materials .ft a.prev:hover { background-position: -50px 0; }
.mod-materials .ft a.next:hover { background-position: 0 -50px; }
.mod-materials .ft span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  border-radius: 15px;
  background: #ddd;
}
.mod-materials .ft span.on { background: #abd449; }

/*mod-advantages*/
.mod-advantages .bd .bg {
  float: left;
  width: 474px;
  height: 453px;
  background: url(../images/temp2.jpg) no-repeat;
}
.mod-advantages .bd .text-list {
  float: right;
  width: 615px;
  padding-top: 0px;
}
.mod-advantages .bd .text-list li {
  height: 48px;
  padding: 0 5px;
  font-size: 18px;
  font-style: italic;
  line-height: 48px;
  color: #957f66;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
}
.mod-advantages .bd .text-list sup { font-size: 13px; }
.mod-advantages .bd .text-list li i {
  margin-right: 5px;
  color: #f70;
}

/*mod-honor*/
.mod-honor .hd .contact {
  float: right;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  color: #fff;
  background: #abd449;
  border-radius: 5px;
}
.mod-honor .hd .contact strong {
  font-size: 24px;
  font-family: Times New Roman, Arial, Helvetica, sans-serif;
}
.mod-honor .bd {
  height: 220px;
  padding: 30px 20px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.mod-honor .bd .wrap {
  position: relative;
  height: 220px;
  overflow: hidden;
}
.mod-honor .bd li {
  float: left;
  height: 229px;
  padding-right: 15px;
  text-align: center;
}
.mod-honor .bd li a {
  display: block;
  height: 100%;
}
.mod-honor .bd li a .image {
  height: 195px;
  padding: 1px;
  border: 1px solid #ddd;
  background: #fff;
}
.mod-honor .bd li a .image img { height: 195px; }
.mod-honor .bd li a .title {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.mod-honor .bd li a:hover .image { border-color: #f70; }

/*mod-results*/
.mod-results .bd {
  padding: 1px;
  border:1px solid #ddd;
  background: #fff;
}
.mod-results .bd .wrap {
  padding: 26px 30px 30px;
  overflow: hidden;
  background: #f0fef6;
}
.mod-results .bd ul { width: 1112px; }
.mod-results .bd li {
  float: left;
  width: 490px;
  margin-right: 56px;
  padding: 0 5px;
}
.mod-results .bd li > div { float: left; }
.mod-results .bd li .project { width: 200px; }
.mod-results .bd li .area { 
  width: 100px;
  padding: 0 10px;
  text-align: center;
}
.mod-results .bd li .company {
  width: 170px;
  text-align: center;
}
.mod-results .bd .title {
  height: 22px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 26px; 
  color: #333;
  overflow: hidden;
}
.mod-results .bd .title sup { font-size: 10px; }
.mod-results .bd .title .area { line-height: 18px; }
.mod-results .bd .cont li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
.mod-results .bd .cont .project a { color: #0571d2; }
.mod-results .bd .cont .project a:hover { color: #f70; }

/*mod-about*/
.mod-about {
  height: 428px;
  padding-top: 71px;
  background: url(../images/bg_about_wrap.png) no-repeat center;
}
.mod-about .slide {
  position: relative;
  float: left;
  width: 530px;
}
.mod-about .slide .images,
.mod-about .slide .wrap,
.mod-about .slide .images li,
.mod-about .slide .images img {
  width: 514px;
  height: 344px;
}
.mod-about .slide .images {
  padding: 8px;
  background: url(../images/bg_about_slide.png) no-repeat;
}
.mod-about .slide .wrap { overflow: hidden; }
.mod-about .slide .images li { float: left; }
.mod-about .slide .icons {
  height: 19px;
  margin-top: 20px;
  text-align: center;
  overflow: hidden;
}
.mod-about .slide .icons span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 8px;
  cursor: pointer;
  background: url(../images/icon_slide.png) no-repeat 0 0;
}
.mod-about .slide .icons .on { background-position: -19px 0; }
.mod-about .intro {
  float: right;
  width: 530px;
}
.mod-about .intro .hd {
  height: 64px;
  margin-bottom: 15px;
  border-bottom: 4px solid #fff;
  background: url(../images/icon_about_intro.png) no-repeat 0 0;
}
.mod-about .intro .hd h2 {
  margin-left: 60px;
  font-size: 30px;
  line-height: 55px;
}
.mod-about .intro .hd h2 a { color: #fff; }
.mod-about .intro .hd h2 a:hover { color: #eee; }
.mod-about .intro .bd {
  height: 280px;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
}
.mod-about .intro .bd p {
  margin-bottom: 15px;
  text-indent: 2em;
}

/*mod-cooperation*/
.mod-cooperation .bd {
  padding: 30px;
  border: 1px solid #ddd;
}
.mod-cooperation .slide {
  position: relative;
  float: left;
  width: 670px;
  padding: 0 30px;
}
.mod-cooperation .slide .prev,
.mod-cooperation .slide .next {
  position: absolute;
  top: 50%;
  display: block;
  width: 12px;
  height: 23px;
  margin-top: -11px;
  background: url(../images/icon_cooperation_slide.png) no-repeat;
}
.mod-cooperation .slide .prev {
  left: 0;
  background-position: 0 0;
}
.mod-cooperation .slide .next {
  right: 0;
  background-position: -22px -23px;
}
.mod-cooperation .slide .prev:hover { background-position: -22px 0; }
.mod-cooperation .slide .next:hover { background-position: 0 -23px; }
.mod-cooperation .slide .cont {
  position: relative;
  height: 330px;
  overflow: hidden;
}
.mod-cooperation .slide .cont ul {
  width: 670px;
  height: 360px;
  margin: -30px auto 0;
}
.mod-cooperation .slide .cont li {
  float: left;
  width: 402px;
  height: 300px;
}
.mod-cooperation .slide .cont li .image {
  width: 100%;
  height: 100%;
}
.mod-cooperation .slide .cont li .title {
  height: 1em;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  transition-duration: .5s;
  filter: alpha(opacity=0);
  opacity: 0;
}
.mod-cooperation .slide .cont li.roundabout-in-focus .title{
  filter: alpha(opacity=100);
  opacity: 1;
}
.mod-cooperation .help {
  float: right;
  width: 300px;
}
.mod-cooperation .help .hd-main03 { margin-bottom: 13px;}
.mod-cooperation .help dl {
  padding: 7px 5px 1px;
  border-bottom: 1px dotted #ccc;
}
.mod-cooperation .help dt,
.mod-cooperation .help dd {
  position: relative;
  padding-left: 25px;
  padding-bottom: 6px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.mod-cooperation .help dt i,
.mod-cooperation .help dd i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/icon_cooperation_help.png) no-repeat;
}
.mod-cooperation .help dt i {
  background-position: 0 0;
  background-color: #a5d134;
}
.mod-cooperation .help dd i {
  background-position: -18px 0;
  background-color: #ccc;
}
.mod-cooperation .help dt a       { color: #60a411; }
.mod-cooperation .help dt a:hover { color: #f70; }
.mod-cooperation .help dt a:hover i {
  background-position: 0 -18px;
  background-color: #f70;
}

/*mod-news*/
.mod-news .wrap {
  padding: 30px;
  border: 1px solid #ddd;
}
.mod-news .item { width: 515px; }
.mod-news .hd { margin-bottom: 20px; }
.mod-news .bd .topic {
  height: 128px;
  overflow: hidden;
}
.mod-news .bd .topic .image,
.mod-news .bd .topic .image img {
  width: 166px;
  height: 121px;
}
.mod-news .bd .topic .image {
  float: left;
  margin-right: 15px;
  padding: 2px;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.mod-news .bd .topic .image:hover { border-color: #f70; }
.mod-news .bd .topic dt {
  height: 23px;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  overflow: hidden;
}
.mod-news .bd .topic dt a { color: #333; }
.mod-news .bd .topic dt a:hover { color: #f70; }
.mod-news .bd .topic .desc {
  max-height: 66px;
  margin-top: 3px;
  line-height: 22px;
  overflow: hidden;
}
.mod-news .bd .topic .link {
  height: 23px;
  margin-top: 8px;
}
.mod-news .bd .topic .link a {
  float: left;
  width: 90px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  text-align: center;
  background: #303030;
}
.mod-news .bd .topic .link a:hover { background: #f70; }

.mod-news .bd ul { margin-top: 5px; }
.mod-news .bd li {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}
.mod-news .bd li span { float: right; }