/*proCrumb start*/
.proCrumb { overflow: hidden; padding: 40px 160px 40px 0; position: relative;}
.proCrumb p { height: 40px; overflow: hidden; line-height: 40px; color: rgba(255, 255, 255, .55); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; padding-left: 30px; position: relative;}
.proCrumb p em { display: block; width: 20px; height: 20px; overflow: hidden; padding: 1px; position: absolute; left: 0; top: 10px; opacity: .55;}
.proCrumb p a { display: inline-block; line-height: 40px; color: #fff; font-size: 16px; vertical-align: top; opacity: .55;}
.proCrumb p a:hover { opacity: 1;}
.proCrumb p i { display: inline-block; width: 14px; height: 40px; overflow: hidden; vertical-align: top; margin: 0 6px; opacity: .55;}
.proCrumb a.nyBack { display: block; width: 140px; height: 40px; overflow: hidden; line-height: 38px; color: #fff; font-size: 16px; text-align: center; border: 1px solid #fff; border-radius: 4px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: .55;}
.proCrumb a.nyBack:hover { opacity: 1;}
.proCrumb a.nyBack i { display: inline-block; width: 18px; height: 18px; overflow: hidden; vertical-align: middle; margin: -4px 10px 0 0;}
.proCrumb a.nyBack:hover i { margin: -4px 20px 0 0;}
/*proCrumb end*/

/*nyProShow_head start*/
.nyProShow_head { position: relative;}
.nyProShow_head::before { content: ""; display: block; width: 100%; height:100%; background:#202021;background: linear-gradient(to bottom, #202021, #34171b); overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1;}
.nyProShowHead_main { display: flex; align-items: center; flex-direction: row-reverse; overflow: hidden; padding:70px 100px 75px; background-color: #fff; border-bottom:1px solid #e6e6e6;position: relative;}

.nyProShowHead_text { width:52%; padding-right:70px;}
.nyProShowHead_text .name { line-height: 44px; color: #222; font-size: 36px; font-weight:bold;padding-bottom: 24px; position: relative;}
.nyProShowHead_text .name::after { content: ""; display: block; width: 80px; height:3px; overflow: hidden; background-color: #C30D23;position: absolute; bottom: 0; left: 0;}
.nyProShowHead_text .name::before{content: ""; display: block; width:100%; height:1px; overflow: hidden; background-color: #e6e6e6; position: absolute; bottom:1px; left: 0;}
.nyProShowHead_text .sdxx{ margin:35px 0 28px; overflow:hidden;}
.nyProShowHead_text .sdxx p{height:40px; line-height:40px; margin-right:2%; font-size:16px; float:left; border:1px solid #e6e6e6; padding:0 18px; margin-bottom:10px;}
.nyProShowHead_text .sdxx p:last-child{ margin-right:0;}
.nyProShowHead_text .sdxx p i{ float:left; margin:12px 8px 0 0;}
.nyProShowHead_text .sdxx p svg{ width:16px; height:16px; fill:#777;}
.nyProShowHead_text .sdxx p span{ color:#777;}

.nyProShowHead_text .xxycpjj{ font-size:18px; font-weight:bold;}
.nyProShowHead_text .dec { max-height:90px; overflow: hidden; line-height: 30px; color: #777; font-size: 16px; margin: 10px 0 55px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


.nyProShowHead_text .nyProShowHead_bottom { display: flex; align-items: center;}
.nyProShowHead_bottom .btn { width:40%;height:52px; display:flex; display: -webkit-flex;  justify-content:center;align-items:center; border:1px solid #C30D23; background:#C30D23; padding:0 1%; color: #fff; font-size: 16px;}
.nyProShowHead_bottom .btn:nth-of-type(2){ border:1px solid #e6e6e6; background:#fff;}
.nyProShowHead_bottom .btn a { display: block; width:100%; height: 100%; overflow: hidden;color: #555; font-size: 16px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.nyProShowHead_bottom .btn i { display: inline-block; width: 18px; height: 18px; margin-right:10px;}
.nyProShowHead_bottom .btn i svg{fill:#fff;}
.nyProShowHead_bottom .btn:nth-of-type(2) a i svg{ fill:#555;}


.nyProShowHead_img { width:48%; height:435px;display: flex; align-items: center;}
.nyProShow_big { width: calc(100% - 72px); height: 100%;border: 1px solid #e6e6e6; overflow: hidden; position: relative;}
.nyProShow_big .swiper-container, .nyProShow_small .swiper-container { height: 100%;}
.nyProShow_big .swiper-slide { height: 100%; overflow: hidden; position: relative;}
.nyProShow_small { width:82px; height:435px; padding-left: 10px;}
.nyProShow_small .swiper-slide { overflow: hidden; border: 1px solid #e6e6e6;position: relative; cursor: pointer;}
.nyProShow_small .swiper-slide.swiper-slide-thumb-active { border: 1px solid #C30D23;}

.nyProShow_big a.videoIco { position: absolute; z-index: 9; width: 52px; height: 52px; left: 0; bottom: 0; background: url(../images/video.png) no-repeat 0 0;}
/*nyProShow_head end*/
@media (max-width:1680px) {
	.nyProShowHead_main{padding: 60px 70px 65px;}
	.nyProShowHead_text .name{ font-size:34px;}
}
@media (max-width:1440px) {
    .proCrumb { padding: 30px 150px 30px 0;}
    .proCrumb p, .proCrumb p a { font-size: 15px;}
    .proCrumb p i { width: 13px; margin: 0 4px;}
    .proCrumb a.nyBack { width: 130px; font-size: 14px;}
    .proCrumb a.nyBack i { width: 16px; height: 16px;}
    
	.nyProShowHead_text .name{ font-size:30px;}
	.nyProShowHead_text .sdxx{margin: 30px 0 15px;}
    .nyProShowHead_text .dec{margin: 10px 0 40px;}
}

@media (max-width:1200px) {
	.nyProShowHead_main{ padding:50px 60px;}
	.nyProShowHead_text{ padding-right:50px;}
	.nyProShowHead_text .name{ font-size:26px;}
	.nyProShowHead_text .dec{margin: 10px 0 30px;}
	.nyProShowHead_bottom .btn{ width:50%;}
}

@media (max-width:1080px) {
	.proCrumb {padding: 20px 150px 20px 0;}
	
	.nyProShowHead_main{ display:block !important; padding:50px;}
    .nyProShowHead_img{ width:100%;}
	.nyProShowHead_text{ width:100%; padding-right:0;margin-top: 10px;}
	.nyProShowHead_text .name{ font-size:24px; padding-bottom:15px;}
	.nyProShowHead_text .dec{margin: 10px 0 20px;}	
}

@media (max-width:820px) {
	.nyProShowHead_main{ padding:40px;}
	.nyProShowHead_img{ display:block !important; height:auto;}
	.nyProShow_big{ width:100%; height:400px;}
	.nyProShow_small{ width:100%; height:80px; padding-left:0; margin:10px 0;}
	
	.nyProShowHead_text .name{ font-size:22px;}
	.nyProShowHead_text .sdxx{ margin: 20px 0 0;}
	.nyProShowHead_text .sdxx p{ font-size:15px;}
	.nyProShowHead_text .xxycpjj{ display:none;}
	.nyProShowHead_text .dec{ font-size:15px; line-height:24px; height:auto; max-height:72px;margin: 0 0 15px;}	
}
@media (max-width:767px) {
	.proCrumb{ padding:20px 0;}
	.proCrumb a.nyBack{ display:none;}
	
	.nyProShowHead_text .name{ font-size:24px;}
}
@media (max-width:600px) {
	.nyProShowHead_main{ padding:20px 20px 30px;}
	.nyProShow_big{ height:350px;}
	
	.nyProShowHead_text .name{ font-size:20px; padding-bottom:10px;}
}
@media (max-width:500px) {
	.nyProShow_big{ height:300px;}
	.nyProShow_small{ height:60px;}
	
	.nyProShowHead_bottom .btn i{ margin-right:5px;}
}
@media (max-width:360px) {
	.nyProShow_big{ height:250px;}
	.nyProShow_small{ height:50px;}
}

/*产品详细页foot start*/
.proxx_footmain{ padding:80px 0; overflow:hidden;}
@media screen and (max-width:1440px){
	.proxx_footmain{ padding:60px 0;}
}
@media screen and (max-width:1080px){
	.proxx_footmain{ padding:40px 0;}
}
@media screen and (max-width:767px){
	.proxx_footmain{ padding:30px 0;}
}
/*产品分类 开始*/
.proleft { width:25.7%; overflow:hidden; float:right;}
.proleft .proxx_leftlx{ width:100%; background:#fff; margin-bottom:35px; padding:30px 0 0; overflow:hidden;}
.proleft .proxx_leftlx .btn a{ display:block; width:75%; height:56px; line-height:56px; text-align:center; border-radius:30px; margin:0 auto; font-size:20px; font-weight:bold;}
.proleft .proxx_leftlx .btn a.on,.proleft .proxx_leftlx .btn a:hover{ color:#fff; background:#C30D23;}
.proleft .proxx_leftlx img.lx{ width:100%; margin-top:30px;}
.proleft .proxx_leftlx .text{ padding:30px;}
.proleft .proxx_leftlx .text p{ font-size:20px; font-weight:bold; color:#555; margin-bottom:18px;}
.proleft .proxx_leftlx .text span{ display:block; width:100%;font-size:16px;color:#555; margin-bottom:10px;word-break: break-all;}
.proleft .proxx_leftlx .text span:nth-of-type(2){ margin-bottom:20px;}
.proleft .proxx_leftlx .text span img{ margin:0 10px 0 0;vertical-align: middle;}
.proleft .proxx_leftlx .text a{ display: block; width:100%; height:48px; line-height:48px; font-size:16px;text-align:center; color:#fff; background:#C30D23;}

.cp_type .hd { width:100%; height:auto;padding:34px 30px;background:#C30D23 url(../images/flbg_ico.png) right 10px no-repeat;}
.cp_type .hd p { width:100%; height:32px; line-height:32px; color:#fff; font-size:30px; font-weight:bold; margin:0 auto 4px; padding:0;}
.cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.cp_type .hd i { display:none;}

.cp_type .bd { padding:0 30px 35px; background:#fff;}
.cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cp_type .bd ul li p { height:58px;position:relative; border-bottom:1px solid #eee;}
.cp_type .bd ul li p a { display:block; width: calc(100% - 40px); line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;}
.cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu3.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:0;transition: all 0s;-webkit-transition: all 0s;}
.cp_type .bd ul li div { display:none;transition: all 0s;-webkit-transition: all 0s;}
.cp_type .bd ul li div a { display:block; height:35px; line-height:35px; color:#999; font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px; background:url(../images/proflico.png) no-repeat; background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;}
.cp_type .bd ul li div a:first-child { margin-top:15px;}
.cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;}
.cp_type .bd ul li div a:hover i { border:1px solid #cb0010;}
.cp_type .bd ul li p:hover a { color:#C30D23;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu4.png) center center no-repeat;}
.cp_type .bd ul li.on p span { background:url(../images/mulu5.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#C30D23;}
.cp_type .bd ul li div a:hover:before{ background-position:0 -10px;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#C30D23; color:#fff;}

.ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top:20px;}
.ProAll a { display:block; width:100%; height:48px; line-height:48px; background:#C30D23;overflow:hidden; color:#fff; font-size:16px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/jt13.png) center center no-repeat;}

/*相关文章 开始*/
.NyXgwz { background:#fff; margin-top:30px;}
.NyXgwz .NyXgwz_Title { width:100%; height:auto;padding:34px 30px;background:#C30D23 url(../images/wzbg_ico.png) 96% 15px no-repeat;}
.NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#fff; font-size:30px; font-weight:bold; margin:0 auto 4px; padding:0;}
.NyXgwz_Title  p img { display:block; margin:4px 10px 0; padding:0; float:left;}
.NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;}

.NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px 30px;}
.NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:20px 0; border-bottom:1px solid #eee;}
.NyXgwz_List dl dd a { display:block; width:100%; overflow:hidden; line-height:30px; font-size:16px;}
.NyXgwz_List dl dd a:hover { color:#C30D23;}
.NyXgwz_List dl dd time{ display:block; margin-top:12px;font-size:15px; color:#999;display:flex; display: -webkit-flex; align-items:center;}
.NyXgwz_List dl dd time img{ margin-right:7px;}
/*相关文章 结束*/
@media screen and (max-width:1440px){
	.proleft .proxx_leftlx{ margin-bottom:20px;}
	.proleft .proxx_leftlx .btn a{ height:48px; line-height:48px;}
	.proleft .proxx_leftlx .text{ padding:25px;}
	.proleft .proxx_leftlx .text p{ font-size:16px; margin-bottom:10px;}
	.proleft .proxx_leftlx .text span{ margin-bottom:5px;}
	.proleft .proxx_leftlx .text span:nth-of-type(2){ margin-bottom:15px;}
	
	.cp_type .hd,.NyXgwz .NyXgwz_Title{ padding:25px; background-size:80px;}
	.cp_type .hd p,.NyXgwz_Title p{ font-size:24px;}
	.cp_type .bd{ padding: 0 25px 25px;}
	.NyXgwz{ margin-top:20px;}
	.NyXgwz .NyXgwz_List{padding: 0 25px 25px;}
	.NyXgwz_List dl dd{padding: 20px 0 10px;}
	.NyXgwz_List dl dd time{ margin-top:5px;}
}
@media screen and (max-width:1080px){
	.proleft{ width:100%; margin-top:20px;}
	.proleft .proxx_leftlx{ display:none;}
	.cp_type .hd{ position:relative;}
	.cp_type .hd p{ margin:0;}
	.cp_type .hd i{ display:block;  width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(255,255,255,1) url(../images/mulu4.png) center center no-repeat; position: absolute;top:21px;right:25px;}
	.cp_type .hd.on i{background: rgba(255,255,255,1) url(../images/mulu5.png) center center no-repeat;}
	.cp_type .bd {display: none;transition: all 0s;-webkit-transition: all 0s; }
	.cp_type .bd ul li p a{font-size: 16px;}
	.cp_type .bd ul li p span{right:15px;}
	.cp_type .bd ul li.on p span{ right:15px;}
	.ProAll a{font-size: 16px; padding: 0 30px;}
	.ProAll a i{ right:15px;}
	.NyXgwz .NyXgwz_Title{background: #C30D23 url(../images/wzbg_ico.png) 100% 15px no-repeat;}
	.NyXgwz_Title span{ display:none;}
	.NyXgwz .NyXgwz_List{ min-height:auto;}
}
@media screen and (max-width:767px){
	.cp_type .hd, .NyXgwz .NyXgwz_Title{ padding:20px;}
	.cp_type .hd p, .NyXgwz_Title p{ font-size:20px;}
	.cp_type .hd i{ width:34px; height:34px; top:19px; right:20px;}
	.NyXgwz{ display:none;}
}
/*产品分类 结束*/
.proright{width:70%; float:left;}
.cpxxcontent{ background:#fff; padding:50px; overflow:hidden;}
.cpxxcontent .cpxx_tit{ font-size:30px; font-weight:bold;position:relative; padding-bottom:22px; margin-bottom:35px;display:flex; display: -webkit-flex;align-items:center;}
.cpxxcontent .cpxx_tit img{ margin-right:13px;}
.cpxxcontent .cpxx_tit:after{content:""; display:block; width:100%; height:5px; background:url(../images/btline.png) repeat-x; position:absolute; left:0;bottom:1px;}
.c_detail_wrap{ line-height:30px;}
.c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{max-width:100% !important;max-height: 100% !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;color: #666; line-height:30px;}

.cpxxcontent .ny_fanye{ width:100%; height:64px; padding:0 24px; background:#f8f8f8; overflow:hidden; margin-top:30px; position:relative;}
.cpxxcontent .ny_fanye .NyProPrev{ width:45%; float:left; font-size:16px; font-weight:bold; line-height:64px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;}
.cpxxcontent .ny_fanye .NyProPrev img{ margin-right:7px;vertical-align: middle;}
.cpxxcontent .ny_fanye .NyProPrev a{ color:#666; font-weight: normal; transition: all .4s ease; margin-left:7px;}
.cpxxcontent .ny_fanye .NyProPrev:hover a{ color:#C30D23;}
.cpxxcontent .ny_fanye .NyPronext{width:49%; float:right; font-size:16px; font-weight:bold; line-height:64px; text-align:right;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;}
.cpxxcontent .ny_fanye .NyPronext img{ margin:0 7px;vertical-align: middle;}
.cpxxcontent .ny_fanye .NyPronext a{ color:#666; font-weight: normal; transition: all .4s ease;}
.cpxxcontent .ny_fanye .NyPronext:hover a{ color:#C30D23;}
.cpxxcontent .ny_fanye em{ display:block;width:1px; height:100%; background:#ddd; position:absolute; left:50%;}

.cpxxcontent .ordertit{ margin-top:40px;}
@media screen and (max-width:1080px){
    .cpxxcontent .cpxx_tit{ font-size:24px;margin-bottom: 25px;}
	.cpxxcontent .ordertit{ margin-top:30px;}
}
@media screen and (max-width:1365px){
	.cpxxcontent{ background:#fff; padding:30px;}
	.c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{ width:auto !important;line-height:30px;}
}
@media screen and (max-width:1080px){
	.proright{width:100%;}
}
@media screen and (max-width:767px){
	.cpxxcontent{padding:30px 20px 0;}
	.cpxxcontent .cpxx_tit{ font-size:20px; margin-bottom:20px;}
	.cpxxcontent .ny_fanye{ height:100px;padding: 0 14px; margin-top: 20px;}
	.cpxxcontent .ny_fanye .NyProPrev,.cpxxcontent .ny_fanye .NyPronext{ width:100%; height:50px; line-height:50px;font-size: 14px;}
	.cpxxcontent .ny_fanye .NyProPrev img,.cpxxcontent .ny_fanye .NyPronext img{width: 26px; height: 19px; display:none;}
	.cpxxcontent .ny_fanye .NyPronext{ float:left; text-align:left;}
	.cpxxcontent .ny_fanye .NyPronext a{ margin-left:7px;}
	.cpxxcontent .ny_fanye em{width:100%;height:1px; left:0; top:50%;}
	.cpxxcontent .ordertit{ margin-top:25px;}
}
/*产品详细页foot end*/