*{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:#555;-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:#555;text-decoration:none;}
a:hover{color:#ff6700;}

/*内容初始化*/
.contenttxt{padding:30px 0;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:14px!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;}}

.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}
.b60 {height:60px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b70 {height:70px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b80 {height:80px;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*/

.nav_sec { font-size:14px; margin-bottom:15px; color:#666;}
.nav_sec a { color:#666;}

/*标题*/
.i_title { text-align:center;}
.i_title strong { font-size:30px; color:#ff6700; display:block; font-weight:400;}
.i_title img { margin-top:15px;}




.neiye_title { display:flex; align-items:center; justify-content:center; margin-top:40px;}
.neiye_title .shell { border:2px solid #005198; padding:0 100px 15px 80px;}
.neiye_title strong { height: 40px;line-height: 40px;overflow: hidden;margin-top: -6px; display:inline-block;}
.neiye_title strong span{display:inline-block;font-size:36px;color:#1f66a4;padding:0 14px;background:#fff}
.neiye_title strong em{font-size:17px;color:#1f66a4; font-weight:400;}
.neiye_title p{display:block;font-size:21px;color:#333;line-height:32px}

/*头部*/
.header_top { background:#f8f8f8; height:35px; color:#ff9900; font-size:14px;}
.header_top .welcome { float:left;height:35px;display: flex;align-items: center;}
.header_top .shortcut { float:right;height:35px;display: flex;align-items: center;}
.header_top .shortcut .ewm { position:relative;}
.header_top .shortcut .ewm span { color:#ff9900; cursor:pointer;}
.header_top .shortcut .ewm img { width:80px; position:absolute; top:30px; right:0;padding: 8px;box-shadow: 0 0 5px rgb(0 0 0 /.1); z-index:100; background:#fff; display:none;}
.header_top .shortcut .ewm:hover img { display:block;}
.header_top .shortcut a { color:#ff9900;}
.header_top .shortcut em { display:inline-block; width:1px; height:12px; background:#ccc; margin:0 8px;}

.header_top_menu { }
.header_top_menu .w1200 { display: flex; align-items: center;height:120px;}
.header_top_menu_logo { margin-right:120px;}
.header_top_menu_logo img { max-height:100px;}
.header_top_menu ul { margin-left:auto;}
.header_top_menu ul li { float:left; line-height:50px; height:50px;}
.header_top_menu ul li:nth-child(1n+2) { margin-left:40px;}
.header_top_menu ul li span { color:#555; display:inline-block; font-size:16px;}
.header_top_menu ul li:hover span,
.header_top_menu ul li.hover span { border-bottom:3px solid #ff6700; color:#ff6700;}



/*幻灯*/
.banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_swiper .swiper-slide img { width:100%;}
.banner_swiper .swiper_bnt { width:46px; height:68px; background:#005198; position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);}
.banner_swiper .b_menu { position:absolute;left:0;bottom:10px;z-index:10;width:100%; text-align:center;}
.banner_swiper .b_menu ul { display:inline-block;}
.banner_swiper .b_menu span { display:block; width:17px; height:17px; margin:0 5px; border-radius:50%; background:rgb(255 255 255/.6); float:left; border:1px solid #666; box-sizing:border-box; opacity:1;}
.banner_swiper .b_menu span.swiper-pagination-bullet-active { background:rgb(0 0 0/.8); border:1px solid #fff; box-shadow:0 0 4px rgb(0 0 0/.6);}

/*解决方案*/
.jjfa_sec { padding:76px 0; background:url(../img/42_23022206.jpg);}
.jjfa_sec ul { display:flex; margin-top:30px;justify-content: space-between;}
.jjfa_sec ul li { width:175px; height:175px; background:#fff; text-align:center; display:flex; align-items:center; justify-content:center;}
.jjfa_sec ul li span { font-size:16px; color:#ff9900; display:block; margin-top:20px;}
.jjfa_sec ul li.li_more { background:#fff url(../img/42_23022205.png) no-repeat center;}
.jjfa_sec ul li.li_more em { display:inline-block; width:98px; height:34px; line-height:34px; border:1px solid #ff9900; color:#ff9900; font-size:14px; cursor:pointer;}
.jjfa_sec ul li.li_more em:hover { background:#ff9900; color:#fff;}

/*产品中心*/
.product_sec { background:#fff; padding:76px 0; overflow:hidden;}
.sell_cat { display:flex; justify-content:center;}
.sell_cat a { height:50px; line-height:50px; font-size:14px; background:#f5f5f5; color:#555; padding:0 20px; display:inline-block; transition:all .3s; margin:0 2px 4px 2px; } 
.sell_cat a:hover { background:#ff9900; color:#fff;}
.product_list { display:flex; flex-wrap:wrap;}
.product_list li { width:23.5%; text-align:center; margin-right:2%;}
.product_list li:nth-child(4n+4) { margin-right:0;}
.product_list li:nth-child(1n+5) { margin-top:2%;}
.product_list li .image { width:100%; overflow:hidden;}
.product_list li .image img { width:100%; transition:all .5s;}
.product_list li .image:hover img { transform:scale(1.06);}
.product_list li p { font-size:16px; color:#555; margin-top:10px;}

/*公司简介*/
.gsjj_sec { background:url(../img/42_23022208.jpg) no-repeat center; padding:76px 0; overflow:hidden;}
.gsjj_sec .w1200 { display:flex;}
.gsjj_sec_l { width:58%;}
.gsjj_sec_l strong { font-size:22px; color:#fff; display:block;}
.gsjj_sec_l .xian { margin:35px 0; display: flex; align-items:center;}
.gsjj_sec_l .xian:after { content:''; display:block; height:1px; width:100%; background:rgb(255 255 255/.2);}
.gsjj_sec_l p { color:#ffe7d7; font-size:14px; line-height:24px;}
.gsjj_sec_l a.gsjj_more { width:128px; height:38px; line-height:38px; font-size:16px; color:#fff; border:1px solid #fff; display:inline-block; text-align:center; margin-top:40px;}
.gsjj_sec_r { width:34%; margin-left:auto;}
.gsjj_sec_r .image { border:1px solid rgb(255 255 255/.2);transform: translate(-30px, 20px);}
.gsjj_sec_r img { width:100%;transform: translate(30px, -20px);}

/*工程案例*/
.photo_sec { background:#fff; padding:76px 0; overflow:hidden;}
.photo_list { display:flex;justify-content: space-around;}
.photo_list li { width:23%;}
.photo_list li .image { width:100%; overflow:hidden;}
.photo_list li .image img { width:100%; transition:all .5s;}
.photo_list li .image:hover img { transform:scale(.9);}
.photo_list li h3 { display:block; font-size:16px; font-weight:400; color:#333; margin:10px 0;}
.photo_list li h3:hover { color:#ff6700;}
.photo_list li p { font-size:14px; color:#888; line-height:26px;}
.photo_sec .photo_more { text-align:center; margin-top:40px;}
.photo_sec .photo_more a { width:128px; height:38px; line-height:38px; font-size:16px; color:#ff6700; border:1px solid #ff6700; display:inline-block; text-align:center;}

/*新闻中心*/
.xinwen_sec { padding:76px 0; background:url(../img/42_23022206.jpg);}
.xinwen_sec .w1200 { display:flex;}
.xinwen_sec .xinwen_list.A1 { flex:1; margin-right:30px; background:#fff;}
.xinwen_sec .xinwen_list.A2 { width:380px;}
.xinwen_sec .xinwen_title { height:60px; line-height:60px; background:#fff; padding:0 20px; border-top:1px solid #ff6700;}
.xinwen_sec .xinwen_title strong { background:url(../img/42_23022210.png) no-repeat left 6px; font-size:20px; padding-left:30px;color:#ff6700;}
.xinwen_sec .xinwen_title span { float:right; font-size:14px;}
.xinwen_sec .xinwen_title span a { color:#ff9900;}
.xinwen_sec .xinwen_list.A2 .xinwen_title { background:#ff9900; border-top:1px solid #ff9900;}
.xinwen_sec .xinwen_list.A2 .xinwen_title strong { color:#fff; background-image:url(../img/42_23022211.png);}
.xinwen_sec .xinwen_list.A2 .xinwen_title span a { color:#fff;}
.xinwen_sec .xinwen_list ul.ul_1 { border-top:1px solid #eee; padding:0 20px;}
.xinwen_sec .xinwen_list ul.ul_1 li { padding:20px 0; overflow:hidden;}
.xinwen_sec .xinwen_list ul.ul_1 li:nth-child(1n+2) { border-top:1px dashed #eee;}
.xinwen_sec .xinwen_list ul.ul_1 li .image { float:left; width:16%; margin-right:20px;}
.xinwen_sec .xinwen_list ul.ul_1 li .image img { width:100%;}
.xinwen_sec .xinwen_list ul.ul_1 li .text { overflow:hidden;}
.xinwen_sec .xinwen_list ul.ul_1 li .text h3 { display:block; font-size:16px; color:#333; font-weight:400;}
.xinwen_sec .xinwen_list ul.ul_1 li .text p { font-size:14px; color:#888; line-height:30px; margin-top:10px;}
.xinwen_sec .xinwen_list ul.ul_2 li { padding:10px; background:#fff; margin-top:10px;}
.xinwen_sec .xinwen_list ul.ul_2 li .image { width:100%;position: relative;height: 150px;overflow: hidden;display: flex;align-items: center;}
.xinwen_sec .xinwen_list ul.ul_2 li .image img { width:100%;}
.xinwen_sec .xinwen_list ul.ul_2 li h3 { font-size:14px; color:#333; font-weight:400; margin:15px 0 5px;}


/*技术支持*/
.jszc_sec { background:#fff; padding:80px 0; overflow:hidden;}
.jszc_sec ul { display:flex; margin-top:30px;justify-content: space-between;}
.jszc_sec ul li { width:130px;}
.jszc_sec ul li .image { position:relative; width:100px; margin:0 auto;}
.jszc_sec ul li .image img.img_2 { position:absolute; top:4px; left:4px; opacity:0; transition:all .35s;}
.jszc_sec ul li .image:hover img.img_2 { opacity:1;}
.jszc_sec ul li p { font-size:16px; color:#ff9900; text-align:center; margin-top:15px;}

/*首页搜索*/
.sous_sec { padding:70px 0; background:url(../img/42_23022218.jpg) no-repeat center; height:326px; box-sizing:border-box; text-align:center;}
.sous_sec strong { font-size:30px; color:#fff; font-weight:400; display:block;}
.sous_sec span { font-size:20px; color:#fff; font-weight:400; display:block; margin-top:20px;}
.sous_sec ul { display:inline-block; margin-top:40px; width:528px; height:60px; background:#fff; padding:8px 8px 8px 10px; border-radius:30px; box-sizing:border-box;}
.sous_sec ul li { float:left;}
.sous_sec ul li.li_1 { width:368px;}
.sous_sec ul li.li_1 input { border:none;padding:0 20px; margin:0; background:#fff; color:#999; width:100%; height:44px; box-sizing:border-box;outline:none; font-size:14px;}
.sous_sec ul li.li_2 button { border:none; background-image: -webkit-linear-gradient(top,#ffb84d,#ff9901); color:#fff; width:140px; height:44px; box-sizing:border-box; border-left:none; font-size:16px; border-radius:30px;}

/*底部样式*/
.footer_sec { background:#fff; overflow:hidden;border-top:1px solid #dfdfdf;}
.footer_mian { overflow:hidden; display:flex; padding:80px 0 60px;}
.footer_logo img { height:60px;}
.footer_contact { width:40%;}
.footer_contact h3 { font-size:30px; display:block; font-weight:400;color: transparent;background: linear-gradient(90deg,#ff6700 60px,#555 0%);-webkit-background-clip: text;}
.footer_contact p { line-height:22px; font-size:14px; color:#888; margin-top:20px;}
.footer_contact p img { margin-right:10px; float:left;}
.footer_mian dl { width:20%;}
.footer_mian dl dt { display: block;font-size: 20px;line-height: 25px;color: #ff6700; margin-bottom:10px;}
.footer_mian dl dd { overflow:hidden;}
.footer_mian dl dd a { line-height: 36px;color: #888;font-size: 14px; display:block;}
.footer_mian dl dd a:hover { color:#ff6700;}
.footer_mian dl.dl_ewm { text-align:center;}
.footer_mian dl.dl_ewm .image { margin-bottom:20px;}
.footer_mian dl.dl_ewm .image img { width:160px;}
.footer_mian dl.dl_ewm p { line-height:20px; font-size:16px; color:#9c9c9c; margin-top:10px;}
.footer_link { line-height: 24px;color: #555;font-size: 12px;background: #fff; padding:10px 0; text-align:center; border-top:1px solid #dfdfdf;}
.footer_link a { color:#555;}

/*客服样式*/
.kefu { position:fixed;top:50%;right:0;margin-top:-100px;z-index:100;}
.kefu ul li{ position:relative;}
.kefu ul li a.kefu_btn { width:50px;height:50px;text-align:center;display:block;position:relative;background:#c1bfc0;transition:all .5s;display: flex;align-items: center;justify-content: center;}
.kefu ul li.li_1 a.kefu_btn { border-radius:6px 0 0 0;}
.kefu ul li.li_4 a.kefu_btn { border-radius:0 0 0 6px;}
.kefu ul li:hover a.kefu_btn { background:#ff9900;}
.kefu ul li a.kefu_btn i {color:#fff;font-size:30px;}
.kefu_popup { position:absolute;right:60px; top:0; background:#ff9900; border-radius:5px; padding:12px;width:190px;box-sizing:border-box;text-align:center;color:#fff;transform: translate(300px, 0); transition:all .5s; opacity:0;z-index:-1;}
.kefu ul li:hover .kefu_popup { transform: translate(0, 0);opacity:1;}
.kefu_popup:before { content:''; display:block;border-style: solid;border-color: transparent transparent transparent #ff9900;border-width: 9px;width: 0;height: 0;position: absolute;right: -18px;top: 50%;transform: translate(0, -50%);}
.kefu_popup.tel { height:80px;}
.kefu_popup.tel em,
.kefu_popup.tel b { display:block;}
.kefu_popup.tel em { font-size:14px; margin-top:8px;}
.kefu_popup.tel b { font-size:18px;}
.kefu_popup.ewm:before { top: 40px;}
.kefu_popup.ewm { width:120px;}
.kefu_popup.ewm img { width:100%;}
.kefu_popup.ewm p { font-size:14px; margin-top:8px;}

/*内页导航*/
.meun_top { font-size:16px; text-align:center; margin-top:40px;}
.meun_top ul { display:inline-block;}
.meun_top ul li { float:left; padding:0 30px; background:#005198; line-height:38px; margin-right:1px;}
.meun_top ul li:hover { background:#e29613;}
.meun_top ul li a { color:#fff;}


/*面包头*/
.neiye_nav { height:44px; line-height:44px; font-size:14px;} 
.neiye_nav a { color:#333;}


/*内页左右布局*/
.show_box { display:flex;}
.show_box_l { width:320px;}
.show_box_l .show_box_title { height:60px; line-height:60px; background:#ff9900; padding:0 20px; border-top:1px solid #ff9900;}
.show_box_l .show_box_title strong { background:url(../img/42_23022211.png) no-repeat left 6px; font-size:20px; padding-left:30px;color:#fff;}
.show_box_l ul li { margin-top:10px; line-height:50px; background:#f5f5f5; padding-left:20px; font-weight:700; font-size:16px;}
.show_box_l ul li a { color:#555; display:block;}
.show_box_r { width:840px; margin-left:auto;}
.product_show_list_title { height:40px; line-height:40px;border-bottom:1px solid #ededed; color:#ff9900; font-size:16px;}

/*产品内页列表*/
.product_show_list { overflow:hidden; padding-top:15px;}
.product_show_list ul { display:flex; flex-wrap:wrap;}
.product_show_list li { float:left; width:23.5%; margin-right:2%; box-sizing:border-box;}
.product_show_list li:nth-child(4n+4) { margin-right:0;}
.product_show_list li:nth-child(1n+5) { margin-top:2%;}
.product_show_list li .image { width:100%; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.product_show_list li .image img { width:100%;}
.product_show_list li h3 { font-size:14px; display:block; color:#555; font-weight:400; text-align:center; line-height:30px; margin-top:6px;}
.product_show_list li:hover .image { border-color:#ff9900;}
.product_show_list li:hover h3 { color:#ff9900;}

.show_mian_sec {  padding-top:4%;}
.show_mian_sec_title {color: #333;font-size: 24px;padding-bottom:2%; text-align:center;}
.show_mian_sec_info { color:#666; line-height:40px; font-size:14px;text-align:center; background:#eee;}


/*新闻内页列表样式*/
.xinwen_show_list { }
.xinwen_show_list ul li { line-height:50px; font-size:14px;border-bottom: 1px dotted #ccc;}
.xinwen_show_list ul li:before { content:''; display:block; width:4px; height:4px; background:#666;margin: 23px 10px 0 0; float:left;}
.xinwen_show_list ul li span { color:#a9a9a9;}

/*相册内页列表样式*/
.photo_show_list ul { display:flex; flex-wrap:wrap;}
.photo_show_list ul li { width:23.5%; margin-right:2%;}
.photo_show_list ul li:nth-child(4n+4) { margin-right:0;}
.photo_show_list ul li:nth-child(1n+5) { margin-top:2%;}
.photo_show_list ul li .image { width:100%; overflow:hidden;}
.photo_show_list ul li .image img { width:100%; transition:all .5s;}
.photo_show_list ul li .image:hover img { transform:scale(.9);}
.photo_show_list ul li h3 { display:block; font-size:16px; font-weight:400; color:#333; margin:10px 0;}
.photo_show_list ul li h3:hover { color:#ff6700;}
.photo_show_list ul li p { font-size:14px; color:#888; line-height:26px;}

/*公司相册*/
.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 { display:flex;}
.contact_show_l { width:590px;}
.contact_show_l { display:flex; flex-wrap:wrap;}
.contact_show_l li { width:48%; height:172px; background:#f8f8f8; margin-right:4%; text-align:center; font-size:14px; box-sizing:border-box; padding: 0 20px; display: flex;align-items: center;justify-content: center;}
.contact_show_l li:nth-child(2n+2) { margin-right:0;}
.contact_show_l li:nth-child(1n+3) { margin-top:4%;}
.contact_show_l li span { color:#333; display:block; margin:20px 0 15px;}
.contact_show_l li p { color:#ff6700;}


.contact_show_r { width:590px; height:368px; margin-left:auto;}
.contact_show_r iframe { width:100%; height:368px;}



/*荣誉资质*/
.cdx_honor_list { overflow:hidden; margin:30px 0;}
.cdx_honor_list ul li { width:24.25%; float:left; box-sizing:border-box; margin-right:1%; margin-top:15px; border:1px solid #eee; padding:10px;background:#fff;}
.cdx_honor_list ul li:nth-child(4n+4) { margin-right:0;}
.cdx_honor_list ul li .image { width:100%;margin-bottom:15px;}
.cdx_honor_list ul li .image img { width:100%;}
.cdx_honor_list ul li h2 { display:block; font-size:14px; color:#000; margin-bottom:5px; line-height:26px;}
.cdx_honor_list ul li p { line-height:26px; color:#666; font-size:12px;}
.cdx_honor_show { padding-top:30px;}
.cdx_main_honor_show img { max-width:100%;}
.honor_title { height:50px; line-height:50px; font-size:22px; color:#333; text-align:center; display:block;}
.cdx_info { line-height:30px; font-size:14px; color:#999; text-align:center;margin: 15px 0 30px;}
.cdx_honor_show dl { line-height:40px; font-size:14px; overflow:hidden; float:left; width:48%;}
.cdx_honor_show dl:nth-child(2n+2) { float:right;}
.cdx_honor_show dl dt { float:left; color:#888; width:20%;}
.cdx_honor_show dl dd { float:left; color:#000; width:80%;}
.honor_zsjs { line-height:30px; color:#666; font-size:14px;}
.honor_zstp { overflow:hidden; width:100%; text-align:center;}
.honor_zstp img { max-width:100%;}


/*预览区*/
.show_preview { display:flex;}
.show_preview_l { margin-right:20px;}
.show_preview_l img { width:420px; border:1px solid #eee;}
.show_preview_r h1 { font-size:18px; color:#333; display:block; font-weight:400;}
.show_preview_r p { line-height:24px; font-size:14px; color:#888; margin:10px 0;}
.show_preview_r .base { border-top:1px solid #eee;}
.show_preview_r .base dl{overflow:hidden;width:100%;font-size:14px;line-height:40px;}
.show_preview_r .base dt{float:left;color:#888;width:85px;}
.show_preview_r .base dd{overflow:hidden;;color:#000;}


/* 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;}