/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

.banner {

  position: relative;

  height: 700px;

}

.banner .slider {

  width: 100% !important;

  height: 100%;

  overflow: hidden;

  position: relative;

  z-index: 1;

  top: 0;

}

.banner .slider-main {

  width: 1920px;

  height: 100%;

  position: absolute;

  left: 50%;

  margin-left: -960px;

}

.banner .slider-main li {

  width: 100%;

  height: 100%;

}

.banner .osSlider-main .slider-btn-prev {

  position: absolute;

  z-index: 30;

  top: 50%;

  left: -81px;

  width: 81px;

  height: 81px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(/html/templates/pc_wjdh/images/arrowPrev.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-prev {

  left: 3%;

}

.banner .osSlider-main .slider-btn-next {

  position: absolute;

  z-index: 30;

  top: 50%;

  right: -81px;

  width: 81px;

  height: 81px;

  text-indent: -9999px;

  margin-top: -20px;

  background: url(/html/templates/pc_wjdh/images/arrowNext.png) 50% 50% no-repeat;

  transition: all 0.5s linear;

  cursor: pointer;

}

.banner .osSlider-main:hover .slider-btn-next {

  right: 3%;

  cursor: pointer;

}

.banner .osSlider-main .slider-nav {

  position: absolute;

  width: 100%;

  bottom: 60px;

  text-align: center;

  z-index: 25;

  font-size: 0;

}

.banner .osSlider-main .slider-nav li {

  display: inline-block;

  vertical-align: top;

  height: 16px;

  width: 16px;

  text-align: center;

  margin: 0 7px;

  border-radius: 50%;

  color: #333;

  background: #fff;

  cursor: pointer;

}

.banner .osSlider-main .slider-nav li.active {

  background: #a2d140;

  color: #fff;

}

.one {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.tran {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

a,

img {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

button,

input {

  border: none;

  outline: none;

}

.out {

  position: relative;

}

.out:hover::after,

.out:hover::before {

  width: 100%;

}

.out:hover > a::after,

.out:hover > a::before {

  height: 166px;

}

.out:hover .pro_hot_txt > a {

  color: #0074d4;

}

.out::after,

.out::before {

  content: "";

  position: absolute;

  width: 0;

  height: 1px;

  background: #a2d140;

  left: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.out::after {

  top: 0;

}

.out::before {

  top: 166px;

}

.in::after,

.in::before {

  content: "";

  position: absolute;

  width: 1px;

  height: 0;

  background: #a2d140;

  top: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.in::after {

  left: 0;

}

.in::before {

  right: 0;

}

.mt {

  margin-top: 60px;

}

.shadow:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.shadow2:hover {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.linkeff {

  position: relative;

}

.linkeff:hover::after,

.linkeff:hover::before {

  width: 100%;

}

.linkeff::after,

.linkeff::before {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  height: 1px;

  background: #ffffff;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.linkeff::after {

  left: 0;

  top: 0;

}

.linkeff::before {

  right: 0;

  bottom: 0;

}

a,

img {

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.title1 {

  text-align: center;

}

.title1 > p {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  height: 30px;

  color: #e6e6e6;

  margin-bottom: 16px;

}

.title1 > h3 {

  font-size: 24px;

  color: #a2d140;

  font-weight: bold;

  height: 24px;

  line-height: 24px;

  text-align: center;

  margin-bottom: 10px;

}

.title1 > h3 > a {

  color: #a2d140;

}

.title1 > span {

  display: block;

  width: 7px;

  height: 24px;

  margin: 0 auto;

  animation: myfirst 2s infinite;

  background: url(/html/templates/pc_wjdh/images/tit.png) center no-repeat;

}



.pro {

  width: 100%;

  margin-top: 80px;

  height:750px;

}

.pro .pro_main .pro_con {

  margin-top: 40px;

}

.pro .pro_main .pro_con .fl {

  width: 246px;

}

.pro .pro_main .pro_con .fl .fl_tit {

  width: 100%;

  height: 106px;

  padding-top: 30px;

  box-sizing: border-box;

  background-color: #a2d140;

}

.pro .pro_main .pro_con .fl .fl_tit > i {

  margin-left: 35px;

  width: 48px;

  height: 48px;

  background: url(/html/templates/pc_wjdh/images/fl_ico1.png) center no-repeat;

}

.pro .pro_main .pro_con .fl .fl_tit .fl_tit_txt {

  margin-left: 20px;

}

.pro .pro_main .pro_con .fl .fl_tit .fl_tit_txt > h3 {

  font-weight: bold;

  font-size: 24px;

  line-height: 24px;

  height: 24px;

  color: #ffffff;

  margin-bottom: 9px;

}

.pro .pro_main .pro_con .fl .fl_tit .fl_tit_txt > p {

  font-size: 14px;

  height: 14px;

  line-height: 14px;

  color: #ffffff;

}

.pro .pro_main .pro_con .fl .fl_main {

  width: 216px;

  height: auto;

  background: #ffffff;

  box-shadow: 0 0 10px #e6e6e6;

  margin: 0 auto;

  padding: 20px 0 10px;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list {

  width: 100%;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list > li {

  width: 185px;

  height: 68px;

  line-height: 68px;

  border-bottom: 1px dashed #e6e6e6;

  box-sizing: border-box;

  margin: 0 auto;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list > li:hover > a {

  color: #a2d140;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list > li:hover > a::after {

  width: 22px;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 25px 0 15px;

  box-sizing: border-box;

  font-size: 14px;

  color: #4d4d4d;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  position: relative;

}

.pro .pro_main .pro_con .fl .fl_main > .fl_list > li > a::after {

  content: "";

  position: absolute;

  width: 0;

  height: 13px;

  background: url(/html/templates/pc_wjdh/images/fl_ico2.png) center no-repeat;

  right: 0;

  top: 50%;

  margin-top: -5px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  animation: myfirst2 2s infinite;

}

.pro .pro_main .pro_con .pro_view {

  width: 924px;

}

.pro .pro_main .pro_con .pro_view .pro_menu > ul > li {

  float: left;

  width: 160px;

  height: 40px;

  background-color: #333333;

  text-align: center;

  line-height: 40px;

  cursor: pointer;

  font-size: 14px;

  color: #ffffff;

  position: relative;

  z-index: 1;

  margin-right: 20px;

}

.pro .pro_main .pro_con .pro_view .pro_menu > ul > li.on::after {

  width: 100%;

}

.pro .pro_main .pro_con .pro_view .pro_menu > ul > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  z-index: -1;

  left: 0;

  top: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  background-color: #a2d140;

}

.pro .pro_main .pro_con .pro_view .pro_tab {

  margin-top: 20px;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li {

  float: left;

  width: 292px;

  height: 262px;

  position: relative;

  overflow: hidden;

  margin-right: 24px;

  margin-bottom: 20px;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li:hover .pro_cover {

  transform: rotateX(0);

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li:hover > a > img {

  border: solid 1px #a2d140;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li:hover .pro_txt::after {

  height: 100%;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li:hover .pro_txt > a {

  color: #ffffff;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li .pro_cover {

  position: absolute;

  width: 100%;

  height: 218px;

  background: rgba(0, 0, 0, 0.1);

  top: 0;

  left: 0;

  transform: rotate(-180deg);

  transform-origin: 0 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li .pro_cover > a {

  display: block;

  width: 70px;

  height: 70px;

  background: url(/html/templates/pc_wjdh/images/pro_ico1.png) center no-repeat rgba(255, 255, 255, 0.8);

  margin: 74px auto 0;

  border-radius: 50%;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li > a {

  display: block;

  width: 100%;

  height: 218px;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li > a > img {

  width: 100%;

  height: 100%;

  border: solid 1px #fafafa;

  box-sizing: border-box;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li .pro_txt {

  width: 100%;

  height: 44px;

  background-color: #fafafa;

  line-height: 44px;

  text-align: center;

  position: relative;

  z-index: 1;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li .pro_txt::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  z-index: -1;

  background: #a2d140;

  bottom: 0;

  left: 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li .pro_txt > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

  color: #4d4d4d;

}

.pro .pro_main .pro_con .pro_view .pro_tab .peo_tab_item > li:nth-child(3n) {

  margin-right: 0;

}

.gg {

  width: 100%;

  height: 374px;

  padding-top: 73px;

  box-sizing: border-box;

  margin-top: 60px;

  background: url(/html/templates/pc_wjdh/images/gg_bg.jpg) center no-repeat;

}

.gg .gg_main .gg_txt {

  text-align: right;

}

.gg .gg_main .gg_txt > h3 {

  font-size: 22px;

  font-weight: bold;

  line-height: 22px;

  height: 22px;

  color: #ffffff;

  margin-bottom: 20px;

}

.gg .gg_main .gg_txt > h4 {

  font-size: 18px;

  font-weight: bold;

  height: 18px;

  line-height: 18px;

  color: #ffffff;

  margin-bottom: 15px;

}

.gg .gg_main .gg_txt > h5 {

  font-size: 12px;

  color: rgba(255, 255, 255, 0.6);

  line-height: 16px;

  margin-bottom: 23px;

}

.gg .gg_main .gg_txt .gg_tell > a {

  width: 170px;

  height: 50px;

  text-align: center;

  line-height: 50px;

  font-size: 14px;

  color: #ffffff;

  background-color: #333333;

}

.gg .gg_main .gg_txt .gg_tell > a:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.gg .gg_main .gg_txt .gg_tell > a:hover {

  border-radius: 25px;

}

.gg .gg_main .gg_txt .gg_tell .gg_num {

  font-size: 16px;

  color: #ffffff;

  margin-right: 60px;

}

.gg .gg_main .gg_txt .gg_tell .gg_num > i {

  display: inline-block;

  vertical-align: middle;

  width: 37px;

  height: 37px;

  margin-right: 10px;

  animation: msClock 2s infinite;

  background: url(/html/templates/pc_wjdh/images/gg_tell.png) center no-repeat;

}

.gg .gg_main .gg_txt .gg_tell .gg_num > span {

  display: inline-block;

  vertical-align: middle;

  font-size: 24px;

  font-weight: bold;

  color: #ffffff;

}

.case {

  width: 100%;

  margin-top: 60px;

}

.case .case_main .case_view {

  margin-top: 40px;

}

.case .case_main .case_view .case_l {

  width: 558px;

  height: 550px;

}

.case .case_main .case_view .case_l:hover .case_txt > h3 > p > a {

  color: #a2d140;

  transform: translate(5px);

}

.case .case_main .case_view .case_l > a {

  display: block;

  width: 100%;

  height: 420px;

}

.case .case_main .case_view .case_l > a > img {

  width: 100%;

  height: 100%;

}

.case .case_main .case_view .case_l .case_txt {

  width: 100%;

  height: 130px;

  background-color: #fafafa;

}

.case .case_main .case_view .case_l .case_txt > h3 {

  width: 100%;

  height: 52px;

  line-height: 52px;

  border-bottom: 1px solid rgba(162, 209, 64, 0.3);

  box-sizing: border-box;

}

.case .case_main .case_view .case_l .case_txt > h3 > p {

  float: left;

  width: 70%;

  height: 100%;

}

.case .case_main .case_view .case_l .case_txt > h3 > p > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 20px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.case .case_main .case_view .case_l .case_txt > h3 > a {

  float: right;

  width: 21px;

  height: 14px;

  background: url(/html/templates/pc_wjdh/images/case_err1.png) center no-repeat;

  margin-top: 19px;

  margin-right: 20px;

  animation: myfirst2 2s infinite;

}

.case .case_main .case_view .case_l .case_txt > p {

  width: 520px;

  margin: 0 auto;

  font-size: 14px;

  line-height: 25px;

  height: 50px;

  overflow: hidden;

  color: #808080;

  margin-top: 15px;

}

.case .case_main .case_view .case_r {

  width: 622px;

}

.case .case_main .case_view .case_r .case_list > li {

  float: left;

  width: 300px;

  height: 264px;

  position: relative;

  margin: 0 22px 22px 0;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.case .case_main .case_view .case_r .case_list > li:hover {

  box-shadow: 0 0 5px rgba(162, 209, 64, 0.5);

}

.case .case_main .case_view .case_r .case_list > li:hover .case_cover {

  top: 72px;

  opacity: 1;

}

.case .case_main .case_view .case_r .case_list > li:hover .case_txt::after {

  height: 100%;

}

.case .case_main .case_view .case_r .case_list > li:hover .case_txt > a {

  color: #ffffff;

}

.case .case_main .case_view .case_r .case_list > li:hover .case_txt > a::after {

  background: url(/html/templates/pc_wjdh/images/case_err2.png) center no-repeat;

}

.case .case_main .case_view .case_r .case_list > li > a {

  display: block;

  width: 100%;

  height: 224px;

}

.case .case_main .case_view .case_r .case_list > li > a > img {

  width: 100%;

  height: 100%;

}

.case .case_main .case_view .case_r .case_list > li .case_cover {

  position: absolute;

  width: 80px;

  height: 80px;

  background: rgba(255, 255, 255, 0.8);

  left: 50%;

  top: -80px;

  border-radius: 50%;

  margin-left: -40px;

  opacity: 0;

  animation: myfirst1 2s infinite;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.case .case_main .case_view .case_r .case_list > li .case_cover > a {

  display: block;

  width: 100%;

  height: 100%;

  background: url(/html/templates/pc_wjdh/images/pro_ico1.png) center no-repeat;

}

.case .case_main .case_view .case_r .case_list > li .case_txt {

  width: 100%;

  height: 40px;

  background-color: #fafafa;

  line-height: 40px;

  position: relative;

  z-index: 1;

}

.case .case_main .case_view .case_r .case_list > li .case_txt::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  background: #a2d140;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  z-index: -1;

  bottom: 0;

  left: 0;

}

.case .case_main .case_view .case_r .case_list > li .case_txt > a {

  display: block;

  width: 100%;

  height: 100%;

  font-size: 14px;

  color: #4d4d4d;

  position: relative;

  padding: 0 30px 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.case .case_main .case_view .case_r .case_list > li .case_txt > a::after {

  content: "";

  position: absolute;

  width: 21px;

  height: 14px;

  background: url(/html/templates/pc_wjdh/images/case_err1.png) center no-repeat;

  left: 270px;

  top: 13px;

  animation: myfirst2 2s infinite;

}

.case .case_main .case_view .case_r .case_list > li:nth-child(2n) {

  margin-right: 0;

}

.ys {

  width: 100%;

  height: auto;

  background: url(/html/templates/pc_wjdh/images/ys_bg.jpg) center no-repeat;

  padding: 80px 0;

  margin-top: 60px;

  overflow: hidden;

}

.ys .ys_main {

  margin-top: 40px;

  height: 786px;

  overflow: hidden;

}

.ys .ys_main .ys_list > li {

  width: 100%;

  height: 786px;

}

.ys .ys_main .ys_list > li .ys_con {

  height: 786px;

  position: relative;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt {

  position: relative;

  z-index: 2;

  width: 540px;

  margin-top: 68px;

  height: 650px;

  padding-top: 102px;

  box-sizing: border-box;

  background: rgba(255, 255, 255, 0.9);

}

.ys .ys_main .ys_list > li .ys_con .ys_txt > i {

  position: absolute;

  font-size: 180px;

  color: rgba(162, 209, 64, 0.2);

  height: 143px;

  line-height: 143px;

  top: 36px;

  right: 60px;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt .ys_ico {

  min-width: 52px;

  min-height: 62px;

  margin-bottom: 30px;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt > h3 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  height: 30px;

  margin-bottom: 11px;

  color: #a2d140;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt > p {

  font-size: 14px;

  height: 14px;

  line-height: 14px;

  color: #cccccc;

  margin-bottom: 27px;

  text-transform: uppercase;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt > span {

  width: 490px;

  height: 1px;

  background-color: #e4f8bb;

  margin-bottom: 40px;

}

.ys .ys_main .ys_list > li .ys_con .ys_txt > h5 {

  width: 488px;

  font-size: 14px;

  color: #808080;

  line-height: 30px;

}

.ys .ys_main .ys_list > li .ys_con .ys_view {

  position: relative;

  width: 660px;

  z-index: 1;

}

.ys .ys_main .ys_list > li .ys_con .ys_view > img {

  position: absolute;

  left: -225px;

  z-index: -1;

}

.ys .ys_main .ys_list > li .ys_con .ys_p,

.ys .ys_main .ys_list > li .ys_con .ys_n {

  position: absolute;

  width: 57px;

  height: 57px;

  bottom: 68px;

  cursor: pointer;

  z-index: 3;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.ys .ys_main .ys_list > li .ys_con .ys_p:hover,

.ys .ys_main .ys_list > li .ys_con .ys_n:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.ys .ys_main .ys_list > li .ys_con .ys_p {

  border: solid 3px #a2d140;

  box-sizing: border-box;

  left: 483px;

  background: url(/html/templates/pc_wjdh/images/ys_p.png) center no-repeat;

}

.ys .ys_main .ys_list > li .ys_con .ys_n {

  left: 540px;

  background: url(/html/templates/pc_wjdh/images/ys_n.png) center no-repeat #a2d140;

}

.ys .ys_main .ys_list > li:nth-child(1) .ys_con .ys_txt > .ys_ico {

  background: url(/html/templates/pc_wjdh/images/ys_ico1.png) left center no-repeat;

}

.ys .ys_main .ys_list > li:nth-child(2) .ys_con .ys_txt > .ys_ico {

  background: url(/html/templates/pc_wjdh/images/ys_ico2.png) left center no-repeat;

}

.ys .ys_main .ys_list > li:nth-child(3) .ys_con .ys_txt > .ys_ico {

  background: url(/html/templates/pc_wjdh/images/ys_ico3.png) left center no-repeat;

}

.ys .ys_main .ys_list > li:nth-child(4) .ys_con .ys_txt > .ys_ico {

  background: url(/html/templates/pc_wjdh/images/ys_ico4.png) left center no-repeat;

}

.about {

  width: 100%;

  margin-top: 80px;

}

.about .ab_main .ab_con {

  margin-top: 40px;

}

.about .ab_main .ab_con .ab_view {

  width: 576px;

  height: 353px;

  line-height: 353px;

  text-align: center;

  position: relative;

}

.about .ab_main .ab_con .ab_view:hover::after,

.about .ab_main .ab_con .ab_view:hover::before {

  transform: rotateZ(-90deg);

}

.about .ab_main .ab_con .ab_view:hover::after {

  left: 0;

  top: 316px;

}

.about .ab_main .ab_con .ab_view:hover::before {

  right: 0;

  bottom: 316px;

}

.about .ab_main .ab_con .ab_view::after,

.about .ab_main .ab_con .ab_view::before {

  position: absolute;

  content: "";

  width: 37px;

  height: 37px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.about .ab_main .ab_con .ab_view::after {

  left: 0;

  top: 0;

  background: url(/html/templates/pc_wjdh/images/ab_ico1.png) center no-repeat;

}

.about .ab_main .ab_con .ab_view::before {

  right: 0;

  bottom: 0;

  background: url(/html/templates/pc_wjdh/images/ab_ico2.png) center no-repeat;

}

.about .ab_main .ab_con .ab_view > img {

  display: inline-block;

  vertical-align: middle;

  width: 550px;

  height: 320px;

}

.about .ab_main .ab_con .ab_txt {

  width: 564px;

  background: url(/html/templates/pc_wjdh/images/ab_line.png) left center no-repeat;

  padding-left: 33px;

  box-sizing: border-box;

  margin-top: 16px;

}

.about .ab_main .ab_con .ab_txt > h3 {

  font-size: 24px;

  font-weight: bold;

  height: 24px;

  line-height: 24px;

  color: #333333;

  margin-bottom: 8px;

}

.about .ab_main .ab_con .ab_txt > h3 > a {

  color: #333333;

}

.about .ab_main .ab_con .ab_txt > p {

  font-size: 12px;

  color: #b3b3b3;

  height: 12px;

  line-height: 12px;

  margin-bottom: 25px;

}

.about .ab_main .ab_con .ab_txt > h5 {

  width: 530px;

  font-size: 14px;

  line-height: 30px;

  color: #808080;

  height: 150px;

  overflow: hidden;

}

.about .ab_main .fc {

  width: 100%;

  height: 240px;

  margin-top: 24px;

  position: relative;

}

.about .ab_main .fc .fc_menu {

  position: absolute;

  left: 667px;

  top: -77px;

}

.about .ab_main .fc .fc_menu > ul > li {

  float: left;

  width: 120px;

  height: 38px;

  background-color: #a2d140;

  border-radius: 19px;

  text-align: center;

  line-height: 38px;

  font-size: 14px;

  color: #ffffff;

  position: relative;

  margin-right: 10px;

  cursor: pointer;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.about .ab_main .fc .fc_menu > ul > li.on {

  background: transparent;

}

.about .ab_main .fc .fc_menu > ul > li.on::after {

  transform: scale(1) translate(-50%);

}

.about .ab_main .fc .fc_menu > ul > li::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 19px;

  z-index: -1;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  background-color: #333333;

  left: 50%;

  bottom: 0;

  transform: scale(0) translate(-50%);

}

.about .ab_main .fc .fc_tab {

  width: 100%;

  height: 240px;

}

.about .ab_main .fc .fc_tab .fc_item {

  height: 240px;

  position: relative;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li {

  float: left;

  width: 280px;

  height: 240px;

  margin-right: 27px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li:hover > a > img {

  transform: scale(1.1);

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li:hover .fc_txt > a {

  color: #a2d140;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li > a {

  display: block;

  width: 100%;

  height: 210px;

  overflow: hidden;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li > a > img {

  width: 100%;

  height: 100%;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li .fc_txt {

  width: 100%;

  height: 30px;

  line-height: 30px;

  text-align: center;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li .fc_txt > a {

  display: block;

  width: 100%;

  font-size: 14px;

  height: 100%;

  color: #4d4d4d;

  padding: 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.about .ab_main .fc .fc_tab .fc_item .fc_list > li:nth-last-child(1) {

  margin-right: 0;

}

.about .ab_main .fc .fc_tab .fc_item .fc_p,

.about .ab_main .fc .fc_tab .fc_item .fc_n {

  position: absolute;

  width: 57px;

  height: 57px;

  cursor: pointer;

  top: 77px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.about .ab_main .fc .fc_tab .fc_item .fc_p:hover,

.about .ab_main .fc .fc_tab .fc_item .fc_n:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}

.about .ab_main .fc .fc_tab .fc_item .fc_p:hover,

.about .ab_main .fc .fc_tab .fc_item .fc_n:hover {

  border-radius: 50%;

}

.about .ab_main .fc .fc_tab .fc_item .fc_p {

  left: -87px;

  border: solid 3px #a2d140;

  box-sizing: border-box;

  background: url(/html/templates/pc_wjdh/images/fc_p1.png) center no-repeat;

}

.about .ab_main .fc .fc_tab .fc_item .fc_n {

  right: -87px;

  background: url(/html/templates/pc_wjdh/images/fc_p2.png) center no-repeat #a2d140;

}

.news {

  width: 100%;

  margin-top: 60px;

}

.news .news_main .news_con {

  margin-top: 25px;

  height: 458px;

  overflow: hidden;

}

.news .news_main .news_con .news_l {

  width: 680px;

}

.news .news_main .news_con .news_l .news_tit {

  width: 100%;

  height: 45px;

  line-height: 45px;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

}

.news .news_main .news_con .news_l .news_tit .news_menu_list > li {

  float: left;

  width: 80px;

  text-align: center;

  height: 100%;

  position: relative;

  margin-right: 20px;

}

.news .news_main .news_con .news_l .news_tit .news_menu_list > li.on > a {

  color: #a2d140;

}

.news .news_main .news_con .news_l .news_tit .news_menu_list > li.on::after {

  width: 100%;

}

.news .news_main .news_con .news_l .news_tit .news_menu_list > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 3px;

  background: #a2d140;

  left: 50%;

  bottom: -2px;

  transform: translate(-50%);

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_l .news_tit .news_menu_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

  font-size: 14px;

  color: #262626;

}

.news .news_main .news_con .news_l .news_tab {

  margin-top: 38px;

  width: 100%;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top {

  width: 100%;

  height: 174px;

  border-bottom: 1px solid #fafafa;

  box-sizing: border-box;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top:hover > a > img {

  transform: scale(1.1);

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top:hover .news_txt > a {

  color: #a2d140;

  transform: translate(5px);

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top > a {

  width: 232px;

  height: 157px;

  overflow: hidden;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top > a > img {

  width: 100%;

  height: 100%;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top .news_txt {

  width: 429px;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top .news_txt > a {

  display: block;

  width: 100%;

  font-size: 14px;

  color: #4d4d4d;

  height: 16px;

  line-height: 16px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-top: 13px;

  margin-bottom: 20px;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top .news_txt > p {

  width: 100%;

  font-size: 14px;

  line-height: 30px;

  height: 60px;

  color: #808080;

  overflow: hidden;

  margin-bottom: 20px;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_top .news_txt > span {

  font-size: 14px;

  color: #b3b3b3;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm {

  width: 100%;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li {

  float: left;

  width: 319px;

  margin-right: 42px;

  height: 50px;

  border-bottom: 1px dashed #e6e6e6;

  box-sizing: border-box;

  line-height: 50px;

  position: relative;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li:hover {

  border-bottom: 1px dashed transparent;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li:hover::after {

  width: 100%;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li:hover > a {

  color: #a2d140;

  transform: translate(5px);

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 0px;

  border-top: 1px dashed #a2d140;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  bottom: 0;

  left: 0;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li > a {

  float: left;

  width: 70%;

  height: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

  color: #4d4d4d;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li > span {

  float: right;

  font-size: 12px;

  color: #999999;

}

.news .news_main .news_con .news_l .news_tab .news_item .news_botm .news_list > li:nth-child(2n) {

  margin-right: 0;

}

.news .news_main .news_con .news_r {

  width: 450px;

}

.news .news_main .news_con .news_r .news_tit {

  width: 100%;

  height: 45px;

  line-height: 45px;

  border-bottom: 1px solid #e6e6e6;

  box-sizing: border-box;

}

.news .news_main .news_con .news_r .news_tit > h3 {

  width: 80px;

  position: relative;

  height: 100%;

  text-align: center;

  font-size: 14px;

  color: #a2d140;

  font-weight: bold;

}

.news .news_main .news_con .news_r .news_tit > h3 > a {

  display: block;

  color: #a2d140;

}

.news .news_main .news_con .news_r .news_tit > h3 > a:hover {

  transform: translate(5px);

}

.news .news_main .news_con .news_r .news_tit > h3::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 3px;

  background: #a2d140;

  left: 50%;

  bottom: -2px;

  transform: translate(-50%);

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_r .aq_main {

  width: 100%;

  margin-top: 38px;

}

.news .news_main .news_con .news_r .aq_main .aq_list {

  width: 100%;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li {

  width: 100%;

  margin-bottom: 4px;

  height: 50px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li.on {

  height: auto;

  margin-bottom: 13px;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li.on > h3 > a {

  color: #ffffff;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li.on > h3 > span {

  color: #ffffff;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li.on > h3::after {

  width: 100%;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li.on .aq_txt {

  width: 100%;

  height: 95px;

  padding: 20px 13px;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li > h3 {

  width: 100%;

  height: 50px;

  line-height: 50px;

  background-color: #fafafa;

  padding: 0 11px;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li > h3::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  z-index: -1;

  background: #a2d140;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

  left: 0;

  bottom: 0;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li > h3 > a {

  width: 70%;

  font-size: 14px;

  color: #4d4d4d;

  height: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li > h3 > span {

  color: #999999;

  font-size: 14px;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li .aq_txt {

  width: 0;

  height: 95px;

  overflow: hidden;

  background-color: #fafafa;

  box-shadow: 0 0 5px rgba(162, 209, 64, 0.5);

  margin-top: 5px;

  box-sizing: border-box;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.news .news_main .news_con .news_r .aq_main .aq_list > li .aq_txt > p {

  width: 100%;

  font-size: 14px;

  color: #808080;

  height: 60px;

  line-height: 30px;

  overflow: hidden;

}

.inform {

  width: 100%;

  height: 450px;

  padding-top: 40px;

  box-sizing: border-box;

  background: url(/html/templates/pc_wjdh/images/in_bg.jpg) center no-repeat;

  margin-top: 80px;

}

.inform .in_main {

  width: 1200px;

}

.inform .in_main .in_tit {

  text-align: center;

}

.inform .in_main .in_tit .in_ico {

  width: 84px;

  height: 84px;

  background: url(/html/templates/pc_wjdh/images/in_tit.png) center no-repeat #333333;

  margin: 0 auto 30px;

  border-radius: 50%;

}

.inform .in_main .in_tit > h3 {

  font-size: 24px;

  font-weight: bold;

  line-height: 24px;

  height: 24px;

  color: #333333;

  margin-bottom: 28px;

}

.inform .in_main .in_tit > p {

  font-size: 14px;

  height: 14px;

  line-height: 14px;

  color: #808080;

}

.inform .in_main .in_con {

  width: 600px;

  padding: 0 20px;

  box-sizing: border-box;

}

.inform .in_main .in_con .inputs {

  margin-top: 30px;

}

.inform .in_main .in_con .inputs > input {

  float: left;

  height: 70px;

  width: 33.33333%;

  padding: 0 10px 0 67px;

  box-sizing: border-box;

}

.inform .in_main .in_con .inputs #userName {

  background: url(/html/templates/pc_wjdh/images/in1.png) 33px center no-repeat #fff;

}

.inform .in_main .in_con .inputs #userPhone {

  background: url(/html/templates/pc_wjdh/images/in2.png) 33px center no-repeat #fff;

}

.inform .in_main .in_con .inputs #content {

  background: url(/html/templates/pc_wjdh/images/in3.png) 33px center no-repeat #fff;

}

.inform .in_main .in_con .code_box {

  width: 100%;

  margin-top: 31px;

}

.inform .in_main .in_con .code_box .code {

  width: 230px;

  height: 46px;

  position: relative;

}

.inform .in_main .in_con .code_box .code > input {

  width: 100%;

  height: 100%;

  border: solid 1px #d9d9d9;

  box-sizing: border-box;

  background: #ffffff;

  padding: 0 100px 0 15px;

}

.inform .in_main .in_con .code_box .code > img {

  position: absolute;

  width: 90px;

  height: 36px;

  top: 5px;

  right: 4px;

  cursor: pointer;

}

.inform .in_main .in_con .code_box > button {

  width: 150px;

  height: 42px;

  background-color: #e3e2e7;

  border: solid 1px #d9d9d9;

  cursor: pointer;

  font-size: 14px;

  color: #333333;

}

.inform .in_main .in_txt {

  width: 600px;

  padding: 0 43px;

  box-sizing: border-box;

}

.inform .in_main .in_txt .in_tit > h3 {

  margin-bottom: 22px;

}

.inform .in_main .in_txt .in_tit > h4 {

  font-size: 14px;

  line-height: 24px;

  color: #808080;

}

.inform .in_main .in_txt > h5 {

  width: 100%;

  font-size: 14px;

  color: #808080;

  line-height: 25px;

  text-align: center;

  margin-top: 20px;

}

.inform .in_main .in_txt > a {

  display: block;

  width: 150px;

  height: 42px;

  background-color: #e3e2e7;

  border: solid 1px #d9d9d9;

  font-size: 14px;

  color: #333333;

  text-align: center;

  line-height: 42px;

  margin: 40px auto 0;

}

.links {

  width: 100%;

  height: auto;

  background: #a2d140;

  padding: 25px 0;

}

.links .link_main .link_tit {

  font-size: 26px;

  font-weight: bold;

  letter-spacing: 2px;

  color: #ffffff;

  line-height: 30px;

}

.links .link_main .link_list {

  width: calc(1200px - 100px - 20px);

  line-height: 30px;

}

.links .link_main .link_list > a {

  float: left;

  font-size: 14px;

  color: #ffffff;

  padding: 0 10px;

  margin: 0 10px;

  position: relative;

}

.links .link_main .link_list > a:hover::after,

.links .link_main .link_list > a:hover::before {

  width: 100%;

}

.links .link_main .link_list > a::after,

.links .link_main .link_list > a::before {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  height: 1px;

  background: #ffffff;

  transition: all 0.7s ease-in-out;

  -webkit-transition: all 0.7s ease-in-out;

}

.links .link_main .link_list > a::after {

  left: 0;

  top: 0;

}

.links .link_main .link_list > a::before {

  right: 0;

  bottom: 0;

}