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

.nav_list_inside>li{ text-align:center; padding:0;}
.res_info_title .title{ width:100%; height:84px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px;}
.res_info_title .title>span{ font-size:24px; padding-left:40px; line-height:84px; color:#fff; float:left;}
.res_info_title .title>h5{ font-size:14px; padding-left:10px; line-height:84px; color:#fff; float:left;}


.res_info_con table{ width:100%;}
.res_info_con table th{ text-align:center; height:60px; border-bottom:1px solid #eee;}
.res_info_con table td{  height:40px; text-align:center;}
.res_info_con table tr:hover{ background:#eee;}
.res_info_con table tr:first-child{ background:none;}
.res_info_con table tr>td:first-child{ text-align:left; padding-left:10%; color:#222; overflow:hidden;}
.res_info_con table tr>td:first-child a{ padding-left:20px; background:url(img/down_list_style_type.jpg) no-repeat 6px center; white-space:nowrap;}
.res_info_con table tr>td:last-child{ color:#c42222;}

.download_infobox{ width:240px; height:320px; border-radius:20px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.2); position:absolute; top:50%; margin-top:-150px; left:50%; padding:60px 36px 0; z-index:10;}
.download_info1{ margin-left:-400px;}
.download_info2{ margin-left:-120px;}
.download_info3{ margin-left:160px;}
.download_infobox h2{ text-align:center; font-size:25px; color:#c42222;}
.download_infobox h5{ text-align:center; font-size:12px; color:#666; margin:16px 0 24px;}
.download_infobox p{ color:#999; font-size:12px; line-height:18px;}
.download_infobox a{ width:100px; height:30px; border-radius:15px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; color:#fff; line-height:30px; text-align:center; display:block; margin:0 auto; margin-top:20px;}
.download_infobox .pop{ position:absolute; left:70px; top:-40px;}
.bg_text{ font-size:194px; font-family:Impact,arial; position:absolute; color:#eee; z-index:1;}
.bg_delixi{ left:80px; top:80px;}
.bg_ELECTRIC{ bottom:80px; right:50px;}

.password_info{ width:75%; height:360px; border-radius:20px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.2); position:absolute; top:50%; margin-top:-200px; left:12%; overflow:hidden;}
.password_info .bg_top{ height:10px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px;}
.password_info h1{ font-size:32px; font-weight:bold; margin:46px 0 20px; text-align:center;}
.password_info input{ width:400px; height:46px; border:1px solid #eee; background:url(img/psw_icon.jpg) no-repeat 20px 7px; padding-left:60px; display:block; margin:0 auto 12px;}
.password_info .password_btn{ text-align:center; margin-top:20px;}
.password_btn a{ display:inline-block; width:80px; height:30px; border-radius:15px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; color:#fff; line-height:30px; text-align:center; margin:0 10px;}
.password_btn a.psw_btn2{ background:none; border:1px solid #c42222; color:#c42222;}
.bg_psw{ background:url(img/bg_psw.jpg) no-repeat top center; background-size:100% 100%;}

.info_main{ width:75%; height:360px; border-radius:20px; background:#fff; box-shadow:0 0 16px rgba(0,0,0,0.2); position:absolute; top:50%; margin-top:-200px; left:12%; overflow:hidden;}
.info_main .bg_top{ height:10px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px;}
.info_main h1{ font-size:32px; font-weight:bold; margin:46px 0 20px; text-align:center;}

.info_info{ width:560px; margin:0 auto;}
.info_info form{ line-height:26px; width:266px;}
.info_info .info_left{ float:left;}
.info_info .info_right{ float:right;}
.info_info form>label{ width:60px; text-align:right; font-weight:bold;}
.info_info form>input{ background:none; border-bottom:1px solid #eee; height:26px; width:198px;}
.info_info form>input[disabled]{ border:0;}
.info_main .password_btn{ text-align:center; margin-top:20px;}

.bg_login{ width:100%; background:url(img/bg_login.jpg) no-repeat center top; background-size:100% 100%;}
.bg_login .info_main{ height:430px; margin-top:-230px; width:65%; left:17.5%;}
.login_input{ width:342px; margin:0 auto; text-align:right; position:relative; z-index:10;}
.bg_login h1{ position:relative; z-index:11;}
.login_input input{ width:100%; height:44px; border-radius:20px; border:1px solid #eee; margin-bottom:16px;}
.login_input input[type=text]{ background:url(img/red_user_icon.jpg) no-repeat 30px 10px #fff; padding-left:110px;}
.login_input input[type=password]{ background:url(img/red_psw_icon.jpg) no-repeat 30px 10px #fff; padding-left:110px;}
.login_input input[type=button]{ background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; border:0; color:#fff;}
.login_input a{ color:#c42222;}
.login_btn{ position:relative; z-index:12;}
.login_btn a{ width:130px;}
.bg_login .bg_delixi{ top:20px;}
.bg_login .bg_ELECTRIC{ bottom:20px;}
.bg_login .bg_text{ color:#f9f9f9;}

.title_tab{ width:100%; height:110px; position:relative;}
.inside_tab{ width:130px; height:60px; border-radius:15px 15px 0 0; float:left;}
.inside_tab.on{background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; border-bottom:1px solid #fff;}
.inside_tab>a{ display:block; text-align:center; line-height:60px; font-size:16px; color:#222; }
.inside_tab.on>a{ color:#fff;}
.tab_nav{ position:absolute; top:60px; width:100%;background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; height:50px; line-height:50px; padding-left:20px; color:#f4c2c2; display:none;}
.inside_tab.on>.tab_nav{ display:block;}
.tab_nav a{ padding:0 16px;}
@media(max-width:1366px){
	.tab_nav a{ padding:0 10px;	}
	}
.tab_nav a:hover{ color:#fff;}


.title_tab_h2{ height:44px; line-height:44px; padding-left:42px; color:#fff; font-size:24px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px;}
.pro_list_main .res_service_info{ padding:10px 80px 60px 80px; line-height:26px;}
.res_service_info h4{ margin-top:35px; font-weight:bold;}

.plant_main{ width:100%; height:100%; min-width:1200px; position:fixed; top:0; padding:80px 0 40px; z-index:5; background:url(img/plant_bg_lb.png) no-repeat left bottom, url(img/plant_bg_rt.png) no-repeat right 80px, 
url(img/plant_bg_rb.png) no-repeat right bottom;}
.plant_main>h1{ font-size:34px; font-weight:bold; width:1200px; margin:0 auto; padding-top:40px;}
.plant_main>p{ color:#666; width:1200px; margin:20px auto 20px; line-height:26px;}
.plant_nav_list{ width:1000px; margin:60px auto 0;}
.plant_nav_list>a{ width:30%; height:156px; margin:10px 1.5%; box-shadow:0 0 10px rgba(0,0,0,0.1); display:inline-block; border-radius:30px; line-height:156px; font-size:20px; padding-left:30px;}
.plant_nav_list>a:hover{ transition:all linear 0.5S 0S;}
.plant_nav_list>a.nav1{ background:url(img/plant_icon1.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav2{ background:url(img/plant_icon2.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav3{ background:url(img/plant_icon3.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav4{ background:url(img/plant_icon4.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav5{ background:url(img/plant_icon5.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav6{ background:url(img/plant_icon6.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav1:hover{ background:url(img/plant_icon1_h.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav2:hover{ background:url(img/plant_icon2_h.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav3:hover{ background:url(img/plant_icon3_h.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav4:hover{ background:url(img/plant_icon4_h.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav5:hover{ background:url(img/plant_icon5_h.png) no-repeat right bottom #fff;}
.plant_nav_list>a.nav6:hover{ background:url(img/plant_icon6_h.png) no-repeat right bottom #fff;}

.res_service_info>.text>h2{ font-size:20px; padding-top:100px; margin-bottom:30px;}
.res_service_info>.text>p{ line-height:22px; font-size:12px; text-indent:2em;}
.res_service_info>.text{ width:56%; float:left;}
.res_service_info>.map{ float:right; width:44%; overflow:hidden;}

.channel_search{ float:left; text-align:center; width:40%;}
.channel_search>h2{ font-size:24px; padding-top:200px;}
.channel_search>p{ color:#999; padding:12px 0 18px;}
.channel_search>input{width:320px; height:40px; border-radius:20px; background-size:auto 18px; box-shadow:3px 3px 3px rgba(0,0,0,0.1) inset; padding-left:10px;}
.channel_map{ float:left; width:55%; height:100%; overflow:hidden;}
.channel_search_icon{ width:40px; height: 40px; padding:11px;  position: absolute; margin-left: -45px;}


.result_info{ padding:60px 30px 0 46px;}
.channel_title>h2{ font-size:24px; float:left;}
.channel_title>p{ float:right;}
.channel_title>p>strong{ font-size:30px; color:#c42222;}
.result_info ul{overflow:auto; text-align:left; margin-top:15px;}
.result_info ul li{ background:#fff; padding:20px; border-bottom:1px solid #eee; position:relative;}
.result_info ul li>h3{ font-size:16px; color:#c42222; font-weight:bold; margin-bottom:6px;}
.result_info ul li>p{ font-size:12px; line-height:20px;}
.result_info ul li>.pop{ position:absolute; width:100%; height:100px; background:url(img/page1_btn.jpg) repeat-y; background-size:100% 1px; left:0; bottom:0; line-height:100px; text-align:center; display:none;}
.result_info ul li:hover>.pop{ display:block;}
.result_info ul li:visited>.pop{ display:block;}

.area_main{ padding:50px 50px 0;}
.area_nav>li{ float:left; width:14.285%; height:90px; border-left:1px solid #ccc; text-align:center;}
.area_nav>li>a{ width:100%; height:100%; padding-top:74px; display:block;}
.area_nav>li.nor_c{ background:url(img/area_nav1.jpg) no-repeat top center; border:0;}
.area_nav>li.nor_w{ background:url(img/area_nav2.jpg) no-repeat top center;}
.area_nav>li.sou_w{ background:url(img/area_nav3.jpg) no-repeat top center;}
.area_nav>li.cen_c{ background:url(img/area_nav4.jpg) no-repeat top center;}
.area_nav>li.nor_h{ background:url(img/area_nav5.jpg) no-repeat top center;}
.area_nav>li.eas_c{ background:url(img/area_nav6.jpg) no-repeat top center;}
.area_nav>li.sou_c{ background:url(img/area_nav7.jpg) no-repeat top center;}

.area_nav>li.nor_c:hover{ background:url(img/area_nav1_h.jpg) no-repeat top center;}
.area_nav>li.nor_w:hover{ background:url(img/area_nav2_h.jpg) no-repeat top center;}
.area_nav>li.sou_w:hover{ background:url(img/area_nav3_h.jpg) no-repeat top center;}
.area_nav>li.cen_c:hover{ background:url(img/area_nav4_h.jpg) no-repeat top center;}
.area_nav>li.nor_h:hover{ background:url(img/area_nav5_h.jpg) no-repeat top center;}
.area_nav>li.eas_c:hover{ background:url(img/area_nav6_h.jpg) no-repeat top center;}
.area_nav>li.sou_c:hover{ background:url(img/area_nav7_h.jpg) no-repeat top center;}

.area_nav>li.nor_c.active{ background:url(img/area_nav1_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.nor_w.active{ background:url(img/area_nav2_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.sou_w.active{ background:url(img/area_nav3_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.cen_c.active{ background:url(img/area_nav4_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.nor_h.active{ background:url(img/area_nav5_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.eas_c.active{ background:url(img/area_nav6_h.jpg) no-repeat top center; color:#c42222;}
.area_nav>li.sou_c.active{ background:url(img/area_nav7_h.jpg) no-repeat top center; color:#c42222;}
.area_main .tab-content{ border-top:1px solid #ddd; margin-top:30px; padding:30px;}
.area_main .tab-content h2{ font-size:24px;}
.area_main .tab-content p{ color:#666; line-height:24px; margin-top:12px; text-indent:2em;}

.activity_main{ padding:50px 50px 0;}
.activity_main .tab-content{ min-height:450px;}
.activity_nav>li{ float:left; opacity:0.6; width:90px; text-align:center; line-height:30px; margin:0 10px;}
.activity_nav>li.active{ opacity:1; color:#c42222;}
.activity_nav>li img{ width:90px; height:50px;}
.active_left{ float:left; width:46%; padding-top:100px;}
.active_left h2{ font-size:24px; font-weight:bold;}
.active_left p{ line-height:24px; margin-top:20px;}
.active_right{ float:right; width:48%; height:450px;}
.active_right h1{ font-size:36px; font-weight:bold; margin-bottom:40px;}
.active_right .slide-main{ height:343px; border-radius:30px;}
.active_right .slide-main .item{ left:-45px; bottom:0; background:none; box-shadow:none; top:auto;}
.active_right .slide-main .slide{ border-radius:30px; overflow:hidden;}

.cust_round_rt{  height:270px; position:absolute; right:0px; top:0px;} 
.cust_round_lt{ position:absolute; left:-180px; top:0px; height:100%; }
.cust_round_lt>img{ height: 100%;}
@media(max-width:1366px){.cust_round_lt{ left:-220px;}}
@media(min-width:1660px){.cust_round_lt{ left:0px;}}

.cust_round_rb{ width:200px; height:200px; background:#ebeaeb; border-radius:100px; position:absolute; right:4%; bottom:5%;}


.cust_main{ position:fixed; width:750px; right:15%; top:20%;}
.cust_main ul{ width:300px; height:220px; float:left; margin:8px; border-radius:45px; padding:28px 0 0 80px; overflow:hidden; transition:all linear 0.5S 0s; position:relative;margin-left:50px }
.cust_main ul li.title{ font-size:30px; color:#222; margin-bottom:14px;}

.cust_main ul li{ color:#666; line-height:20px; position:relative; z-index:10;}
.cust_main ul:hover{ padding-left:40px; background:#fff;  box-shadow:0 0 10px rgba(0,0,0,0.15);}
.cust_main ul:hover li{ color:#c42222;}
.pop_icon{ position:absolute; right:0; bottom:0; opacity:0; transition:all linear 0.7S 0s;}
.cust_main ul:hover .pop_icon{ opacity:1;}


/*???????*/
.main_inside{position: relative;}

.Solution_main{ background:#fbfbfb;}
.Solution_main{ padding-top:30px; width:1200px; margin:0 auto; background:url(img/Solution_bg_line.jpg) repeat-x 0 63px;}
.Solution_main .activity_nav>li{  height:66px; line-height:66px; opacity:1; }
.Solution_main .activity_nav>li:hover{}
.Solution_main .activity_nav>li.active{}
.Solution_main .activity_nav>li.active a:focus{ color:#c42222; text-decoration:none;}
.Solution_main .tab-content{ min-height:410px;}
.Solution_left{ float:left; width:650px; height:350px; margin-top:20px;}
.Solution_right{ float:right; width:470px; height:auto; margin-top:100px;}
.Solution_right>h2{ font-size:24px; color:#c42222; margin-bottom:24px; font-weight:bold;}
.Solution_right>p{ text-indent:2em; line-height:24px;}

.case_info{ position:relative; width: 1200px; margin: 0px auto 20px;}
.case_list{ width:300px; height:240px; position:relative;}
.case_list .info{ text-align:center; line-height:40px; width: 300px; height: 204px;}
.case_list .info img{float: left; width: 300px;}
.case_list .info p{color: #000; float: left; font-size: 16px; width: 300px; height: 40px; display: block;}

.info-pop{ padding:45px 20px; color:#fff; font-size:12px; width:300px; height:240px; position:absolute; left:0; top:0; display:none;}
.case_list:hover .info-pop{ display:block;}
.info-pop h2{ font-size:20px;}
.info-pop h6{ margin:10px 0 14px;}
.info-pop p{ line-height:20px;}
.case_pop{ width:390px; height:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); text-align:center; padding-top:60px; position:absolute; left:10px;  z-index:15;}
.case_pop h1{ font-size:32px; font-weight:bold;}
.case_pop h5{ width:200px; height:4px; background:#ddd; margin:20px auto;}
.case_pop p{ line-height:20px; color:#555;}
.case_pop a{ position:absolute; right:-22px; top:100px;}

.search_results_sea{width:240px; height:30px; float: right;  position: relative;   float:right; margin-top:26px; margin-right:30px;}
.search_results_sea>input{width:240px; height:30px;border-radius:14px;background-size:auto 18px; box-shadow:3px 3px 3px rgba(0,0,0,0.1) inset;padding-left:15px;}
.search_results_sea>a{width:40px; height: 40px; padding:11px; position: absolute;margin-top: -35px;margin-left: 200px;}

/*?0?1???????*/
.mod18{width:1200px;height:840px;margin:0px auto;position:relative; overflow: hidden;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:52px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(img/prevBtn.png) no-repeat;}
.mod18 .next{left:1178px;background:url(img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#000;}
.mod18 .cf a{display:block;width:680px;height:330px;position:absolute;color:#000;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{position:relative;}
.mod18 .picBox ul{ width: 1200px; position:absolute;}
.mod18 .picBox li{width:1200px;height:330px;}
.mod18 .listBox{width:1080px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px; width:1080px !important;}
.mod18 .listBox li{cursor:pointer;position:relative; float: left; width: 248px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:232px;height:70px; margin:0px 30px;background:#fbfbfb;}
.mod18 .listBox li img{width:42px;height:42px;}
.mod18 .listBox .on a{border-bottom:3px solid #c42222; box-shadow: 0 0 6px rgba(0,0,0,0.2); font-size: 16px;}
.mod18 .listBox .on i{display:block;}


.mr_frbox{float: right; width: 900px; overflow: hidden;}
#CSSBox{float:right;width:900px;height:240px; margin:0px auto;overflow:hidden;background-color:#ffffff;}
#CSSBox ul li{ float:left; list-style:none; border:0px solid red; width: 300px; height: 240px; float: left; margin-left: 30px; margin-top: 0px;}
#CSSBox ul li span{ display:block; text-align:center; font-size:12px; padding-top:12px;}
#LeftButton{cursor:hand;margin:5px;height:45px;width:45px;float:left;background:url('img/case_pop_icon.png') center center no-repeat; position: absolute; z-index: 50; left: 360px; top: 80px;}
#RightButton{cursor:hand;margin:5px;height:45px;width:45px;float:left;background:url('img/right.gif') center center no-repeat;}
#wrapper{width:900px; margin:0 auto}
#ProductShow{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}


.res_info_title .titleer{ font-size:30px; color:#222; margin-bottom:14px;}
.res_info_title .titleer { width: 100%; height: 48px; background: url(img/page1_btn.jpg) repeat-y; background-size: contain;}
.res_info_title .titleer>span { font-size: 24px; padding-left: 40px; line-height: 48px;  color: rgb(255, 255, 255);  float: left;}
.sanbao{width: 80%; margin:3% auto 0%; }
.sanbao h1{ font-size: 15px; font-weight: bold; line-height: 28px;}
.sanbao p{ font-size: 15px; line-height: 32px;color: #222;}

.res_service_info>.map img{ width:90%; }
.res_service_info>.text p{ line-height:28px;}

.mod18 .listBox .on b{ background:#c42222; display:block; width:4px; height:4px; border-radius:4px; position:absolute; top:80px; left:150px;}

.main_inside .mod18{height: 800px; margin-bottom:40px;}

.middss p a b{ padding-top:15px; line-height:48px; height:48px;}


.jjfa_box{ background:#f8f8f8; height:calc(100% - 116px); height:-webkit-calc(100% - 116px);  height:-moz-calc(100% - 116px); position:fixed; top:80px; overflow:auto;}
.jjfa_main{ width:1200px; margin:0 auto; padding-top:50px;}
.jjfa_menu{ width:1200px; height:80px; background:url(img/jjfa_menubg.jpg) no-repeat right center;}
.jjfa_menu li{ float:left; box-shadow:3px 2px 6px #ddd;}
.jjfa_menu li.one{ height:80px; margin-right:112px; box-shadow:3px 2px 6px #ccc;}
.jjfa_menu li.j_navi{ height:50px; margin-top:15px; width:135px; line-height:50px; text-align:center; background:#fff; margin-right:60px;}
.jjfa_menu li a{ display:block; height:100%;}
.jjfa_menu li.active{ background:#c42222; color:#fff;}
.jjfa_menu li.active a:hover{ color:#fff !important;}
.jjfa_main .tab-content{ margin-top:54px; height:390px;}
.video_jjfa{ width:650px; height:390px; float:left; position:relative;background:#000;}
.info_jjfa{ width:470px; float:right; margin-top:60px;}
.info_jjfa h2{ font-size:26px; color:#c42222; font-weight:bold;}
.info_jjfa p{ color:#222; margin-top:24px; line-height:20px;}
.info_jjfa a{ width:170px; height:50px; border:1px solid #c42222; text-align:center; line-height:50px; float:right; color:#c42222; margin-top:50px;}
.jjfa_bottom{ height:270px; position:relative; margin:66px 0; padding-top:35px;}
.jjfa_bottom .bottom_left{ width:440px; height:270px; box-shadow:0 0 6px #ddd; border:0; margin:0; position:static; display:block !important; padding:65px 0 0 120px;}
.jjfa_bottom .btn-group.open .jjfa_a{ width:50px; height:50px; background:url(img/jjfa_a.png) no-repeat; position:absolute; left:415px; top:110px;}
.jjfa_bottom .btn-group .jjfa_a{width:50px; height:50px; background:url(img/jjfa_a_2.png) no-repeat; position:absolute; left:415px; top:110px;}
.jjfa_bottom .btn-group{  transition:all linear 0.2S 0s; z-index:30;float:left;}
.jjfa_bottom .btn-group.open{ }
.bottom_left h2{ font-size:32px; font-weight:bold; color:#222;}
.bottom_left h6{ width:150px; height:4px; background:#e5e5e5; margin:30px 0;}
.bottom_left p{ font-size:12px; color:#888; line-height:22px;}

.jjfa_piclist { overflow:hidden; float:left;}
#jjfa_indemo {float: left; width: 800%;}
#jjfa_demo1 {float: left; }
#jjfa_demo2 {float: left;}
.jjfa_piclist .list{width:300px; height:270px; margin:0 15px; float:left; position:relative; z-index:10;}
.jjfa_piclist .list>img{ width:300px; height:240px;}
.jjfa_piclist .list>p{ color:#222; line-height:30px; text-align:center;}
.jjfa_piclist .list .pop{ width:300px; height:270px; position:absolute; left:0; top:0; background:#c42222; font-size:12px; color:#fff; padding:15px 26px 0; line-height:20px; opacity:0; transition:all linear 0.1S 0s;}
.jjfa_piclist .list:hover .pop{ opacity:1;}
.jjfa_piclist .list .pop h2{ font-size:20px;line-height: 30px;}
.jjfa_piclist .list .pop h6{ margin:10px 0 14px;}
.video_pop_btn{ position:absolute; width:100px; height:160px; left:275px; top:130px; text-align:center; color:#eae7e7; cursor:pointer;}
.video_pop_btn:hover{ color:#eae7e7;}
.video_pop_btn h2{ font-size:24px; margin:6px 0;}
.video_pop_btn h6{ font-size:14px;}


.jjfa_modal{ width:1200px;}
.jjfa_modal .modal-content{ border-radius:20px 20px 0 0; overflow:hidden;}
.jjfa_modal .modal-body{ padding:0; overflow:hidden; text-align:center;}
.jjfa_modal .modal-body img{ max-width:100%; height:auto;}
.jjfa_modal .modal-header{ background:#ed3233;}
.jjfa_modal .modal-header .close{ opacity:1;}