img{vertical-align:middle !important;border:0}
/*产品列表页*/
.arc_products{width:100%;height:auto;overflow:hidden;margin:0 auto;background:url(../images/pro_bg.jpg) center top no-repeat;background-size:cover; padding-top:60px;}
.arc_products .arcpro_main{width:100%;height:auto;margin:0 auto;padding:40px 0 60px}
.arcpro_main .arcpro_Category{width:100%;height:auto;margin:0 auto 60px;background-color:#fff}
.arcpro_main .arcpro_list{width:100%;height:auto;min-height:300px;margin:0 auto 20px}
.arcpro_list ul li{width:48.6%;height:auto;margin:0 2.8% 40px 0;padding:0 20px;background-color:#fff;box-shadow:0 8px 16px rgba(0,0,0,0.06);float:left}
.arcpro_list ul li:nth-child(2n+2){margin:0 0 40px}
.arcpro_list ul li:hover{background-color:#e60013}
.arcpro_list ul li .arcpro_top{width:100%;height:auto;margin:0 auto;padding:10px 96px 9px 0;border-bottom:1px solid #ddd;position:relative}
.arcpro_list ul li:hover .arcpro_top{border-bottom:1px solid rgba(255,255,255,0.5)}
.arcpro_list ul li .arcpro_top a.arcpro_name{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#303030;font-size:20px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis}
.arcpro_list ul li:hover .arcpro_top a.arcpro_name{color:#fff}
.arcpro_list ul li .arcpro_top a.arcpro_more{display:block;width:96px;height:40px;overflow:hidden;line-height:40px;color:#999;font-size:14px;text-align:right;position:absolute;top:10px;right:0}
.arcpro_list ul li .arcpro_top a.arcpro_more i{display:inline-block;width:18px;height:12px;vertical-align:middle;margin:-2px 0 0 10px;background:url(../images/arrowright_ico6.png) center center no-repeat;background-size:18px 12px}
.arcpro_list ul li:hover .arcpro_top a.arcpro_more{color:#fff}
.arcpro_list ul li:hover .arcpro_top a.arcpro_more i{background:url(../images/arrowright_ico9.png) center center no-repeat;background-size:18px 12px}
.arcpro_list ul li .arcpro_con{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:20px 0}
.arcpro_list ul li .arcpro_con .arcpro_text{width:56%;height:auto;overflow:hidden;padding:0 20px 0 0;float:left}
.arcpro_list ul li .arcpro_con .arcpro_text .arcpro_ms{width:100%;height:auto;overflow:hidden;margin:0 auto 20px}
.arcpro_list ul li .arcpro_con .arcpro_text .arcpro_ms span{display:block;width:100%;height:auto;overflow:hidden;line-height:30px;color:#303030;font-size:16px;margin:0 auto 5px}
.arcpro_list ul li:hover .arcpro_con .arcpro_text .arcpro_ms span{color:#fff}
.arcpro_list ul li .arcpro_con .arcpro_text .arcpro_ms p{width:100%;height:72px;overflow:hidden;line-height:24px;color:#999;font-size:14px;text-align:justify;margin:0 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
.arcpro_list ul li:hover .arcpro_con .arcpro_text .arcpro_ms p{color:rgba(255,255,255,0.6)}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd{width:49%;height:auto;overflow:hidden;margin:0 2% 0 0;float:left}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd:nth-child(2n+2){margin:0}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd p{width:100%;height:24px;overflow:hidden;line-height:24px;color:#303030;font-size:16px;margin:0 auto 10px}
.arcpro_list ul li:hover .arcpro_con .arcpro_text dl dd p{color:#fff}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd p i{display:inline-block;width:14px;height:14px;overflow:hidden;vertical-align:middle;margin:-4px 0 0 20px}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd p i.arcpro_model{background:url(../images/pro_ico3.png) center center no-repeat;background-size:14px 14px}
.arcpro_list ul li:hover .arcpro_con .arcpro_text dl dd p i.arcpro_model{background:url(../images/pro_ico4.png) center center no-repeat;background-size:14px 14px}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd p i.arcpro_date{background:url(../images/date_ico1.png) center center no-repeat;background-size:14px 14px}
.arcpro_list ul li:hover .arcpro_con .arcpro_text dl dd p i.arcpro_date{background:url(../images/date_ico2.png) center center no-repeat;background-size:14px 14px}
.arcpro_list ul li .arcpro_con .arcpro_text dl dd span{display:block;width:100%;height:24px;overflow:hidden;line-height:24px;color:#999;font-size:16px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.arcpro_list ul li:hover .arcpro_con .arcpro_text dl dd span{color:rgba(255,255,255,0.6)}
.arcpro_list ul li .arcpro_con .arcpro_img{width:44%;height:200px;overflow:hidden;float:right}
.arcpro_list ul li .arcpro_con .arcpro_img a{display:block;width:100%;height:100%;overflow:hidden;margin:0 auto;position:relative}
.arcpro_list ul li .arcpro_con .arcpro_img a img{display:block;max-width:100%;max-height:100%;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0}
.arcpro_list ul li:hover .arcpro_con .arcpro_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.arcpro_list ul li .arcpro_con .arcpro_img a i.arcpro_mask{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5) url(../images/view_ico2.png) center center no-repeat;background-size:52px 52px;position:absolute;left:0;bottom:100%}
.arcpro_list ul li:hover .arcpro_con .arcpro_img a i.arcpro_mask{bottom:0}

@media (max-width: 768px) {
.arcpro_list ul li .arcpro_con .arcpro_img {height:220px}
}
@media (max-width: 767px) {
.arcpro_list ul li .arcpro_con .arcpro_img {height:220px; width:100%;}
.arc_products .arcpro_main {padding:20px 0}
.arcpro_main .arcpro_list {margin: 0 auto }
.arcpro_list ul li {width: 100%;height: auto;margin: 0 auto 20px;float: inherit}
.arcpro_list ul li:nth-child(2n+2) {margin: 0 auto 20px}
.arcpro_list ul li .arcpro_top {padding: 10px 0 9px}
.arcpro_list ul li .arcpro_top a.arcpro_more {display: none}
.arcpro_list ul li .arcpro_con .arcpro_img {height: 240px}
.arcpro_list ul li .arcpro_con .arcpro_text{width:100%;}
}


/*产品详情页*/
/*产品内页*/
.arcproDetail_img .proGalleryTop {width: 100%;overflow: hidden}
.arcproDetail_img .proGalleryTop .swiper-slide p {width: 100%;height: 410px;overflow: hidden;margin: 0 auto;position: relative}
.arcproDetail_img .proGalleryTop .swiper-slide p img {display: block;max-width: 100%;max-height: 100%;margin: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0}
.arcproDetail_img .proGalleryThumbs {position: relative;width: 100%;margin: 15px auto 0;padding: 0 36px;box-sizing: border-box}
.arcproDetail_img .proGalleryThumbs .swiper-slide {cursor: pointer;opacity: .55;transition: opacity .3s,border-color .3s}
.arcproDetail_img .proGalleryThumbs .swiper-slide span {display: block;width: 100%;height: 80px;overflow: hidden;border: 1px solid #ddd;box-sizing: border-box;position: relative}
.arcproDetail_img .proGalleryThumbs .swiper-slide span img {display: block;max-width: 100%;
max-height: 100%;margin: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0}
.arcproDetail_img .proGalleryThumbs .swiper-slide-thumb-active {opacity: 1}
.arcproDetail_img .proGalleryThumbs .swiper-slide-thumb-active span {border-color: #c8161d}
.arcproDetail_img .proGalleryThumbs_prev,.arcproDetail_img .proGalleryThumbs_next {
position: absolute;top: 50%;transform: translateY(-50%);width: 26px;height: 40px;z-index: 5;cursor: pointer;background: #f0f0f0;border-radius: 3px}
.arcproDetail_img .proGalleryThumbs_prev {left: 0}
.arcproDetail_img .proGalleryThumbs_next {right: 0}
.arcproDetail_img .proGalleryThumbs_prev::after,.arcproDetail_img .proGalleryThumbs_next::after {content: "";position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;border-top: 2px solid #666;border-right: 2px solid #666;margin: -4px 0 0 -5px}
.arcproDetail_img .proGalleryThumbs_prev::after {transform: rotate(-135deg);margin-left: -2px}
.arcproDetail_img .proGalleryThumbs_next::after {transform: rotate(45deg);margin-left: -6px}
.arcproDetail_img .proGalleryThumbs .swiper-button-disabled {opacity: .4;cursor: default}
.arcproDetail_main{width:100%;height:auto;overflow:hidden;margin:60px auto 60px}
.arcproDetail_main .arcproDetail_left{width:50%;height:auto;overflow:hidden;padding:0 20px 0 0;float:left}
.arcproDetail_left .arcproDetail_img{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:20px;background-color:#fff}
.arcproDetail_img p{width:100%;height:410px;overflow:hidden;margin:0 auto;position:relative}
.arcproDetail_img p img{display:block;max-width:100%;max-height:100%;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0}
.arcproDetail_main .arcproDetail_right{width:50%;height:auto;overflow:hidden;padding:0 0 0 20px;float:right}
.arcproDetail_right .arcproDetail_text{width:100%;height:auto;overflow:hidden;margin:0 auto}
.arcproDetail_text .arcproDetail_name{width:100%;height:auto;overflow:hidden;line-height:40px;color:#303030;font-size:30px;font-weight:bold;margin:0 auto;padding:20px 0 19px;border-bottom:1px solid #ddd;position:relative}
.arcproDetail_name i{display:block;width:60px;height:3px;background-color:#e60013;position:absolute;left:0;bottom:0}
.arcproDetail_text .arcproDetail_ms{width:100%;height:auto;overflow:hidden;margin:30px auto}
.arcproDetail_ms span{display:block;width:100%;height:auto;overflow:hidden;line-height:30px;color:#303030;font-size:18px;font-weight:bold;margin:0 auto 5px}
.arcproDetail_ms p{width:100%;height:auto;max-height:90px;overflow:hidden;line-height:30px;color:#999;font-size:15px;margin:0 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
.arcproDetail_text ul{margin:35px auto 40px; min-height:65px;}
.arcproDetail_text ul li{width:33.333333%;height:60px;overflow:hidden;padding:4px 0 4px 62px;position:relative;float:left}
.arcproDetail_text ul li i{display:block;width:50px;height:50px;overflow:hidden;margin:-25px 0 0;background-color:#e60013;border-radius:50%;position:absolute;left:0;top:50%}
.arcproDetail_text ul li i img{display:block;width:30px;height:30px;margin:10px auto}
.arcproDetail_text ul li span{display:block;width:100%;height:26px;overflow:hidden;line-height:26px;color:#303030;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.arcproDetail_text ul li p{width:100%;height:26px;overflow:hidden;line-height:26px;color:#999;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}
.arcproDetail_text .arcproDetail_zx{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 160px 0 0;background-color:#fff;position:relative}
.arcproDetail_zx .arcproDetail_tel{width:100%;height:80px;overflow:hidden;line-height:40px;color:#303030;font-size:18px;font-weight:bold;padding:20px}
.arcproDetail_tel img{display:block;width:40px;height:40px;margin:0 20px 0 0;float:left}
.arcproDetail_tel span{display:inline-block;color:#020202;font-size:26px;font-family:"DINMittelschrift";font-weight:normal;vertical-align:middle;margin:-2px 0 0 0}
.arcproDetail_zx a.arcproDetail_zxBtn{display:block;width:160px;height:80px;overflow:hidden;line-height:80px;color:#fff;font-size:18px;font-weight:bold;text-align:center;background-color:#e60013;position:absolute;top:0;right:0}
.arcproDetail_zx a.arcproDetail_zxBtn:hover{background-color:#b8000f}
.arcproDetail_zx a.arcproDetail_zxBtn img{display:inline-block;width:32px;height:32px;margin:-2px 10px 0 0;vertical-align:middle}
.arcproDetail_content{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:60px 0 0;background:url(../images/prodetail_bg1.jpg) center top no-repeat;background-size:1920px 400px}
.arcproDetail_content .arcproDetailCon_main{width:100%;height:auto;overflow:hidden;margin:0 auto}
.arcproDetailCon_main .arcproDetailCon_text{width:100%;height:auto;min-height:300px;overflow:hidden;line-height:32px;color:#303030;font-size:16px;word-break:break-all;text-align:justify;margin:0 auto;padding:20px 40px;background-color:#fff}
.arcproDetailCon_text div,.arcproDetailCon_text P{line-height:32px !important;color:#303030 !important;font-size:16px !important;margin:20px auto}
.arcproDetailCon_text div span,.arcproDetailCon_text p span,.arcproDetailCon_text span,.arcproDetailCon_text div font,.arcproDetailCon_text p font,.arcproDetailCon_text font{line-height:32px !important;color:#303030 !important;font-size:16px !important;font-family:Arial,\5FAE\8F6F\96C5\9ED1,Microsoft Yahei,Helvetica,sans-serif !important}
.arcproDetailCon_text div b,.arcproDetailCon_text P b,.arcproDetailCon_text b{font-size:22px;font-weight:bold}
.arcproDetailCon_text img{display:block;width:auto;max-width:100%;margin:0 auto}
.arcproDetailCon_text table{width:100%!important}
.arcproDetailCon_text table tr th,.arcproDetailCon_text table tr td{width:auto!important;padding:0!important}
.arcproDetailCon_text table tr th p,.arcproDetailCon_text table tr td p,.arcproDetailCon_text table tr th span,.arcproDetailCon_text table tr td span{line-height:24px!important;font-size:14px!important}
.arcproDetail_adv{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:60px 0;background-color:#fff}
.arcproDetail_adv .arcproDetailAdv_main{width:100%;height:auto;margin:0 auto}
.arcproDetailAdv_main ul li{width:22.9%;height:auto;margin:0 2.8% 0 0;padding:40px 20px 20px;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);float:left}
.arcproDetailAdv_main ul li:nth-child(4){margin:0}
.arcproDetailAdv_main ul li img{display:block;width:90px;height:106px;overflow:hidden;margin:0 auto 30px}
.arcproDetailAdv_main ul li:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.arcproDetailAdv_main ul li span{display:block;width:100%;height:auto;overflow:hidden;line-height:30px;color:#303030;font-size:20px;font-weight:bold;text-align:center;margin:0 auto}
.arcproDetailAdv_main ul li i{display:block;width:30px;height:3px;overflow:hidden;margin:10px auto 15px;background-color:#e60013}
.arcproDetailAdv_main ul li p{width:100%;height:96px;overflow:hidden;line-height:24px;color:#999;font-size:14px;text-align:center;margin:0 auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}
.arcproDetail_rec{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:60px 0}
.arcproDetail_rec .arcproDetailRec_main{width:100%;height:auto;margin:0 auto}
.arcproDetailRec_main .arcproDetailRec_swiper{width:100%;position:relative}
.arcproDetailRec_swiper .proRecSwiper{width:100%;height:auto;overflow:hidden;margin:-20px auto;padding:20px 0}
.arcproDetailRec_swiper .proRecSwiper .swiper-slide{padding:0 20px;background-color:#fff;box-shadow:0 8px 16px rgba(0,0,0,0.06)}
.arcproDetailRec_swiper .proRecSwiper .swiper-slide:hover{background-color:#e60013}
.arc_title{width:100%;height:auto;overflow:hidden;margin:0 auto 40px}
.arc_title span{display:block;width:100%;height:60px;overflow:hidden;line-height:60px;color:#e5e5e5;font-size:72px;font-weight:bold;text-transform:uppercase;text-align:left;margin:0 auto}
.arc_title1 span{color:rgba(255,255,255,0.1)}
.arc_title p,.arc_title h2{width:100%;height:40px;line-height:40px;color:#202020;font-size:36px;font-weight:bold;text-align:left;margin:-40px auto 20px;padding:0;position:relative;z-index:1}
.arc_title1 p,.arc_title1 h2{color:#fff}
.arc_title i{display:block;width:60px;height:4px;overflow:hidden;margin:0;background-color:#e60013}
.arc_title p a,.arc_title h2 a{display:block;width:150px;height:40px;overflow:hidden;line-height:40px;color:#fff;font-size:14px;font-weight:normal;text-align:center;margin:0;background-color:#e60013;float:right}
.arc_title p a em,.arc_title h2 a em{display:inline-block;width:18px;height:12px;overflow:hidden;vertical-align:middle;background:url(../images/arrowright_ico9.png) center center no-repeat;background-size:18px 12px;margin:-2px 0 0 10px}
.arc_title p a:hover,.arc_title h2 a:hover{background-color:#b8000f}
.arc_title p a:hover em,.arc_title h2 a:hover em{margin:-2px 0 0 20px}
@media (max-width: 1440px) {
    .arcproDetailCon_main .arcproDetailCon_text {line-height: 30px; font-size: 15px; padding: 10px 30px;}
}

@media (max-width:767px){
.arcpro_list ul li .arcpro_con .arcpro_img{width:100%;height:240px;margin:0 auto 20px;float:inherit}
.arcpro_list ul li .arcpro_con .arcpro_img a i.arcpro_mask{background:rgba(0,0,0,0.5) url(../images/view_ico2.png) center center no-repeat;background-size:52px 52px}
.arcpro_list ul li .arcpro_con .arcpro_text{width:100%;margin:0 auto;padding:0;float:inherit}
.arcpro_list ul li .arcpro_con .arcpro_text .arcpro_ms p{height:auto;max-height:44px;line-height:22px;-webkit-line-clamp:2}
.arcproDetail_main .arcproDetail_left{width:100%;margin:0 auto 20px;padding:0;float:inherit}
.arcproDetail_left .arcproDetail_img{padding:20px}
.arcproDetail_img p{height:440px}
.arcproDetail_main .arcproDetail_right{width:100%;padding:0;float:inherit}
.arcproDetail_text .arcproDetail_ms{margin:20px auto}
.arcproDetail_text ul{margin:30px auto}
.arcproDetail_tel span{font-size:28px}
.arcproDetail_text .arcproDetail_name {line-height: 30px; font-size: 20px; padding: 0 0 14px;}
.arc_title p, .arc_title h2 { height: 26px; line-height: 26px; font-size: 22px; margin: -26px auto 8px;}
.arcproDetail_text .arcproDetail_zx {padding: 0;}
.arcproDetail_zx .arcproDetail_tel {font-size: 10px;}
.arcproDetail_tel img {width: 32px; height: 32px; margin: 4px 10px 4px 0;}
.arcproDetail_zx a.arcproDetail_zxBtn { width: 100%; font-size: 20px; position: inherit; top: inherit; right: inherit;}
.arcproDetail_text ul {margin: 30px auto;}
.arcproDetail_text ul li i img {display: block; width: 30px; height: 30px; margin: 10px auto;}   
.arcproDetail_img .proGalleryTop .swiper-slide p {height: 200px;}
.arc_products  {padding-top:40px;} 
}
        
        
        
        
        