@charset "utf-8";
.wrap img{display:block;width:100%;}


.tit{text-align: center;font-weight: normal;padding-bottom: 2rem;background: url(../Images/Index/tit.png) no-repeat bottom center;background-size: auto 0.8rem;}
.tit span{display: block;font-size: 2.4rem;color: #212121;line-height: 2.4rem;letter-spacing: 0.1rem;}
.tit i{display: block;font-size: 1.2rem;color: #212121;line-height: 1.2rem;padding-top: 1.2rem;opacity: 0.6;}



/*banner*/
.g-adv{ position:relative;}
.g-adv .swiper-pagination{font-size: 1.2rem;color: #fff;line-height: 1.2rem;text-align: right;bottom: 4.4rem;padding-right: 15.5%;box-sizing: border-box;}


/*yz*/
.yz{height: 3.2rem;position: relative;background: #d8d8d8;}
.yz_con{position: absolute;width: 34.7rem;left: 50%;transform: translateX(-50%);bottom: 0;height: 6.75rem;background: url(../Images/Index/yz_bg.png) no-repeat;background-size: 34.7rem 6.75rem;z-index: 20;    box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.1);}
.yz_con p{float: left;padding-left: 3rem;font-size: 0.9rem;color: #000;line-height: 0.9rem;background: url(../Images/Index/tel1.png) no-repeat left 0.3rem;background-size: 1.9rem 2.05rem;margin-left: 1.8rem;margin-top: 2.6rem;}
.yz_con p em{display: block;font-size: 1.8rem;line-height: 2.2rem;font-family: Arial;}
.yz_con .zx{float: right;width: 11.5rem;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 0.8rem;color: #fff;background: #FF3F24;border-radius: 0.5rem;margin-top: 3.3rem;margin-right: 1rem;letter-spacing: 0.2rem;}


/*pro*/
.pro{padding: 3.2rem 3.3% 4.4rem;background: url(../Images/Index/pro_bg.jpg) no-repeat bottom #d8d8d8;background-size: 100% 4.4rem}
.pro h2{margin-bottom: 1.2rem;}
.pro_box{position: relative;padding-top: 5.2rem;}
.pro_t{height: 5.2rem;position: absolute;width: 100%;left: 0;top: 0;z-index: 10;}
.pro_t li{float: left;width: calc((100% - 4px)/5);height: 4.7rem;background: url(../Images/Index/pro_li.png) no-repeat;background-size: 100% 4.7rem;text-align: center;}
.pro_t li i{display: block;height: 1.4rem;margin: 0.6rem auto 0.5rem;overflow: hidden;}
.pro_t li i img{display: inline-block;width: auto;height: 2.8rem;}
.pro_t li span{display: block;font-size: 0.9rem;color: #212121;line-height: 0.9rem;}
.pro_t li.cur{height: 7.2rem;background: url(../Images/Index/pro_on.png) no-repeat;background-size: 100% 7.2rem;}
.pro_t li.cur i img{transform: translateY(-1.4rem);}
.pro_t li.cur span{color: #fff;}
.pro_con dl{background: #fff;position: relative;}
.pro_con dl:after{position: absolute;width: 1.2rem;height: 1.35rem;content: "";background: url(../Images/Index/huo.png) no-repeat;right: 1rem;top: 1rem;background-size: 1.2rem 1.35rem;}
.pro_con dd{margin: 0 1.5rem;border-top: 1px solid #e3e3e3;padding-left: 2rem;height: 5.7rem;position: relative;}
.pro_con dd:after{position: absolute;width: 0.85rem;height: 2px;content: "";background: #ff3f24;left: 0;top: 1.85rem;}
.pro_con dd h4{font-size: 1.5rem;color: #000;line-height: 2rem;font-weight: normal;padding: 0.7rem 0 0;}
.pro_con dd h4 a{color: #000;}
.pro_con dd p{font-size: 0.9rem;color: #000;line-height: 1.4rem;}
.pro_con dd p .xq{float: right;font-size: 1.2rem;color: #000;}
.pro_list{margin-top: 1rem;}
.pro_list p{float: left;width: 48.7%;background: #fff;position: relative;padding-bottom: 1rem;}
.pro_list p:nth-child(2){float: right;}
.pro_list p span{display: block;text-align: center;font-size: 0.9rem;color: #000;opacity: 0.54;line-height: 1.5rem;height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list p:after{position: absolute;width: 2.5rem;height: 1.3rem;line-height: 1.3rem;font-size: 0.7rem;color: #ff3f24;text-align: center;border: 1px solid #ff3f24;border-radius: 0.65rem;box-sizing: border-box;content: "新品";right: 1rem;top: 1.5rem;}


/*case*/
.case{padding: 2.2rem 3.3% 2.5rem;}
.case h2{padding-bottom: 0;background: none;}
.case h2 i{font-size: 1.2rem;line-height: 1.8rem;opacity: 1;color: #7a7a7a;}
.case h2 em{font-size: 0.7rem;color: #ff3f24;vertical-align: top;}
.case h3{height: 6.8rem;margin-top: 1.8rem;}
.case h3 a{float: left;width: 31.4%;height: 2.4rem;line-height: 2.4rem;text-align: center;font-size: 0.9rem;color: #212121;border: 1px solid #b3a381;border-radius: 0.5rem;margin-right: 2.9%;box-sizing: border-box;margin-bottom: 1rem;}
.case h3 a:nth-child(3n){margin-right: 0;}
.case_con{overflow: visible !important;padding-bottom: 4.3rem;background: url(../Images/Index/shou.png) no-repeat center 20.7rem;background-size: 2.7rem 2.5rem;}
.case_con li{position: relative;}
.case_con li span{position: absolute;left: 0;bottom: 0;width: 100%;height: 5.9rem;line-height: 4.7rem;padding: 1.2rem 1.5rem 0;box-sizing: border-box;font-size: 1.2rem;color: #212121;background: url(../Images/Index/case_dd.png) no-repeat;background-size: 100% 5.9rem;}
.case_con li em{position: absolute;right: 2rem;bottom: 3.6rem;width: 4.9rem;height: 4.9rem;font-size: 0.9rem;line-height: 1.2rem;text-align: center;font-weight: bold;padding: 1.2rem 0;background: url(../Images/Index/case_xq.png) no-repeat;background-size: 100% 100%;border-radius: 50%;box-sizing: border-box;color: #fff;box-shadow: 0 0 2rem rgba(255, 63, 36, 0.8);}
.case_con .prev{position: absolute;width: 4rem;left: -1.2rem;top: 6rem;z-index: 10;}
.case_con .next{position: absolute;width: 4rem;right: -1.2rem;top: 6rem;z-index: 10;}
.case_con .swiper-scrollbar{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.5rem;border: 1px solid #e8e4d9;border-radius: 0.25rem;box-sizing: border-box; background: none;   }
.case_con .swiper-scrollbar-drag{background: #dfd8c9;}



/*power*/
.power{height: 29.7rem;padding: 0 3.3%;background: url(../Images/Index/power_bg.png) no-repeat;background-size: 100% 29.7rem;position: relative;z-index: 1;}
.power_t{height: 7.5rem;text-align: center;font-size: 0;position: relative;}
.power_t:after{position: absolute;width: 2px;height: 3.1rem;content: "";left: 50%;margin-left: -1px;top: 2.3rem;background: #d8d8d8;opacity: 0.45;}
.power_t li{display: inline-block;width: 4.8rem;margin: 0 2.7rem;position: relative;padding-top: 1.8rem;height: 7.5rem;box-sizing: border-box;font-size: 0.9rem;color: #fff;line-height: 0.9rem;font-weight: bold;text-align: center;}
.power_t li i{display: block;height: 2.3rem;overflow: hidden;margin-bottom: 0.5rem;}
.power_t li i img{display: inline-block;width: auto;height: 4.6rem;}
.power_t li:after{position: absolute;width: 0;height: 0.2rem;content: "";background: #ff3f24;left: 0;top: 0;}
.power_t li.cur{color: #ff3f24;}
.power_t li.cur i img{transform: translateY(-2.3rem);}
.power_t li.cur:after{width: 100%;}
.power_pic{padding-bottom: 3rem;}
.power_pic li{position: relative;}
.power_pic li span{position: absolute;width: 3.1rem;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size: 0.7rem;color: #fff;background: rgba(255,255,255,0.22);right: 0;bottom: 0;}
.power_pic .swiper-pagination{bottom: 2px;height: 0.6rem;z-index:10;}
.power_pic .swiper-pagination .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;background: #fff;opacity: 1;border-radius:100%;margin:0 0.7rem;vertical-align:top;}
.power_pic .swiper-pagination .swiper-pagination-bullet-active{background: #ff3f24;}
.power_pic .prev{position: absolute;width: 1.5rem;left: 1.2rem;z-index: 10;top: 50%;transform: translateY(-50%);}
.power_pic .next{position: absolute;width: 1.5rem;right: 1.2rem;z-index: 10;top: 50%;transform: translateY(-50%);}


/*abt*/
.abt{padding: 4.2rem 3.3% 1.5rem;background: url(../Images/Index/abt_bg.jpg) no-repeat;background-size: 100% auto;margin-top: -2.4rem;}
.abt h2{margin-bottom: 1.4rem;}
.abt dd h3{font-size: 1.5rem;color: #000;line-height: 1.5rem;padding: 1.7rem 0 1rem 1.5rem;}
.abt dd p{font-size: 1.1rem;color: #000;line-height: 1.8rem;opacity: 0.6;text-indent: 2em;padding-left: 1rem;}
.abt dd .xq{display: block;font-size: 1.2rem;color: #000;line-height: 1.2rem;position: relative;text-align: right;margin-top: 0.7rem;}
.abt dd .xq:after{position: absolute;width: 78%;height: 0.1rem;background: #c6c7cb;left: 0;top: 50%;margin-top: -0.05rem;content: "";}
.honor h3{font-size: 1.5rem;color: #2a2a2a;line-height: 1.5rem;padding: 1.2rem 0 0.8rem;}
.hn_list li{float: left;height: 15rem;width: 33.3%;border: 1px solid #e5e5e5;margin-right: -1px;box-sizing: border-box;}
.hn_list li img{display: block;width: auto;height: 10.8rem;margin: 1.1rem auto 0.8rem;}
.hn_list li span{display: block;font-size: 0.9rem;color: #2a2a2a;height: 1.4rem;line-height: 1.4rem;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}






/**/
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}