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

body{ overflow-x:hidden;}

.ny_nav{ border-bottom:1px solid #e2e2e2; width:100%; margin-top:20px;}
.ny_nav .ul_ny_nav{ display:flex; align-items:center; max-width:1200px; margin:0 auto;}
.ny_nav .ul_ny_nav li{ padding:0 20px; cursor:pointer; position:relative;}
.ny_nav .ul_ny_nav li:after{ position:absolute; content:""; display:block; width:1px; height:18px; background:#ccc; right:0; top:50%; margin-top:-9px;}
.ny_nav .ul_ny_nav li:first-child{ padding-left:0px;}
.ny_nav .ul_ny_nav li:last-child:after{ display:none;}
.ny_nav .ul_ny_nav li a{ display:block; height:60px; line-height:60px; color:#000; position:relative; font-weight:bold;}
.ny_nav .ul_ny_nav li a:after{ position:absolute; content:""; width:100%; height:4px; background:#f6d300; bottom:0px; left:50%; transform:translateX(-50%); width:0%;  -webkit-transition:width 0.5s;}
.ny_nav .ul_ny_nav li:hover a:after{ width:100%;}
.ny_nav .ul_ny_nav .li_ny_nav_on{}
.ny_nav .ul_ny_nav .li_ny_nav_on a:after{ width:100%;}

.breadcrumb{ display:flex; align-items:center; max-width:1200px; margin:0 auto 0px; padding:10px 0;}
.breadcrumb li{ position:relative; padding:10px 4px;}
.breadcrumb li a{ color:#999;}
.breadcrumb li:after{ content:"/"; margin-left:8px; color:#999;}
.breadcrumb li:last-child:after{ display:none;}

.con{}
.solu_con{ max-width:1200px; margin:0 auto; padding:50px 0 30px;}
.solu_con .h2_title{ font-size:26px; font-weight:bold; text-align:center; margin-bottom:50px;}

.ul_list{ display:flex; flex-wrap:wrap; margin:0 -30px; padding:0 15px;}
.solu_info{ margin:0px 15px 50px; width:calc(33.33% - 30px);}
.solu_info_video{ border-radius:5px; overflow:hidden; margin-bottom:30px;}
.solu_info_video .video_fm{ position:relative; width: 380px; height: 250px; display: flex; align-items: center; justify-content: center;}
.solu_info_video .video_fm_img{ -webkit-transition:transform 0.5s; max-height:100%;}
.solu_info_video .video_fm_play{ position:absolute; top:50%; left:50%; width:56px; margin-top:-28px; margin-left:-28px; z-index:9; cursor:pointer;}
.solu_info_video .video_fm:after{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); -webkit-transition:background 0.5s;}
.solu_info_video:hover .video_fm:after{ background:rgba(0,0,0,0.1);}
.solu_info_video:hover .video_fm_img{ transform:scale(1.05,1.05);}
.solu_info_text{ padding:0 30px; text-align:center;}
.solu_info_text h2{ font-size:20px; line-height:1.5em; font-weight:bold; margin-bottom:12px; text-align:center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.solu_info_text p{ font-size:14px; color:#666; line-height:1.75em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}


.video_pos{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999999; display:none;}
.video_flex{ display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.video_flex .flex_con{ width:1200px; display:flex; background:#000; padding:50px; margin:0 -25px; position:relative;}
.flex_con_l{ width:800px;}
.flex_con_l video{}
.flex_con_l h2{ margin-top:20px; font-size:22px; color:#fff;}
.flex_con_l p{ margin-top:12px; font-size:14px; color:#666;}
.flex_con_l a{ margin-top:40px; display:inline-block; font-size:18px; color:#fff; border:1px solid #fff; border-radius:5em; padding:0.75em 1.5em;}
.flex_con_r{ margin-left:40px;}
.flex_con_r li{ display:flex; margin-bottom:30px;padding:4px;}
.flex_con_r li .video_fm{ position:relative; width:180px; height:120px; margin-right:20px; display: flex; align-items: center; justify-content: center;}
.flex_con_r li .video_fm_img{ max-height:100%;}
.flex_con_r li .video_fm_play{ position:absolute; top:50%; left:50%; width:56px; margin-top:-28px; margin-left:-28px; z-index:9; cursor:pointer;}
.flex_con_r li .video_fm:after{ position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.flex_con_r li p{ font-size:16px; color:#ccc; width:160px; line-height:1.5em;}
.flex_con_r h2{ font-size:22px; color:#fff; margin-bottom:30px;}
.flex_con_r a{ color:#ccc;}

.icon_clo{ position:absolute; width:40px; right:15px; top:15px; cursor:pointer;}

.addlibgc{background: #505050 !important;}

/*手机端样式*/
@media screen and (max-width: 768px){
}