* {
  margin: 0;
  padding: 0;
}
/* css common */
.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
i {
  font-style: italic;
}
.clearfix {
  *zoom: 1;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.x_bj {
  background: #f1f1f1;
}
.x_border_top {
  border-top: 1px solid #ededed;
  padding-top: 15px;
}
.x_border_top .x_js_top {
  display: block;
  margin: 0 auto;
  width: 928px;
  height: 62px;
  background: url("../images/free1.jpg") no-repeat;
}
.x_border_top .x_js_top p {
  padding: 12px 51px;
  letter-spacing: 2px;
  color: #d61a11;
  font-weight: bold;
  font-size: 29px;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #fff;
}
.x_border_top .x_js_top .x_zx_btn {
  display: block;
  width: 175px;
  height: 35px;
  text-align: center;
  margin: 14px 52px;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  font-weight: bold;
  line-height: 35px;
  -webkit-text-shadow: 0 0 3px #a9a9a9;
  -moz-text-shadow: 0 0 3px #a9a9a9;
  -o-text-shadow: 0 0 3px #a9a9a9;
  text-shadow: 0 0 3px #a9a9a9;
}
.x_border_top .x_js_content {
  padding: 75px 0 0 20px;
  width: 959px;
  margin: 0 auto;
  height: 300px;
  background: url("../images/jw01.jpg");
}
.x_border_top .x_js_content h4 {
  color: #4b4746;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
}
.x_border_top .x_js_content h5 {
  color: #fe6610;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 400;
}
.x_border_top .x_js_content p {
  font-size: 24px;
  line-height: 1.8;
  font-family: "楷体";
}
.x_border_top .x_js_yx {
  background: url("../images/jw02.png") no-repeat;
  height: 375px;
  width: 966px;
  margin: 0 auto;
}
.x_border_top .x_js_yx .x_js_yx_con {
  padding: 55px 0 0 534px;
}
.x_border_top .x_js_yx .x_js_yx_con h5 {
  color: #4b4746;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 400;
}
.x_border_top .x_js_yx .x_js_yx_con h5 font {
  color: #fe6610;
}
.x_border_top .x_js_yx .x_js_yx_con p {
  font-size: 24px;
  line-height: 1.6;
  font-family: "楷体";
}
.x_border_top .x_js_yx_team {
  background: url("../images/jw03.png") no-repeat;
  height: 317px;
  width: 1008px;
  margin: 25px auto 0;
}
.x_border_top .x_js_yx_team h5 {
  color: #4b4746;
  font-size: 36px;
  line-height: 1.3;
  font-weight: 400;
}
.x_border_top .x_js_yx_team h5 font {
  color: #fe6610;
}
.x_border_top .x_js_yx_team p {
  font-size: 24px;
  line-height: 1.8;
  font-family: "楷体";
}
.con {
  width: 1200px;
  margin: 0 auto;
}
ul,
li,
ol {
  list-style: none;
}
.x_xd_cn {
  width: 1041px;
  background: url("../images/tu4.png");
  overflow: hidden;
  height: 266px;
  margin: 0 auto;
}
.x_xd_cn p {
  margin: 70px 0 0 430px;
  width: 552px;
  font-size: 24px;
  line-height: 1.6;
  font-family: "楷体";
}
.x_xd_fw {
  width: 1008px;
  background: url("../images/yyti.png");
  overflow: hidden;
  height: 579px;
  margin: 0 auto;
}
.x_xd_fw > p {
  font-size: 28px;
  color: #2c2721;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 196px 0 0 249px;
}
.x_xd_fw .x_xd_fw_list {
  width: 666px;
  margin: 25px 0 0 316px;
}
.x_xd_fw .x_xd_fw_list li {
  width: 270px;
  list-style: none;
  float: left;
  background: url(../images/x_icon.png) no-repeat left top 4px;
  padding-left: 28px;
  margin-bottom: 9px;
}
.x_xd_fw .x_xd_fw_list li h5 {
  font-size: 20px;
  color: #cd1714;
  margin-bottom: 7px;
}
.x_xd_fw .x_xd_fw_list li p {
  color: #333333;
  font-size: 13px;
  -webkit-text-shadow: 0 0 1px #a9a9a9;
  -moz-text-shadow: 0 0 1px #a9a9a9;
  -o-text-shadow: 0 0 1px #a9a9a9;
  text-shadow: 0 0 1px #a9a9a9;
  line-height: 1.7;
  font-family: "宋体";
  -webkit-text-stroke-width: 0.02px;
  -webkit-text-stroke-color: #fff;
}
.x_xd_fw .x_xd_fw_list li + li {
  width: 326px;
}
.x_xd_fw .x_xd_fw_list li + li + li {
  width: 270px;
}
.x_xd_fw .x_xd_fw_list li + li {
  width: 326px;
}
.x_xd_sx_top {
  width: 1008px;
  margin: 0 auto;
}
.x_xd_sx {
  width: 920px;
  margin: 0 auto;
  background: url("../images/list3.jpg");
  height: 318px;
}
.x_xd_sx li {
  float: left;
  width: 128px;
  padding: 59px 26px;
}
.x_xd_sx li h5 {
  font-size: 52px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 125px;
  height: 74px;
  margin-bottom: 19px;
}
.x_xd_sx li p {
  font-size: 17px;
  color: #000;
  line-height: 1.9;
  width: 120px;
  margin: 0 auto;
}
.x_xd_sx li p span {
  color: #c9111b;
}
.x_xd_sx li + li {
  width: 123px;
  padding: 59px 36px;
}
.x_xd_sx li + li + li {
  width: 125px;
  padding: 59px 31px;
}
.x_xd_sx li + li + li p {
  width: 138px;
  margin-left: -5px;
}
.x_xd_sx li + li + li + li {
  width: 126px;
}
.x_xd_sx li + li + li + li p {
  width: 153px;
  margin-left: -4px;
}
.x_xd_sx li + li + li + li + li {
  width: 124px;
  padding: 59px 23px;
}
.x_xd_ly {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  color: #c91713;
  font-size: 47px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 50px;
  background: url("../images/tl_s.jpg") no-repeat bottom center;
}
.x_xd_ly img {
  vertical-align: middle;
}
.x_xd_news {
  width: 960px;
  margin: 0 auto;
  background: url("../images/exp_01.jpg") no-repeat;
  height: 350px;
  padding-top: 68px;
}
.x_xd_news li {
  float: left;
  display: inline-block;
  width: 460px;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 30px;
  margin-left: 459px;
  border-bottom: 1px dashed #ccc;
  padding: 7px 0;
}
.x_xd_news li b {
  float: left;
  color: #cd1616;
  font-size: 22px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 15px 0 0;
}
.x_xd_tc {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  color: #c91713;
  font-size: 47px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 50px;
  background: url("../images/tl_s.jpg") no-repeat bottom center;
}
.x_xd_tc_list {
  width: 1050px;
  margin: 0 auto;
}
.x_xd_tc_list li {
  float: left;
  display: inline;
  width: 505px;
  height: 121px;
  min-height: 182px;
  border-bottom: 1px dashed #d7d7d7;
}
.x_xd_tc_list li + li + li {
  border-bottom: none;
}
.x_xd_tc_list li + li + li + li {
  border-bottom: none;
}
.x_xd_tc_list li img {
  float: left;
}
.x_xd_tc_list li .x_xd_tc_list_text {
  padding-left: 162px;
  padding-top: 26px;
}
.x_xd_tc_list li .x_xd_tc_list_text h5 {
  font-size: 20px;
  color: #ef8500;
}
.x_xd_tc_list li .x_xd_tc_list_text h5 i {
  color: #fa0100;
}
.x_xd_tc_list li .x_xd_tc_list_text h5 i font {
  font-size: 34px;
  font-family: MV Boli;
}
.x_xd_tc_list li .x_xd_tc_list_text p {
  background: url("../images/cir_span.gif") no-repeat left center;
  line-height: 22px;
  color: #3c3c3c;
  font-size: 13px;
  padding: 0 0 5px 15px;
  width: 324px;
}
.x_xd_syt {
  width: 1100px;
  height: 590px;
  margin: 100px auto 50px;
}
.x_xd_syt .x_xd_syt_con {
  width: 565px;
  height: 576px;
  margin: 0 auto;
  position: relative;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_dq {
  position: absolute;
  top: 5px;
  left: 0;
  width: 565px;
  height: 565px;
  margin: 0 auto;
  border: solid 1px #9d9d9d;
  border-radius: 50%;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_dq.on {
  -webkit-animation: spin 8s linear infinite;
  animation: spin 8s linear infinite;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_dq.on:after {
  display: block;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_dq:after {
  display: none;
  content: "";
  top: 86px;
  left: 63px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #9d9d9d;
  transform: rotate(31deg);
  z-index: 3;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_xq {
  position: absolute;
  top: 107px;
  left: 100px;
  width: 365px;
  height: 365px;
  margin: 0 auto;
  border: solid 1px #9d9d9d;
  border-radius: 50%;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_xq.on {
  -webkit-animation: spina 6s linear;
  animation: spina 6s linear;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_xq.on:after {
  display: block;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_xq:after {
  display: none;
  content: "";
  top: -5px;
  left: 165px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #9d9d9d;
  transform: rotate(93deg);
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_text {
  position: absolute;
  top: 261px;
  left: 0;
  width: 100%;
  text-align: center;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_text h5 {
  font-weight: normal;
  font-size: 35px;
  color: #414141;
  letter-spacing: 1px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_text p {
  font-size: 20px;
  line-height: 2;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list {
  width: 565px;
  height: 576px;
  margin: 0 auto;
  position: relative;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list li p {
  font-size: 18px;
  color: #444444;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list li span {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #7f7f7f;
  color: #fff;
  line-height: 22px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: background ease 0.5s;
  -moz-transition: background ease 0.5s;
  -ms-transition: background ease 0.5s;
  transition: background ease 0.5s;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list li.on p {
  color: #e83935;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list li.on span {
  background: #e83935;
  color: #fff;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li1 {
  position: absolute;
  top: 75px;
  left: -23px;
  width: 112px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li1 span {
  position: absolute;
  top: 10px;
  right: 2px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li2 {
  position: absolute;
  top: 449px;
  left: -56px;
  width: 124px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li2 span {
  position: absolute;
  top: 2px;
  right: 0;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li3 {
  position: absolute;
  top: 449px;
  left: 496px;
  width: 124px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li3 span {
  position: absolute;
  top: 2px;
  left: 0;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li3 p {
  position: absolute;
  top: 0;
  right: 0;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li4 {
  position: absolute;
  top: 75px;
  left: 476px;
  width: 128px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li4 span {
  position: absolute;
  top: 10px;
  left: 2px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li4 p {
  position: absolute;
  top: 0;
  right: 0;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li5 {
  position: absolute;
  top: 68px;
  left: 248px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li5 span {
  position: absolute;
  top: 28px;
  left: 23px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li6 {
  position: absolute;
  top: 309px;
  left: 27px;
  width: 89px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li6 span {
  position: absolute;
  top: -28px;
  right: 3px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li7 {
  position: absolute;
  top: 490px;
  left: 279px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li7 span {
  position: absolute;
  top: -29px;
  left: -7px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li8 {
  position: absolute;
  top: 315px;
  left: 470px;
}
.x_xd_syt .x_xd_syt_con .x_xd_syt_list .x_xd_syt_list_li8 span {
  position: absolute;
  top: -33px;
  left: -14px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes spina {
  0% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.x_xcx_con_banner img {
  max-width: 100%;
}
.x_xcx_ct {
  margin: 48px auto 44px;
}
.x_xcx_ct .x_xcx_ct_right {
  width: 842px;
}
.x_xcx_ct .x_xcx_ct_right li {
  float: left;
  width: 364px;
  padding: 42px 0 32px 52px;
  border-bottom: solid 1px #f0f0f1;
  border-left: solid 1px #f0f0f1;
  transition: all 1.5s;
}
.x_xcx_ct .x_xcx_ct_right li + li + li,
.x_xcx_ct .x_xcx_ct_right li + li + li + li {
  border-bottom: none;
}
.x_xcx_ct .x_xcx_ct_right li:hover span {
  color: #da0010;
}
.x_xcx_ct .x_xcx_ct_right li:hover p {
  color: #da0010;
}
.x_xcx_ct .x_xcx_ct_right li span {
  transition: all 1s;
  float: left;
  font-family: Impact;
  font-size: 45px;
  color: #666666;
  padding-right: 28px;
  background: url("../images/x_xcx_xian.png") no-repeat right center;
}
.x_xcx_ct .x_xcx_ct_right li span i {
  font-family: "Microsoft YaHei";
}
.x_xcx_ct .x_xcx_ct_right li p {
  transition: all 1s;
  font-family: Microsoft JhengHei;
  font-size: 17px;
  color: #413e49;
  padding-left: 87px;
  line-height: 1.8;
}
.x_xcx_ys {
  background: url("../images/x_xcx_hxbj.png") no-repeat;
  height: 714px;
}
.x_xcx_ys .con .x_xcx_ys_title h3 {
  padding-top: 76px;
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.x_xcx_ys .con .x_xcx_ys_title h5 {
  line-height: 2.6;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.x_xcx_ys .con .x_xcx_ys_title i {
  display: block;
  margin: 12px auto 0;
  width: 62px;
  height: 4px;
  background: #fff;
}
.x_xcx_ys .con .x_xcx_ys_list {
  width: 100%;
  height: 396px;
  margin-top: 84px;
  position: relative;
  color: #fff;
}
.x_xcx_ys .con .x_xcx_ys_list li {
  margin-top: 15px;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}
.x_xcx_ys .con .x_xcx_ys_list li:hover {
  margin-top: 0;
}
.x_xcx_ys .con .x_xcx_ys_list li h6 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 19px;
}
.x_xcx_ys .con .x_xcx_ys_list li p {
  font-size: 15px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li1 {
  position: absolute;
  top: 285px;
  left: 44px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li2 {
  position: absolute;
  top: 83px;
  left: 133px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li3 {
  position: absolute;
  top: 2px;
  left: 397px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li4 {
  position: absolute;
  top: -2px;
  left: 701px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li5 {
  position: absolute;
  top: 150px;
  left: 923px;
}
.x_xcx_ys .con .x_xcx_ys_list .x_xcx_ys_list_li6 {
  position: absolute;
  top: 301px;
  left: 1019px;
}
.x_xcx_lx {
  margin: 60px auto 70px;
}
.x_xcx_lx .x_xcx_lx_title {
  text-align: center;
}
.x_xcx_lx .x_xcx_lx_title h3 {
  font-size: 34px;
  color: #000000;
  font-weight: bold;
}
.x_xcx_lx .x_xcx_lx_title h5 {
  font-size: 16px;
  color: #adadad;
  line-height: 2.3;
  font-weight: normal;
}
.x_xcx_lx .x_xcx_lx_list {
  border: solid 1px #e5e5e5;
  border-bottom: none;
  border-left: none;
  margin-top: 50px;
}
.x_xcx_lx .x_xcx_lx_list li {
  width: 238px;
  height: 178px;
  overflow: hidden;
  border-bottom: solid 1px #e5e5e5;
  border-left: solid 1px #e5e5e5;
  float: left;
  position: relative;
}
.x_xcx_lx .x_xcx_lx_list li:hover img {
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  filter: gray;
}
.x_xcx_lx .x_xcx_lx_list li img {
  transition: all 1s;
  -webkit-filter: grayscale(0%);
  -webkit-filter: grayscale(0);
  filter: grayscale(0%);
  filter: ;
}
.x_xcx_ll {
  background: url("../images/x_xcx_rkbj.png");
  height: 690px;
}
.x_xcx_ll .con .x_xcx_ll_titl {
  color: #fff;
  width: 715px;
  margin-left: 517px;
  padding-top: 117px;
}
.x_xcx_ll .con .x_xcx_ll_titl h3 {
  font-size: 34px;
  font-weight: bold;
}
.x_xcx_ll .con .x_xcx_ll_titl h5 {
  line-height: 2.7;
  font-size: 16px;
  font-weight: normal;
}
.x_xcx_ll .con .x_xcx_ll_list {
  width: 715px;
  margin-left: 486px;
  margin-top: 51px;
}
.x_xcx_ll .con .x_xcx_ll_list li {
  margin-left: 34px;
  float: left;
  width: 107px;
  text-align: center;
  margin-bottom: 37px;
}
.x_xcx_ll .con .x_xcx_ll_list li:hover img {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
}

.x_xcx_ll .con .x_xcx_ll_list li img {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.x_xcx_ll .con .x_xcx_ll_list li p {
  text-align: center;
  line-height: 3;
  font-size: 16px;
  color: #fff;
}
.x_xcx_lc {
  background: url("../images/x_xcx_lcbj.png") bottom center;
  height: 726px;
}
.x_xcx_lc .x_xcx_lc_title {
  padding: 90px 0 80px;
  text-align: center;
}
.x_xcx_lc .x_xcx_lc_title h3 {
  font-size: 34px;
  color: #000000;
  font-weight: bold;
}
.x_xcx_lc .x_xcx_lc_title h5 {
  font-size: 16px;
  color: #acacac;
  line-height: 2.3;
  font-weight: normal;
}
.x_xcx_lc .x_xcx_lc_list {
  position: relative;
  height: 342px;
  background: url("../images/x_xcx_xxbj.png") no-repeat center;
}
.x_xcx_lc .x_xcx_lc_list li {
  transition: all 1s;
  font-size: 17px;
}
.x_xcx_lc .x_xcx_lc_list li i {
  display: block;
  font-style: inherit;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li1 {
  position: absolute;
  width: 139px;
  height: 139px;
  border-radius: 50%;
  border: solid 1px #e3e3e3;
  background: #fff;
  font-size: 28px;
  color: #555356;
  text-align: center;
  top: 85px;
  left: 7px;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li1 i {
  margin: 31px 0;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li1:hover {
  background: #e7504a;
  color: #fff;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li1:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li1 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: 83px;
  left: 144px;
  font-size: 15px;
  color: #939393;
  width: 166px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li2 {
  position: absolute;
  width: 94px;
  height: 124px;
  top: -13px;
  left: 295px;
  text-align: center;
  padding-top: 27px;
  background: url("../images/x_xcx_sd_s.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li2:hover {
  margin-top: 9px;
  color: #fff;
  background: url("../images/x_xcx_sd_s_on.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li2:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li2 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: -44px;
  left: -44px;
  font-size: 15px;
  color: #939393;
  width: 210px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li3 {
  position: absolute;
  width: 94px;
  height: 124px;
  top: 146px;
  left: 395px;
  text-align: center;
  background: url("../images/x_xcx_sd.png") no-repeat;
  padding-top: 47px;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li3:hover {
  margin-top: 8px;
  color: #fff;
  background: url("../images/x_xcx_sd_on.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li3:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li3 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: 122px;
  left: -34px;
  font-size: 15px;
  color: #939393;
  width: 213px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li4 {
  position: absolute;
  width: 94px;
  height: 124px;
  top: 20px;
  left: 549px;
  text-align: center;
  padding-top: 27px;
  background: url("../images/x_xcx_sd_s.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li4:hover {
  margin-top: 9px;
  color: #fff;
  background: url("../images/x_xcx_sd_s_on.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li4:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li4 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 100px;
  font-size: 15px;
  color: #939393;
  width: 237px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li5 {
  position: absolute;
  width: 94px;
  height: 124px;
  top: 212px;
  left: 651px;
  text-align: center;
  background: url(../images/x_xcx_sd.png) no-repeat;
  padding-top: 47px;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li5:hover {
  margin-top: 9px;
  color: #fff;
  background: url("../images/x_xcx_sd_on.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li5:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li5 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: 57px;
  left: 119px;
  font-size: 15px;
  color: #939393;
  width: 166px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li6 {
  position: absolute;
  width: 94px;
  height: 124px;
  top: 75px;
  left: 779px;
  text-align: center;
  padding-top: 27px;
  background: url("../images/x_xcx_sd_s.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li6:hover {
  margin-top: 9px;
  color: #fff;
  background: url("../images/x_xcx_sd_s_on.png") no-repeat;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li6:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li6 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: -41px;
  left: -24px;
  font-size: 15px;
  color: #939393;
  width: 224px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li7 {
  position: absolute;
  width: 139px;
  height: 139px;
  border-radius: 50%;
  border: solid 1px #e3e3e3;
  background: #fff;
  font-size: 28px;
  color: #555356;
  text-align: center;
  top: 85px;
  left: 1041px;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li7 i {
  margin: 31px 0;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li7:hover {
  background: #e7504a;
  color: #fff;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li7:hover .text {
  opacity: 1;
  color: #e7504a;
}
.x_xcx_lc .x_xcx_lc_list .x_xcx_lc_list_li7 .text {
  transition: opacity 1.5s;
  opacity: 0;
  position: absolute;
  top: 139px;
  left: -108px;
  font-size: 15px;
  color: #939393;
  width: 166px;
  text-align: left;
  line-height: 1.5;
}
.x_xcx_zx {
  background: url("../images/x_xcx_zxbj.png");
  height: 201px;
  display: flex;
  align-items: center;
}
.x_xcx_zx .con {
  text-align: center;
}
.x_xcx_zx .con h5 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 20px;
}
.x_xcx_zx .con p {
  color: #fff;
  font-size: 20px;
}
.x_xcx_zx .con p span {
  font-family: Comic Sans MS;
}
.x_xcx_zx .con p a {
  text-decoration: none;
  background: #ed221e;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 127px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  border-radius: 5px;
  font-size: 17px;
  margin-left:14px;
}
.x_xcx_zx .con p a img {
  margin-left: 5px;
}
.x_xcx_case {
  margin: 68px auto 80px;
}
.x_xcx_case .x_xcx_case_title {
  text-align: center;
}
.x_xcx_case .x_xcx_case_title h3 {
  color: #000000;
  font-size: 34px;
  font-weight: bold;
}
.x_xcx_case .x_xcx_case_title h5 {
  color: #adadad;
  line-height: 2.7;
  font-size: 16px;
  font-weight: normal;
}
.x_xcx_case .x_xcx_case_list {
  margin-top: 40px;
}
.x_xcx_case .x_xcx_case_list li {
  width: 382px;
  height: 251px;
  overflow: hidden;
  margin-top: 30px;
  float: left;
  position: relative;
  margin-left: 27px;
}
.x_xcx_case .x_xcx_case_list li:hover > img {
  opacity: 0;
}
.x_xcx_case .x_xcx_case_list li:hover .div_ewm {
  opacity: 1;
}
.x_xcx_case .x_xcx_case_list li > img {
  transition: all 1s;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.x_xcx_case .x_xcx_case_list li .div_ewm {
  transition: all 1s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center;
  width: 380px;
  height: 249px;
  border: solid 1px #e3e3e3;
  overflow: hidden;
  border-radius: 5px;
}
.x_xcx_case .x_xcx_case_list li .div_ewm img {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 auto;
}
/******************************2018-8-8网站托管************************************/


.x_tg_banner img {
  width: 100%;
}
.x_tg_con1 {
  background: url("../images/x_tg_bj1.png") no-repeat;
  height: 466px;
}
.x_tg_con1 .x_tg_con1_left {
  text-align: center;
  width: 516px;
}
.x_tg_con1 .x_tg_con1_left img {
  max-width: 100%;
}
.x_tg_con1 .x_tg_con1_right {
  width: 684px;
  padding-top: 145px;
}
.x_tg_con1 .x_tg_con1_right h5 {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con1 .x_tg_con1_right h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #474141;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con1 .x_tg_con1_right p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #474141;
  font-weight: bold;
}
.x_tg_con2 {
  background: url("../images/x_tg_bj2.png") no-repeat;
  height: 456px;
  margin-top: -37px;
}
.x_tg_con2 .x_tg_con2_left {
  width: 600px;
  padding: 120px 0 0 87px;
  text-align: justify;
}
.x_tg_con2 .x_tg_con2_left h5 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con2 .x_tg_con2_left h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #fff;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con2 .x_tg_con2_left p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}
.x_tg_con2 .x_tg_con2_right {
  padding: 61px 84px 0 0;
}
.x_tg_con2 .x_tg_con2_right img {
  max-width: 100%;
}
.x_tg_con3 {
  background: url("../images/x_tg_bj3.png") no-repeat;
  height: 464px;
  margin-top: -45px;
}
.x_tg_con3 .x_tg_con3_left {
  text-align: center;
  padding-top: 80px;
  width: 516px;
}
.x_tg_con3 .x_tg_con3_left img {
  max-width: 100%;
}
.x_tg_con3 .x_tg_con3_right {
  width: 684px;
  padding-top: 161px;
}
.x_tg_con3 .x_tg_con3_right h5 {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con3 .x_tg_con3_right h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #474141;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con3 .x_tg_con3_right p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #474141;
  font-weight: bold;
}
.x_tg_con4 {
  background: url("../images/x_tg_bj4.png") no-repeat;
  height: 456px;
  margin-top: -37px;
}
.x_tg_con4 .x_tg_con4_left {
  width: 600px;
  padding: 154px 0 0 87px;
  text-align: justify;
}
.x_tg_con4 .x_tg_con4_left h5 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con4 .x_tg_con4_left h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #fff;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con4 .x_tg_con4_left p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}
.x_tg_con4 .x_tg_con4_right {
  padding: 71px 84px 0 0;
}
.x_tg_con4 .x_tg_con4_right img {
  max-width: 100%;
}
.x_tg_con5 {
  background: url("../images/x_tg_bj5.png") no-repeat;
  height: 464px;
  margin-top: -45px;
}
.x_tg_con5 .x_tg_con5_left {
  text-align: center;
  padding-top: 80px;
  width: 516px;
}
.x_tg_con5 .x_tg_con5_left img {
  max-width: 100%;
}
.x_tg_con5 .x_tg_con5_right {
  width: 684px;
  padding-top: 130px;
}
.x_tg_con5 .x_tg_con5_right h5 {
  font-size: 30px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con5 .x_tg_con5_right h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #474141;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con5 .x_tg_con5_right p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #474141;
  font-weight: bold;
}
.x_tg_con6 {
  background: url("../images/x_tg_bj6.png") no-repeat;
  height: 456px;
  margin-top: -37px;
}
.x_tg_con6 .x_tg_con6_left {
  width: 600px;
  padding: 186px 0 0 87px;
  text-align: justify;
}
.x_tg_con6 .x_tg_con6_left h5 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 35px;
  text-indent: 24px;
}
.x_tg_con6 .x_tg_con6_left h6 {
  text-indent: 24px;
  line-height: 2;
  font-size: 17px;
  color: #fff;
  font-family: Microsoft JhengHei;
  font-weight: normal;
}
.x_tg_con6 .x_tg_con6_left p {
  line-height: 2;
  text-indent: 24px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}
.x_tg_con6 .x_tg_con6_right {
  padding: 127px 84px 0 0;
}
.x_tg_con6 .x_tg_con6_right img {
  max-width: 100%;
}
.x_tg_content {
  background: #f4f4f4;
}
.x_tg_con {
  padding: 74px 0 0;
}
.x_tg_con .x_tg_con_title {
  text-align: center;
}
.x_tg_con .x_tg_con_title h5 {
  font-size: 34px;
  color: #000;
  font-weight: bold;
}
.x_tg_con .x_tg_con_title p {
  font-size: 16px;
  color: #adadad;
  font-family: "Microsoft JhengHei";
  line-height: 2.6;
}
.x_tg_con .x_tg_con_list {
  margin-top: 35px;
  height: 245px;
}
.x_tg_con .x_tg_con_list li {
  float: left;
  width: 276px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 30px;
  box-shadow: 2.5px 4.33px 54px 0px rgba(4, 0, 0, 0.23);
  transition: all 1s;
  height: 219px;
}
.x_tg_con .x_tg_con_list li:hover {
  margin-top: -15px;
  height: 245px;
}
.x_tg_con .x_tg_con_list li + li h6 {
  background: #bf9864;
}
.x_tg_con .x_tg_con_list li + li + li h6 {
  background: #45ab83;
}
.x_tg_con .x_tg_con_list li + li + li + li h6 {
  background: #d16370;
}
.x_tg_con .x_tg_con_list li h6 {
  color: #fff;
  background: #6d7eb2;
  width: 100%;
  height: 88px;
  line-height: 88px;
  font-size: 22px;
}
.x_tg_con .x_tg_con_list li p {
  width: 200px;
  margin: 35px auto;
  font-size: 16px;
  color: #474141;
  font-family: "Microsoft JhengHei";
}
.x_tg_con .x_tg_con_btn {
  text-align: center;
  margin: 35px auto;
}
.x_tg_con .x_tg_con_btn p {
  font-size: 34px;
  color: #000000;
  /*font-family: "Microsoft JhengHei ";*/
}
.x_tg_con .x_tg_con_btn a {
  position: relative;
  z-index: 33;
  display: block;
  margin: 15px auto;
  width: 202px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #5e5e5e;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  transition: all 1s;
}
.x_tg_con .x_tg_con_btn a:hover {
  opacity: 0.8;
}
.x_tg_con .x_tg_con_btn a img {
  margin-left: 8px;
}
.x_tg_lc {
  background: url("../images/x_tg_lc.png");
  height: 170px;
}
.x_tg_lc .con {
  padding: 25px 0;
}
.x_tg_lc .con img {
  float: left;
  margin-left: 32px;
}
.x_tg_lc .con .x_tg_lc_list {
  padding-left: 397px;
}
.x_tg_lc .con .x_tg_lc_list li {
  float: left;
  min-height: 96px;
  display: flex;
  align-items: center;
  max-width: 121px;
  height: 121px;
}
.x_tg_lc .con .x_tg_lc_list li:hover i {
  font-size: 28px;
  width: 121px;
  height: 121px;
}
.x_tg_lc .con .x_tg_lc_list li img {
  vertical-align: middle;
  margin: 0 12px;
}
.x_tg_lc .con .x_tg_lc_list li i {
  transition: all 1s;
  margin: 0 auto;
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #68aceb;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
}
.x_tg_lc .con .x_tg_lc_list li i em {
  font-style: normal;
  display: block;
  line-height: 1.6;
  padding: 15px 0;
}
.x_tg_lc .con .x_tg_lc_list li.li_wi {
  width: 121px;
}
.x_tg_lc .con .x_tg_lc_list li + li + li i {
  background: #bda251;
}
.x_tg_lc .con .x_tg_lc_list li + li + li + li + li i {
  background: #cd7373;
}
.x_tg_lc .con .x_tg_lc_list li + li + li + li + li + li + li i {
  background: #8696d1;
}
.x_tg_fu {
  background: url("../images/x_tg_con_bj.png") no-repeat;
}
.x_tg_fu .x_tg_fu_title {
  padding: 58px 0 41px;
  text-align: center;
  color: #fff;
}
.x_tg_fu .x_tg_fu_title h5 {
  font-size: 34px;
  font-weight: bold;
}
.x_tg_fu .x_tg_fu_title p {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  line-height: 2.6;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd {
  text-align: center;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li {
  display: inline-block;
  vertical-align: top;
  width: 213px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  color: #9f9f9f;
  font-size: 18px;
  box-shadow: inset 0 0 0 1px #5d5d5d;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  position: relative;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .prev {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -30px;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .next {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -30px;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd {
  width: 1100px;
  margin: 0 auto;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul {
  zoom: 1;
  overflow: auto;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul li {
  height: 260px;
  overflow: auto;
  font-size: 15px;
  color: #9f9f9f;
  float: left;
  _display: inline;
  text-align: center;
  /*美化滚动条*/
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul li::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #F5F5F5;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul li::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #1a33ca;
  border-radius: 0px;
  background-color: #F5F5F5;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul li::-webkit-scrollbar-thumb {
  border-radius: 0px;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .bd ul li p {
  text-align: justify;
  line-height: 2;
}
.x_tg_fu .x_tg_fu_con .x_tg_fu_con_btn {
  text-align: center;
  position: relative;
  height: 157px;
}
.x_tg_fu .x_tg_fu_con .x_tg_fu_con_btn .x_tg_fu_con_btn_a {
  position: relative;
  z-index: 33;
  display: block;
  margin: 35px auto;
  width: 202px;
  height: 55px;
  background: #c72917;
  color: #fff;
  text-align: center;
  line-height: 55px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 20px;
  transition: background 1s;
}
.x_tg_fu .x_tg_fu_con .x_tg_fu_con_btn .x_tg_fu_con_btn_a:hover {
  background: #a92a1c;
}
.x_tg_fu .x_tg_fu_con .x_tg_fu_con_btn .x_tg_fu_con_btn_a img {
  margin-left: 8px;
}
.x_tg_fu .x_tg_fu_con .x_tg_fu_con_btn .x_tg_fu_con_btn_img {
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -575px;
  z-index: 1;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  margin-left: 22px;
  cursor: pointer;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li::before,
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
  content: '';
  position: absolute;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li::before {
  top: 0;
  left: 0;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li::after {
  bottom: 0;
  right: 0;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li.on {
  color: #fff;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li.on::before,
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li.on::after {
  width: 211px;
  height: 70px;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li.on::before {
  border-top-color: #c72917;
  border-right-color: #c72917;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.x_tg_fu .x_tg_fu_con .i_body1_3 .hd li.on::after {
  border-bottom-color: #c72917;
  border-left-color: #c72917;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.x_tg_wt .x_tg_wt_title {
  text-align: center;
  padding: 158px 0 55px;
}
.x_tg_wt .x_tg_wt_title h5 {
  color: #000;
  font-size: 34px;
  font-weight: bold;
}
.x_tg_wt .x_tg_wt_title p {
  color: #adadad;
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  line-height: 2.6;
}
.x_tg_wt .x_tg_wt_list li {
  float: left;
  width: 536px;
  height: 127px;
  padding: 24px;
  border: solid 1px #e7e7e7;
  position: relative;
  margin-left: 28px;
  margin-bottom: 32px;
  overflow: hidden;
}
.x_tg_wt .x_tg_wt_list li .w {
  margin-bottom: 24px;
}
.x_tg_wt .x_tg_wt_list li .w span {
  float: left;
  width: 32px;
  height: 34px;
  background: #c41305;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
}
.x_tg_wt .x_tg_wt_list li .w h4 {
  line-height: 34px;
  padding-left: 47px;
  font-size: 18px;
  color: #000000;
  font-weight: normal;
}
.x_tg_wt .x_tg_wt_list li .d span {
  float: left;
  width: 32px;
  height: 34px;
  background: #272636;
  color: #fff;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
}
.x_tg_wt .x_tg_wt_list li .d p {
  padding-left: 47px;
  font-size: 15px;
  color: #777777;
  font-weight: normal;
}
.x_tg_wt .x_tg_wt_list li:before,
.x_tg_wt .x_tg_wt_list li:after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
  content: '';
  position: absolute;
}
.x_tg_wt .x_tg_wt_list li:before {
  top: 0;
  left: 0;
}
.x_tg_wt .x_tg_wt_list li:after {
  bottom: 0;
  right: 0;
}
.x_tg_wt .x_tg_wt_list li:hover .w h4 {
  color: #c72917;
}
.x_tg_wt .x_tg_wt_list li:hover:after,
.x_tg_wt .x_tg_wt_list li:hover:before {
  width: 582px;
  height: 173px;
}
.x_tg_wt .x_tg_wt_list li:hover::before {
  border-top-color: #c72917;
  border-right-color: #c72917;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.x_tg_wt .x_tg_wt_list li:hover::after {
  border-bottom-color: #c72917;
  border-left-color: #c72917;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}


/********************************2018-8-15网站优化***************************************/


.x_th_why {
  width: 100%;
  background: url("../images/x_yh_bj0.png") no-repeat center;
  height: 474px;
}
.x_th_why .x_th_why_title {
  text-align: center;
  padding: 100px;
}
.x_th_why .x_th_why_title h5 {
  font-size: 45px;
  color: #000;
  font-weight: normal;
  margin-bottom: 26px;
}
.x_th_why .x_th_why_title h6 {
  font-size: 70px;
  font-family: Impact;
  color: #2e2e2e;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.x_th_why .x_th_why_title h6 span {
  margin-left: 10px;
  color: #d31312;
}
.x_th_why .x_th_why_title p {
  width: 817px;
  margin: 0 auto;
  font-size: 19px;
  color: #555356;
  text-indent: 24px;
  line-height: 2;
}
.x_yh_pm {
  background: url("../images/x_yh_bj1.png") no-repeat center;
  height: 662px;
}
.x_yh_pm .con {
  position: relative;
}
.x_yh_pm .x_yh_pm_con {
  padding: 94px 0 73px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li {
  position: relative;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p {
  width: 328px;
  font-size: 18px;
  color: #ffffff;
  padding-bottom: 13px;
  line-height: 1.75;
  background: url("../images/x_yh_xian.png") no-repeat bottom right;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p span {
  float: left;
  font-style: italic;
  margin-right: 24px;
  font-size: 40px;
  font-family: Impact;
  color: #cf4646;
  vertical-align: middle;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li1 {
  position: absolute;
  top: 21px;
  left: 287px;
  height: 49px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li1 span {
  margin-top: -10px;
  color: #cf4646;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li2 {
  position: absolute;
  top: 103px;
  left: 231px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li2 span {
  color: #9558c8;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li3 {
  position: absolute;
  top: 210px;
  left: 138px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li3 span {
  color: #6980c8;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li4 {
  position: absolute;
  top: 319px;
  left: 56px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li4 span {
  color: #b8952c;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li5 {
  position: absolute;
  top: 420px;
  left: 16px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_li p.x_yh_pm_con_li5 span {
  color: #4ba770;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list {
  width: 760px;
  position: relative;
  margin: 0 0 0 352px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list li {
  position: absolute;
  width: 100px;
  font-size: 26px;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  height: 50px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list li i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-style: normal;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list1 {
  width: 0;
  height: 0;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
  border-bottom: 120px solid #cf4646;
  top: 1px;
  left: 284px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list1 i {
  position: absolute;
  top: 43px;
  left: -31px;
  width: 66px;
  line-height: 1.1;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list2 {
  border-bottom: 86px solid #9558c8;
  border-left: 61px solid transparent;
  border-right: 61px solid transparent;
  top: 80px;
  left: 214px;
  width: 200px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list2 i {
  width: 200px;
  top: 67px;
  left: 0;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list3 {
  border-bottom: 85px solid #6980c8;
  border-left: 66px solid transparent;
  border-right: 66px solid transparent;
  top: 174px;
  left: 140px;
  width: 337px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list3 i {
  top: 68px;
  left: 15px;
  width: 312px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list4 {
  border-bottom: 85px solid #b8952c;
  border-left: 66px solid transparent;
  border-right: 66px solid transparent;
  top: 269px;
  left: 67px;
  width: 483px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list4 i {
  left: -3px;
  top: 69px;
  width: 487px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list5 {
  border-bottom: 85px solid #4ba770;
  border-left: 66px solid transparent;
  border-right: 66px solid transparent;
  top: 363px;
  left: -3px;
  width: 628px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_list .x_yh_pm_con_list5 i {
  top: 69px;
  left: 0;
  width: 628px;
}
.x_yh_pm .x_yh_pm_con .x_yh_pm_con_text {
  font-size: 31px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 308px;
  right: -31px;
  transition: reg(25px);
  transform: rotate(52deg);
}
.x_yh_hc {
  background: url("../images/x_yh_bj2.png") no-repeat center;
  height: 852px;
}
.x_yh_hc .x_yh_hc_title {
  text-align: center;
  padding: 85px;
}
.x_yh_hc .x_yh_hc_title h5 {
  font-size: 34px;
  color: #000;
  font-weight: 600;
  line-height: 1.6;
}
.x_yh_hc .x_yh_hc_title h6 {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  color: #adadad;
}
.x_yh_hc .x_yh_hc_list {
  width: 1080px;
  margin: 62px auto;
  position: relative;
}
.x_yh_hc .x_yh_hc_list li {
  width: 260px;
  height: 154px;
  position: relative;
  background: #fff;
}
.x_yh_hc .x_yh_hc_list li::before {
  z-index: 3;
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: -155px;
  left: -1px;
  border-width: 78px 131px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.x_yh_hc .x_yh_hc_list li::after {
  z-index: 3;
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  bottom: -156px;
  border-width: 78px 130px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.x_yh_hc .x_yh_hc_list li h5 {
  text-align: center;
  font-size: 25px;
  color: #000;
  font-weight: bold;
}
.x_yh_hc .x_yh_hc_list li p {
  line-height: 1.6;
  width: 184px;
  margin: 0 auto;
  text-align: left;
  font-size: 15px;
  color: #555356;
}
.x_yh_hc .x_yh_hc_list li.on {
  background: #d22223;
}
.x_yh_hc .x_yh_hc_list li.on h5,
.x_yh_hc .x_yh_hc_list li.on p {
  color: #fff;
}
.x_yh_hc .x_yh_hc_list li.on::after {
  z-index: 4;
  border-color: #d22223 transparent transparent transparent;
}
.x_yh_hc .x_yh_hc_list li.on::before {
  z-index: 4;
  border-color: transparent transparent #d22223 transparent;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list2 {
  position: absolute;
  top: 0px;
  left: 265px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list3 {
  position: absolute;
  top: 0px;
  left: 531px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list4 {
  position: absolute;
  top: 0px;
  left: 796px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list5 {
  position: absolute;
  top: 237px;
  left: 132px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list6 {
  position: absolute;
  top: 237px;
  left: 400px;
}
.x_yh_hc .x_yh_hc_list .x_yh_hc_list7 {
  position: absolute;
  top: 237px;
  left: 665px;
}
.x_yh_tc {
  background: url("../images/x_yh_bj3.png") no-repeat center;
  height: 706px;
}
.x_yh_tc .x_yh_tc_title {
  text-align: center;
  padding: 85px;
}
.x_yh_tc .x_yh_tc_title h5 {
  font-size: 34px;
  color: #fff;
  font-weight: 600;
  line-height: 1.6;
}
.x_yh_tc .x_yh_tc_title h6 {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  color: #adadad;
}
.x_yh_tc .x_yh_tc_list li {
  float: left;
  width: 284px;
  text-align: center;
}
.x_yh_tc .x_yh_tc_list li:hover i span {
  opacity: 1;
}
.x_yh_tc .x_yh_tc_list li:hover i img {
  transform: rotate(360deg);
}
.x_yh_tc .x_yh_tc_list li i {
  width: 170px;
  height: 170px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  position: relative;
}
.x_yh_tc .x_yh_tc_list li i span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(210, 34, 35, 0.32);
  border-radius: 50%;
  display: block;
  transition: opacity 1s;
}
.x_yh_tc .x_yh_tc_list li i img {
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 3;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.x_yh_tc .x_yh_tc_list li h6 {
  margin-top: 40px;
  font-size: 25px;
  color: #fff;
}
.x_yh_tc .x_yh_tc_list li p {
  text-align: justify;
  text-align-last: center;
  font-size: 17px;
  color: #adadad;
  width: 204px;
  margin: 15px auto 0;
}
.x_yh_lc {
  background: url("../images/x_yh_bj4.png") no-repeat center;
  height: 700px;
}
.x_yh_lc .x_yh_lc_title {
  width: 725px;
  text-align: center;
  padding: 85px;
}
.x_yh_lc .x_yh_lc_title h5 {
  font-size: 34px;
  color: #000;
  font-weight: 600;
  line-height: 1.6;
}
.x_yh_lc .x_yh_lc_title h6 {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  color: #adadad;
}
.x_yh_lc .x_yh_lc_list {
  width: 725px;
  margin-left: -26px;
  height: 360px;
  background: url("../images/x_yh_lc_bj.png") no-repeat center;
}
.x_yh_lc .x_yh_lc_list li {
  float: left;
  width: 145px;
  text-align: center;
}
.x_yh_lc .x_yh_lc_list li p {
  line-height: 3;
  font-size: 17px;
  color: #555356;
}
.x_yh_lc .x_yh_lc_list li.x_yh_lc_ml {
  margin-left: 140px;
}
.x_yh_lc .x_yh_lc_list li.x_yh_lc_mt {
  margin-top: 82px;
}
.gg {
  background: url("../images/x_yh_bj5.png") no-repeat center;
  height: 201px;
  display: flex;
  align-items: center;
  text-align: center;
}
.gg h4 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 20px;
}
.gg p {
  color: #fff;
  font-size: 20px;
}
.gg p span {
  font-family: Comic Sans MS;
}
.gg p a {
  text-decoration: none;
  background: #ed221e;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 127px;
  height: 39px;
  text-align: center;
  line-height: 39px;
  border-radius: 5px;
  font-size: 17px;
  margin-left: 14px;
}
.gg p a img {
  margin-left: 5px;
}
.x_yh_tg {
  background: url("../images/x_yh_bj6.png") no-repeat center;
  height: 816px;
}
.x_yh_tg .x_yh_tg_title {
  text-align: center;
  padding: 85px;
}
.x_yh_tg .x_yh_tg_title h5 {
  font-size: 34px;
  color: #000;
  font-weight: 600;
  line-height: 1.6;
}
.x_yh_tg .x_yh_tg_title h6 {
  font-size: 30px;
  color: #000000;
  font-weight: normal;
}
.x_yh_tg .x_yh_tg_list li {
  float: left;
  width: 227px;
  background: #fff;
  margin-left: 13px;
  height: 343px;
  text-align: center;
  transition: all 0.8s;
}
.x_yh_tg .x_yh_tg_list li:hover {
  margin-top: -30px;
  box-shadow: 0 0 13px rgba(31, 31, 31, 0.4);
}
.x_yh_tg .x_yh_tg_list li h6 {
  margin-top: 60px;
  font-size: 30px;
  color: #000000;
}
.x_yh_tg .x_yh_tg_list li i {
  margin: 7px auto 35px;
  display: block;
  width: 38px;
  height: 4px;
  background: #000000;
}
.x_yh_tg .x_yh_tg_list li p {
  width: 144px;
  margin: 0 auto;
  font-size: 16px;
  color: #9a9a9a;
  text-align: justify;
}
.x_yh_news {
  background: #f3f2f8;
  padding-bottom:50px;
}
.x_yh_news .x_yh_news_title {
  text-align: center;
  padding: 85px;
}
.x_yh_news .x_yh_news_title h5 {
  font-size: 34px;
  color: #000000;
  font-weight: 600;
  line-height: 1.6;
}
.x_yh_news .x_yh_news_title h6 {
  font-size: 16px;
  font-family: "Microsoft JhengHei";
  color: #adadad;
}
.x_yh_news .x_yh_news_con {
  width: 1120px;
  margin: 0 auto;
}
.x_yh_news .x_yh_news_con .x_yh_news_left {
  height: 492px;
  width: 378px;
  background: #fff;
  transition: all .5s;
}
.x_yh_news .x_yh_news_con .x_yh_news_left:hover {
  background: #d22223;
  box-shadow: 0 0 15px rgba(210, 34, 35, 0.4);
}
.x_yh_news .x_yh_news_con .x_yh_news_left:hover h5,
.x_yh_news .x_yh_news_con .x_yh_news_left:hover p {
  color: #fff;
}
.x_yh_news .x_yh_news_con .x_yh_news_left img {
  width: 100%;
  max-height: 265px;
}
.x_yh_news .x_yh_news_con .x_yh_news_left h5 {
  width: 300px;
  margin: 45px auto 0;
  font-size: 18px;
  color: #000000;
}
.x_yh_news .x_yh_news_con .x_yh_news_left p {
  width: 300px;
  margin: 23px auto;
  font-size: 15px;
  color: #777777;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.x_yh_news .x_yh_news_con .x_yh_news_left p > img {
  width: auto;
  height: auto;
}
.x_yh_news .x_yh_news_con .x_yh_news_right {
  width: 717px;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li {
  background: #fff;
  height: 153px;
  margin-bottom: 17px;
  transition: all 0.5s;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li:hover {
  background: #d22223;
  box-shadow: 0 0 15px rgba(210, 34, 35, 0.4);
}
.x_yh_news .x_yh_news_con .x_yh_news_right li:hover .x_yh_news_right_text h5,
.x_yh_news .x_yh_news_con .x_yh_news_right li:hover .x_yh_news_right_text p {
  color: #fff;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li img {
  float: left;
  width: 178px;
  max-height: 153px;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li .x_yh_news_right_text {
  padding: 28px 20px 0 204px;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li .x_yh_news_right_text h5 {
  margin-bottom: 20px;
  font-size: 18px;
  color: #000000;
}
.x_yh_news .x_yh_news_con .x_yh_news_right li .x_yh_news_right_text p {
  line-height: 2;
  font-size: 15px;
  color: #777777;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}