@charset "utf-8";
/*COMMON_BLK_START*/
/*AVAIBLE_VI
[
{"vicolor":"#E77B28","sub1color":"#000000"},
{"vicolor":"#01a08e","sub1color":"#ffb400"},
{"vicolor":"#1A2D27","sub1color":"#ABC327"},
{"vicolor":"#ffb400","sub1color":"#35c096"}
]
AVAIBLE_VI*/
.titicon{
  position: relative;
}
.titicon span{
  position: absolute;
  right: 22%;
  top: 0;
  display: block;
  background-image: url(../images/titdog.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 107px;
  background-size: 100%;
  transition: ease .65s;
}
.titicon span:hover{
  right: 19%;
}
.db {
  display: block;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.dn {
  display: none;
}
.oh {
  overflow: hidden;
}
.ohw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_pp {
  background-image: url('../images/ppbg.jpg');
  background-repeat: no-repeat;
     background-position: top;
    background-size: 100%;
  height: 725px;
  padding-top: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* margin-top: 36px; */
}
.g_pp dt {
  float: left;
  width: 600px;
  height: 528px;
}
.g_pp dt img {
  width: 600px;
     /*height: 468px;*/
  display: block;
}
.g_pp dd {
  float: right;
  width: 508px;
}
.g_pp dd a{
    font-size: 20px;
    float:right;
}
.g_pp dd h3 {
  position: relative;
  font-size: 28px;
  color: #a2a2a2;
  font-weight: 300;
  letter-spacing: 6px;
}
.g_pp dd h3 em {
  display: block;
  font-size: 36px;
  color: #000;
  font-weight: 800;
  letter-spacing: normal;
}
.g_pp dd h3:before {
  position: absolute;
  width: 44px;
  height: 3px;
  background: #a21c22;
  left: 0;
  top: 135px;
  content: "";
}
.g_pp dd p {
  font-size: 18px;
  line-height: 2.0;
  color: #545454;
  margin-top: 30px;
}
.g_hxjs {
  background-image: url('../images/jsysbg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1135px;
  height: 1135px;
  padding-top: 94px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_hxjs h2 {
  height: 110px;
  text-align: center;
  font-size: 48px;
  color: #171717;
  margin-bottom: 20px;
}
.g_hxjs h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_hxjs dl {
  float: left;
  width: 384px;
  height: 201px;
  position: relative;
  margin-right: 22px;
  margin-bottom: 20px;
}
.g_hxjs dl:nth-child(3n) {
  margin-right: 0;
}
.g_hxjs dl dt {
  width: 384px;
  height: 201px;
  overflow: hidden;
}
.g_hxjs dl dt img {
  width: 384px;
  height: 201px;
  display: block;
}
.g_hxjs dl dd {
  transition: all 0.3s linear 0s;
  position: absolute;
  width: 384px;
  height: 201px;
  left: 0;
  top: 0;
  padding-top: 49px;
}
.g_hxjs dl dd i {
  width: 77px;
  margin: 0 auto 15px;
  display: block;
}
.g_hxjs dl dd i img {
  width: 77px;
  height: 77px;
}
.g_hxjs dl dd h3 {
  font-size: 26px;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  color: #171717;
  overflow: hidden;
  text-align: center;
}
.g_hxjs dl dd p {
  display: none;
}
.g_hxjs dl:hover {
  background: #a21c22;
  height: 201px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.g_hxjs dl:hover dd {
  padding-top: 30px;
}
.g_hxjs dl:hover dt {
  display: none;
}
.g_hxjs dl:hover i {
  display: none;
}
.g_hxjs dl:hover h3 {
  color: #fff;
  margin-bottom: 10px;
}
.g_hxjs dl:hover p {
  display: block;
  color: #fff;
  padding: 0 25px;
  font-size: 14px;
  line-height: 20px;
}
.g_aqbz {
  background-image: url('../images/bzbg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  padding-bottom: 30px;
  padding-top: 50px;
}
.g_aqbz h2 {
  height: 156px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_aqbz h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_aqbz .m_bzc {
  height: 616px;
}
.g_aqbz .m_bzc ul {
  width: 425px;
  /*position: absolute;*/
  /*top: 161px;*/
  /*right: 340px;*/
  float: right;
}
.g_aqbz .m_bzc ul li {
  width: 167px;
  margin: 0px 18px 12px 0;
  transition: all 0.3s linear 0s;
  display: inline-block;
}
.g_aqbz .m_bzc ul li img {
  width: 100%;
  height: 123px;
  display: block;
  border-radius: 10px;
  position: relative;
  z-index: 155;
}
.g_aqbz .m_bzc ul li em {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  background: #a21c22;
  border-radius: 0 0 10px 10px;
  position: relative;
  top: -8px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  padding-top: 8px;
}
.g_aqbz .m_bzc ul li:hover {
  transform: translateX(-5px);
}
.m_bzd dl {
  position: relative;
  width: 586px;
  margin-right: 25px;
  float: left;
}
.m_bzd dl:nth-child(2) {
  margin-right: 0;
}
.m_bzd dl:before {
  content: "";
  position: absolute;
  width: 586px;
  height: 312px;
  background: #a21c22;
  border-radius: 10px;
  z-index: 0;
}
.m_bzd dl dt {
  position: absolute;
  z-index: 1111;
  right: 20px;
  top: 140px;
  width: 290px;
  height: 290px;
  overflow: hidden;
}
.m_bzd dl dt img {
  width: 290px;
  height: 290px;
  display: block;
  transition: all 0.3s linear 0s;
}
.m_bzd dl dd {
  position: relative;
  z-index: 111;
  padding: 40px 0 0 40px;
}
.m_bzd dl dd h3 {
  font-size: 36px;
  font-weight: normal;
  line-height: 52px;
  height: 52px;
  color: #fff;
  overflow: hidden;
  margin-bottom: 10px;
}
.m_bzd dl dd p {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.m_bzd dl dd span {
  display: block;
  margin-top: 24px;
  width: 110px;
  height: 110px;
}
.m_bzd dl:hover img {
  transform: scale(1.02);
}
.g_an {
  /* height: 866px; */
  padding-top: 90px;
}
.g_an h2 {
  height: 113px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_an h2 a {
  color: #171717;
}
.g_an h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_an .antit {
  height: 160px;
}
.g_an .antit dl {
  float: left;
  width: 200px;
  position: relative;
}
.g_an .antit dl:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 94px;
  background: #d1d1d1;
  right: 0;
  top: 16px;
}
.g_an .antit dl:nth-child(1):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 94px;
  background: #d1d1d1;
  left: 0;
  top: 16px;
}
.g_an .antit dl dt {
  width: 66px;
  height: 66px;
  margin: 0 auto;
  overflow: hidden;
}
.g_an .antit dl dt img {
  width: 132px;
  height: 66px;
  display: block;
  transition: all 0.3s linear 0s;
}
.g_an .antit dl h3 a {
  display: block;
  font-size: 22px;
  color: #171717;
  text-align: center;
  font-weight: normal;
}
.g_an .antit dl h3 em {
  display: block;
  font-size: 12px;
  color: #9e9d9d;
}
.g_an .antit dl:hover dt img {
  margin-left: -66px;
}
.g_an .antit dl:hover h3 a {
  color: #a21c22;
}
.m_anlst dl {
  float: left;
  width: 389px;
  margin-right: 16px;
}
.m_anlst dl:nth-child(3) {
  margin-right: 0;
}
.m_anlst dl dt {
  width: 389px;
  height: 292px;
  overflow: hidden;
}
.m_anlst dl dt img {
  width: 389px;
  height: 292px;
  display: block;
  border-radius: 0 0 10px 10px;
}
.m_anlst dl dd {
  transition: all 0.3s linear 0s;
  position: relative;
  border-radius: 10px 10px 0 0;
  background: #fff;
  padding: 38px 0 0 0;
  height: 218px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
}
.m_anlst dl dd h3 a {
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 46px;
  height: 46px;
  color: #333333;
  overflow: hidden;
  text-align: center;
}
.m_anlst dl dd p {
  font-size: 14px;
  line-height: 20px;
  color: #727272;
  padding: 0 36px;
  text-align: center;
}
.m_anlst dl dd span a {
  background: url(../images/anico1.png) no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  left: 182px;
  top: 240px;
}
.m_anlst dl:nth-child(2) dd {
  border-radius: 0 0 10px 10px;
}
.m_anlst dl:nth-child(2) dt img {
  border-radius: 10px 10px 0 0;
}
.m_anlst dl:nth-child(2) dd span a {
  top: -14px;
  background: url(../images/anico4.png) no-repeat;
}
.m_anlst dl:hover dd {
  background: #a21c22;
}
.m_anlst dl:hover dd span a {
  background: url(../images/anico3.png) no-repeat;
}
.m_anlst dl:hover h3 a {
  color: #fff;
}
.m_anlst dl:hover p {
  color: #fff;
}
.m_anlst dl:nth-child(2):hover dd span a {
  top: -14px;
  background: url(../images/anico2.png) no-repeat;
}

.g_gsys {
  width:100%;
  max-width: 1920px;
  min-width: 1200px;
  margin:30px auto 0;
  /* height: 1155px; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_gsys h2 {
  height: 120px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_gsys h2 a {
  color: #171717;
}
.g_gsys h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}


.g_gsys .yshd {
  height: 200px;
  position: absolute;left:50%;margin-left: -600px;width:1200px;z-index: 155;
  background: url(../images/ystitbg.jpg) no-repeat;
}
.g_gsys .yshd li {
  float: left;
  background: url(../images/ystab.png) no-repeat;
  width: 158px;
  height: 158px;
  margin-right: 185px;
  position: relative;
  padding-top: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 22px;
  color: #3c3c3c;
  text-align: center;
}
.g_gsys .yshd li:nth-child(4) {
  margin-right: 0;
}
.g_gsys .yshd li i {
  width: 84px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  transition: all 0.3s linear 0s;
}
.g_gsys .yshd li i img {
  width: 168px;
  height: 66px;
  display: block;
}
.g_gsys .yshd .on {
  background: #a21c22;
  border-radius: 50%;
  color: #fff;
}
.g_gsys .yshd .on i img {
  margin-left: -84px;
}
.g_gsys .yshd li:hover i {
  transform: rotate(360deg);
}

.ysc{height: 926px;margin-top: 84px;}


.g_gsys .yswz {
  height: 158px; padding-top: 707px;width:1200px;margin:0 auto;
  border-bottom: 4px solid #535353;
}




.g_gsys .yswz h4 {
  font-size: 30px;
  font-weight: normal;
  line-height: 56px;
  height: 56px;
  color: #3c3c3c;
  overflow: hidden;
  text-align: right;
}
.g_gsys .yswz li {
  position: relative;
  text-align: right;
  padding-right: 23px;
  font-size: 15px;
  color: #767676;
  height: 38px;
  line-height: 38px;
}



.g_gsys .yswz li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid #5a5a5a;
  border-radius: 50%;
  right: 0;
  top: 14px;
}
.g_gsys .ysc4 .yswz{height: 168px;}
.g_gsys .ysc4 .yswz li{height: 30px;
  line-height: 30px;}
.g_gsys .ysc4 li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #5a5a5a;
    border-radius: 50%;
    right: 0;
    top: 10px;
  }

  .tm_nr li {width:20%;float:left;position: relative;font-size:0;line-height: 0;transition: all 1s;}
  .tm_nr li em img {width:100%;}
  .tm_nr li p {width:35.41%;height:6.8rem;background: #fff100;text-align: center;position: absolute;top:5.85rem;left:32.29%;font-size:0.8rem;color: #2b2622;line-height:1.2rem;}
  .tm_nr li i {padding-top:28px;font-size:0;line-height: 0;display: block;margin-bottom:16px;}
  .tm_nr li span {position: absolute;bottom:0;left:0;display: block;width:100%;text-align: center;height: 50px;padding-top:14px;background:rgba(17,17,17,0.6);font-size:14px;color: #fff100;line-height: 20px;display: none}
  .tm_nr li:hover{z-index:9;margin:-1.65rem 0 0 -2%;box-shadow: 0 0 1rem #80796e;width:22%;}
  .tm_nr li:hover em img{}
  .tm_nr li:hover span {display: block;}
  .tm_nr li:hover p{display:none}
.tm_nr{
  margin-top: 30px;
  margin-bottom: 60px;
}





















.g_fszc {
  background-image: url('../images/zcbg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 912px;
  height: 912px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_fszc h2 {
  height: 120px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_fszc h2 a {
  color: #171717;
}
.g_fszc h2 b {
  color: #a21c22;
}
.g_fszc h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_fszc ul {
  height: 196px;
}
.g_fszc ul li {
  float: left;
  width: 222px;
  height: 156px;
  background: #a21c22;
  margin-right: 20px;
  padding-top: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 40px;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
.g_fszc ul li b {
  color: #a21c22;
  display: block;
}
.g_fszc ul li:nth-child(5) {
  margin-right: 0;
}
.g_fszc .zcbtn {
  margin-left: 367px;
}
.g_fszc .zcbtn a {
  display: block;
  float: left;
  width: 222px;
  height: 60px;
  line-height: 60px;
  background: #a21c22;
  text-align: center;
  margin-right: 20px;
  border-radius: 10px;
  color: #fff;
}
.g_fszc .zcbtn a:nth-child(2) {
  background: #a21c22;
  color: #171717;
}
.g_news {
  padding-top: 90px;
  height: 900px;
  background: #f1f1f1;
  margin-top: 60px;
}
.g_news h2 {
  height: 114px;
  text-align: center;
  font-size: 48px;
  color: #171717;
  margin-bottom: 60px;
}
.g_news h2 a {
  color: #171717;
}
.g_news h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_news .newlcon {
  background: #a21c22;
  width: 550px;
  height: 634px;
  padding: 26px 40px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.g_news .newleft {
  float: left;
  width: 550px;
}
.g_news .newleft h3 a {
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  color: #535854;
  overflow: hidden;
  margin-bottom: 18px;
}
.g_news .newleft .newlc dl {
  height: 555px;
}
.g_news .newleft .newlc dl dt {
  width: 465px;
  height: 366px;
  overflow: hidden;
}
.g_news .newleft .newlc dl dt img {
  width: 465px;
  /*height: 366px;*/
  display: block;
  transition: all 0.3s linear 0s;
}
.g_news .newleft .newlc dl h4 a {
  display: block;
  font-size: 24px;
  font-weight: normal;
  line-height: 46px;
  height: 46px;
  color: #fff;
  overflow: hidden;
}
.g_news .newleft .newlc dl p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 22px;
}
.g_news .newleft .newlc dl span a {
  display: block;
  width: 112px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  color: #a21c22;
  margin-bottom: 25px;
}
.g_news .newleft .newlc dl:hover dt img {
  transform: scale(1.1);
}
.g_news .newleft .newlhd {
  margin-left: 188px;
}
.g_news .newleft .newlhd li {
  float: left;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin-right: 10px;
}
.g_news .newleft .newlhd .on {
  background: #00cc00;
}
.g_news .newri {
  float: right;
  width: 600px;
}
.g_news .newri .newrhd {
  height: 40px;
  line-height: 40px;
  /*background: url(../images/wdline.png) no-repeat 116px 13px;*/
  margin-bottom: 17px;
}
.g_news .newri .newrhd li {
  float: left;
  width: 152px;
  font-size: 22px;
  color: #535854;
}
.g_news .newri .newrhd li a {
  color: #535854;
}
.g_news .newri .newrhd .on a {
  color: #a21c22;
}
.g_news .newri .newrbd dl {
  height: 144px;
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 20px;
}
.g_news .newri .newrbd dl dt {
  float: left;
  width: 200px;
  height: 130px;
  overflow: hidden;
}
.g_news .newri .newrbd dl dt img {
  width: 200px;
  /*height: 113px;*/
  display: block;
  transition: all 0.3s linear 0s;
}
.g_news .newri .newrbd dl dd {
  float: right;
  width: 380px;
}
.g_news .newri .newrbd dl dd h4 a {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  height: 30px;
  color: #404541;
  overflow: hidden;
}
.g_news .newri .newrbd dl dd h4 a:hover {
  color: #a21c22;
}
.g_news .newri .newrbd dl dd{
    margin-top: 10px;
}
.g_news .newri .newrbd dl dd p {
  font-size: 14px;
  line-height: 18px;
  color: #767676;
  margin-bottom: 12px;
  margin-top: 8px;
}
.g_news .newri .newrbd dl dd span {
  display: block;
  font-size: 14px;
  color: #767676;
}
.g_news .newri .newrbd dl:hover dt img {
  transform: scale(1.1);
}
.g_zj {
  background-image: url('../images/abbg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px 1097px;
  height: 1097px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 84px;
}
.g_zj h2 {
  height: 114px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_zj h2 a {
  color: #171717;
}
.g_zj h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_zj p {
  font-size: 15px;
  line-height: 24px;
  color: #555555;
  text-align: center;
}
.g_link {
  height: 84px;
}
.g_link h2 {
  float: left;
  width: 80px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.g_link h2 i {
  display: block;
}
.g_link .link_c {
  float: right;
  width: 1120px;
  line-height: 84px;
}
.g_link .link_c li {
  display: block;
  float: left;
  font-size: 14px;
  color: #333333;
  padding: 0 24px;
}
.g_link .link_c li a{display:inline-block;padding:0 25px;}
.g_link .link_c li a:hover {
  color: #a21c22;
}
.g_fl {padding-bottom: 40px;padding-top: 40px;}
.g_fl h2 {
  height: 114px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.g_fl h2 em{
  display:block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}
.g_fl h2 a {
  color: #171717;
  display: block;
}

.g_fl dl {
  height: 783px;
}
.g_fl dt {
  float: left;
  width: 974px;
  margin-left: -374px;
  overflow: hidden;
}
.g_fl dt img {
  transition: all 0.3s linear 0s;
}
.g_fl dd {
  float: right;
  width: 510px;
  padding-top: 62px;
}

.g_fl dd h3 a {
  display: inline-block;
  height: 92px;
  line-height: 92px;
  border-top: 5px solid #535353;
  border-bottom: 5px solid #535353;
  font-size: 50px;
  color: #272727;
  font-weight: bold;
  margin-bottom: 24px;
}
.g_fl p {
  font-size: 16px;
  line-height: 22px;
  color: #717171;
  margin-bottom: 12px;
}
.g_fl h4 {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #a21c22;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  width: 506px;
  margin-bottom: 48px;
}
.g_fl .u_ljt,
.g_fl .u_rjt {
  width: 67px;
  height: 50px;
  position: absolute;
}
.g_fl .u_ljt {
  background: url(../images/ljt.jpg) no-repeat;
  left: 532px;
  bottom: 0;
}
.g_fl .u_rjt {
  background: url(../images/rjt.jpg) no-repeat -67px 0;
  left: 599px;
  bottom: 0;
}

.g_cplst {
  position: absolute;
  right: 0;
  top: 517px;
}
.cplstc {
  width: 505px;
}
.g_cplst li {
  float: left;
  width: 243px;
  margin-right: 15px;
}
.g_cplst li i {
  overflow: hidden;
  width: 243px;
  height: 243px;
  display: block;
}
.g_cplst li i img {
  width: 243px;
  height: 243px;
  display: block;
  transition: all 0.3s linear 0s;
}
.g_cplst li:hover i img {
  transform: scale(1.05);
}
.g_cplst li em {
  display: block;
  width: 243px;
  margin-top: 5px;
  height: 52px;
  line-height: 52px;
  background: #f3f3f3;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #4b4b4b;
  font-weight: normal;
}
.g_cplst li:hover em {
  background: #a21c22;
  color: #fff;
}
/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.fa-spin {
  -webkit-animation: hvr-buzz-out 5s infinite linear;
  animation: hvr-buzz-out 5s infinite linear;
}
.fa-spin2 {
  -webkit-animation: fa-spin 30s infinite linear;
  animation: fa-spin 30s infinite linear;
}
.fa-shake {
  -webkit-animation: pulse 3s infinite linear;
  animation: pulse 3s infinite linear;
}
.fa-shake2 {
  -webkit-animation: pulse 11s infinite linear;
  animation: pulse 11s infinite linear;
}
.fa-bubble {
  -webkit-animation: bubble 3s infinite linear;
  animation: bubble 3s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    top: 0;
    left: 110px;
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: -36px;
    left: 20px;
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    top: 0;
    left: 110px;
  }
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: -36px;
    left: 20px;
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
html {
  font-size: 10px;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1366px) {
  html {
    font-size: 17px;
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 24px;
  }
}



/* index banner */
.banner .swiper-wrapper{
  /* 通过改变animation-timing-function 制作弹性切换效果 */
      transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  /* index banner */



  /* index pro */

  .lh-cusine-item {overflow: hidden;}

.lh-cusine-item li {
    width: 29.3%;
    padding: 40px 0 0 40px;
    float: left;
}

.lh-cusine-item li h2 {

    font-size: 16px;

    color: #333;

    margin-top: 15px;

    position: relative;

    padding: 0 5px;

    height: 20px;

    line-height: 20px;

}

.lh-cusine-item li h2 span {

    position: absolute;

    right: 5px;

    top: 0;

    font-size: 14px;

    color: #CDCDCD;

}

.lh-cusine-item li h2 em {

    margin-right: 10px;

    transition: ease .65s;

    opacity: 0;

    transform: translateX(-20px);

    display: inline-block;

}

.lh-cusine-item li h2 i {

    font-size: 18px;

    position: relative;

    top: 1px;

    transition: ease .65s;

}

.lh-cusine-item li h2 i:after {

    content: '';

    display: block;

    width: 1px;

    height: 20px;

    background: #CDCDCD;

    position: absolute;

    left: -5px;

    top: 0;

    transition: ease .65s;

}

.lh-cusine-item li h3 {

    padding: 0 5px;

    margin-top: 10px;

    line-height: 24px;

    color: #888;

    height: 48px;

    overflow: hidden;

}

.lh-cusine-item li a {

    display: block;

    position: relative;

    padding-bottom: 10px;

    border-bottom: 1px solid #DADADA;

}

.lh-cusine-item li .img {

transition: ease .65s;

height: 350px;

overflow: hidden;
}

.lh-cusine-item li .img img {
    width: 100%;
    display: block
}

.lh-cusine-item li a:after {

    content: '';

    display: block;

    width: 0;

    height: 1px;

    background: #51529f;

    position: absolute;

    left: 0;

    bottom: -1px;

    transition: ease .65s;

}

.lh-cusine-item li a:hover {

    box-shadow: 0 0 16px rgba(12, 3, 6, .26);

}

.lh-cusine-item li a:hover .img {

    transform: translate(10px, -10px);

    box-shadow: 0 0 16px rgba(12, 3, 6, .26);

}

.lh-cusine-item li a:hover:after {

    width: 100%;

}

.lh-cusine-item li a:hover em {

    opacity: 1;

    transform: translateX(0);

}

.lh-cusine-item li a:hover h2 i:after {

    height: 0;

    top: 50%;

    transition-delay: .25s;

}

.lh-cusine-item li a:hover h2 span {

    color: #51529f;

}


  /* index pro end*/






/* pro list */


.xypg-wrap {
  padding-bottom: 40px;
  padding-top: 40px;
}
.xypg-right{
  padding:10px;
  border:1px solid #ececec;
  border-radius: 4px;
  padding-top: 0;
}
.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  line-height: 62px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  background: #a21c22;
  font-weight: bold;
  margin: 0;
}

.xypg-left-con {
  border: 1px solid #ebebeb;
  padding: 15px;
}

.latest-news li {
  margin-top: 15px;
}

.latest-news li a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.latest-news li a:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}

.latest-news li a:hover {
  color: #a21c22;
  text-decoration: underline;
}

.latest-news li a:hover:before {
  background-color: #a21c22;
}

.hot-keys li {
  width: 47%;
  float: left;
  margin: 6px 0;
}

.hot-keys li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #666666;
  line-height: 36px;
  background: #ededed;
}

.hot-keys li a:hover {
  color: #a21c22;
  text-decoration: underline;
}

.hot-keys li:nth-child(even) {
  float: right;
}

.contact-box .hot-line {
  background: url(../images/xypg-right-phone.png) left 5px no-repeat;
  padding-left: 70px;
  margin-bottom: 15px;
}

.contact-box .hot-line h4 {
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  color: #666666;
}

.contact-box .hot-line p {
  font-size: 25px;
  font-family: Arial;
  font-weight: bold;
  color: #a21c22;
  margin-bottom: 0;
  margin: 0;
}

.contact-box .gs-name {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}

.contact-box .contact-info p {
  margin-bottom: 0;
  border-bottom: 1px dotted #b8b8b8;
  font-size: 14px;
  color: #333333;
  padding: 8px 0;
}

.contact-box .contact-info p:last-child {
  border-bottom: 0;
}

.xypg-right-mbx {
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  color: #666666;
  line-height: 2.5;
}

.xypg-right-mbx .cur-pos {
  display: inline-block;
  color: #333;
}

.xypg-right-mbx .cur-pos .iconfont {
  font-size: 25px;
  display: inline-block;
  height: 25px;
  color: #000;
  margin-right: 5px;
}

.xypg-right-mbx a {
  color: #666;
}

.xypg-right-mbx a:hover {
  color: #a21c22;
  text-decoration: underline;
}

@media (max-width: 992px) {
  .xypg-right-mbx {
      padding-top: 0;
  }
}

.xypg-right-content {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.xypg-right-content p img {
  max-width: 100%;
  width: 100%;
}

.navigation a {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei", Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0 5px;
  padding: 0 8px;
}

.navigation a.previous_page {
  float: left;
}

.navigation a.next_page {
  float: right;
}

.navigation a:hover {
  color: #fff;
  border-color: #a21c22;
  background: #a21c22;
}

.xypg-wrap .xymob-page-icon {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 9999;
}

.xypg-wrap .xymob-page-icon li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 1px;
  background: rgba(171, 0, 26, 0.7);
  cursor: pointer;
}

.xypg-wrap .xymob-page-icon li i {
  font-size: 20px;
  color: #fff;
}

@media (min-width: 992px) {
  .xypg-wrap .xymob-page-icon {
      display: none;
  }
}
.col-lg-3 {
  width: 23%;
  float: left;
  margin-right: 20px;
}
.col-lg-9 {
  width: 75%;
  float: left;
}

.product-detail-tab {
  margin-top: 50px;
}

.product-detail-tab .product-detail-tabli {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  height: 45px;
}

.product-detail-tab .product-detail-tabli li {
  float: left;
  width: 20%;
  line-height: 45px;
  margin-top: -1px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  background: #000;
  cursor: pointer;
}

.product-detail-tab .product-detail-tabli li:hover {
    background: #a21c22;
  color: #fff;
}

.product-detail-tab .product-detail-tabli li.on,
.product-detail-tab .product-detail-tabli li:visited,
.product-detail-tab .product-detail-tabli li:active {
    background: #a21c22;
  color: #fff;
}

.product-detail-tab .product-detail-tabcon {
  padding: 15px 0;
}

@media (max-width: 768px) {
  .product-detail-tab .product-detail-tabli {
      height: 40px;
  }
  .product-detail-tab .product-detail-tabli li {
      font-size: 14px;
      line-height: 40px;
  }
}

@media (max-width: 420px) {
  .product-detail-tab .product-detail-tabli {
      height: 40px;
  }
  .product-detail-tab .product-detail-tabli li {
      font-size: 12px;
      line-height: 40px;
  }
}

.product-detail-swiper {
  width: 399px;
  float: left;
}

.product-detail-swiper .view {
  border: 1px solid #e5e5e5;
}

.product-detail-swiper .view .swiper-slide {
  outline: none;
}

.product-detail-swiper .view .slick-con {
  text-align: center;
  display: block;
  height: 318px;
  line-height: 318px;
  font-size: 0;
}
.product-detail-swiper .view .slick-con:hover{
    cursor:pointer;
}

.product-detail-swiper .view .slick-con img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
#titxas{
  display:block;
  text-align: center;
  line-height: 3;
  color: #000;
  background: #fff;
}
.chakan{
  color:#ff0027;
}

.product-detail-swiper .view .slick-con:after {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product-detail-swiper .preview {
  margin: 0 -5px;
  position: relative;
  margin-top: 10px;
}

.product-detail-swiper .preview .swiper-slide {
  outline: none;
}

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {
  border-color: #a21c22;
}

.product-detail-swiper .preview .slick-con {
  text-align: center;
  display: block;
  height: 101px;
  line-height: 99px;
  margin: 0 5px;
  border: 1px solid #e1e1e1;
  font-size: 0;
}

.product-detail-swiper .preview .slick-con img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.product-detail-swiper .preview .slick-con:after {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product-detail-swiper .preview .arrow-left,
.product-detail-swiper .preview .arrow-right {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -25px;
  width: 20px;
  height: 50px;
  background: rgba(89, 89, 89, 0.8);
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
}

.product-detail-swiper .preview .arrow-left {
  left: 5px;
}

.product-detail-swiper .preview .arrow-right {
  right: 5px;
}

.xypg-left-nav>li {
  margin-bottom: 12px;
  position: relative;
}

.xypg-left-nav>li>a {
  display: block;
  text-indent: 27px;
  font-size: 14px;
  color: #666666;
  position: relative;
  line-height: 40px;
  border: 1px solid #e4e4e4;
  padding-right: 15%;
}

.xypg-left-nav>li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #d1d1d1 url(../images/xypg-left-jt.png) 0 -15px no-repeat;
  right: 10%;
  top: 13px;
}

.xypg-left-nav>li .first-nav-btn.clicked {
  background: #a21c22 url(../images/xypg-left-jt.png) 0 1px no-repeat;
}

.xypg-left-nav>li:last-child {
  margin-bottom: 0;
}

.xypg-left-nav>li:hover>a,
.xypg-left-nav>li.clicked>a {
  color: #a21c22;
}

.xypg-left-nav>li:hover .first-nav-btn,
.xypg-left-nav>li.clicked .first-nav-btn {
  background-color: #a21c22;
}

.xypg-left-nav .xypg-left-subnav {
  display: none;
  margin-top: 10px;
}

.xypg-left-nav .xypg-left-subnav>li>a {
  display: block;
  line-height: 35px;
  color: #666666;
  font-size: 14px;
  padding-left: 15%;
  padding-right: 5%;
}

.xypg-left-nav .xypg-left-subnav>li>a:before {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #d4d4d4;
  border-right: none;
  vertical-align: 5px;
  margin-right: 10px;
}

.xypg-left-nav .xypg-left-subnav>li>a:hover {
  color: #a21c22;
}

.xypg-left-nav .xypg-left-subnav>li>a:hover:before {
  border-left-color: #a21c22;
}

.xypg-left-nav .xypg-left-subnav>li.hover>a:before {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: solid dashed dashed dashed;
  border-color: #a21c22 transparent transparent transparent;
  border-bottom: none;
  vertical-align: middle;
  margin-right: 5px;
}

.xypg-left-nav .xypg-left-threenav {
  display: none;
}

.xypg-left-nav .xypg-left-threenav>li>a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  padding-left: calc(15% + 15px);
  padding-right: 5%;
}

.xypg-left-nav .xypg-left-threenav>li>a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 2px;
  background: #d4d4d4;
  margin-right: 5px;
}

.xypg-left-nav .xypg-left-threenav>li>a:hover {
  color: #a21c22;
}

@media (max-width: 990px) {
  .xypg-left-nav .xypg-left-threenav {
      display: block;
  }
}


/*产品列表页样式*/

.xypg-pro-description {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 15px;
  text-indent: 2em;
}

.xypg-product-list {
  margin: 0 -1%;
  font-size: 0;
}

.xypg-product-list li {
  display: inline-block;
  vertical-align: bottom;
  /* width: 31.333%; */
  margin: 0 1% 20px 1%;
}

.xypg-product-list li .img {
  display: block;
  overflow: hidden;
  width: 266px;
  height: 209px;
  border: 1px solid #dbdbdb;
  /* border-bottom: 0; */
}

.xypg-product-list li .img img {
  max-width: 100%;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

.xypg-product-list li .img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.xypg-product-list li h3 {
  font: 500 14px/28px "Microsoft YaHei";
  font-weight: normal;
  /* margin: 15px 0 0 0; */
  border: 1px solid #ccc;
  border-top: 0;
}

.xypg-product-list li h3 a {
  color: #666;
  display: block;
  text-align: center;
  line-height: 2.8;
}

.xypg-product-list li h3 a:hover {
  color: #a21c22;
}

.xypg-product-list li:hover .img {
  border: 1px solid #a21c22;
}
.product-detail-list {
  width: calc(100% - 440px);
  padding-top: 20px;
  float: right;
}

.product-detail-list h1 {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 65px;
}

.product-detail-list .product-detail-item li {
  border-top: 1px solid #eee;
  padding: 25px 0;
  font-size: 18px;
  color: #333333;
}

.product-detail-list .product-detail-item li span {
  font-size: 14px;
  color: #666666;
}

.product-detail-list .product-detail-inquiry {
  margin-bottom: 20px;
}

.product-detail-list .product-detail-inquiry a {
  display: inline-block;
  width: 80%;
  line-height: 60px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background: #a21c22;
  border-radius: 2px;
}

.product-detail-list .product-detail-inquiry a i {
  font-size: 20px;
  line-height: 0;
  vertical-align: -2px;
  margin-right: 5px;
}

.product-detail-list .service-number {
  font-size: 14px;
  color: #333333;
}

.product-detail-list .service-number span {
  font-size: 25px;
  color: #a21c22;
}
/*.product-detail-tab .product-detail-tabli li.on,*/
/*.product-detail-tab .product-detail-tabli li:visited,*/
/*.product-detail-tab .product-detail-tabli li:active {*/
/*  background: #333333;*/
/*  color: #fff;*/
/*}*/

.xypg-relate {
  margin-top: 50px;
}

.xypg-relate .relate-title {
  background: #a21c22;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  padding-left: 25px;
  margin-bottom: 20px;
}

.relate-product-slick {
  padding: 0 5%;
  position: relative;
}

.relate-product-slick .slick-arrow {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  outline: none;
  border: none;
  font-size: 0;
}

.relate-product-slick .slick-arrow.slick-prev {
  left: 0;
  background: url(../images/xypg-relate-pro-ljt.png) center no-repeat;
}

.relate-product-slick .slick-arrow.slick-next {
  right: 0;
  background: url(../images/xypg-relate-pro-rjt.png) center no-repeat;
}

.relate-product-slick .slick-list {
  margin: 0 -7px;
}

.relate-product-slick .slick-slide {
  outline: none;
}

.relate-product-slick .slick-slide img {
  display: inline-block;
  width: 100%;
}

.relate-product-slick .slick-con {
  padding: 0 7px;
}
.relate-product-slick .slick-con h3{
  color:#666;
  font-size:14px;
  text-align: center;
  line-height: 40px;
}
.relate-product-slick .slick-con h3:hover{
  color: #a21c22;
}
.xypg-relate .relate-news {
  margin-top: 40px;
}

.relate-news-list li {
  float: left;
  width: 48%;
  position: relative;
  line-height: 30px;
  font-size: 14px;
  color: #666666;
}

.relate-news-list li:nth-child(even) {
  float: right;
}

.relate-news-list li a {
  display: block;
  padding-right: 30%;
  color: #666666;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.relate-news-list li a:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
}

.relate-news-list li span {
  position: absolute;
  right: 0;
  top: 0;
}

.relate-news-list li:hover a {
  color: #a21c22;
}

.relate-news-list li:hover a:before {
  background-color: #a21c22;
}

.relate-news-list li:hover span {
  color: #a21c22;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
/* pro list end*/

/* productview */
.cplb-3n-ts-03-list{
    margin-top: 10px;    
}
.cplb-3n-ts-03-list dl {
  width: 48%;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  background: #fff;
  float: left;
  margin-right: 1.2%;
}
.cplb-3n-ts-03-list .pro_dt_img{
   /*height: 420px;*/
   line-height: 420px;
}
.cplb-3n-ts-03-list dl:nth-child(even) {
 float: right;
}

.cplb-3n-ts-03-list dt img {
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.cplb-3n-ts-03-list dt>a{
      width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.cplb-3n-ts-03-list dd {margin: 0;}

.cplb-3n-ts-03-list dd h4 {
  font-weight: normal;
  font-size: 18px;
  color: #154c64;
  overflow: hidden;
  margin: 0;
}

.cplb-3n-ts-03-list h4 a {
  display: block;
  color: #727272;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 3.5;
}

.cplb-3n-ts-03-list dl:hover h4 a {
  color:  #a21c22;
}

.cplb-3n-ts-03-list-desc {
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin-bottom: 12px;
  overflow: hidden;
}

.cplb-3n-ts-03-list-deta {
  width: 100px;
  height: 40px;
  display: inline-block;
  border: 1px solid #aaa;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
}

.cplb-3n-ts-03-list dl:hover {
  border-color:  #a21c22;
}

.cplb-3n-ts-03-list dl:hover a {
  color:  #a21c22;
}
.cplb-3n-ts-03-list{
  overflow: hidden;
}


.pro_video,.pro_img{
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 888888;
      display: flex;
    justify-content: center;
    align-items: center;
}
.body_ov{
    overflow: hidden;
}

.pro_video .videoc,.pro_img .videoc{
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    width: 40px;
    height: 40px;
   background-image: url(../images/videoc.png);
   background-repeat: repeat;
   background-size: 100%;
        right: -17px;
    top: -17px;
    z-index: 8888;
}
.pro_video .mask,.pro_img .mask{
    background-image: url(../images/vbc.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  
}

.vd{
    position: relative;
}
.pro_video .vc,.pro_img .vc{
    max-width: 640px;
    margin: 0 auto;
    display: block;
    max-height: 600px;
    background-color: #000;
    position: relative;
    z-index: 8888;
}
/* productview end*/



/* news_list */

.p14-infolist-1-list dl {
  border: 1px solid #dedede;
  margin-bottom: 15px;
  padding: 22px 50px 22px 22px;
  background: #fff;
  overflow: hidden;
}

.p14-infolist-1-list dt {
  width: 29.5%;
  float: left;
  margin-right: 5.8%;
}

.p14-infolist-1-list dt img {
  width: 100%;
  display: block;
}

.p14-infolist-1-list dd h4 {
  height: 40px;
  font-weight: normal;
  font-size: 18px;
  color: #154c64;
  line-height: 40px;
  margin-bottom: 5px;
  overflow: hidden;
}

.p14-infolist-1-list h4 a {
  display: block;
  height: 40px;
  color: #4b4a4a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p14-infolist-1-list dl:hover {
  border: 1px solid #454545;
}

.p14-infolist-1-list dl:hover h4 a {
  color: #454545;
}

.p14-infolist-1-list-desc {
  max-height: 72px;
  font-size: 14px;
  line-height: 24px;
  color: #797979;
  margin-bottom: 28px;
  overflow: hidden;
}

.p14-infolist-1-list-deta {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  float: right;
  background: #b6b6b6;
  color: #fff;
}

.p14-infolist-1-list-deta a {
  color: #fff;
}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {
  background: #454545;
  border-color: #454545;
}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {
  color: #fff;
}


.showNews {width: 100%;/* padding-top: 50px; *//* padding-bottom: 30px; */}

.showNews .title {

font-size: 24px;

color: #333333;

text-align: center;

margin: 10px 0 22px;

font-weight: bold;

}

.showNews .mark {

color: #999999;

height: 38px;

line-height: 38px;

text-align: center;

margin-bottom: 20px;

border-top: 1px dashed #e5e5e5;

border-bottom: 1px dashed #e5e5e5;

}

.showNews .mark span {

margin: 0 10px;

}
#pd1 h1.title {
 
border-bottom:none;
 
text-align: center;
 
font-size: 24px;
 
line-height: 3.8;
}

.xypg-wrap .row{
  overflow: hidden;
}
/* news_list end*/





/* aboutus album */
.album {
  margin-top:30px;
}
.dut {overflow: hidden;}

.dut li {
  float: left;
  width: 17%;
  margin-bottom: 10px;
  margin-right: 20px;
}

.dut li:nth-child(4n) {
  margin-right: 0;
}

.dut li img {
  border-radius: 15px;
  /* position: relative; */
  z-index: 100;
  width: 100%;
   transition:all 1s;
}

.dut li p {
  background: #a21c22;
  margin: 0;
  height: 50px;
  line-height: 50px;
  top: -11px;
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.dut li .ov_img{

height: 200px;

overflow: hidden;
}
.dut li:hover img{
   transform:scale(1.1);
   cursor: pointer;
}

/* aboutus album */


/*news*/
.news{padding: 40px 0;background: #efefef;}
.news h2{margin-bottom: 29px;}
.news h3{height: 58px;border-bottom: 1px solid #a7a7a7;margin-bottom: 20px;font-weight: normal;}
.news h3 span a{float: left;width: 116px;padding-left: 56px;height: 58px;line-height: 58px;font-size: 22px;color: #191a1c;margin-right: 34px;}
.news h3 span a:nth-child(1){background: url(../images/new_ic1.png) no-repeat 15px center;}
.news h3 span a:nth-child(2){background: url(../images/new_ic2.png) no-repeat 15px center;}
.news h3 .more{float: right;font-size: 20px;color: #191a1c;line-height: 58px;text-transform: uppercase;}
.news h3 span a.on{background-color: #f1c500;}
.new_con dl{float: left;width: 534px;height: 392px;position: relative;overflow: hidden;}
.new_con dt img{width: 534px;/* height: 534px; */transition: all 0.5s;text-align: center;}
.new_con dt:hover img{transform: scale(1.05);}
.new_con dd{position: absolute;width: 100%;left: 0;bottom: 0;height: 135px;padding: 22px 30px 0;box-sizing: border-box;background: rgba(0,0,0,0.4);}
.new_con dd h4{font-size: 18px;color: #f1c500;line-height: 26px;background: url(../images/new_jt.png) no-repeat right center;margin-bottom: 10px;}
.new_con dd h4 a{color: #f1c500;}
.new_con dd p{font-size: 14px;color: #fff;line-height: 24px;}
.new_con ul{float: right;width: 640px;}
.new_con li{padding: 6px;border-bottom: 1px solid #b8b8b8;width: 100%;padding-right: 35px;margin-right: -35px;overflow: hidden;}
.new_con li i{float: left;width: 70px;padding-right: 30px;text-align: center;font-size: 14px;color: #2e2e2e;line-height: 24px;font-family: Arial;}
.new_con li i em{display: block;font-size: 60px;line-height: 60px;color: #272727;}
.new_con li p{float: left;width: 500px;margin-top:10px}
.new_con li p a{display: block;font-size: 18px;color: #272727;font-weight: bold;line-height: 28px;margin-bottom: 7px;}
.new_con li p span{display: block;font-size: 14px;color: #666;line-height: 26px;}
.new_con li p a:hover{color: #910800;}
.news {
  /* height: 866px; */
  padding-top: 90px;
}
.news h2 {
  height: 113px;
  text-align: center;
  font-size: 48px;
  color: #171717;
}
.news h2 a {
  color: #171717;
}
.news h2 em {
  display: block;
  font-size: 22px;
  color: #555555;
  font-weight: normal;
}