.product_mian{ position:relative;}
.product_mian .w1400{display:flex;align-items:flex-start;}
.product_mian .h_left{ width: 300px;background: #fff; position: sticky;/* top值 = .ly_top的底部距离页面顶部高度，滚动到这里自动吸住 */ top: 100px;z-index: 3;}

.product_mian .cp_type .hd{padding:95px 0 30px;position:relative; z-index:9;}
.product_mian .cp_type .hd:after{ content:''; display: block; width:500%; height:100%; background:#1e3a62 url(../images/proml_bg01.png) no-repeat right bottom; position: absolute; left:-400%; top:0; }
.product_mian .cp_type .hd p{ font-size:16px; color:#fff;position:relative; z-index:2;}
.product_mian .cp_type .hd p:before{ content:''; display:block; width:26px; height:1px; background:#fff; float:left; margin:10px 10px 0 0;}
.product_mian .cp_type .hd b{ display:block;font-size:30px; font-weight: bold; color:#fff;position:relative; z-index:2;}
.product_mian .cp_type .hd i{display: none;width: 30px;height:30px;position: absolute; right:25px;top: 23px;background: url(../images/jt13.png) no-repeat;z-index: 2;}

.product_mian .cp_type .bd{ padding:45px 0;border-right:1px solid #e6e6e6; background:#fff;}
.product_mian .cp_type .bd ul li{ position:relative;}
.product_mian .cp_type .bd ul li:before{content:''; display: block; width:500%; height:64px; background:#f4f5f7; position: absolute; left:-400%; top:0; opacity:0;}
.product_mian .cp_type .bd ul li:after{ content:''; display: block; width:500%; height:1px; background:#e6e6e6; position: absolute; left:-400%; bottom:0; }
.product_mian .cp_type .bd ul li:last-child:after{ display:none;}
.product_mian .cp_type .bd ul li p { height:64px; line-height:64px; padding-right:80px;position:relative;}
.product_mian .cp_type .bd ul li:last-child{ border-bottom:0;}
.product_mian .cp_type .bd ul li p a { display:block; width:100%;overflow: hidden; line-height:64px;font-size:18px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left; }
.product_mian .cp_type .bd ul li p span { display:block; width:30px; height:30px;cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); right:44px;}
.product_mian .cp_type .bd ul li p span:before,.product_mian .cp_type .bd ul li p span:after{content:''; display:block; width:14px; height:2px; background:#222; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: all .3s ease;}
.product_mian .cp_type .bd ul li p span:after{width:2px; height:14px;}
.product_mian .cp_type .bd ul li:hover p span:before,.product_mian .cp_type .bd ul li:hover p span:after{ background:#1e3a62;}
.product_mian .cp_type .bd ul li.on p span:before{ background:#1e3a62;}
.product_mian .cp_type .bd ul li.on p span:after{background:#1e3a62; height:0;}
.product_mian .cp_type .bd ul li div { display:none;background:#fff; transition: all 0s ease;}
.product_mian .cp_type .bd ul li.on div {padding:10px 0;visibility:visible;position:relative;}
.product_mian .cp_type .bd ul li.on div:after{content:''; display: block; width:500%; height:100%; background:#fff; position: absolute; left:-400%; top:0;}
.product_mian .cp_type .bd ul li div a {display:block;height:40px;line-height:40px;color:#999;font-size: 16px; padding-right:60px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; position:relative; z-index:2;}
.product_mian .cp_type .bd ul li div a:hover{color:#1e3a62; text-decoration:underline;}
.product_mian .cp_type .bd ul li div a:before{ content:""; width:7px; height:12px; background:url(../images/mulu_jt1.png) no-repeat left center; position:absolute; right:53px;top:50%; transform:translateY(-50%);}
.product_mian .cp_type .bd ul li div a:hover:before{ background:url(../images/mulu_jt2.png) no-repeat left center;}
.product_mian .cp_type .bd ul li:hover:before,.product_mian .cp_type .bd ul li.on:before{ opacity:1;} 
.product_mian .cp_type .bd ul li:hover a, .product_mian .cp_type .bd ul li.on a {color:#1e3a62;}


@media screen and (max-width:1680px){
	.product_mian .h_left{ z-index:10;}
	.product_mian .cp_type .hd{padding: 60px 0 30px;}
}
@media screen and (max-width:1600px){
    .product_mian .h_left{ top:80px;}
}
@media screen and (max-width:1440px){
	.product_mian .cp_type .hd b{ font-size:26px;}
	.product_mian .cp_type .bd{ padding:20px 0;}
	.product_mian .cp_type .bd ul li p a{ font-size:16px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1080px){
	.product_mian .w1400{ display:block !important;}
	.product_mian .h_left{ width:100%; position:static; margin:20px 0;}
	.product_mian .cp_type .hd{ padding:20px 25px;}
	.product_mian .cp_type .hd:after{ width:100%; left:0;background:#1e3a62;}
	.product_mian .cp_type .hd p{ display:none;}
	.product_mian .cp_type .hd b{ font-size:24px;}
	.product_mian .cp_type .hd i{ display:block;}
	
	.product_mian .cp_type .bd{ display:none; padding:0; transition: all 0s ease;}
	.product_mian .cp_type .bd ul li:before,.product_mian .cp_type .bd ul li:after{ width:100%; left:0;}
	.product_mian .cp_type .bd ul li p{ padding:0 80px 0 25px;}
	.product_mian .cp_type .bd ul li p span{ right:25px;}
	.product_mian .cp_type .bd ul li div a{ padding:0 60px 0 25px;}
	.product_mian .cp_type .bd ul li div a:before{ right:35px;}
	
}
@media screen and (max-width:767px) {
	.product_mian .cp_type .bd ul li p{ height:54px; line-height:54px;}
	.product_mian .cp_type .bd ul li p a{ line-height:54px;}
}
@media screen and (max-width:550px) {
	.product_mian .cp_type .hd{ padding:16px 20px;}
	.product_mian .cp_type .hd b {font-size: 20px;}
	.product_mian .cp_type .hd i{ width:24px; height:24px; background-size:100%; top:20px; right:20px;}
}


/*nypro_right*/
.nypro_right{flex: 1;width: auto;}
.nypro_right .tedian{background: linear-gradient(to bottom, #f5f8fb, #e5e9ee); padding:100px 0 46px 38px; position:relative;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.nypro_right .tedian:after{ content:''; display:block;width:1362px; height:100%; background:url(../images/tedian_bg.jpg) no-repeat; position: absolute; left:0;top:0; background-size:cover;}
.nypro_right .nypro_title .bt{ font-size:30px; font-weight:bold;position:relative; z-index:2;}
.nypro_right .nypro_title .nyMbx{ margin:5px 0 30px;}
.nypro_right .nypro_title .nyMbx p,.nypro_right .nypro_title .nyMbx p a{ color:#999;}
.nypro_right .tedian .box{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.nypro_right .tedian .td_list{ width:31.3%; float:left; margin-right:3.05%; background:#fff; padding:22px 27px; position:relative; z-index:2;}
.nypro_right .tedian .td_list:nth-child(3n){ margin-right:0;}
.nypro_right .tedian .td_list:before{ content:''; display:block; width:3px; height:20px; background:#1e3a62; position:absolute; left:0;top: 74px;}
.nypro_right .tedian .td_list svg{ width:32px; height:32px;fill:#1e3a62;}
.nypro_right .tedian .td_list span{ display:block;font-size:18px; margin:15px 0 5px;}
.nypro_right .tedian .td_list  p{ font-size:16px; color:#999; line-height:28px;}

.nypro_right .pro_list{ padding:45px 0 45px 40px; min-height:300px;}
.nypro_right .pro_list ul{display: -webkit-flex;display: flex;flex-wrap: wrap; margin:0 -15px 35px;}
.nypro_right .pro_list ul li{ width:33.33333%; padding:15px;}
.nypro_right .pro_list ul li .box{ border:1px solid #e6e6e6;}
.nypro_right .pro_list ul li .pic{ display:block; width:100%; height:auto; padding-top:78%;margin-bottom:15px;position:relative; overflow:hidden;}
.nypro_right .pro_list ul li .pic img{ max-width:90%; max-height:90%;}
.nypro_right .pro_list ul li .name{ padding:0 20px;font-size:18px; text-align:center;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.nypro_right .pro_list ul li .lff_nymore{ margin:25px auto 35px;}
.nypro_right .pro_list ul li:hover .pic img{transform: scale(1.05);}
.nypro_right .pro_list ul li:hover .box{ border:1px solid #1e3a62;}
.nypro_right .pro_list ul li:hover .lff_nymore{ background:#1e3a62;transform:translateY(-3px) skewX(-20deg); }
.nypro_right .pro_list ul li:hover .lff_nymore a{ color:#fff;}
.nypro_right .pro_list ul li:hover .lff_nymore a i{ background:url(../images/jt_allmore02.png) no-repeat; margin-left:12px;}
@media screen and (max-width:1680px){
	.nypro_right .tedian{padding: 60px 0 46px 38px;}
    
}
@media screen and (max-width:1440px){
    .nypro_right .nypro_title .bt{ font-size:26px;}
	.nyMbx p,.nyMbx p a{ font-size:14px;}
	.nypro_right .nypro_title .nyMbx { margin:5px 0 15px;}
	.nypro_right .pro_list {padding: 35px 0 35px 40px;}
	.nypro_right .pro_list ul{ margin:0 -10px 25px;}
	.nypro_right .pro_list ul li{ padding:10px;}
	.nypro_right .pro_list ul li .name{ font-size:16px;padding: 0 15px;}
	.nypro_right .pro_list ul li .lff_nymore {margin: 15px auto 25px;}
}
@media screen and (max-width:1080px){
    .nypro_right .nypro_title .bt{ font-size:24px;}
	.nypro_right .tedian {padding: 25px;}
	.nypro_right .tedian:after{ width:100%;}
	
	.nypro_right .pro_list {padding: 25px 0 40px;}
}
@media screen and (max-width:767px){
	.nypro_right .nypro_title .nyMbx{ margin:0;}
    .nypro_right .tedian .box{ display:none;}
	
	.nypro_right .pro_list {padding: 10px 0 40px;}
	.nypro_right .pro_list ul li{ width:50%;}
}
@media screen and (max-width:550px){
    .nypro_right .nypro_title .bt{ font-size:20px;}
	
	.nypro_right .pro_list ul{ margin:0 -5px 20px;}
	.nypro_right .pro_list ul li{ padding:5px;}
}