/* CSS Document */
.nqPro_ys{ width:100%;padding:25px 0 100px; overflow:hidden;}
.nqProYs_tit{ text-align:center; margin-bottom:50px; overflow:hidden;}
.nqProYs_tit b{ display:block; font-size:30px; color:#222;}
.nqProYs_tit b span{ display:inline-block; background:#bb1723; width:8px; height:8px; border-radius:50px; margin: 6px 10px;}
.nqProYs_tit p{ font-size:14px; color:#999;}
.nqProYs_list ul li{ width:32%; margin-right:2%; background:#fff; padding:35px; position:relative; float:left;}
.nqProYs_list ul li:last-child{ margin-right:0;}
.nqProYs_list ul li:before{ content:""; display:block; width:3px; height:20px; background:#bb1723; position:absolute; left:0; top:40px;}
.nqProYs_list ul li:after{ content: ""; display: block; width: 100%; height: 60%; background: #bb1723; position: absolute; left: 0; top: 20%; opacity: 0; transition: all .5s; -webkit-transition: all .5s; z-index: 1; }
.nqProYs_list ul li .nqProYs_text{ position:relative; z-index:2;}
.nqProYs_list ul li .nqProYs_text b{ display:block; font-size:20px; color:#222;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-right:60px;}
.nqProYs_list ul li .nqProYs_text p{ font-size:16px; color:#999; line-height:26px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; height:52px; margin-top:10px;}
.nqProYs_list ul li .nqProYs_ico{ width:78px; height:78px; position:absolute; top:-20px; right:20px; background:#bb1723; border:4px solid #fff; padding:18px; border-radius:50px;z-index:2;}
.nqProYs_list ul li:hover .nqProYs_text b{ color:#fff;}
.nqProYs_list ul li:hover .nqProYs_text p{ color:rgba(255,255,255,0.55);}
.nqProYs_list ul li:hover .nqProYs_ico{transform: rotateY(180deg); background:#fff; border:4px solid #bb1723;}
.nqProYs_list ul li:hover:after { height: 100%; opacity: 1; top: 0; }
.nqProYs_list ul li:hover .nqProYs_ico svg path { fill: #bb1723; }
.nqProYs_list ul li:hover:before{background:#ec6a73;}

.nqPro{ width:100%; background:#fff; padding:100px 0; overflow:hidden;}
.nqPro .nqPro_left {width:25%;float:left;}
.nqPro_left .h_left {margin-bottom:50px;}

.nqPro_left .cp_type .hd,.nqPro_left .nqPro_Xgwz .hd{background:#bb1723 url(../images/ico05.png) no-repeat right center; padding:35px 0 35px 40px;position:relative;}
.nqPro_left .nqPro_Xgwz .hd {background:#bb1723 url(../images/ico06.png) no-repeat right center; }
.nqPro_left .cp_type .hd span,.nqPro_left .nqPro_Xgwz .hd span{ display:block;font-size:18px; color:#fff;}
.nqPro_left .cp_type .hd span em,.nqPro_left .nqPro_Xgwz .hd span em{ display:inline-block; width:30px; height:1px; background:#fff; margin:0 10px 5px 0;}
.nqPro_left .cp_type .hd p,.nqPro_left .nqPro_Xgwz .hd p{ font-size:32px; color:#fff; font-weight:bold;}
.nqPro_left .cp_type .hd i{ display:none; width:22px; height:22px; position:absolute; right:20px; top:50%; transform: translate(0, -50%);}

.nqPro_left .cp_type .bd,.nqPro_left .nqPro_Xgwz .nqProXgwz_list {border-top:0;padding:20px 0;border: 1px solid #e6e6e6; min-height:300px;}
.nqPro_left .cp_type .bd ul li { margin:0 auto 10px;}
.nqPro_left .cp_type .bd ul li.on { border:0;}
.nqPro_left .cp_type .bd ul li p { height:60px; line-height:60px; padding:0 20px 0 0;position:relative; border-bottom:1px dashed #e6e6e6; width:80%; margin:0 auto;}
.nqPro_left .cp_type .bd ul li:last-child p{ border-bottom:0;}
.nqPro_left .cp_type .bd ul li p a { display:block; width:100%;overflow: hidden; line-height:60px; color:#222; font-size:18px; white-space:nowrap; text-overflow: ellipsis; float:left; padding-left:10px;}
.nqPro_left .cp_type .bd ul li p span { display:block; width:18px; height:60px;cursor:pointer; position:absolute; top:0; right:0;}
.nqPro_left .cp_type .bd ul li.on p span{transform: rotate(90deg);}
.nqPro_left .cp_type .bd ul li.ckqb.on p span{transform: rotate(0deg);}
.nqPro_left .cp_type .bd ul li:hover p span svg path,.nqPro_left .cp_type .bd ul li.on p span svg path { fill: #bb1723; }
.nqPro_left .cp_type .bd ul li div { display:none;}
.nqPro_left .cp_type .bd ul li.on div { display:block; position:relative;}
.nqPro_left .cp_type .bd ul li div a {display:block;height:44px;line-height:44px;color:#777;font-size: 16px;padding:0 20px 0 80px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; position:relative;}
.nqPro_left .cp_type .bd ul li div a:hover{ background:#fff8f9; color:#bb1723;}
.nqPro_left .cp_type .bd ul li div a:before{ content:""; width:8px; height:1px; background:#999; position:absolute; left:60px; top:20px;}
.nqPro_left .cp_type .bd ul li div a:hover:before{ background:#bb1723;}
.nqPro_left .cp_type .bd ul li p:hover a, .nqPro_left .cp_type .bd ul li.on p a {font-weight:bold; color:#bb1723;}
.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li{ width:100%;}
.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li p a{ display:block; width:80%; border-bottom:1px dashed #e6e6e6; margin:0 auto;height:60px; line-height:60px; font-size:18px; color:#222; padding-left:10px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li:hover p{ background:#fff8f9;}
.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li:hover p a{color:#bb1723;}
.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li:last-child p a{ border-bottom:0;}

.nqPro_right,.nqProlst_right{ width:71.5%; float:right;}
.nqPro_right ul,.nqProlst_right ul{ min-height:300px;}
.nqPro_right ul li{ width:31.3333%; float:left; margin:0 3% 28px 0; border:1px solid #e6e6e6;}
.nqPro_right ul li:nth-child(3n+3){ margin-right:0;}
.nqPro_right ul li .nqPro_Img{ width:100%; height:230px; position:relative; overflow:hidden;}
.nqPro_right ul li .nqPro_Text{ width:100%; padding:25px; overflow:hidden; text-align:center;}
.nqPro_right ul li .nqPro_Text a.nqPro_Name{ display:block; font-size:18px; color:#222; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqPro_right ul li .nqPro_Text p{ font-size:16px; color:#999; margin:5px 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqPro_right ul li .nqPro_Text p i{ display:inline-block; width:20px; height:20px; margin:0 7px -5px 0;}
.nqPro_right ul li .nqPro_Text a.nqPro_btn{ display:block; width:120px; height:42px; line-height:42px; color:#bb1723; text-align:center; border:1px solid #bb1723; border-radius:5px; margin:0 auto;}
.nqPro_right ul li .nqPro_Text a.nqPro_btn i{ width:18px; height:18px; display:inline-block; margin:0 0 -4px 7px;}
.nqPro_right ul li:hover{ border:1px solid #bb1723;}
.nqPro_right ul li:hover .nqPro_Text a.nqPro_Name{color:#bb1723;}
.nqPro_right ul li:hover .nqPro_Text a.nqPro_btn{background:#bb1723; color:#fff;}
.nqPro_right ul li:hover .nqPro_Text a.nqPro_btn i svg path { fill: #fff; }
.nqPro_right ul li:hover .nqPro_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.nqProlst_right ul li{ width:100%; padding:30px; border:1px solid #e6e6e6; margin-bottom:25px; overflow:hidden;}
.nqProlst_right ul li .nqProlist_Img{ width:290px; height:200px; float:left; position:relative; overflow:hidden;}
.nqProlst_right ul li .nqProlist_Text{width: calc(100% - 290px); float:right; padding-left:40px;}
.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ display:block; font-size:18px; font-weight:bold; color:#222; position:relative;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name:before{ content:""; display:inline-block; width:4px; height:4px; background:#bb1723; border:8px solid #fff8f9; border-radius:50px; margin:0 12px -3px 0;}
.nqProlst_right ul li .nqProlist_Text p{ font-size:16px; color:#999; line-height:28px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; height:56px; margin:10px 0 20px;}
.nqProlst_right ul li .nqProlist_Text dl dd{ width:25%; float:left; padding-right:20px;}
.nqProlst_right ul li .nqProlist_Text dl dd span{ display:block; font-size:16px; color:#222; margin-bottom:5px;}
.nqProlst_right ul li .nqProlist_Text dl dd p{ width:100%; height:24px; line-height:24px; background:#f4f4f4; text-align:center; font-size:15px; position:relative; padding:0 10px;}
.nqProlst_right ul li .nqProlist_Text dl dd p:before{ content:""; display:block; width:2px; height:100%; position:absolute; left:0; top:0; background:#bb1723;transition: all .4s ease; z-index:1;}
.nqProlst_right ul li .nqProlist_Text dl dd p:after{ content:""; display:block;width: 0;height: 0;border-left: 10px solid transparent;border-top: 10px solid #fff; position:absolute; right:0; top:0;}
.nqProlst_right ul li .nqProlist_Text dl dd p i{ display:block; position:relative; z-index:2;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nqProlst_right ul li .nqProlist_Text dl dd:hover p:before{ width:100%;}
.nqProlst_right ul li .nqProlist_Text dl dd:hover p i{ color:#fff;}
.nqProlst_right ul li:hover{ border:1px solid #bb1723;}
.nqProlst_right ul li:hover a.nqProlist_Name{ color:#bb1723;}
.nqProlst_right ul li:hover .nqProlist_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}


@media screen and (max-width:1680px){
  .nqPro_ys{ padding:15px 0 80px;}
  .nqProYs_tit b{ font-size:28px;}
  .nqPro{ padding:80px 0;}
  .nqPro_right ul li .nqPro_Img{ height:215px;}
  .nqPro_left .cp_type .hd p, .nqPro_left .nqPro_Xgwz .hd p{ font-size:30px;}
  .nqProlst_right ul li .nqProlist_Img{ width:265px;}
  .nqProlst_right ul li .nqProlist_Text {width: calc(100% - 265px);}
}
@media screen and (max-width:1440px){
  .nqPro_ys{ padding:15px 0 70px;}
  .nqProYs_tit{ margin-bottom:40px;}
  .nqProYs_tit b{ font-size:26px;}
  .nqProYs_list ul li .nqProYs_ico{ width:68px; height:68px; padding:15px;}
  .nqProYs_list ul li .nqProYs_text b{ font-size:18px;}
  .nqProYs_list ul li .nqProYs_text p{ font-size:15px;margin-top:8px;}
  .nqPro{ padding:70px 0;}
  .nqPro_left .h_left{ margin-bottom:40px;}
  .nqPro_left .cp_type .bd, .nqPro_left .nqPro_Xgwz .nqProXgwz_list{ padding:15px 0;}
  .nqPro_left .cp_type .hd, .nqPro_left .nqPro_Xgwz .hd{ padding:30px;background-size: 70px auto;}
  .nqPro_left .cp_type .hd span, .nqPro_left .nqPro_Xgwz .hd span{ font-size:16px;}
  .nqPro_left .cp_type .hd p, .nqPro_left .nqPro_Xgwz .hd p{ font-size:28px;}
  .nqPro_left .cp_type .bd ul li p{height:55px; line-height:55px;}
  .nqPro_left .cp_type .bd ul li p a{ line-height:55px;}
  .nqPro_right ul li .nqPro_Text a.nqPro_Name,.nqPro_left .cp_type .bd ul li p a{ font-size:16px;}
  .nqPro_left .cp_type .bd ul li div a{ font-size:15px; height:42px; line-height:42px;padding: 0 20px 0 70px;}
  .nqPro_left .cp_type .bd ul li div a:before{ left:50px;}
  .nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li p a{ font-size:16px; height:55px; line-height:55px;}
  .nqPro_right ul li .nqPro_Text p{ font-size:15px;}
  .nqPro_right ul li .nqPro_Text a.nqPro_btn{ font-size:15px; height:40px; line-height:40px;}
  .nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ font-size:16px;}
  .nqProlst_right ul li .nqProlist_Text dl dd span{ font-size:15px;}
  .nqProlst_right ul li .nqProlist_Img{ width:230px; height:180px;}
  .nqProlst_right ul li .nqProlist_Text {width: calc(100% - 230px); padding-left:35px;}
  .nqProlst_right ul li .nqProlist_Text p{ font-size:15px; margin:8px 0 18px;}
}
@media screen and (max-width:1200px){
	.nqPro_ys{ padding:15px 0 60px;}
	.nqProYs_list ul li{ padding:25px;}
	.nqProYs_list ul li:before{ top:27px;}
	.nqProYs_list ul li .nqProYs_text b{ font-size:16px;}
	.nqProYs_list ul li .nqProYs_text p{ font-size:14px; line-height:24px; height:48px; margin-top:5px;}
	.nqProYs_list ul li .nqProYs_ico{ width:58px; height:58px; padding:12px;}
	.nqProYs_tit b{ font-size:24px;}
    .nqProYs_tit b span{ width:6px; height:6px;margin: 5px 10px;}
	.nqProYs_tit p{ font-size:13px;}
	.nqPro{ padding:60px 0;}
	.nqPro_left .h_left{ margin-bottom:30px;}
	.nqPro_left .cp_type .bd, .nqPro_left .nqPro_Xgwz .nqProXgwz_list{ padding:10px 0;}
	.nqPro_left .cp_type .hd, .nqPro_left .nqPro_Xgwz .hd{ padding:25px;background-size: 50px auto;}
	.nqPro_left .cp_type .hd span, .nqPro_left .nqPro_Xgwz .hd span{ font-size:15px;}
	.nqPro_left .cp_type .hd p, .nqPro_left .nqPro_Xgwz .hd p{ font-size:24px;}
	.nqPro_left .cp_type .bd ul li p{ width:85%; height:50px; line-height:50px;}
	.nqPro_left .cp_type .bd ul li p a{ line-height:50px; font-size:15px;}
	.nqPro_left .cp_type .bd ul li p span{ height:50px;}
	.nqPro_left .cp_type .bd ul li div a{padding: 0 20px 0 60px; height:40px; line-height:40px; font-size:14px;}
	.nqPro_left .cp_type .bd ul li div a:before{ left:40px;}
	.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li p a{ font-size:15px; height:50px; line-height:50px; width:85%;}
	.nqPro_right{ width:72.5%;}
	.nqPro_right ul li .nqPro_Text p{ font-size:14px;}
	.nqPro_right ul li .nqPro_Text p i{ width:18px; height:18px;margin: 0 5px -4px 0;}
	.nqPro_right ul li .nqPro_Text a.nqPro_btn{ font-size:14px; height:38px; line-height:38px;}
	.nqPro_right ul li .nqPro_Img{ height:200px;}
	.nqProlst_right ul li .nqProlist_Text p{ font-size:14px; line-height:26px; height:52px; margin:5px 0 15px;}
	.nqProlst_right ul li .nqProlist_Text dl dd span,.nqProlst_right ul li .nqProlist_Text dl dd p{ font-size:14px;}
	.nqProlst_right ul li .nqProlist_Img{ width:200px; height:170px;}
	.nqProlst_right ul li .nqProlist_Text {width: calc(100% - 200px); padding-left:30px;}
	.nqProlst_right ul li .nqProlist_Text dl dd{ width:50%;}

}
@media screen and (max-width:1080px){
	.nqPro .nqPro_left{ width:100%;}
	.nqPro_left .cp_type .bd { display:none;}
	.nqProYs_list ul li .nqProYs_text b{ font-size:15px;}
	.nqPro{ padding:50px 0;}
	.nqPro_left .cp_type .hd,.nqPro_left .nqPro_Xgwz .hd{ background:#bb1723; padding:15px 20px;}
	.nqPro_left .cp_type .hd i{ display:block;}
	.nqPro_left .cp_type .hd.on i{transform: rotate(90deg); margin-top:-9px;}
	.nqPro_left .cp_type .hd p, .nqPro_left .nqPro_Xgwz .hd p{ font-size:20px;}
	.nqPro_left .cp_type .hd span, .nqPro_left .nqPro_Xgwz .hd span{ display:none;}
	.nqPro_left .cp_type .bd ul li p{ width:92%;}
	.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li p a{ width:92%;}
	.nqPro_right,.nqProlst_right{ width:100%; margin-top:30px;}
	.nqPro_right ul li .nqPro_Text a.nqPro_Name{ font-size:15px;}
	.nqProlst_right ul li .nqProlist_Text {padding-top:20px;}
	.nqProlst_right ul li .nqProlist_Text a.nqProlist_Name{ font-size:15px;}
	.nqProlst_right ul li{ padding:20px;}
	.nqProlst_right ul li .nqProlist_Text dl dd{ width:25%;}
		
}
@media screen and (max-width:1024px){
	.nqPro_ys{ padding:15px 0 50px;}


}
@media screen and (max-width:820px) {
  .nqPro_ys{ padding:15px 0 40px;}
  .nqProYs_list ul li{ width:100%; margin-bottom:40px;}	
  .nqProYs_list ul li:last-child{ margin-bottom:0;}
  .nqProYs_tit{ margin-bottom:30px;}
  .nqProYs_tit b{ font-size:22px;}
  .nqProYs_tit b span{ width:5px; height:5px;margin: 5px 10px;}
  .nqPro{ padding:40px 0;}
  .nqPro_left .h_left{ margin-bottom:20px;}
  .nqPro_right ul li .nqPro_Img{ height:180px;}
  .nqPro_right ul li .nqPro_Text{ padding:15px;}
  .nqPro_right ul li{ width:48.5%; margin:0 3% 20px 0;}
  .nqPro_right ul li:nth-child(2n+2){ margin-right:0;}
  .nqPro_right ul li:nth-child(3n+3){ margin-right:3%;}
  .nqPro_right ul li:nth-child(6n+6){ margin-right:0;}
  .nqProlst_right ul li .nqProlist_Img{ width:100%;}
  .nqProlst_right ul li .nqProlist_Text{ width:100%; margin-top:20px; padding:0;}

}
@media screen and (max-width:767px) {

}
@media screen and (max-width:550px) {
.nqPro_ys{ padding:25px 0 30px;}
.nqProYs_tit b{ font-size:20px;}	
.nqProYs_tit p{ font-size:12px;}
.nqPro{ padding:30px 0;}
.nqPro_left .cp_type .hd p, .nqPro_left .nqPro_Xgwz .hd p{ font-size:18px;}
.nqPro_left .cp_type .bd ul li p,.nqPro_left .nqPro_Xgwz .nqProXgwz_list ul li p a{ width:90%;}
.nqPro_right ul li{ width:100%;margin: 0 0 20px;}
.nqProlst_right ul li .nqProlist_Text dl dd{ width:50%;}
	
}
@media screen and (max-width:320px) {

}