@charset "utf-8";
/* CSS Document */


.n-product-class{ margin-top: 5px;}
.n-product-class li { margin-bottom: 2px;}
.n-product-class li .menu-li{
	width: 100%;
	height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all ease-out 0.3s;
	padding: 0 20px 0 36px;
	border-bottom:1px solid #dbdbdb;
	background: #url("../img/sec/pro-sjx1.png") no-repeat left 22px center;
	font-size: 16px;
	color: #333333;
}

.n-product-class li .menu-li a {
	font-size: 18px;
    color: #333;
    line-height: 34px;
    transition: all ease-out 0.3s;
}

.n-product-class li .menu-li span {
    width: 15px;
    height: 15px;
    display: flex;
    position: relative;
    cursor: pointer;
}

.n-product-class li .menu-li span:before { transform: rotate(90deg);}
.n-product-class li .menu-li span:after, .n-product-class li .menu-li span:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -0.1rem;
    width: 100%;
    height: 1px;
    background-color: #333;
}


.n-product-class li.on .menu-li a{
	background: #2d4b77 url("../img/sec/pro-sjx2.png") no-repeat left 22px center;
	border-left: 3px solid #f08400;
	color: #fff;
}

.n-product-class li .menu-li.on {
	background: #2d4b77 url("../img/sec/pro-sjx2.png") no-repeat left 22px center;
	border-left: 3px solid #f08400;
}

#navi li.on {
	background: #2d4b77 url("../img/sec/pro-sjx2.png") no-repeat left 22px center;
	border-left: 3px solid #f08400;
}


.n-product-class li .menu-li.on a {color: #fff;}


.n-product-class li .s-menu{
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
	display: none;
}
.n-product-class li.on .s-menu{
	display: block;
}


.n-product-class li .s-menu dt a {
    width: 100%;
    height: 34px;
    padding:0 0.3rem 0 0.3rem;
    color: #666;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0.14rem;
    transition: all ease-out 0.3s;
}

.n-product-class li .s-menu dt:first-child a
{ margin-top:0.2rem}
.n-product-class li .s-menu dt:last-child a
{ margin-bottom:0.2rem}

.n-product-class li .s-menu dt a i {
    content: '';
    width: 6px;
    height: 10px;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-out 0.3s;
}


.n-product-class li .s-menu a i img,
.n-product-class li .s-menu a i svg {
  width: 100%;
}
.n-product-class li .s-menu a i img path,
.n-product-class li .s-menu a i svg path {
  fill: #999999;
}
.n-product-class li .s-menu a:hover,
.n-product-class li .s-menu a.on {
  color: #004896;
}
.n-product-class li .s-menu a:hover i img path,
.n-product-class li .s-menu a.on i img path,
.n-product-class li .s-menu a:hover i svg path,
.n-product-class li .s-menu a.on i svg path {
  fill: #004896;
}

.n-product-list{
	width: 72.87878%;
	float: right;
}



.caselist5 { padding-top: 20px; }
.caselist5 li { width: 32%; margin-right:2%; float:left;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align:middle; align-items:center; border: 1px solid #dbdbdb; border-radius: 10px; margin-bottom:30px;}
.caselist5 li:nth-child(3n){ margin-right:0%; }
.caselist5 li:nth-child(3n+1){  clear:both; }

.caselist5 li:hover {
    -webkit-box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);}


.caselist5 li .picbox { display: block;  overflow: hidden; position: relative; width:100%; }
.caselist5 li .picbox img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.caselist5 li .caseinfo { padding:0px 15px; display: block;overflow: hidden; font-size: 18px; font-weight: 700; margin-bottom:12px; padding-top:18px; border-top: 1px solid #dbdbdb; line-height:25px; }
.caselist5 li .caseinfo1 { padding:0px 15px; display: block;overflow: hidden; line-height: 22px; font-size: 14px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  color:#a3a3a3; margin-bottom:15px;}

.caselist5 li .casepic { height: 24px; margin-top: 24px; }
.caselist5 li .casepic img { display:inline-block; padding-left:20px;}

.caselist5 li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist5 li:hover .picbox .zoom {opacity: .8;}


.caselist8 { padding-top: 20px; }
.caselist8 li { width: 23.5%; margin-right:2%; float:left; margin-top: 15px;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align:middle; align-items:center;}
.caselist8 li:nth-child(4){ margin-right:0%; }

.caselist8 li .picbox { display: block;  overflow: hidden; position: relative; width:100%; }
.caselist8 li .picbox img { width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.caselist8 li .caseinfo { display: block; line-height:30px; font-size:14px; margin-top:10px; }

.caselist8 li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist8 li:hover .picbox .zoom {opacity: .8;}


.mainright {}
.product_top {  }
.product_top .product_top_left{ float:left; overflow: hidden; width:400px; border:1px solid #f5f5f5; height:278px;}
.product_top .product_top_left img{display: block;max-width:100%; margin: 0 auto;transition: all .8s ease 0s;}
.product_top .product_top_left img:hover{transform:scale(1.1,1.1);}

.product_top .product_top_right{ float:right; background:#f9f9f9;  padding: 35px 30px 0px 30px; min-height:278px;  width: calc(100% - 400px);}
.product_top .product_top_right .p_t{font-size:24px;color:#444;font-weight:bold;font-weight:bold;margin-bottom:10px;}
.product_top .product_top_right .p_text{font-size:16px;color:#656565;line-height:24px;margin-bottom:30px;margin-top:20px;}
.product_top .product_top_right .p_text img{display: block;}
.product_top .product_top_right .bj_btn{width:130px;height:42px;line-height:42px;font-size:16px;color:#fff;display:block;background-color:#feba3e;text-align:center; margin-bottom: 3%; border-radius:26px;}
.product_top .product_top_right .bj_btn i{ padding-right: 10px;}
.product_top .product_top_right .phone_number{font-size:14px;color:#000;}
.product_top .product_top_right .phone_number .number{display:inline-block;font-size:24px;color:#fe8d08;line-height:26px;vertical-align: middle; margin-left: 10px;}

.canshu { margin-top:30px;}
.table-tit { font-size:30px; font-weight:bold; line-height:34px;}
.table-responsive { padding-top:25px;}

.nycontact { width:100%;}
.nycontact .nyhometitle { float:left; width:50%;}
.nycontact .nyentrycom { float:left;  width:46%; padding-left:4%;}

.contactcon1 { font-size:16px; line-height:24px; padding-top:12px; display:block;}
.contactcon2 { font-size:16px; line-height:28px; padding-top:6px;}
.nyhometitle .button { background-color: #fdb42f;
    border: 2px solid #fdb42f;
    border-radius: 2em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 28px;
    margin-right: 0;
    padding: 12px 24px;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;}

.nyhometitle .button a {  color: #fff;}