/* 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);}


