*{font-family:Microsoft YaHei,Arial,Geneva,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{min-width:1200px;background:#fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-size:12px;color:#585858;-webkit-font-smoothing:antialiased;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
input,textarea,select {padding:6px;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#de2826;}

/*内容初始化*/
.contenttxt{line-height:30px;font-size:14px;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:700px;margin:15px auto; display:block}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-overflow3 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.w1200 {margin:auto;width:1200px;clear:both;}
.w1380 {margin:auto;width:1380px;clear:both;}
.w1460 {margin:auto;width:1460px;clear:both;}
.AWF_box {margin: auto;width: 1440px;clear: both;}
.AWF_P120 {padding:0 120px;}
@media(max-width:1460px){.AWF_P120 {padding:0;margin:auto;width:1200px;}.w1460 {padding:0;margin:auto;width:1200px;}.AWF_box {padding:0;margin:auto;width:1200px;}}

.b1 {height:.1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b40 {height:40px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b50 {height:50px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b60 {height:60px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b70 {height:70px;font-size:1px; clear:both;width:100%;overflow:hidden}
.m {margin:auto;width:1200px;clear:both; position:relative}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.f_l { float:left;}
.f_r { float:right;}
/*========================================================*/

/*首页样式 THE*/

/*头部*/
.header_intro { overflow:hidden; background:#fff;}
.header_intro .w1200 { display:flex;align-items: center; height:120px;}
.header_intro_logo { display: flex;}
.header_intro_logo img { height:60px;}
.header_intro_tel { display: flex; align-items: center; margin-left:auto;}
.header_intro_tel img { width:40px; margin-right:10px;}
.header_intro_tel span { }
.header_intro_tel span i { display:block; font-size:12px; color:#000; line-height:12px;}
.header_intro_tel span b { display:block; line-height:32px; color:#e53935; font-size:24px;}
.header_intro_tel span em { line-height:20px; font-size:12px; background:#e53935; color:#fff; display:block; text-align:center;}

/*导航*/
.header_menu { height:50px; line-height:50px;background:#e53935;}
.header_menu ul li { padding:0 30px; float:left; position:relative;font-size:16px;}
.header_menu ul li a { color:#fff;transition:all .5s;}
.header_menu ul li .menu_down { position:absolute; top:50px;left: 0px;width: 100%;text-align: center;background: #fff;box-shadow: 0 13px 42px 11px rgb(0 0 0 / 5%);z-index:-5;opacity: 0;transform: translate(0, -5px);transition:all .6s;}
.header_menu ul li:hover .menu_down { opacity: 1;transform: translate(0, 0);z-index:10;}
.header_menu ul li .menu_down a { display:block; font-size:13px; color:#666; line-height:38px;}
.header_menu ul li .menu_down a:hover { color:#e53935;}


/*幻灯*/
.banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide img { width:100%;}
.banner_swiper .b_menu { position:absolute;left:50%;bottom:20px;z-index:20; transform:translate(-50%,0);}
.banner_swiper .b_menu ul { display:flex;}
.banner_swiper .b_menu span { display:block; width:10px; height:10px; margin:0 5px; float:left; background:rgb(0 0 0/.4); border-radius:50%;}
.banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#000;}

.neiye_banner { position:relative;}
.neiye_banner img { width:100%;}

.banner_box { position:relative;}

/*标题*/
.index_title { text-align:center; margin-bottom:20px;}
.index_title strong { display:block;font-size:36px; color:#333; background:url(../img/240403_10006.png) no-repeat center; line-height:38px;}
.index_title p { font-size:13px; color:#666; margin-top:10px;}

.index_More { text-align:center; margin-top:40px;}
.index_More a { display:inline-block; background:#990101; font-size:16px; color:#fff; line-height:45px; width:150px; text-align:center; font-weight:700;}


/*服务*/
.ServiceSec { background:#fff;}
.ServiceSec ul { display:flex;}
.ServiceSec ul li { padding:40px; text-align:center; width:25%;}
.ServiceSec ul li img { width:50px; margin-bottom:20px;}
.ServiceSec ul li b { display:block; font-size:22px; color:#333;}
.ServiceSec ul li i { display:block; width:20px; height:1px; background:#e53935; margin:10px auto;}
.ServiceSec ul li p { font-size:14px; color:#666;}
.ServiceSec ul li:hover { background:#f2f2f2;}

/*产品中心*/
.product_sec { padding:80px 0; background:#f8f8f8;}
.product_cat ul { background:#656565; display:flex;}
.product_cat ul li { line-height:40px; font-size:14px; color:#fff; width:20%; text-align:center; padding:0 20px; cursor:pointer;}
.product_cat ul li.on { background:#c62828;}
.product_list { }
.product_list ul { display:flex; flex-wrap:wrap;}
.product_list ul li { width:32%; margin-right:2%;}
.product_list ul li:nth-child(3n+3) { margin-right:0;}
.product_list ul li:nth-child(1n+4) {margin-top:2%;}
.product_list ul li .image { width:100%; position:relative;}
.product_list ul li .image img { width:100%;}
.product_list ul li .image i { position:absolute; top:0; left:0; right:0; bottom:0; background: rgb(229 57 53/.4); opacity:0; transition:all .5s;}
.product_list ul li .image i img { width:60px; height:60px;}
.product_list ul li .image em { position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #fff; margin:10px; display:flex; align-items:center; justify-content:center;}
.product_list ul li .text { background:#fff; padding:15px;}
.product_list ul li .text strong { display:block; font-size:18px; font-weight:400;}
.product_list ul li .text p { font-size:14px;margin-top:10px;}
.product_list ul li .image:hover i { opacity:1;}

/*选择我们的理由*/
.ChooseUsSec { background-image: url(../img/240403_10007.jpg); padding:60px 0 80px;background-size: cover;background-attachment: fixed;}
.ChooseUsSec strong { color:#fff; font-size:30px; margin-bottom:30px; display:block; text-align:center;}
.ChooseUsSec ul { display:flex; flex-wrap:wrap;}
.ChooseUsSec ul li { width:32%; margin-right:2%; display:flex; align-items:center; padding:30px 0;}
.ChooseUsSec ul li:nth-child(3n+3) {margin-right:0;}
.ChooseUsSec ul li:nth-child(1n+4) {margin-top:2%;}
.ChooseUsSec ul li i { display:flex; width:80px; height:80px; border-radius:50%; border:1px solid #fff; align-items:center; justify-content:center; margin-right:10px;}
.ChooseUsSec ul li i img { width:50px;}
.ChooseUsSec ul li span { color:#fff;overflow: hidden;flex: 1;}
.ChooseUsSec ul li span b {line-height:30px; font-size:24px;}
.ChooseUsSec ul li span p { font-size:15px; color:#ddd; margin-top:8px;}

/*关于我们*/
.About_sec { padding:80px 0; background:#f8f8f8;}
.About_sec .index_title img { width:30px;}
.About_mian { display:flex;}
.About_mian .About_text { width:44%;}
.About_mian .About_text strong { font-size:20px; color:#000; display:block;}
.About_mian .About_text i { display:block; width:50px; height:1px; margin:20px 0 40px; background:#000;}
.About_mian .About_text p { line-height:28px; color:#888; font-size:14px;}
.About_mian .About_text .AboutMore { margin-top:30px;} 
.About_mian .About_text .AboutMore a { display:inline-block;line-height:34px; padding:0 30px; font-size:14px; color:#fff; background:#fa232f;}
.About_mian .About_image { width:53%; margin-left:auto; position:relative;}
.About_mian .About_image .AboutImg1 { width:100%;}
.About_mian .About_image .AboutImg2 { position: absolute;left: 176px;top: 72px;width: 360px; height: 234px;}

/*推荐产品*/
.ThanksSec { padding:80px 0; background:#fff;}
.ThanksTitle { text-align:center; margin-bottom:40px;} 
.ThanksTitle b { display:block; font-size:60px; color:#f2f2f2; line-height:50px;}
.ThanksTitle strong { font-size:28px; display:block; color:#000; line-height:40px; margin-top:-20px;}
.ThanksTitle strong i { color:#dd0000;}
.ThanksTitle p { font-size:16px; color:#999;}
.ThanksSwiperBox { position:relative;}
.ThanksSwiper { overflow:hidden;}
.ThanksSwiper .swiper-slide { }
.ThanksSwiper .swiper-slide img { width:100%;}
.ThanksSwiperBox .swiper_bnt { width:30px; height:30px; position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%); border:1px solid #666;}
.ThanksSwiperBox .swiper_next {left:-40px;}
.ThanksSwiperBox .swiper_prev { right:-40px;}
.ThanksSwiperBox .swiper_bnt i { display:block; line-height:30px; text-align:center; color:#999; font-size:18px;}

/*案例展示*/
.PhotoSec { padding:80px 0; background:#f8f8f8;}
.PhotoSecList { }
.PhotoSecList ul { display:flex; flex-wrap:wrap;}
.PhotoSecList ul li { width:32%; margin-right:2%;}
.PhotoSecList ul li:nth-child(3n+3) { margin-right:0;}
.PhotoSecList ul li:nth-child(1n+4) { margin-top:2%;}
.PhotoSecList ul li .image { width:100%; overflow:hidden;}
.PhotoSecList ul li .image img { width:100%; transition:all .5s;}
.PhotoSecList ul li .image:hover img { transform:scale(1.08);}
.PhotoSecList ul li strong { display:block; text-align:center; font-size:16px; margin-top:10px; font-weight:400;}

/*新闻中心*/
.xinwen_sec { background:#fff; padding:80px 0;}
.NewsList { }
.NewsList ul { display:flex; flex-wrap:wrap;}
.NewsList ul li { width:32%; margin-right:2%; background:#f8f8f8;padding: 20px 35px 40px; box-sizing:border-box; transition:all .3s;}
.NewsList ul li:nth-child(3n+3) { margin-right:0;}
.NewsList ul li:nth-child(1n+4) { margin-top:2%;}
.NewsList ul li span { display:block; font-size:40px; line-height:40px; color:#ffe7e8;font-family: Century Gothic;}
.NewsList ul li strong { display:block; font-size:18px; color:#333; margin:-20px 0 10px 0;}
.NewsList ul li p { font-size:12px; color:#666; line-height:24px;}
.NewsList ul li:hover { box-shadow: 0 8px 10px rgb(0 0 0/.1);}

/*底部样式*/
.footerMeun { background:#c81a16;}
.footerMeun ul { display:flex; height:40px; align-items:center; justify-content:center;}
.footerMeun ul li { font-size:14px; padding:0 30px; line-height:16px;}
.footerMeun ul li:nth-child(1n+2) { border-left:1px solid #fff;}
.footerMeun ul li a { color:#fff;}
.footerTel { background:#b12323; padding:40px 0;}
.footerTel ul { display:flex; align-items:center;}
.footerTel li { color:#fff; width:40%;}
.footerTel li.Wechat { width:140px; margin-left:auto;}
.footerTel li.Wechat img { width:140px;}
.footerTel li.Wechat em { display:block; margin-top:10px; font-size:12px; text-align:center;}
.footerTel li strong { font-size:22px; display:block; margin-bottom:10px;}
.footerTel li p { line-height:30px; font-size:16px;}
.footerTel li span { font-size:24px; display:block; line-height:34px;}
.footerCopyright { background:#000; color:#888; font-size:12px; line-height:30px; text-align:center;}

/*内页导航*/
.nav_sec { font-size:14px; color:#999; line-height:50px; margin-bottom:15px; position:relative;}
.nav_sec a { color:#333;}

.PageMenu { display:flex;}
.PageMenu a { line-height:30px; display:block; padding:0 15px;background:#fff; border:1px solid #ddd; font-size:14px; color:#333; transition:all .3s;}
.PageMenu a:nth-child(1),.PageMenu a:hover { background:#e53935; border:1px solid #e53935; color:#fff;}
.PageMenu a:nth-child(1n+2) { margin-left:10px;}


.PageMain { display:flex;}
.PageMainL { width:234px; margin-right:20px;}
.PageMainR { overflow:hidden; flex:1;}
.PageMainMenu { }
.PageMainMenu strong { line-height:45px; font-size:18px; color:#fff; display:block; background:#e53935; text-align:center;}
.PageMainMenu ul { border:1px solid #ddd; background:#f8f8f8;}
.PageMainMenu ul li { line-height:42px; font-size:14px; padding:0 20px;}
.PageMainMenu ul li a { display:flex;}
.PageMainMenu ul li:nth-child(1n+2) { border-top:1px solid #ddd;}
.PageMainMenu ul li i { margin-left:auto; font-size:16px;}

.PageMainRec { }
.PageMainRec ul { }
.PageMainRec ul li { padding:5px; border:1px solid #ddd;}
.PageMainRec ul li:nth-child(1n+2) { margin-top:10px;}
.PageMainRec ul li a { display:flex;}
.PageMainRec ul li .image { width:28%; margin-right:4%;}
.PageMainRec ul li .image img { width:100%;}
.PageMainRec ul li .text { overflow:hidden; flex:1;}
.PageMainRec ul li .text strong { font-size:14px; display:block; margin-bottom:4px; font-weight:400;}
.PageMainRec ul li .text p { color:#666; line-height:20px; font-size:12px;}
.PageMainRec ul li:hover { border:1px solid #e53935;}

.PageMainCat { padding:5px 15px 5px 0; border:1px solid #ddd; display:flex; line-height:30px; font-size:14px; flex-wrap:wrap; background:#fff;}
.PageMainCat span,.PageMainCat a { margin-left:15px;}

/*公司介绍*/
.PageIntroduceMain { padding:20px; border:1px solid #ddd;}

/*产品内页样式*/
.PageProductList { }
.PageProductList ul { display:flex; flex-wrap:wrap;}
.PageProductList ul li { width:23.5%; margin-right:2%; border:1px solid #ddd; box-sizing:border-box;}
.PageProductList ul li:nth-child(4n+4) { margin-right:0;}
.PageProductList ul li:nth-child(1n+5) {margin-top:2%;}
.PageProductList ul li .image { width:100%; overflow:hidden;}
.PageProductList ul li .image img { width:100%;transition:all .5s;}
.PageProductList ul li .image:hover img { transform:scale(1.08);}
.PageProductList ul li .text { background:#fff; padding:10px;}
.PageProductList ul li .text strong { display:block; font-size:16px; font-weight:400;}
.PageProductList ul li .text p { font-size:14px;margin-top:10px; color:#666}

.show_preview { background:#fff; padding:15px;display:flex; border:1px solid #ddd;}
.show_preview_l { width:400px;}
.show_preview_l img { width:100%;}
.show_preview_r { flex:1; overflow:hidden; padding-left:30px;}
.show_preview_r h1 { color:#333; display:block; padding-bottom:20px; font-weight:400; font-size:24px;}
.show_preview_r p { line-height:24px; font-size:14px; color:#666;}
.show_preview_r .base { margin-top:15px;}
.show_preview_r .base dl{overflow:hidden;width:100%;font-size:14px;line-height:30px;}
.show_preview_r .base dt{float:left;color:#888;width:85px;}
.show_preview_r .base dd{overflow:hidden;;color:#000;}
.show_preview_r .hot_tel { margin-top:20px; display:flex; align-items:center; padding-bottom:20px;}
.show_preview_r .hot_tel a{display:inline-block;width:146px;line-height:40px;color:#fff;font-size:16px;background:#de443a;text-align:center; margin-right:20px;}
.show_preview_r .hot_tel a:hover { background:#222; color:#fff;}

.sellShowMain { padding:40px; background:#fff; border:1px solid #ddd;}
.sell_show_title { margin-bottom:20px;}
.sell_show_title strong { color: #333; font-size:20px;font-weight:400;}

.SellRec { overflow:hidden;}
.SellRec ul { display:flex;}
.SellRec ul li { width:25%;padding:0 10px; box-sizing:border-box;}
.SellRec ul li .image { width:100%; text-align:center;}
.SellRec ul li .image img { width:80%;}
.SellRec ul li strong { display:block; font-size:16px; color:#333; text-align:center; font-weight:400;}

/*新闻内页样式*/
.PageNewsList { }
.PageNewsList ul { }
.PageNewsList ul li { padding:15px; border:1px solid #ddd;}
.PageNewsList ul li:nth-child(1n+2) { margin-top:15px;}
.PageNewsList ul li a { display:flex;}
.PageNewsList ul li span { text-align:center; margin-right:2%; width:70px;}
.PageNewsList ul li span i { display:block; line-height:22px; font-size:14px; background:#afbbc8; color:#fff;}
.PageNewsList ul li span em { display:block; line-height:36px; font-size:22px; color:#666; background:#f4f4f4;}
.PageNewsList ul li .text { flex:1; overflow:hidden;}
.PageNewsList ul li .text strong { display:block; font-size:16px; font-weight:400; margin-bottom:8px;}
.PageNewsList ul li .text p { color:#999; font-size:12px; line-height:22px;}
.PageNewsList ul li:hover { border:1px solid #e53935;}

.show_mian_sec { border:1px solid #ddd; padding:15px;}
.show_mian_sec_title {color: #333;font-size: 20px;padding:2% 0; text-align:center;}
.show_mian_sec_info { color:#999; font-size:14px; text-align:center; padding-bottom:3%;}

/*荣誉资质样式*/
.HonorList { }
.HonorList ul { display:flex; flex-wrap:wrap;}
.HonorList ul li { width:23.5%; margin-right:2%;}
.HonorList ul li:nth-child(4n+4) { margin-right:0;}
.HonorList ul li:nth-child(1n+5) { margin-top:2%;}
.HonorList ul li .image { width:100%;}
.HonorList ul li .image img { width:100%;}
.HonorList ul li strong { display:block; text-align:center; font-size:16px; color:#222; font-weight:400; margin-top:10px;}

.honor_title { font-size:30px; color:#333; text-align:center; margin:2% 0;}
.honor_show { padding:2% 4% 4%; border:1px solid #eee; margin:2% 0; background:#fff;}
.honor_show ul { display: flex; flex-wrap: wrap; border:1px solid #ddd; margin-top:3%; border-right:none; border-bottom:none;}
.honor_show ul li { width:50%;box-sizing:border-box; font-size:14px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display: table;}
.honor_show ul li span { display: table-cell; padding:10px;}
.honor_show ul li span:nth-child(1) { width:20%; background:#fafafa; border-right:1px solid #ddd; font-weight:700;}
.honor_show_title { line-height:42px; height:42px; font-size:16px; background:#f5f5f5; padding:0 15px; border:1px solid #eee; margin:2% 0; font-weight:700;}


/*公司相册样式*/
.PhotoList { }
.PhotoList ul { display:flex; flex-wrap:wrap;}
.PhotoList ul li { width:23.5%; margin-right:2%;}
.PhotoList ul li:nth-child(4n+4) { margin-right:0;}
.PhotoList ul li:nth-child(1n+5) { margin-top:2%;}
.PhotoList ul li .image { width:100%;}
.PhotoList ul li .image img { width:100%;}
.PhotoList ul li strong { display:block; text-align:center; font-size:16px; color:#222; font-weight:400; margin-top:10px;}

.photo_show a { box-sizing: border-box;display:block;text-align:center; margin-top:20px;}
.photo_show a p { font-size:14px; line-height:30px; color:#666; }
.photo_show a img { max-width:100%;}
.photo_show { padding:5% 0; overflow:hidden;}

.contact_show { margin:5% 0; overflow:hidden;display: flex; align-items:center;}
.contact_show .contact_show_l { margin-right:4%;}
.contact_show .contact_show_l h3 { display:block;padding-bottom: 20px;color: #333;font-size: 30px;}
.contact_show .contact_show_l span { display:block;line-height: 26px;padding-bottom: 40px;color: #333;font-size: 16px;}
.contact_show .contact_show_l p { font-size:16px; color:#333; margin-bottom:20px;}
.contact_show .contact_show_r { margin-left:auto; text-align:center;}
.contact_show .contact_show_r img { width:120px; border:1px solid #eee; padding:6px;}
.contact_show .contact_show_r p { font-size:18px; margin-top:10px;}

.contact_show_map { height:560px; border:1px solid #ddd;}
.contact_show_map iframe { height:560px; width:100%;}

/* album */
.cdx-album{width:400px;height:500px;z-index:1000;}
#mid_pos {position:absolute;}
#mid_div {width:400px;height:400px;cursor:crosshair;background:#F2F2F2;border:1px solid #e6e6e6;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('../img/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:473px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-410px;top:-495px;z-index:10000}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:rgba(0,0,0,.6) url('../img/ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;background-size:20px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:url('../img/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-223px 0 0 176px;}
.ab_play:hover {background:url('../img/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide {width:40px;height:40px;background:url('../img/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-390px 0 0 350px;display:none;background-size:40px;}
.ab_hide:hover {background:url('../img/ab-hide.png') no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.ab_video {width:400px;height:400px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-402px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
video{height:400px!important;}

.search_mask { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.6); z-index:6060; display:none;}
.search_popup { position: fixed; left:50%; top:50%; background:#fff; z-index:6060; width:800px; transform:translate(-50%,-50%); padding:30px; display:none;}
.search_popup_off { position:absolute; top:-30px; right:0px; background:#fff; color:#e70012; border-radius:50%; width: 24px;height: 24px;text-align: center;line-height: 23px;font-size: 18px; cursor:pointer;}
.search_popup dl dd { float:left;}
.search_popup dl dd.li_1 { width:92%;}
.search_popup dl dd.li_1 input { border:none; margin:0; background:#fff; color:#999; width:100%; height:40px; border-radius:20px 0 0 20px; box-sizing:border-box;outline:none;border:1px solid #ddd; border-right:none; padding:0 15px;}
.search_popup dl dd.li_2 { width:8%;}
.search_popup dl dd.li_2 button { border:none;color:#e70012; border:1px solid #ddd; border-radius:0 20px 20px 0; height:40px; box-sizing:border-box; margin:0; background:none; border-left:none;padding:0 15px; width:100%;}
.search_popup dl dd.li_2 button i { font-size:18px;}