.default_type_box { width: 595px; height: 350px; overflow: hidden; position: relative; transition: all 0.5s }
.default_type_box_a { position: absolute; z-index: 2; display: flex; align-items: center; padding-left: 50px; transition: all 0.5s; width: 595px; height: 350px }
.default_type_box_a img { height: 250px; transition: all 0.5s }
.default_type_box:hover .default_type_box_a { padding-left: 80px }
.default_type_box:hover .default_type_box_a img { transform: scale(1.1) }
.default_type_box_text { position: absolute; z-index: 1; padding-bottom: 100px; padding-right: 50px; box-sizing: border-box; width: 595px; height: 350px; transition: all 0.5s; display: flex; justify-content: flex-end; flex-direction: column }
.default_type_box:hover .default_type_box_text { padding-right: 80px }
.default_type_box:hover .typename { color: #df2539 }
.default_type_box:hover .typedescription { color: #df2539 }
.typename { font-size: 35px; text-align: right; font-weight: 700; transition: all 0.5s }
.typedescription { font-size: 25px; text-align: right; transition: all 0.5s }
.carousel_next, .carousel_prev { cursor: pointer; background-color: rgba(0,0,0,0.5); color: #fff; opacity: 0.7; font-size: 30px; width: 50px; height: 60px; display: inline-block; text-align: center; line-height: 60px; transition: all 0.5s }
.carousel_next:hover, .carousel_prev:hover { background-color: rgba(0,0,0,1) }
.carousel { width: 1192px; overflow: hidden }
.carousel li { display: inline-block; text-align: center; width: 334px; height: 374px; overflow: hidden; text-align: center; transition: all 0.5s; margin: 0px 24px 0px 0px; opacity: 0.9 }
.carousel li:hover { opacity: 1 }
.carousel li .cp_img { width: 334px; height: 335px; border: 1px #cecece solid; box-sizing: border-box; transition: all 0.5s }
.carousel li:hover .cp_img { border: 1px #858484 solid }
.carousel { width: 1192px; overflow: hidden }
.carousel li { display: inline-block; text-align: center; width: 280px; height: 490px; overflow: hidden; text-align: center; margin: 0px 24px 0px 0px; opacity: 0.95; border: 2px #b60606 solid }
.carousel li:hover { opacity: 1; border: 2px #fff solid }
.carousel li img { width: 280px; height: 490px }
.dproduct_box { }
.dproduct_item { width: 280px; height: 280px; float: left; transition: all 0.5s; overflow: hidden; position: relative }
.cp_img { display: block; width: 280px; height: 280px; position: absolute; z-index: 2; border: 1px #cecece solid; box-sizing: border-box; transition: all 0.5s }
.cp_name { width: 280px; height: 280px; margin-top: 280px; display: flex; justify-content: center; justify-content: center; align-items: center; background-color: rgba(0,96,211,0.5); position: absolute; overflow: hidden; z-index: 3; font-size: 18px; box-sizing: border-box; color: #fff; display: flex; justify-content: center; align-items: center; transition: all 0.5s }
.dproduct_item:hover .cp_name { margin-top: 0px }
.news_box { width: 370px; background-color: #fff; transition: all 0.3s; overflow: hidden; border: 1px #cecece solid; box-sizing: border-box }
.news_box:hover { box-shadow: 0 0 5px #838383 }
.news_box:hover .news_box_img img { transform: scale(1.05) }
.news_box_img { width: 370px; height: 280px; overflow: hidden }
    .news_box_img img { width: 370px; height: 280px; transition: all 0.3s }
.news_box_name { line-height: 20px; height: 50px; overflow: hidden; padding: 0px 20px; color: #333; font-size: 16px; box-sizing: border-box }
.news_box_dt { height: 20px; margin: 0 auto; line-height: 20px; text-align: right; font-size: 14px; box-sizing: border-box; overflow: hidden; width: 320px; color: #cecece }
.news_box_des { height: 100px; line-height: 25px; font-size: 15px; box-sizing: border-box; overflow: hidden; width: 320px; margin: 10px auto; color: #838383 }
.swiper-wrapper { height: calc(100vw * 0.365); position: relative }
.about_gn_a { width: 180px; height: 120px; display: flex; justify-content: center; align-items: center; border-right: 1px #cecece solid; box-sizing: border-box; flex-direction: column }
.about_gn_a .iconfont { transition: all 0.5s }
.about_gn_a:hover .iconfont { transform: scale(1.1) }
.d_product_type { display: flex; justify-content: space-between }
.d_product_type a { display: inline-block; width: 360px; height: 550px; border: 10px #414141 solid; background-color: #414141; transition: all 0.5s; overflow: hidden }
.d_product_type a:hover { border: 10px #fff solid; background-color: #fff }
.d_product_type a:hover img { transform: scale(1.06); opacity: 1 }
.d_product_type a:hover div { color: #333 }
.d_product_type_img_box { width: 580px; height: 430px; display:flex; justify-content:center; align-items:center; overflow: hidden;}
.d_product_type_img_box:hover img { transform: scale(1.1) }
.d_product_type_img_box img { max-width: 580px; max-height: 430px; transition: all 0.5s; }
.d_product_type a img { width: 360px; height: 475px; display: block; opacity: 0.9; transition: all 0.5s }
.d_product_type_title_cn { font-size: 30px; height: 50px; line-height: 50px; text-align: center; color: #0060d3; transition: all 0.5s; font-weight:bold;}
.d_product_type_title_cn:hover{ margin-left:10px; }
.d_product_type_title_en { color: #0060d3; transition: all 0.5s; font-size: 16px; line-height: 25px; padding: 5px 30px 0px; box-sizing: border-box; text-align: left; }
.about_a_xx { display: flex; align-items: center; justify-content:space-between; }
.about_a_xx a { background-color: #0060d3; padding: 13px 25px; color: #fff; font-size: 14px; margin-right: 20px; transition: all 0.3s }
.about_a_xx a div { font-size: 25px; color: #333; text-align: center; color: #fff; margin-bottom: 5px }
.about_a_xx a:hover { background-color: #ff8100 }
.hj_box { display: flex; justify-content: space-between; width: 580px; flex-wrap: wrap; align-items:flex-start; }
.hj_box > div { width: 280px; height: 210px; margin-bottom:22px; overflow:hidden;}
.hj_box > div img { width: 280px; height: 210px; display:block; transition:all 0.5s; }
    .hj_box > div img:hover { transform: scale(1.1); }
    .gm_box { width: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.gm_box_1 { font-size: 40px; color: #fff; font-weight:bold; }
    .gm_box_1 span { font-size: 18px; color: #fff; font-weight: bold; margin-left:10px; }
.gm_box_2 { font-size: 20px; color: #fff; font-weight: bold; }
.video_box{ display:flex; justify-content:space-between;}

.video_play_box { width:800px; height:600px; box-shadow:0 0 15px #000; position:fixed; margin:auto; left:0; top:0; right:0; bottom:0; z-index:100; background-color:#000; }
.video_play_box_close { color: #fff; background-color: #df2539; z-index:110; cursor:pointer; width: 50px; height: 50px; border-radius:25px; font-size: 30px; line-height: 45px; text-align: center; position: absolute; right: 10px; top:10px; }
.vv { width: 800px; height: 600px; background-color: #000; }
.video_item { width: 380px; height: 280px; cursor: pointer; position: relative; border-radius: 5px;  overflow:hidden;}
    .video_item img { width: 380px; height: 280px; opacity: 0.6; transition: all 0.5s; }
.video_item span { font-size: 80px; color: #fff; z-index: 2; position: absolute; left: 150px; top: 100px; transition:all 0.5s;  }
    .video_item:hover img { opacity: 1; }
    .video_item:hover span { color:#df2539; }

.cl_a { float: left; width: 220px; border: 1px solid #c4c4c4; height: 43px; font-weight:bold; background-color: #ffffff; opacity: 0.7; line-height: 43px; text-align: center; font-size: 15px; margin-bottom: 15px; transition:all 0.5s; }
.cl_a_hover { background-color: #0060d3; color: #fff; opacity: 1; }
.tp_box { margin: 5px auto; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: flex-start; height: 690px; }
.tp_box { display: none; }
    .tp_box:first-child { display: flex; }
.tp_box_list { width: 280px; height: 340px; margin: 0px 22px 20px 0px; }
    .tp_box_list:hover .tp_box_list_box { border: 2px #0060d3 solid; }
.tp_box_list_box { width: 280px; height: 280px; border: 2px #d2d2d2 solid; display: flex; justify-content: center; background-color: #ffffff; }
    .tp_box_list_box img { max-width: 280px; max-height: 280px; display: block; object-fit: contain; }
.tp_box_list_name { width: 280px; margin: 10px auto; height: 40px; color: #333333; text-align: center; line-height: 20px; font-size: 15px; overflow: hidden; }