/** *  Master Slider Sample Skin * * This file does not load by Masterslider and is just for those who wants  * to know how skin file is structured and let them to create their own custom skin * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name */
/* e60012 */

@font-face {
  font-family: 'DIN';
  src: url('../fonts/DIN.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.ziti {
  font-family: 'DIN' !important;
}

.wrap {
  width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.wrap1200 {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.wrap1600 {
  width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.m {
  margin: 0 auto;
}

.head_top {
  width: 100%;
  height: 100px;
  line-height: 100px;
  background-color: #fff;
  position: relative;
  z-index: 999;
  min-width: 1200px;
}

.head_top .logo {
  padding-right: 15px;
}

/*.head_top .logo img{height:70px}*/
.head_top h4 {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  padding-top: 30px;
  margin-left: 15px;
}

.nav li>a {
  font-size: 16px;
  color: #333;
  padding: 0 20px;
}

.nav li {
  float: left;
}

.head_top h2 p {
  transition: 0.3s;
  font-size: 16px;
  color: #333;
  padding-left: 29px;
  background: url(../images/tel.png) no-repeat left center;
}

.head_top h2 {
  padding-left: 27px;
  padding-right: 18px;
  margin-left: 20px;
  background: url(../images/top_xian2.jpg) no-repeat left center;
}

.zhezhao {
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.head_top h2:hover p {
  background: url(../images/tel_on.png) no-repeat left center;
  color: #e60012;
}

.head_top .wrap {
  overflow: inherit;
  position: inherit;
}

.head_top p .wx {
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  width: 16px;
  height: 14px;
  background: url(../images/top_xian2.jpg) no-repeat right center;
  padding: 0 15px;
}

.head_top p .weibo {
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  width: 20px;
  height: 15px;
  background: url(../images/top_xian2.jpg) no-repeat right center;
  padding: 0 15px;
}

.head_top p .wx .qr {
  position: absolute;
  left: 50%;
  bottom: -127px;
  width: 105px;
  height: 105px;
  margin-left: -48px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 9999;
}

.head_top p .wx:hover .qr {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.head_top p .wx .icon-wx {
  width: 18px;
  height: 100%;
  background: url(../images/weixin.png) no-repeat center;
  vertical-align: top;
}

.head_top p .wx:hover .icon-wx {
  background: url(../images/weixin_on.png) no-repeat center;
}

.head_top p .weibo .icon-wx {
  width: 20px;
  height: 100%;
  background: url(../images/weibo.png) no-repeat center;
  vertical-align: top;
}

.head_top p .weibo:hover .icon-wx {
  background: url(../images/weibo_on.png) no-repeat center;
}

.head_top .fours {
  height: 100px;
  line-height: 100px;
  background: url(../images/top_xian2.jpg) no-repeat left center;
}

.head_top .fours img {
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}



.navbox li {
  float: left;
  height: 100px;
  line-height: 100px;
  margin: 0 12px;
  position: relative;

}

.navbox li .js {
  margin-top: 35px;
  height: 30px;
  overflow: hidden;
}

.navbox li .js>a {
  text-align: center;
  color: #333;
  font-size: 16px;
  display: block;
  line-height: 32px;
  -webkit-transition: transform .5s;
  -ms-transition: transform .5s;
  transition: transform 0.5s;
}

.navbox li .js>a:after {
  content: attr(data-hover);
  color: #e60012;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity 0.3s;
}

.navbox li.active .js>a:after,
.navbox li:hover .js>a:after {
  opacity: 1;
}

.navbox li .js:hover>a {
  color: #666;
}

.navbox li .js>a span {
  opacity: 1;
  display: block;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity 0.3s;
}

.navbox li .js:hover>a span {
  opacity: 0;
}

.navbox li.active .js>a,
.navbox li:hover .js>a {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}


.tnavbox {
  position: absolute;
  width: 160px;
  left: 50%;
  margin-left: -80px;
  top: 85%;
  height: 0;
  padding-top: 15px;
  /* display:none;*/
  text-align: center;
  z-index: 99999999;
}

.tnav {
  background: #fff;
  box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);
  padding: 0px;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
}

.tnav a {
  display: block;
  color: #666;
  line-height: 35px;
  border-bottom: 1px solid transparent;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.tnav a:hover {
  color: #fff;
}

.tnav a:hover,
.tnav a.on {
  background: #1b1b1b;
  color: #fff;
}

.navbox li:hover .tnavbox {
  height: 100px;
}

.navbox li:hover .tnavbox .tnav {
  transform: translate(0);
  -webkit-transform: translate(0);
  opacity: 1;
  visibility: visible;
}

.navbox li .tnavbox i {
  position: absolute;
  width: 20px;
  height: 4px;
  background-color: #000;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.grzx_main1 {
  width: 100%;
  padding-top: 90px;
}

.grzx_main1 .wrap {
  padding-bottom: 65px;
  border-bottom: 1px solid #d6d6d6;
}

.grzx_main1_left {}

.grzx_main1_left h4 {
  padding-top: 20px;
  color: #666;
  font-size: 16px;
}

.grzx_main1_left .more {
  margin-top: 125px;
}

.title_h3 {
  line-height: 1;
  font-size: 30px;
  color: #000;
}

.title_h3 a {
  display: block;
  line-height: 1;
  font-size: 30px;
  color: #000;
}

/* .more{ font-size: 16px; color: #666; border-bottom: 1px solid #666; line-height: 30px; display: inline-block;}
.more:hover{ color: #e60012; border-bottom: 1px solid #e60012; }
 */
.more {
  display: inline-block;
  transition: 0.6s;
  border-bottom: 1px solid #c1c1c1;
  position: relative;
  margin-top: 20px;
  font-size: 16px;
  padding-bottom: 7px;
}

.more:hover {
  color: #e60012;
}

.more:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e60012;
  position: absolute;
  left: 0;
  bottom: -1px;
  transform-origin: 100%;
  -webkit-transform-origin: 100%;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
  transition: -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
  transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  visibility: hidden\9;
}

.more a,
.more span {
  position: relative;
  display: block;
  padding-right: 48px;
  padding-bottom: 18px;
  color: #666;
  line-height: 1;
  font-size: 16px;
  background: url(../images/arrow5.png) 68px top no-repeat;
  transition: 320ms;
}

.more:hover:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform-origin: 0;
  -webkit-transform-origin: 0;
  visibility: visible\9;
}

.more:hover a,
.more:hover span {
  color: #e60012;
  background: url(../images/arrow6.png) right top no-repeat;
}





.grzx_main1_right {
  width: 805px;
}

.grzx_main1_right>p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  margin-bottom: 55px;
}

.grzx_main2 {
  width: 100%;
  padding-top: 75px;
  padding-bottom: 285px;
}

.title_h4 {
  font-size: 16px;
  color: #999;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 40px;
}

.grzx_main2 .wrap {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 75px;
}

.grzx_main2_one {
  width: 100%;
  height: 490px;
  margin-bottom: 37px;
}

.grzx_main2_one_left {
  width: 30.8%;
  height: 490px;
  background-color: #333;
  padding-left: 6%;
  padding-right: 5%;
}

.grzx_main2_one_left h5 a {
  display: block;
  font-size: 26px;
  color: #f5f5f5;
  padding-top: 110px;
  line-height: 1;
}

.grzx_main2_one_left h6 {
  font-size: 18px;
  color: #f5f5f5;
  padding-top: 15px;
}

.grzx_main2_one_left p {
  font-size: 14px;
  color: #b8b8b8;
  padding-top: 40px;
  line-height: 30px;
}

.grzx_main2_one_left .more {
  color: #b8b8b8;
  margin-top: 90px;
  font-size: 14px;
}

.grzx_main2_one_left .more:hover {
  color: #fff;
}

.grzx_main2_one_left .more:before {
  background-color: #fff;
}

.grzx_main2_one .main_pic {
  height: 100%;
  width: 58.2%;
}

.list-wrap {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s ease 0.1s;
}

.list-wrap .up-graybox {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
}

.list-wrap .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.list-wrap:hover .up-graybox {
  opacity: 1;
}

.list-wrap .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}

.list-wrap .up-graybox .linet {
  top: 0;
}

.list-wrap .up-graybox .lineb {
  bottom: 0;
}

.list-wrap .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}

.list-wrap .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}



.grzx_main2_two {
  width: 48.5%;
  margin-right: 3%;
}

.grzx_main2_two h5 a {
  display: block;
  font-size: 26px;
  color: #333;
  padding-bottom: 20px;
  padding-top: 30px;
}

.grzx_main2_two p {
  font-size: 18px;
  color: #666;
  margin-bottom: 15px;
}

.grzx_main3 {
  padding-top: 55px;
  width: 100%;
  background-color: #f5f5f5;
  padding-bottom: 60px;
}

.grzx_main3 .wrap {
  margin-top: -285px;
}

.case_ul {
  clear: both;
  width: 100%;
  text-align: left;
}

.case_div {
  width: 100%;
  height: 100px;
  background: #fff url(../images/case_xian.png) no-repeat;
  background-position: 81% 17px;
}

.case_ul li {
  width: 32.7%;
  margin-bottom: 0.9%;
  margin-right: 0.9%;
  display: inline-block;
  overflow: hidden;
}

.case_ul li:nth-child(3n) {
  margin-right: 0px;
}

.case_ul li .list-wrap {
  width: 100%;
}

.case_ul li .main_pic img {
  max-height: 320px;
}

.case_div h5 {
  overflow: hidden;
  padding-left: 9%;
  width: 72%;
  line-height: 23px;
  transition: 0.5s;
  padding-top: 27px;
  font-size: 16px;
  color: #444;
  text-align: left;
}

.case_div h5 span {
  font-size: 12px;
  color: #999;
  display: block;
  max-height: 22px;
  overflow: hidden;
}

.jiantou {
  width: 19%;
  height: 100px;
  background: url(../images/youjiantou.png) no-repeat 33px center;
  transition: 0.5s;
}

.case_ul li:hover .jiantou {
  background: url(../images/youjiantou_on.png) no-repeat 43px center;
}

.grzx_main3 .case_ul li {
  float: left;
  display: block;
}


.grzx_main4 {
  width: 100%;
  background: url(../images/grzx_bg1.jpg) no-repeat center;
  height: 497px;
}

.grzx_main4 .wrap {
  position: relative;
  height: 497px;
}

.grzx_main4_con {
  width: 675px;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0px;
}

.grzx_main4_con h3 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 20px;
  padding-top: 97px;
  text-align: right;
}

.grzx_bg1 {
  z-index: 1;
  position: relative;
}

.grzx_main4_con h4 {
  font-size: 16px;
  line-height: 30px;
  text-align: right;
  color: #fff;
  padding-bottom: 50px;
}

.grzx_main4_con li {
  float: left;
  width: 102px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: 0.3s;
}

.grzx_main4_con li a {
  font-size: 12px;
  color: #fff;
}

.grzx_main4_con li:hover {
  background-color: #e60012;
  color: #fff;
  border: 1px solid #e60012;
}

.grzx_main4_con li:nth-child(6n) {
  margin-right: 0px;
}

.grzx_main4_con ul {
  text-align: right;
}

.grzx_main4_con_p {
  font-size: 16px;
  color: #fff;
  padding-left: 35px;
  background: url(../images/phone.png) no-repeat left center;
  margin-top: 60px;
  height: 22px;
  line-height: 22px;
}

.grzx_main4_con_p span {
  display: inline-block;
  padding-left: 32px;
  padding-top: 5px;
}

.grzx_main5 {
  padding-top: 50px;
}

.grzx_main6 {
  padding-top: 75px;
}

.news_ul {
  clear: both;
}

.news_ul li {
  float: left;
  width: 31.5%;
  margin-right: 2.75%;
}

.news_ul li:nth-child(3n) {
  margin-right: 0px;
}

.news_ul li h5 {
  text-align: left;
  font-size: 16px;
  color: #333;
  padding-top: 20px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news_ul li .main_pic {
  width: 100%;
  position: relative;
}

.news_ul li .main_pic img {
  max-width: 100%;
  height: 250px;
}

.news_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}

.news_ul li:hover .news_bg {
  opacity: 1;
}

.news_ul li h6 {
  text-align: left;
  font-size: 14px;
  color: #666;
  margin-top: 15px;
  height: 70px;
  overflow: hidden;
}

.date {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #e3e3e3;
}

.date span {
  transition: 0.5s;
  font-size: 14px;
  color: #999;
}

.date .more {
  border-bottom: 0;
  margin-top: 0px;
  color: #999;
}

.news_ul li:hover .main_pic img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.news_ul li:hover .date .more {
  color: #333;
  padding-right: 30px;
}

.news_ul li .date:after {
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  background: #333;
  content: "";
  left: 0;
  top: -1px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.news_ul li:hover .date:after {
  width: 100%;
}

.grzx_main6 {
  padding-bottom: 150px;
}

.grzx_main6_con {
  clear: both;
}

.grzx_main6_con_title h5 {
  padding-left: 30px;
  padding-top: 10px;
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  transition: 0.5s;
}

.grzx_main6_con_title h5 span {
  font-size: 14px;
  color: #fff;
  line-height: 40px;
}

.grzx_main6_con .main_pic {
  position: relative;
  width: 53.6%;
}

.grzx_main6_con_title {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.5s;
}

.grzx_main6_con .main_pic:hover .grzx_main6_con_title {
  background: rgba(0, 0, 0, 0.1);
}

/* .grzx_main6_con .main_pic:hover h5{ padding-left: 50px; } */
.new_ul2 {
  width: 43.5%;
}

.new_ul2 li {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 25px;
  padding-top: 35px;
  border-bottom: 1px solid #e8e8e8;
  transition: 0.5s;
}

.grzx_main6_con .main_pic:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.new_ul2 li a {
  display: block;
}

.new_ul2 li .news_date {
  transition: 0.5s;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  margin-right: 12%;
}

.new_ul2 li .news_date span {
  font-size: 60px;
  color: #333;
  display: inline-block;
  line-height: 1;
}

.new_ul2 li h5 {
  width: 73%;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.new_ul2 li p {
  width: 73%;
  font-size: 14px;
  color: #999;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
}

.new_ul2 li:hover .news_date {
  margin-right: 13%;
}

.new_ul2 li:nth-child(3n) {
  border-bottom: 0;
}

.footer {
  width: 100%;
  padding-top: 60px;
  background-color: #333;
  overflow: hidden;
}

.footer_bottom {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #494949;
  font-size: 14px;
  color: #999;
}

.footer_bottom a {
  padding-left: 10px;
  font-size: 14px;
  color: #999;
}

.footer_bottom a:hover {
  color: #e60012;
}

.footer_top {
  height: 285px;
}

.footer_top ul {
  margin-right: 10%;
}

.footer_top ul h3 {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  padding-bottom: 15px;
}

.footer_top li a {
  font-size: 14px;
  color: #bfbfbf;
  line-height: 35px;
}

.footer_top li a:hover {
  color: #e60012;
  padding-left: 5px;
}

.foot_right p {
  font-size: 14px;
  color: #999;
  padding-bottom: 5px;
}

.foot_right h4 {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  padding-bottom: 25px;
  font-family: 'arial';
}

.foot_erweima {
  padding-right: 44px;
  border-right: 1px solid #484848;
  margin-right: 35px;
}

.ljzx {
  display: block;
  height: 30px;
  width: 60px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #b8b8b8;
  font-size: 14px;
  color: #b8b8b8;
  padding-left: 38px;
  padding-right: 16px;
  background: url(../images/ljzx_ico.png) no-repeat 10px center;
}

.ljzx:hover {
  color: #fff;
  border: 1px solid #e60012;
  background: #e60012 url(../images/ljzx_ico_on.png) no-repeat 10px center;
}



.list_case {
  background-color: #f5f5f5;
  width: 100%;
}

.grzx_list_case_top {
  position: relative;
  height: 640px;
}

.location_center {
  position: relative;
}

.location {
  height: 65px;
  line-height: 65px;
  width: 100%;
  position: relative;
}

.location_center {
  font-size: 14px;
  color: #999;
}

.location_center a:nth-child(2) {
  padding-left: 26px;
}

.shouye {
  position: absolute;
  left: 0;
  top: 22px;
}

.location_center a {
  font-size: 14px;
  color: #999;
  display: inline-block;
}

.location_center a:hover {
  color: #e60012;
}

.location_center span {
  display: block;
  float: left;
}

.shouye i {
  display: block;
  background: url(../images/shouye_ico.png) no-repeat center;
  width: 15px;
  height: 20px;
  margin-right: 10px;
  opacity: 0.5;
}

.shouye:hover i {
  background: url(../images/shouye_ico_on.png) no-repeat center;
  opacity: 1;
}

.location .fanhui {
  display: block;
  float: right;
  padding-left: 25px;
  background: url(../images/fanhui_ico.png) no-repeat left center;
  font-size: 14px;
  color: #999;
}

.location .fanhui:hover {
  color: #e60012;
  background: url(../images/fanhui_ico_on.png) no-repeat left center;
}

.show_case .location_center {
  line-height: 150px;
}

.show_case .location_center .shouye {
  top: 65px;
}

.list_case_center_top {
  height: 135px;
}

.list_case_center_top h3 {
  font-size: 30px;
  color: #333;
  line-height: 1;
  padding-top: 60px;
}

.list_case_center_top dl {
  margin-top: 62px;
  text-align: center;
}

.list_case_center_top dl dd {
  display: inline-block;
  margin: 0 12px;
}

.list_case_center_top dl dd a {
  border-bottom: 1px solid #999;
  padding-bottom: 3px;
  font-size: 14px;
  color: #999;
}

.list_case_center_top dl dd.on a {
  border-bottom: 1px solid #666;
  color: #666;
}

.list_case_center_top dl dd a:hover {
  border-bottom: 1px solid #666;
  color: #666;
}


.load_more1 {
  clear: both;
  display: block;
  width: 240px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  background-color: #333;
  color: #fff;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 105px;
  font-size: 18px;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
}

/* .load_more1:hover{ color: #fff; background-color: #e60012; } */
.load_more1::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #e60012;
  position: absolute;
  left: -100%;
  top: 0;
  transition: 0.5s;
  z-index: -1;
}

.load_more1:hover::before {
  left: 0;
  opacity: 1;
}

.load_more1:hover {
  color: #fff;
}


/**************发展历程*************/
.history-wrap {
  /*background-color: #fff;*/
  padding-bottom: 100px;

}

.history-wrap .tit-box {
  text-align: center;
}

.history-wrap .tit-box h4 {
  font-size: 40px;
  line-height: 50px;
  font-family: "Base-font";
  color: #333;
}

.history-wrap .tit-box .st {
  font-size: 16px;
  line-height: 20px;
  color: #777;
}

.history-wrap .cent-wrap {
  width: 100%;
  margin: 72px auto 0;
  position: relative;
  padding-bottom: 100px;
}

.history-wrap .cent-wrap ul:after,
.history-wrap .cent-wrap li:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.history-wrap .cent-wrap ul,
.history-wrap .cent-wrap li {
  width: 100%;
}

.history-wrap .cent-wrap ul {
  position: relative;
  z-index: 2;
  padding-top: 1px;
}

.history-wrap .cent-wrap li {
  /*margin-top: 98px;*/
  margin-top: 60px;
  position: relative;
  opacity: 0;
  transition: opacity 0.4s ease 0s;
}

.history-wrap .cent-wrap li .cont-box {
  width: 24%;
  text-align: right;
}

.history-wrap .cent-wrap li .year {
  font-size: 24px;
  line-height: 50px;
  color: #333;

}

.history-wrap .cent-wrap li .year b {
  font-weight: lighter;
  font-size: 48px;
  color: #000;
  padding-right: 5px;
  font-family: "Arial";
}

.history-wrap .cent-wrap li .word {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #666;
}

.history-wrap .cent-wrap li .img {
  display: block;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  overflow: hidden;
}

.history-wrap .cent-wrap li .img img {
  width: 100%;
  height: auto;
}

.history-wrap .cent-wrap li:nth-child(odd) .img {
  float: right;
}

.history-wrap .cent-wrap li:nth-child(odd) .cont-box {
  float: right;
  margin-left: 40px;
  text-align: left;
}

.history-wrap .cent-wrap li:nth-child(even) .img {
  float: left;
}

.history-wrap .cent-wrap li:nth-child(even) .cont-box {
  float: left;
  margin-right: 40px;
  width: 24%;
  text-align: right;
}

.history-wrap .cent-wrap li .point {
  display: inline-block;
  width: 340px;
  height: 10px;
  position: absolute;
  left: 50%;
  margin-left: -171px;
  text-align: center;
  border-radius: 50%;
  top: 50%;
  margin-top: -5px;

}

.history-wrap .cent-wrap li:nth-child(odd) .point {
  background: url(../images/fzlc_bg_xian.jpg) no-repeat right;
}

.history-wrap .cent-wrap li:nth-child(even) .point {
  background: url(../images/fzlc_bg_xian.jpg) no-repeat left;
}

.history-wrap .cent-wrap li .point i {
  display: none;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background-color: #5b5b5b;
  border-radius: 50%;
}

.history-wrap .cent-wrap li.show {
  opacity: 1;
}

.history-wrap .cent-wrap li.show .point i {
  display: inline-block;
}

.history-wrap .cent-line-box {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  margin-left: -1px;
}

.history-wrap .cent-line-box .line {
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}

.history-wrap .cent-line-box .point-t {
  display: inline-block;
  width: 20px;
  height: 19px;
  background: url(../images/fzlc_fei.png) no-repeat center;
  margin-left: -10px;
  position: absolute;
  top: -30px;
}

.history-wrap .cent-line-box .point-h {
  position: fixed;
  display: none;
  width: 10px;
  height: 10px;
  background-color: #000;
  left: 50%;
  border-radius: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -5px;
}

.history-wrap .bot-tit {
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #999;
  background: url(../images/fzlc_bg_xian2.jpg) no-repeat top center;
}

.page_h3 {
  padding-top: 70px;
  font-size: 36px;
  color: #333;
  text-align: center;
}

.history-wrap>p {
  padding-top: 15px;
  font-size: 18px;
  color: #666;
  text-align: center;
}




/*  视差  */
.ins-ban {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.ins-ban2 {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 2;
}

.fzlc_shicha {
  width: 100%;
  height: 808px;
  background: url(../images/fzlc_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.gsyj_shicha {
  width: 100%;
  height: 808px;
  background: url(../images/gsyj_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.gswh_shicha {
  width: 100%;
  height: 808px;
  background: url(../images/gswh_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.gsjj_shicha {
  width: 100%;
  height: 808px;
  background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.wzjs_shicha {
  width: 100%;
  height: 1008px;
  background: url(../images/wzjs_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.ssyx_shicha {
  width: 100%;
  height: 1008px;
  background: url(../images/ssyx_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.qwyx_shicha {
  width: 100%;
  height: 1008px;
  background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.news_shicha {
  width: 100%;
  height: 808px;
  background: url(../images/news_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.case_shicha {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.lise_anli_shicha {
  width: 100%;
  height: 1008px;
  background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* banner */
@-webkit-keyframes ReturnToNormal {
  0% {
    -webkit-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
    transform: translate: scale(0.1, 1);
  }


  100% {
    -webkit-transform: scaleX(1, 1);
    -ms-transform: scale(1, 1);
    transform: translate: scaleX(1, 1);
  }


}

@keyframes ReturnToNormal {
  0% {
    -webkit-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
    transform: translate: scale(0.1, 1);
  }


  100% {
    -webkit-transform: scaleX(1, 1);
    -ms-transform: scale(1, 1);
    transform: translate: scaleX(1, 1);
  }
}

.banner {
  position: relative;
  overflow: hidden;
  height: 600px !important;
}

.banner .bannerbox li {
  height: 100% !important;
  line-height: 0;
  opacity: 0;
  transition: opacity 1300ms linear;
  -webkit-transition: opacity 1300ms linear;
  float: left;
}

.banner .slides {
  height: 100% !important;
}

.banner .bannerbox li video {}

.banner .bannerbox li a>img {
  line-height: 0;
  width: 105% !important;
  left: 0 !important;
  height: auto !important;
  position: relative;
  transition: transform 5s ease;
  -webkit-transition: transform 5s ease;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.banner .bannerbox li.imgIn {
  opacity: 1;
  z-index: 10;
  display: block;
}

.banner .bannerbox li.imgIn a>img {
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}

.bannerdown {
  width: 90px;
  height: 90px;
  position: absolute;
  left: 96px;
  bottom: 0;
  background: url(../images/radius.png) center no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}

.bannerdown span {
  display: block;
  width: 11px;
  height: 35px;
  background: url(../images/arrow1.png) center no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 27px;
  animation-delay: 0ms;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}

.banner .flex-direction-nav {
  width: 1400px;
  right: 50%;
  margin-right: -700px;
  bottom: 0;
  height: 85px;
  position: absolute;
  z-index: 50;
}

.banner .flex-direction-nav li a {
  display: block;
  width: 120px;
  height: 85px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
}

.banner .flex-direction-nav li a.flex-prev {
  right: 124px;
  background: #fff url(../images/banner_jiantou.png) center no-repeat;
}

.banner .flex-direction-nav li a.flex-next {
  right: 0px;
  background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;
}

.banner .flex-direction-nav li a.flex-prev:hover {
  background: #fff url(../images/banner_jiantou.png) 30px no-repeat;
}

.banner .flex-direction-nav li a.flex-next:hover {
  background: #e60012 url(../images/banner_jiantou_on2.png) 51px no-repeat;
}

@-webkit-keyframes arrow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 10px, 0px);
  }
}

.whise {
  width: 100%;
  height: 44px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.content {
  position: absolute;
  left: 50%;
  margin-left: -800px;
  top: 42%;
  height: 58%;
  z-index: 10;
  width: 850px;
  height: 140px;
  overflow: visible;
}

.content h3 {
  font-size: 48px;
  padding-left: 100px;
  color: #fff;
  line-height: 70px;
  letter-spacing: 2px;
}

/* .content-wr{ padding:45px 54px 0; height:195px;} */
.conlist {
  position: relative;
}

.conlist li {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(0) skewX(-30deg);
  -webkit-transform: translateX(0) skewX(-30deg);
  -moz-transform: translateX(0) skewX(-30deg);
}

.conlist li.on {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) skewX(0);
  -webkit-transform: translateX(0) skewX(0);
  -moz-transform: translateX(0) skewX(0);
  transition: 788ms;
}

.conlist li h3 {
  color: #fff;
  font-size: 48px;
}

.conlist li p {
  color: #fff;
  font-size: 14px;
  height: 80px;
}

.conlist li a {
  display: inline-block;
  line-height: 1;
  color: #fff;
  padding-right: 20px;
  background: url(../images/arrow.png) right center no-repeat;
  position: relative;
}

.conlist li a:before {
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: 300ms ease-in-out;
}

.conlist li a:hover {
  padding-right: 24px;
}

.conlist li a:hover:before {
  width: 100%;
}

.muble {
  height: 85px;
  position: relative;
  width: 60px;
  position: absolute;
  /*  right: 160px; bottom: 0px; */
  right: -385px;
  bottom: -343px;
}

.muble:before {
  content: "";
  width: 92.9%;
  height: 100%;
  background: url(../images/nuble.jpg) left center no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}

.num {
  position: absolute;
  right: 0px;
  bottom: 10px;
}

.num b,
.num i {
  display: inline-block;
  float: left;
  color: #323232;
  font-size: 16px;
  line-height: 44px;
}

.num i {
  margin: 0 0px;
  line-height: 55px;
  color: #cacaca;
}

.num .defaul {
  color: #fff;
}

.num .total {
  color: #cacaca;
  padding-top: 15px;
}

.blogo {}

.blogo img {
  position: relative;
  z-index: 5;
}

.blogo i {
  display: block;
  width: 181px;
  height: 163px;
  background: url(../images/point.png) center no-repeat;
  position: absolute;
  right: 73px;
  bottom: 100px;
  transition: 320ms;
}

.flexbo {
  position: fixed;
  left: 85px;
  top: 26.5%;
  padding-right: 70px;
  padding-bottom: 22px;
  z-index: 10;
}

.lanmu {
  height: 95px;
  line-height: 95px;
  margin-top: -45px;
  position: relative;
  z-index: 99;
}

.lanmu .shouye {
  top: 37px;
}

.lanmu .wrap {
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.lanmu .location_center {
  margin-right: 35px;
}

.lanmu ul {
  margin-left: 32px;
}

.lanmu li {
  padding-left: 17px;
  padding-right: 18px;
  float: left;
  background: url(../images/lanmu_li_bg.jpg) no-repeat right center;
}

.lanmu li:last-child {
  background: none;
}

.lanmu li a {
  font-size: 18px;
  color: #333;
}

.lanmu li a:hover {
  color: #e60012;
}

.lanmu li.on a {
  color: #e60012;
}

.grzx_grjj h3 {
  padding-bottom: 30px;
  padding-top: 50px;
  font-size: 30px;
  color: #333;
  text-align: left;
}

.grzx_grjj i {
  display: inline-block;
  margin-left: 50px;
  width: 80px;
  height: 2px;
  background-color: #ddd;
  margin-bottom: 10px;
}

.grzx_grjj p {
  font-size: 14px;
  line-height: 35px;
  color: #666;
  padding-bottom: 15px;
}

.grzx_about h4 {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 50px;
}

.grzx_about_i {
  display: block;
  width: 1px;
  height: 90px;
  background-color: #ccc;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.grzx_about .wrap {
  background: rgba(249, 249, 249, 0.8);
  z-index: 1;
  position: relative;
  margin-top: -30px;
  padding-bottom: 145px;
}

.grzx_about .wrap .jishuqi li {
  display: inline-block;
  float: inherit;
}

.grzx_about .wrap .jishuqi {
  text-align: center;
  padding-bottom: 55px;
  padding-top: 105px;
}

.grzx_about_p {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #666;
}

/* .grzx_about{ padding-bottom: 435px; background: url(../images/gsjj_bg1.jpg) no-repeat bottom center; }
 */
.gsjj_about_main2 {
  margin-top: -113px;
  position: relative;
  z-index: 0;
}

.gsjj_about_main2 img {
  width: 100%;
}

.gsjj_about_main3 {
  margin-top: 85px;
  padding-bottom: 100px;
}

.gsjj_about_main3_one_left {
  width: 23.7%;
  height: 460px;
  padding-left: 5%;
  background-color: #ececec;
}

.gsjj_about_main3_one_left h3 {
  font-size: 30px;
  color: #333;
  padding-top: 105px;
  line-height: 1;
  padding-bottom: 30px;
}

.gsjj_about_main3_one_left p {
  font-size: 14px;
  color: #666;
  line-height: 25px;
}

.gsjj_about_main3_one_left h4 {
  line-height: 1;
  font-size: 48px;
  color: #333;
  padding-top: 80px;
  font-family: 'arial';
}

.gsjj_about_main3_one_left h4 span {
  color: #666;
  font-size: 14px;
}

.gsjj_about_main3_one .main_pic {
  width: 71.3%;
}

.gsjj_about_main3_one_left .mianji {
  color: #999;
}

.gsjj_about_main3_two .main_pic {
  width: 49.7%;
}

.gsjj_about_main3_two {
  margin-top: 0.6%;
  margin-bottom: 0.6%;
}

.gsjj_about_main4_two .main_pic {
  width: 49.7%;
}

.gsjj_about_main4_two {
  margin-top: 0.6%;
}

.gsjj_about_main3 img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.gsjj_about_main3 .main_pic img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.grzx_culture h4 {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 85px;
}

.grzx_culture .page_h3 {
  padding-top: 120px;
}

.grzx_culture {
  height: 856px;
  background: url(../images/gswh_bg1.jpg) no-repeat center;
  margin-top: -50px;
}

.grzx_culture li {
  float: left;
  width: 25%;
  height: 163px;
  margin-right: 12.5%;
  margin-bottom: 80px;
  background: url(../images/gswh_li_bg.png) no-repeat bottom center;
  text-align: center;
}

.grzx_culture li:nth-child(3n) {
  margin-right: 0px;
}

.grzx_culture li h5 {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 24px;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
}

.grzx_culture li h6 {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 24px;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  padding-top: 30px;
}

.grzx_culture li p {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  text-align: center;
  line-height: 30px;
  padding-top: 15px;
}

.grzx_culture_main2 h4 {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 70px;
}

.grzx_culture_main2 {
  padding-bottom: 100px;
}

.grzx_culture_main2 .main_pic:nth-child(1) {
  width: 63.5%;
}

.grzx_culture_main2 .main_pic:nth-child(2) {
  width: 36.4%;
}

.grzx_culture_main2 .main_pic:nth-child(3) {
  width: 33.29%;
}

.grzx_culture_main2 .main_pic:nth-child(4) {
  width: 33.28%;
}

.grzx_culture_main2 .main_pic:nth-child(5) {
  width: 33.29%;
}

/* .grzx_culture_main2 img{     filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); }
.grzx_culture_main2 .main_pic img:hover{     filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
 
*/
.grzx_Vision {
  background: url(../images/gsyj_bg2.jpg) no-repeat bottom center;
}

.grzx_Vision .wrap {
  padding-bottom: 100px;
}

.grzx_Vision h4 {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 85px;
}

.grzx_Vision_one {
  width: 50%;
}

.grzx_Vision_one i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
  margin-top: 65px;
  margin-left: -14%;
  position: relative;
  z-index: 33;
}

.grzx_Vision_one h5 {
  font-size: 28px;
  color: #333;
  padding-top: 70px;
  padding-left: 14%;
  line-height: 1.3;
}

.grzx_Vision_one p {
  font-size: 16px;
  color: #666;
  padding-top: 30px;
  padding-left: 14%;
  line-height: 30px;
}

.grzx_Vision .wrap .main_pic {
  width: 50%;
}

.grzx_Vision_two {
  width: 100%;
  height: 450px;
  background-color: #f5f5f5;
}

.grzx_Vision_two .main_pic {
  width: 50%;
}

.grzx_Vision_two_con {
  width: 50%;
}

.grzx_Vision_two_con2 {
  width: 700px;
}

.grzx_Vision_two_con h5 {
  font-size: 28px;
  color: #333;
  padding-top: 70px;
  padding-right: 14%;
  line-height: 1.3;
}

.grzx_Vision_two_con p {
  font-size: 16px;
  color: #666;
  padding-top: 30px;
  padding-right: 14%;
  line-height: 30px;
}

.grzx_Vision_three h5 {
  padding-top: 145px;
}

.grzx_Vision_three {
  padding-top: 110px;
  padding-bottom: 125px;
}

.grzx_Vision_main3 {
  width: 100%;
  height: 707px;
  /* margin-bottom: 100px;  */
  background: url(../images/gsyj_bg1.jpg) no-repeat center;
}

.grzx_Vision_main3 h5 {
  font-size: 36px;
  color: #fff;
  line-height: 1;
  padding-top: 115px;
}

.grzx_Vision_main3 li h6 {
  font-size: 24px;
  color: #fff;
  padding-bottom: 15px;
}

.grzx_Vision_main3 li p {
  font-size: 16px;
  color: #a9aaab;
  line-height: 30px;
}

.grzx_Vision_main3 li {
  padding-left: 140px;
  width: 325px;
  margin-top: 95px;
}

.grzx_Vision_main3 li:nth-of-type(odd) {
  float: left;
  margin-left: 85px;
}

.grzx_Vision_main3 li:nth-of-type(even) {
  float: right;
  margin-right: 85px;
}

.grzx_Vision_main3 li:nth-child(1) {
  background: url(../images/gsyj_li_ico1.png) no-repeat left center;
}

.grzx_Vision_main3 li:nth-child(2) {
  background: url(../images/gsyj_li_ico2.png) no-repeat left center;
}

.grzx_Vision_main3 li:nth-child(3) {
  background: url(../images/gsyj_li_ico3.png) no-repeat left center;
}

.grzx_Vision_main3 li:nth-child(4) {
  background: url(../images/gsyj_li_ico4.png) no-repeat left center;
}

.grzx_contact {
  width: 100%;
  background-color: #f5f5f5;
  padding-bottom: 100px;
}

.grzx_contact_main1 h3 {
  font-size: 48px;
  text-transform: uppercase;
  color: #333;
  padding-top: 25px;
  padding-bottom: 5px;
  line-height: 1;
  text-align: center;
}

.grzx_contact_main1 h4 {
  font-size: 24px;
  color: #333;
  padding-bottom: 55px;
  text-align: center;
}

.grzx_contact_main1 .grzx_contact_main2 {
  height: 680px;
  margin-bottom: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

.grzx_contact_main1_right {
  width: 500px;
  overflow: hidden;
  height: 680px;
  position: relative;
}

.grzx_contact_main1_right img {
  filter: grayscale(70%);
  -webkit-filter: grayscale(70%);
  -moz-filter: grayscale(70%);
  -ms-filter: grayscale(70%);
  -o-filter: grayscale(70%);
  transition: .3s;
}

.grzx_contact_main1_right:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.grzx_contact_main1_right_con {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(0%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  transition: 0.8s;
}

.grzx_contact_main1_right_con p {
  font-size: 16px;
  color: #fff;
  padding-bottom: 20px;
  line-height: 30px;
  padding-left: 90px;
}

.grzx_contact_main1_right_con p:nth-child(1) {
  padding-top: 110px;
}

.grzx_contact_main1_right_con .ljdh {
  opacity: 0.9;
  display: block;
  width: 310px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #e60012;
  margin-left: 90px;
  margin-top: 205px;
  border-radius: 25px;
  text-align: center;
}

.grzx_contact_main1_right_con .ljdh:hover {
  opacity: 1;
}

.grzx_contact_main1_left {
  padding-left: 80px;
  padding-top: 95px;
}

.grzx_contact_main1_left h5 {
  font-size: 24px;
  color: #333;
  padding-bottom: 50px;
}

.grzx_contact_main1_left p {
  font-size: 16px;
  color: #666;
  line-height: 37px;
}

.grzx_contact_main1_left p span {
  display: inline-block;
  width: 32px;
}

.grzx_contact_main1_left ul {
  margin-top: 80px;
}

.grzx_contact_main1_left li {
  float: left;
  margin-right: 20px;
  transition: 0.3s;
}

.grzx_contact_main1_left li a {
  display: block;
  padding-left: 47px;
  width: 83px;
  height: 40px;
  line-height: 40px;
  border-radius: 25px;
  border: 1px solid #333;
  font-size: 16px;
  color: #333;
  background: url(../images/lianxi_ico1.png) no-repeat 16px center;
  transition: 0.3s;
}

.grzx_contact_main1_left li:hover a {
  color: #fff;
  border: 1px solid #e60012;
  background: #e60012 url(../images/lianxi_ico1_on.png) no-repeat 11px center;
}

.grzx_contact_main3 {
  height: 500px;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

.grzx_contact_main3_left {
  width: 44.6%;
  padding-left: 5%;
  height: 500px;
  padding-right: 8%;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

.grzx_contact_main3_left p {
  clear: both;
  display: block;
}

.grzx_contact_main3_left p span {
  display: block;
}

.grzx_contact_main3_left p .span_one {
  width: 45px;
}

.grzx_contact_main3_left p .span_two {
  width: 81%;
}

.grzx_contact_main3_left .span_three {
  padding-bottom: 40px;
}

.grzx_contact_main3_left h5 {
  font-size: 24px;
  color: #333;
  margin-top: 50px;
  padding-left: 45px;
  background: url(../images/lianxi_ico2.png) no-repeat left center;
  margin-bottom: 25px;
}

.grzx_contact_main3_left p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.grzx_contact_main3_right {
  width: 41.7%;
}

.grzx_contact_main3_right_one {
  padding-left: 8%;
  padding-right: 6%;
  background-color: #fff;
  padding-top: 50px;
  height: 195px;
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
}

.grzx_contact_main3_right .m_b {
  margin-bottom: 1.7%;
}

.grzx_contact_main3_right_one h5 {
  font-size: 24px;
  color: #333;
  padding-left: 45px;
  background: url(../images/lianxi_ico4.png) no-repeat left center;
  margin-bottom: 25px;
}

.page2_h3 {
  text-align: center;
  font-size: 36px;
  color: #333;
  padding-bottom: 22px;
}

.page2_h4 {
  text-align: center;
  font-size: 18px;
  color: #666;
  line-height: 30px;
}

.page2_p {
  text-align: center;
  padding-top: 110px;
}

.grzx_contact_main3_right .m_b h5 {
  background: url(../images/lianxi_ico3.png) no-repeat left center;
}

.grzx_contact_main3_right_one p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

.list_arcticle {
  padding-top: 65px;
  text-align: center;
}

.wzjs_main1 {
  padding-top: 85px;
}

.wzjs_main1 .page2_p {
  height: 553px;
  padding-top: 0px;
  margin-top: 110px;
  background: url(../images/wzjs_img1_2.png) no-repeat center;
  position: relative;
}

.wzjs_img11 {
  position: absolute;
  top: 75px;
  left: 50%;
  margin-left: -162px;
  z-index: 2;
}

.wzjs_main1 ul {
  width: 600px;
  height: 355px;
  position: relative;
  margin: 0 auto;
  margin-top: 15px;
  z-index: 3;
}

.wzjs_main1 li {
  position: absolute;
  font-size: 16px;
  color: #000;
}

.wzjs_main1 li:nth-child(1) {
  top: 135px;
  left: 60px;
}

.wzjs_main1 li:nth-child(2) {
  top: 45px;
  left: 365px;
}

.wzjs_main1 li:nth-child(3) {
  top: 310px;
  left: 170px;
}

.wzjs_main1 li:nth-child(4) {
  top: 190px;
  left: 475px;
}

.wzjs_main1 li:nth-child(5) {
  top: 320px;
  left: 375px;
}

.wzjs_main2 {
  padding-bottom: 145px;
}

.wzjs_main2 .page2_p {
  margin-top: 125px;
  background: url(../images/wzjs_img2_on.png) no-repeat center;
}

.wzjs_main3 {
  padding-top: 115px;
  height: 685px;
  background: url(../images/wzjs_img1.jpg) no-repeat center;
}

.wzjs_main3 .page2_h3 {
  color: #fff;
}

.wzjs_main3 .page2_h4 {
  color: #e1e1e1;
}

.wzjs_main3 .page2_p {
  padding-top: 220px;
}

.wzjs_main4 {
  padding-top: 110px;
}

.wzjs_main5 {
  padding-top: 110px;
  padding-bottom: 105px;
}



.idx-coop li {
  position: relative;
  width: 16.65%;
  overflow: hidden;
  height: 90px;
  float: left;
}

.idx-coop li::before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e60012;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1);
  transition: all .7s cubic-bezier(0.23, 1, .38, 1);
}

.idx-coop li .img {
  position: absolute;
  left: 50%;
  top: 0;
  width: 160px;
  height: 90px;
  margin-left: -80px;
  background: no-repeat center center;
  background-size: contain;
  -webkit-transition: all .7s;
  transition: all .7s;
}

.idx-coop li .after {
  left: 0;
  opacity: 0;
}

.idx-coop li:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.idx-coop li:hover .before {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.idx-coop li:hover .after {
  left: 50%;
  opacity: 1;
}

.idx-coop li:nth-child(1) .after {
  background: url(../images/kehu_anli1_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(1) .before {
  background: url(../images/kehu_anli1.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(2) .after {
  background: url(../images/kehu_anli2_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(2) .before {
  background: url(../images/kehu_anli2.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(3) .after {
  background: url(../images/kehu_anli3_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(3) .before {
  background: url(../images/kehu_anli3.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(4) .after {
  background: url(../images/kehu_anli4_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(4) .before {
  background: url(../images/kehu_anli4.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(5) .after {
  background: url(../images/kehu_anli5_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(5) .before {
  background: url(../images/kehu_anli5.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(6) .after {
  background: url(../images/kehu_anli6_on.png) no-repeat center;
  background-size: 100%;
}

.idx-coop li:nth-child(6) .before {
  background: url(../images/kehu_anli6.png) no-repeat center;
  background-size: 100%;
}

.wzjs_main5 .page2_h4 {
  padding-bottom: 55px;
}

.dzzs {
  display: block;
  margin: 0 auto;
  width: 265px;
  height: 69px;
  line-height: 69px;
  font-size: 18px;
  color: #333;
  margin-top: 135px;
  text-align: center;
  border: 1px solid #aeaeae;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
}

.dzzs span {
  display: inline-block;
  padding-left: 35px;
  font-family: 宋体;
}

.dzzs::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #e60012;
  position: absolute;
  left: -100%;
  top: 0;
  transition: 0.5s;
  z-index: -1;
}

.dzzs:hover::before {
  left: 0;
  opacity: 1;
}

.dzzs:hover {
  border: 1px solid #e60012;
  color: #fff;
}

.ssyx_box {
  width: 100%;
  background-color: #f0f0f0;
  position: relative;
  z-index: 0;
}

.xxjj {
  width: 103px;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  margin-top: 30px;
}

.xxjj span {
  display: inline-block;
  font-family: 宋体;
  padding-right: 0px;
  margin-left: 10px;
}

.ssyx_box .wrap {
  overflow: inherit;
  padding: 0 100px;
  background-color: #fff;
}

@media(max-width:1600px) {
  .ssyx_box .wrap {
    padding: 0 50px;
  }
}

@media(max-width:1300px) {
  .ssyx_box .wrap {
    padding: 0 0px;
  }
}

.ssyx_box .ssyx_main1 {
  padding-top: 90px;
  padding-bottom: 105px;
  margin-top: -75px;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
}

.ssyx_box .ssyx_main1 .main_pic {
  margin-top: 70px;
}

.ssyx_box .ssyx_main2 {
  padding-top: 75px;
  padding-bottom: 110px;
  margin-bottom: 10px;
}

.ssyx_box .ssyx_main2 .page2_h4 {
  padding-bottom: 85px;
}

.ssyx_main2_con {
  height: 570px;
  width: 890px;
  background: url(../images/ssyx_ico_bg5.png) no-repeat center;
  margin: 0 auto;
  position: relative;
}

.ssyx_main2_con .ssyx_p {
  font-size: 18px;
  color: #666;
  text-align: center;
}

.ssyx_main2_con .ssyx_p_one {
  position: absolute;
  width: 200px;
  line-height: 25px;
  left: 50%;
  margin-left: -100px;
  top: 0;
}

.ssyx_main2_con .ssyx_p_two {
  position: absolute;
  width: 200px;
  line-height: 25px;
  left: 50%;
  margin-left: -100px;
  bottom: 0;
}

.ssyx_main2_con h5 {
  text-align: center;
  padding-top: 210px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
}

.ssyx_main2_con h6 {
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
  color: #999;
  line-height: 25px;
  text-transform: uppercase;
}

.ssyx_main2_con .ssyx_p2 {
  position: absolute;
  width: 200px;
  height: 90px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.ssyx_main2_con .ssyx_p2 span {
  display: inline-block;
  line-height: 25px;
  padding-top: 15px;
}

.ssyx_main2_con .ssyx_p_three {
  left: 50px;
  top: 85px;
  background: url(../images/ssyx_ico_bg1.png) no-repeat center;
}

.ssyx_main2_con .ssyx_p_five {
  left: 50px;
  top: 305px;
  background: url(../images/ssyx_ico_bg3.png) no-repeat center;
}

.ssyx_main2_con .ssyx_p_four {
  right: 50px;
  top: 85px;
  background: url(../images/ssyx_ico_bg2.png) no-repeat center;
}

.ssyx_main2_con .ssyx_p_six {
  right: 50px;
  top: 305px;
  background: url(../images/ssyx_ico_bg4.png) no-repeat center;
}

.ssyx_main2_con .ssyx_p_three span {
  margin-left: -10px;
}

.ssyx_main2_con .ssyx_p_five span {
  margin-left: -10px;
}

.ssyx_main2_con .ssyx_p_four span {
  margin-right: -10px;
}

.ssyx_main2_con .ssyx_p_six span {
  margin-right: -10px;
}

.ssyx_box .ssyx_main3 {
  padding-top: 75px;
  padding-bottom: 85px;
  margin-bottom: 10px;
}

.ssyx_main3_con {
  width: 1035px;
  margin: 0 auto;
  height: 630px;
  background: url(../images/ssyx_ico_bg6.png) no-repeat bottom left;
  position: relative;
}

.ssyx_box .ssyx_main3 .page2_h4 {
  padding-bottom: 90px;
}

.ssyx_main3_con h5 {
  font-size: 48px;
  color: #1cc312;
  font-weight: bold;
  text-align: center;
}

.ssyx_ul3 {
  position: absolute;
  left: 0px;
  top: 110px;
}

.ssyx_ul3 li {
  font-size: 18px;
  color: #666;
  padding-bottom: 65px;
}

.ssyx_ul3 li:nth-child(1) {
  padding-left: 60px;
}

.ssyx_ul3 li:nth-child(2) {
  padding-left: 135px;
  padding-bottom: 60px;
}

.ssyx_ul3 li:nth-child(3) {
  padding-left: 190px;
}

.ssyx_ul3 li:nth-child(4) {
  padding-left: 220px;
  padding-bottom: 75px;
}

.ssyx_ul3 li:nth-child(5) {
  padding-left: 270px;
}

.ssyx_ul4 {
  width: 456px;
  text-align: center;
  position: absolute;
  left: 275px;
  top: 100px;
}

.ssyx_ul4 li {
  font-size: 24px;
  color: #fff;
  padding-bottom: 55px;
}

.ssyx_box .ssyx_main4 {
  padding-top: 75px;
  padding-bottom: 105px;
}

.ssyx_box .ssyx_main4 .page2_h4 {
  padding-bottom: 135px;
}

.ssyx_img2 {
  margin: 0 auto;
  width: 577px;
  height: 116px;
  text-align: center;
  position: relative;
  background: url(../images/ssyx_img2.jpg) no-repeat center;
  margin-bottom: 35px;
}

.ssyx_ico_bg7 {
  position: absolute;
  top: 0;
  right: 0;
}

.ssyx_box .ssyx_main4 .dzzs {
  width: 295px;
}

.qwyx_main1 {
  width: 100%;
  margin-top: 120px;
  margin-bottom: 145px;
}

.qwyx_main1_l {
  width: 44%;
}

.qwyx_main1 .main_pic {
  width: 56%;
}

.qwyx_h3 {
  font-size: 48px;
  color: #1c1d1f;
  line-height: 1.3;
  padding-left: 35px;
  padding-top: 24%;
}

.qwyx_h4 {
  width: 66%;
  font-size: 18px;
  color: #666;
  line-height: 35px;
  padding-left: 35px;
  padding-top: 5%;
}

.qwyx_main2 {
  margin-bottom: 155px;
}

.qwyx_main2 .main_pic {
  position: relative;
}

.qwyx_main2_con {
  position: absolute;
  right: 190px;
  top: 0;
  width: 400px;
}

.qwyx_main2_con .qwyx_h3 {
  padding-left: 0px;
  padding-top: 46%;
  color: #333;
}

.qwyx_main2_con .qwyx_h4 {
  padding-left: 0px;
  padding-top: 40px;
  color: #444;
  width: 100%;
}

.qwyx_main2_con p {
  padding-top: 80px;
}

.qwyx_main2_con p:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.qwyx_main3 {
  margin-bottom: 160px;
}

.qwyx_main3 .qwyx_main3_con {
  height: 100%;
  position: absolute;
  top: 85px;
  width: 755px;
  background-color: #fff;
  z-index: 2;
}

.qwyx_main3 .qwyx_main3_con .qwyx_h3 {
  margin-left: 100px;
  padding-left: 0px;
  padding-top: 130px;
}

.qwyx_main3 .qwyx_main3_con .qwyx_h4 {
  margin-left: 100px;
  padding-left: 0px;
  padding-top: 30px;
  padding-bottom: 120px;
  border-bottom: 1px solid #e3e3e3;
  width: 425px;
}

.qwyx_main3 .qwyx_main3_con p {
  margin-left: 100px;
  font-size: 14px;
  color: #999;
  line-height: 30px;
  padding-top: 20px;
}

.qwyx_main4_con {
  width: 25%;
  padding-left: 10%;
}

.qwyx_main4_con .qwyx_h3 {
  padding-left: 0px;
  padding-top: 125px;
}

.qwyx_main4_con .qwyx_h4 {
  padding-left: 0px;
  padding-top: 30px;
  width: 100%;
  padding-bottom: 55px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 65px;
}

.qwyx_main4 {
  margin-bottom: 145px;
}

.qwyx_main4 .main_pic {
  width: 57%;
}

.qwyx_main5 {
  margin-bottom: 135px;
}

.qwyx_main5 .main_pic {
  width: 57%;
}

.qwyx_main5 .qwyx_main5_con {
  width: 26.5%;
}

.qwyx_main5_con .qwyx_h3 {
  padding-left: 0px;
}

.qwyx_main5_con .qwyx_h4 {
  padding-left: 0px;
  width: 100%;
  padding-top: 40px;
  margin-bottom: 105px;
}

.qwyx_main5_con p {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding-top: 35px;
  width: 320px;
  border-top: 1px solid #e3e3e3;
}

.qwyx_main6 {
  width: 100%;
  background-color: #f2f2f2;
  padding-bottom: 130px;
}

.qwyx_main6 h3 {
  color: #333;
  padding-top: 110px;
  padding-bottom: 105px;
  text-align: center;
}

.qwyx_main6 li {
  width: 29.8%;
  margin-right: 5.3%;
  float: left;
}

.qwyx_main6 li:nth-child(3n) {
  margin-right: 0px;
}

.qwyx_main6 li h5 {
  width: 100%;
  height: 153px;
  background-color: #fff;
  text-align: center;
}

.qwyx_main6 li h5 span {
  font-size: 24px;
  color: #333;
  line-height: 35px;
  padding-top: 42px;
  display: inline-block;
}

.qwyx_main7 .qwyx_h3 {
  padding-left: 0px;
  padding-top: 100px;
  text-align: center;
  color: #333;
}

.qwyx_main7 .qwyx_h4 {
  padding-left: 0px;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 75px;
}






/* 小屏侧边栏导航 */
.menu-handler {
  width: 66px;
  right: 0;
  top: 0px;
  height: 54px;
  display: none;
  cursor: pointer;
  background-color: #000;
  position: absolute;
  z-index: 99999;
}

.menu-handler span {
  position: relative;
  display: block;
  margin: 26px auto 0;
  width: 22px;
  height: 2px;
  -webkit-transition-duration: .3s, .3s;
  -moz-transition-duration: .3s, .3s;
  -ms-transition-duration: .3s, .3s;
  -o-transition-duration: .3s, .3s;
  transition-duration: .3s, .3s;
  -webkit-transition-delay: .3s, 0s;
  -moz-transition-delay: .3s, 0s;
  -ms-transition-delay: .3s, 0s;
  -o-transition-delay: .3s, 0s;
  transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #fff;
  -webkit-transition-duration: .3s, .3s;
  -moz-transition-duration: .3s, .3s;
  -ms-transition-duration: .3s, .3s;
  -o-transition-duration: .3s, .3s;
  transition-duration: .3s, .3s;
  -webkit-transition-delay: .3s, 0s;
  -moz-transition-delay: .3s, 0s;
  -ms-transition-delay: .3s, 0s;
  -o-transition-delay: .3s, 0s;
  transition-delay: .3s, 0s
}

.menu-handler span:before {
  top: -6px;
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -ms-transition-property: top, transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
}

.menu-handler span:after {
  bottom: -6px;
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -ms-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
}

.menu-handler.active span {
  background-color: transparent;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -ms-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s
}

.menu-handler.active span:after,
.menu-handler.active span:before {
  -webkit-transition-delay: 0s, .3s;
  -moz-transition-delay: 0s, .3s;
  -ms-transition-delay: 0s, .3s;
  -o-transition-delay: 0s, .3s;
  transition-delay: 0s, .3s
}

.menu-handler.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.menu-handler.active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
  color: #fff;
}

.menuBox a:active,
.menuBox a:hover {
  color: #fff;
}

.menuBox {
  background-color: #444;
  color: #fff;
  position: fixed;
  display: none;
  right: 0px;
  top: 0px;
  height: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-overflow-scrolling: touch;
  width: 400px;
  z-index: 980;
  -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
  padding: 80px 0px 100px;
}

.menuMoblie .nav-link {
  display: block;
  font-size: 16px;
  padding: 12px 12%;
  position: relative;
}

.menuMoblie .nav-link.cur {
  background-color: #333;
}

.menuMoblie .subnav {
  background-color: #666;
  padding: 10px 0px;
  display: none;
}

.menuMoblie .subnav a {
  position: relative;
  display: block;
  padding: 12px 12%;
  line-height: 1.4;
}

.pusher-black {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 900;
  visibility: hidden;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
  -moz-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
  -ms-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
  -o-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
  transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}

.menuOpen .pusher-black {
  visibility: visible;
  filter: alpha(enabled=false);
  /* opacity:1;*/
}

.menuOpen .menuBox {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.pusher {
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.menuOpen .pusher {
  /* transform:translateX(-26%);*/
  -webkit-transform: translateX(-26%);
  /* transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/
  /* -webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/
}

.show_case {
  width: 100%;
  background-color: #f0f0f0;
  padding-bottom: 100px;
  position: relative;
}

.show_case_top {
  height: 150px;
  line-height: 150px;
}

.show_case_top li a {
  font-size: 24px;
  color: #666;
}

.show_case_top li a:hover {
  color: #e60012;
}

.show_case_top li.on a {
  color: #e60012;
}

.show_case_top li {
  font-size: 24px;
  color: #666;
  float: left;
}

.show_case_top li span {
  display: inline-block;
  margin: 0 25px;
}

.show_case_top li:last-child span {
  display: none;
}

.show_case_h3 {
  font-size: 30px;
  color: #333;
  padding-top: 60px;
  padding-bottom: 40px;
}

.xmbj_con p {
  font-family: 微软雅黑 !important;
  font-size: 16px;
  color: #666;
  line-height: 35px;
}

.khsq_con p {
  font-family: 微软雅黑 !important;
  font-size: 16px;
  color: #666;
  padding-bottom: 15px;
  line-height: 25px !important;
  margin: 0 !important;
}

.xmbj_con p span {
  font-family: 微软雅黑 !important;
}

.khsq_con p span {
  font-family: 微软雅黑 !important;
}

.show_case_main3_con {
  font-family: 微软雅黑 !important;
}

.show_case_main3_con p span {
  font-family: 微软雅黑 !important;
}

.xmbj {
  width: 35%;
  padding-left: 5%;
  padding-right: 10%;
}

.khsq {
  width: 35%;
  padding-left: 5%;
  padding-right: 10%;
}

.khsq {
  background-color: #f5f5f5;
}

.xmbj {
  background-color: #fff;
}

.p_b_100 {
  padding-bottom: 100px;
}

.show_case_main1 .wrap1600 {
  background-color: #f5f5f5;
}

.link-ico {
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-top: 115px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;
}

.link-ico .bg {
  display: block;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease 0s;
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}

.link-ico i {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: url(../images/ico_25.png) no-repeat center;
  transition: all 0.3s ease 0s;
}

.link-ico:hover {
  background-color: #000;
  border: 1px solid #000;
}

.link-ico:hover i {
  background: url(../images/ico_25_on.png) no-repeat center;
}

.link-ico:hover .bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
}

.show_case_main2 .wrap1600 {
  background-color: #fff;
}

.show_case_main2_con {
  width: 90%;
  padding: 0 5%;
  padding-bottom: 100px;
}

.yxsk_one {
  margin-bottom: 2%;
  float: left;
  width: 41%;
  background-color: #333;
  text-align: center;
  padding: 50px 3%;
}

.yxsk_one p {
  line-height: 30px;
  font-size: 18px;
  color: #fff;
}

.show_case_main2 .wrap1600 .yxsk_one:nth-of-type(odd) {
  margin-right: 2%;
}

.show_case_main3 .wrap1600 {
  background-color: #fff;
}

.show_case_main3_con {
  width: 90%;
  padding: 0 5%;
  padding-bottom: 100px;
}

.m_b_20 {
  margin-bottom: 20px;
}

.show_case_main3_con li {
  margin-bottom: 45px;
  padding-bottom: 45px;
  border-bottom: 1px dashed #e2e2e2;
  min-height: 65px;
}

.show_case_main3_con li .time {
  font-size: 72px;
  color: #333;
  display: inline-block;
  border-right: 1px solid #e0e0e0;
  padding-right: 40px;
  margin-right: 35px;
  line-height: 0.9;
}

.show_case_main3_con li h4 {
  font-size: 20px;
  color: #333;
  padding-bottom: 15px;
}

.show_case_main3_con li p {
  font-size: 14px;
  color: #666;
}

.show_case_main3_con li .celue {
  width: 85%;
}

.show_case_main3_con .show_case_h3 {
  padding-bottom: 60px;
}

.show_case_main3_con li:last-child {
  margin-bottom: 0px;
}

.show_case_main4_con li {
  float: left;
  margin-right: 7%;
  width: 13.5%;
  text-align: center;
}

.show_case_main4_con li:last-child {
  margin-right: 0px;
}

.show_case_main4_con li h5 {
  font-size: 18px;
  color: #333;
  padding-bottom: 20px;
  border-bottom: 1px solid #d1d1d1;
}

.show_case_main4_con li h4 {
  font-size: 48px;
  color: #333;
  border-bottom: 1px solid #d1d1d1;
  line-height: 75px;
}

.show_case_main4_con li p {
  font-size: 14px;
  color: #333;
  padding-top: 20px;
}

.show_case_main4_con .show_case_h3 {
  padding-bottom: 60px;
}

.show_case_main4_con p {
  line-height: 30px;
}

.show_case_main4 .wrap1600 {
  background-color: #fff;
}

.show_case_main4_con {
  width: 90%;
  padding: 0 5%;
  padding-bottom: 100px;
}


.show_case_con {
  display: none;
}

.show_case_con.on {
  display: block;
}

.show_case_img img {
  max-width: 100%;
}

.show_case_img {
  text-align: center;
}


/* 百搜百应 案例详情 */

.bsby_case_l_cont {
  margin-left: 70px;
  padding-top: 35px;
}

.bsby_img1 {
  height: 153px;
  line-height: 153px;
}

.bsby_case_l_cont h5 {
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
}

.bsby_case_l_cont p {
  font-size: 14px;
  color: #666;
  padding-bottom: 10px;
}

.bsby_main1 {
  width: 100%;
  background-color: #fff;
  height: 155px;
}

.bsby_case_l_cont p img {
  margin-top: -3px;
  margin-right: 5px;
}

.bsby_case_l_cont p strong {
  font-weight: lighter;
  padding-right: 20px;
}

.bsby_main1 .link-ico {
  margin-top: 43px;
}

.bsby_main2 {
  background-color: #f0f0f0;
  padding-top: 85px;
  padding-bottom: 90px;
}

.bsby_main2_l p {
  font-family: 微软雅黑 !important;
  line-height: 35px;
  color: #666;
  font-size: 16px;
}

.bsby_main2_l p span {
  font-family: 微软雅黑 !important;
}

.bsby_main2_l {
  width: 48%;
}

.qyxz li {
  float: left;
  padding: 0 35px;
  height: 44px;
  line-height: 44px;
  background-color: #404040;
  border-radius: 25px;
  margin-right: 15px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 60px;
}

.qyxz li p {
  font-size: 18px;
  color: #fff;
  height: 44px;
  line-height: 44px;
}

.bsby_main2 .main_pic {
  width: 42%;
  overflow: hidden;
}

.bsby_main2_l .show_case_h3 {
  padding-top: 30px;
}

.bsby_main3 .show_case_h3 {
  text-align: center;
}

.bsby_main3 {
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 145px;
}

.bsby_main3 p {
  font-family: 微软雅黑 !important;
  line-height: 35px;
  color: #666;
  font-size: 16px;
}

.bsby_main3 p span {
  font-family: 微软雅黑 !important;
}

.bsby_main4 .show_case_h3 {
  text-align: center;
}

.bsby_main4 {
  background-color: #f0f0f0;
  padding-top: 25px;
  padding-bottom: 100px;
}

/* 案例详情轮播 */
/*.slideBox{ width:100%; height:656px; padding-top: 86px; overflow:hidden; position:relative; background: url(../images/bsby_img1.png) no-repeat center; background-size: 100% 100%; }
.slideBox .hd{ width: 100%; text-align: center;  height:10px; overflow:hidden; position:absolute; left: 0px; bottom:150px; z-index:1; }
.slideBox .hd ul{ width: 100%; overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ margin:0 6px;  width:10px; height:10px; line-height: 50px; border-radius: 20px; display: inline-block; text-align:center; background:#bdbdbd; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align: center; }
.slideBox .bd img{ /* max-width:974px; */
/*width:auto; max-height: 460px;  }
.haibao p{ width: 45%; margin-right: 10%; float: left; margin-bottom: 2%;}
.haibao p img{ width: 100%; }
.haibao p:nth-child(2n){ margin-right: 0px; }
.shejigao p{ text-align: center; border-bottom: 30px solid #f0f0f0;}
.shejigao p img{ padding-top: 50px; padding-bottom: 50px; max-width: 1400px; width: 100%;}
.shejigao .wrap1600{ background-color: #fff; }
.haibao .wrap1600{ padding-top: 50px; padding-bottom: 30px; background-color: #fff; }
.haibao_con{ width: 850px; margin: 0 auto; }*/

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next {
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 27px;
  height: 46px;
}

.slideBox .next {
  left: auto;
  right: 3%;
  background-position: 8px 5px;
}

.slideBox .prev {
  background: url(../images/left.png) no-repeat;
}

.slideBox .prev:hover {
  background: url(../images/left_on.png) no-repeat;
}

.slideBox .next {
  background: url(../images/right.png) no-repeat;
}

.slideBox .next:hover {
  background: url(../images/right_on.png) no-repeat;
}

.slideBox .prevStop {
  display: none;
}

.slideBox .nextStop {
  display: none;
}

.bsby_ul {
  margin-top: -20px;
  position: relative;
  z-index: 99;
  text-align: center;
}

.bsby_ul li {
  font-size: 16px;
  color: #333;
  width: 24.9%;
  display: inline-block;
  border-right: 1px solid #bfbfbf;
  text-align: center;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}

.bsby_ul li:last-child {
  border-right: 0px;
}

.biaodan li {
  position: relative;
}

.biaodan li .error {
  position: absolute;
  top: 0;
  font-size: 14px;
  color: #c20000;
  left: 50%;
}


/* 侧边栏咨询框 */
.cbl {
  display: none;
}

.counsel {
  position: fixed;
  right: 0px;
  top: 20%;
  display: none;
  z-index: 999;
  width: 252px;
  height: auto;
  overflow: hidden;
}

.counsel .coun-left.active {
  position: relative;
  top: 74px;
  float: left;
  width: 50px;
  height: 150px;
  text-align: center;
  font-size: 13px;
  color: #303030;
  left: 0px;
  background: #d53d3d url(../images/ly_bg.png) no-repeat center 25px;
}

.counsel .coun-left.active>p {
  position: absolute;
  top: 53px;
  left: 17px;
  font-size: 16px;
  line-height: 17px;
  color: #fff;
}

.counsel .coun-left.active span {
  font-weight: bold;
  position: absolute;
  font-family: 宋体;
  display: inline-block;
  bottom: 7px;
  left: 21px;
  color: #fff;
  font-size: 12px;
}

.counsel .counbox {
  float: right;
  width: 200px;
  height: auto;
  overflow: hidden;
  background: #d53d3d;
  text-align: center;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0)
}

.counsel .counbox .coun-logo {
  display: block;
  width: 160px;
  height: auto;
  margin: 15px auto 0px;
}

.counsel .counbox .telbox {
  width: 160px;
  height: auto;
  overflow: hidden;
  margin: 18px auto;
}

.counsel .counbox .telbox .name {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 7px;
  background-color: #fff;
  transition: 0.3s;
}

.counsel .counbox .telbox .name:last-child {
  border-bottom: 0px;
}

.counsel .counbox .telbox .name .ibox {
  float: left;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
}

.counsel .counbox .telbox .name .ibox>img {
  width: 100%;
  height: 100%;
}

.counsel .counbox .number {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #e60012;
  letter-spacing: -1px;
}

.counsel .counbox .phone {
  width: 100%;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 20px;
  color: #666;
}

.counsel .counbox .telbox p span {
  display: inline-block;
  padding-left: 5px;
}

.counsel .counbox .telbox a {
  color: #333;
  font-size: 16px;
}

.counsel .counbox .telbox a:hover {
  color: #e60012;
}

.telbox h6 {
  padding-top: 35px;
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  padding-bottom: 30px;
}

.tc_p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}

.tc_i {
  width: 1px;
  height: 22px;
  background-color: #eaeaea;
  margin: 0 auto;
  margin-top: -6px;
  margin-bottom: 10px;
}

.counsel .coun-left {
  position: relative;
  top: -2px;
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 13px;
  left: 128px;
  z-index: 99;
  color: #303030;
  height: 50px;
  top: 0px;
  background: url(../images/close_on.png?v=3) no-repeat center;
}

.counsel .coun-left p {
  opacity: 0;
}

.counsel .coun-left span {
  opacity: 0;
}

.counsel .coun-left.active p {
  opacity: 1;
}

.counsel .coun-left.active span {
  opacity: 1;
}



/* 内页侧边栏 */
.counsel2 {
  position: fixed;
  right: 0px;
  top: 25%;
  display: none;
  z-index: 999;
  width: 252px;
  height: auto;
  overflow: hidden;
}

.counsel2 .coun-left2.active {
  position: relative;
  top: 74px;
  left: 0px;
  float: left;
  width: 50px;
  height: 150px;
  text-align: center;
  font-size: 13px;
  color: #303030;
  background: #d53d3d url(../images/ly_bg.png) no-repeat center 25px;
}

.counsel2 .coun-left2.active>p {
  position: absolute;
  top: 53px;
  left: 17px;
  font-size: 16px;
  line-height: 17px;
  color: #fff;
}

.counsel2 .coun-left2.active span {
  font-weight: bold;
  position: absolute;
  font-family: 宋体;
  display: inline-block;
  bottom: 7px;
  left: 21px;
  color: #fff;
  font-size: 12px;
}

.counsel2 .counbox {
  float: right;
  width: 200px;
  height: auto;
  overflow: hidden;
  background: #d53d3d;
  text-align: center;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0)
}

.counsel2 .counbox .coun-logo {
  display: block;
  width: 160px;
  height: auto;
  margin: 15px auto 0px;
}

.counsel2 .counbox .telbox {
  width: 160px;
  height: auto;
  overflow: hidden;
  margin: 18px auto;
}

.counsel2 .counbox .telbox .name {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
  background-color: #fff;
  transition: 0.3s;
}

.counsel2 .counbox .telbox .name:last-child {
  border-bottom: 0px;
}

.counsel2 .counbox .telbox .name .ibox {
  float: left;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
}

.counsel2 .counbox .telbox .name .ibox>img {
  width: 100%;
  height: 100%;
}

.counsel2 .counbox .number {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #e60012;
  letter-spacing: -1px;
}

.counsel2 .counbox .phone {
  width: 100%;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 20px;
  color: #666;
}

.counsel2 .counbox .telbox p span {
  display: inline-block;
  padding-left: 5px;
}

.counsel2 .counbox .telbox a {
  color: #333;
  font-size: 16px;
}

.counsel2 .counbox .telbox a:hover {
  color: #e60012;
}

.telbox h6 {
  padding-top: 35px;
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  padding-bottom: 30px;
}

.tc_p {
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}

.tc_i {
  width: 1px;
  height: 22px;
  background-color: #eaeaea;
  margin: 0 auto;
  margin-top: -6px;
  margin-bottom: 10px;
}

.counsel2 .coun-left2 {
  position: relative;
  top: -2px;
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  left: 128px;
  font-size: 13px;
  z-index: 99;
  color: #303030;
  height: 50px;
  top: 0px;
  background: url(../images/close_on.png?v=3) no-repeat center;
}

.counsel2 .coun-left2 p {
  opacity: 0;
}

.counsel2 .coun-left2 span {
  opacity: 0;
}

.counsel2 .coun-left2.active p {
  opacity: 1;
}

.counsel2 .coun-left2.active span {
  opacity: 1;
}
















/* 中间定时弹窗 */

.box_r {
  width: 143px;
  height: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 9999;
}

.box_r .top {
  width: 143px;
  height: 69px;
  background: url(../images/cslist_top_bg.png) no-repeat;
}

.box_r .main {
  width: 138px;
  height: auto;
  overflow: hidden;
  background: url(../images/right_bg.png) repeat-y left top;
  text-align: left;
  font-size: 12px;
  padding-left: 5px;
}

.box_r .main p {
  height: 25px;
  line-height: 25px;
  padding-left: 5px;
}

.box_r .bottom {
  width: 143px;
  height: 17px;
  background: url(../images/cslist_btm_bg.png) no-repeat;
}

.box_m {
  z-index: 99999;
  width: 700px;
  height: 400px;
  background: rgba(255, 255, 255, 1);
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  margin-left: -350px;
  display: none;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0)
}

.kaka {
  text-align: center;
  position: relative;
  margin: 25px;
  border: 1px solid #ccc;
  width: 650px;
  height: 350px;
}

.box_m ul {
  width: 335px;
  height: 223px;
  position: relative;
}

.box_m ul a {
  display: block;
  width: 70px;
  height: 22px;
  position: absolute;
  top: 104px;
}

.kaka a {
  display: inline-block;
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #666;
  margin: 0 10px;
  background-color: #fff;
}

.kaka a.ywjt {
  background-color: #e60012;
  color: #fff;
}

.kaka a.close2 {
  border: 1px solid #999;
  color: #999;
}

.kaka p {
  font-size: 14px;
  color: #999;
  padding-top: 30px;
}

.kaka h3 {
  font-size: 30px;
  color: #333;
  padding-top: 50px;
}

.kaka h4 {
  font-size: 18px;
  color: #666;
  padding-top: 20px;
  padding-bottom: 30px;
  line-height: 40px;
}

/* 主色调 e60012 */











/*  横幅  */

.asideBanner_con {
  width: 100%;
  position: relative;
}

.asideBanner {
  z-index: 999;
  position: fixed;
  bottom: 0px;
  left: -2000px;
  width: 100%;
  height: 150px;
  line-height: 150px;
  background: rgba(255, 232, 77, 1);
  opacity: 1;
  transition: .8s;
}

.asideBanner .main {
  height: 100%;
  position: relative;
}

.asideBanner .w_left {
  position: absolute;
  top: 50px;
  right: 2%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff url(../images/icon_cha.png) no-repeat center;
  background-size: 15px;
  cursor: pointer;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.asideBanner .main>div {
  text-align: left;
  display: inline-block;
  height: 100%;
  width: auto;
  vertical-align: top;
}

.asideBanner .num-txt {
  height: 100%;
  overflow: hidden;
  font-size: 28px;
  background: url(../images/huo_img.jpg) no-repeat left center;
  margin-right: 80px;
}

.asideBanner .num-txt h4 {
  color: #fff;
  font-size: 14px;
  margin-left: 120px;
  padding-top: 27px;
}

.asideBanner .num-txt p {
  color: #c3c3c3;
}

.asideBanner .num-txt span {
  color: #ff0007;
  font-family: Impact;
}

.asideBanner .jsq {
  width: 133px;
  height: 85px;
  background: url(../images/jsq.png) no-repeat center;
  float: left;
  box-sizing: border-box;
  margin-top: 35px;
}

.asideBanner .inp-main {
  margin-top: 35px;
  margin-left: 75px;
  width: 420px !important;
  padding-right: 81px;
  position: relative;
}

.asideBanner .inp-ys {
  width: 145px;
  height: 37px;
  background: #fff;
  line-height: 37px;
  border: 0;
  margin-left: 9px;
  font-size: 16px;
  color: #333;
  margin-bottom: 9px;
  box-sizing: border-box;
  padding-left: 5px;
}

.asideBanner .inp-sub {
  width: 95px;
  height: 83px;
  background: #bc262a;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/hqbj.jpg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.asideBanner .inp-sel {
  border: none;
  outline: none;
  color: #666;
  border-radius: 0;
  background: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.asideBanner .inp-sel {
  background: url(../images/zt-one/icon_select.png) no-repeat 95% center #fff;
}

.asideBanner .inp-sub:hover {
  opacity: .9;
}

.asideBanner .tel-bj {
  color: #fff;
  margin-top: 35px;
  margin-left: 60px;
}

.asideBanner .tel-bj h4 {
  font-size: 24px;
  color: #fff;
  font-family: Adobe Heiti Std;
}

.asideBanner .tel-bj p {
  font-size: 32px;
  font-family: impact;
}

.zhankai {
  position: fixed;
  z-index: 999;
  width: 120px;
  height: 110px;
  left: 0px;
  bottom: -200px;
  cursor: pointer;
  background: url(../images/zhankai.png) no-repeat;
  transition: .8s;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

@media(max-width:1900px) {
  .asideBanner img {
    max-width: 100%;
  }
}










































































































/* 计数器 */

.jishuqi li {
  display: inline-block;
  font-size: 30px;
  text-align: center;
  color: #000;
  padding: 0 40px;
  background: url(../images/jishuqi_xian.jpg) no-repeat right center;
}

.jishuqi li:nth-child(1) {
  padding-left: 0px;
}

.jishuqi li:last-child {
  background: none;
}

.jishuqi li>i {
  font-size: 48px;
  font-weight: bold;
  color: #000;
  font-family: arial;
}

.jishuqi li p {
  font-size: 16px;
  color: #666;
}

.jishuqi {
  width: 100%;
  margin-bottom: 5px;
}

.jishuqi li span {
  display: inline-block;
  position: absolute;
}






/* 产品详情 热门推荐 切换 */
.picScroll-left2 {
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-left: -6px;
}

.picScroll-left2 .hd {
  width: 1340px;
  text-align: center;
  overflow: hidden;
  height: 10px;
  background: none;
  padding: 0 10px;
}

.picScroll-left2 .hd .prev,
.picScroll-left2 .hd .next {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  margin-top: 10px;
  overflow: hidden;
  cursor: pointer;
  margin: 30px 15px 0px 11px;
}

.picScroll-left2 .hd .next3 {
  width: 59px;
  height: 59px;
  position: absolute;
  right: -41px;
  top: 142px;
  background: url(../images/honour-right.png) no-repeat;
}

.picScroll-left2 .hd .prev3 {
  width: 59px;
  height: 59px;
  position: absolute;
  left: -23px;
  top: 142px;
  background: url(../images/honour-left.png) no-repeat;
}

.picScroll-left2 .hd .prevStop {
  background-position: -60px 0;
}

.picScroll-left2 .hd .nextStop {
  background-position: -60px -50px;
}

.picScroll-left2 .hd ul {
  float: right;
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  zoom: 1;
}

.picScroll-left2 .hd ul li {
  width: 9px;
  height: 9px;
  overflow: hidden;
  margin-right: 5px;
  text-indent: -999px;
  cursor: pointer;
  background: url("images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-left2 .hd ul li.on {
  background-position: 0 0;
}

.picScroll-left2 .bd {
  padding: 10px;
}

.picScroll-left2 .bd ul {
  overflow: hidden;
  zoom: 1;
}

.picScroll-left2 .bd ul li {
  margin: 0 7px;
  float: left;
  _display: inline;
  overflow: hidden;
}



/* 产品详情轮播 */
.com-slider {
  position: relative;
  width: 600px;
  height: 600px;
}

.com-slider .bd li {
  text-align: center;
}

.com-slider .bd li img {
  width: auto;
}

.com-slider .hd {
  margin-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.com-slider .hd ul li {
  display: inline-block;
  margin: 0 8px;
  width: 16px;
  height: 16px;
  background-color: #6b6b6b;
  border-radius: 50%;
  text-indent: -9999px;
  cursor: pointer;
}

.com-slider .hd.hd2 {
  position: relative;
  left: 0;
  bottom: -100px;
  width: 600px;
  text-align: center;
  margin-top: 0;
  padding-bottom: 0;
}

.com-slider .hd ul li.on {
  background-color: #fff;
  border-color: #fff;
}

.com-slider .com-btn {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: -25px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 24px;
  font-family: serif, "宋体";
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.com-slider .com-btn:hover {
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
}

.com-slider .com-btn.next {
  right: 0;
}

.com-block-list li {
  float: left;
  width: 286px;
  height: 368px;
  background: #fff;
  text-align: center;
  padding: 65px 40px 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.com-block-list li:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.com-block-list li~li {
  margin-left: 18px;
}

.com-block-list li .tit {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #bb3e46;
}

.com-block-list li .des {
  line-height: 1.75;
}

.show_product_right {
  width: 600px;
}

.show_product_right_top {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}

.show_product_right_top h6 {
  font-size: 28px;
  color: #fff;
}

.show_product_right_top span {
  font-size: 16px;
  color: #aaa;
}

.show_product_right_con {
  padding-top: 20px;
}

.show_product_right_con p {
  padding: 0;
  line-height: 33px;
  font-size: 14px;
  color: #949494;
}

.show_product_right_con p span {
  color: #eee;
  display: inline-block;
  padding-left: 5px;
}

.show_product_right_con p i {
  display: inline-block;
  width: 50px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  margin-left: 7px;
  margin-right: 5px;
}

.show_product_right_con p i:nth-child(1) {
  background-color: #fff;
  color: #333;
}

.show_product_right_con p i:nth-child(2) {
  background-color: #e60012;
  color: #fff;
}

.show_product_right_bottom {
  padding-top: 60px;
}

.show_product_right_bottom a {
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
  margin-right: 10px;
  border-radius: 3px;
}

.show_product_right_bottom a:nth-child(1) {
  padding-left: 80px;
  width: 140px;
  background: #686868 url(../images/zaixian.png) no-repeat 40px 13px;
}

.show_product_right_bottom a:nth-child(2) {
  padding-left: 55px;
  width: 165px;
  background: #686868 url(../images/dianhua.png) no-repeat 23px 13px;
}

.show_product_right_bottom a:nth-child(1):hover {
  background: #e1aa1d url(../images/zaixian.png) no-repeat 40px 13px;
}

.show_product_right_bottom a:nth-child(2):hover {
  background: #e1aa1d url(../images/dianhua.png) no-repeat 23px 13px;
}

.product_xiangqing {
  padding-top: 10px;
  width: 100%;
  background-color: #fff;
  padding-bottom: 108px;
}

.product_xiangqing_one {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.product_xiangqing_one h6 {
  font-size: 20px;
  color: #6b6b6b;
  margin-right: 70px;
}

.product_xiangqing_right {
  color: #111;
  font-size: 16px;
}

.product_xiangqing_right li p {
  width: 120px;
  height: 80px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #111;
  line-height: 30px;
  padding-top: 20px;
  text-align: center;
  border-radius: 10px;
}

.product_xiangqing_right li span {
  font-size: 14px;
  color: #6b6b6b;
  text-align: center;
  display: inline-block;
  padding-top: 20px;
  width: 120px;
}

.product_xiangqing_right li {
  float: left;
  padding-right: 60px;
  background: url(../images/show_jian.png) no-repeat 143px 30px;
}

.product_xiangqing_right li:nth-child(5) {
  background: none;
}

.product_xiangqing_right li:nth-child(4) p {
  line-height: 60px;
}





/*Search*/
.head-search {
  position: relative;
  margin-right: 342px;
  float: right;
  font-size: 0;
  text-align: center;
}

.head-search a {
  display: block;
  padding: 0 10px;
  width: 19px;
  height: 70px;
  line-height: 70px;
}

.head-search a .icon-search {
  display: inline-block;
  width: 100%;
  width: 19px;
  height: 19px;
  background: url(../images/sousuo2.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 0.6;
}

.head-search a:hover .icon-search {
  background: url(../images/sousuo.png) no-repeat center;
  background-size: contain;
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.head-search:hover .search-box {
  display: block;
  opacity: .9;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.search-box {
  position: absolute;
  right: -120%;
  top: 70px;
  width: 260px;
  background: #fff;
  padding: 0px 0;
  z-index: 999;
  opacity: 0;
  text-align: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.search-box .searchi_a {
  font-family: '微软雅黑';
  line-height: 35px;
  padding: 0 12px;
  outline: none;
  font-size: 14px;
  width: 72%;
}

.search-box .searchi_s {
  font-family: '微软雅黑';
  height: 36px;
  padding: 0 10px;
  background: #e60012;
  color: #fff;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.search-box .searchi_s:hover {
  opacity: 1;
}




/* 搜索 */

.search {
  width: 283px;
  height: 38px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  transition: 0.3s;
}

.search .key {
  border: 0;
  height: 38px;
  line-height: 38px;
  background: none;
  color: #666;
  width: 228px;
  padding-left: 13px;
  font-size: 12px;
  transition: 0.3s;
  font-family: '微软雅黑';
}

.search .key:focus {
  outline: none;
  border: 0;
}

.search .sub:focus {
  outline: none;
  border: 0;
}

.search .sub {
  width: 38px;
  height: 38px;
  background: url(../images/sousuo.png) no-repeat center;
  background-size: 50%;
}

.sou {
  display: block;
  margin-top: 21px;
  margin-left: 28px;
}


.anniu {
  width: 190px;
  height: 40px;
  border: 1px solid #1b1b1b;
  padding: 2px;
  margin-right: 20px;
}

.anniu_nei {
  width: 188px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #1b1b1b;
  color: #1b1b1b;
  display: block;
  transition: 0.3s;
}

.anniu:hover .anniu_nei {
  background-color: #1b1b1b;
  color: #fff;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}



/* 百度地图 */
#map {
  width: 100%;
  height: 580px;
}

#map img {
  width: auto !important;
  height: auto !important;
}

.BMapLib_SearchInfoWindow {
  left: 127px;
  bottom: -266px;
}

.anniu {
  width: 190px;
  height: 40px;
  border: 1px solid #e60012;
  padding: 2px;
  margin-right: 20px;
}

.anniu_nei {
  width: 188px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #e60012;
  color: #e60012;
  display: block;
  transition: 0.3s;
}

.anniu:hover .anniu_nei {
  background-color: #e60012;
  color: #fff;
}

/* 友情链接 */
.link {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 65px;
}

.link i {
  width: 10px;
  height: 7px;
  position: absolute;
  right: 2px;
  top: 7px;
  transition: 300ms linear;
  -o-transition: 300ms linear;
  -ms-transition: 300ms linear;
  -webkit-transition: 300ms linear;
}

.link:hover b i {
  transform: rotate(180deg);
}

.link-list {
  z-index: 9999;
  float: left;
  width: 80%;
  height: 30px;
  overflow: hidden;
}

.link-list li a {
  height: 36px;
  color: #787878;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.link-list li a:hover {
  color: #da251d;
  padding-left: 0px;
}

.link-list li {
  float: left;
}

.link-list li a {
  color: #abacac;
  margin: 0 8px;
}

.link-list li a:hover {
  color: #e60012;
}

.link h6 {
  float: left;
  font-size: 12px;
  color: #abacac;
  padding-top: 2px;
}

/* 回到顶部 */
/*客服*/
.qqkefu {
  position: fixed;
  bottom: 150px;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop + 365));
  z-index: 999;
  right: 0;
  width: 53px
}

.qqkefu ul li {
  height: 47px;
  margin-bottom: 1px;
  float: right;
  background: #999;
  line-height: 47px;
  font-size: 14px;
  cursor: pointer;
  opacity: 0.9;
  position: relative
}

.qqkefu ul li:hover {
  background: #e9af1b;
}

.qqkefu ul li.top2 {
  color: #1c1c1c;
  font-weight: 800;
  text-align: center;
  background: #999 url(../images/top_icon.png) no-repeat center;
  position: relative;
  width: 53px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.qqkefu ul li.top2:hover {
  background-color: #e60012;
}

/*返回顶部*/
#to-top {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #666 url(../images/gotop.png) no-repeat center;
  background-size: 80%;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  z-index: 999;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

#to-top:hover {
  background-color: #333;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999 !important;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999 !important;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #999 !important;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #999 !important;
  opacity: 1;
}

.textarea::-webkit-input-placeholder {
  color: #999;
}

/* 3D旋转按钮 */
.kacont2 {
  width: 200px;
  height: 50px;
  margin-right: 20px;
}

.ka2 {
  width: 200px;
  height: 50px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.ka2 div {
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.25s;
}

.ka2:hover div {
  transform: rotateX(-90deg);
}

.ka2 span {
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}

.ka2 span:nth-child(1) {
  color: #fff;
  background-color: #e60012;
  opacity: 0.6;
  transform: translate3d(0, 0, 25px);
}

.ka2 span:nth-child(2) {
  color: #e60012;
  border: 1px solid #e60012;
  opacity: 0.6;
  transform: rotateX(90deg) translate3d(0, 0, 25px);
}

.ka2 span i {
  display: inline-block;
  font-family: '宋体';
  padding-left: 20px;
}

/* 内页banner */
.nei_banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.nei_banner>img {
  width: 100%;
  transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  -webkit-animation: minus 5s 0s ease both infinite;
  -moz-animation: minus 5s 0s ease both infinite;
  animation: minus 5s 0s ease both infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}

/*缩小停止*/
@-webkit-keyframes minus {
  from {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

@keyframes minus {
  from {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0);
  }

  to {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
}

/* 表单点击后的边框颜色 */
input {
  outline-color: #dadada;
  -moz-outline-color: #dadada;
  -ms-outline-color: #dadada;
  -webkit-outline-color: #dadada;
}

textarea {
  outline-color: #dadada;
  -moz-outline-color: #dadada;
  -ms-outline-color: #dadada;
  -webkit-outline-color: #dadada;
}


/* 留言表单 */
.guest_box {
  width: 100%;
  margin: 0 auto;
}

li.error {
  position: relative;
}

.guest_box li {
  width: 540px;
  line-height: 40px;
  font-size: 12px;
  color: #666;
  float: left;
  margin-bottom: 10px;
}

.guest_box li .input {
  font-size: 12px;
  border: 1px solid #fff;
  width: 510px;
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  color: #666;
  background: #fff;
  background-color: #eee;
}

.guest_box li.error {}

span.error {
  position: absolute;
  top: 72px;
  left: 0;
  color: #ff0000;
  font-size: 12px;
}

.guest_box li .textarea {
  font-size: 12px;
  width: 510px;
  height: 230px;
  border: 1px solid #fff;
  padding-left: 30px;
  padding-top: 10px;
  color: #666;
  line-height: 20px;
  background-color: #eee;
  font-family: 微软雅黑;
}

textarea {
  overflow: auto;
}

.guest_box .submit {
  width: 198px;
  height: 57px;
  margin: 0 auto;
  margin-top: 67px;
  background: none;
  display: block;
  color: #a8673f;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #a8673f;
  font-family: 微软雅黑;
}

/* .guest_box .submit:hover {color:#fff;background-color:#a8673f;} */
.zxly .list_title2 {
  margin-bottom: 65px;
}

.guest_box2 li {
  width: 386px;
  margin-bottom: 15px;
}

.guest_box2 li.error {
  margin-right: 20px;
}

.guest_box2 .submit {
  width: 145px;
  height: 40px;
}

.biaodan li {
  width: 24%;
  float: left;
  margin-right: 1%;
  line-height: 58px;
  height: 62px;
  border: 1px solid #dadada;
}

.biaodan li.m_r {
  margin-right: 0px;
}

.biaodan li .input {
  outline: none;
  padding-left: 10%;
  width: 89.4%;
  line-height: 60px;
  height: 60px;
  background-color: #fff;
}

.biaodan li.text_error {
  width: 99.5%;
  height: 285px;
}

.biaodan li.text_error textarea {
  outline: none;
  width: 97.4%;
  padding-left: 2.4%;
  padding-top: 20px;
  height: 263px;
  background-color: #fff;
}

.biaodan_con .submit {
  margin: 0 auto;
  width: 300px;
  height: 74px;
  line-height: 74px;
  text-align: center;
  background-color: #333;
  color: #fff;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 105px;
  font-size: 18px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  border: 0;
}

.biaodan_con .submit:hover {
  color: #fff;
  background-color: #e60012;
}


/* 留言弹窗 */
.vwrap {
  display: none;
  z-index: 1040;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.vwrap .videobtg {
  z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  overflow: hidden;
}

.vwrap .videobox {
  z-index: 990;
  padding: 0 50px;
  width: 1100px;
  height: 770px;
  background: #fff url(../images/about.png) no-repeat right top;
  background-size: 14%;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -385px;
  margin-left: -600px;
}

.vwrap .videobox #videobox1 {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #000;
}

#videobox_wrapper {
  height: 100% !important;
}

.vwrap .close {
  z-index: 999;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: -38px;
  right: -40px;
}

.vwrap .close i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/close.png) no-repeat 50% 50%;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.vwrap .close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


#videobox_display_button {
  background: none no-repeat !important;
}

.jwplayer .jwicon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
  display: none !important;
}

#videobox_controlbar {
  bottom: 5% !important;
}

.videobox .guest_box li {
  margin-top: 30px;
  width: 48%;
  margin-bottom: 0px;
}

.videobox .guest_box li.error {
  margin-right: 36px;
}

.videobox .guest_box li .textarea {
  width: 878px;
  padding-left: 20px;
}

.videobox .guest_box .submit {
  margin-top: 17px;
}

.videobox .guest_box {
  padding-top: 25px;
}

/* 鼠标经过图片放大 */
.main_pic {
  overflow: hidden;
}

.main_pic img {
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}

.main_pic img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

/* 飘入动画 */
.piao {
  opacity: 0;
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  transition: transform 1s, opacity 1s;
}

.visible .piao {
  transform: none;
  opacity: 1;
}



/* 弹窗视频 */
.vwrap2 {
  display: none;
  z-index: 1040;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.vwrap2 .videobtg2 {
  z-index: 900;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  overflow: hidden;
}

.vwrap2 .videobox2 {
  z-index: 990;
  padding: 0 50px;
  width: 900px;
  height: 500px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -250px;
  margin-left: -500px;
}

.vwrap2 .videobox2 #videobox2 {
  width: 100%;
  display: inline-block;
  height: 100%;
  background: #fff;
}

#videobox_wrapper {
  height: 100% !important;
}

.vwrap2 .close2 {
  z-index: 999;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: -38px;
  right: -40px;
}

.vwrap2 .close2 i {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/close.png) no-repeat 50% 50%;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.vwrap2 .close2:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#videobox_display_button {
  background: none no-repeat !important;
}

.jwplayer .jwicon:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
  display: none !important;
}

#videobox_controlbar {
  bottom: 5% !important;
}

.tc-message2 .guest_box li .input {
  width: 408px;
}

.tc-message2 .guest_box2 li {
  width: 440px;
}

.tc-message2 .guest_box2 li.text_error {
  width: 100%;
}

.tc-message2 .guest_box li .textarea {
  width: 868px;
}

.tc-message2 {
  padding-top: 20px;
}

.tc-message2 .guest_box .submit {
  margin-top: 0px;
  background-color: #d53d3d;
  color: #fff;
  border: 0;
}

.tc-message2 .guest_box .submit:hover {
  background-color: #e60012;
  color: #fff;
  border: 0;
}

.tc-message2 h3 {
  font-size: 30px;
  color: #333;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}


.biaodan_con2 {
  padding: 0 18px;
  width: 164px;
}

.biaodan_con2 li {
  width: 100%;
}

.biaodan_con2 li .input {
  border: 1px solid #fff;
  width: 125px;
  padding-left: 35px;
  background-color: #fff;
}

.biaodan_con2 .submit {
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 5px;
  width: 100%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #fff;
  color: #fff;
  background: none;
  /* background-color: #fff; */
}




@media(max-width:1900px) {
  .banner .bannerbox li a>img {
    width: auto !important;
    height: 100% !important;
  }
}

@media(max-width:1800px) {

  .wzjs_main3 img {
    max-width: 100%;
  }

}

@media(max-width:1600px) {}

@media screen and (min-width:1590px) and (max-width:1690px) {
  .banner .bannerbox li video {
    width: auto;
    height: 100%;
  }

}

@media(max-width:1550px) {
  .head_top .logo img {
    height: auto;
    width: 182px;
  }

  .wrap {
    width: 1200px;
  }

  .content {
    margin-left: -600px;
  }

  .wrap1600 {
    width: 1200px;
  }

  .grzx_Vision_two_con2 {
    width: 600px;
  }

  .banner .flex-direction-nav {
    width: 1200px;
    margin-right: -600px;
  }

  .banner .bannerbox li a>img {
    width: 111% !important;
    left: 0 !important;
    height: auto !important;
  }

  .banner .bannerbox li video {
    width: 100% !important;
  }

  .banner {
    height: 653px !important;
  }

  .banner .bannerbox li {
    height: 110%;
  }

  .conlist li h3 {
    line-height: 60px;
    font-size: 40px;
  }

  .nei_banner_tit {
    width: 1200px;
    margin-left: -600px;
  }

  .grzx_culture li {
    background: url(../images/gswh_li_bg.png) no-repeat bottom center;
    background-size: 100% 93%;
  }

  .qwyx_h3 {
    font-size: 40px;
  }

  .grzx_Vision_one h5 {
    font-size: 24px;
  }

  .grzx_Vision_two_con h5 {
    font-size: 24px;
  }

  .grzx_Vision_three .main_pic {
    width: 50%;
  }

  .case_ul li .main_pic img {
    width: 100%;
  }

  .muble {
    right: 260px;
  }

  .shejigao p img {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1200px;
    width: 90%;
  }

  .head_top h4 {
    display: none;
  }

  .head_top .logo {
    background: none;
  }

  .counsel {
    top: 120px;
  }

  .muble {
    bottom: -164px;
  }







}

@media(max-width:1366px) {
  .banner .bannerbox li {
    height: 100% !important;
  }

  .banner {
    height: 520px !important;
  }

  .banner .bannerbox li video {
    width: 100% !important;
    height: auto !important;
  }

  .conlist li h3 {
    line-height: 50px;
    font-size: 30px;
  }

  .banner .flex-direction-nav li a {
    width: 80px;
    height: 60px;
  }

  .banner .flex-direction-nav li a.flex-prev {
    right: 80px;
    background: #fff url(../images/banner_jiantou.png) center no-repeat;
  }

  .banner .flex-direction-nav li a.flex-next {
    right: 0px;
    background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;
  }

  .banner .flex-direction-nav li a.flex-prev:hover {
    background: #fff url(../images/banner_jiantou.png) center no-repeat;
  }

  .banner .flex-direction-nav li a.flex-next:hover {
    background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;
  }

  .num {
    bottom: 0px;
  }

  .muble {
    width: 30px;
    right: 170px;
    height: 60px;
  }

  .grzx_grjj p {
    line-height: 25px;
  }

  .grzx_grjj h3 {
    padding-top: 35px;
  }

  .vwrap .videobox {
    height: 600px;
    margin-top: -300px;
  }

  .counsel {
    top: 50px;
  }






}

@media(max-width:1360px) {}

@media(max-width:1280px) {
  .banner {
    height: 526px !important;
  }

  .banner .bannerbox li video {
    width: 100% !important;
  }




}





@media screen and (max-width: 650px) {
  .banner {
    height: 345px !important;
  }

}



.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list {
  width: 336px !important;
}

.n-content .container .tab-wrap .item-contetn .v-html {
  line-height: 2rem !important;
  font-size: 14px;
  color: rgb(51, 51, 51);
}

.n-content .container .tab-wrap .item-contetn .v-html img {
  max-width: 100% !important;
}

.swiper-banner .swiper-slide a {
  display: block;
  transform: scale(1.05);
  opacity: 0;
  transition: all .75s;
}

.swiper-banner .swiper-slide.ani-slide a {
  transform: scale(1);
  opacity: 1;
}

#go-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #999 url(../images/top_icon.png) no-repeat center;
  cursor: pointer;
}

.navbox li.active .js>a {
  color: #3789D5;
}

.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main,
.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .img-main img {
  height: auto !important;
}

.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap {
  padding-left: 0 !important;
}

.n-content .container .tab-wrap .tab-item-wrap .tab-item-list .item-list .img-wrap img {
  width: 100% !important;
  height: auto !important;
}

.n-content .container .tab-wrap .tab-btn-wrap a.active,
.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list:hover .text-wrap {
  background: #3789D5 !important;
}

.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap h3 {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.n-content .container .tab-wrap .tab-list-wrap .tab-item-list .item-list .text-wrap p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*!autoprefixer: off*/
  -webkit-box-orient: vertical;
  /*autoprefixer: on*/
  -webkit-line-clamp: 3;
}