@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';
  src: url('./SourceHanSerifCN-Bold.otf');
}
 @font-face {
  font-family: 'ysbth';
  src: url('./ysbth.ttf');
}

*{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:#222222;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#222222;font-size: 18px;font-family: 'REGULAR';}
img{ border:0;}
.clear{clear:both;} 
.no{display:none;} 
.img{display: block;width:100%;}
.box{width:1180px;margin:0 auto;}
.box1{width: 85%;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;} 

.ct{font-family: 'BOLD';}
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}


.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%;min-width: 1200px;padding: 10px 0; position: fixed;top:0;left:0;z-index: 998;}
header .hl .logo{display: block;height: 92px;}
header .hl p{font-size: 12px;margin-top: 10px;}
header .hr{width: 900px;}
header .hr nav{width: 580px;}
header .hr nav a{color: #fff; font-size: 16px;line-height: 22px;}
header .hr nav a span{font-size: 12px;}
header .hr nav a:hover,header .hr nav a.active{font-family: 'BOLD';}
header .phone{width: 123px;height: 45px;border: 1px solid #fff;margin-left: 9px;}
header .phone img{margin-right: 8px;}
header .phone span{font-size: 14px;color: #fff;}
header .phone .dh{display: none; width: 173px;height: 50px;border-radius: 8px;top: 60px;left: -25px;background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); color: #333}
header .phone .dh img{display: block;position: absolute;top: -6px;left: 0;right: 0;margin:auto;}
header .phone:hover .dh{display: flex;}

header.active{background:rgba(0,0,0,0.6);}
header.active .headB{display: none}
header.active .hr nav a:hover,header.active .hr nav a.active{color: #f53610}



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


.sy_banner .swiper-button-prev{width: 30px;height: 30px;top:0;bottom: 0;left: 5%;margin:auto;}
.sy_banner .swiper-button-next{width: 30px;height: 30px;top:0;bottom: 0;right: 5%;margin:auto;}
.sy_banner .swiper-button-next::after,.sy_banner .swiper-button-prev::after{font-size: 50px;color: #fff;}

.cor{color: #f53610}
.cor1{color: #fd9d47}
.cor2{color: #ffffff}


.bg1{background: #fce7c1}
.bg2{background: #7e1c1c}

/* 内容 */
.title{padding: 110px 0 45px;}
.title h4{font-size: 20px;}
.title h3{font-size: 32px;line-height: 48px; margin-top: 5px;}


.ht1{padding-bottom: 110px;}
.ht11{padding-top: 444px;background: url(../images/ht1.jpg) no-repeat center top;}
.ht111{width: 970px;height: 197px;border-top: 8px solid #f53610;margin: 0 auto; background: rgba(245, 245, 245, 0.8); padding: 50px 70px 0;}
.ht111 p{font-size: 16px;line-height: 26px;color: #666666;}
.ht111 p a{color: #f53610}
.ht111::before{display: block;content: '';width: 18px;height: 15px;background: url(../images/ht1.png) no-repeat center;position: absolute; top: -22px;left: 0;right: 0;margin:auto;}

.ht2{width: 100%;height: 747px;background: url(../images/ht2.jpg) no-repeat center;padding-top: 180px;}
.ht21 .title{padding: 0 0 50px;}
.ht21 p{font-size: 22px;line-height: 46px;}
.ht21 p .span2{font-size: 26px;}
.ht21 p .span3{font-size: 36px;font-family: 'ysbth';}
.ht21 p .span4{font-size: 24px;}
.ht21 a{width: 120px;height: 40px;border: 1px solid #fff;font-size: 14px;color: #fff;margin:55px 0 0;}

.ht20{padding: 100px 0 115px;}
.ht22{margin-bottom: 50px;}
.ht22 ul li{width: 380px;}
.ht22 ul li a{width: 100%;height: 62px;line-height: 62px;padding:  0 10px;position: relative; font-size: 22px;color: #999999; background: rgba(245, 54, 16, 0.08);}
.ht22 ul li::after{display: none;content: '';width: 6px;height: 6px;background: url(../images/ht22.png) no-repeat center;position: absolute; left: 0;right: 0;bottom: -5px;margin:auto;}
.ht22 ul li:hover a,.ht22 ul li.active a{background:#f53610;color: #fff;}
.ht22 ul li:hover::after,.ht22 ul li.active::after{display: block;}

.ht23 ul li{width: 282px;margin: 0 17px 0 0;}
.ht23 ul li:nth-child(4n){margin-right: 0}
.ht23 ul li:hover .p_tit{background: #f53610;color: #fff;}
.ht23>a{margin-top: 55px; color: #f53610}
.ht23>a img{margin-left: 10px;}

.ht3{width: 100%;height: 747px;background: url(../images/ht3.jpg) no-repeat center;padding-top: 180px;}
.ht31 .swiper{width: 1060px;margin: 0 auto;}
.ht31 .swiper .swiper-slide:nth-child(2n){margin-top: 70px;}
.ht310 h6{margin-top: 20px;}
.ht311{width: 180px;height: 180px; border-radius: 50%;border: 1px solid #fff;}

.ht31 .swiper-button-prev{width: 45px;height: 45px;background: #fff; top:0;left: 0;bottom: 0;margin:auto;}
.ht31 .swiper-button-next{width: 45px;height: 45px;background: #f53610; top:0;right: 0;bottom: 0;margin:auto;}
.ht31 .swiper-button-next::after{font-size: 20px;color: #fff;}
.ht31 .swiper-button-prev::after{font-size: 20px;color: #f53610;}
.ht31 .swiper-pagination{position: static;margin-top: 70px;}
.ht31 .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:none;opacity: 1; width: 20px;height: 1px;background:#fff;}
.ht31 .swiper-pagination-bullet-active{background: #a91111 !important}

.ht30{padding-bottom: 120px;}
.ht32 ul li{width: 197px;height: 379px;background:#000000;}
.ht32 ul li div{display: none; position: absolute;font-size: 20px;line-height: 28px;color: #fff; width: 100%;height: 100%; top: 0;left: 0;}
.ht32 ul li.active img{opacity: 0.6}
.ht32 ul li.active div{display: flex;}

.ht4{width: 100%;height: 773px;background: url(../images/ht4.jpg) no-repeat center;}
.ht41{width: 960px;}
.ht41 ul li{width: 302px;height: 439px;padding: 28px 49px 0 35px;}
.ht41 ul li h5{font-size: 20px;font-family: '楷体';font-weight: bold;}
.ht41 ul li p{font-size: 16px;line-height:22px;color: #a78150;margin-top: 240px;text-align:left;}

.ht40{padding-bottom: 100px;}
.ht40 .hz31{width: 1180px;}

.ht5 .gy10 ul li .gy12{background:#fff;}
.ht5 .gy10 ul li>img{z-index: 9}

.ht6{width: 100%;background:#ededed;padding-bottom: 120px;}
.ht61{width: 580px;}
.ht61_sp{width: 580px;height: 380px;background:#000;}
.ht61_img{display: block;width: 580px;height: 380px;}
.ht61_img img{width: 100%;height: 100%;}
.ht61_con{width: 100%;height: 120px;border: 1px solid #dddddd;background: #fff; padding: 25px 30px 0;}
.ht61_tit{font-size: 20px;color: #444444;height: 30px; line-height: 30px;margin: 0 0 5px;}
.ht61_des{font-size: 16px; height: 40px;line-height: 20px; -webkit-line-clamp: 2;color: #999999;text-align: justify}

.ht62{width: 580px;}
.ht62 ul li{width: 280px;height: 240px;background:#fff;border: 1px solid #dddddd;padding: 25px 25px 0;margin-bottom: 20px;}
.ht62 ul li p{font-size: 14px;color: #999999}
.ht62_tit{font-size: 20px;color: #444444;height: 56px;-webkit-line-clamp: 2; line-height: 28px;margin: 8px 0;}
.ht62_des{font-size: 16px; height:80px;line-height: 20px; -webkit-line-clamp: 4;color: #999999;text-align: justify}
.ht62_more{display: none; font-size: 16px;}
.ht62_more img{margin-left: 8px;}
.ht62 ul li:hover{background:#b61e00;border-color: #b61e00;color: #fff;}
.ht62 ul li:hover p{color: #fff}
.ht62 ul li:hover a{color: #fff}
.ht62 ul li:hover .ht62_more{display: flex;}


.xf{width: 134px;height: 370px;background: url(../images/xf.png) no-repeat center; position: fixed;top:0;right: 4px;bottom:0;margin:auto;z-index: 999}
.xf>img{display: block;position: absolute;top: 21px;right: 2px;z-index: 2}
.xf>ul{height: 370px;text-align: center;}
.xf>ul>li{width: 107px;height: 45px;border-top: 1px solid rgba(149, 110, 60, 0.12); position: relative}
.xf>ul>li>a{width: 132px;height: 45px;font-size: 14px;color: #fff;margin-left: -12.5px;}
.xf>ul>li>a p{margin-left: 5px;}
.xf>ul li:first-child{width: 100%;height: 180px;border: none;}
.xf>ul li:first-child a{display: block;height: auto;margin: 0;}
.xf>ul li:first-child a h5{font-size: 18px;margin-top: 5px;}
.xf>ul li:first-child a h6{font-size: 12px;}
.xf>ul li:last-child{margin-bottom: 0;}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 160px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;height: 80px;line-height: 30px;color: #f53610; font-size: 20px;}
.xfl2{width: 130px;height: 130px; padding:5px;}
.xf>ul>li:hover>a{background:#f53610;}
/* .xf>ul>li:hover .xf0{display: none;}
.xf>ul>li:hover .xf0_{display: block;} */
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul li:first-child:hover>a{background:none;}




/* 底部 */
footer{width: 100%;background: #b61e00;padding-top: 80px;}
footer .footT{padding: 65px 0 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.23)}
footer .footT .logo{display: block;height: 127px;}
footer .footT ul{width: 480px;}
footer .footT ul li{margin-right: 100px;}
footer .footT ul li h6{font-size: 18px;}
footer .footT ul li img{margin: 7px 0 0;width: 100px;}
footer .footM{padding: 40px 0 55px;}
footer .footM .fml{width: 400px;}
footer .footM .fml nav{width: 300px;margin-bottom: 15px;}
footer .footM .fml nav a{display: block;padding-bottom: 15px; color: #fff; font-size: 16px;margin: 0 30px 22px 0;}
footer .footM .fml nav a:hover,footer .footM nav a.active{background: url(../images/dn.png) no-repeat center bottom;}
footer .footM .fml p{color: #f46f6f;opacity: 0.8;font-size: 16px;line-height: 24px;margin-top: 10px;}
footer .footM .fml p a{color: #f46f6f;}
footer .footM .fmr{width: 480px;}
footer .footM .fmr h5{font-size: 18px;margin-bottom: 25px;}
footer .footM .fmr ul li{margin-bottom: 20px;}
footer .footM .fmr ul li div img{margin-right: 20px;}
footer .footM .fmr ul li p{font-size: 16px;width: 300px;}




.position{width: 100%;height: 70px;background: #f5fafe;}
.position .box{height: 70px;}
.position .box .pos1 h3{font-size: 22px;line-height: 29px;margin-right: 10px;}
.position .box .pos1 p{ font-size: 16px;opacity: 0.7;}
.position .box>p{max-width: 600px;height: 23px; font-size: 16px;color: #7f7f7f;opacity: 0.8;}
.position .box>p a{color: #7f7f7f}
.position .box>p a:hover{color: #5492d6}

.con{width: 100%; padding: 80px 0 100px;}
.con2{width: 100%; padding: 80px 0 0;}
.con1{width: 100%; padding:100px  0 150px;}



/* 关于我们 */
.about_body {font-size:16px; line-height: 32px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;color: #525252;}
.about_body img{max-width:100%;}

.gy1{padding: 115px 0 120px;}
.gy11{width: 590px;height: 460px;}
.gy12{width: 590px;height: 460px;background:#f53610;}
.gy12 div{width: 440px;}
.gy12 p{font-size: 20px;margin-bottom: 5px;}
.gy12 span{font-size: 32px;}

.gy2{width: 100%;height: 899px;background: url(../images/a2.jpg) no-repeat center}
.gy21{margin-bottom: 26px;}
.gy21 ul li{padding-bottom: 15px;margin: 0 25px;}
.gy21 ul li.active{background: url(../images/a2.png) no-repeat center bottom}

.gy221{width: 100%;height: 390px;background: #fff;box-shadow: 8px 10px 13px rgba(2, 2, 2, 0.27);margin-bottom: 17px;}
.gy221 img{max-width: 100%;max-height: 100%;}
.gy220 p{font-size: 12px;margin-top: 7px;}
.gy22 .swiper-pagination{position: static;margin-top: 50px;}
.gy22 .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:none;opacity: 1; width: 20px;height: 1px;background:#fff;}
.gy22 .swiper-pagination-bullet-active{background: #a91111 !important}

.gy3{padding-bottom: 115px; }
.gy310{width: 400px;height: 380px;background: rgba(255, 255, 255, 0.8);top: 90px;right: 115px;padding: 80px 50px 0;}
.gy310 p{font-size: 16px;line-height: 32px;text-align:justify;color: #666666;}
.gy310 p a{color: #f53610}
.gy32{margin-top: 60px;}
.gy32 ul li{margin: 0 40px;}
.gy32 ul li p{font-size: 22px}
.gy32 ul li img{margin: 15px 0;}


/* 产品中心 */
.p_nav{width: 280px;}
.p_nav ul li{margin-bottom: 10px}
.p_nav ul li a{width: 100%;height: 62px;line-height: 62px;padding:  0 10px;position: relative; font-size: 22px;color: #999999; background: rgba(245, 54, 16, 0.08);}
.p_nav ul li::after{display: none;content: '';width: 5px;height: 6px;background: url(../images/pn.png) no-repeat center;position: absolute; top: 0;bottom: 0;right: -5px;margin:auto;}
.p_nav ul li:hover a,.p_nav ul li.active a{background:#f53610;color: #fff;}
.p_nav ul li:hover::after,.p_nav ul li.active::after{display: block;}

.pr{width: 880px;}
.product ul li{width: 282px;margin: 0 17px 17px 0;}
.product ul li:nth-child(3n){margin-right: 0}
.p_img{display: block;width: 100%;height: 320px;border: 1px solid #b8b8b8;border-bottom: none}
.p_img img{width: 100%;height: 100%;}
.p_tit{width: 100%;height: 60px;line-height: 60px;padding: 0 10px;color: #f53610; border: 1px solid #f53610;}
.product ul li:hover .p_tit{background: #f53610;color: #fff;}

/* 招商合作 */
.hz1{padding-bottom: 120px;}
.hz110 h5{font-size: 20px;margin-top: 15px;}
.hz110 .line{width: 980px;height: 6px;background: url(../images/hz1.png) no-repeat center;margin: 15px auto 20px;}
.hz110 a{width: 120px;height: 40px;border: 1px solid #f53610;font-size: 14px;color: #f53610;margin:0 auto;}
.hz11 .swiper-button-prev{width: 45px;height: 45px;background: #f53610; top:167px;left: 180px;}
.hz11 .swiper-button-next{width: 45px;height: 45px;background: #f53610; top:167px;right: 180px;}
.hz11 .swiper-button-next::after,.hz11 .swiper-button-prev::after{font-size: 20px;color: #fff;}

.hz12 h4{font-size: 24px;color: #000022;font-family: 'ysbth';margin: 25px 0 12px;}
.hz12 h5{font-size: 16px;color: #000022;}
.hz12 p{font-size: 22px;margin: 7px 0 8px;}
.hz12 h6{font-size: 14px;color: #999999}

.hz2{width: 100%;height: 659px;background: url(../images/hz2.jpg) no-repeat center;padding-top: 120px;}
.hz21{margin-top: 55px;}
.hz21 h5{font-size: 20px;}
.hz21 h3{font-size: 32px;margin: 5px 0;}
.hz21 h3 span{font-family: 'ysbth';font-size: 40px;}
.hz21 h6{font-size: 16px;}
.hz21 h4{font-size: 22px;line-height: 40px;margin-top: 5px;}
.hz22 ul li{width: 480px;height: 120px;background:rgba(255,255,255,0.9);padding-left: 20px;margin-bottom: 20px;}
.hz22 ul li div{margin-left: 20px;}
.hz22 ul li div h5{font-size: 22px;}
.hz22 ul li div p{color: #666666;margin-top: 2px;}

.hz3{padding: 100px 0 55px;}
.hz3 .title{padding: 25px 0 0;}
.hz31{width: 760px;}
.hz31 ul li{width: 325px;margin-bottom: 55px; }
.hz31 ul li h6{font-size: 48px;color: #ffdfd9;font-family: 'ysbth';}
.hz31 ul li div{width: 235px;}
.hz31 ul li h5{width: 235px;margin: 15px 0 8px;}
.hz31 ul li p{font-size: 16px;line-height: 22px;color: #666666;text-align: justify}





/* 新闻资讯 */
.news ul li{width: 580px;margin-bottom: 20px;}
.n_img{display: block;width: 100%;height: 380px;}
.n_img img{width: 100%;height: 100%;}
.n_con{width: 100%;height: 120px;border: 1px solid #dddddd; padding: 25px 30px 0;}
.n_tit{font-size: 20px;color: #444444;height: 30px; line-height: 30px;margin: 0 0 5px;}
.n_des{font-size: 16px; height: 40px;line-height: 20px; -webkit-line-clamp: 2;color: #999999;text-align: justify}

/* 联系我们 */
.lx1 ul li{}
.lx1 ul li h5{margin-left: 10px;}
.lx1 ul li p{color: #666666;margin-top: 8px;height: 70px;}
.lx1 ul li p span{font-size: 38px;color: #f53610;}
.lx2 ul li:first-child{margin-left: 0;}
.lx2 ul li{margin-left: 55px;}
.lx2 ul li>img{width: 110px;margin-top: 8px;}



.map{height: 440px;overflow: hidden;margin-top: 44px;}
.map #container{width:100%; height: 440px;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: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#999999;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; }
.pagination li a{width:40px; height:40px; display:block; color:#999999;}
.pagination li a:hover{ border: 1px solid #f53610 ;color: #f53610;}
.pagination li.active{border: 1px solid #f53610  !important;color: #f53610;}



/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;}
.sxy div{max-width: 48%;}
.sxy a{color: #333}
.sxy a:hover{color: #f53610}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;}
.article_title p{font-size: 14px;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%;}