body{background:rgba(249, 249, 249, 1);font-family: "Noto Sans SC";font-weight: 300;}
p{margin:0;}
h1,h2,h3,h4,h5{margin:0}
a{color: #000000;text-decoration: none;}
li{list-style:none;}

/* nav */
.navbar{background-color: rgba(255, 255, 255, 0.8);}
.navbar-brand{height:auto;padding:15px}
.navbar-brand img{height: 45px;}
.navbar-nav{height: 100%;}
.navbar-nav .nav-item{}
.navbar-nav .nav-item .nav-link{line-height: 53px;font-size: 18px;padding: 23.5px 25px;}
.navbar-nav .nav-item .active{color: #FFFFFF!important;background-color: rgba(8, 68, 135, 1);}
.navbar-nav .nav-item .nav-link:hover{color: #FFFFFF;background-color: rgba(8, 68, 135, 0.7);}
.navbar .search {font-size: 30px;color: #084487;}
.navbar .m_search{display: none;}
.carousel-indicators{margin-bottom: 3rem;}
/* panel */
.panel{position: absolute;bottom: -38px;left: 0;right: 0;}
.panel p{font-size: 14px;}
/* product */
.product{background-image: url(../images/PRODUCT.png);background-repeat: no-repeat;background-size: 100% auto;background-position: 0 20px;}
.product .zw{height: 1px;}
.product .title{margin: 0 auto; margin-top: 100px;width: 300px;height: 64px;line-height: 64px;background-color: #084487;color: #FFFFFF;text-align: center;font-size: 32px;font-weight: bold;letter-spacing: 5px;}
.product .title span{font-size: 16px;letter-spacing: normal;}
.product .nav{justify-content:flex-end;border: none;}
.product .nav .nav-link{font-size: 16px;color: #333333;}
.product .nav .active{color: #FFA128;background-color: transparent;border: none;border-bottom: 2px solid #FFA128;}
.product .tab-content .row div{overflow: hidden;}
.product .tab-content .row a .jqthumb{transition: 1s;}
.product .tab-content .row a .jqthumb:hover{transform: rotateY(180deg);}
.product .tab-content .row a h4{font-size: 18px;font-weight: bold;}
.product .tab-content .row a p{font-size: 14px;}
/* cases */
.cases_fluid{background-image: url(../images/case_bg.png);background-size: 100% auto;}
.cases .zw{height: 1px;}
.cases .title{margin: 0 auto;width: 300px;height: 64px;line-height: 64px;color: #084487;text-align: center;font-size: 32px;font-weight: bold;letter-spacing: 5px;}
.cases .description{font-size: 14px;color: #084487;width: 475px;text-align: center;margin: 0 auto;}
.cases .card{transition: all 0.5s;border: none;}
.cases .card:hover {transform: translate(10px,10px);box-shadow: -5px -5px 15px 5px #5caceb;}
.cases .card .card-body{background-color: #084487;border-radius: 0 0 0.25rem 0.25rem;}
.cases .card .card-body .card-title{color: #FFFFFF;font-size: 18px;}
.cases .card:hover .card-body .card-title{color: #FFA128;}
.cases .card .card-body .card-text{color: #FFFFFF;font-size: 12px;}
.cases .card:hover .card-body .card-text{color: #FFA128;}
/* new */
.new{background-image: url(../images/NEW.png);background-repeat: no-repeat;background-position: center 20px;}
.new .zw{height: 1px;}
.new .title{margin: 0 auto; margin-top: 150px;width: 300px;height: 64px;line-height: 64px;background-color: #084487;color: #FFFFFF;text-align: center;font-size: 32px;font-weight: bold;letter-spacing: 5px;}
.new .title span{font-size: 16px;letter-spacing: normal;}
.new_title{border-bottom: 1px solid #E0E7EC;display: flex;justify-content: space-between; }
.new_title p{font-size: 18px;color: #084487;font-weight: bold;}
.new_title a{font-size: 12px;color: #333333;font-weight: bold;}
.new_title a:hover{color: #084487;}
.new_left img{width: 100%;height: auto;border-radius: 5px 5px 0 0;}
.new_left_con{background-color: #FFFFFF;border-radius: 0 0 5px 5px;}
.new_left_con div:nth-child(1){font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_left_con div:nth-child(2){font-size: 14px;color: #999999;text-align: center;}
.new_left_con div:nth-child(3){font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_right_card{display: flex;border-bottom: 1px solid #E0E7EC;margin-bottom: 1rem; padding-bottom: 1rem;}
.new_right_card:last-child{border: none;}
.new_right_card_left{width: 5rem;height: 5rem; background-color: #FFFFFF;border-radius: 0 10px 0 10px;text-align: center;}
.new_right_card_left p:nth-child(1){color: #333333;font-size: 24px;font-weight: bold;width: 5rem;padding-top: 0.5rem;}
.new_right_card_left p:nth-child(2){color: #333333;font-size: 14px;width: 5rem;}
.new_right_card_right{margin-left: 1em;}
.new_right_card_right a{font-size: 16px;line-height: 2rem;padding-top: 0.5rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.issue_card{display: flex;border-bottom: 1px solid #E0E7EC;margin-bottom: 1rem; padding-bottom: 1rem;}
.issue_card:last-child{border: none;}
.issue_card a{display: block;width: 100%;height: 5rem;}
.issue_card a p:nth-child(1)::before{content: "·";display: inline-block; width: 1rem;font-weight: bold;}
.issue_card a p:nth-child(1){font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.issue_card a p:nth-child(2){font-size: 14px;color: #999999;padding-left: 1rem;margin-top: 0.5rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.issue_card a:hover p:nth-child(1){color: #084487;}
.issue_card a:hover p:nth-child(2){color: #0a58ca;}
/* footer */
.footer{background-color: #084487;padding-bottom: 2.5vw;}
.nav_ul{display: block;margin-top: 3.5vw;}
.nav_ul .nav_li{float: left;flex: 0 0 auto;width: 17%;}
.nav_ul .nav_li:first-child{width: 32%;}
.nav_ul .nav_li .nav_a{font-size: 1.5vw; color: #FFFFFF;}
.nav_ul .nav_li .nav_a:hover{text-decoration: none;}
.nav_ul .nav_li ul{margin-top: 1.5vw;padding: 0;}
.nav_ul .nav_li ul li{float: left;width: 100%;padding-bottom: 1vw;}
.nav_ul .nav_li:first-child ul li{width: 50%;}
.nav_ul .nav_li ul li a{font-size: 1vw; color: rgba(255,255,255,0.7);}
.nav_ul .nav_li ul li a:hover{color: #FFA128;text-decoration: none;}
.footer_logo{width: 13vw;display: block; margin: 0 auto;margin-top: 3vw;}
.footer_left{text-align: center;padding-bottom: 2vw;}
.footer_left p{font-size: 1.25vw;text-align: center;display: inline;padding: 0 1vw;}

/* copyright */
.copyright_text{font-size: 1vw;line-height: 3vw;}

/* category_product */
.category_card{transition: all ease 0.8s;}
.category_card:hover{transform: scale(1.1);}
.category_card .card-text{font-weight: 600;color: #666;}
.category_card:hover .card-text{color: #333;}
.category_card .card-body{padding-bottom: 4rem;}
.category_card button{position: absolute;right: 0; bottom: 0;pointer-events: none;background-color: #f4f4f4;padding: 0.8rem 1.2rem;border: 0;transition: all ease 0.8s;}
.category_card button i{color: rgba(8, 68, 135, 1);}
.category_card:hover button{background-color: rgba(8, 68, 135, 1);}
.category_card:hover button i{color: #FFFFFF;}
/* ny_product */
.ny_banner img{display: block;width: 100%;}
.bg_white{background-color: #FFFFFF;}
.ny_menu{text-align: center;}
.ny_menu_a{display: inline-block;padding: 0 0.25rem;color: #000;line-height: 15px;font-size: 16px;margin: 0 0.5rem;}
.ny_menu .active{color: #084487;border-left: 2px solid #084487;}
.product_card{transition: all ease 0.8s;}
.product_card:hover{transform: scale(1.1);}
.product_card .card-body{background-color: #ffffff;}
.product_card .card-title{font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #999999;}
.product_card .card-text{font-size: 16px;height: 48px; color: #999999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/* ny_product_view */
.product_view{background-color: #FFFFFF;}
.product_view img{display: block;margin: 0 auto;max-width: 100%;}
.product_view .nav .nav-link{font-size: 16px;color: #333333;}
.product_view .nav .active{color: #333333;font-weight: bold; background-color: transparent;border: none;border-bottom: 2px solid #084487;}
.product_view .tab-pane{min-height: 250px;}
.product_view_recommend p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





@media (max-width: 1200px) {
	.navbar-nav .nav-item .nav-link{font-size: 14px;}
	.panel p{font-size: 12px;}
}
@media (max-width: 768px) {
	.navbar{background-color: #FFFFFF;}
	.carousel{margin-top: 20vw;}
	.navbar-brand img{height: 30px;}
	.navbar-nav{background-color: #FFFFFF;}
	.navbar-nav .nav-item{border-bottom:1px solid #333;padding-right: 0;}
	.navbar-nav .nav-item .nav-link{padding:.5rem 1rem;line-height:40px;font-size:16px;text-align: center;}
	.navbar .search{display: none;}
	.navbar .m_search{display: flex;}
	.carousel-indicators{margin-bottom: 1rem;}
	/* .border-end{border: none!important;} */
	.panel{bottom: -7.5rem;height: 7.5rem;}
	.panel img{height: 30px;}
	.panel p{font-size: 10px;}
	.panel .row>*{padding:  0;}
	.panel .row .border-end:nth-child(2){border: none!important;}
	.panel .panel_card{padding: 10px 0;}
	.product .nav{display: block;width: 100%;white-space: nowrap;overflow: hidden;overflow-x: scroll;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;}
	.product .nav::-webkit-scrollbar{display: none;}
	.product .nav li{display: inline-block;}
	.product{background-size: 90% auto;background-position: 5vw 35vw;}
	.product .title{margin-top: 40vw;width: 45vw;height: 10vw;line-height: 10vw;font-size: 4.5vw;letter-spacing:0}
	.product .title span{font-size: 3vw;}
	.cases .description{width: 80vw;}
	.cases .title{margin-top: 40vw;width: 45vw;height: 10vw;line-height: 10vw;font-size: 4.5vw;letter-spacing:0}
	.cases .title span{font-size: 3vw;}
	.cases .card .card-body {padding: 0.5rem 0.5rem;}
	.cases .card .card-body .card-title{font-size: 14px;}
	.cases .card .card-body .card-text{font-size: 10px;}
	.new{background-size: 90% auto;background-position: 5vw 7vw;}
	.new .title{margin-top: 20vw;width: 45vw;height: 10vw;line-height: 10vw;font-size: 4.5vw;letter-spacing:0}
	.new .title span{font-size: 3vw;}
	.new_title{padding-bottom: 5px;}
	.footer{display: none;}
	.footer_logo{width: 35vw;}
	.footer_left p{display: block;}
	.copyright_text{padding: 2vw 0; line-height: 5vw;}
	
	.bg-t{background-color: transparent;}
	/* ny_product */
	.ny_banner{margin-top: 20vw;}
	.ny_menu{text-align: left;}
	.ny_menu_a{font-size: 12px;line-height: 12px;}

	.category_card .card-body{padding-bottom: 1rem;}
	.category_card button{display: none;}
}
@media (min-width: 1450px) {
	.footer_left p{font-size: 1vw;}
	.nav_ul .nav_li{width: 8.7vw;}
	.nav_ul .nav_li .nav_a{font-size: 1.25vw;}
	.nav_ul .nav_li ul li{width: 8.7vw;}
	.nav_ul .nav_li{font-size: 1vw;}
}

/*��ҳ*/
#pages {
    text-align: center;
	margin-top: 20px;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #084487;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #084487;
}

#pages li:hover a {
    color: #fff;
}