/* 列表 */
.pro_div_con{max-width: 1200px;margin:0 auto;}
.pro_div_con .secondtype{width: 100%;background: #f9f9f9;margin:30px 0;}
.pro_div_con .secondtype li{float: left;margin:0 2.5% 0 2%;}
.pro_div_con .secondtype li a{width:100%;color: #6f6f6f;display: block;padding:18px 0;cursor: pointer;border-bottom: 3px solid #f9f9f9;;}
.pro_div_con .secondcolor,.secondtype li a:hover{color:#000 !important;border-bottom:3px solid#d0ec4e !important;}

.pro_div_con .thirdtype{width: 100%;}
.pro_div_con .thirdtype li{float: left;margin: 0 3% 10px 1%;}
.pro_div_con .thirdtype li a{width:100%;display: block;padding: 10px 12px;color: #6f6f6f;cursor: pointer;text-align: center;}
.pro_div_con .thirdcolor,.thirdtype li a:hover{color: #000 !important;background:#d0ec4e !important;border-radius: 36px;}

.pro_div_con .pro_list{width: 100%;display: flex;flex-wrap: wrap; margin:30px 0 0 0;}
.pro_div_con .pro_list li{width:25%;padding:20px;box-sizing: border-box;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}

.pro_div_con .pro_list li:nth-of-type(4n){border-right: none;}
.pro_div_con .pro_list li:nth-of-type(1){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(2){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(3){border-top: 1px solid #e2e2e2;}
.pro_div_con .pro_list li:nth-of-type(4){border-top: 1px solid #e2e2e2;}

.pro_div_con .pro_list li:hover{background: #f8f8f8;}
.pro_div_con .pro_list li h2{margin: 24px 0 20px;font-size: 20px;font-weight: bold;text-align: center;line-height: 1.5em;height: 3em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pro_div_con .pro_list li .imga{width: 259px;height: 259px;display:flex; align-items:center; justify-content:center;overflow: hidden;}
.pro_div_con .pro_list li .clickimg{background: #fff;height: 100%;max-width: inherit;}

.pro_div_con .pro_bottom{border-top:1px solid #e2e2e2;padding:24px 0 0 0;}
.pro_div_con .pro_list li .pro_choose{display: inline-flex;align-items: center;cursor: pointer;}
.pro_div_con .pro_list li .pro_choose span{display: block;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 3px;margin-right: 12px;box-sizing: border-box;position: relative;}

.pro_div_con .pro_list li .pro_more{display: block;text-align: center;width: 50%;padding: 8px 0;font-size: 14px;border-radius: 5em;border: 1px solid #333;color: #333;cursor: pointer;box-sizing: border-box;-webkit-transition: background 0.5s, border 0.5s;float:right;margin:-6px 0 0 0;}
.pro_div_con .pro_list li .pro_more:hover{background:#d0ec4e;border-color:#d0ec4e;}
.ismyspan{transform: rotate(45deg) !important;}
.pro_list li .pro_choose .span_on{ background:#f6d300; border-color:#f6d300;}
.pro_list li .pro_choose .span_on:after{ position:absolute; content:""; left:50%; top:50%; margin-left:-3px; margin-top:-7px; display:inline-block; width:4px; height:10px; border-width:0px 2px 2px 0px; border-color:#2a2a2a; border-style:solid; transform:rotate(45deg);}

.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{ width:100%;}
.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;}