body { position: relative; font-size:.14rem;}
li{list-style: none;}
a{text-decoration: none; resize:none;-moz-tap-highlight-color:rgba(255,0,0,0);}
p, h3{-moz-tap-highlight-color:rgba(255,0,0,0);}
img{display: block;border: none; resize: none;}
html, body{overflow-x: hidden;}
.pc{display: block;}
.mobile{display: none;}
a, li, p, img, div, h2, .main .mainBody li>div div:after, .cantactFone:after, a:after, span, .recruitBody .recruitTitle,
.qyzrList li .qyzrBox, .qyzrList li h3, .proNews ul li, .proList li{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
ul:after, ol:after, .divBox:after, 
.main .mainHead:after, .main .mainBody li:after, .main .cultureTitle:after, .responList li:after,
.recuritMan li:after, .body:after, header:after, #banner ul:after,
.emap-main .cultureTitle ul li:after, .proList:after, .proList li:after, .mapBody:after, .rlzy li:after, .newTitle:after,
.qyys li:after, .qyzrList:after, .qyzr .mainHead:after{content: '';clear: both;display: block;}
body .main, .divbox { width: 15.16rem; margin: 0 auto; }

h3{ font-size: .18rem; font-weight: normal;}
h2{ font-size: .24rem; font-weight: normal;}

@font-face {
    font-family: 'qanelasbold';
    src: url('qanelas-bold-webfont.woff2') format('woff2'),
         url('qanelas-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.qanelasbold{font-family: 'qanelasbold';}
.videoTitle h2, .serviceTitle h2 {
    font-weight: bold;
    font-family: 'qanelasbold';
}

header {
  background-color: rgba(113, 124, 138, 0.7);
  position: fixed;
  z-index: 99;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 1rem; box-shadow: 0 2px 18px 5px rgba(0,0,0,0.1);
  width: 100%;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}

header .main {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem; padding:0; background:none; box-shadow:none;
}

header .main .left img {
  height: 0.65rem;
}

header .main .right {
  display: flex;
  align-items: center;
}

header .main .right .right_l {
  margin-right: 0.39rem;
}

header .main .right .right_l ul {
  display: flex;
}

header .main .right .right_l ul li {
  padding: 0 0.2rem;
}

header .main .right .right_l ul li a {
  display: block;
  font-size: 0.18rem;
  font-family: sans-serif;
  font-weight: 500;
  color: #ED1C24;
}

header .main .right .right_l ul li a:hover, header .main .right .right_l ul li.active a {
  color: #2C3590;
}

header .main .right .right_r {
  display: flex;
  align-items: center;
  width: 0.67rem;
  height: 0.34rem;
  border-radius: 0.17rem;
}
header .main .right .right_r img{ height:0.28rem;}

header .main .nav {
  display: none;
}

header .main .mask {
  display: none;
}

header .main .nav_li {
  display: none;
}
header .logo2{ display:none;}



header.active{background: #fff;box-shadow: 0px 0px 9px 0px rgba(6, 0, 1, 0.18);}
header.headerWhite .logo1{ display:none;}
header.headerWhite .logo2{ display:block;}
header.headerWhite .main .right .right_l ul li a {
  display: block;
  font-size: 0.16rem;
  font-family: Oswald;
  font-weight: 500;
  color: #000000;
}

header.headerWhite .main .right .right_l ul li a:hover {
  color: red;
}

header.headerWhite .main .nav {
  display: none;
}

header.headerWhite .main .mask {
  display: none;
}

header.headerWhite .main .nav_li {
  display: none;
}



header.headerWhite {
  background-color: #ffffff;
  border-bottom: none;
}


header.headerWhite .main .right .right_l ul li a {
  display: block;
  font-size: 0.18rem;
  font-family: sans-serif;
  font-weight: 500;
  color: #ED1C24;
}
header.headerWhite .main .right .right_l ul li a:hover, header.headerWhite .main .right .right_l ul li.active a {
  color: #2C3590;
}
header.headerWhite .main .nav {
  display: none;
}

header.headerWhite .main .mask {
  display: none;
}

header.headerWhite .main .nav_li {
  display: none;
}

body .banner {
  position: relative;
  height: auto;
  width: 100%;
}

body .banner video {
  margin: auto 0;
  width: 100%;
  height: auto;
  object-fit: fill;
  cursor: pointer;
}
/*body .banner video {
  margin: auto 0;
  width: auto;
  height: 100%; left:50%; top:50%; position:absolute; 
  transform: translate(-50%, -50%);
  cursor: pointer;
}*/
body .banner img.spimg{ display:none;}
body .banner .fu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.7rem;
}

body .banner .fu a {
  display: block; cursor:pointer;
  text-align: center;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff;
}

body .banner .fu a img {
  margin: 0 auto 0.1rem;
  width: 0.56rem;
  height: 0.56rem;
}

body .one {
  /*background: url("/public/storage/themecontent/media/images/one_bg.jpg") no-repeat center;*/
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  /*height: 9.7rem;*/
}

body .one .main .title {
  padding-top: 2.86rem;
}

body .one .main .title p.heading {
  font-size: 0.55rem;
  font-family: Impact;
  font-weight: 400;
  color: #ffffff;
}

body .one .main .title span {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.25rem;
  font-family: Poppins;
  font-weight: 400;
  color: #ffffff;
}

body .one .main .box {
  margin-top: 0.89rem;
}

body .one .main .box ul {
  display: flex;
  align-items: center;
}

body .one .main .box ul li {
  margin-left: 0.42rem;
  display: flex;
  align-items: center;
}

body .one .main .box ul li .left img {
  width: 0.67rem;
  height: 0.67rem;
}

body .one .main .box ul li .right {
  margin-left: 0.2rem;
}

body .one .main .box ul li .right p {
  font-size: 0.18rem;
  font-weight: 500;
  color: #fefefe;
}

body .one .main .box ul li .right p span {
  font-size: 0.36rem;
  font-weight: 500;
  color: #fefefe;
}

body .one .main .box ul li .right p em {
  font-size: 0.36rem;
  font-weight: 500;
  color: #fefefe;
}

body .one .main .box ul li:nth-child(1) {
  margin-left: 0;
}

body .one .main .anniu {
  margin-top: 0.87rem;
  width: 1.74rem;
  height: 0.56rem;
  background: #ED1C24;
}

body .one .main .anniu a {
  display: block;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff;
}

body .two {
  padding-top: 1.59rem;
  padding-bottom: 0.4rem;
}

body .two .main {
  display: flex;
  justify-content: space-between;
}

body .two .main .left ul li {
  width: 2.93rem;
  height: 0.678rem;
  background: #ffffff;
  border: 0.01rem solid #eeeeee;
  border-top: none;
}

body .two .main .left ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0.26rem;
  padding-top: 0.2rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #101210;
}

body .two .main .left ul li a img {
  width: 0.06rem;
  height: 0.11rem;
  margin-right: 0.45rem;
}

body .two .main .left ul .tou {
  width: 2.94rem;
  height: 0.76rem;
  background: #ED1C24;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.76rem;
  font-weight: 500;
  color: #ffffff;
}

body .two .main .left ul li:first-child {
  border-top: block;
}

body .two .main .right .top {
  display: flex;
}

body .two .main .right .top .left_t {
  margin-right: 0.73rem;
}

body .two .main .right .top .left_t img {
  width: 5.26rem;
  height: 5.02rem;
}

body .two .main .right .top .right_t .bold {
  width: 5.49rem;
  height: 0.02rem;
  background: #000000;
  border: 0.01rem solid #eeeeee;
}

body .two .main .right .top .right_t img {
  margin-top: 0.1rem;
  width: 0.42rem;
  height: 0.33rem;
}

body .two .main .right .top .right_t p {
  line-height: 0.35rem;
  margin-top: 0.2rem;
  width: 5.49rem;
  height:auto;
  font-size: 0.16rem;
  text-align: justify;
  font-weight: 400;
  color: #ababab;
}

body .two .main .right .top .right_t .anniu {
  margin-top: 0.3rem;
  width: 1.75rem;
  height: 0.57rem;
  background: #ED1C24;
  border: 0.01rem solid #dfdbdb;
}

body .two .main .right .top .right_t .anniu:hover {
  margin-top: 0.3rem;
  width: 1.75rem;
  height: 0.57rem;
  background: #0b3cad;
  border: 0.01rem solid #dfdbdb;
}

body .two .main .right .top .right_t .anniu a {
  display: block;
  text-align: center;
  line-height: 0.57rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff;
}

body .two .main .right .bottom {
  margin-top: 0.42rem;
  width: 11.49rem;
}

body .two .main .right .bottom .swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body .two .main .right .bottom .swiper-slide {
  text-align: center;
  font-size: 0.18rem;
  background: #fff;
}

body .two .main .right .bottom .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .two .main .right .bottom .swiper-button-next:after,
body .two .main .right .bottom .swiper-button-prev:after {
  display: none;
}

body .two .main .right .bottom .swiper-button-next {
  position: absolute;
  right: 0.2rem;
  top: 60%;
  transform: translateY(-50%);
}

body .two .main .right .bottom .swiper-button-next img {
  width: 0.45rem;
  height: 0.45rem;
}

body .two .main .right .bottom .swiper-button-prev {
  position: absolute;
  left: 0.2rem;
  top: 60%;
  transform: translateY(-50%);
}

body .two .main .right .bottom .swiper-button-prev img {
  width: 0.45rem;
  height: 0.45rem;
}

body .three {
  background-image: url(/public/storage/themecontent/media/images/three_bg.jpg);
  width: 100%;
  height: 9.25rem;
  background-size: 100% 100%;
}

body .three .main .top {
  padding-top: 1.59rem;
  display: flex;
  justify-content: space-between;
}

body .three .main .top .left {
  font-size: 0.48rem;
  font-weight: bold;
  color: #1d2a32;
}

body .three .main .top .right {
  width: 1.74rem;
  height: 0.56rem;
  background: #ee1d23;
}

body .three .main .top .right a {
  display: block;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff;
}

body .three .main .bottom {
  margin-top: 0.54rem;
}

body .three .main .bottom .swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body .three .main .bottom .swiper-slide {
  text-align: center;
  font-size: 0.18rem;
}

body .three .main .bottom .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .three .main .bottom .box p {
  margin-top: 0.21rem;
}

body .four {
  background-image: url(/public/storage/themecontent/media/images/four_bg.jpg);
  height: 10.3rem;
  width: 100%;
  background-size: 100% 100%;
}

body .four .main .title {
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
}

body .four .main .title .left {
  font-size: 0.48rem;
  font-weight: bold;
  color: #101210;
}

body .four .main .title .right {
  width: 1.74rem;
  height: 0.56rem;
  background: #101210;
}

body .four .main .title .right a {
  display: block;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff;
}

body .four .main .bold {
  margin-top: 0.38rem;
  width: 100%;
  height: 0.02rem;
  background: #f5f5f5;
}

body .four .main .content {
  display: flex;
  justify-content: space-between;
}

body .four .main .content .left {
  margin-top: 0.45rem;
}

body .four .main .content .left ul li {
  margin-top: 0.34rem;
  display: flex;
}

body .four .main .content .left ul li .pic img {
  width: 4.32rem;
  height: 2.91rem;
}

body .four .main .content .left ul li .wen {
  margin-left: 0.63rem;
}

body .four .main .content .left ul li .wen .small {
  margin-top: 0.61rem;
  font-size: 0.16rem;
  font-family: Poppins;
  font-weight: 400;
  color: #808081;
}

body .four .main .content .left ul li .wen .big {
  margin-top: 0.3rem;
  margin-bottom: 0.22rem;
  font-size: 0.24rem;
  font-family: Poppins;
  font-weight: bold;
  color: #101210;
}

body .four .main .content .left ul li .wen p {
  font-size: 0.16rem;
  font-family: Poppins;
  font-weight: 400;
  color: #aeaeae;
}

body .four .main .content .left ul li .wen a {
  display: block;
  margin-top: 0.39rem;
  font-size: 0.18rem;
  font-family: Poppins;
  font-weight: 400;
  color: #b82221;
}

body .four .main .content .right {
  margin-top: 0.79rem;
  width: 3.58rem;
  height: 6.16rem;
  background: #fafafa;
}

body .four .main .content .right .tou {
  margin-top: 0.35rem;
  text-align: center;
  font-size: 0.3rem;
  font-weight: bold;
  color: #ED1C24;
}

body .four .main .content .right .box {
  margin-top: 0.35rem;
}

body .four .main .content .right .box img {
  margin: 0 auto;
  width: 2.8rem;
  height: 1.89rem;
}

body .four .main .content .right p {
  margin-top: 0.17rem;
  text-align: center;
  font-size: 0.16rem;
  font-weight: 400;
  color: #101210;
}


.meiti_list{font-size: 0;margin-top: .45rem;}
.meiti_list_u1{}
.meiti_list_u1 li{ width:23.5%; margin-right:2%; float:left; }
.meiti_list_u1 li:nth-child(4n){ margin-right:0;}
.meiti_list_u1 li a img{ width:100%; height:auto; }
.meiti_list_u1 li a h2{font-size: .18rem;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: 700; line-height:.3rem; margin-top: .08rem;}
.meiti_list_u1 li a p{font-size: .14rem;color: #999999;margin-top: .08rem; line-height: .24rem; height:.72rem; overflow:hidden; -webkit-line-clamp: 3; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.meiti_list_u1 .date{height: 1.3em;}
.meiti_list_u1 .txt {text-align: center;}
.meiti_list_u1 .description {width: 50%; margin: auto;}
.meiti{padding: .8rem 0;}
.meiti .index_title{text-align: left;}
.meiti .index_title h1{margin-left: 0;}
.meiti .index_title p:after{margin:.1rem 0 .15rem;}



body .footer .top {
  padding-top: 1.32rem;
  background-image: url("/public/storage/themecontent/media/images/footer_bg.jpg");
  width: 100%;
  height: 6.7rem;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
}

body .footer .top .left {
  margin-left: 4.21rem;
}

body .footer .top .left .title {
  font-size: 0.48rem;
  font-weight: bold;
  color: #ffffff;
}

body .footer .top .left ul li {
  margin-top: 0.38rem;
}

body .footer .top .left ul li img {
  height: 0.3rem;
}

body .footer .top .left ul li .xia {
  margin-top: 0.1rem;
  display: flex;
}

body .footer .top .left ul li .xia .bold {
  margin-top: 0.15rem;
  width: 0.3rem;
  height: 0.03rem;
  background: #ED1C24;
}

body .footer .top .left ul li .xia .wen {
  margin-left: 0.06rem;
}

body .footer .top .left ul li .xia .wen p {
  font-size: 0.16rem;
  font-weight: 400;
  color: #ffffff;
}

body .footer .top .left ul li .xia .wen span {
  display: block;
  font-size: 0.24rem;
  font-family: Oswald;
  font-weight: 500;
  color: #ffffff;
}

body .footer .top .right {
  margin-right: 2.02rem;
}

body .footer .top .right .title {
  font-size: 0.48rem;
  font-weight: bold;
  color: #ffffff;
}

body .footer .top .right input {
  margin-top: 0.09rem;
  display: block;
  width: 5.41rem;
  height: 0.59rem;
  border: 0.01rem solid #505e78;
  box-shadow: 0rem 0.06rem 0.15rem 0.01rem rgba(0, 0, 0, 0.17);
  border-radius: 0.02rem;
  padding-left: 0.22rem;
  font-size: 0.16rem;
  color: #ffffff;
}

body .footer .top .right ::placeholder {
  font-size: 0.16rem;
  font-family: Poppins;
  font-weight: 400;
  color: #ffffff;
}

body .footer .top .right textarea {
  margin-top: 0.11rem;
  width: 5.15rem;
  height: 1.23rem;
  border: 0.01rem solid #505e78;
  box-shadow: 0rem 0.06rem 0.15rem 0.01rem rgba(0, 0, 0, 0.17);
  border-radius: 0.02rem;
  background: none;
  color: #ffffff;
  font-size: 0.16rem;
  padding-left: 0.22rem;
  padding-top: 0.22rem;
}

body .footer .top .right ::placeholder {
  font-size: 0.16rem;
  font-weight: 400;
  color: #ffffff;
}

body .footer .top .right .anniu button{
  margin-top: 0.2rem;
  width: 3.03rem;
  height: 0.56rem;
  background: #ED1C24;
  display: block;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #ffffff; border:none;
}

body .footer .bottom {
  width: 100%;
  height: 0.86rem;
  background: #1e1e1e;
  display: flex;
  justify-content: space-between;
}

body .footer .bottom .left {
  margin-left: 2.03rem;
  line-height: 0.86rem;
  font-size: 0.16rem;
  font-weight: 400;
  color: #7f7f7f;
}

body .footer .bottom .right {
  margin-right: 2.02rem;
  font-size: 0.16rem;
  font-weight: 500;
  color: #7f7f7f;
  line-height: 0.86rem;
}

body .footer .bottom .right a {
  font-size: 0.16rem;
  font-weight: 500;
  color: #7f7f7f;
}

.index_title{text-align: center;}
.index_title h1{font-size: .36rem;color: #000;line-height: 1;float: none;height: auto;margin-left: 0;}
.index_title p{font-size: .18rem;color: #c4c4c4; margin-top: .05rem;}
.index_title p:after{content: '';display: block;width: .4rem; height: 3px; background: #ED1C24;margin: .1rem auto .15rem;}
.index_title font{font-size: .18rem;color: #999999;display: block;}
.ind_more{display: inline-block;float: right;width: 1.4rem;height: .35rem;text-align: center;border-radius:.5rem;background: #ED1C24;font-size: .16rem;margin-top: -.75rem;
color: white;line-height: .35rem;text-transform: uppercase;}
.ind_more:hover{background: #0b3cad;}


.page{text-align:right; clear:both; margin-top:.2rem;}
.page a{ display:inline-block; margin:0 2px; color:#737373; padding:0px .1rem; background:#f0f0f0; line-height:.36rem; text-align:center;}
.page span{ display:inline-block; margin:0 2px; color:#737373; width:.36rem;height:.36rem; text-align:center;}
.page a:hover{background:#ED1C24; color:#fff;}
.page .cur{background:#ED1C24; color:#fff;}

.gywm_con2,.gywm_con1,.gywm_con3,.gywm_con4,.gywm_con5,.jrwm_con4,.jr_why,.zpxx_con1,.jrwm_zcxq{padding:.8rem 0;}
.gywom_u1,.gywm_con5_u1,.kytd_u1,.jrwm_u1,.jr_why_list,.xzzx_u1 li{font-size: 0;}

.ej_banner{position:relative;}
.ej_banner>img{width:100%;}
/*banner*/
.nbanner{position: relative;}
.nbanner .divBox{position: absolute;top: 47%;width: 90%;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%);}
.nbanner img{width: 100%;}

/*prodService*/
.prodService .main{margin-top: -.58rem; padding: 0 .6rem .6rem; background: #fff;box-shadow: 0 2px 18px 5px rgba(0,0,0,0.1);position: relative;}
.prodService .main .mainHead{height: 1.16rem;line-height: 1.16rem;border-bottom: 1px solid #d7d7d7;}
.prodService .main .mainHead h2{float: left;color: #121411; font-weight:600; font-size:.28rem; line-height: 1.16rem;}
.prodService .main .mainHead div{float: right;color: #797979; font-size:.14rem;}
.prodService .main .mainHead div a{color: #797979;padding: 0 10px;}
.prodService .main .mainHead div a:hover, .main .mainHead div a.active{color: #ED1C24;}

.proLeft{ width:2.93rem; float:left; margin-top:40px; }
.proRight{ width:10.5rem; float:right; }
.proLeft ul li {
  width: 2.93rem; line-height:0.6rem; cursor:pointer;
  background: #ffffff;
  border: 0.01rem solid #eeeeee;
  border-top: none;
}

.proLeft ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0.26rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #101210;
}
.proLeft ul li.active a{ color:#ED1C24; font-weight: 600;}
.proLeft ul li a img {
  width: 0.06rem;
  height: 0.11rem;
  margin-right: 0.45rem;
}

.proLeft ul .tou {
  width: 2.94rem;
  height: 0.76rem;
  background: #ED1C24;
  font-size: 0.24rem;
  text-align: center;
  line-height: 0.76rem;
  font-weight: 500;
  color: #ffffff;
}

.proLeft ul li:first-child {
  border-top: block;
}
.proLeft ul ul.l-nav-list{ background:#f7f7f7; padding:0.1rem 0;}
.proLeft ul ul.l-nav-list li{ background:#f7f7f7; height: 0.35rem; line-height:0.35rem; border-bottom: none;}
.proLeft ul ul.l-nav-list li a{ margin-left: 0.4rem; padding:0; font-size: 0.16rem; font-weight: 400; color: #555; }
.proLeft ul ul.l-nav-list li.active a{ color:#ED1C24; font-weight: 600;}

.proDesc{ background:#f7f7f7; padding:.3rem;}
.sectiov .divBox{position: relative;}
.sectiov{background: #eeeeee; padding-bottom:1.2rem;}
.sectiov p, .sectiov p a, ol li{font-size: .14rem;color: #666666;}


.proNews{ padding: .3rem; background: linear-gradient(left top,#ED1C24,#ef1b43);background: -webkit-linear-gradient(left top,#ED1C24,#ef1b43);background: -moz-linear-gradient(left top,#ED1C24,#ef1b43);background: -o-linear-gradient(left top,#ED1C24,#ef1b43); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.proNews ul{display: inline-block; vertical-align: top;}
.proNews ul li{display: inline-block; margin-right:.1rem; margin-bottom:0px;} 
.proNews a{font-size: .14rem;color: #fff; font-weight:500; display: block;padding:.08rem;border-radius: 2px; }
.proNews ul li:hover a, .proNews ul li.active a{background: #fff; color:#ED1C24;}

.proList{ margin-top:.4rem; }
.proList li{position: relative; margin-bottom: .2rem; height: 2.2rem; float: left;width: 49%;margin-right: 2%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
			border: 1px solid #E6E6E6;}
.proList li:nth-child(2n){margin-right: 0;}
.proList li>a{width: 46%;height: 100%;display: block;float: left;position: relative;overflow: hidden;}
.proList li>a img{max-width: 100%;max-height: 100%; 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%);}
.proList li .newProBox{width: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.newProBox h2{font-size: .16rem; color: #333; font-weight: 700;position: relative;display: block;margin-bottom: .2rem;}
.newProBox h2:after{position: absolute; bottom: -.1rem; left: 0; content: ''; display: block; width: .35rem; height: 1px; background: #E6E6E6; -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.newProBox p{ font-size:.14rem; line-height: .24rem;}
.newProBox>a.more{font-size: .14rem;color: #999999;margin-top: .2rem;display: block; width:.8rem; height:.3rem; line-height:.3rem; border-radius: 2px; text-align:center; border:1px solid #ED1C24;}
.proList li:hover h2, .proList li:hover p{color: #ED1C24;}
.proList li:hover a.more{color: #fff; background: #ED1C24;}
.proList li:hover .newProBox h2:after{width: 90%; background: #ED1C24;}
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}

/*��Ʒ����ҳ*/
.classTitle{padding: .4rem 0; height:2.8rem; position: relative;}
.classTitle .txt{ width:62%; }
.classTitle .proName{ font-size:.18rem; font-weight:700; line-height:.5rem; color:#ED1C24; margin-bottom:.1rem;}
.classTitle .txt span{ width:45%; margin-right:5%; line-height:.35rem; display:inline-block; color:#666; font-size:.15rem; float:left;}
.classTitle img{ width:35%; max-width: 3rem; position: absolute;right: 0; top:50%; transform: translatey(-50%);}


/*.gallery{position:relative; float:right; width:40%; margin-right: 0; height: 2.8rem;}
.gallery .bigimg{padding-right:17%;}
.gallery .bigimg .MagicZoom{display:block; margin:0 auto;}
.gallery .bigimg .MagicZoom img{ padding:0 !important; margin:0 !important;}
.gallery .bigimg .MagicZoomBigImageCont{border:1px solid #ddd;}
.gallery .bigimg .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
.gallery .bigimg .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
.gallery .bigimg .MagicZoomLoading{border:1px solid #ddd; background:url(../images/loading.gif) no-repeat 2px 50% #fff;}
.gallery #zoom-big{position:absolute; top:0; left:100%;}
.gallery #zoom-big img{max-width:none; max-height:none;}
.gallery #small_img{width:100px; position:absolute; left:0; top:0;}
.gallery #small_img .pic_box{width:90px; height:90px; border:1px solid #ddd; margin-top:8px; text-align:center; display:block;}
.gallery #small_img .pic_box:first-child{margin-top:0;}
.gallery #small_img .pic_box.on{border:1px solid #ED1C24;}
.gallery .left_small_img{position: absolute;right: 0;top: 0;width: 15%;height: 100%;}
.gallery .left_small_img .pic_box{border:1px solid #ddd; text-align:center; display:block;max-height: 18%;overflow: hidden;}
.gallery .left_small_img .pic_box + .pic_box{margin-top: 8%;}
.gallery .left_small_img .pic_box.on{border-color:#ED1C24;}
.gallery .left_small_img .pic_box a{ display:block;}
.gallery .left_small_img .pic_box a img{ width:100%; height:auto; position:static;}
.gallery .products_img{display:none;}

.classTitle .gallery .bigimg img{width: 100%; position:static; }*/


.proAll{padding: .38rem 0;border-top: 1px solid #D7D7D7; }
.proAll li{margin-bottom: .4rem;}
.proAll li h4{font-size: .16rem;color: #444;margin-bottom: .15rem;}
.proAll li ol li{float: left;margin-bottom: 0;margin-right: .45rem;margin-left:.2rem; list-style: disc;}
.proAll li table{border: none;}
.proAll li table tr{border: none;}
.proAll li table tr:nth-of-type(2n-1){background: #EEEEEE;}
.proAll li table td{border: 1px solid #fff;width: 2.8rem;height: .45rem;line-height: .45rem;font-size: .14rem;color: #666666;text-align: center;}
.proAll li table th{border: 1px solid #fff;width: 2.8rem;height: .45rem;line-height: .45rem;text-align: center;color: #FFFFFF;background: #9e9e9e;font-size: .16rem;font-weight: bold;}
.proAll li table td:first-child{text-indent: .6rem;text-align: left;}
.proAll li:nth-child(2) table td{text-indent: 0 !important;text-align: center !important;}
.proAll li table td:last-child{text-indent: .95rem;text-align: left;}
.proAll li table tr:first-child td:first-child{text-align: center !important;text-indent: 0;}
.proAll p img{ margin:.1rem auto; max-width:80%;}

.main>p{text-indent: 2em;margin-bottom: .1rem;width: 1.12rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.prodService .main>p{text-indent: 0; margin-bottom: .1rem;line-height: .24rem;}

.cpbody{ margin-top:.3rem;}
.cpbody .gcimg img{ width:100%; height:auto;}
.cpbody .gsinfo{ margin:.2rem auto; padding:.3rem; background:#f7f7f7; }
.cpbody .gsinfo p{ font-size:.14rem; line-height:1.75; color:#555;}

.cpbody .gchj { width:100%;}
.cpbody .gchj .swiper { position: relative; overflow: hidden; width: 100%; height: 100%; padding-bottom: .3rem;}
.cpbody .gchj .swiper-slide { text-align: center; font-size: 0.18rem; background: #fff; }
.cpbody .gchj .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.cpbody .xgcp{ margin-top:.3rem;}
.cpbody .xgcp h2{ line-height:2;}
.cpbody .xgcp .xgcpList{ width:100%;}
.cpbody .xgcp .xgcpList .swiper { position: relative; overflow: hidden; width: 100%; height: 100%; padding-bottom: .3rem;}
.cpbody .xgcp .xgcpList .swiper-slide { text-align: center; font-size: 0.18rem; background: #fff; }
.cpbody .xgcp .xgcpList .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cpbody .xgcp .xgcpList .swiper-slide p{ line-height:2;}

.gywm_title{font-size:.35rem ;color: #ED1C24;font-weight: bold;}
.gywm_title:after{content: '';vertical-align: middle;width: 1rem;height: 1px;background: #ED1C24;margin-left: .2rem;}
.gywm_con1 h3{font-size: .18rem; font-weight: bold;color: #444;font-weight: bold;margin-top: .3rem;}
.gywm_con1 p{font-size: .15rem; line-height: .28rem; color: #444; margin-top: .2rem;}
.gywm_con1 p a{font-size: .16rem; color: #444; }
.gywm_con1 h4{font-size: .16rem;color: #ED1C24;font-weight: bold;margin-top: .2rem;}
.gywm_con1 h4:nth-of-type(1){margin-top: .4rem;}
.gywm_con1_left{ width:9.6rem; display:inline-block;}
.gywm_con1_left h1{}
.gywm_con1_right{ width:4.5rem; display:inline-block; margin-left:.5rem;}
.gywm_con1_right img{ width:100%;}
.gywm_con1_left h1, .gywm_con1_right img{margin-top: 0.5rem;}

.gywm_con1 .swiper-container{margin: .3rem .15rem;}
.gywm_con1 .swiper-slide span{ display:block; width:100%; height:auto;}
.gywm_con1 .swiper-slide img{width: 100%; }
.gywm_con1 .swiper-pagination{width: 100%;left: 0;}
.gywm_con1 .swiper-pagination-bullet{margin-left: .1rem; width: .1rem; height: .1rem; background: transparent; border: 1px solid #ED1C24; opacity: 1;}
.gywm_con1 .swiper-pagination-bullet-active{background: #ED1C24 !important;}


.gywm_con4{background-color: #ED1C24;}
.gywm_con4 .gywm_title{color: white;}
.gywm_con4 .gywm_title:after{background: white;}
.gywom_u1{margin: .6rem 0 0;}
.gywom_u1 li{width: 32%;margin-right: 2%;overflow:hidden; float:left;}
.gywom_u1 li:nth-child(3n){margin-right: 0;}
.gywom_u1 li img{width: 100%;}
.gywom_u1 li:hover img{transform: scale(1.05);}
.gywom_u1 li span{display: block;overflow: hidden;}
.gywm_con4_list{background: white; height: 4.5rem; box-sizing: border-box;}
.gywm_con4_list1{box-sizing: border-box; padding:.2rem; background: white;}
.gywm_con4_list1 h3{font-size: .24rem; color: #ED1C24; font-weight:700;}
.gywm_con4_list1 p{font-size: .14rem; color: #666; margin-top: .1rem; line-height:.26rem;}
.gywom_u1 li:hover .gywm_con4_list1 {transform: translateY(-.5rem);}


/*չ�ᶯ̬�б�*/
.responList li{padding: .3rem 0;border-bottom: 1px solid #eee;}
.responList li h2 a{font-size: .22rem; color: #333;font-weight: 700;}
.responList li .responTime{float: left;color: #999999;padding-right: .35rem;border-right: 1px solid #bbb;}
.responList li .responTime span{font-size: .36rem;font-weight: bold;display: block;}
.responList li .responTime time{font-size: .16rem;}
.responList li .responBody{float: left; margin-left: .35rem;width: 70%;}
.responList li .responBody p a{line-height: .24rem; color:#999;}
.responList li .responBody p{height: .5rem; overflow: hidden; margin-top: .1rem;}
.responList li:hover .responBody h2 a{color: #2a020a; }
.responList li:hover .responBody p a{color: #ED1C24;}
.responList li>a{float: right; display:block; padding:0 .1rem; text-align: center;line-height: .6rem; color: #999;border: 1px solid #999; font-size: .14rem; margin-top: .1rem;}
.responList li:hover>a{color: #fff;background: #ED1C24;border-color: #ED1C24;}

/*չ�ᶯ̬����ҳ��*/
.news-title{padding: .5rem 0 .3rem;text-align: center;border-top: 1px solid #D5D5D5;border-bottom: 1px solid #D5D5D5;}
.news-title div{text-align: center;}
.news-title div a{display: inline-block;margin: 0 .1rem;}
.news-title h2{color: #333; font-weight:600; font-size:.24rem;}
.news-title p{margin: .15rem 0 .2rem;}
.news-title p span{font-size: .14rem;}
.sectiov.news-item{background: #fff;}
.news-main{padding: .4rem 0; margin:0px auto; max-width:9.6rem;}
.news-main p{margin-bottom: .15rem; line-height: .28rem; font-size:.15rem;}
.news-main img{ max-width:100%; height:auto !important; margin:0; padding:0;}

._detailPage_bottom { overflow: hidden;     background: #f7f7f7;}
._detailPage_bottom ul { margin: 0 auto; }
._detailPage_bottom li { float: left; width: 50%; border-left: 1px solid #cccccc;  line-height: .3rem; margin-left: -1px; overflow: hidden;  *zoom: 1; background:#eaeaea; }
._detailPage_bottom ._mark { float: left; margin-right: 2%; width:14%; background:#dbdbdb; text-align:center; font-size:.14rem; line-height:.6rem;  }
._detailPage_bottom a { display:block; font-size:.14rem; line-height:.58rem; height:.58rem; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; color:#666; overflow:hidden;}

._detailPage_bottom [class^="ico-"] { font-weight: normal; font-size: .18rem; color: #999999; margin-right: 0; }

._detailPage_bottom li._next ._mark{ float:right; margin-right:0; margin-left:2%;}
._detailPage_bottom li._next a { text-align:right; }
._detailPage_bottom ._title { float: left; width: 70%; font-size: .14rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:.15rem 0; }
._detailPage_bottom ._title:hover { color: #0e90d2; }
._detailPage_bottom li._next ._title{ float:right; text-align:right;}
._detailPage_bottom ._time { float: right; white-space: nowrap; margin-right: .1rem; }

.newsDetail {width: 100%;}
.newsDetail li {width: 100%;}
.newsDetail li img{width: 50%; margin:0% auto 5% auto;}
.newsDetail .txt {display: flex; flex-direction: column; align-items: center; margin:0% auto 5% auto; line-height: 3em;}



/*��ϵ����*/
.lxwo{ margin-top: .5rem;}
.lxwm{ margin-bottom: .3rem; }
.lxwm li{width: 35%; padding-bottom: .3rem; display:inline-block; vertical-align: top;}
.lxwm li:nth-child(2){ width:25%;}
.lxwm li:nth-child(3){ width:35%;}

.lxwm li div{ display:inline-block; margin-left:.2rem;}
.lxwm li div, .lxwm li div a{ color:#444;}
.lxwm li:last-child div{width: calc(100% - .8rem);}
.lxwm li h3{font-size: .2rem; margin-bottom: .18rem; position: relative; font-weight:700; color:#333;}
.lxwm li h3:after{position: absolute; bottom: -0.1rem; width: .2rem; height: 1px;background: #C4C4C4; content: ''; display: block; left: 0;}
.lxwm li:hover h3{color: #ED1C24;}
.lxwm li p{line-height: .28rem; font-size:.14rem;}
.lxwm li i.iconfont{ font-size:.36rem; color:#222; display:inline-block; vertical-align:top;}
.lxwm li:hover i.iconfont{ color:#ED1C24;}
#map{width: 100% !important; height: 4rem;border: 1px solid #E4E4E4;}

.lianxiren{}
.lianxiren li{ width:50%; float:left; background:#f7f7f7; margin-bottom:.1rem;}
.lianxiren .headoffice{ width:100%; float:left; background:#f7f7f7; margin-bottom:.1rem;}
.lianxiren .headoffice .lximg img{ width:100%; float:left; background:#f7f7f7;}
.lianxiren .headoffice .lxinfo h4{ font-size:.18rem; font-weight:bold; color:#010101; margin-bottom:.1rem; line-height: 1.5;}
.lianxiren .headoffice .lxinfo h5{ font-size:.16rem; color:#010101; font-weight:normal; height:4em; line-height: 1.5}
.lianxiren li .lximg{ width:50%; float:left;}
.lianxiren li .lximg img{ width:100%; height:auto;}
.lianxiren li .lxinfo{ width:50%; float:left; padding:.3rem 6%;}
.lianxiren li .lxinfo i{ padding-right:.1rem;}
.lianxiren li .lxinfo h4{ font-size:.18rem; font-weight:bold; color:#010101; margin-bottom:.1rem; line-height: 1.5;}
.lianxiren li .lxinfo h5{ font-size:.16rem; color:#010101; font-weight:normal; height:8em; line-height: 1.5}
.lianxiren li .lxinfo p{ font-size:.15rem; line-height:.3rem;}
.lianxiren li .lxinfo p i{ font-size:.18rem; color:#010101;}
@media only screen and (max-width:1200px) {
	body .two .main .right .top .right_t img{ margin-top:.8rem;}
	body .two .main .right .top .right_t .anniu{ margin-top:.3rem;}
}
@media screen and (max-width: 800px) {
  .pc{display: none;}
  .mobile{display: block;}
  h2{ font-size:24px;}
  .sectiov p, .sectiov p a, ol li{ font-size:13px;}
  .page{ margin-top:20px;}
  .page a{ padding:0 5px; line-height:30px;}
  body {
    position: relative;
  }
  body .main, .divbox {
    width: 92%;
    margin: 0 auto;
  }
  header {
    z-index: 99;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 70px;
    width: 100%;
  }
  header .main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
  }
  header .main .left img {
    height: 40px;
  }
  header .main .right {
    display: none;
    align-items: center;
  }
  header .main .right .right_l {
    margin-right: 20px;
  }
  header .main .right .right_l ul {
    display: flex;
  }
  header .main .right .right_l ul li {
    padding: 0 0.2rem;
  }
  header .main .right .right_l ul li a {
    font-size: 0.18rem;
    font-weight: 500;
    color: #ffffff;
  }
  header .main .right .right_r {
    display: flex;
    align-items: center;
    width: 0.67rem;
    height: 0.34rem;
    border-radius: 0.17rem;
  }
  header .main .nav {
    display: block;
  }
  header .main .nav img {
    height: 30px;
  }
  header .main .mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 70;
    display: none;
  }
  header .main .nav_li {
    display: block;
    width: 200px;
    position: absolute;
    background-color: #f3f3f3;
    right: -200px;
    height: 100vh;
    top: 0;
    z-index: 99;
    display: none;
  }
  header .main .nav_li ul {
    display: inherit;
  }
  header .main .nav_li ul li {
    border-bottom: 1px solid #999999;
    margin-left: 0;
  }
  header .main .nav_li ul li .link {
    padding-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    opacity: 0.8;
  }
  header .main .nav_li ul li .link img {
    margin-left: 0.1rem;
    width: 0.2rem;
    height: 0.15rem;
    transition: all 0.4s ease;
    transform: rotate(-180deg);
  }
  header .main .nav_li ul li .submenu {
    display: none;
  }
  header .main .nav_li ul li .submenu li {
    margin-left: 0;
  }
  header .main .nav_li ul li .submenu li a {
    display: block;
    line-height: 1rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 400;
    color: #999999;
  }
  header .main .nav_li ul li a {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    opacity: 0.8;
  }
  header .main .nav_li ul li.open .link img {
    transform: rotate(0deg);
  }

  /*body .banner video{ display:none;}*/
  body .banner{ overflow:hidden;}
  /*body .banner img.spimg {*/
  /*  width: 100%; display:block;*/
  /*}*/
  body .banner .fu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
  }
  body .banner .fu a {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
  }
  body .banner .fu a img {
    margin: 0 auto 10px;
    width: 40px;
    height: 40px;
  }
  body .one{ height:100vh;}
  body .one .main .title{ padding-top:120px;}
  body .one .main .title p {
    font-size: 24px;
    font-family: Impact;
    font-weight: 400;
    color: #ffffff;
  }
  body .one .main .title span {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    color: #ffffff;
  }
  body .one .main .box {
    margin-top: 50px;
  }
  body .one .main .box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  body .one .main .box ul li {
    margin-left: 0rem;
    display: flex;
    align-items: center;
  }
  body .one .main .box ul li .left img {
    width: 30px;
    height: 30px;
  }
  body .one .main .box ul li .right {
    margin-left: 10px;
  }
  body .one .main .box ul li .right p {
    font-size: 12px;
    font-weight: 500;
    color: #fefefe;
  }
  body .one .main .box ul li .right p em {
    font-size: 16px;
    font-weight: 500;
    color: #fefefe;
  }
  body .one .main .box ul li:nth-child(1) {
    margin-left: 0;
  }
  body .one .main .anniu {
    margin-top: 50px;
    width: 100px;
    height: 36px;
    background: #ee1d23;
  }
  body .one .main .anniu a {
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
  }
  body .two {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  body .two .main {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  body .two .main .left ul li {
    width: 100%;
    height: 30px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-top: none;
  }
  body .two .main .left ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #101210;
  }
  body .two .main .left ul li a img {
    width: 6px;
    height: 9px;
    margin-right: 20px;
  }
  body .two .main .left ul .tou {
    width: 100%;
    height: 40px;
    background: #ED1C24;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    color: #ffffff;
  }
  body .two .main .left ul li:first-child {
    border-top: block;
  }
  body .two .main .right .top {
    display: flex;
    flex-direction: column;
  }
  body .two .main .right .top .left_t {
    margin-top: 20px;
    margin-right: 0;
  }
  body .two .main .right .top .left_t img {
    width: 100%; height:auto;
  }
  body .two .main .right .top .right_t {
    margin: 0 auto; width:100%;
  }
  body .two .main .right .top .right_t .bold {
    margin-top: 20px;
    width: 100%;
    height: 2px;
    background: #000000;
    border: 1px solid #eeeeee;
  }
  body .two .main .right .top .right_t img {
    margin-top: 20px;
    width: 21px;
    height: 16px;
  }
  body .two .main .right .top .right_t p {
    line-height: 1.5;
    margin-top: 20px;
    width: 100%;
    height: auto;
    font-size: 13px;
    text-align: justify;
    font-weight: 400;
    color: #ababab;
  }
  body .two .main .right .top .right_t .anniu {
    margin-top: 20px;
    width: 100px;
    height: 32px;
    background: #101210;
    border: 1px solid #dfdbdb;
  }
  body .two .main .right .top .right_t .anniu a {
    display: block;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
  }
  body .two .main .right .bottom {
    margin-top: 20px;
    width: 100%;
  }
  body .two .main .right .bottom .swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  body .two .main .right .bottom .swiper-slide {
    text-align: center;
    font-size: 14px;
    background: #fff;
  }
  body .two .main .right .bottom .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .two .main .right .bottom .swiper-button-next:after,
  body .two .main .right .bottom .swiper-button-prev:after {
    display: none;
  }
  body .two .main .right .bottom .swiper-button-next {
    position: absolute;
    right: 15px;
    top: 60%;
    transform: translateY(-50%);
  }
  body .two .main .right .bottom .swiper-button-next img {
    width: 30px;
    height: 30px;
  }
  body .two .main .right .bottom .swiper-button-prev {
    position: absolute;
    left: 15px;
    top: 60%;
    transform: translateY(-50%);
  }
  body .two .main .right .bottom .swiper-button-prev img {
    width: 30px;
    height: 30px;
  }
  body .three.three {
    background-image: url(../images/three_bg.jpg);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-bottom: 30px;
  }
  body .three.three .main .top {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
  }
  body .three .main .top .left {
    font-size: 24px;
    font-weight: bold;
    color: #1d2a32;
  }
  body .three .main .bottom {
    margin-top: 20px;
  }
  body .three .main .bottom .swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  body .three .main .bottom .swiper-slide {
    text-align: center;
    font-size: 13px;
  }
  body .three .main .bottom .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .three .main .bottom .box p {
    margin-top: 10px;
  }
  
  .meiti{ padding:30px 0;}
  .index_title h1{ font-size:24px;}
  .index_title p{ font-size:13px; }
  .ind_more{ width:80px; height:30px; border-radius:30px; font-size:13px; margin-top:-40px; line-height:30px;}
  .meiti_list{ margin-top:20px;}
  .meiti_list_u1 li{ width:49%; margin-right:2%; margin-bottom:3%; }
  .meiti_list_u1 li:nth-child(2n){ margin-right:0;}
  .meiti_list_u1 li a h2{ font-size:16px; line-height:26px; margin-top:5px;}
  .meiti_list_u1 li a p{ font-size:12px; margin-top:5px; line-height:16px; height:48px;}
  
  body .footer .top {
    padding-bottom: 30px;
    padding-top: 30px;
    background-image: url(/public/storage/themecontent/media/images/footer_bg.jpg);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-left: 50px;
  }
  body .footer .top .left {
    margin-left: 0rem;
    margin: 0 auto;
  }
  body .footer .top .left .title {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
  }
  body .footer .top .left ul{ width:90%;}
  body .footer .top .left ul li {
    margin-top: 20px;
  }
  body .footer .top .left ul li img {
    height: 20px;
  }
  body .footer .top .left ul li .xia {
    margin-top: 10px;
    display: flex;
  }
  body .footer .top .left ul li .xia .bold {
    margin-top: 5px;
    width: 20px;
    height: 2px;
    background: #ED1C24;
  }
  body .footer .top .left ul li .xia .wen {
    margin-left: 10px;
  }
  body .footer .top .left ul li .xia .wen p {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
  }
  body .footer .top .left ul li .xia .wen span {
    display: block;
    font-size: 0.60rem;
    font-family: Oswald;
    font-weight: 500;
    color: #ffffff;
  }
  body .footer .top .right {
    margin-right: 0rem;
    margin: 30px auto 0;
  }
  body .footer .top .right .title {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
  }
  body .footer .top .right input {
    margin-top: 10px;
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid #505e78;
    box-shadow: 0rem 6px 10px 1px rgba(0, 0, 0, 0.17);
    border-radius: 2px;
    padding-left: 15px;
    font-size: 14px;
    color: #ffffff;
  }
  body .footer .top .right ::placeholder {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    color: #ffffff;
  }
  body .footer .top .right textarea {
    margin-top: 10px;
    width: 100%;
    height: 80px;
    border: 1px solid #505e78;
    box-shadow: 0rem 6px 10px 1px rgba(0, 0, 0, 0.17);
    border-radius: 2px;
    background: none;
    color: #ffffff;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 10px;
  }
  body .footer .top .right ::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
  }
  body .footer .top .right .anniu {
    margin-top: 20px;
    width: 120px;
    height: 30px;
    background: #ED1C24;
  }
  body .footer .top .right .anniu a {
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
  }
  body .footer .top .right .anniu button{ margin-top:20px; width:100px; height:30px; line-height:30px; font-size:15px;}
  body .footer .bottom {
    padding-bottom: 15px; padding-top:10px;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  body .footer .bottom .left {
    text-align: center;
    margin-left: 0rem;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #7f7f7f;
  }
  body .footer .bottom .right {
    text-align: center;
    margin-right: 0rem;
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
    line-height: 30px;
  }
  body .footer .bottom .right a {
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
  }
  
  .main .mainHead div{display: none;}
  .gywm_con2, .gywm_con1, .gywm_con3, .gywm_con4, .gywm_con5, .jrwm_con4, .jr_why, .zpxx_con1, .jrwm_zcxq{ padding:30px 0;}
  .gywm_con1{ padding-bottom:20px;}
  .gywm_con1_left{ width:100%;}
  .gywm_con1_right{ width:100%; margin-left:0; display:none;}
  .gywm_con1_right img{ margin-top:20px;}
  .gywom_u1{ margin-top:20px;}
  .gywom_u1 li{width:100%; margin-right: 0px; margin-bottom:20px;}
  .gywm_title{ font-size:24px;}
  .gywm_con1 p{ font-size:13px; line-height:1.5; margin-top:15px;}
  .gywm_con4_list{ height:auto;}
  .gywm_con4_list1{ padding:15px;}
  .gywm_con4_list1 h3{ font-size:18px;}
  .gywm_con4_list1 p{ font-size:13px; margin-top:8px; line-height:18px;}
  .sectiov{ background:#fff; padding-bottom:30px;}
  .prodService .main{ margin-top: 0; width:100%; padding: 0; box-shadow:none;}
  .prodService .main .mainHead{height: 50px; line-height: 50px; }
  .prodService .main .mainHead h2{ line-height: 50px; font-size:24px;}
  .proLeft{ margin-top:20px; width:100%;}
  .proLeft ul .tou{ width:100%; height:35px; line-height:35px; font-size:20px;}
  .proLeft ul li{ width:100%; line-height:30px;}
  .proLeft ul li a{ font-size:15px; margin-left:15px;}
  .proLeft ul ul.l-nav-list{ padding:10px 0; }
  .proLeft ul ul.l-nav-list li{ height:25px; line-height:25px;}
  .proLeft ul ul.l-nav-list li a{ margin-left:25px; font-size:13px;}
  .proRight{ width:100%;}
  .proList{ margin-top:20px;}
  .proList li{ width:100%; margin-right:0; margin-bottom:10px; height:150px;}
  .newProBox h2{ font-size:16px; margin-bottom:10px;}
  .newProBox p{ font-size:13px; line-height:20px;}
  .newProBox>a.more{ font-size:14px; margin-top:10px; width:70px; height:26px; line-height:26px; }
  .proDesc{ padding:15px;}
  
  .classTitle{ padding:20px 0; height:auto; position:static;}
  .classTitle img{ width:100%; position:static; max-width:400px; transform: translatey(0);}
  .classTitle .txt{ width:100%; margin-top:10px;}
  .classTitle .proName{ font-size:18px; line-height:50px; margin-bottom:0px;}
  .classTitle .txt span{ width:100%; margin-right:0; line-height:26px; font-size:13px; float:none;}
  
  .responList li{ padding:10px 0;}
  .responList li .responTime{ padding-right:15px; padding-top:10px; padding-bottom:10px; margin-top:5px;}
  .responList li .responTime span{ font-size:18px;}
  .responList li .responTime time{ font-size:12px;}
  .responList li .responBody{ margin-left:15px;}
  .responList li h2 a{ font-size:16px; height:20px; line-height:20px; overflow:hidden;}
  .responList li .responBody p{ height:36px; margin-top:5px;}
  .responList li .responBody p a{ line-height:18px;}
  .responList li>a{ display:none;}
  .news-title{ padding:20px 0 10px;}
  .news-title h2{ font-size:18px;}
  .news-main{ padding:20px 0; width:100%; max-width:100%;}
  .news-main p{ margin-bottom:15px; line-height:20px;}
  ._detailPage_bottom{ background:#fff;}
  ._detailPage_bottom li{ width:100%; margin-bottom:10px;}
  ._detailPage_bottom ._mark{ font-size:14px; line-height:30px;}
  
  ._detailPage_bottom li._next ._mark{ float:left; margin-right:2%; margin-left:0;}
  ._detailPage_bottom a{ border:none; font-size:13px; line-height:30px; height:30px;}
  ._detailPage_bottom li._next a{ text-align:left;}
  
  .lxwo{ margin-top:30px;}
  .lxwm{ margin-bottom:20px;}
  .lxwm li, .lxwm li:nth-child(2), .lxwm li:nth-child(3), .lxwm li:nth-child(4){ width:100%; padding-bottom:10px;}
  .lxwm li:last-child div { width: calc(100% - 50px); }
  .lxwm li i.iconfont{ font-size:24px;}
  .lxwm li h3{ font-size:20px; margin-bottom:10px;}
  .lxwm li h3:after{ bottom: -5px; width: 20px; }
  .lxwm li div{ margin-left:10px;}
  .lianxiren li{ width:100%;}
  .lianxiren li .lxinfo{ padding:15px 6%;}
  .lianxiren li .lxinfo h4{ font-size:18px; margin-bottom:5px;}
  .lianxiren li .lxinfo h5{ font-size:16px;  height:40px;}
  .lianxiren li .lxinfo p{ font-size:14px; line-height:28px;}
}


.videoCover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.8);}
.videoInfor {width: 100%; max-width:14rem; max-height: 90%; position: relative; left:50%; top: 50%; background: #000; transform: translate(-50%,-50%);}
.videoInfor video { margin:0px auto; display: block; max-width: 100%; max-height: 8rem !important; outline: none;}
.videoInfor .closeBtn { display: block; z-index: 2; position: absolute; right: 0; top: 0; background: url(/public/storage/themecontent/media/images/close.png) center no-repeat #000000; width: .48rem; height: .48rem; cursor: pointer;}
#screen { display: none; position: fixed; top: .6rem; bottom: 0; left: 0; width: 100%; z-index: 15; background:rgba(0,0,0,0.5) ;}


@media screen and (max-width: 480px) {
  .meiti_list_u1 li{ width:100%; margin-right:0; margin-bottom:3%; }
  .meiti_list_u1 li a h2{ font-size:16px; line-height:26px; margin-top:5px;}
  .meiti_list_u1 li a p{ font-size:12px; margin-top:5px; line-height:16px; height:48px;}
}