/* new product  */

.container-pro-navbar {
    max-width:1470px;
    padding:50px 0 30px;
    overflow: hidden;
    margin:0px auto;
}

.container-pro-navbar>ul {
    width: 60%;
    height: 70px;
    overflow: hidden;
    float:left;
}

.container-pro-navbar>ul>ul>li {
    float: left;
}


.container-pro-navbar>ul>ul>li p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    padding:0 20px;
    cursor: pointer;
    color: #646565;
    background-color: #ffffff;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.container-pro-navbar>ul>ul>li p:hover {
    color: #ffffff;
    background-color: #0068b7;
}

.container-pro-navbar>ul>div {
    float: right;
    font-size: 14px;
    color: #555555;
    margin-top: 26px;
}

.container-pro-navbar>ul>div>img {
    vertical-align: top;
}

.crumbs{float:right;width:30%;text-align:right;height:50px;line-height:50px;color:#646565;}
.crumbs span{background:url(/APP/Public/Home/images/new/icon_crumbs.png) no-repeat left center;padding-left:20px;}
/* 触发效果 */

.container-pro-navbar .navbar-active {
    color: #ffffff !important;
    background-color: #0068b7 !important;
}

.product-submenu{max-width:1470px;margin:0px auto;background:#f6f6f6;padding:25px 40px;}
.product-submenu ul li{display:inline-block;font-size:16px;color:#646565;position:relative;margin-right:60px;}
.product-submenu ul li.cur,.product-submenu ul li:hover a{color:#0068b7;}
.product-submenu ul li:after{position:absolute;content:"";width:0%;height:2px;background:#0068b7;left:0px;bottom:-10px;transition:all 0.5s;}
.product-submenu ul li a{display:block;margin-right:20px;}
.product-submenu ul li.cur:after,.product-submenu ul li:hover:after{width:100%;}

.product-wrap{max-width:1470px;margin:60px auto;}
.product-wrap ul{overflow:hidden;}
.product-wrap ul li{width:22.6%;float:left;margin-right:3.2%;border:1px solid #b2b2b2;margin-bottom:80px;}
.product-wrap ul li:nth-child(4n){margin-right:0px;}
.product-wrap ul li .note{padding:15px 30px;position: relative;}
.product-wrap ul li .note span{position:absolute;right:0px;bottom:0px;background:url(/APP/Public/Home/images/new/icon_pro_more.png) no-repeat center;width:41px;height:42px;}
.product-wrap ul li .note h4{font-size:16px;color:#646565;font-weight:bold;margin-bottom:10px;}
.product-wrap ul li .note p{color:#8e8e8e;font-size:14px;}
.product-wrap ul li .com-img{height:208px;}
.product-wrap ul li .com-img img{width:100%;height:100%;object-fit:cover;}

/* product index */
.product-cate-wrap{padding:80px 4% 50px;max-width: 100%;margin: 0px auto;}
.product-cate-wrap ul{margin-left: -2%;}
.product-cate-wrap ul li{width:23%;float:left;margin-bottom: 48px;box-shadow: 0 5px 20px #ccc;margin-left: 2%;}
.product-cate-wrap ul li .note{padding:20px 30px 74px 30px;position: relative;border:1px solid #b2b2b2;}
.product-cate-wrap ul li .note span{position:absolute;right:0px;bottom:20px;background:#0168b7 url(../images/new/icon_proi_more.png) no-repeat 97px center;width:146px;height:40px;line-height:40px;font-size:16px;color:#fff;padding-left:30px;transition: all 0.5s;}
.product-cate-wrap ul li .note h4{font-size:20px;color:#1f1f1f;font-weight:bold;margin-bottom:10px;}
.product-cate-wrap ul li .note p{color:#646565;font-size:16px;line-height:26px;height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.product-cate-wrap ul li .com-img{height: 240px;}
.product-cate-wrap ul li .com-img img{width:100%;height:100%;object-fit:cover;}
.product-cate-wrap ul li .note h4:hover{color:#0068b7;}
.product-cate-wrap ul li .note span:hover{background-color:#2449a4;}

/* product_content */
.product_wrap .contain{max-width:1470px;margin:0px auto;}
.pro_cont{padding:40px 0 20px;overflow: hidden;}
.pro_cont .pro_pic{width:440px;float:left;text-align:center;min-height:430px;position: relative;}
.pro_cont .pro_pic img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pro_cont .pro_note{width:50%;float:left;margin-left:5%;}
.pro_cont .pro_note h1{font-size:30px;color:#2449a4;font-weight:bold;margin-bottom:0px;}
.pro_cont .pro_note h2{font-size:30px;color:#2449a4;font-weight:normal;margin-bottom:40px;}
.pro_cont .pro_note .info{color:#7d4e4b;font-size:16px;line-height:35px;}

.pro_special{margin-top:40px;}
.pro_spec_tit a.cur,.pro_spec_tit a:hover{background:#2055ad;color:#fff;}
.pro_spec_tit a{width:12.5%;height:60x;line-height:60px;text-align:center;color:#272727;margin-left:0px;float:left;font-size:16px;}
.pro_spec_tit{background:#f6f6f6;}

.pro_special table{width:100%!important;}
.pro_special table td{border:1px solid #e5e5e5;padding:5px;}

.jsbox h4{font-size:18px;color:#2055ad;font-weight:bold;margin-top:40px;margin-bottom:15px;}
.jsbox p{font-size:14px;color:#333;line-height:25px;}
.jsbox p img{max-width:100%;}
.jsbox{padding:0px 20px 20px;overflow: hidden;}
.jsbox .fl{width:42%;}
.jsbox .fr{width:42%;float:left;margin-left:5%;}
.say_list{display:none;padding:60px 0;}

/* down */
.down-list{padding:40px 20px;}
.down-list li{background:url(/APP/Public/Home/images/new/icon-sj.jpg) no-repeat left 40px;padding-left:20px;border-bottom: 1px solid #eee;margin-bottom:35px;padding-bottom: 50px;position:relative;font-size:16px;color:#666;min-height:92px;}
.down-list li .name{padding-top:38px;}
.down-list li .name:hover{color:#0068b7;}
.down-list li .down_link{position:absolute;right:0px;top:0px;width:92px;height:92px;border:2px solid #eee;border-radius:50%;padding-top:50px;text-align:center;background:url(/APP/Public/Home/images/news/icon_down.jpg) no-repeat center 10px;font-size:14px;transition: all 0.5s;}
.down-list li .down_link:hover{border-color:#0068b7;color:#0068b7;box-shadow: 0 0 20px #ccc;}

.video_iframe{padding:40px 0;}

/* 轮播 */
.pc-slide {
	width: 436px;
	margin: 0 auto;
}

.pc-slide .view{width:436px;height:436px;border:1px solid #e5e5e5;}

.view .swiper-container {
	width: 434px;
	height: 434px;
}

.pro_cont .pro_pic img{max-width:100%;}

.view .arrow-left {
	background: url(/APP/Public/Home/images/new/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(/APP/Public/Home/images/new/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 430px;
	height:65px;
	margin-left: 35px;
}

.preview .swiper-slide {
	width:60px;
	height:60px;
    cursor:pointer;
    margin:0 5px;
}


.preview .arrow-left {
	background: url(/APP/Public/Home/images/new/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(/APP/Public/Home/images/new/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border:2px solid #F00;
}


@media all and (max-width:1440px){
    .product-cate-wrap{padding: 68px 4% 40px;}
    .product-cate-wrap ul li .com-img{height: 180px;}
    .product-cate-wrap ul li {margin-bottom: 24px;}
    .product-wrap{padding:0 20px;}
    .container-pro-navbar{padding:50px 20px 30px}
}

@media all and (max-width:1279px){
    .product-cate-wrap ul li{width: 48%;}
    .product-cate-wrap ul li .com-img{height: 300px;}
}

@media all and (max-width:900px){
        /* new */
        .container-pro-navbar{width:100%;margin:0px auto;padding:0px;}
        .container-pro-navbar>ul{width:100%;height:auto;}
        .crumbs{width:100%;text-align:left;padding:0 15px;}
        .product-wrap{width:100%;padding:15px;margin:15px auto;}
        .product-wrap ul li{width:49%;margin:10px 0 0;}
        .product-wrap ul li:nth-child(2n){float:right;}
        .product-wrap ul li .com-img{height:150px;}
        .container-pro-navbar>ul>ul>li{width:50%;}

        .product-cate-wrap{padding: 40px 4% 18px;}
        .product-cate-wrap ul {margin-left: 0;}
        .product-cate-wrap ul li{width:100%;margin-bottom:20px;margin-left: 0;}
        .product-cate-wrap ul li .com-img{height:auto;}
        .product-cate-wrap ul li .note{padding:20px 20px 60px;}
        .product-cate-wrap ul li .note span{height:40px;line-height:40px;width:130px;background-position:80px center;}

        .product-submenu ul li{margin-right:30px;}
        .pro_cont .pro_pic{width:100%;}
        .pro_cont .pro_pic img{width:100%;height:100%;object-fit: cover;}
        .pc-slide{width:100%;}
        .pc-slide .view{width:100%;}
        .view .swiper-container{width:100%;}
        .pro_cont .pro_note{width:100%;margin-left:0;}
        .pro_spec_tit a{width:33.3333%;height:50px;line-height:50px;font-size:16px;}
        .pro_cont .pro_note h1{font-size:24px;margin-top:20px;}
        .pro_cont .pro_note h2{font-size:24px;margin-bottom:20px;}
        .pro_special{margin-top:20px;}
        .pro_spec_tit{margin-bottom:0px;}
        .say_list{padding:20px 0;}
        .jsbox{padding:0px 0px 20px;}
        .jsbox .fl{width:100%;}
        .jsbox h4{margin-top:15px;}
        .jsbox .fr{width:100%;margin-left:0px;}
        .preview .swiper-slide{margin:0 3px;}
        .video_iframe{padding:20px;}
        .video_iframe iframe{height:300px!important;}
        .down-list{padding:20px 15px;}
        .down-list li{min-height:66px;}
        .down-list li .name{width:14px;width:70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top:15px;}
        .down-list li{margin-bottom:15px;padding-bottom:10px;background-position: left 18px;}
        .down-list li .down_link{width:50px;height:50px;padding-top:0px;background-position: center center;background-size:20px auto;}
        .down-list li .down_link span{display:none;}

        .preview .swiper-container{width:100%;}
        .preview .swiper-container{margin-left:15px;}
        .preview .arrow-left{left:0px;}
        .preview .arrow-right{right:0px;}
        .pc-slide .view{height:300px;}
        .view .swiper-container{height:298px;}
}<!--0.0001060962677002-->