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

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

/*邮箱 btoe@btoe.cn*/

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

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

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

.banner {

  position: relative;

  height: 800px;

}

.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(../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(../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: #00693e;

  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: #00693e;

  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: #00693e;

  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: #00693e;

  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 > h3 {

  font-size: 32px;

  color: #00693e;

  line-height: 32px;

  margin-bottom: 17px;

}

.title1 > h3 > a {

  color: #00693e;

}

.title1 > h3 span {

  font-weight: bold;

  display: inline-block;

  vertical-align: middle;

}

.title1 > h3 i {

  display: inline-block;

  vertical-align: middle;

  width: 32px;

  height: 32px;

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

}

.title1 > h3 em {

  color: #666666;

  display: inline-block;

  vertical-align: middle;

}

.title1 h4 {

  font-size: 16px;

  line-height: 16px;

  color: #666666;

  height: 16px;

}

.tell {

  width: 100%;

  height: 1px;

  position: relative;

  z-index: 2;

}

.tell .tell_main {

  position: absolute;

  left: 50%;

  transform: translate(-50%);

  top: -138px;

}

.tell .tell_main .tell_con {

  width: 245px;

  height: 138px;

  background: #00693e;

  padding: 22px 0 0 30px;

  box-sizing: border-box;

}

.tell .tell_main .tell_con .tell_nr > i {

  width: 29px;

  height: 26px;

  margin-top: 10px;

  background: url(../images/in_trll.png) center no-repeat;

  animation: msClock 2s infinite;

}

.tell .tell_main .tell_con .tell_nr .tell_num {

  margin-left: 25px;

}

.tell .tell_main .tell_con .tell_nr .tell_num > p {

  font-size: 14px;

  color: #fff;

  height: 14px;

  line-height: 14px;

  margin-bottom: 11px;

}

.tell .tell_main .tell_con .tell_nr .tell_num > h3 {

  font-size: 24px;

  height: 24px;

  font-family: Arial;

  color: #fff;

}

.tell .tell_main .tell_con > a {

  display: block;

  width: 140px;

  height: 34px;

  background-color: #fff;

  border-radius: 16px;

  text-align: center;

  line-height: 34px;

  font-size: 14px;

  color: #222222;

  margin: 22px auto 0;

}



.pro {

  width: 100%;

  height: auto;

  background: url(../images/pro_bg.jpg) center repeat-y;

  padding: 55px 0 42px;

}

.pro .pro_main .pro_view {

  margin-top: 50px;

}

.pro .pro_main .pro_view .fl {

  width: 290px;

}

.pro .pro_main .pro_view .fl .fl_main {

  width: 100%;

  padding: 10px 16px 18px;

  box-sizing: border-box;

  background-color: #00693e;

}

.pro .pro_main .pro_view .fl .fl_main > ul {

  width: 100%;

}

.pro .pro_main .pro_view .fl .fl_main > ul > li {

  float: left;

  width: 100%;

  height: 59px;

  line-height: 59px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  box-sizing: border-box;

  margin: 0 auto;

  padding: 0 10px;

}

.pro .pro_main .pro_view .fl .fl_main > ul > li:hover > a {

  color: #f9c604;

  background: url(../images/pro2.png) left center no-repeat;

  transform: translate(5px);

}

.pro .pro_main .pro_view .fl .fl_main > ul > li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 5px 0 20px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 16px;

  color: #ffffff;

  background: url(../images/pro1.png) left center no-repeat;

}

.pro .pro_main .pro_view .pro_nr {

  width: 898px;

}

.pro .pro_main .pro_view .pro_nr .pro_list > li {

  float: left;

  width: 290px;

  height: 215px;

  background: #fff;

  padding: 4px;

  box-sizing: border-box;

  position: relative;

  margin: 0 13px 16px 0;

  transition: all 0.7s ease-in-out;

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

}

.pro .pro_main .pro_view .pro_nr .pro_list > li:hover {

  transform: translateY(-5px);

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

}

.pro .pro_main .pro_view .pro_nr .pro_list > li:hover > a > img {

  transform: scale(1.2);

}

.pro .pro_main .pro_view .pro_nr .pro_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.pro .pro_main .pro_view .pro_nr .pro_list > li > a > img {

  width: 100%;

  height: 100%;

}

.pro .pro_main .pro_view .pro_nr .pro_list > li .pro_txt {

  width: 100%;

  height: 36px;

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

  line-height: 36px;

  position: absolute;

  bottom: 0;

  left: 0;

}

.pro .pro_main .pro_view .pro_nr .pro_list > li .pro_txt > a {

  display: block;

  width: 100%;

  height: 100%;

  font-size: 16px;

  color: #ffffff;

  padding: 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.pro .pro_main .pro_view .pro_nr .pro_list > li:nth-child(3n) {

  margin-right: 0;

}

.lc {

  width: 100%;

  height: 180px;

  padding-top: 44px;

  box-sizing: border-box;

  background: url(../images/lc_bg.jpg) center no-repeat;

}

.lc .lc_main {

  height: 100%;

}

.lc .lc_main .lc_list {

  width: 960px;

  height: 100%;

}

.lc .lc_main .lc_list > ul {

  width: 100%;

  height: 100%;

}

.lc .lc_main .lc_list > ul > li {

  float: left;

  width: 20%;

  text-align: center;

  height: 100%;

}

.lc .lc_main .lc_list > ul > li:hover > i {

  transform: rotateY(360deg);

}

.lc .lc_main .lc_list > ul > li > i {

  display: block;

  width: 100%;

  height: 46px;

  margin-bottom: 20px;

  transition: all 0.7s ease-in-out;

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

}

.lc .lc_main .lc_list > ul > li > h3 {

  font-size: 16px;

  height: 16px;

  line-height: 16px;

  color: #ffffff;

  margin-bottom: 12px;

}

.lc .lc_main .lc_list > ul > li > p {

  font-size: 14px;

  color: #ffffff;

  height: 14px;

  line-height: 14px;

}

.lc .lc_main .lc_list > ul > li:nth-child(1) > i {

  background: url(../images/lc1.png) center no-repeat;

}

.lc .lc_main .lc_list > ul > li:nth-child(2) > i {

  background: url(../images/lc2.png) center no-repeat;

}

.lc .lc_main .lc_list > ul > li:nth-child(3) > i {

  background: url(../images/lc3.png) center no-repeat;

}

.lc .lc_main .lc_list > ul > li:nth-child(4) > i {

  background: url(../images/lc4.png) center no-repeat;

}

.lc .lc_main .lc_list > ul > li:nth-child(5) > i {

  background: url(../images/lc5.png) center no-repeat;

}

.ys {

  width: 100%;

  height: 788px;

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

}

.ys .ys_view {

  width: 100%;

  height: 100%;

  position: relative;

}

.ys .ys_view .ys_list {

  width: 100%;

  height: 100%;

}

.ys .ys_view .ys_list > li {

  width: 100%;

  height: 100%;

}

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

  width: 630px;

  height: 100%;

  position: relative;

}

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

  position: absolute;

  right: 0;

  top: 0;

}

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

  width: 524px;

  height: 100%;

  padding-top: 96px;

  box-sizing: border-box;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit > h3 {

  font-size: 32px;

  color: #ffffff;

  line-height: 32px;

  margin-bottom: 17px;

  vertical-align: middle;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit > h3 > a {

  color: #ffffff;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit > h3 span {

  font-weight: bold;

  display: inline-block;

  vertical-align: middle;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit > h3 i {

  display: inline-block;

  vertical-align: middle;

  width: 32px;

  height: 32px;

  background: url(../images/ys_tit.png) center no-repeat;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit > h3 em {

  color: #ffffff;

  display: inline-block;

  vertical-align: middle;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_tit h4 {

  font-size: 16px;

  line-height: 16px;

  color: #ffffff;

  height: 16px;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_txt_main {

  width: 100%;

  font-size: 16px;

  margin-top: 75px;

}

.ys .ys_view .ys_list > li .ys_main .ys_txt .ys_txt_main > h5 {

  color: #ffffff;

  height: 50px;

  line-height: 50px;

}

.ys .ys_view .ys_menu {

  position: absolute;

  width: 1200px;

  height: 140px;

  left: 50%;

  transform: translate(-50%);

  bottom: 123px;

  background-color: #00693e;

  border: solid 6px #095539;

  box-sizing: border-box;

}

.ys .ys_view .ys_menu .ys_menu_list {

  width: 100%;

  height: 100%;

}

.ys .ys_view .ys_menu .ys_menu_list > li {

  float: left;

  width: 25%;

  height: 100%;

  background: url(../images/ys_line.jpg) right center no-repeat;

  padding-top: 30px;

  box-sizing: border-box;

  text-align: center;

  z-index: 1;

  position: relative;

  cursor: pointer;

}

.ys .ys_view .ys_menu .ys_menu_list > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  background: url(../images/ys_item.jpg) center no-repeat;

  z-index: -1;

  left: 50%;

  top: 0;

  transform: translate(-50%);

  transition: all 0.7s ease-in-out;

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

}

.ys .ys_view .ys_menu .ys_menu_list > li.on::after {

  width: 100%;

}

.ys .ys_view .ys_menu .ys_menu_list > li.on .ys_ico {

  transform: rotateY(360deg);

}

.ys .ys_view .ys_menu .ys_menu_list > li .ys_ico {

  width: 100%;

  height: 46px;

  margin-bottom: 14px;

  transition: all 0.7s ease-in-out;

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

}

.ys .ys_view .ys_menu .ys_menu_list > li > p {

  font-size: 16px;

  height: 16px;

  line-height: 16px;

  color: #ffffff;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(1) .ys_ico {

  background: url(../images/ys_ico1.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(1).on .ys_ico {

  background: url(../images/ys_ico1-2.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(2) .ys_ico {

  background: url(../images/ys_ico2.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(2).on .ys_ico {

  background: url(../images/ys_ico2-2.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(3) .ys_ico {

  background: url(../images/ys_ico3.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(3).on .ys_ico {

  background: url(../images/ys_ico3-2.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(4) .ys_ico {

  background: url(../images/ys_ico4.png) center no-repeat;

}

.ys .ys_view .ys_menu .ys_menu_list > li:nth-child(4).on .ys_ico {

  background: url(../images/ys_ico4-2.png) center no-repeat;

}

.case {

  width: 100%;

  height: auto;

  background: url(../images/pro_bg.jpg) center repeat-y;

  padding: 100px 0 82px;

}

.case .case_main .case_con {

  width: 100%;

  margin-top: 42px;

}

.case .case_main .case_con .case_fl {

  width: 223px;

}

.case .case_main .case_con .case_fl .case_list {

  width: 100%;

}

.case .case_main .case_con .case_fl .case_list > li {

  width: 100%;

  height: 66px;

  line-height: 66px;

  background-color: #ffffff;

  border: solid 1px #dddddd;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

  margin-bottom: 13px;

  transition: all 0.7s ease-in-out;

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

}

.case .case_main .case_con .case_fl .case_list > li:hover {

  transform: translateY(-5px);

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

}

.case .case_main .case_con .case_fl .case_list > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  z-index: -1;

  background: url(../images/case_item.jpg) center no-repeat;

  transition: all 0.7s ease-in-out;

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

  left: 50%;

  bottom: 0;

  transform: translate(-50%);

}

.case .case_main .case_con .case_fl .case_list > li:hover::after {

  width: 100%;

}

.case .case_main .case_con .case_fl .case_list > li:hover > a {

  color: #fbc603;

}

.case .case_main .case_con .case_fl .case_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 5px 0 37px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 16px;

  color: #333333;

}

.case .case_main .case_con .case_fl > a {

  display: block;

  width: 100%;

  height: 66px;

  line-height: 66px;

  background-color: #ffffff;

  border: solid 1px #dddddd;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

  color: #333333;

  text-align: center;

}

.case .case_main .case_con .case_fl > a::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  z-index: -1;

  background: url(../images/case_item.jpg) center no-repeat;

  transition: all 0.7s ease-in-out;

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

  left: 50%;

  bottom: 0;

  transform: translate(-50%);

}

.case .case_main .case_con .case_fl > a:hover {

  color: #fbc603;

}

.case .case_main .case_con .case_fl > a:hover::after {

  width: 100%;

}

.case .case_main .case_con .case_r {

  width: 966px;

}

.case .case_main .case_con .case_r .case_r_bd {

  width: 100%;

  height: 430px;

}

.case .case_main .case_con .case_r .case_r_bd .case_r_list {

  width: 100%;

  height: 100%;

}

.case .case_main .case_con .case_r .case_r_bd .case_r_list > li {

  width: 100%;

  height: 100%;

}

.case .case_main .case_con .case_r .case_r_bd .case_r_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

}

.case .case_main .case_con .case_r .case_r_bd .case_r_list > li > a > img {

  width: 100%;

  height: 100%;

}

.case .case_main .case_con .case_r .case_menu {

  width: 100%;

  margin-top: 6px;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li {

  float: left;

  width: 239px;

  height: 105px;

  position: relative;

  margin-right: 3px;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li.on .case_txt {

  height: 30px;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li > a > img {

  width: 100%;

  height: 100%;

  border: solid 2px #00693e;

  box-sizing: border-box;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li .case_txt {

  position: absolute;

  width: 236px;

  height: 0;

  line-height: 30px;

  bottom: 0;

  left: 50%;

  transform: translate(-50%);

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

  transition: all 0.7s ease-in-out;

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

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li .case_txt > a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  padding: 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #ffffff;

  font-size: 16px;

}

.case .case_main .case_con .case_r .case_menu .case_menu_list > li:nth-last-child(1) {

  margin-right: 0;

}

.about {

  width: 100%;

  margin-top: 115px;

}

.about .ab_main .ab_txt {

  width: 670px;

}

.about .ab_main .ab_txt .title1 {

  text-align: left;

}

.about .ab_main .ab_txt > h5 {

  width: 100%;

  font-size: 16px;

  color: #666666;

  line-height: 35px;

  height: 175px;

  overflow: hidden;

  margin: 40px 0 30px;

}

.about .ab_main .ab_txt .ab_list > ul > li {

  float: left;

  width: 130px;

  height: 130px;

  border: solid 1px #dddddd;

  margin-right: 55px;

  padding-top: 30px;

  box-sizing: border-box;

}

.about .ab_main .ab_txt .ab_list > ul > li:hover > i {

  transform: rotateY(360deg);

}

.about .ab_main .ab_txt .ab_list > ul > li:hover > a {

  color: #00693e;

  font-weight: bold;

}

.about .ab_main .ab_txt .ab_list > ul > li > i {

  display: block;

  width: 100%;

  height: 43px;

  line-height: 43px;

  text-align: center;

  margin-bottom: 15px;

  transition: all 0.7s ease-in-out;

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

}

.about .ab_main .ab_txt .ab_list > ul > li > i > a {

  display: block;

  width: 100%;

  height: 100%;

}

.about .ab_main .ab_txt .ab_list > ul > li > a {

  display: block;

  width: 100%;

  text-align: center;

  font-size: 16px;

  height: 16px;

  line-height: 16px;

  color: #666666;

  padding: 0 10px;

  box-sizing: border-box;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.about .ab_main .ab_view {

  width: 395px;

  height: 390px;

  position: relative;

  background: url(../images/ab_v.jpg) right top no-repeat;

}

.about .ab_main .ab_view:hover > img {

  top: 41px;

}

.about .ab_main .ab_view > img {

  position: absolute;

  width: 469px;

  height: 349px;

  top: 76px;

  right: 38px;

}

.inform {

  width: 100%;

  height: 326px;

  margin-top: 100px;

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

}

.inform .in_main {

  height: 100%;

  position: relative;

}

.inform .in_main .in_txt {

  margin-left: 450px;

  overflow: hidden;

}

.inform .in_main .in_txt > h3 {

  font-size: 24px;

  height: 24px;

  line-height: 24px;

  color: #ffffff;

  margin-bottom: 15px;

  margin-top: 62px;

  text-align: center;

}

.inform .in_main .in_txt > h4 {

  font-size: 18px;

  color: #ffffff;

  height: 18px;

  line-height: 18px;

  text-align: center;

  margin-bottom: 25px;

}

.inform .in_main .in_txt .in_tell {

  margin-left: 80px;

}

.inform .in_main .in_txt .in_tell > i {

  float: left;

  width: 29px;

  height: 26px;

  background: url(../images/in_trll.png) center no-repeat;

  animation: msClock 2s infinite;

  margin-top: 11px;

}

.inform .in_main .in_txt .in_tell .in_num {

  margin-left: 25px;

}

.inform .in_main .in_txt .in_tell .in_num > p {

  font-size: 14px;

  height: 14px;

  line-height: 14px;

  color: #fff;

  margin-bottom: 11px;

}

.inform .in_main .in_txt .in_tell .in_num > h3 {

  font-size: 24px;

  height: 24px;

  line-height: 24px;

  font-family: Arial;

  color: #fff;

}

.inform .in_main .in_txt > a {

  display: block;

  width: 140px;

  height: 34px;

  text-align: center;

  line-height: 34px;

  font-size: 14px;

  background-color: #fff;

  border-radius: 16px;

  color: #222222;

  margin-left: 105px;

  margin-top: 22px;

}

.inform .in_main .in_txt > a:hover {

  transform: translate(5px);

}

.inform .in_main .in_con {

  width: 327px;

  height: 365px;

  background-color: #ffffff;

  box-shadow: 4px 6px 9px 0px rgba(192, 192, 192, 0.13);

  border-radius: 10px;

  position: absolute;

  top: -10px;

  right: 88px;

  padding: 18px 29px 0;

  box-sizing: border-box;

}

.inform .in_main .in_con > input {

  width: 100%;

  height: 46px;

  border: solid 1px rgba(201, 201, 201, 0.5);

  box-sizing: border-box;

  margin-bottom: 20px;

  padding: 0 10px 0 36px;

}

.inform .in_main .in_con #userName {

  background: url(../images/in1.png) 15px center no-repeat;

}

.inform .in_main .in_con #userPhone {

  background: url(../images/in2.png) 15px center no-repeat;

}

.inform .in_main .in_con #content {

  padding-left: 39px;

  background: url(../images/in3.png) 15px center no-repeat;

}

.inform .in_main .in_con .code_box {

  width: 100%;

  position: relative;

  height: 46px;

}

.inform .in_main .in_con .code_box > input {

  width: 100%;

  height: 100%;

  border: solid 1px rgba(201, 201, 201, 0.5);

  box-sizing: border-box;

  background: url(../images/in4.png) 14px center no-repeat;

  padding: 0 100px 0 43px;

}

.inform .in_main .in_con .code_box > img {

  position: absolute;

  width: 80px;

  height: 30px;

  right: 6px;

  top: 8px;

  cursor: pointer;

}

.inform .in_main .in_con > button {

  width: 154px;

  height: 43px;

  font-size: 16px;

  color: #ffffff;

  cursor: pointer;

  background: url(../images/in5.png) 100px center no-repeat #474747;

  margin-top: 18px;

  transition: all 0.7s ease-in-out;

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

}

.inform .in_main .in_con > button:hover {

  border-radius: 22px;

}

.inform .in_main .in_v {

  position: absolute;

  width: 733px;

  height: 382px;

  background: url(../images/in_l.png) center no-repeat;

  left: -158px;

  top: 24px;

}

.news {

  width: 100%;

  height: auto;

  background: url(../images/pro_bg.jpg) center repeat-y;

  padding-top: 80px;

  padding-bottom: 40px;

}

.news .news_main .news_con {

  margin-top: 82px;

}

.news .news_main .news_con > a {

  width: 340px;

  height: 373px;

}

.news .news_main .news_con > a:hover > img {

  border-radius: 100px 0 100px 0;

}

.news .news_main .news_con > a > img {

  width: 100%;

  height: 100%;

}

.news .news_main .news_con .news_fl {

  width: 230px;

  margin-left: 20px;

}

.news .news_main .news_con .news_fl .news_fl_list {

  width: 100%;

}

.news .news_main .news_con .news_fl .news_fl_list > li {

  width: 100%;

  height: 115px;

  background-color: #f9f9f9;

  border: solid 1px #dddddd;

  box-sizing: border-box;

  position: relative;

  z-index: 1;

  margin-bottom: 14px;

}

.news .news_main .news_con .news_fl .news_fl_list > li::after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  background: url(../images/news_item.jpg) center no-repeat;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  z-index: -1;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_con .news_fl .news_fl_list > li:hover::after {

  width: 100%;

}

.news .news_main .news_con .news_fl .news_fl_list > li:hover > a > span > i {

  color: #ffffff;

}

.news .news_main .news_con .news_fl .news_fl_list > li:hover > a > span > em {

  color: #ffffff;

}

.news .news_main .news_con .news_fl .news_fl_list > li > a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 27px 0 0 27px;

}

.news .news_main .news_con .news_fl .news_fl_list > li > a > i {

  width: 48px;

  height: 42px;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_con .news_fl .news_fl_list > li > a > span {

  margin-left: 13px;

}

.news .news_main .news_con .news_fl .news_fl_list > li > a > span > i {

  display: block;

  font-size: 18px;

  height: 18px;

  line-height: 18px;

  color: #333333;

  margin-bottom: 15px;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_con .news_fl .news_fl_list > li > a > span > em {

  display: block;

  font-size: 14px;

  font-family: Arial;

  color: #999999;

  height: 14px;

  line-height: 14px;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(1) > a > i {

  background: url(../images/news1.png) center no-repeat;

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(1):hover > a > i {

  background: url(../images/news1-2.png) center no-repeat;

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(2) > a > i {

  background: url(../images/news2.png) center no-repeat;

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(2):hover > a > i {

  background: url(../images/news2-2.png) center no-repeat;

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(3) > a > i {

  background: url(../images/news3.png) center no-repeat;

}

.news .news_main .news_con .news_fl .news_fl_list > li:nth-child(3):hover > a > i {

  background: url(../images/news3-2.png) center no-repeat;

}

.news .news_main .news_con .news_txt {

  width: 575px;

}

.news .news_main .news_con .news_txt .news_top {

  width: 100%;

  height: 125px;

  border-bottom: 1px solid #d2d2d2;

}

.news .news_main .news_con .news_txt .news_top > p {

  width: 100%;

  height: 30px;

  line-height: 30px;

  margin-bottom: 22px;

}

.news .news_main .news_con .news_txt .news_top > p:hover > a {

  color: #00693e;

  transform: translate(5px);

}

.news .news_main .news_con .news_txt .news_top > p > a {

  width: 430px;

  height: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 16px;

  color: #333333;

}

.news .news_main .news_con .news_txt .news_top > p > span {

  height: 100%;

  width: 86px;

  border-left: 1px solid #cfced2;

  box-sizing: border-box;

  text-align: right;

  font-size: 24px;

  color: #000000;

}

.news .news_main .news_con .news_txt .news_top > h5 {

  width: 532px;

  font-size: 14px;

  color: #999999;

  line-height: 28px;

  height: 56px;

  overflow: hidden;

}

.news .news_main .news_con .news_txt .news_list {

  width: 100%;

  margin-top: 15px;

}

.news .news_main .news_con .news_txt .news_list > ul {

  width: 100%;

}

.news .news_main .news_con .news_txt .news_list > ul > li {

  float: left;

  width: 266px;

  height: 40px;

  line-height: 40px;

  margin-right: 30px;

}

.news .news_main .news_con .news_txt .news_list > ul > li > a {

  float: left;

  width: 80%;

  height: 100%;

  background: url(../images/news_ico4.png) left center no-repeat;

  font-size: 14px;

  color: #333333;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding-left: 11px;

  box-sizing: border-box;

}

.news .news_main .news_con .news_txt .news_list > ul > li > a:hover {

  background: url(../images/news_ico5.png) left center no-repeat;

  transform: translate(5px);

}

.news .news_main .news_con .news_txt .news_list > ul > li > span {

  float: right;

  font-size: 14px;

  color: #999999;

}

.news .news_main .news_con .news_txt .news_list > ul > li:nth-child(2n) {

  margin-right: 0;

}

.news .news_main .links {

  width: 100%;

  margin: 38px 0 0;

}

.news .news_main .links .link_tit {

  background: url(../images/link_ico.png) left center no-repeat;

  padding-left: 62px;

  font-size: 16px;

  color: #333333;

  line-height: 33px;

}

.news .news_main .links .link_list {

  width: calc(1200px - 155px);

  line-height: 33px;

}

.news .news_main .links .link_list > a {

  float: left;

  font-size: 14px;

  color: #333333;

  padding: 0 10px;

  margin: 0 5px;

  position: relative;

}

.news .news_main .links .link_list > a:hover::after,

.news .news_main .links .link_list > a:hover::before {

  width: 100%;

}

.news .news_main .links .link_list > a::after,

.news .news_main .links .link_list > a::before {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  height: 1px;

  background: #00693e;

  transition: all 0.7s ease-in-out;

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

}

.news .news_main .links .link_list > a::after {

  left: 0;

  top: 0;

}

.news .news_main .links .link_list > a::before {

  right: 0;

  bottom: 0;

}