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

.left {
  float: left;
}

.right {
  float: right;
}

.content img {
  display: inline-block;
  border: none;
  transition: all 0.8s;
}

.head {
  width: 100%;
}

.head_top {
  width: 100%;
  height: 38px;
  line-height: 38px;
  background: #f5f5f5;
}

.head_top_content {
  width: 1200px;
  margin: 0 auto;
  color: #666666;
  overflow: hidden;
}

.head_top_content>p {
  float: left;
  font-size: 14px;
  color: #666666;
}

.head_top_content>div {
  float: right;
  font-size: 14px;
  color: #666666;
}

.head_top_content a {
  color: #666666;
}

.head_top_content a:hover {
  color: #313b5e;
}

.head_content {
  width: 1200px;
  padding: 10px 0;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.head_content .middle {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.head_content .middle p:first-child {
  font-size: 28px;
  color: #313b5e;
  font-weight: bold;
}

.head_content .middle p:last-child {
  font-size: 18px;
  color: #666666;
}

.head_content .right {
  float: right;
  margin-top: 8px;
}

.head_content .right p {
  font-size: 28px;
  color: #ff6600;
  font-weight: 600;
}

.head_content .right .p1 {
  color: #222222;
  font: 400 17px/30px "Microsoft yahei";
}

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

.nav {
  background: #313b5e;
}

/* 热门搜索 */
.search {
  width: 1200px;
  margin: 16px auto;
}

.w-ss {
  display: inline-block
}

.search ul li {
  display: inline-block;
  margin-right: 5px;
  color: #666666;
  font: 400 14px/36px "Microsoft yahei";
}

.search ul a {
  display: inline-block;
  margin-right: 8px;
  color: #666666;
  font: 400 14px/36px "Microsoft yahei";
}

.search_input {
  outline: none;
  height: 31px;
  line-height: 31px;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  padding-left: 10px;
  box-sizing: border-box;
}

/*产品*/
.xiala_caidan .dandu .menuss a {
  display: block;
}

.xiala_caidan .dandu .menuss a p {
  display: inline-block;
  color: #ffffff;
  line-height: 36px;
  margin-left: 20px;
}

.xiala_caidan .dandu .menuss a img {
  float: right;
  margin: 9px 12px 0 0
}

/* 热门搜索 end */
/* 内容 */
.content .content_1 {
  width: 100%;
  background: #f1f1f1;
  padding-top: 60px;
  padding-bottom: 60px;
}

.content .content_1>div {
  width: 1200px;
  margin: 0 auto;
}

.content .content_1>div .left {
  width: 292px;
  display: inline-block;
  margin-right: 22px;
}

.content .content_1>div .left .tou {
  background: #313b5e;
  text-align: center;
}

.content .content_1>div .left .tou .p1 {
  display: inline-block;
  color: #ffffff;
  font-size: 63px;
  font-weight: bold;
}

.content .content_1>div .left .tou .p2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: bold;
}

.content .content_1>div .left .tou .p3 {
  color: #ffffff;
  font-size: 13px;
}

.content .content_1>div .left .middle {
  background: #ffffff;
  padding-top: 22px;
  padding-bottom: 10px;
  border-bottom: 3px solid #313b5e;
}

.content .content_1>div .left .middle .menu {
  width: 254px;
  height: 36px;
  margin: 0 auto;
  background: url("//cdn.myxypt.com/8b5113d4/21/04/4cd04e34737af7fdedea0ab2208b4435242b245c.png") no-repeat 100%;
  cursor: pointer;
}

.content .content_1>div .left .middle ul {
  width: 230px;
  margin: 0 auto;
  margin-top: 6px;
}

/* .content .content_1 > div .left .middle .d_ul li {
  display: inline-block;
  width: 50%;
} */
/* .content .content_1 > div .left .middle ul .li_left,
.content .content_1 > div .left .middle .d_ul .li_left {
  width: 100px;
  display: inline-block;
  overflow: hidden;
}
.content .content_1 > div .left .middle ul .li_right,
.content .content_1 > div .left .middle .d_ul .li_right {
  float: right;
  width: 100px;
  display: inline-block;
  overflow: hidden;
} */
.content .content_1>div .left .middle ul li {
  width: 96px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: #666666;
  margin-bottom: 6px;
}

.content .content_1>div .left .middle ul li:nth-child(2n) {
  float: right;
}

.content .content_1>div .left .middle ul li :hover {
  color: #313b5e;
}

.content .content_1>div .right {
  width: 880px;
  display: inline-block;
  background: #ffffff;
  vertical-align: top;
  padding: 26px;
  box-sizing: border-box;
}

.content .content_1>div .right .middle ul li {
  width: 268px;
  height: 230px;
  display: inline-block;
  margin-right: 5px;
}

.content .content_1>div .right .middle ul li img:hover {
  transform: scale(1.1, 1.1);
  transition-duration: 1.5s;
}

.right .pro-tt img {
  vertical-align: middle
}

.right .pro-tt span {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

.right .pro-tt a.aam {
  float: right;
  margin-top: 4px;
  color: #666666;
  font-size: 14px;
}

.right .middle ul li a {
  display: block;
  border: 1px solid #cccccc;
  padding: 2px;
  overflow: hidden;
}

.right .middle ul li a img {
  width: 263px;
  height: 198px
}

.right .middle ul li a h3 {
  display: block;
  margin-top: 5px;
  text-align: center;
  color: #666666;
  font: 400 15px/36px "Microsoft yahei";
}

/* 左侧导航单独样式 (不被下拉控件样式影响) */
.content .content_1>div .left .middle .dandu .menuss a {
  width: 254px;
  height: 36px;
  margin: 0 auto;
  background: url(../images/ttbg1.png) no-repeat 100%;
  cursor: pointer;
  margin-bottom: 15px;
  transition: all 0.8s;
}

.content .content_1>div .left .middle .dandu .menuss a:hover {
  transition: all 0.8s;
  transform: translateX(6px);
}

.content .content_1>div .left .middle .dandu .d_ul {
  width: 230px;
  margin: 0 auto;
  display: block;
  margin-top: 6px;
}

.content .content_1>div .left .middle .dandu .d_ul li :hover {
  color: #313b5e;
}

.content .content_1>div .left .middle .dandu .d_ul li {
  width: 96px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: #666666;
  margin-bottom: 6px;
  white-space: nowrap;
}

.content .content_1>div .left .middle .dandu .d_ul li:nth-child(2n) {
  float: right;
}

/* 左侧导航 end*/
.content .content_2 {
  width: 100%;
  background: #ffffff;
  padding-top: 60px;
}

.content .content_2 .nr1 {
  width: 1200px;
  height: 800px;
  margin: 0 auto;
  background: url(../images/bg01.jpg) no-repeat;
}

.content_2 .cp1 {
  text-align: center;
  color: #333333;
  font-size: 30px;
}

.content_2 .cp1 span {
  color: #313b5e;
  font-size: 36px;
  font-weight: bold;
}

.nr1 .left .cp2 {
  font-size: 19px;
  color: #ffffff;
}

.nr1 .left .cp3 {
  font-size: 23px;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nr1 .right .cp4 {
  color: #ffffff;
  font-size: 15px;
}

.nr1 .right .cp5 {
  color: #ffffff;
  font-size: 27px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.nr1 .right .ra {
  padding: 5px 20px;
  background: #313b5e;
  color: #ffffff;
  font-size: 15px;
  border-radius: 20px;
}

.content .content_2 .nr1 .line1 {
  padding-top: 105px;
}

.content .content_2 .nr1 .line1 .p1 {
  display: inline-block;
  color: #5b5b5b;
  font-size: 32px;
  margin-left: 105px;
}

.content .content_2 .nr1 .line1 .p2 {
  display: inline-block;
  color: #ffffff;
  font-size: 32px;
  margin-left: 280px;
}

.content .content_2 .nr1 .line2 {
  padding-top: 67px;
  display: flex;
  justify-content: space-between;
}

.content .content_2 .nr1 .p_all {
  color: #333333;
  font-size: 22px;
  width: calc(50% - 100px);
}

.content .content_2 .nr1 .p_all_l {
  text-align: right;
}

.content .content_2 .nr1 .p_baise {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
}

.content .content_2 .nr1 .left {
  display: inline-block;
  margin-top: 70px;
  margin-left: 100px;
}

.content .content_2 .nr1 .left>.p {
  display: inline-block;
  font-size: 15px;
  color: #ffffff;
  vertical-align: middle;
  margin-right: 40px;
}

.content .content_2 .nr1 .left>img {
  vertical-align: middle;
}

.content .content_2 .nr1 .right {
  float: right;
  margin-top: 70px;
  margin-right: 52px;
}

.nr2 .n2d1 {
  margin-bottom: 50px;
  text-align: center;
}

.nr2 .n2d1 .p1 {
  color: #3f464a;
  font-size: 36px;
  font-weight: bold;
}

.nr2 .n2d1 .p1 span {
  color: #313b5e;
}

.nr2 .n2d1 .p2 {
  color: #333333;
  font-size: 19px;
  display: inline-block;
}

.content .content_2 .nr2 {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 60px 0;
}

.content .content_2 .nr2 .left {
  width: 500px;
  display: inline-block;
  padding-left: 15px;
  vertical-align: middle;
}

.content .content_2 .nr2 .left .top {
  height: 140px;
  background: url("//cdn.myxypt.com/8b5113d4/21/04/f477ee4c803175ef88fd4c0d32679d4b378fb703.png") no-repeat;
  padding-top: 33px;
  padding-left: 16px;
}

.middle1 {
  padding-left: 36px;
}

.content .content_2 .nr2 .left .middle {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 36px;
}

.content .left .top p:first-child {
  color: #313b5e;
  font-size: 26px;
  font-weight: bold;
  padding-left: 77px;
}

.content .left .top p:last-child {
  color: #333333;
  font-size: 18px;
  padding-left: 77px;
}

.content .youshi_p3 {
  color: #333333;
  margin: -21px 0 0 27px;
}

.content .content_2 .nr2 .right {
  width: 650px;
  display: inline-block;
  margin-left: 25px;
  /* padding-left: 25px; */
  vertical-align: middle;
}

.content .content_2 .nr3 {
  width: 100%;
  height: 500px;
  background: url("//cdn.myxypt.com/8b5113d4/21/04/98cada7640f78daaa2602e920f0cb675cb9a5a71.png") no-repeat;
  margin-bottom: 60px;
}

.content .content_2 .nr3 .left {
  width: 660px;
  display: inline-block;
  margin-left: 9px;
  /* padding-left: 9px; */
  vertical-align: middle;
}

.content .content_2 .nr3 .right {
  width: 500px;
  display: inline-block;
  padding-left: 25px;
  vertical-align: middle;
}

.content .content_2 .nr3 .right .top {
  height: 140px;
  background: url("//cdn.myxypt.com/8b5113d4/21/04/f09aabde8898c737acdddb070957e2956c120801.png") no-repeat;
  padding-top: 33px;
  padding-left: 16px;
}

.content .content_2 .nr3 .right .middle {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 36px;
}

.content .content_3 {
  width: 1200px;
  margin: 0 auto;
}

.content .content_3 .hd ul {
  text-align: center;
}

.content .content_3 .hd ul li {
  width: 192px;
  height: 60px;
  display: inline-block;
  margin-right: 4px;
  box-sizing: border-box;
  border: 2px solid #cccccc;
  text-align: center;
  padding-top: 14px;
  vertical-align: top;
}

.content .content_3 .hd ul .on {
  border: 2px solid #313b5e;
}

.content .content_3 .hd ul li .p1 {
  color: #666666;
  font-size: 18px;
}

.content .content_3 .hd ul li .p2 {
  color: #cccccc;
  font-size: 11px;
}

.content .content_3 .hd ul li:hover {
  border: 2px solid #313b5e;
  cursor: pointer;
}

.content .content_3 .bd {
  padding-top: 25px;
  text-align: center;
}

.content .content_3 .bd ul li .right {
  width: 585px;
  height: 428px;
  text-align: left;
  margin-left: -3px;
  padding: 15px;
  box-sizing: border-box;
  background: #eeeeee;
  display: inline-block;
  vertical-align: top;
}

.content .content_3 .bd ul li .right .p1 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 15px;
}

.content .content_3 .bd ul li .right .p1>span {
  color: #333333;
  font-weight: normal;
}

.bddl {
  display: inline-block;
}

.bddl+.bddl {
  margin-left: 5px;
}

.bddl img {
  width: 171px;
  height: 121px;
}

.bd ul li i {
  width: 70%;

  margin-bottom: 10px;
  display: block;
  height: 1px;
  background: #d2d2d2;
}

.cas1 {
  color: #333333;
  font-size: 34px;
  display: inline-block;
}

.bd ul li .caimg {
  width: 585px;
  height: 428px;
}

.bd ul li .cr1 {
  font-size: 25px;
  font-weight: bold;
  padding: 22px 0;
}

.caam {
  padding: 6px 11px;
  border-radius: 8px;
  background: #313b5e;
  color: #ffffff;
}

.bd ul li a:hover {
  color: #333;
}

.caam:hover {
  color: #fff !important;
}

.content .content_5 {
  width: 100%;
  height: 506px;
  background: url("//cdn.myxypt.com/8b5113d4/21/04/cd164b110a1d3f79f6e1c58099b869b661a27a19.jpg") no-repeat;
}

.content .content_5 ul {
  margin: 25px 0 0 15px;
}

.content .content_5 .top {
  text-align: center;
  padding: 34px 0;
}

.content .content_5 .middle {
  width: 1099px;
  height: 393px;
  margin: 0 auto;
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.content .content_5 .middle .right {
  width: 580px;
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
}

.content .content_5 .btn {
  padding: 6px 22px;
  background: #313b5e;
  color: #ffffff;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}

.content .content_5 .btn:hover {
  color: #ff6600;
}

.content .content_5 .bottom {
  width: 1099px;
  margin: 0 auto;
  margin-top: 25px;
  padding-left: 23px;
}

.content .content_5 .bottom>img {
  margin-right: 9px;
}

.aimg {
  width: 443px;
  height: 352px;
}

.ap1 {
  color: #e1e1e1;
  font-size: 48px;
}

.ap2 {
  color: #313b5e;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.anr {
  color: #666666;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 20px;
}

.content .content_6 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 40px;
  background: #ffffff;
}

.content .content_6>ul>li {
  width: 370px;
  display: inline-block;
  margin-right: 26px;
  vertical-align: top;
}

.content .content_6 .top {
  margin-bottom: 15px;
  text-align: center;
}

.content .content_6 .top .title {
  font-size: 24px;
  color: #666666;
  display: inline-block;
  vertical-align: middle;
}

.content .content_6 .middle ul {
  margin-left: 10px;
  height: 222px;
  overflow: hidden;
}

.content .content_6 .middle ul li {
  margin-bottom: 16px;
}

.content .content_6 .middle ul li:hover a {
  color: #ff6600;
}

.content .content_6 .middle ul li a {
  color: #666666;
  font-size: 14px;
}

.content .content_6 .bottom {
  text-align: center;
  margin-top: 20px;
}

.content .content_6 .btn {
  padding: 3px 18px;
  background: #ffffff;
  color: #666666;
  font-size: 14px;
  border-radius: 9px;
  display: inline-block;
  border: 2px solid #d8d8d8;
}

.content .content_6 .btn:hover {
  border: 2px solid #ff6600;
}

.n1 .n1img {
  margin-bottom: 10px;
  width: 100%;
}

.nbd {
  height: 222px;
  overflow: hidden;
}

.tempWrap ul {
  height: 1680px;
  position: relative;
  padding: 0px;
  margin: 0px;
  top: -1020px;
}

/* è„š */
.foot {
  width: 100%;
  background: #333333;
  margin-top: 30px;
}

.foot .link {
  width: 100%;
  color: #333333;
  border-bottom: 1px solid #ffffff;
}

.foot .link ul {
  width: 1200px;
  display: block;
  margin: 0 auto;
  padding-top: 13px;
}

.foot .link ul li {
  display: inline-block;
  margin-left: 20px;
  padding: 3px 6px;
}

.foot .link ul li:hover {
  background: #000000;
  border-radius: 18px;
}

.foot .link ul li a {
  color: #ffffff;
}

.foot .foot_nr {
  width: 1200px;
  height: 178px;
  margin: 0 auto;
  padding-top: 40px;
}

.foot .foot_nr .left {
  float: left;
}

.foot .foot_nr .middle {
  display: inline-block;
  margin-left: 100px;
}

.foot .foot_nr .right {
  display: inline-block;
  margin-left: 100px;
}

.foot .foot_nr .right>div {
  display: inline-block;
  margin-right: 30px;
}

.foot .foot_nr ul {
  display: inline-block;
}

.foot .foot_nr ul li {
  margin-bottom: 10px;
}

.foot .foot_nr2 {
  width: 100%;
  height: 35px;
  background: #222222;

  line-height: 35px;
}

.foot .foot_nr2 {
  font-size: 14px;
  color: #ffffff;
}

.foot .foot_nr2 a {
  color: #ffffff;
}

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

.foot .p1 {
  font-size: 18px;
  color: #ffffff;
}

.foot .p2 {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.dbdh {
  width: 302px;
}

.dbdh a {
  display: block;
  float: left;
  text-align: center;
  width: 33.3%;
  color: #fff;
}

.dblx p {
  color: #fff;
  line-height: 26px;
}

/* è„š end*/
.xypg-left-title {
  background-color: #313b5e;
}

.xypg-job-list .job-title {
  background-color: #313b5e;
}

.xypg-news-list li .more span:hover {
  background-color: #313b5e;
}

.xypg-pagination a:hover {
  background-color: #313b5e;
}

.xypg-news-list li:hover .more span {
  background-color: #313b5e;
}

.xypg-pagination #current,
.xypg-pagination a:hover {
  border: #313b5e;
  background: #313b5e;
}

#toolbar li a {
  background-color: #313b5e;
}

#toolbar li:hover .icon-font {
  background-color: #313b5e;
}

.content .content_4 .top {
  text-align: center;
  padding: 34px 0;
  color: #fff;
}

.content .content_4 {
  background: #313b5e;
  margin-top: 55px;
  padding-bottom: 35px;
}

.liuc {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
}

.liuc .lc {
  border: 1px solid #fff;
  border-radius: 5px;
  position: relative;
}

.liuc .lc::after {
  content: "";
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -20px;
  background: url(//cdn.myxypt.com/8b5113d4/21/04/5206289cb066c6715831e7760d2472b260b23b52.png);
}

.liuc .lc:last-child::after {
  display: none;
}

.liuc .lc div {
  width: 146px;
  height: 112px;
  background: center no-repeat;
}

.liuc .lc p {
  text-align: center;
  color: #fff;
  padding-bottom: 13px;
}

.content .content_4 .mobile {
  position: relative;
  left: 50%;
  margin-left: -195px;

  display: inline-block;
  margin-top: 50px;
}

.content .content_4 .mobile p {
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

.content .content_4 .btn {
  padding: 6px 22px;
  background: #ffffff;
  color: #ff6600;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.content .content_4 .btn:hover {
  color: #313b5e;
}

.aam:hover {
  color: #313b5e ! important;
}

.w-container {
  width: 1200px;
  margin: 0 auto;
}

/*jgxg*/
.w-ys-con li {
  list-style-type: none;
  margin-bottom: 40px;
  padding: 30px 0;
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
}

.w-ys-con li .text {
  width: calc(50% - 15px);
  float: left;
}

.w-ys-con li:nth-child(2n) {
  background-color: #eeeeee;
}

.w-ys-con li:nth-child(2n) .text {
  float: right;
}

.w-ys-con li .text .top {
  height: 150px;
}

.w-ys-con li .text1 .top {
  background: url(../images/num1bg.png) no-repeat left center;
  padding: 44px 88px;
}

.w-ys-con li .text2 .top {
  background: url(../images/num2bg.png) no-repeat left center;
  padding: 44px 88px;
}

.w-ys-con li .text3 .top {
  background: url(../images/num3bg.png) no-repeat left center;
  padding: 44px 88px;
}

.w-ys-con li .text4 .top {
  background: url(../images/num4bg.png) no-repeat left center;
  padding: 44px 88px;
}

.w-ys-con li .text .top h3 {
  color: #313b5e;
  font: 600 26px/36px "Microsoft yahei";
}

.w-ys-con li .text .top h4 {
  color: #333333;
  font: 400 18px/22px "Microsoft yahei";
}

.w-ys-con li .text .middle1 p {
  color: #333333;
  line-height: 24px;
  background: url(../images/em1.png) no-repeat left center;
  padding-left: 30px;
  font: 400 15px/30px "Microsoft yahei";
}

.w-ys-con li .img {
  float: right;
  width: calc(50% - 15px);
}

.w-ys-con li:nth-child(2n) .img {
  float: left;
}
.w-news-list2 li>div a{
  position: relative;
  font: 400 14px/30px "Microsoft yahei";
  padding-left: 22px;
}
.w-news-list2 li>div a img {
    position: absolute;
    top: 0;
    left: 0;
  }
