@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
} 
@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.OTF');
} 
 
*{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:#333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto; color:#333;font-size: 18px;font-family: 'REGULAR';}
img{ border:0;}
.clear{clear:both;}
.no{display:none;} 
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.916%;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;}
.light{font-family: 'LIGHT';}
.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}

.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);}

/* 首页 */
.header1{width: 100%;min-width: 1200px;background: #fff;}
.header1 .headT{padding: 22px 0 0;}
.header1 .headT .hl span{font-size: 21px;}
.header1 .headT .hl div{width: 120px;height: 28px;border-radius: 14px;border: 1px solid #f1861a;margin-top: 5px;}
.header1 .headT .logo{display:block;height: 134px;}
.header1 .headT .phone img{margin-right: 10px;}
.header1 .headT .phone p{font-size:24px;margin-top: 5px;}
.header1 .headB{width: 865px;padding-top: 18px;}
.header1 .headB nav a{display:block;padding-bottom: 10px;border-bottom: 2px solid #fff;}
.header1 .headB nav a:hover,.header1 .headB nav a.active{border-bottom: 2px solid #f1861a;color:#204130;}

.header2{width: 100%;min-width: 1200px;height: 100px; background: #fff;position:fixed;top:0;left:0;z-index: 999;}
.header2 .box{height: 100px;}
.header2 .logo{display:block;height: 80px;}
.header2 nav{width: 865px;}
.header2 nav a{display:block;}
.header2 nav a:hover,.header2 nav a.active{color:#f1861a;}

.banner{width: 100%;height: 600px;}
.banner h3{font-size: 60px;}
.banner p{font-size: 16px;margin-top: 10px;}
.banner p a{color:#fff;}



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

.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box; border: none; width: 18px;height: 3px;border-radius: 2px;background: #fff;opacity: 1}
.sy_banner .swiper-pagination-bullet-active{background: #f1861a !important;width: 30px;}

.cor{color: #f1861a}
.cor1{color: #204130}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 110px 0 70px; }
.title h3{font-size: 48px;}
.title h4{font-size: 30px;}

.ht1{padding: 80px 0 100px;}
.ht11 h3{font-size: 36px;font-weight: bold;}
.ht11 h3 span{font-size: 32px;}
.ht11 p{line-height: 37px;color: #4c4c4c;margin: 15px 0 25px;}
.ht11 a{width: 185px;height: 45px;border:1px solid #393939;font-size: 20px;color: #050505;margin: 0 auto 50px;}

.ht12{width: 719px;height: 293px;background:#000;margin: 0 auto 150px;}
.ht13 ul li{width: 555px;padding-bottom: 130px;}
.ht131{width: 458px;height: 235px;background: #fff;bottom: 0;right: 0; padding: 50px 0 0 55px;}
.ht131 p{font-size: 24px;}
.ht131 .line{width: 48px;height: 1px;background:#f1861a;margin: 17px 0;}
.ht131 h5{font-size: 30px;line-height: 36px;}

.ht2{width: 100%;background:#faf8f8;padding-bottom: 85px;}
.ht20{padding: 95px 0;}
.ht20 .anniu{width: 105px;}
.ht20 .anniu .swiper-button-prev{width: 40px;height: 40px;border-radius: 50%; background: #c3c2c2;position:static;}
.ht20 .anniu .swiper-button-next{width: 40px;height: 40px;border-radius: 50%; background: #c3c2c2;position:static;}
.ht20 .anniu .swiper-button-next::after,.ht20 .anniu .swiper-button-prev::after{font-size: 20px;color:#fff;}
.ht20 .anniu .swiper-button-next:hover,.ht20 .anniu .swiper-button-prev{background:#f1861a;}

.ht21 .swiper{width: 1100px;overflow:visible;}
.ht211{width: 100%;height: 285px;bottom:0;left:0;padding: 110px 25px 0;background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0));}
.ht211 h5{font-size: 36px;}
.ht211 p{line-height: 24px;font-size: 17px;margin-top: 10px;text-align:justify ;}

.ht3{width: 100%;background:#faf8f8;padding-bottom: 120px;}
.ht31{margin-bottom: 60px;}
.ht31 ul li{margin: 0 80px;}
.ht31 ul li a{display: block;padding: 0 5px 5px;border-bottom: 1px solid #faf8f8; font-size: 30px;color:#999999;}
.ht31 ul li.active a{border-color: #f1861a;color:#333333;}

.ht32 ul li{width: 590px;font-size: 24px;}
.ht321{width: 100%;height: 610px;background:#fff;margin-bottom: 25px;}
.ht321 img{max-width: 100%;max-height: 100%;}
.ht321 h6{font-size: 48px;top: 50px;left: 40px;}

.ht3>a{width: 240px;height: 65px;border:1px solid #f1861a;font-size: 20px;color: #f1861a;margin: 80px auto 0;}
.ht34 ul li{width: 32%;background:#fff;}
.ht341{width: 100%;height: 100%;top:0;left:0;display:none;}
.ht341 h5{font-size: 48px;line-height: 50px;}
.ht341 h6{font-size: 35px;}
.ht34 ul li:hover img{opacity: 0.1;}
.ht34 ul li:hover .ht341{display:flex;}

.ht4{padding: 120px 0;}
.ht41{width: 602px;}
.ht42{width: 530px;}
.ht42 h4{font-size: 48px;}
.ht42 h3{font-size: 48px;line-height: 72px;}
.ht42 h3 span{font-size: 60px;}
.ht42 div{font-size: 24px;color:#787878;margin: 30px 0 35px;}
.ht42 p{font-size: 24px;line-height: 36px;color:#4c4c4c;}

.ht5{width: 100%;background:#fafafa;}
.ht511{width: 283px;height: 53px;background:#fff;padding: 0 20px;}
.ht511 h5{font-size: 20px;color:#4c4c4c;}
.ht511 .text{display: block;width: 180px;height: 53px;background: none;outline: none;border: none;font-size: 20px;color: #4c4c4c;}
.ht51 .tj{display: block;width: 313px; height:53px;border-radius: 27px; background: #f1861a;outline:none;cursor: pointer;border: none; font-size: 24px;color: #fff;margin: 55px auto 0;letter-spacing: 2px;}

.ht52{width: 100%;height: 629px;background:url(../images/ht52.jpg) no-repeat center;margin-top: 100px;}
.ht520{padding: 155px 0 0 560px;}
.ht520 h1{font-size: 34px;font-weight: bold;}
.ht520 h4{font-size: 34px;margin-top: 13px;}
.ht520 h5{font-size: 26px;}
.ht520 a{display: inline-block;margin-top: 70px; padding-bottom:5px;border-bottom: 1px solid #f1861a;color:#f1861a;}



/* 底部 */
footer{width: 100%;background:#2a2a2a;padding-bottom: 80px;}
footer .footT{padding: 75px 0 25px ;border-bottom: 1px solid #fff;}
footer .footT .ftl .dlogo{display: block;height: 134px;}
footer .footT nav{width: 940px;}
footer .footT nav a{color:#fff;font-size: 16px;}
footer .footB{padding: 65px 0 0;}
footer .footB .footL h1{font-size: 24px;margin-bottom: 20px;}
footer .footB .footL p{font-size: 16px;line-height: 31px;}
footer .footB .footM div{font-size: 20px;margin-bottom: 10px;}
footer .footB .footM div img{margin-right: 10px;}
footer .footB .footM b{font-size: 50px;}
footer .footB .footR ul li{margin-left: 25px;}
footer .footB .footR ul li img{width: 136px;}
footer .footB .footR ul li p{font-size: 16px;margin-top: 15px;}
footer a{color: #fff}









.con{padding: 80px 0 100px;}
.con1{padding:0  0 80px;}

/* 关于我们 */
.about_body{width: 1065px;margin-top: 30px; white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 33px;color: #4c4c4c;}
.about_body img{max-width:100%;}

.gy1{width: 100%;background:#f7f7f7;padding: 120px 0;}
.gy11{width: 580px;}
.gy11 h1{font-size: 26px;}
.gy111{max-height: 210px;overflow: auto;padding-right: 20px; font-size: 18px;line-height: 30px;margin-top: 25px;}
.gy12{width: 600px;height: 374px;background:#000;}

#scrollbar4 ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
#scrollbar4 ::-webkit-scrollbar-track {
    background-color: #fff;
    box-shadow: inset 0px 0px 0px 11px #fff;
    /* border-radius: 5px; */
}
 
#scrollbar4 ::-webkit-scrollbar-thumb {
    background: #f1861a;
    border-radius: 3px;
}

#scrollbar4 ::-webkit-scrollbar-corner {
}

.gy2{width: 100%;height: 601px;background:url(../images/a2.jpg) no-repeat center;}
.gy21{padding: 75px 0 65px;}
.gy21 h4{font-size: 48px;line-height: 60px;}
.gy21 h3{font-size: 48px;line-height: 60px;}
.gy21 ul{margin-top: 30px;}
.gy21 ul li{font-size: 30px;color:#454545;}
.gy21 ul .line{width: 1px;height: 28px;background:#808080;margin: 0 35px;}

.gy3{width: 100%;background:#faf8f8;padding-bottom: 100px;}
.gy31{width: 1150px;}
.gy31 ul li{width: 364px;height: 250px;background:#fff;padding: 47px 55px 0;margin-bottom: 30px;}
.gy31 ul li h5{font-size: 24px;margin-left: 22px;}
.gy31 ul li p{font-size: 16px;line-height: 22px;color:#4c4c4c;margin-top: 15px;}

.gy4{padding-bottom: 100px;}
.gy4 .swiper-pagination-progressbar.swiper-pagination-horizontal{width: 100%; height: 1px;background: #979797;position: static;margin-top: 65px;}
.gy4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height: 1px;background: #f28e29;}







/* 产品中心 */
.p_nav{margin-bottom: 40px;}
.p_nav ul li{margin: 0 35px 10px;}
.p_nav ul li a{font-size: 24px;display: block;padding-bottom: 5px;}
.p_nav ul li a:hover,.p_nav ul li a.active{border-bottom: 1px solid #000000;color:#000000;}

.product{width: 1044px;}
.product ul li{width: 326px;margin:0 33px 45px 0;}
.product ul li:nth-child(3n){margin-right: 0;}
.p_img{width: 100%;height: 326px;background:#fff;}
.p_img img{max-width: 100%;max-height: 100%;}
.p_tit{margin-top: 20px;height: 25px;line-height: 25px;}



/* 联系我们 */
.lx{background:#fff;top: -183px;left:0;right:0;z-index:99;}
.lx1{padding: 40px 50px ;}
.lx1 h1{font-size: 30px;margin: 10px 0 8px;}
.lx1 p{font-size: 16px;color:#808080;}
.lx12 ul li{width: 140px;margin-left: 30px;}
.lx .line{width: 100%;height: 2px;background:url(../images/l00.png) no-repeat center;}
.lx2{padding: 40px 50px;}
.lx21{max-width: 350px;font-size: 20px;margin-left: 18px;}

.map{width:100%;height: 720px; overflow: hidden;}
.map #container{width:100%; height: 720px;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:#333;}
.pagination li{ width:40px; height:40px;background: #f4f4f4; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background:#fff;}
.pagination li a{width:40px; height:40px;background: #f4f4f4; display:block; color:#333;}
.pagination li a:hover{  background:#f1861a;color: #fff;}
.pagination li.active{ background:#f1861a !important;color: #fff;}


/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #f1861a}
/* 详情页 */
.article_title{text-align: center;}
.article_title h2{font-size: 30px;font-weight:bold;}
.article_title p{font-size: 16px;color:#b2b2b2;margin-top: 10px;}
.article_title p img{margin-right: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 20px;line-height: 36px;padding: 30px 0;color: #4c4c4c}
.article_body img{max-width:100%;}