@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;}

.solu_info{ display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.solu_info_video{ width:48%; border-radius:5px; overflow:hidden;}
.solu_info_video .video_fm{ position:relative;}
.solu_info_video .video_fm_img{ -webkit-transition:transform 0.5s;}
.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.5); -webkit-transition:background 0.5s;}
.solu_info_text{ width:48%;}
.solu_info_text a{ display:block;}
.solu_info_text a h2{ font-size:20px; font-weight:bold; margin-bottom:32px; text-align:center; position:relative; padding-bottom:8px;}
.solu_info_text a p{ font-size:16px; color:#666; line-height:1.75em;}
.solu_info_text a img{ margin:-10px auto 0px; width:32px; opacity:0; -webkit-transition:height 0.5s, margin 0.5s, opacity 0.5s;}

.solu_info_text a:hover h2{ color:#000;}
.solu_info_text a:hover img{ opacity:0.6; margin:30px auto 0;}
.solu_info_video:hover .video_fm_img{ transform:scale(1.02,1.02);}
.solu_info_video:hover .video_fm:after{ background:rgba(0,0,0,0.2);}

.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; margin-right:20px;}
.flex_con_r li .video_fm_img{}
.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){
}