@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
html{font-size: 100px}
img{ border:0;}
a{ text-decoration:none; color:#333; }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
body{background: url(../images/bjs.jpg) no-repeat; background-size:100% 100%; min-height:100vh }


.index_all{width:100%; height: auto;  padding:48px 2%; position:relative}
.index_top{width:100%; height: auto; overflow: hidden; display: flex; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;}
.index_title{float: left}
.index_title h3{color:#ffffff; font-size: 40px; font-weight: bold;}
.index_title h4{color:#ffffff; font-size:18px; opacity: 0.5; margin-top: 10px;}
.index_search{width:91%; height:60px; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.3); border-radius: 30px; padding: 0 4%; 
	float: left}
.index_search p{width:80%; height: 100%; float: left; position: relative}
.index_search input[type="text"]{width:100%; height: 100%; font-size:18px; color: #fff; background:none; border: 0}
.index_menu{}
::-webkit-input-placeholder {
    color:#fff;  
}  
:-moz-placeholder {
   color:#fff;  
   opacity:1;  
}  
::-moz-placeholder {
   color:#fff;  
   opacity:1;  
}  
:-ms-input-placeholder {
   color:#fff;  
} 


.h_submit{width:40px; height: 60px; float: right; background: url(../images/search.png) no-repeat center; border: 0}
.index_post{width:100%; height:auto; line-height:40px; overflow: hidden; margin-top:20px; background: url(../images/home.png) no-repeat left center;
	padding-left:20px; color:#fff; font-size:16px;}
.index_post a,.index_post span{color:#fff; font-size:16px; border-bottom: 1px solid rgba(255,255,255,0.2)}
.index_post a:hover{font-weight:bold;}
.index_post span:hover{font-weight:bold;}
.ny_product_show{width:100%; height: auto; overflow: hidden;  margin:40px 0; color: #fff; font-size:16px; line-height:40px; text-align: center}
.ny_product_show video,.ny_product_show img{max-width: 100%}
.ny_product_show video{width:50%; height: auto; display:block; margin:0px auto;}
.index_search_right{width:42%; display: flex; align-items: center;  display: -webkit-flex;
    display: flex; -webkit-justify-content: space-between;  justify-content: space-between; }
.ny_product_li{width:100%; height: auto; margin: 40px 0}
.ny_product_li ul{width:100%; height: auto; display: -webkit-flex;
    display: flex;  -webkit-flex-wrap: wrap;  flex-wrap: wrap; } 
.ny_product_li ul li{width:23.5%; height: auto; float: left; border: 1px solid rgba(255,255,255,0.3); border-radius: 8px; text-align: center; 
	line-height:30px; margin-right: 2%; padding:20px 5px; margin-bottom: 24px;}
.ny_product_li ul li a{width:100%; display: block; height: 100%; font-size:18px; color: #fff;}
.ny_product_li ul li:nth-child(4n){margin-right: 0}
.ny_product_li ul li:hover{background: url(../images/hover.png) no-repeat center; background-size: cover; box-shadow: 4px 6px 4px rgba(0,0,0,0.28)}
.index_list{width:100%; height: auto; margin:40px 0; overflow: hidden }
.index_list ul{width:100%; height: auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.index_list ul li{width:18.8%; height: auto; margin-right:1.5%; float: left; margin-bottom: 24px}
.index_list ul li:nth-child(5n){margin-right: 0}
.index_list_img{width:100%; height:120px; display: flex; align-items: center; position: relative; z-index: 1}
.index_list_img img{align-items: center; margin: 0px auto; max-height: 100%; max-width:100%}
.index_list_hover{width:100%;background-image: linear-gradient(to bottom, rgba(254,254,254,0.3) , rgba(14,38,70,0.3)); 
	background-image: -webkit-gradient(to bottom, rgba(254,254,254,0.3) , rgba(14,38,70,0.3)); 
	background-image: -webkit-radial-gradient(to bottom, rgba(254,254,254,0.3) , rgba(14,38,70,0.3)); border-radius: 15px; padding:60px 2% 26px;
	position: relative; margin-top: -42px; box-shadow: 4px 6px 4px rgba(0,0,0,0.28); border:1px solid transparent}
.index_list_hover span{color:#ffffff; font-size: 54px; opacity: 0.05; font-weight:bold; position: absolute; bottom:2px; right:15px; font-style: italic;}
.index_list_hover h4{color:#ffffff; font-size: 18px; text-align: center}
.index_list ul li:hover .index_list_hover{border:1px solid rgba(255,255,255,0.3)}

.index_product_list{width:100%; height: auto; overflow: hidden;  margin:40px 0;}
.index_product_list ul{width:100%; height: auto; overflow: hidden; display: -webkit-flex;
    display: flex;  -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.index_product_list ul li{width:18.8%; height: auto; float: left; margin-right:1.5%; 
	background-image: linear-gradient(to bottom, rgba(254,254,254,0.6) , rgba(14,38,70,0.6)); 
	background-image: -webkit-gradient(to bottom, rgba(254,254,254,0.6) , rgba(14,38,70,0.6)); 
	background-image: -webkit-radial-gradient(to bottom, rgba(254,254,254,0.6) , rgba(14,38,70,0.6)); border-radius: 25px; box-shadow: 4px 6px 4px rgba(0,0,0,0.28); margin-bottom:35px;}
.index_product_list ul li:nth-child(5n){margin-right: 0}
.index_pro_pic{width:100%; height: auto; overflow: hidden; border-radius: 25px;}
.index_pro_pic img{width:100%; border-radius: 25px; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product_list ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_pro_xx{width:100%; height: auto; overflow: hidden; padding:10px 4%; display: flex; align-items: center; justify-content: center;  -webkit-justify-content: space-between; justify-content: space-between;}
.index_pro_xx h3{width:80%;height: auto; float: left; color: #fff; font-size: 18px; line-height: 26px;}
.index_pro_xx img{float: right}
.index_post_all{width:100%; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.index_post_all .index_post{width:auto}
.video_type{float:right; margin-top:15px;}
.video_type a{width:126px; height:40px; line-height:40px; text-align:center; border:1px solid rgba(255,255,255,0.2); font-size:14px; color:#fff; border-radius:25px; float:left; margin-left:1.1vw}
.video_type a.active{background-color: #073876;}
.video_type a:hover{background-color: #073876;}
.video_type a:nth-child(1){margin-left:0}
.ny_return{width:auto; height: auto; overflow: hidden; border:1px solid rgba(255,255,255,0.5); z-index:1; padding:5px 10px; float:right; margin-left:10px;}
.ny_return a{color:#FFFFFF; font-size:14px; display:block; background: url(../images/return.png) no-repeat left center; padding-left:25px;}
.ny_return a:hover{font-weight:bold;}
.daohang{width:100%; height:100%;  position:fixed; top:0; left:0; z-index:999; background: rgba(0,0,0,0.6); display:none;}
.daohang nav{ padding:40px 2%; width:40%; height:100%; overflow-x:auto; position:fixed; top:0; right:0; z-index:999; background: rgba(26,68,154,0.9);}
.daohang nav .menu_er{width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.menu_er a{color:#fff; font-size:18px; margin-bottom:10px; display:block}
.menu_si{width:100%}
.menu_si li{float:left; margin-right:20px; margin-bottom:10px;}
.menu_si li a{color:#fff; font-size:16px; opacity:0.6}
.menu_si li a:hover{opacity:1}
.daohang h3{color:#fff; font-size:30px; font-weight:bold; margin-bottom:40px}
.close{width:32px; height:32px; position:absolute; top:6px; right:6px; z-index:8}
.close img{width:100%;}









@media screen and (max-width:1360px){
.index_pro_xx h3,.index_list_hover h4{font-size:16px;}
.index_post a, .index_post span{font-size:14px;}
}