@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face { 
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}

@font-face { 
  font-family: 'SourceHanSerifCN-Regular';
  src: url('./SourceHanSerifCN-Regular.otf');
}


@font-face { 
  font-family: 'SourceHanSerifCN-Bold';
  src: url('./SourceHanSerifCN-Bold.otf');
}



@font-face { 
  font-family: 'DIN-Bold';
  src: url('./DIN-Bold.otf');
}
 


html {
   scroll-padding-top: 100px;
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'REGULAR'; background: url(../images/bg.jpg)  center;color:#333333;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.917%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}


.ct{font-family: 'BOLD';}
.systc{font-family: 'SourceHanSerifCN-Bold';}
.systr{font-family: 'SourceHanSerifCN-Regular';}
.systtc{font-family: 'SourceHanSerifCN-Bold';}
.systzc{font-family: 'SourceHanSerifCN-Regular';}
.dinb{font-family: 'DIN-Bold';}

.jxzk{ font-family: 'SourceHanSerifCN-Bold';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%; position: fixed;top: 0;left:0;z-index: 999;}
header .box1{height: 124px;}
header .box1 .logo{display: block;height: 75px;}
header .box1 .line{width: 1px;height: 49px;background:#fff;opacity: 0.4}
header .box1 nav{width: 56%}
header .box1 nav a{color: #fff}
header .box1 nav a:hover,header .box1 nav a.active{font-family: 'SourceHanSerifCN-Bold';}
header .box1 .phone span{display: inline-block;line-height: 32px;border: 1px solid #fff;border-radius: 17px; padding: 0 18px;margin-left: 8px;}


header.active{background: rgba(105, 30, 30, 0.9); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}



.banner{width:100%;height: 701px;}


.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background: #fff;width: 10px;height: 10px;margin: 0 5px !important;}
.sy_banner .swiper-pagination-bullet-active{opacity: 1 !important;}


.cor{color: #7f0f04}
.cor1{color: #72151a}
.cor2{color: #ffffff}
/* 内容 */
.title{width: 100%; padding: 75px 0 50px;}
.title img{margin-bottom: 20px;}
.title h3{font-size: 51px;line-height: 56px;}
.title h4{font-size: 27px;line-height: 28px; margin-top:20px;}
.title .line{width: 67px;height: 4px;background:#c30d23;margin: 22px auto 0;}

.ht1{padding-bottom: 120px;}
.ht11{width: 39.7857%;}
.ht112{height: 454px;}
.ht112>div>h4{font-size: 22px;}
.ht112>div>img{margin: 15px 0 15px;}
.ht112>div>h5{font-size: 28px;margin-bottom: 65px;}
.ht112 .line{width: 200px;height: 1px;background: #72151a;margin-right: 25px;}
.ht112 a{letter-spacing: 8px;color: #72151a}
.ht112 a img{margin-left: 15px;}

.ht12{width: 56.07%;}
.ht121{height: 273px;padding-left: 3%}
.ht121 p{font-size: 17px;color: #666666;margin-bottom: 10px;}
.ht121 p span{font-size: 37px;}
.ht121 h5{font-size: 22px;}
.ht122{border-radius: 0 25px 25px 25px;}


.ht2{width: 100%;background: url(../images/ht2.jpg) no-repeat center top;padding-bottom: 100px;}
.ht2 .title{padding-top: 43px;}
.ht210{height: 580px; background:#fff;padding: 10px;}
.ht2_img{width: 100%;height: 299px;}
.ht2_img img{min-width: 100%;height: 100%;}
.ht2_con{padding: 38px 5% 0;}
.ht2_tit{font-size: 27px; height: 30px;line-height: 30px;}
.ht2_des{font-size: 16px; height: 60px;line-height: 30px;color: #666666;-webkit-line-clamp: 2;margin: 28px 0;}
.ht2_more{width: 100px;height: 37px;border-radius: 20px;border: 1px solid #dddddd;font-size: 15px;}
.ht2_more img{margin-left: 3px;}
.ht210:hover .ht2_tit{color: #72151a}
.ht210:hover .ht2_more{background:#72151a;border-color:#72151a; color: #fff}
.ht210:hover .ht2_more img{filter: brightness(100);}

.ht21 .mySwiper{overflow:visible;}
.ht21 .swiper-button-prev{width: 59px;height: 59px;background: url(../images/ht2p.png) no-repeat center;top: auto; top: 279px;left: -105px;box-shadow: 0 10px 20px rgba(178,178,178,0.26);border-radius: 50%;}
.ht21 .swiper-button-next{width: 59px;height: 59px;background: url(../images/ht2n.png) no-repeat center;top: auto; top: 279px;right: -105px;box-shadow: 0 10px 20px rgba(178,178,178,0.26);border-radius: 50%;}
.ht21 .swiper-button-next::after,.ht21 .swiper-button-prev::after{display: none}

.ht22{width: 100%;height: 1041px;background: url(../images/ht220.jpg) no-repeat center }
.ht22>h3{font-size: 39px;line-height: 56px;letter-spacing: 10px; padding: 55px 0  695px;}
.ht221 p{font-size: 18px;line-height: 40px;}

.ht3{width: 100%;background: url(../images/ht3.jpg) no-repeat center;height: 1098px;}
.ht31 ul li{width: 26.4285%;height: 688px; background: #fff;transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;}
.ht3_img{width: 100%;height: 450px;margin-bottom: 30px;}
.ht3_img img{max-width: 100%;max-height: 100%;}
.ht3_tit{font-size: 25px; height: 30px;line-height: 30px;}
.ht3_des{font-size: 20px; height: 22px;line-height: 22px;color: #666666;margin: 12px 0 35px;}
.ht3_more{width: 118px;height: 50px;background: #72151a;font-size: 16px;color: #fff;border-radius: 15px;margin: 0 auto;}
.ht31 ul li.active{width: 47.071%;background:#f8f8f8;}

.ht30{padding-bottom: 95px;}
.ht32 .mySwiper{overflow:visible;}
.ht320{background:#fff;box-shadow: 0 10px 20px rgba(178, 178, 178, 0.26); border-radius: 15px;padding: 15px 15px 32px;}
.ht32_img{display: block; width: 100%;padding-bottom: 79%;position: relative;border-radius: 15px 15px 0 0;margin-bottom: 55px;}
.ht32_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ht32_tit{font-size: 20px;height: 30px;line-height: 30px;}
.ht32_more{width: 75px;height: 75px;border-radius: 50%;background: #72151a;border: 3px solid #fff;color: #fff;font-size: 15px;position: absolute;bottom: 110px;left: 0;right: 0;margin:auto;}

.ht32 .anniu{margin-top: 55px;}
.ht32 .swiper-button-prev{width: 67px;height: 67px;background: url(../images/ht3p.png) no-repeat center;position: static;}
.ht32 .swiper-button-next{width: 67px;height: 67px;background: url(../images/ht3n.png) no-repeat center;position: static;}
.ht32 .swiper-button-next::after,.ht32 .swiper-button-prev::after{display: none}
.ht32 .swiper-scrollbar{width: 85%; height: 4px;background: #dddddd;position: static;}
.ht32 .swiper-scrollbar-drag{background:#72151a;}

.ht4{width: 100%;background: url(../images/ht4.jpg) no-repeat center top;padding-bottom: 200px;}
.ht41 ul{height: 320px;}
.ht41 ul li{width: calc(100% / 3);height: 189px;background:#fff;transition: .2s;}
.ht41 ul li h5{font-size: 20px;margin-top: 22px;}
.ht41 ul li p{display: none;opacity: 0.8; font-size: 18px;line-height: 36px;margin-top: 12px;padding: 0 8%;}
.ht41 ul li.active{height: 320px;background:#e52128;color: #fff;}
.ht41 ul li.active img{filter: brightness(100);}
.ht41 ul li.active h5{margin-top: 17px;}
.ht41 ul li.active p{display: block;}
.ht42{background:#fff;margin-top: 80px;padding: 0 5% 50px;}
.ht42 h4{font-size: 34px;line-height: 52px;padding:55px 0 40px;}
.ht421{width: 48%;height: 73px;border: 1px solid #bfbfbf;padding: 0 17px;margin-bottom: 20px;color: #666666}
.ht421 .text{display: block;width: 80%;height: 100%; background: none; outline: none;border: none;font-size: 18px;color: #666;}
.ht422{width: 100%;height: 130px;padding: 15px 17px;}
.ht422 .text{width: 91%}
.ht42 .tj{display: block;width: 234px;height: 60px;background:url(../images/ht42.png) no-repeat center;outline:none;cursor: pointer;border: none; font-size: 24px;color: #fff;margin: 50px auto 6px;}
.ht421:hover{background:#7f0f04;border-color: #7f0f04;color: #fff}
.ht421:hover .text{color: #fff}


.ht4 .img {
  display: flex;
    height: 550px;
}

.ht4 .img>div {
    width: 20.248%;
    transition: .3s;
}

.ht4 .img div:nth-child(5) {
    right: -17%;
}

.ht4 .img div:nth-child(4) {
    right: 4%;
}

.ht4 .img div:nth-child(2) {
    right: 77%;
}

.ht4 .img div:nth-child(1) {
    right: 98%;
}

.ht4 .img .act {
    width: 51.257%;
    /* height: 548px; */
    right: 25%;
}

.ht4 .img p {
  background: #fff;
    height: 78px;
    font-size: 22px;
    transition: .3s;
}

.ht4 .img .act p {
    color: #fff;
    background: #7f0f04;
}

.ht4 .tab {
    width: 7%;
    left: 52.1%;
    bottom: -59px;
}

.ht4 .tab p {
    width: 10px;
    height: 10px;
    background: #9b9b9b;
    border-radius: 50%;
    margin: 0 4px;
}

.ht4 .tab .active {
    background: #7f0f04;
}

.ht4 .btn {
    width: 8.8%;
    bottom: -83px;
    left: 42%;
}

.ht4 .btn p {
    width: 55px;
    height: 55px;
    background: url(../images/left.png) no-repeat center;
}

.ht4 #next {
    transform: rotateY(180deg);
}





.ht5{width: 100%;height: 1742px; background: url(../images/ht5.jpg) no-repeat center;}

.ht510{width: 100%;height: 100%;top: 0;left: 0}
.ht510 ul{width: 100%;height: 100%;}
.ht510 ul li{width: 33.333%;height: 100%;padding: 6.5% 5%;border-right: 1px solid #fff;}
.ht510 ul li:last-child{border:none;}
.ht510 ul li h5{font-size: 30px;}
.ht510 ul li p{font-size: 18px;}
.ht510 ul li.active{background: rgba(114, 21, 26, 0.75);}
.ht52{margin-top: 25px;}
.ht52 ul li{font-size: 25px; margin: 50px 2% 0 0;}
.ht52 ul li:nth-child(5n){margin-right: 0}
.ht521{width: 210px;height: 210px;border-radius: 50%;border:  1px solid #c5bdbd;padding: 13px;margin-bottom: 25px;}
.ht521 div{width: 100%;height: 100%;border-radius: 50%;background:#fff;}
.ht52 ul li.active{color: #7f0f04}
.ht52 ul li.active .ht521{border-color: #7f0f04}
.ht52 ul li.active .ht521 div{background: #7f0f04}
.ht52 ul li.active .ht521 div img{filter: brightness(100);}

.ht53{width: 100%;height: 866px; background: url(../images/ht53.jpg) no-repeat center;}

.ht6{width: 100%;background: url(../images/ht6.jpg) no-repeat center top;padding-bottom: 100px;}
.ht61{margin: 135px auto 150px;}
.ht61 ul li p{font-size: 25px;}
.ht61 ul li div{font-size: 94px;line-height: 110px;margin-bottom: 10px;}
.ht61 ul .line{width: 57px;height: 2px;background: #fff;margin: 65px auto 55px;}

.ht62{background:#fff;padding: 0 3% 90px;}
.ht62>h3{font-size: 50px;padding: 50px 0 40px;}
.ht620{padding: 11px 11px 0;border:1px solid #7f0f04;}
.ht62_img{display: block; width: 100%;padding-bottom: 60.5%;position:relative;}
.ht62_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ht62_tit{width: 100%;font-size: 20px;height: 85px;line-height: 85px;}

.ht8{width: 100%;background: url(../images/ht7.jpg) no-repeat center top;padding-top: 655px;}
.ht80{width: 100%;height: 508px; background: url(../images/ht70.jpg) no-repeat center;padding-top: 80px;}
.ht811 h4{font-size: 24px;}
.ht811 h3{font-size: 38px;line-height: 60px;}
.ht811 h3 span{font-size: 56px;}
.ht812{width: 800px;line-height: 37px;letter-spacing: 1px;}
.ht812 a{color: #691e1e}

.ht82{margin-top: 70px;}
.ht82 a{width: 20%;height: 85px;border: 1px solid #dddddd;margin-right: -1px;}
.ht82 a .line{display: block;margin:0 6%;}
.ht82 a:hover{background:#7f0f04;border: 1px solid #7f0f04; color: #fff;font-size: 20px;}
.ht82 a:hover img{filter: brightness(100);}









.ht7{width: 100%;padding-bottom: 100px;}

.ht711{width: 66.571%}
.ht71_img{display: block; width: 100%;padding-bottom: 57%;background: #fff;position: relative; }
.ht71_img img{width: 100%;position: absolute;top: 0;left: 0;bottom: 0;margin:auto;}
.ht710{width: 100%;height: 110px;background: url(../images/ht70.png) no-repeat center bottom;bottom: 0;left: 0;}
.ht71_tit{font-size: 17px;padding: 0 3%;bottom: 5%;left: 0;color: #fff;}
.ht71_con{width: 86px;height: 70px;background: #72151a;padding: 12px 0 0 15px;top: 8%;left: 4%;}
.ht71_con p{font-size: 13px;}
.ht71_con span{font-size: 25px;display: block;line-height: 30px;}

.ht711:hover .ht71_tit{color: #7f0f04}
.ht712{width: 31.214%}
.ht712 ul{height: 100%;}
.ht712 ul li:hover .ht71_tit{color: #7f0f04}
.ht72{height: 1px;background:#dddddd;margin: 30px auto 35px;}
.ht73 ul li{width: 32%;padding-bottom: 32px;border-bottom: 1px solid #dddddd;margin: 0 2% 0 0;}
.ht73 ul li:nth-child(3n){margin-right: 0}
.ht73 ul li p{font-size: 15px;color: #666666}
.ht73 ul li .ht73_tit{font-size: 18px;height: 24px;height: 24px;margin: 10px 0 8px;}
.ht73 ul li .ht73_des{font-size: 12px;color: #999999;-webkit-line-clamp: 2;height: 32px;line-height: 16px;}
.ht73 ul li .ht73_more{display: block;font-size: 12px;color: #999999;margin-top: 15px;}
.ht73 ul li:hover .ht73_tit{color: #7f0f04}



.ht0{width: 100%;height: 614px;padding-top: 100px; background: url(../images/ht0.png) no-repeat center;}
.ht01{width: 42%}
.ht01 h3{font-size: 38px;}
.ht01 .line{width: 100%;height: 1px;background:#7f0f04;margin: 22px 0;}
.ht01 h4{font-size: 28px;line-height: 40px;}
.ht01 a{width: 282px;height: 83px; background: url(../images/ht01.png) no-repeat center;font-size: 24px;color: #fff;padding: 10px 85px 0 0;margin: 40px auto 0;}
.ht02{width: 52.5%;height: 432px;border: 1px solid rgba(116, 27, 16, 0.25)}
.ht020{width: 96.87%;height: 410px;background: url(../images/ht020.png) no-repeat center;top: 11px;left: -12px;padding: 30px 3% 0 10%;}
.bd1{width: 47.5%;margin-bottom: 20px;}
.bd1 h5{font-size: 20px;color: #be9975;margin-bottom: 10px;}
.bd1 .text{display: block;width: 100%;height: 65px; background: none; outline: none;border: 1px solid #be9975;font-size: 20px;color: #7f0f04;padding: 0 15px;}
.bd2{width: 100%;}
.bd2 .text{width: 100%;height: 113px;resize:none;padding: 10px 15px;}
.ht02 .tj{display: block;width: 218px;height: 63px;background:url(../images/ht02.png) no-repeat center;color: #fff;outline:none;cursor: pointer;border: none; font-size: 18px;color: #fff;padding: 10px 70px 0 0;margin: 0 auto;}
.bd1:hover h5{color: #7f0f04}
.bd1:hover .text{border-color: #7f0f04}



.xf{width: 60px;height: 260px; position: fixed;bottom: 0;top: 0; right: 0;margin: auto; z-index: 100}

.xf>ul{height: 260px;text-align: center;}
.xf>ul>li{width: 60px;height: 60px;background: #2e2e2e; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background:rgba(46, 46, 46, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 300px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li:hover{background:#c30d23}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}


@media (min-width: 0px) and (max-width: 1199px) {
.ht221 p{font-size: 16px;}
}
@media (min-width: 1199px) and (max-width: 1299px) {
.ht221 p{font-size: 16px;}

}
@media (min-width: 1299px) and (max-width: 1399px) {
.ht221 p{font-size: 16px;}

}
@media (min-width: 1399px) and (max-width: 1499px) {
.ht221 p{font-size: 16px;}

}
@media (min-width: 1499px) and (max-width: 1599px) {
.ht221 p{font-size: 16px;}
}

@media (min-width: 1599px) and (max-width: 1699px) {
.ht221 p{font-size: 16px;}
}
@media (min-width: 1699px) and (max-width: 1799px) {
.ht221 p{font-size: 17px;}

}
@media (min-width: 1799px) and (max-width: 1899px) {
.ht221 p{font-size: 17px;}
}
@media (min-width: 1899px) and (max-width: 1920px) {
.ht221 p{font-size: 18px;}


}
/* 底部 */

footer{width: 100%;background:#691e1e;}
footer nav{padding: 50px 0 40px;}
footer nav a{display: block;width: 15%; font-size: 20px;display: block;color: rgba(255, 255, 255, 0.4) }
footer nav span{font-size: 16px;opacity: 0.5}
footer nav a:hover,footer nav a.active{color: #fff;}
footer .footT{border-top: 1px solid rgba(255,255,255,0.28);border-bottom: 1px solid rgba(255,255,255,0.28);padding: 40px 0 25px;}
footer .footT .ftl .logo{height: 158px;}
footer .footT .line{width: 1px;min-height: 240px;background:#505355;}
footer .footT .ftm h5{font-size: 16px;color: rgba(255,255,255,0.5);margin: 20px 0 ;}
footer .footT .ftm p{font-size: 16px;line-height: 20px;}
footer .footT .ftm1{width: 400px;}

footer .footT .dewm ul li{margin-right: 20px}
footer .footT .dewm ul li div{width: 130px; width: 130px;padding: 5px;border: 1px solid #fff; margin:0 auto 12px;}
footer .footT .dewm ul li p{font-size: 16px;}
footer .footT .dewm ul li:last-child{margin-right: 0}
footer .footB{font-size: 14px;padding: 20px 0;color: rgba(255,255,255,0.76);}
footer .footB a{color: rgba(255,255,255,0.76);}



.position{border-bottom:1px solid #eaeaea;}
.pos1{width: 60px; height: 60px; border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.pos2{max-width: 80%;height: 22px;line-height: 22px;margin-left: 30px; font-size: 14px;color: #222222;}
.pos2 a{color: #222222;}
.pos2 a:hover{color: #c30d23}

.bg{background:#f3f6f9;}
.con{width: 100%; padding:  75px 0 100px;}
.con1{width: 100%; padding: 75px  0 0;}
.con2{width: 100%; padding:0  0 50px;}


/* 关于我们 */

.gy_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 16px;line-height: 42px;color: #777777;}
.gy_body img{max-width:100%;}

.gy1{padding-bottom: 100px;}

.gy2{width: 100%;background: #72151a;padding-bottom: 65px;}
.gy2 .swiper-slide {width: 49.07%; }
.gy2 .swiper-slide .gy21_img{width: 100%;padding-bottom: 75%; background: #fff;box-shadow:  0 0 20px rgba(0, 0, 0, 0.1)}
.gy2 .swiper-slide .gy21_img img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gy2 .swiper-slide p{display: none; font-size: 20px;margin-top: 30px;}
.gy2 .swiper-slide-active p,.gy2 .swiper-slide-duplicate-active p{display: block;}
.gy2 .swiper-pagination{position: static;margin-top: 28px;}
.gy2 .swiper-pagination span{line-height: 999px;overflow: hidden;width: 14px;height: 14px;}
.gy2 .swiper-pagination-bullet{background: #fff;opacity: 1;}
.gy2 .swiper-pagination-bullet-active{background:#c30d23;}

.gy3{width: 100%;background: url(../images/a3.jpg) no-repeat center;height: 671px;}
.gy31 ul li{width: 24.285%;height: 380px;margin: 0 0.953% 50px 0; background: url(../images/a30.png) no-repeat right bottom;background-size: 97% 97%;}
.gy31 ul li:nth-child(4n){margin-right: 0}
.gy310{width: 97%;height: 97%;background:#fff;border: 1px solid #dddddd; padding-top: 70px}
.gy310 .gy3_img{width: 56px;height: 56px;margin: 0 auto;}
.gy310 .gy3_img img{max-width: 100%;max-height: 100%;}
.gy310 h5{font-size: 27px;margin-top: 30px;}
.gy310 .line{width: 38px;height: 2px;background: #3b414e; margin: 25px auto 25px;}
.gy310 .gy3_nr{width: 80%;margin: 0 auto;font-size: 16px;line-height: 27px;height: 108px;-webkit-line-clamp: 4; color: #777777}
.gy31 ul li:hover .gy310{border-color: #72151a;color: #72151a}
.gy31 ul li:hover .gy310 .line{background: #72151a;}
.gy31 ul li:hover .gy310 .gy3_nr{color: #72151a}
.gy31 ul li:hover .gy310 .gy30{display: none}
.gy31 ul li:hover .gy310 .gy30_{display: block;}

.gy4{padding-bottom: 110px;}
.gy411{width: 939px;height: 526px;margin: 0 auto 25px;}
.gy412 h5{font-size: 92px;line-height: 100px;margin-right: 60px;}
.gy412 p{font-size: 22px;max-width: 800px;}
.gy42{background: url(../images/a4.png) no-repeat center bottom 7px;margin-top: 60px;}
.gy420{padding-bottom: 22px;color: #444444;background: url(../images/a40.png) no-repeat center bottom}
.gy42 .mySwiper .swiper-slide-thumb-active .gy420{background: url(../images/a40_.png) no-repeat center bottom;color: #72151a;font-family: 'BOLD';}

.gy42 .swiper-button-prev{width: 44px;height: 44px;background: url(../images/a4p.png) no-repeat center;top: auto; bottom: -15px;left: -150px;}
.gy42 .swiper-button-next{width: 44px;height: 44px;background: url(../images/a4n.png) no-repeat center;top: auto; bottom: -15px;right: -150px;}
.gy42 .swiper-button-next::after,.gy42 .swiper-button-prev::after{display: none}



/* 产品中心 */
.p_nav ul li{margin-left: 40px;}
.p_nav ul li a:hover,.p_nav ul li a.active{color: #c30d23;font-family: 'BOLD';}


.product ul li{width: 48.428%;margin: 0 0 60px 0;padding: 1% 1% 0;border: 1px solid #dddddd; background: #fff;box-shadow: 0 2px 10px rgba(229, 229, 229, 0.75)}
.product ul li .p_img{display: block; width: 100%;padding-bottom: 67%;background: #f7f7f7; position: relative; }
.product ul li .p_img img{max-width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.product ul li .p_tit{width: 100%;padding: 0 18% 0 3%;background: url(../images/pm.png) no-repeat right center;  height: 90px;line-height: 90px;}
.product ul li:hover .p_tit{ color:#72151a;background: url(../images/pm_.png) no-repeat right center;}

/* 加盟合作 */
.jm1{width: 100%;height: 1277px;background: url(../images/jm1.jpg) no-repeat center;}
.jm11 ul li{width: 33.2%;background: #72151a;}
.jm11 ul li>img{opacity: 0}
.jm110{width: 100%;height: 100%;top: 0;left: 0;padding-left: 13%;}
.jm110 h5{font-size: 30px;margin-top: 20px;}
.jm110 p{font-size: 18px;}
.jm11 ul li.active>img{opacity: 0.34}
.jm12{margin-top: 90px;}
.jm12 ul li{width: 210px;height: 210px;padding: 13px; margin: 0 2% 50px 0;border-radius: 50%;border: 1px solid #c5bdbd;}
.jm12 ul li:nth-child(5n){margin-right: 0}
.jm120{width: 100%;height: 100%;border-radius: 50%;background: #fff;}
.jm120 h5{font-size: 25px;margin-top: 12px;}
.jm12 ul li.active{border-color: #72151a}
.jm12 ul li.active .jm120{background:#72151a;color: #fff}
.jm12 ul li.active .jm120 img{filter: brightness(100);}

.jm2{padding-bottom: 120px;}
.jm2_img{display: block; width: 100%;padding-bottom: 60.5%;position:relative;}
.jm2_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.jm2_tit{width: 100%;font-size:17px;color: #555555;height: 59px;line-height: 59px;border: 1px solid #dddddd;border-top: none;padding: 0 10% 0 5%;background: url(../images/j2.png) no-repeat right 5% center #fff;}
.jm21 .anniu{margin: 40px 0 75px;}
.jm21 .swiper-button-prev{width: 60px;height: 30px;background: #fff;position: static;border: 1px solid #dddddd;font-size: 14px;color: #333333}
.jm21 .swiper-button-next{width: 60px;height: 30px;background: #fff;position: static;border: 1px solid #dddddd;font-size: 14px;color: #333333}
.jm21 .swiper-button-next::after,.jm21 .swiper-button-prev::after{display: none}
.jm21 .swiper-button-prev:hover,.jm21 .swiper-button-next:hover{background:#72151a;border-color: #72151a;color: #fff}
.jm21 .swiper-pagination{position: static;width: auto}
.jm21 .swiper-pagination span{line-height: 30px;overflow: hidden;box-sizing: border-box;background: #fff;border: 1px solid #dddddd;width: 32px;height: 32px;border-radius: 0;opacity: 1; margin: 0 1px !important;font-size: 14px;color: #333333}
.jm21 .swiper-pagination-bullet-active{background:#72151a !important;border-color: #72151a !important;color: #fff !important}

.jm23 h3{width: 100%;top: 35px;font-size: 50px;}


/* 实拍效果 */

.case ul li{width: 32.214%;margin: 0 1.679% 50px 0;}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li .c_img{display: block; width: 100%;padding-bottom: 80%; position: relative; }
.case ul li .c_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.case ul li .c_tit{width: 100%;padding: 0 15% 0 6%;background: url(../images/cm.png) no-repeat right 7% center;  height: 70px;line-height: 70px;border-bottom: 1px solid #dddddd;font-size: 15px;color: #444444}
.case ul li:hover .c_tit{background: url(../images/cm_.png) no-repeat right 7% center;color: #72151a;border-color: #72151a;}


/* 新闻资讯 */
.news{padding-bottom: 1px;}
.news ul li{height: 322px;border: 1px solid #e9e4de;margin-bottom: -1px; padding: 0 4%;}
.news ul li .n_img{display: block; width: 22.8%;padding-bottom: 17.3%;background: #fff;position: relative; }
.news ul li .n_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.news ul li .n_con{width: 72%;}
.news ul li .n_con .n_tit{width: 70%;font-size: 23px;color: #000000;height: 35px;height: 35px;}
.news ul li .n_con .n_date{font-size: 18px;}
.news ul li .n_con .n_des{margin: 30px 0 35px; font-size: 18px;color: #888888;-webkit-line-clamp: 2;height: 64px;line-height: 32px;}
.news ul li .n_con .n_more{display: block;width: 46px;height: 46px;background: url(../images/nm.png) no-repeat center}
.news ul li:hover{background:#72151a;}
.news ul li:hover .n_tit{color: #fff}
.news ul li:hover .n_des{color: #fff}
.news ul li:hover .n_date{color: #fff}
.news ul li:hover .n_more{background: url(../images/nm_.png) no-repeat center}


/* 联系我们 */
.lx{padding-bottom: 420px;}
.lx1{width: 77.604%;min-width: 1200px; background:#fff;box-shadow: 0 5px 10px rgba(0, 37, 58, 0.05);top: 575px;left: 0;right: 0;margin:auto;z-index: 99}
.lx11{width: 100%;height: 85px;background:#72151a;padding: 0 4% 0 3%;color: #fff;}
.lx11 h1{font-size: 24px;}
.lx12{padding: 45px 3%;}
.lx121{width: 55%;min-width: 650px;}
.lx121 ul li{border-bottom: 1px solid #d6d6d6;padding-bottom: 20px;margin-bottom: 35px;}
.lx121 ul li .f{margin-left: 11px;}
.lx121 ul li .f h5{width: 100px;opacity: 0.9; font-size: 25px;line-height: 32px;margin-right: 10px;}
.lx121 ul li .f p{font-size: 19px;opacity: 0.9;}
.lx121 ul li .f p span{font-size: 36px;}
.lx121 ul li:last-child{margin-bottom: 0}
.lx122{width: 30%;}
.lx122 ul li{width: 48%;}
.lx122 ul li div{width: 100%;margin: 0 auto 10px;}
.lx122 ul li p{font-size: 20px;}


.map{width: 100%;height: 660px;overflow: hidden;}
.map #container{width:100%; height:  660px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}


/* 页码 */
.pagination{margin-top: 30px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:14px; color:#333;}
.pagination li{ width:32px; height:32px; text-align:center; line-height:32px; display:inline-block; margin:0 3px; border: 1px solid #dddddd;}
.pagination li a{width:32px; height:32px; display:block; color:#333;}
.pagination li:hover{  border-color:#72151a;}
.pagination li a:hover{  background:#72151a;color: #fff;}
.pagination li.active{border-color: #72151a; background:#72151a !important;color: #fff;}

/* 上下篇 */
.sxy{margin-top: 60px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a{height: 24px;line-height: 24px;}
.sxy a:hover{color: #72151a}

/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}