@charset "utf-8";
/* CSS Document */
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:0;background:rgba(255,255,255,0)}::-webkit-scrollbar-thumb{border-radius:5px;background:#aaaaaa}::-webkit-scrollbar-thumb:hover{border-radius:5px;background:#aaaaaa}



body.xpqg_body {
    font-family: "PingFang SC", "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma, arial, "\5B8B\4F53", sans-serif;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}
html{font-size:62.5%;}
.xpqg_body a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
.xpqg_body a:hover
{
    color:#254194;
	text-decoration:none;outline:none;
}
.xpqg_body a:focus{outline:none;text-decoration:none;}
.xpqg_body .clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.xpqg_body .fl {
	float:left;}
.xpqg_body .fr {
	float:right;}
.xpqg_body a,img{border:0px;}

.xpqg_body br{font-family:SimSun;}

.xpqg_body p{margin:0px;padding:0px;line-height:1.75;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
.xpqg_body br{margin:0px;padding:0px;}
.xpqg_body .clearheight{width:100%;height:1px;overflow:hidden;}
.xpqg_body input,select,textarea{font-family: 'albb',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
.xpqg_body input::-ms-clear, input::-ms-reveal{
        display: none;
  }
.xpqg_body input[type="text"]:disabled
{
background-color: #999;
}
.xpqg_body input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.xpqg_body input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

.xpqg_body input:-ms-input-placeholder {
    color: #999;
}

.xpqg_body input::-webkit-input-placeholder {
    color: #999;
}

.xpqg_body input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
.xpqg_body input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
.xpqg_body input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

.xpqg_body a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

/*loading*/
@-webkit-keyframes an_01 {  
  0%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
  100% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}
 
@keyframes an_01 {
  0%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
  100% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
}

@-webkit-keyframes ksan{
    0%{-webkit-transform:scale(.1);opacity:1}
    100%{-webkit-transform:scale(1.4);opacity:0}
}
@keyframes ksan{
    0%{-webkit-transform:scale(.1);opacity:1}
    100%{-webkit-transform:scale(1.4);opacity:0}
}

/*common*/
html{height:auto !important;}
.xpqg_body{background:url("../images/bg.png") center no-repeat;background-size:100% 100%;height:auto !important;min-height:100vh;}

.xpgq_mainfr{width:100%;overflow:hidden;}

.xp_wrap{width:100%;margin:0px auto;padding:0px;}
.xp_wrap_in{margin:0px 10%;}
.xp_wrap_c{max-width:1140px;margin:0px auto;}

.w_wap{display:none !important;}

.xpqg_body header{background-color:#fff;}

.xpqg_01{overflow:hidden;padding-top:.8rem;}
.xpqg_01 .fl{width:52.63%;margin-top:1.2rem;}
.xpqg_01 .fl img{width:100%;display:block;}

.xpqg_01 .fr{width:35.08%;}
.xpqg_01 .fr img{width:100%;display:block;}

.xpqg_02{overflow:hidden;margin-top:.6rem;height:.6rem;}
.xpqg_02 ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between}
.xpqg_02 ul li{width:calc(100% / 5);line-height:.6rem;height:.6rem;overflow:hidden;text-align:center;position:relative}
.xpqg_02 ul li:before{content:"";width:1px;height:.1rem;display:block;overflow:hidden;background-color:#fff;position:absolute;right:0px;top:.27rem;}
.xpqg_02 ul li a{font-size:.18rem;color:#fff;}
.xpqg_02 ul li.on{background:url("../images/img2.png") center no-repeat;background-size:100% 100%;}
.xpqg_02 ul li.on:before{display:none;}
.xpqg_02 ul li:last-child:before{display:none;}
.xpqg_02 .xpgq_02_p{width:100%;overflow:hidden;}
.xpqg_02.on .xpgq_02_p{height:.6rem;background-color:#000;position:fixed;left:0px;top:0px;z-index:999;}









.xpqg_03{overflow:hidden;margin-top:.8rem;}
.xpqg_03_t{width:100%;overflow:hidden;text-align:center;background:url("../images/img3.png") center no-repeat;background-size:2rem;}
.xpqg_03_t label{display:inline-block;height:50px;line-height:50px;color:#fff;font-size:.32rem;}

.xpgq_03_c{width:100%;overflow:hidden;margin-top:.32rem;}
.xpgq_03_c p{width:100%;overflow:hidden;font-size:.16rem;line-height:1.5;color:#ccc;margin-bottom:.16rem;}


.xpqg_04{overflow:hidden;margin-top:.6rem;background:url("../images/img.png") center no-repeat;background-size:100% 100%;padding:.8rem 0px 0px 0px;}

.xpgq_05{width:100%;overflow:hidden;}

.xpgq_05_t{width:100%;overflow:hidden;margin-top:.32rem;}
.xpgq_05_t ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;background:url("../images/img2.png") center no-repeat;background-size:100% 100%;}
.xpgq_05_t ul li{width:100%;height:.6rem;cursor:pointer;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-size:.16rem;color:#fff;}
.xpgq_05_t ul li.on{color:#000;background-color:#fff;}

.xpgq_05_c{width:100%;overflow:hidden;}
.xpgq_05_c ul li{width:100%;overflow:hidden;}
.xpgq_05_c ul li img{width:100%;display:block;}


.xpqg_06{overflow:hidden;margin-top:.8rem;}

.xpqg_06_t{width:100%;overflow:hidden;margin-top:.32rem;}
.xpqg_06_t ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;}
.xpqg_06_t ul li{width:100%;overflow:hidden;padding:.05rem 0px;cursor:pointer;}
.xpqg_06_t ul li span{width:100%;display:block;overflow:hidden;text-align:center;}
.xpqg_06_t ul li span.sp1{font-size:.24rem;color:#fff;line-height:1.5;}
.xpqg_06_t ul li span.sp2{font-size:.16rem;color:#999;line-height:1.5;}
.xpqg_06_t ul li.on{background:url("../images/img2.png") center no-repeat;background-size:100% 100%;}

.xpqg_06t_slide{width:100%;overflow:hidden;}
.xpqg_06t_slide .swiper-slide{width:20%;overflow:hidden;float:left;}
.xpqg_06t_slide .swiper-slide label{width:100%;overflow:hidden;padding:.05rem 0px;cursor:pointer;display:block;}
.xpqg_06t_slide .swiper-slide label span{width:100%;display:block;overflow:hidden;text-align:center;}
.xpqg_06t_slide .swiper-slide label span.sp1{font-size:.24rem;color:#fff;line-height:1.5;}
.xpqg_06t_slide .swiper-slide label span.sp2{font-size:.16rem;color:#999;line-height:1.5;}
.xpqg_06t_slide .swiper-slide label.on{background:url("../images/img2.png") center no-repeat;background-size:100% 100%;}



.xpqg_06_c{width:100%;overflow:hidden;margin-top:.24rem}
.xpgq_06c_c{width:100%;overflow:hidden;}
.xpgq_06c_c_t{width:100%;overflow:hidden;
    /*height:.6rem;*/
    text-align: center;
    color:#fff;font-size:.24rem;background:url("../images/img6.png") center no-repeat;
    background-size:100% 100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}

.xpgq_06c_c_c{width:100%;overflow:hidden;margin-top:.24rem;}
.xpgq_06c_c_c table{width:100%;overflow:hidden;}
.xpgq_06c_c_c table tr td{border-bottom:.01rem solid #999;font-size:.15rem;color:#999;line-height:1.5;padding:.08rem;}
.xpgq_06c_c_c table tr td:nth-child(1){width:15%;}
.xpgq_06c_c_c table tr td:nth-child(2){width:35%;}
.xpgq_06c_c_c table tr td:nth-child(3){width:50%;}



.xpqg_07{overflow:hidden;margin-top:.8rem;}
.xpqg_08{overflow:hidden;position:relative;margin-top:.32rem;}
.xpqg_08:before{content:"";width:100%;height:.03rem;display:block;overflow:hidden;position:absolute;left:0px;top:.72rem;background:url("../images/xian.png") center no-repeat;background-size:100% 100%;}
.xpqg_08 ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;position:relative;}
.xpqg_08 ul li{width:100%;overflow:hidden;cursor:pointer;}
.xpqg_08 ul li p{width:100%;overflow:hidden;position:relative;z-index:99;}
.xpqg_08 ul li p.p1{}
.xpqg_08 ul li p.p1 img{display:block;margin:0px auto;padding:0px;height:.72rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.xpqg_08 ul li p.p2{text-align:center;font-size:.26rem;color:rgba(255,255,255,.5);line-height:1.5;font-weight:200;padding:.2rem 0px .05rem 0px;}
.xpqg_08 ul li p.p3{text-align:center;font-size:.16rem;color:#fff;line-height:1.5;}
.xpqg_08 ul li p.p4{text-align:center;font-size:.12rem;color:#fff;line-height:1.5;margin-top:.02rem;}
.xpqg_08 ul li.on p.p2{color:#fff;}
.xpqg_08 ul li:hover p.p1 img{transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);}

.xpqg_08_slide{width:100%;overflow:hidden;}
.xpqg_08_slide .swiper-slide{width:20%;float:left;}
.xpqg_08_slide .swiper-slide div{width:100%;overflow:hidden;cursor:pointer;}
.xpqg_08_slide .swiper-slide div p{width:100%;overflow:hidden;position:relative;z-index:99;}
.xpqg_08_slide .swiper-slide div p.p1{}
.xpqg_08_slide .swiper-slide div p.p1 img{display:block;margin:0px auto;padding:0px;height:.72rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.xpqg_08_slide .swiper-slide div p.p2{text-align:center;font-size:.26rem;color:rgba(255,255,255,.5);line-height:1.5;font-weight:200;padding:.2rem 0px .05rem 0px;}
.xpqg_08_slide .swiper-slide div p.p3{text-align:center;font-size:.16rem;color:#fff;line-height:1.5;}
.xpqg_08_slide .swiper-slide div p.p4{text-align:center;font-size:.12rem;color:#fff;line-height:1.5;margin-top:.02rem;}
.xpqg_08_slide .swiper-slide div:hover p.p1 img{transform: scale(1.06, 1.06); -moz-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06);}


.xpqg_08_sp{width:100%;overflow:hidden;text-align:center;margin-top:.4rem;}
.xpqg_08_sp a{width:.4rem;height:.4rem;display:inline-block;margin:0px .2rem;}
.xpqg_08_sp a.xpqg_08sp_prev{background:url("../images/left.png") center no-repeat;background-size:100%;}
.xpqg_08_sp a.xpqg_08sp_next{background:url("../images/right.png") center no-repeat;background-size:100%;}

.xpqg_09{margin-top:.32rem;margin-bottom:.9rem;}
.xpqg_09 .xp_wrap_c{position:relative;}
.xpqg_09 .xpqg_09_prev{width:.4rem;height:calc(100% - 1.05rem);display:block;overflow:hidden;background:url("../images/left.png") center no-repeat;background-size:100%;position:absolute;left:-.6rem;top:0px;z-index:999;opacity:1;}
.xpqg_09 .xpqg_09_next{width:.4rem;height:calc(100% - 1.05rem);display:block;overflow:hidden;background:url("../images/right.png") center no-repeat;background-size:100%;position:absolute;right:-.6rem;top:0px;z-index:999;opacity:1;}


.xpqg_09_slide{width:100%;overflow:hidden;}
.xpqg_09_slide .swiper-slide{width:30%;overflow:hidden;}
.xpqg_09_slide .swiper-slide a{width:100%;display:block;overflow:hidden;}
.xpqg_09_slide .swiper-slide em{width:100%;display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.xpqg_09_slide .swiper-slide em.em1{width:100%;display:block;}
.xpqg_09_slide .swiper-slide em.em1 img{width:100%;display:block;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.xpqg_09_slide .swiper-slide em.em2{}
.xpqg_09_slide .swiper-slide em.em2 span{width:100%;display:block;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.xpqg_09_slide .swiper-slide em.em2 span.sp1{font-size:.18rem;color:rgba(255,255,255,.5);line-height:1.5;margin-top:.2rem;}
.xpqg_09_slide .swiper-slide em.em2 span.sp2{font-size:.14rem;color:rgba(255,255,255,.5);line-height:1.5;margin-top:.1rem;}
.xpqg_09_slide .swiper-slide a:hover em.em1 img{transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03);}
.xpqg_09_slide .swiper-slide a:hover em.em2 span.sp1{color:#fff;}
.xpqg_09_slide .swiper-slide a:hover em.em2 span.sp2{color:#fff;}


@media screen and (min-width:1921px) {
}

@media screen and (max-width:1560px) {
    .xp_wrap_in{margin:0px 5%;}

}


@media screen and (max-width:1440px) {
    .xp_wrap_in{margin:0px 7.5%;}

   

}

@media screen and (max-width:1280px) {

    
}


@media screen and (max-width:1366px) {
    .xp_wrap_c{max-width:1000px;margin:0px auto;}
    
}

@media screen and (max-width:1200px) {

    .xp_wrap_in{margin:0px 20px;}
    .xp_wrap_c{margin:0px 20px;}

    .xpqg_09 .xpqg_09_prev{left:5%;}
    .xpqg_09 .xpqg_09_next{right:5%;}

    .xpqg_01 .fr{width:100%;}
    .xpqg_01 .fr img{max-width:50%;margin:0px auto;padding:0px;}

    .xpqg_01 .fl{width:100%;margin-top:.5rem;}
    .xpqg_01 .fl img{max-width:80%;margin:0px auto;padding:0px;}







}

@media screen and (max-width:861px) {

    
}



@media screen and (max-width:768px) {


    .xp_wrap_in{margin:0px 10px;}
    .topfr .xp_wrap_in{margin:0px 10px;}

    .w_pc{display:none !important;}
    .w_wap{display:block !important;}

    

}