@font-face{font-family:'frontA';src:url('../fonts/ArchivoBlack-Regular.ttf')}
@font-face{font-family:'frontB';src:url('../fonts/segoeuithibd.ttf')}
@font-face{font-family:'frontC';src:url('../fonts/segoeuithis.ttf')}
@font-face{font-family:'Poppins-b';src:url('../fonts/Poppins-Bold.ttf')}
*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{font-size:16px; color:#555; font-family:frontB;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;}
input,select,button,textarea{font-size:16px; border:0; background:none; outline:none; vertical-align:middle; font-family:frontB}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
a:hover{color:#cd211f; text-decoration:none !important;}
.clear{overflow:hidden; clear:both; height:0px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}
::-webkit-scrollbar-thumb:active{background-color:#cd211f;}
@media only screen and (max-width:992px){
body{font-size:14px;}
input,select,button,textarea{font-size:14px;}
input,textarea{-webkit-appearance:none; border-radius:0;}
}

@media only screen and (max-width:992px){
html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}
}

body{transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
@media only screen and (max-width:992px){
body.on{transform:translateX(-60%);
-webkit-transform:translateX(-60%);
-moz-transform:translateX(-60%);
-ms-transform:translateX(-60%);
-o-transform:translateX(-60%);}
}

@media only screen and (max-width:992px){
.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:99999; display:none;}
}

.top{width:100%; background-color:#000; line-height:40px; color:#fff;}
 
.top .r_t{float:left;}
.top .r_t ul li{float:left; padding-left:20px; margin-right:20px; position:relative;}
.top .r_t ul li:after{width:1px; height:14px; background-color:#fff; content:""; position:absolute; left:0; top:50%; margin-top:-7px;}
.top .r_t ul li:first-child:after{display:none;}
.top .r_t i{vertical-align:middle; margin-right:5px;}
.yy { float:right}
.yy li{ float:left; margin-left:10px; width:30px}
.yy li img{ width:100%}
@media only screen and (max-width:992px){
.top .r_t{display:none;}
.yy li{ float:left; margin-left:10px; width:20px}

}

.header{width:100%; background-color:rgba(255,255,255,.99); position:relative; z-index:9999;}
.header.on{  position:fixed; top:0; left:0;}
.header .logo{width:420px; float:left; margin:22.5px 0 0;}
.header .logo img{width:100%; height:auto; display:block;}
.header .s_ch{width:36px; height:36px; border-radius:18px; background-color:#cd211f; line-height:36px; text-align:center; color:#fff; margin-top:32px; float:right; cursor:pointer;}
.header .an{position:absolute; top:50%; margin-top:-12px; right:15px; height:22px; width:30px; display:none;}
.header .an span{width:30px; height:2px; background-color:#cd211f; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right; margin-right:20px;}
.header .nav ul li{height:100px; margin:0 25px; float:left; position:relative;}
.header .nav ul li:after{width:0; height:2px; background-color:#cd211f; position:absolute; left:50%; bottom:0; content:"";
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover:after{width:100%;}
.header .nav ul li.on:after{width:100%;}
.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:block; font-size:17px; text-transform: capitalize; line-height:100px; color:#000;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover .y_j a{color:#cd211f;}
.header .nav ul li.on .y_j a{color:#cd211f;}
.header .nav .e_j{width:260px; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; left:-15px; display:none;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j a{border-bottom:1px solid #ddd; font-size:15px; line-height:46px; padding:0 15px; display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav .e_j a:last-child{border-bottom:0;}
.header .nav .e_j a:hover{background-color:#cd211f; color:#fff;}
@media (min-width:992px){
.header .nav ul li{margin:0 10px;}
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}
@media (min-width:1220px){
.header .nav ul li{margin:0 25px;}
}
@media only screen and (max-width:992px){
.header{position:relative; top:auto; left:auto;}
.header .logo{width:220px; margin:10px 0;}
.header .s_ch{margin-top:5px; margin-right:50px; background:none; color:#cd211f;}
.header .s_ch i{font-weight:bold; font-size:24px;}
.header .an{display:block;}
.header .nav{width:60%; height:100%; padding:10px 3% 0; margin:0; float:none; background-color:#3b3b3b; height:100%; position:fixed; top:0; right:-60%; z-index:9999; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav ul{width:100%;}
.header .nav ul li{width:100%; height:auto; line-height:50px; text-align:left; border-bottom:1px solid rgba(255,255,255,.7); float:none; padding:10px 0; margin:0;}
.header .nav ul li:after{display:none;}
.header .nav .y_j i{display:block; width:60%; position:absolute; top:0; right:0; font-size:15px; text-align:right; color:#fff; line-height:40px; padding-right:15px; z-index:99;}
.header .nav .y_j a{font-size:15px; line-height:40px; color:#ddd;}
.header .nav ul li:hover .y_j a{color:#fff;}
.header .nav ul li.on .y_j a{color:#fff !important;}
.header .nav .e_j{width:100%; background:none; box-shadow:none; position:relative; left:auto; margin-left:0;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j a{background:none; box-shadow:none; border-bottom:1px solid #555; font-size:14px; color:#fff; line-height:22px; padding:10px 0; text-align:left; margin-bottom:0;}
.header .nav .e_j a:hover{background:none;}
}

.head_h{width:100%; height:98px; background-color:#fff; overflow:hidden; display:none;}
.head_h.on{display:block;}
@media only screen and (max-width:992px){
.head_h.on{display:none;}
}

.pc_ban{width:100%; height:76vh; position:relative; overflow:hidden;}
.pc_ban .swiper-slide:after{width:0; height:5px; background-color:rgba(255,255,255,.5); position:absolute; left:0; bottom:0; content:"";
transition:all 5s;
-o-transition:all 5s;
-ms-transition:all 5s;
-moz-transition:all 5s;
-webkit-transition:all 5s;}
.pc_ban .swiper-slide-active:after{width:100%;}
.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/banner-l.png) no-repeat center; left:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.pc_ban:hover .swiper-button-prev{left:2%; opacity:.5;}
.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/banner-r.png) no-repeat center; right:0%; margin-top:-20px; opacity:0;
background-size:40px 40px;
-webkit-background-size:40px 40px;
-moz-background-size:40px 40px;
-ms-background-size:40px 40px;
-o-background-size:40px 40px;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.pc_ban:hover .swiper-button-next{right:2%; opacity:.5;}
.pc_ban .container{position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.pc_ban .w_z{  color:#fff; position:relative;}
.pc_ban .w_z h1{font-size:40px; font-weight:bold; text-transform: capitalize; line-height:76px; margin-bottom:20px; font-family:frontA}
.pc_ban .w_z h2{font-size:36px; line-height:46px; margin-bottom:10px;}
.pc_ban .w_z .p{font-size:26px; line-height:36px; margin-bottom:30px;}
.pc_ban .w_z .n_r a{width:200px; height:50px; background-color:#cd2824; border-radius:5px; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; line-height:50px; display:block;font-family:frontC}
@media only screen and (max-width:992px){
	.pc_ban{height:30vh;}
	.pc_ban .container{width:100%;}
	.pc_ban .swiper-pagination{bottom:5px;}
	.pc_ban .swiper-pagination-bullet{width:6px; height:6px;}
	.pc_ban .w_z h1{font-size:22px; line-height:36px; margin-bottom:10px;}
	.pc_ban .w_z h2{display:none;}
	.pc_ban .w_z .p{font-size:16px; line-height:28px; margin-bottom:15px;}
	.pc_ban .w_z .n_r a{width:160px; height:40px; font-size:14px; line-height:40px;}
}

.gy_bt{text-align:center; margin-bottom:50px;}
.gy_bt h3{font-size:36px; text-transform:uppercase; font-weight:bold; color:#000;}
.gy_bt span{width:60px; height:3px; background-color:#cd211f; display:block; margin:25px auto 0;}
@media only screen and (max-width:992px){
.gy_bt{margin-bottom:20px;}
.gy_bt h3{font-size:20px; margin-bottom:15px;}
.gy_bt span{width:50px; height:2px; margin:10px auto 0;}
}


.gy_bt1{text-align:center; margin-bottom:50px;}
.gy_bt1 h3{font-size:36px; text-transform:uppercase; font-weight:bold; color:#fff;}
.gy_bt1 span{width:60px; height:3px; background-color:#fff; display:block; margin:25px auto 0;}
@media only screen and (max-width:992px){
.gy_bt1{margin-bottom:30px;}
.gy_bt1 h3{font-size:24px; margin-bottom:15px;}
.gy_bt1 span{width:50px; height:2px; margin:20px auto 0;}
}

.sy_fw{width:100%; padding:60px 0  ; overflow:hidden;background-color:#f7f7f7;}
 
.sy_fw .swiper-gn{padding-bottom:40px;}
.sy_fw .swiper-slide{background-color:#fff;box-shadow:0 0 30px #ddd;}
.sy_fw .swiper-pagination{bottom:0;}
.sy_fw .row{margin:0; display:flex; align-items:center; justify-content:space-between;}
.sy_fw .col-12{padding:0;}
.sy_fw .t_p{overflow:hidden; }
.sy_fw .swiper-slide-active .t_p{ }
.sy_fw .t_p img{width:100%; height:auto; display:block;}
.sy_fw .w_z{padding:0 26px; border-radius:20px; position:relative;  }
.sy_fw .swiper-slide-active .w_z{ }
.sy_fw .w_z .h3{font-size:20px; font-weight:bold; text-transform: capitalize; color:#333; line-height:36px; margin-bottom:20px;}
.sy_fw .w_z .p{line-height:28px; margin-bottom:30px; font-size:18px}
.sy_fw .w_z a{width:180px; height:50px; background-color:#cd2824; border-radius:5px; font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; color:#000; line-height:50px; display:block;}
@media only screen and (max-width:992px){
.sy_fw{padding:20px 0 0;}
.sy_fw .fw_nr{padding:0 0 20px;}
.sy_fw .w_z{padding:20px; border-radius:10px;}
.sy_fw .w_z .h3{font-size:16px; line-height:26px; margin-bottom:10px;}
.sy_fw .w_z .p{font-size:15px; line-height:24px; margin-bottom:20px;}
}
@media only screen and (max-width:640px){
.sy_fw .gn_bj{padding:40px 0 0;}
.sy_fw .row{flex-direction:column;}
.sy_fw .w_z{padding:20px 10px; text-align:center;}
.sy_fw .w_z a{width:150px; height:36px; font-size:15px; line-height:36px; margin:0 auto;}
.sy_fw .swiper-gn{padding-bottom:20px;}
}

.sy_ys{width:100%; padding:80px 0; background-color:#cd211f; overflow:hidden;}
.sy_ys .gy_bt h3{color:#fff;}
.sy_ys .gy_bt span{background-color:#fff;}
.sy_ys .n_r{background-color:#f7f7f7; padding:30px 15px; position:relative;}
.sy_ys .n_r:before{width:100%; height:4px; background-color:#cd2824; content:""; position:absolute; bottom:0; left:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_ys .n_r:hover:before{height:100%;}
.sy_ys .t_b{width:150px; height:150px; overflow:hidden; background-size:100% !important; position:relative; z-index:1; margin:0 auto;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.sy_ys .t_b.t_1{background:url(../images/a1.png) no-repeat top center;}
.sy_ys .n_r:hover .t_b.t_1{background:url(../images/a1.png) no-repeat bottom center;}
.sy_ys .t_b.t_2{background:url(../images/a2.png) no-repeat top center;}
.sy_ys .n_r:hover .t_b.t_2{background:url(../images/a2.png) no-repeat bottom center;}
.sy_ys .t_b.t_3{background:url(../images/a3.png) no-repeat top center;}
.sy_ys .n_r:hover .t_b.t_3{background:url(../images/a3.png) no-repeat bottom center;}
.sy_ys .w_z{margin-top:25px; text-align:center; position:relative; z-index:1;}
.sy_ys .w_z h3{font-size:22px; line-height:32px; font-weight:bold; color:#000; margin-bottom:20px;}
.sy_ys .w_z p{min-height:96px; line-height:24px; color:#555;}
@media only screen and (max-width:992px){
.sy_ys{padding:50px 0;}
.sy_ys .row{margin:0 -10px;}
.sy_ys .col-md-4{padding:0 10px;}
.sy_ys .n_r{padding:20px 10px;}
.sy_ys .n_r:before{height:2px;}
.sy_ys .t_b{width:80px; height:80px;}
.sy_ys .w_z{margin-top:15px;}
.sy_ys .w_z h3{font-size:20px; line-height:26px; margin-bottom:10px;}
.sy_ys .w_z p{font-size:15px; line-height:22px; min-height:88px;}
}
@media only screen and (max-width:640px){
.sy_ys .n_r{margin-bottom:20px;}
.sy_ys .w_z p{min-height:44px;}
}

.sy_xw{width:100%; padding:60px 0; background-color:#f6f6f6; overflow:hidden;}
.sy_xw .n_r{background-color:#fff; border-radius:5px; overflow:hidden;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s; margin-bottom:30px}
.sy_xw .n_r:hover{box-shadow:0 0 30px #ddd;
transform:translateY(-2px);
-webkit-transform:translateY(-2px);
-moz-transform:translateY(-2px);
-ms-transform:translateY(-2px);
-o-transform:translateY(-2px);}
.sy_xw .t_p{overflow:hidden;}
.sy_xw .t_p img{width:100%; height:auto; display:block;
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;}
.sy_xw .n_r:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_xw .w_z{padding:20px 15px; text-align: left;}
.sy_xw .w_z h3{font-size:24px; font-weight:bold; line-height:32px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xw .w_z p{line-height:24px; color:#555; height:48px; overflow:hidden; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.sy_xw .w_z span{ width:140px; line-height:36px; text-align:center; color:#fff; background:#cd211f; display:block;  margin-top:20px}
@media only screen and (max-width:992px){
.sy_xw{padding:20px 0 20px;}
.sy_xw .row{margin:0 -10px;}
.sy_xw .col-md-4{padding:0 10px;}
.sy_xw .w_z{padding:15px 10px;}
.sy_xw .w_z h3{font-size:20px;}
.sy_xw .w_z p{font-size:15px; line-height:22px; height:44px;}
}
@media only screen and (max-width:640px){
.sy_xw .n_r{background:none; border-radius:0; margin:0 -10px 20px;}
.sy_xw .n_r:hover{box-shadow:none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.sy_xw .t_p{width:40%; float:left; padding:0 10px;}
.sy_xw .t_p img{ height:110px}
.sy_xw .w_z{width:60%; float:right; padding:0 10px; text-align:left;}
.sy_xw .w_z h3{font-size:16px; line-height:26px; margin-bottom:0px;}
.sy_xw .w_z p{line-height:22px; height: auto;}
.sy_xw .w_z span{ width:100px; line-height:30px; text-align:center; color:#fff; background:#cd211f; display:block;  margin-top:10px; font-size:12px}

}

.sy_ban{width:100%; padding:60px 0; text-align:center; background:#f6f6f6;}
.sy_ban .w_z h1{font-size:26px; font-weight:bold; text-transform:uppercase; color:#000; line-height:60px; margin-bottom:10px;}
.sy_ban .w_z span{font-size:18px; line-height:26px; display:block; margin-bottom:30px;}
.sy_ban .l_y{width:100%; margin:0 auto;}
.sy_ban .l_y .row{margin:0 -10px;}
.sy_ban .l_y .col-12{padding:0 10px;}
.sy_ban .l_y input{width:100%; height:50px; background-color:#fff; border-radius:3px; padding:0 10px; line-height:50px; color:#000; display:block; margin-bottom:20px;}
.sy_ban .l_y textarea{width:100%; height:102px; background-color:#fff; border-radius:3px; padding:12px 10px; line-height:26px; color:#000; display:block; resize:none; margin-bottom:20px;}
.sy_ban button,
.sy_ban input[type=submit]{width:260px; height:50px; background-color:#cd211f; border-radius:3px; font-size:18px; text-transform:uppercase; line-height:50px; color:#fff; margin:0 auto; display:block;}
@media only screen and (max-width:992px){
.sy_ban{padding:20px 0;}
.sy_ban .w_z h1{font-size:22px; font-weight:normal; line-height:36px; margin-bottom:15px;}
.sy_ban .w_z p{font-size:13px; line-height:24px;}
.sy_ban .l_y{width:100%;}
}

.ny_ban{width:100%; height:400px; border-bottom:10px solid #f7f7f7; position:relative;}
.ny_ban:after{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:"";}
.ny_ban .w_z{width:80%; position:absolute; top:50%; left:10%; z-index:99; text-align:center;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);}
.ny_ban .w_z h1{font-size:46px; font-weight:bold; color:#fff;}
@media only screen and (max-width:990px){
.ny_ban{height:350px;}
.ny_ban .w_z h1{font-size:38px;}
}
@media only screen and (max-width:640px){
.ny_ban{height:200px;}
.ny_ban .w_z h1{font-size:32px;}
}

.gy_wm{width:100%; padding:80px 0;}
.gy_wm .row{margin:0 -30px; display:flex; align-items:center; justify-content:space-between;}
.gy_wm .col-12{padding:0 30px;}
.gy_wm .b_t{font-size:36px; font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:40px; position:relative;}
.gy_wm .b_t:after{width:72px; height:72px; background-color:#f7f7f7; content:""; position:absolute; top:-20px; left:0; z-index:-2;}
.gy_wm .b_t:before{width:72px; height:72px; background-color:rgba(205,33,31,.3); content:""; position:absolute; top:0; left:20px; z-index:-1;}
.gy_wm .b_y{font-size:26px; line-height:38px; color:#555;  }
.gy_wm .w_z{color:#333; line-height:36px; margin-top:20px; font-family:frontC; font-size:18px}
.gy_wm .t_p{ margin-top:20px}
.gy_wm .t_p img{width:100%; height:auto; display:block;}
@media only screen and (max-width:990px){
.gy_wm{padding:60px 0;}
.gy_wm .row{flex-direction:column;}
.gy_wm .b_t{font-size:32px; margin-bottom:30px;}
.gy_wm .b_t:after{display:none;}
.gy_wm .b_t:before{display:none;}
.gy_wm .b_y{font-size:26px; line-height:32px; margin-bottom:30px;}
}
@media only screen and (max-width:640px){
.gy_wm{padding:20px 0;}
.gy_wm .b_t{font-size:20px; margin-bottom:20px;}
.gy_wm .b_t:after{display:none;}
.gy_wm .b_t:before{display:none;}
.gy_wm .b_y{font-size:18px; line-height:28px; margin-bottom:20px;}
.gy_wm .w_z{color:#333; line-height:36px; margin-top:0px; font-family:frontC; font-size:18px}
}

.gy_ry{width:100%; padding:80px 0; background-color:#cd2824;}
.gy_ry .row{margin:0 -10px;}
.gy_ry .col-12{padding:0 10px;}
.gy_ry .b_t{font-size:36px; font-weight:bold; color:#000; text-transform:uppercase; text-align:center; position:relative;}
.gy_ry .h_x{width:80px; height:4px; background-color:#333; margin:10px auto 30px;}
.gy_ry .n_r{margin-top:30px;}
.gy_ry .t_p{position:relative; overflow:hidden;}
.gy_ry .t_p:after{width:100%; height:100%; background-color:rgba(0,0,0,.3); content:""; position:absolute; top:0; left:0;}
.gy_ry .t_p img{width:100%; height:auto; display:block;
transition:all 2s;
-o-transition:all 2s;
-ms-transition:all 2s;
-moz-transition:all 2s;
-webkit-transition:all 2s;}
.gy_ry .n_r:hover .t_p img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.gy_ry .l_m{width:70%; padding:20px 0; font-size:22px;  color:#fff; font-weight:bold; text-align:center; line-height:28px; text-transform:uppercase; position:absolute; top:50%; left:15%; z-index:9;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);}
.gy_ry .w_z{padding:20px; font-size:18px; color:#333; line-height:26px; text-align:center;}
@media only screen and (max-width:990px){
.gy_ry{padding:60px 0;}
.gy_ry .b_t{font-size:32px;}
}
@media only screen and (max-width:640px){
.gy_ry{padding:50px 0;}
.gy_ry .b_t{font-size:28px;}
.gy_ry .h_x{ margin:10px auto 0;}
.gy_ry .l_m{padding:15px 0; font-size:22px;}
.gy_ry .w_z{padding:20px 0 0; font-size:16px;}
}

.gy_gs{width:100%; padding:80px 0;}
.gy_gs .row{margin:0 -30px;}
.gy_gs .col-12{padding:0 30px;}
.gy_gs .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-transform:uppercase; text-align:center; position:relative;}
.gy_gs .h_x{width:80px; height:4px; background-color:#cd211f; margin:10px auto 30px;}
.gy_gs .n_r{text-align:center; margin-top:30px; padding:50px 30px; background-color:#f7f7f7;}
.gy_gs .s_z{font-size:56px; color:#000;}
.gy_gs h3{font-size:26px; font-weight:bold; margin:15px 0; text-transform:uppercase; letter-spacing:0; color:#cd211f;}
.gy_gs p{line-height:20px; color:#888;}
@media only screen and (max-width:990px){
.gy_gs{padding:60px 0;}
.gy_gs .row{margin:0 -15px;}
.gy_gs .col-12{padding:0 15px;}
.gy_gs .b_t{font-size:32px;}
.gy_gs .n_r{padding:30px 20px;}
.gy_gs .s_z{font-size:50px;}
}
@media only screen and (max-width:640px){
.gy_gs{padding:50px 0;}
.gy_gs .b_t{font-size:28px;}
.gy_gs .h_x{ margin:10px auto 0;}
}

.fw_js{width:100%; padding:60px 0; overflow:hidden;}
.fw_js .w_z{line-height:26px; min-height:146px; padding:20px; border:1px dotted #ddd;}
.fw_js .j_s{background-color:#f7f7f7; padding:30px; margin-top:30px;}
.fw_js .j_s .row{display:flex; align-items:center; justify-content:space-between;}
.fw_js .t_p img{width:100%; height:auto; display:block;}
.fw_js .n_r h3{font-size:26px; color:#000; line-height:36px; margin-bottom:10px;}
.fw_js .n_r p{line-height:26px;}
@media only screen and (max-width:990px){
.fw_js{padding:50px 0;}
.fw_js .w_z{line-height:24px; margin-bottom:20px;}
.fw_js .j_s{padding:20px; margin-top:0;}
.fw_js .t_p img{width:100%; height:auto; display:block;}
.fw_js .n_r{margin-top:20px;}
.fw_js .n_r h3{font-size:22px; line-height:32px;}
.fw_js .n_r p{line-height:24px;}
}
@media only screen and (max-width:640px){
.fw_js{padding:40px 0;}
.fw_js .w_z{padding:15px;}
.fw_js .j_s{padding:15px;}
}

.fw_ys{width:100%; background-color:#f7f7f7; padding:70px 0; overflow:hidden;}
.fw_ys .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-align:center; text-transform:uppercase; position:relative;}
.fw_ys .h_x{width:80px; height:4px; background-color:#cd211f; margin:10px auto 50px;}
.fw_ys .t_p img{width:100%; height:auto; display:block;}
.fw_ys .n_r:hover .t_b.t_3{background:url(../images/a3.png) no-repeat bottom center;}
.fw_ys .w_z{margin-top:20px; position:relative; z-index:1;}
.fw_ys .w_z h3{font-size:22px; line-height:32px; font-weight:bold; color:#000; margin-bottom:20px;}
.fw_ys .w_z p{line-height:24px; color:#555;}
@media only screen and (max-width:992px){
.fw_ys{padding:50px 0;}
.fw_ys .b_t{font-size:32px;}
.fw_ys .row{margin:0 -10px;}
.fw_ys .col-md-4{padding:0 10px;}
.fw_ys .w_z{margin-top:15px;}
.fw_ys .w_z h3{font-size:20px; line-height:26px; margin-bottom:10px;}
.fw_ys .w_z p{font-size:15px; line-height:22px;}
}
@media only screen and (max-width:640px){
.fw_ys{padding:40px 0;}
.fw_ys .b_t{font-size:28px;}
.fw_ys .h_x{ margin:10px auto 20px;}
.fw_ys .n_r{margin-bottom:20px;}
}

.fw_lb{width:100%; padding:60px 0; overflow:hidden;}
.fw_lb .col-md-6{margin-bottom:30px;}
.fw_lb .t_p img{width:100%; height:auto; display:block;}
.fw_lb .w_z{margin-top:20px;}
.fw_lb .w_z h3{font-size:22px; color:#000; margin-bottom:10px;}
.fw_lb .w_z p{line-height:26px;}

.fw_gn{width:100%; padding:60px 0; overflow:hidden;}
.fw_gn.h_s{background-color:#f7f7f7;}
.fw_gn .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-align:center; text-transform:uppercase; position:relative;}
.fw_gn .h_x{width:80px; height:4px; background-color:#cd211f; margin:10px auto 50px;}
.fw_gn .j_s{line-height:26px; text-align:center; margin-bottom:50px;}
.fw_gn .row{margin:0 -10px;}
.fw_gn .col-lg-4{padding:0 10px;}
.fw_gn span{display:block; background-color:#f7f7f7; margin-bottom:20px; padding:10px; border-radius:5px;}
.fw_gn.h_s span{background-color:#fff; min-height:68px;}
@media only screen and (max-width:992px){
.fw_gn{padding:50px 0;}
.fw_gn .b_t{font-size:32px;}
.fw_gn .h_x{margin:10px auto 30px;}
.fw_gn .j_s{line-height:24px; margin-bottom:30px;}
.fw_gn.h_s span{min-height:inherit;}
}
@media only screen and (max-width:640px){
.fw_gn{padding:40px 0;}
.fw_gn .b_t{font-size:28px;}
.fw_gn span{margin-bottom:10px;}
}

.ny_nr{width:100%; padding:60px 0; overflow:hidden;}

.ny_nr .wt_ss{text-align:center;}
.ny_nr .wt_ss .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-align:center; text-transform:uppercase; position:relative;}
.ny_nr .wt_ss .w_z{margin:20px 0 30px; line-height:26px}
.ny_nr .wt_ss .s_s{padding:120px 0; background:url(../images/s_bj.jpg) no-repeat center / cover;}
.ny_nr .wt_ss .s_c{width:50%; padding:0 15px; background-color:rgba(255,255,255,.7); border-radius:10px; margin:0 auto; overflow:hidden;}
.ny_nr .wt_ss input{width:85%; height:60px; font-size:16px; line-height:60px; color:#000; float:left;}
.ny_nr .wt_ss input::placeholder{color:#000;}
.ny_nr .wt_ss button{width:15%; height:60px; line-height:60px; text-align:center; color:#000; float:right;}
.ny_nr .wt_ss button i{font-size:30px;}

.ny_nr .cj_wt .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-align:center; text-transform:uppercase; position:relative;}
.ny_nr .cj_wt .h_x{width:80px; height:4px; background-color:#cd211f; margin:10px auto 50px;}
.ny_nr .cj_wt .n_r{background-color:#fff; padding:25px; border-radius:10px; margin-bottom:30px;}
.ny_nr .cj_wt .w_t{font-size:20px; line-height:36px; color:#000; position:relative; cursor:pointer;}
.ny_nr .cj_wt .n_r.on .w_t{color:#cd211f;}
.ny_nr .cj_wt .w_t i{position:absolute; right:0;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.ny_nr .cj_wt .n_r.on .w_t i{transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);}
.ny_nr .cj_wt .j_d{line-height:24px; color:#555; position:relative; margin-top:15px; display:none;}

.ny_nr .xw_lb ul li{border-bottom:1px dotted #eaeaea; padding-bottom:30px; margin-bottom:30px;}
.ny_nr .xw_lb .t_p img{width:100%; height:auto; display:block;}
.ny_nr .xw_lb .w_z h3{font-size:22px; font-weight:bold; line-height:28px; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_nr .xw_lb .w_z span{font-size:15px; color:#555; display:block;}
.ny_nr .xw_lb .w_z i{color:#333; font-size:18px; vertical-align:middle; margin-right:5px;}
.ny_nr .xw_lb .w_z p{font-size:15px; line-height:24px; color:#777; height:72px; margin-top:10px; margin-bottom:10px; overflow:hidden; display:-webkit-box;
line-clamp:3;
-webkit-line-clamp:3;
-moz-line-clamp:3;
-ms-line-clamp:3;
-o-line-clamp:3;
-webkit-box-orient:vertical;}

.ny_nr .lx_fs{text-align:center; padding:0 0 ;}
.ny_nr .lx_fs .b_t{font-size:36px; font-weight:bold; color:#cd211f; text-transform:uppercase; position:relative;}
.ny_nr .lx_fs .h_x{width:80px; height:4px; background-color:#cd211f; margin:10px auto 50px;}
.ny_nr .lx_fs .row{margin:0 -25px;}
.ny_nr .lx_fs .col-md-61{  padding:  25px; background:#f6f6f6;border-radius:10px; margin:0 10px; width:48%; float:left}
.ny_nr .lx_fs .col-md-61:last-child{border-right:0;}
.ny_nr .lx_fs h3{font-size:26px; line-height:36px; margin-bottom:15px;}
.ny_nr .lx_fs i{font-size:50px; margin:20px 0; color:#cd211f;}
.ny_nr .lx_fs p{font-size:18px; line-height:26px;}
.ny_nr .lx_fs strong{font-size:26px; color:#cd211f;}
@media only screen and (max-width:992px){
.ny_nr{padding:20px 0;}

.ny_nr .wt_ss .b_t{font-size:32px;}
.ny_nr .lx_fs .col-md-61{  padding:  25px; background:#f6f6f6;border-radius:10px; margin:0 0 10px; width:90%; float:none; margin:0 auto 20px}

.ny_nr .cj_wt .b_t{font-size:32px;}
.ny_nr .cj_wt .n_r{padding:15px 20px;}
.ny_nr .cj_wt .w_t{font-size:18px; line-height:36px;}
.ny_nr .cj_wt .j_d{font-size:14px; line-height:24px;}

.ny_nr .xw_lb ul li{padding-bottom:20px; margin-bottom:20px;}
.ny_nr .xw_lb .w_z h3{margin-top:0;}
.ny_nr .xw_lb .w_z p{font-size:15px; height:48px;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-ms-line-clamp:2;
-o-line-clamp:2;}

.ny_nr .lx_fs .b_t{font-size:32px;}
}
@media only screen and (max-width:640px){
.ny_nr .wt_ss .b_t{font-size:28px;}	
.ny_nr .wt_ss .s_s{padding:50px 0;}
.ny_nr .wt_ss .s_c{width:90%;}
.ny_nr .wt_ss input{font-size:15px;}
.ny_nr .wt_ss button i{font-size:26px;}

.ny_nr .cj_wt .b_t{font-size:28px;}
.ny_nr .cj_wt .h_x{ margin:10px auto 20px;}
.ny_nr .cj_wt .n_r{margin-top:20px; margin-bottom:0;}
.ny_nr .cj_wt .w_t{line-height:30px;}

.ny_nr .xw_lb .row{margin:0 -10px;}
.ny_nr .xw_lb .col-5{padding:0 10px;}
.ny_nr .xw_lb .col-7{padding:0 10px;}
.ny_nr .xw_lb .w_z h3{font-size:18px; margin-top:0; margin-bottom:6px;}
.ny_nr .xw_lb .w_z span{display:none;}
.ny_nr .xw_lb .w_z p{font-size:14px; line-height:22px; height:44px; margin-top:0; margin-bottom:0;}
.ny_nr .xw_lb .w_z a.x_q{width:90px; height:28px; font-size:13px; line-height:26px; margin-top:10px;}

.ny_nr .lx_fs .b_t{font-size:28px;}
.ny_nr .lx_fs .h_x{ margin:10px auto 0;}
.ny_nr .lx_fs{padding:0;}
.ny_nr .lx_fs .col-md-4{border-right:0; border-bottom:1px solid #ddd; padding:25px 25px 40px;}
.ny_nr .lx_fs .col-md-4:last-child{border-bottom:0;}
.ny_nr .lx_fs h3{font-size:18px; line-height:32px; margin-bottom:10px;}
.ny_nr .lx_fs i{font-size:44px; margin:15px 0;}
.ny_nr .lx_fs p{font-size:16px;}
.ny_nr .lx_fs strong{font-size:22px;}
}

.footer{width:100%; padding:40px 0 0; background-color:#2a3038; text-align:center; line-height:28px; color:#aaa;}
.footer .d_h{margin-bottom:30px;}
.footer .d_h a{font-size:16px; color:#aaa; text-transform: capitalize; line-height:32px; display:inline-block; margin:0 15px;}
.footer .d_h a:hover{color:#fff;}
.footer .s_j{margin-bottom:30px;}
.footer .s_j a{width:44px; height:44px; border:2px solid #aaa; border-radius:50%; font-size:16px; color:#aaa; line-height:40px; display:inline-block; position:relative; margin:0 10px; }
.footer .s_j a:hover{border:0; color:#fff; line-height:44px;}
.footer .s_j a:before{width:0; height:0; background-color:#cd2824; border-radius:50%; content:""; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.footer .s_j a{position: relative;}
.footer .s_j a:hover:before{width:100%; height:100%;}
.footer .s_j i{position:relative; z-index:11;}
.footer .s_j i.icon-weixin{font-size:19px;}
.footer .s_j i.icon-instagram{font-size:18px;}
.footer .s_j i.icon-icon{font-size:24px; vertical-align:middle;}
.footer .s_j p{position: absolute;left: calc(50% - 62px);bottom: 44px;width: 124px;display: none;}
.footer .s_j a:hover p{bottom: 46px;display: block;box-shadow: 0 0 10px 4px rgba(0,0,0,0.12);}
.footer .s_j p img{display: block;width: 100%;}
.footer .b_q{font-size:13px; line-height:26px; border-top:1px solid #424c57; padding:20px 0; font-family:frontC; height:auto; overflow:hidden}
.footer .b_q .zb{ float:left; width:60%; text-align:left}
.footer .b_q .yb{ float:right; width:30%; text-align:right}
.footer .b_q .yb a{ text-align:right; margin-left:10px; color:#aaa}
@media only screen and (max-width:992px){
.footer{padding:20px 0 0; line-height:26px;}
.footer .d_h{ }
}
@media only screen and (max-width:640px){
.footer{margin-bottom:46px;}
.footer .s_j{margin-bottom:20px;}
.footer .b_q{font-size:13px; line-height:26px; border-top:0px solid #424c57; padding:0 0 20px; font-family:frontC; height:auto; overflow:hidden}

.footer .b_q .zb{ float:left; width:100%; text-align: center}
.footer .b_q .yb{ float:right; width:100%; text-align:center}

}

.search{width:100%; height:100%; background-color:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:9999; display:none;}
.search .sc_bj{width:100%; padding:150px 0; background-color:#cd2824; position:relative;}
.search .sc_gb{position:absolute; top:50px; right:50px; cursor:pointer;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.search .sc_gb:hover{transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);}
.search .sc_gb i{font-size:36px; color:#fff;}
.search .sc_nr{width:500px; border-bottom:1px solid #fff; margin:0 auto;}
.search input{width:430px; height:60px; font-size:16px; line-height:60px; color:#fff; float:left;}
.search input::placeholder{color:#fff;}
.search button{width:70px; height:60px; line-height:60px; text-align:center; color:#fff; float:right;}
.search button i{font-size:30px;}
@media only screen and (max-width:640px){
.search .sc_bj{padding:100px 0;}
.search .sc_gb{top:20px; right:20px;}
.search .sc_gb i{font-size:26px;}
.search .sc_nr{width:90%;}
.search input{width:85%; font-size:15px;}
.search button{width:15%;}
.search button i{font-size:26px;}
}

.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:992px){
.e_m .n_r{width:230px; padding:15px;}
.e_m .n_r p{font-size:15px;}
}

.pc_kf{width:46px; position:fixed; right:10px; bottom:8%; z-index:99999;}
.pc_kf .nr{width:46px; height:46px; font-size:18px; text-align:center; line-height:46px; background-color:#fff; box-shadow:0 0 4px #bbb; margin-bottom:4px; position:relative;}
.pc_kf .tel{width:160px; background-color:#cd2824; font-size:18px; line-height:46px; color:#000; position:absolute; top:0; right:-160px; opacity:0;}
.pc_kf .nr:hover .tel{right:46px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px; background-color:#cd2824; font-size:18px; line-height:46px; color:#000; position:absolute; bottom:0; right:-180px; opacity:0;}
.pc_kf .ewm img{width:100%; height:auto; display:block;}
.pc_kf .nr:hover .ewm{right:46px; opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#000;  }
.pc_kf .nr i.icon-weixin{font-size:16px;}
.pc_kf .nr i.icon-instagram{font-size:16px; vertical-align:middle;}
.pc_kf .nr a:hover i{color:#cd2824;}
.pc_kf .fh{width:46px; height:46px; background-color:#cd2824;   text-align:center; line-height:46px; color:#fff; cursor:pointer;}
.pc_kf .fh i{font-size:23px; font-weight:bold;}
@media only screen and (max-width:640px){
.pc_kf{  background-color:#cd211f; position:fixed; right:0; bottom:0; width:100%}
.pc_kf .nr{width:20%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{ font-size:22px; float:left; width:20%}
.pc_kf .nr i.icon-weixin{font-size:17px;}
}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.indDiv1{padding: 60px 0; }
.indDiv1 .bdDiv .leftDiv{width:47%;}
.indDiv1 .bdDiv .leftDiv .p{margin-top: 10px;color: #333;font-size: 16px;line-height: 30px;  text-align:justify; font-family: frontC; }
.indDiv1 .bdDiv .rightDiv{width: 50%;}
.indDiv1 .bdDiv .rightDiv img{ width:100%}
.adTitleDiv span{ font-size:34px; font-weight:bold}
.hwb{ background:#cd211f; color:#fff; padding:15px 20px; margin-top:20px; line-height:30px }


.indDiv2{padding: 60px 0;background: url(../images/yy_bj.jpg) no-repeat  center bottom;}
.indDiv2 .bdDiv .row{margin: 0 -15px; }
.indDiv2 .bdDiv .row>div{padding: 0 15px; }
.indDiv2 .bdDiv .row>div .conDiv{position: relative;height: 100%; }
.indDiv2 .bdDiv .row>div .textDiv{background: #fff;height: 100%;padding: 30px 40px;text-align: center;transition: all .6s; }
.indDiv2 .bdDiv .row>div .textDiv .span{font-size: 28px;color: #000; }
.indDiv2 .bdDiv .row>div .textDiv .p{font-size: 16px;line-height: 1.5;margin-top: 10px; text-align:left ;font-family: frontC;}
.indDiv2 .bdDiv .row>div .conDiv:hover .textDiv{background: transparent; }
.indDiv2 .bdDiv .row>div .conDiv:hover .textDiv .span,
.indDiv2 .bdDiv .row>div .conDiv:hover .textDiv .p{color: #fff;}
@media only screen and (max-width:992px){
.flexbet{display: block  ;justify-content: space-between;align-items: center;}
.indDiv1{padding: 20px 0; }
.indDiv1 .bdDiv .leftDiv{width:100%;}
.adTitleDiv span{ font-size:20px; font-weight:bold}
.indDiv1 .bdDiv .leftDiv .p{margin-top: 10px;color: #333;font-size: 16px;line-height: 26px;  text-align:justify; font-family: frontC; }	
.indDiv1 .bdDiv .rightDiv{width: 100%; margin-top:10px}
.indDiv2{padding: 20px 0;background: url(../images/yy_bj.jpg) no-repeat  center bottom;}

.indDiv2 .bdDiv .row>div .textDiv{background: #fff;height: 100%;padding:20px;text-align: center;transition: all .6s;   }
.indDiv2 .bdDiv .row>div{padding: 0 15px; margin-bottom:20px }
.indDiv2 .bdDiv .row>div .textDiv{background: #fff;height: 100%;padding: 20px;text-align: center;transition: all .6s; }
.indDiv2 .bdDiv .row>div .textDiv span{font-size: 20px;color: #000; }
}

.Cookie{  }
.zuobian{ float:left; width:75%}
.zuobian h1{ font-size:17px; margin-bottom:10px}
.zuobian p{ font-family:FrontC}
.zuobian a{ color:#cd211f; font-weight:bold}
.youbian{ float: right; width:20%; text-align:right}

.xiaocms-page{
	margin: 16px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.xiaocms-page a,
.xiaocms-page span{
	border-style: solid;
	border-width: 1px;
	border-color: rgb(238, 238, 238);
	border-radius: 2px;
	background: rgb(255, 255, 255);
	min-width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 14px; 
	color: #333333; 
	padding: 0 8px;
	display: block;
	text-align: center;
	margin: 5px;
}
.xiaocms-page span{
	border-color: #cd211f;
	background: #cd211f;
	color:#ffffff; 
}


@media (max-width:768px) {
    .xiaocms-page{margin-top: 16px;}
    .xiaocms-page a, 
	.xiaocms-page span{
        margin-bottom: 4px;
        min-width: 24px;
        height: 24px;
        line-height: 24px;
        padding: 0px 4px;font-size: 14px;
	}
}