@charset "utf-8";

/* CSS Document */

/* proDetails 产品详情*/

.proDetails{    padding: 20px;}

.proDetailsSection .mainCon{border: 1px solid #e4e4e4;padding-bottom: 0px;}

.proDetailsIntro{/* width: 100%; *//* height: 353px; *//* border-bottom: 1px solid #e4e4e4; */}

.proDetailsIntro .conL{width: 580px;float: left;position: relative;/* height: 353px; */border-right: 1px solid #e4e4e4;}

.proDetailsIntro .conL i{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;}

.proDetailsIntro .conL i.prev{left: -1px;}

.proDetailsIntro .conL i.next{right: -1px;}

.proDetailsIntro .conL .btnList{width: 100%;height: 10px;text-align: center;position: absolute;bottom: 18px;}

.proDetailsIntro .conL .btnList span{display: inline-block;width: 9px;height: 9px;overflow: hidden;position: relative;background: url(../images/proDetailsIntro_icon01.png) no-repeat left top;margin-left: 14px;cursor: pointer;} 

.proDetailsIntro .conL .btnList span.cur{background-position: left bottom;}

.proDetailsIntro .conL .btnList span:first-child{margin-left: 0;}

.proDetailsIntro .conL .conBox{width: 580px;height: 353px;position: relative;overflow: hidden;}

.proDetailsIntro .conL .conBox ul{position: absolute;top: 0;left: 0;}

.proDetailsIntro .conL .conBox li{float: left;width: 458px;}

.proDetailsIntro .conL .conBox li img{display: block;width: 458px;height: 353px;}

.proDetailsIntro .conR{float: right;padding-top: 10px;width: 500px;height: 325px;position: relative;margin-right: 20px;}

.proDetailsIntro .conR h3{font-size: 16px;color: #333333;font-weight: bold;height: 60px; line-height:30px; margin-bottom:15px;overflow:hidden;}

.proDetailsIntro .conR i{display: block;height: 1px;margin: 8px 0 15px 0;background: #e4e4e4;}

.proDetailsIntro .conR p{width:100%;font-size: 14px;color: #666666;line-height: 22px;height:200px;display:inline-block;overflow:hidden;}

.proDetailsIntro .conR .box{width: 100%;position: absolute;bottom: 0px;left: 0;}

.proDetailsIntro .conR .box .zx{display: block;width: 172px;height: 53px;float: left;font-size: 20px;color: #fff;line-height: 53px;background: url(../images/proDetailsIntroBg01.png) no-repeat center;text-align: center;text-decoration: none;}

.proDetailsIntro .conR .box .zx img{position: relative;top: 4px;margin-left: 12px;}

.proDetailsIntro .conR .box .phone{float: left;padding-left: 42px;;background: url(../images/proDetailsIntro_phone.png) no-repeat left center;margin-left: 18px;margin-top: 6px;}

.proDetailsIntro .conR .box .phone span{display: block;font-size: 13px;color: #666666;}

.proDetailsIntro .conR .box .phone em{display: block;font-size: 24px;color: #c9393f;font-family: arial;}

.proDetailsCanS{margin: 20px auto 0;}

.proDetailsCanS .menu{width: 100%;height: 54px;margin-bottom: 20px;border-bottom: 1px solid #e4e4e4;}

.proDetailsCanS .menu li{float: left;width: 148px;border: 1px solid #e4e4e4;height: 53px;line-height: 53px;text-align: center;font-size: 14px;color: #000;border-left: none;border-bottom: none;cursor:pointer;}

.proDetailsCanS .menu li:first-child{border-left: 1px solid #e4e4e4;}

.proDetailsCanS .menu li.status_on{background: #c9393f;border-color: #c9393f;color: #fff;}

.proDetailsCanS .conBox{width: 100%;background: #fff; line-height:22px;}

.proDetailsCanS .conBox .box{width: 100%;height: 100%;background: #fff;}

/* mub02tjcp 推荐产品公共样式*/

.mub02tjcp{border: 1px solid #e4e4e4;padding: 0 19px 20px;margin-top: 20px;}

.mub02tjcp .conBox{width: 100%;margin-top: 20px;}

.mub02tjcp .conBox li{width: 350px;float: left;margin-left: 15px;text-align: center;}

.mub02tjcp .conBox li:first-child{margin-left: 0;}

.mub02tjcp .conBox li span{display: block;width: 348px;height: 250px;overflow: hidden;border: 1px solid #e4e4e4;}

.mub02tjcp .conBox li img{display: block;transform: scale(1);transition: all 1s ease-out;width: 350px;height: 250px;}

.mub02tjcp .conBox li:hover img{transform: scale(1.2);}

.mub02tjcp .conBox li em{display: block;font-size: 14px;color: #333333;margin-top: 10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.mub02tjcp .conBox li a{display: block;text-decoration: none;}

/* mub02Top */

.mub02Top{margin: 0 auto;padding-top: 20px;}

.mub02Top h2{font-size: 18px;color: #c9393f;font-weight: normal;height: 40px;border-bottom: 1px solid #e4e4e4;}



/* mub02xgyd 相关阅读/推荐阅读公共样式*/

.mub02xgyd{border: 1px solid #e4e4e4;padding: 0 19px 10px;margin-top: 20px;}

.mub02xgyd .conBox{width: 100%;margin-top: 22px;overflow: hidden;}

.mub02xgyd .conBox ul{width: 106%;}

.mub02xgyd .conBox li{width: 516px;overflow: hidden;margin-right: 38px;float: left;margin-bottom: 13px;}

.mub02xgyd .conBox li a{display: block;font-size: 14px;color: #333333;float: left;width: 302px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.mub02xgyd .conBox li a:hover{color: #c12d34;}

.mub02xgyd .conBox li span{display: block;font-size: 14px;color: #999999;font-family: arial;float: right;}

/* 新闻*/

a{ color:#74818f;}

.p{ height:35px; line-height:35px; text-align:center;font-size:12px;}

.box2 dl{padding: 18px 0;border-top: 1px solid #e4e4e4;}

.box2 dt{width: 170px;height: 104px;background: #f5f5f5;text-align: center;padding-top: 32px;float: left; line-height:35px;}

.box2 dt span{display: block;font-size: 42px;color: #666666;font-weight: bold;font-family: arial;}

.box2 dt em{font-size: 16px;color: #666666;display: block;font-family: arial;}

.box2 dd{width: 960px;height: 136px;position: relative;float: right;}

.box2 dd h3{font-size: 16px;color: #333333;font-weight: bold;width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.box2 dd h3 a{color: #333333;text-decoration: none;}

.box2 dd p{line-height: 24px;margin-top: 14px;font-size: 14px;color: #666666;width: 700px;}

.box2 dd p a{color: #666666;text-decoration: none;}

.box2 dd span{display: block;padding-left: 25px;position: absolute;left: 0;bottom: 0;background: url(../images/label.png) no-repeat left center;line-height: 18px;}

.box2 dd span a{color: #999999;font-size: 12px;}

.box2 dd a.more{display: block;width: 37px;height: 37px;position: absolute;right: 0;top: 50%;margin-top: -18px;overflow: hidden;}

.box2 dd a.more img{display: block;position: relative;}

.box2 dl:hover dt{background: #c12d34;}

.box2 dl:hover dt span,.box2 dl:hover dt em{color: #fff;}

.box2 dl:hover dd h3 a{color: #c12d34;}

.box2 dl:hover dd a.more img{top: -37px;}

.qyfcIntro{margin: 20px auto 0;padding-bottom: 20px;overflow: hidden;}

.qyfcIntro dt{float: left;width: 600px;height: 547px;float: left;}

.qyfcIntro dt img{display: block;width: 600px;height: 547px;}

.qyfcIntro dd{width: 222px;float: right;position: relative;height: 402px;background: #d01817;padding-top: 48px;padding-left: 48px;}

.qyfcIntro dd h4{font-size: 15px;color: #fff;}

.qyfcIntro dd h3{font-size: 24px;color: #fff;}

.qyfcIntro dd span{display: block;margin-top: 28px;font-size: 12px;color: #fff;font-family: arial;}

.qyfcIntro dd i{display: block;width: 54px;height: 2px;background: #fff;margin-top: 208px;}

.qyfcIntro dd em{display: block;margin-top: 18px;color: #fff;font-size: 14px;}

.qyfcIntro dd p{font-size: 24px;color: #fff;font-family: arial;}

.qyfcIntro ul{margin-top: 20px;width: 102%;}

.qyfcIntro li{width: 280px;float: left;margin-right: 12px;text-align: center;margin-bottom: 26px;}

.qyfcIntro li span{display: block;width: 278px;height: 254px;border: 1px solid #e4e4e4;overflow: hidden;}

.qyfcIntro li img{display: block;width: 278px;height: 254px;transform: scale(1);transition: all 1s ease-out;object-fit: contain;}

.qyfcIntro li:hover img{transform: scale(1.2);}

.qyfcIntro li a{display: block;text-decoration: none;}

.qyfcIntro li em{display: block;margin-top: 14px;font-size: 16px; color:#333;}
/* 效果CSS开始 */
.all{
    width: 500px;height: auto;margin: 20px auto;overflow: hidden;
}
.top-img{
    width: 500px;height: auto;font-size: 0;position: relative;height: 400px; 
}
.activeimg{
    overflow: hidden;height: 400px;position: relative;
}
.top-img .activeimg img{
    width: 500px;height: 400px;    object-fit: contain;
}
.top-img .left{
    width: 80px;height: 400px;position: absolute;left: 0;top: 0;text-align: center;line-height: 400px;
    cursor: pointer;
}
.top-img .right{
    width: 80px;height: 400px;position: absolute;left:420px;top: 0;text-align: center;line-height: 400px;
    cursor: pointer;
}
.top-img .left:hover,.top-img .right:hover{
   
}

.bot-img{
       height: 90px;
    width: 400px;
    margin-top: 15px;
    text-align: center;
    margin: 20px auto 0;
}
.bot-img ul{
    width: 100%;height: 100px;
}
.bot-img ul li{
    width: 90px;margin-right: 10px;float: left;border: 1px solid #fff;cursor: pointer;font-size: 0;
    height: 72px;
}
.bot-img ul li.active{
    border: 1px solid #ff6600;
}
.bot-img ul li img{
    width: 90px; height:70px;    object-fit: contain;
}
.bot-img ul li:last-child{
    margin-right: 0;
}