.both {clear: both;}
.t-ellipsis {word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.red {color: #fe002a;}
.gray { color: #999}
.yellow {color: #ff4f19}
.none ,.hide {display: none  !important;}
.show {display: block !important;}
.h10 {height: 10px;}.h20 {height: 20px;}.h30 {height: 30px;}.h40 {height: 40px;}.h50 {height: 50px;}.h60 {height: 60px;}.h80 {height: 80px;}.h100 {height: 100px;}
.white-bg  {padding: 0 20px; background-color: #fff;}
.m-left {float: left}
.m-right {float: right}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-weight: 500;line-height: 1.1;  color: inherit;}



.gsbg-btnbox {padding: 50px 0 20px; text-align: center; clear: both;}
.zt-btn { padding: 0 50px; min-width: 240px; height: 45px; line-height: 45px; font-size: 16px;color: #fff;  text-align: center; background-color: #cf2418; border-radius: 30px; display: inline-block;}
.zt-btn:hover {background-color: #e84649; color: #fff;transition: all .4s;}
.zt-wr { margin: 0 auto; width: 1200px;}
a:hover{ color: #e84649; /*color:#ff0000;*/ text-decoration:none;}

.gsbg-topheight { height: 426px;}
.gsbg-wrbg {width: 100%; min-width: 1200px; min-height:600px; background: #fff url("../jtzp/gsbg_bg1.jpg") no-repeat center top;  overflow: hidden}
.gsbg-wrbg2 {background: #e4f5ed }
.gsbg-title { padding: 50px 0 50px; font-size: 34px; /*! font-weight: bold; */ text-align: center; clear: both; overflow: hidden;}
.gsbg-title em{color: #CF2418;font-style: normal;padding:0 10px;}
.gsbg-title:before ,.gsbg-title:after{ margin:0 20px; content: " "; width: 93px; height: 31px;  display: inline-block; vertical-align: middle;}
.gsbg-title:before {background:url("../jtzp/gsbg_ico1.png") no-repeat left top;}
.gsbg-title:after {background:url("../jtzp/gsbg_ico2.png") no-repeat left top;}
.gsbg-title.mr10:after { margin: 0 10px;}
.gsbg-title.qianlu:before {background:url("../jtzp/gsbg_ico1s.png") no-repeat left top;}
.gsbg-title.qianlu:after {background:url("../jtzp/gsbg_ico2s.png") no-repeat left top;}

.gsbg-one { margin:0 auto; width: 1200px; height: 450px; clear: both;  background-color: #f2f1f2; position: relative}
.gsbg-one  .gleft {width: 277px; height:329px; position: absolute; left: 100px; top: 65px; z-index: 2}
.gsbg-one  .gleft a { width: 200px; height: 50px; line-height: 50px;background-color: #cf2418; font-size: 16px; color: #ffffff; text-align: center; border-radius: 30px;display: inline-block;position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%)}
.gsbg-one  .gleft a:hover { background-color: #e84649;color: #fff;}
.gsbg-one ul {width:681px; border-top: 1px  solid #e84649;border-left: 1px  solid #e84649; position:absolute; right: 100px; top: 65px; }
.gsbg-one ul li { width: 226px; height: 165px;border-right: 1px  solid #e84649;border-bottom: 1px  solid #e84649; float: left; position: relative; overflow: hidden}
.gsbg-one ul li p { padding: 0 10px 0 20px; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%)}
.gsbg-one ul li p .gimg { float: left;padding-top:20px;}
.gsbg-one ul li p .r { width: 120px; font-size: 13px; color: #999; float: right; display: inline-block;margin-right:20px;}
.gsbg-one ul li p .r em {padding: 20px 0 5px; font-size: 15px; color: #e84649; font-weight: bold; font-style: normal; display: block; }
.gsbg-one ul li .ga { height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: #cf2418; border-radius: 30px; position: absolute; left: 20px; right: 20px; bottom:-30px; z-index: 3; display: none;}
.gsbg-one ul li .ga:hover {background-color: #e84649;}
.gsbg-one ul li:hover p { top: 35%; animation:ztMove 0.25s  1  linear;}
.gsbg-one ul li:hover .ga  {bottom:20px; display: block;  animation:ztMove2 0.25s  1  linear;}
@keyframes ztMove{
    0% {top: 50%; opacity: 0; }
    100% {top: 35%;  opacity: 1;}
}
@keyframes ztMove2{
    0% {bottom:-30px;}
    100% {bottom:20px;  }
}
.gsbg-two {width: 100%; height:410px; background:  url("../jtzp/gsbg_bg3.png") no-repeat center top; position: relative;  overflow: hidden}
.gsbg-two h3 { padding-top: 80px; font-size: 14px; font-weight: normal; text-align: center; color: #366;}
.gsbg-two .item {width: 345px; height: 125px; position: absolute; left: 0; top:37px}
.gsbg-two .item .t {padding: 15px 0 15px 120px; font-size: 18px; font-weight:bold; display: block}
.gsbg-two .item span { padding: 0 40px 0 40px; line-height: 22px; display: block;}
.gsbg-two .item.r {left: auto; right: 0 ;  }

.gsbg-title2 { height: 68px; clear: both;}
.gsbg-title2 .t { height: 50px;  line-height: 50px; font-size: 18px;  color: #ffffff; background-color: #f2f2f2;   display: inline-block; }
.gsbg-title2 .t  h3 {padding: 0 40px;  height: 50px; line-height: 50px; background-color: #e84649; font-weight: normal; display: inline-block; transform: translate(30px,18px)}

.gborder { background-color: #f2f2f2; }
.gleftlist { width: 350px}
.gleftlist ul { padding: 10px 20px 10px 26px; min-height: 210px;}
.gleftlist ul li { margin: 22px 0; height: 30px; line-height: 30px; font-size: 15px; overflow: hidden}
.gleftlist ul li i { margin-right: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; font-style: normal; border-radius: 100%; background-color: #ec8611; color: #ffffff; display: inline-block;}

.grightlist { width: 800px}
.grightlist .gborder {padding: 10px 20px 10px 26px; min-height: 210px;}
.grightlist .gimg { padding: 35px 0 20px; text-align: center }
.grightlist ul { padding:0 0 0 35px; }
.grightlist ul li { margin: 0 0 0 4.2%; width: 20%; height: 30px; line-height: 24px; font-size: 14px; float: left}
.grightlist ul li i { width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #ffffff; font-style: normal; border-radius: 100%; background-color: #ec8611; display: inline-block; float: left;}
.grightlist ul li span { margin-left: 34px; display: block;}
.grightlist ul li.g4 { padding-left: 10px;}

.gsbg-three { clear: both; overflow: hidden;}
.gsbg-three .gleftlist { float: left;}
.gsbg-three .grightlist { float: right;}

.gsbg-five .gleftlist { float: right}
.gsbg-five .gleftlist ul li {margin:12px 0;  }
.gsbg-five .gf-left { float: left}
.gsbg-five .gf-left .gborder {padding: 45px 60px 0; width:638px; min-height: 281px;}
.gsbg-five .gf-left .gborder p {margin-bottom:20px; font-size: 15px; line-height: 30px;}

.gsbg-midbanner {margin: 60px 0 30px; width: 100%; min-width: 1200px; height: 280px; text-align: center; background: url("../jtzp/gsbg_b4.jpg") no-repeat center top; }
.gsbg-midbanner p { padding-top: 168px;}
.gsbg-midbanner p a {padding: 0 50px; height: 56px; line-height: 56px; border-radius: 50px;}

.gsbg-six .item {margin-top: 60px; height: 125px; position: relative }
.gsbg-six .item.gs1 { width: 560px; float: left}
.gsbg-six .item.gs2 { width: 560px; float: right;}
.gsbg-six .item.gs3 { width: 100%;}
.gsbg-six .item .t {width: 140px; height: 140px; text-align: center; background-color: #ffffff; border: 1px solid #cf2418; border-radius: 100%; position: absolute; left: 0; top: 1px; z-index: 2}
.gsbg-six .item .t span { padding: 45px 0 10px; font-size: 18px; font-weight: bold; color: #cf2418; display: block;}
.gsbg-six .item .t a { width: 74px; height: 20px; line-height: 20px; background-color: #cf2418; border-radius: 4px; color: #ffffff; font-size: 13px;  display: inline-block;}
.gsbg-six .item .t a:hover {background-color: #e84649; color: #fff}
.gsbg-six .item .cn { margin-left: 75px; padding: 20px 20px 0 110px; height: 125px; background-color: #f2f1f1; font-size: 15px; line-height: 28px;}

.gsbg-seven {clear: both; overflow: hidden}
.gsbg-seven ul li{ margin:60px 70px 0px 70px; width: 160px; height: 185px; background-color: #f2f2f2; box-shadow:-2px -2px 5px #ddd; text-align: center;  float: left; position: relative}
.gsbg-seven ul li:hover{-moz-box-shadow:0px 0px 6px #f26767; -webkit-box-shadow:0px 0px 6px #f26767;
 box-shadow:0px 0px 6px #f26767;transition:all .2s linear;transform: translate(0,-5px);}
.gsbg-seven ul li:last-child {margin-right: 0}
.gsbg-seven ul li img { margin-top: 30px;}
.gsbg-seven ul li p { padding-top: 16px; font-size: 15px; font-weight: bold; display: block}
.gsbg-seven ul li i {width: 80px; height:18px; display: inline-block;  background: url("../jtzp/gsbg_ico20.png") no-repeat center top; position: absolute; right: -96px; top: 46%; }
.gsbg-seven ul li:last-child i {display: none}

.gsbg-eight {width: 100%; height: 248px;  background: url("../jtzp/gsbg_ico30.png") no-repeat center top; clear: both;overflow: hidden}
.gsbg-eight ul li { margin-left: 100px; width: 265px; float: left; text-align: center}
.gsbg-eight ul li:last-child {margin-right: 0}
.gsbg-eight ul li p { padding-top: 142px;}
.gsbg-eight ul li span {font-size: 15px; font-weight: bold}
.gsbg-eight-text p { padding-top: 90px; font-size: 15px; font-size: 16px; color: #f90; text-align: center;}
.gsbg-eight-text .gsbg-btnbox { padding-top: 35px;margin-bottom:60px;}

.gsbg-nine {margin:0 auto; width: 1200px; clear: both;}
.gsbg-nine .item { width: 460px; height: 640px; background-color: #f2f2f2; border: 1px solid #e84649;  border-radius: 6px; position: relative;float:left;}
.gsbg-nine .item h3 {padding-top: 7px; width: 118px; height:86px; font-size: 18px; line-height: 28px; color: #ffffff; font-weight: bold; text-align: center; background:url("../jtzp/gsbg_ico3.png") no-repeat left top; position: absolute; left: -22px; top: 30px; z-index: 2}
.gsbg-nine .item ul { margin:130px 30px 0; padding: 10px 20px 10px; background-color: #fff; overflow: hidden}
.gsbg-nine .item ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #f3f4f6;}
.gsbg-nine .item ul li:last-child {border-bottom: none}
.gsbg-nine .item ul li:before {content: " "; width: 4px; height: 4px; margin:0 6px 3px 0; background-color: #1e364e; border-radius: 100%; display: inline-block;  }
.gsbg-nine .item ul p { padding: 15px 0 10px; line-height: 26px;}
.gsbg-nine .item ul p .p-t { color: #cf2418; font-weight: bold; display: block;}
.gsbg-nine .item ul p .ml12 { padding: 5px 0 0 24px; display: block;}
.gsbg-nine .item .gsbg-btnbox {  padding: 40px 0 20px;}
.gsbg-nine .item.m-left {margin-left: 140px}
.gsbg-nine .item.m-right { float:right;}
.gsbg-nine .item .t { width: 70%; position: absolute; right: 30px; top:35px; text-align: right; z-index: 2}
.gsbg-nine .item .t span { display: block; font-size: 50px; line-height: 60px; color: #dde1e5; opacity: 0.8; text-transform: Uppercase; letter-spacing: 2px}
.gsbg-nine .item .t  p{ color: #e84649; font-weight: bold; position: absolute; right: 0; top:65px; }


.tel{
  width: 950px;
  margin: 0 auto;
  height: 80px;
  
}
.tel .left{
  position: relative;
  padding-right: 20px;
  border-right: 1px solid #6e6e6e;
  width: 485px;
}
.tel .left:before{
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left:5px solid #6e6e6e;
}
.tel h3{
  font-size: 23px;
  font-weight: bold;
  color: #888;
}
.tel h4{
  font-size: 17px;
  color: #888;
}
.tel h5{
  font-size: 45px;
  color: #cf2418;
  font-weight: bold;
  font-style:italic;
  font-family: "arial";
}

.tel .right{
  float: right;
  margin-right:80px;
  margin-top:-50px;
 
}

.main5 .main5_con .tel .left:before{
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left:5px solid #6e6e6e;
}


/*搜索框*/
.xuanxiang{width:17%;font-size:18px;padding-left:15px;color:#333;height: 40px;border:none;}
.message{width:1250px;margin:0 auto;}
.gshm-bj{width:100%;background:#fff;padding-top:50px;padding-bottom:50px;margin-top:-10px;}
.gshm{margin:60px auto 10px;border-top:1px solid #e84649;border-radius: 10px;border-left:1px solid #e84649;}
.gshm form{height: 58px;background-color: #fff;border-bottom:1px solid #e84649;border-radius: 10px;border-right:1px solid #e84649;}
.gshm .sz{width: 20%;height: 59px;font-size:18px;background-color:#e84649; color:#fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.gshm .text{width: 15%;height: 40px;border-right: 1px solid #ddd;font-size:18px;padding-left:15px;color:#333;}
.gshm .sj{width: 25%;height: 40px;font-size:18px;padding-left:15px;color:#333;}
.gshm .chaxun{width: 18.934%;height: 59px;font-size:18px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;color:#fff;background-color: #e84649;cursor: pointer;}
.gshm-p p{text-align: center;margin-bottom:60px;font-size: 16px;color:#8c8c8c;}





