@charset "utf-8";
/* CSS Document */
.Xmain{width: 100%;overflow: hidden;margin-top: 51px; background-color: #f6f6f6;}
.xcrumbs{width: 62.5%;}
.xcrumbs span{float: left; font-size: 16px; color: #000; line-height: 36px; margin-left: 10px;}
.xcrumbs a{font-size: 16px; color: #000; line-height: 36px;}
.xcrumbs span img{display: initial;}
.xcrumbs_1{margin-left: 0px !important;}
.xtop{width: 62.5%; margin-top: 1%;background-color: #FFFFFF; overflow: hidden; padding-bottom: 2%;}
.xtop_left{float: left; width:28%; margin-top: 5%; margin-left: 2%;}
.xtop_mid{float: left; width: 47.5%; margin-top: 5%; margin-left: 1.25%; margin-right: 1.25%; }
.xtop_right{float: left; width: 18%; margin-top: 5%; margin-left: 1%;}

.swiper-box {
  width: 100%;
}
.view img {
  display: block;
  width: 100%;
  height: 100%
}
.view {
  position: relative
}
.view .swiper-container {
  width: 100%;
  aspect-ratio: 1 / 1;
}
.view .swiper-slide div {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}
.preview {
  width: 100%;
  margin-top: 10%;
  position: relative
}
.preview .swiper-container {
  margin-left: 15px;
  margin-right: 15px
}
.preview .swiper-slide {
  width: 60px;
  height: 60px;
  cursor: pointer;
  overflow: hidden
}
.preview .swiper-slide img {
  width: 40px;
  height: 40px; padding: 3px;
}
.preview .arrow-left {
  background-size: 100% 100%;
  position: absolute;
  left: 0px;
  top: 14px;
  z-index: 0
}
.preview .arrow-left span {
  display: inline-block;
  width: 11px;
  height: 19px;
  background: url(../images/xcommon/swiper-l-1.jpg)no-repeat center;
  background-size: 100% 100%;
}
.preview .arrow-right {
  position: absolute;
  right: 0px;
  top: 14px;
  z-index: 0
}
.preview .arrow-right span {
  display: inline-block;
  width: 11px;
  height: 19px;
  background: url(../images/xcommon/swiper-l-2.jpg)no-repeat center;
  background-size: 100% 100%;
}
.preview .active-nav img {
  border: 1px solid #d1b43d;
	border-radius: 5px;
}
.xtop_mid_1{width: 100%; overflow: hidden;background-color: #f6f6f6; padding-bottom: 3%; background-image: url(../images/xcommon/xcbbj.png); background-repeat: no-repeat; background-position: right center;}
.xtop_mid_t{width: 96%; font-size: 18px; font-weight: 600; color: #000000; line-height: 36px; margin-top: 1%;}
.xtop_mid_cb{display:inline-block; margin-left: 2%; font-size: 13px; line-height: 22px; border: 1px solid #ff0900;color: #ff0900; margin-top: 2.5%; background-color: #ffece7; padding: 0 2% 0 1%; border-radius: 3px;}
.xtop_mid_cb img{float: left; align-items: center; padding-right: 6px;}
.xtop_mid_2{width: 97%; padding-top: 3%;overflow:hidden;}
.xtop_mid_2_li{float: left; width: 100%;}
.xtop_mid_2_li_l{ font-size: 16px; line-height: 36px;color: #4D4D4D;}
.xtop_mid_2_li_r{font-size: 15px; line-height: 15px; color: #000000; margin-left: 10px;}
.xtop_mid_2_li_r img{display: inline-block;vertical-align:text-bottom;}
.xtop_mid_2_top{margin-top: 1%;}
.xtop_mid_2_r_1{font-size: 22px; color: #ff0900;}
.xtop_mid_2_li_red{color: #ff0900;}
.xtop_mid_3{width: 97%; margin-top: 5%; overflow: hidden;}
.xtop_mid_3_l{width: 30%; background-color: #d1b43d; border: 1px solid #d1b43d; float: left; text-align: center; border-radius: 5px;}
.xtop_mid_3_l a{color: #000000; font-size: 18px; line-height: 36px; display: block; padding: 4px 0;}
.xtop_mid_3_r{width: 30%; margin-left: 2%; background-color: #fffae7;border: 1px solid #d1b43d; float: left; text-align: center;border-radius: 5px;}
.xtop_mid_3_r a{color:#d1b43d; font-size: 18px; line-height: 36px;display: block;padding: 4px 0;}
.xtop_mid_4{width: 97%; margin-top: 5%;}
.xtop_right_1{width: 100%; overflow: hidden;}
.xtop_right_1 ul{width: 100%;}
.xtop_right_1 ul li{width: 50%; float: left; color: #000000; line-height: 14px; font-size: 14px; margin-top: 10%;}
.xtop_right_1 ul li:nth-child(1),.xtop_right_1 ul li:nth-child(2){margin-top: 0;}
.xtop_right_1 ul li img{vertical-align: sub;display:inline; margin-right: 3px;}
.xtop_right_2{width: 100%; margin-top: 8%;}
.xtop_right_2 img{width: 100%;}
.xtop_right_3{width: 80%; padding: 5% 10%; text-align: center; font-size: 13px; line-height: 20px;color: #4D4D4D; border-bottom: 1px dashed #bebebe;}
.xtop_right_4{width: 100%;margin-top:5%;}
.xtop_right_4 img{display: inline;vertical-align:middle;}
.xtop_right_4_1{font-size: 14px; line-height: 36px; color: #4D4D4D;margin-left:3px;}
.xtop_right_4_2{font-size: 15px; line-height: 36px; color: #000000;margin-left:3px; font-weight: 600;}
.xmiddle{width: 62.5%; background-color: #FFFFFF; overflow: hidden;margin-top:1%;margin-bottom:1%;}
.xMain_bot_tit{width: 100%; border-bottom: 1px solid #dfdfdf; padding-top: 1%;}
.xMain_bot_tit span{display: inline-block; border-bottom: 2px solid #d1b43d; margin-left: 2%; font-size: 16px; line-height: 36px;}

.mn-wrap {
    width: 100%;
    height: 320px;
    background: #FFFFFF;
    overflow: hidden;
    margin: 3% 0 3% 0%;
    position: relative;
}
.mn-swiper{
    width: 92%;
    height: 100%;
    position: initial !important;
}
.swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
  }
.mn-swiper .swiper-slide a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.mn-swiper .swiper-slide{
    width: 268px !important;
    /*height: 150px !important;*/      
    border-radius: 4px;
    margin-left: 26px;text-align: center;transition:all .7s ease 0s;
}
/*.mn-swiper .swiper-slide:hover{
    opacity: 0.9;  box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);
-webkit-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);
-moz-box-shadow: -1px 1px 27px -5px rgba(0,0,0,0.7);
}*/
/* 左侧点击按钮 */
.mn-swiper .swiper-button-prev{
    left: 1%;
    background-image: url(../images/xcommon/xcb_left.jpg);
}
/* 右侧点击按钮 */
.mn-swiper .swiper-button-next{
    right: 1%;
    background-image: url(../images/xcommon/xcb_right.jpg);
}
.mn-swiper .swiper-button-next, .mn-swiper .swiper-button-prev{
    width: 23px;
    height: 41px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
}
.mn-swiper .swiper-wrapper{
    width: 100%;
    margin: 0 auto;
}
.mn-img{width: 100%; float: left;}
.mn-img img{width: 100%;}
.mn-title{font-size: 16px; line-height: 24px;}

.xintroduce{width: 62.5%;}
.xintroduce_left{float: left;width: 19.1%; }
.xintroduce_left_1{width: 100%; padding-top: 5%;background: #FFFFFF;padding-bottom:5%;}
.xintroduce_left_1_t{width: 100%; font-size: 18px; color: #d1b43d; line-height: 36px; border-bottom: 2px solid #dfdfdf;}
.xintroduce_left_1_t .xintroduce_left_1_t_p{ /*border-bottom: 1px solid #d1b43d;*/ display: inline-block; margin-left: 10%;font-weight:600;}
.list_dt{width: 80%;
    color: #000000; font-size: 16px;
    line-height: 36px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_dt p{display: inline-block; }
.list_dd{display: none;}
#open p{border-bottom: 1px solid #d1b43d;}
.list_li{width: 80%;cursor: pointer;}
.list_li a{color: #000000;font-size: 14px;line-height: 24px;}
.list_li img{display:inline-block;padding-left:5px;}
.list_li a:hover{color: #d1b43d;}
.xintroduce_left_2{width: 100%; padding-top: 5%;background: #FFFFFF;padding-bottom:5%; margin-top: 5%; overflow: hidden;}
.xintroduce_left_2_t{width: 80%; font-size: 16px; line-height: 32px; color: #000000;}
.xintroduce_left_2_t p{border-bottom: 2px solid #d1b43d; display: inline-block;}
.xintroduce_left_2_list{width: 100%; padding: 5% 0;}
.xintroduce_left_2_list ul{width: 90%;}
.xintroduce_left_2_list ul li{float: left; width: 100%; border-bottom: 1px dashed #dfdfdf;padding:8% 0;}
.xintroduce_img,.xintroduce_img img{width: 100%;}
.xintroduce_title{font-size: 14px; line-height: 22px; color: #000000; text-align: center;}
.xintroduce_right{float: left;width: 80%; margin-left: 0.9%;background: #FFFFFF; overflow: hidden;padding-bottom:3%; margin-bottom: 3%;}
.xintroduce_right_top{width: 100%; border-bottom: 1px solid #dfdfdf; height: 48px;}
.right_top_shu{float: left; width: 3px; background-color:#d1b43d; margin-right: 5px; height: 48px;}
.right_top_cp{float: left; font-size: 16px; line-height: 48px; color: #FFFFFF; height: 100%; padding: 0 25px 0 8px;background:linear-gradient(-45deg, transparent 10px, #d1b43d 0)}
.right_top_cp img{display: inline-block;vertical-align:middle; margin-right: 10px;}
.xintroduce_right_mid{width: 100%; margin: 2% 0%; overflow: hidden;}
.xintroduce_right_mid ul{width: 96%; float: left; overflow: hidden;}
.xintroduce_right_mid ul li{float: left; font-size: 14px; line-height: 36px; color: #4D4D4D; margin-left: 3%;}
.xintroduce_right_mid ul li:nth-child(2){margin-left: 20%;}
.xintroduce_right_bot{width: 100%; border-top: 1px dashed #dfdfdf;}
.right_bot_1{width: 96%; margin-top: 1%;font-size: 14px; line-height: 36px; color: #4D4D4D;}
.right_bot_2{width: 96%;}
.right_bot_2 img{ margin: 0 auto;}
@media (max-width: 1440px){
	.xcrumbs span{font-size: 15px;}
	.xcrumbs span a{font-size: 15px;}
	.xtop_mid_t{font-size: 16px;}
	.xtop_mid_cb{font-size: 12px;}
	.xtop_mid_2_li_l{font-size: 15px;}
	.xtop_mid_2_li_r{font-size: 14px;}
	.xtop_mid_3_l a,.xtop_mid_3_r a{font-size: 14px;}
	.xtop_right_1 ul li{font-size: 12px;width: 100%;}
	.xtop_right_3{font-size: 12px;}
	.xMain_bot_tit span,.mn-title{font-size: 15px;}
	.xintroduce_left_1_t{font-size: 16px;}
	.list_dt,.xintroduce_left_2_t{font-size: 15px;line-height:30px;}
	.list_li a,.xintroduce_title{font-size: 13px;line-height:18px;}
	.xintroduce_right_top,.right_top_shu{height: 44px;}
	.right_top_cp{line-height: 44px;}
	.right_bot_2 img{width: 100%;}
}
.Xfooter{margin-top:0 !important;}