﻿.warp_all img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.warp_all img:hover1,.news_img:hover .news_Limg img{  transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.warp_all.warp_prAll img:hover{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);}
.banner_img{ position:relative; height:520px;}
.banner_img img{ display:block; position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:520px; max-width:none;}
.wap_banner{ display:none; width:100%;}
.chnal_post{ width:100%; height:54px; line-height:54px; background-color:#eeeeef;}
.chanl a{ float:left; display:inline-block; color:#333; width:auto; height:62px; margin-right:50px;}
.chanl a.cur,.chanl a:hover{ background:url(../images/chnal_cur.png) no-repeat bottom;}
.position{ background:url(../images/posi_icon.png) no-repeat left; padding-left:18px;}
.position a{ padding:0 4px;}
.position span{ padding-left:4px;}

/*about*/
.ab_theShow{ height:auto; overflow:hidden; padding:2.4% 0 3%;}
.ab_theam{ background-color:#eeeeef;clear: both;}
.ab_theShow .demo_Nbmore a{ color:#555; border:1px solid #555;}
.ab_theShow .demo_Nbmore{ float:left; padding-top:10%;padding-bottom:2%;}
.ab_theMove{ width:100%; height:auto; overflow:hidden; background-color:#cccccd;}
.ab_theMove .ab_chname{ position:absolute; top:16%; left:0; z-index:20; width:100%;}
.ab_theMove .ab_chname h3{ color:#eeeeef; font-size:32px;}
.ab_owMimg{ position:absolute; top:42%; left:0; z-index:30; width:100%;}
.ab_theMimg{ position:relative;}
.ab_thMtitle{ padding-right:16%;}
.ab_thChlist,.ab_thCshow{ float:left; width:100%;}
.ab_thChlist ul{ margin:0 -11px;}
.ab_thChlist li{ float:left; width:25%; margin-top:22px; padding:0 11px;}
.ab_thChbox{ width:100%;}
.ab_thChimg{ overflow:hidden;border:1px solid #ccc;}
.ab_thCshow{ background-color:#cccccd; padding:4% ;text-align:center;}
.ab_thCsname a{ color:#333; font-size:16px;}
.ab_thCtro{ padding-top:0.4em; line-height:160%;}
.ab_theShow .ab_thChlist .demo_Nbmore{ padding-top:4%;}
.ab_theAimg{ width:100%; overflow:hidden;}
.ab_theMbox{ width:100%; text-align:center; cursor:pointer;}
.ab_thMnum{ display:inline-block; padding:8.8% 4.4%; border:1px solid #FFF; border-radius:50%;}
.ab_thMnum{ color:#eeeeef; font-size:32px; border:1px solid #FFF;}
.ab_thMfor{ color:#FFF; line-height:160%; width:45%; padding-top:1em; margin:0 auto; text-align:center;}
.ab_owMimg .owl-controls{ padding-top:6%; text-align:center;}
.ab_owMimg .owl-prev,.ab_owMimg .owl-next{ display:inline-block; font-size:0; text-indent:-99999; width:71px; height:36px; margin:0 10px;}
.ab_owMimg .owl-prev{ background:url(../images/ab_temlac.png) no-repeat;}
.ab_owMimg .owl-next{ background:url(../images/ab_temrac.png) no-repeat;}
.cur .ab_thMnum{ background-color:#FFF; color:#555;}

/*about-view*/
.ab_view,.pro_thCen,.pro_Vtcen,.pro_Vdcon{ height:auto; overflow:hidden; padding:2.4% 0 3%;}
.ab_chname{padding:15px;}
.ab_chname h3{ color:#333; font-size:20px; font-weight:normal;}
.ab_Vshow{ margin-top:3%; border-top:1px solid #dcdcdc;}
.ab_Vshow,.ab_Vlist,.ab_quality,.ab_quaBan{ float:left; width:100%;}
.ab_Vlist li,.ab_auHot,.ab_aulist,.ab_quaList,.ab_Vcon{ float:left; width:100%;}
.ab_Vall,.ab_Vimg{ overflow:hidden;}
.ab_Vlist li.cur .ab_Vall{ float:right;}
.ab_Vlist li.cur .ab_Vimg{ float:left;}
.ab_Vall{ padding:2%;}
.ab_Vall p{text-indent:25px;margin-bottom:15px;}
.ab_Vall p imgP{margin-left:-25px;}
.ab_Vaname{ color:#333; font-size:18px; padding-bottom:0.2em;}
.ab_chTro{ padding-top:1.4%; line-height:160%; text-align:center;}
.ab_Vline{ width:11%; height:2px; margin:2% 0; background-color:#d7d7d7;}
.ab_ask .ab_Vaname{ color:#000; font-size:22px;}
.ab_auHot{ background-color:#e8e8e8;}
.ab_auHimg{ width:44%; overflow:hidden;}
.ab_auHall{ width:56%;}
.ab_auHall{ padding:4% 12% 0 6%;}
.ab_auHname{ color:#333; font-size:22px;}
.ab_auHtro{ font-size:16px; padding-top:2%;}
.ab_aulist ul{ margin:0 -11px;}
.ab_aulist li{ float:left; width:33.333333%; margin-top:22px; padding:0 11px;}
.ab_auLtro{ padding:2% 7%; line-height:160%; background-color:#cccccd;}
.ab_auLimg{ width:100%; overflow:hidden;}
.ab_quality{ background-color:#f4f4f4;}
.ab_quaName{ color:#333; font-size:28px; padding:4% 0; text-align:center;}
.ab_quaList{ padding-bottom:4%;}
.ab_quaList ul{ margin:0 -11px;}
.ab_quaList li{ float:left; width:25%; padding:0 11px;}
.ab_quaBox{ width:100%;}
.ab_quaImg{ overflow:hidden; border-bottom:3px solid #bbb9b7;}
.ab_quaTitle{ color:#333; padding:0.4em 0 1em; text-align:center;}
.ab_quaBimg2{ display:none;}
.ab_quaBimg1{ position:relative; height:405px;}
.ab_quaBimg1 img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:405px; max-width:none;}
.content{ padding:3% 1%;margin-bottom:2%;border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }

/*oem*/
.pro_theam,.pro_list{ float:left; width:100%;}
.pro_thAdd{ height:auto; overflow:hidden; padding-bottom:4%;}
.pro_thAdd ul{ margin:0 -11px;}
.pro_thAdd li{ float:left; width:50%; padding:0 11px;}
.pro_thAbox{ position:relative; background-color:#e9e9e9; float:left; width:100%; padding:5% 0;}
.pro_thAimg{ float:left; width:100%;}
.pro_thArght{ float:right; width:59%; overflow:hidden;}
.pro_thFor{ position:absolute; top:20%; left:6%; z-index:20; width:57.6%;}
.pro_thFname a{ display:block; color:#000; font-size:40px;}
.pro_thFtro{ font-size:16px; line-height:160%; margin:8% 0;}
.pro_list ul{ margin:0 -11px;}
.pro_list li{ float:left; width:33.333333%; padding:3% 11px;}
.pro_Lshimg{margin:0 auto;padding:15px; overflow:hidden;}
.pro_Lshimg img{border:1px solid #f8f8f8;}
.pro_Lshname{ width:90%;margin:4px auto 0 auto;text-align:right;}
.pro_Lshname a{color:#000;font-size:18px;}
.pro_Lshname .cart{background:#f73737;color:#fff;font-size:14px;padding:5px 8px;}
.pro_Ltro span{float:right;}
.pro_Ltro{ width:80%; line-height:160%; padding:2% 0 0 0; text-align:left; margin:0 auto;}
.pro_Ltro a{color:#f00;font-size:16px;font-weight:bold;}
.pro_Lshow{ width:100%; padding-bottom:6%; border:3px solid #FaFaFa; transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.pro_Lshow .demo_Nbmore{ text-align:center;}
.pro_Lsel{ text-align:center;}
.pro_Lsel a{ display:inline-block;  margin:0 3px; padding:3px; border:1px solid #FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;}
.pro_Lsel a span{ display:block; width:18px; height:18px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;}
.pro_Lsel1 span{ background-color:#c79e9b;}
.pro_Lsel2 span{ background-color:#435679;}
.pro_Lsel3 span{ background-color:#f4f0e0;}
.pro_Lsel4 span{ background-color:#707070;}
.pro_Lsel a.cur{ border:1px solid #ccc;}
.pro_list li:hover .pro_Lshow{ border:3px solid #eeeeef;  transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.clear{clear:both;}
/*oem-view*/
.pro_Vt{ float:left; width:100%; background-color:#f3f3f3;}
.pro_Vthtop{ float:left; width:100%; padding-bottom:2%;}

.pro_Vthimg{ width:45%;}
.pro_Vthfor{ width:45%; padding-left:2%;}
.pro_price{background:#f6f6f6;color:#f96868;font-size:22px;padding:20px;}
.pro_Vthimg{ overflow:hidden;}
.pro_Vthfname{ width:90%; color:#000; font-size:24px;padding:20% 0 10px 10px;}
.pro_sun{padding:12px 10px;color:#888;}
.pro_sun input{width:60px;border:1px solid #ddd;padding:5px;}
.pro_Vthpo{ float:left; width:100%; padding-top:4%;}
.pro_Vthpo a{ color:#FFF; font-size:16px; line-height:normal; padding:2% 3%;margin-right:15px;}
.pro_Vthpo a.plus{background:#e9595b;}
.pro_Vthpo a.heart{background:#f2a654;}
.pro_Vthdown{ float:left; padding:0 4%; position:relative; width:100%;}
.pro_Vthdown a,.pro_Vthdown a span{ display:block; width:100%;}
.pro_Vthdown a{ padding:0 3px;}
.pro_Vthdown a span{ background-color:#FFF; overflow:hidden; border:1px solid #dcdcdc;}
.pro_Vthdown .owl-prev,.pro_Vthdown .owl-next,.load_Mcmove .owl-prev,.load_Mcmove .owl-next{ position:absolute; top:50%; font-size:0; text-indent:-99999; width:14px; height:52px; z-index:30;}
.pro_Vthdown .owl-prev,.pro_Vthdown .owl-next{ margin-top:-26px;}
.pro_Vthdown .owl-prev,.load_Mcmove .owl-prev{ background:url(../images/pro_vlac.png) no-repeat; left:0;}
.pro_Vthdown .owl-next,.load_Mcmove .owl-next{ background:url(../images/pro_vrac.png) no-repeat; right:0;}
.pro_Vd{ float:left; width:100%;}
.pro_Vdmess,.pro_Vdmshow{ float:left; width:100%;}
.pro_Vdmess{ padding-bottom:2%;}
.pro_Vdmbox{ padding:11px 0;}
.pro_Vdcheck{width:100% !important;}
.pro_Vdcheck label{display:inline-block;width:auto;}
.pro_Vdmbox{ float:left; width:50%; min-height:36px; line-height:36px; height:auto; overflow:hidden;}
.label{ display:inline-block; width:20%; text-align:right; padding-right:14px;}
.com_text{ display:inline-block; font-family:"MyriadPro Regular"; color:#555; font-size:14px; width:73%; line-height:20px; padding:7px; border:1px solid #dcdcdc;}
.com_text:focus,.pro_imgUp:focus{ box-shadow:0 0 3px #ccc inset; -moz-box-shadow:0 0 3px #ccc inset; -webkit-box-shadow:0 0 3px #ccc inset; -o-box-shadow:0 0 3px #ccc inset; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pro_text{ height:36px;}
.com_xx{ color:#f50000; padding-left:12px; display:inline-block;}
.com_check{ width:60%;}
.com_check li{ float:left; width:142px;}
.com_check li input{ margin-right:14px;}
.pro_Vdmwd .pro_Vdmbox{ width:100%;}
.pro_Vdmwd .label{ width:11.5%;}
.pro_Vdmwd .com_area{ width:86.5%;}
.com_area{ height:180px;}
.com_sub{ display:block; background-color:#323333; color:#FFF; font-size:16px; line-height:normal; padding:0.5em 6%; margin:0 auto; border:0; border:none; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.com_sub:hover{ background-color:#000;}

/*page*/
.page{ float:left; width:100%; padding-top:2%; text-align:center;}
.page li {display:inline;}
.page li a,.page li span{display:inline; color:#888;border:1px solid #cacaca;padding:5px 10px;margin:0 3px;}
.page li .current{background:#e6730e;color:#fff;}
.page li .disabled{background:#efefef;}
.page a.on,.page a:hover{ color:#000;}

/*media_new*/
.news_list{ float:left; width:100%;}
.news_list ul{ margin:0 -11px;}
.news_list li{ float:left; width:33.333333%; padding:0 11px 2.4%;}
.news_img a{ display:block; position:relative; width:100%;}
.news_Limg{ display:block; width:100%; overflow:hidden;}
.news_list .demo_Nfshow{ bottom:0;}
.news_title{ padding-top:1.2em; padding-bottom:0.2em;}
.news_title a{ display:block; color:#000; font-size:18px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_time{ text-indent:15px;color:#888;}
.news_intro{ line-height:160%; margin:0.1em 0 0.8em;text-indent:25px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

/*media_newView*/
.title{ color:#333; font-size:18px; padding-bottom:0.5em; text-align:center;}
.infor{ height:20px; line-height:20px; text-align:center;}
.infor span{ display:inline-block; padding-right:20px; }
.infor1{ background:url(../images/infor_icon1.png) no-repeat left;}
.infor2{ background:url(../images/infor_icon2.png) no-repeat left;}
.news_view{ padding-top:1%; padding-bottom:2%; margin-top:1%; border-top:1px solid #dcdcdc;}
.news_view .content{ width:96%;border:0px; margin:0 auto; padding:0;}
.news_view .content img,
.pro_Vdcon .content img,
.ab_view img,
.join_Vcon .content img{width:auto;}
.news_share{ float:left; width:100%; padding-bottom:3%;}
.news_share .foot_share{ float:right; margin:0;}
.ab_auHname{ padding:0.6em 0; border-bottom:3px solid #f2f2f2;}
.coment_list{ float:left; width:100%;}
.coment_list li{ height:auto; overflow:hidden; padding:1% 3% 1% 1%; border-bottom:1px solid #dcdcdc;}
.coment_img{ width:5.25%; padding-top:2.4%;}
.coment_all{ line-height:160%; width:94.75%; padding-left:2%;}
.coment_time{ color:#888; text-align:right;}
.coment_name{ color:#000; font-size:18px;}
.coment_name .coment_job{ color:#555; font-size:14px; padding-left:14px;}
.coment_tro{ color:#888;}
.coment_how{ text-align:right;}
.coment_how span{ display:inline-block; line-height:24px; padding-left:22px; font-size:12px; margin-left:8px; cursor:pointer;}
.coment_hgod{ background:url(../images/new_ctgod.png) no-repeat left;}
.coment_hjank{ background:url(../images/new_ctjank.png) no-repeat left;}
.register{ padding-top:3%;}
.pro_text2{ width:52%; height:36px;} 
.pro_imgUp{ display:inline-block; background-color:#FFF; font-family:"MyriadPro Regular"; color:#555; font-size:14px; border:1px solid #dcdcdc; width:20%; height:36px; margin-left:4%; cursor:pointer;}
.register .com_sub{ margin-left:10%; background-color:#a7a7a7; width:38%;}

/*media-review*/
.revw_top{ float:left; width:100%; padding-bottom:3%;}
.revw_Tall{ width:52%; padding-left:2%; padding-top:2%;}
.revw_Timg{ width:40%; overflow:hidden;}
.revw_Tname{ color:#333; font-size:28px;}
.revw_Ttro{ color:#888; font-size:16px; margin:4% 0 6%;}
.revw_want a{ background-color:#333; color:#FFF; font-size:22px; padding:1.4% 3%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.revw_dsel{ padding:0.6em 0; border-bottom:1px solid #dcdcdc;}
.revw_dsel a{ font-size:22px; margin-right:6%;}
.revw_dsel a.cur{ padding-bottom:0.5em; color:#000; border-bottom:2px solid #000;}

/*media-support*/
.support,.support_chnal{ float:left; width:100%;}
.support_chnal{ padding:0 6%;}
.support_chnal ul{ margin:0 -28px;}
.support_chnal li{ float:left; width:50%; padding:0 28px;}
.support_chnal li a{ display:block; position:relative; width:100%; overflow:hidden;}
.sup_chShow{ position:absolute; left:50%; top:30%; z-index:20; margin-left:-24%; width:48%;}
.sup_chSname{ color:#FFF; font-size:32px; font-weight:normal;} 

/*media-load*/
.video_chnal{ padding-top:3%;}
.video_chnal a{ color:#333; font-size:18px; padding:0.4em 1em; margin-right:2%;}
.video_chnal a.cur{ border:1px solid #dcdcdc; border-radius:8px;}
.video_show,.video_shList,.video_shAhave{ float:left; width:100%;}
.video_shList ul{ margin:0 -30px;}
.video_shList li{ float:left; width:33.333333%; padding:0 30px; margin-top:2.6%; cursor:pointer;}
.video_shAll,.video_shAimg{ width:100%; overflow:hidden;}
.video_shAhave{ background-color:#eeeeef; line-height:160%; padding:3% 5.5%;}
.video_shAname{ color:#333; font-size:16px;}
.video_shAtro{ color:#888; margin:3% 0;}
.video_shAfor{ float:left; color:#888; width:100%;}
.video_shAfnum{ background:url(../images/video_num.png) no-repeat left; padding-left:22px;}
.load_title{ clear:both; color:#333; font-size:22px; padding:2% 0 1% 1%;}
.load_list{ float:left; width:100%; padding-bottom:3%;}
.load_list li{ clear:both; width:100%; height:44px; margin-top:14px;}
.load_list li a{ display:block; width:100%; height:44px; line-height:42px; padding:0 2%; border:1px solid #dcdcdc;}
.load_name{ font-size:18px;}
.load_icon{ background:url(../images/load_icon.png) no-repeat; width:20px; height:20px; margin-top:11px;}
.load_move{ float:left; width:100%; padding:3% 0; background-color:#eeeeef;}
.load_Mcmove{ float:left; position:relative; width:100%; padding:0 4.6%;}
.load_Mcen{ height:auto; overflow:hidden;}
.load_Mbox{ display:block; width:100%; padding:5px 10px;}
.load_Mbhave{ display:block; width:80%; margin:0 auto;}
.load_Mbimg{ display:block; width:100%; box-shadow: #ccc 0px 0px 5px; -moz-box-shadow: #ccc 0px 0px 5px; -webkit-box-shadow: #ccc 0px 0px 5px; -o-box-shadow: #ccc 0px 0px 5px;}
.load_Mbimg{ overflow:hidden;}
.load_Mbname{ display:block; font-weight:normal; padding-top:18px; height:38px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*text-align:center;*/}
.load_Mcmove .owl-prev,.load_Mcmove .owl-next{ margin-top:-50px;}

/*media-load-tk*/
.media_tk{ display:none; position:fixed; top:50%; margin-top:-12%; left:50%; margin-left:-25%; width:50%; z-index:30000;}
.media_tkTop{ height:44px; line-height:44px; background-color:#333; padding:0 3%;}
.med_tkName{ color:#FFF; font-size:16px; font-weight:normal;}
.med_tkClose{ background:url(../images/media_tkclose.png) no-repeat; width:20px; height:20px; margin-top:12px; cursor:pointer;}
.media_show{ float:left; width:100%; padding:3%; background-color:#FFF;}

/*media-ledge*/
.ledge_list{ float:left; width:100%; padding:3% 0;}
.ledge_list li{ float:left; width:33.333333%; padding:3%;}
.ledge_icon{ width:27.5%; margin:0 auto;}
.bd,.bd .ledge_line span{ background-color:#eee;}
.ledge_name{ color:#000; font-size:22px; padding:0.2em 0 0.6em; text-align:center;}
.ledge_line{ background:url(../images/ledge_lline.png) repeat-x; width:100%; height:7px; text-align:center;}
.ledge_line span{ display:inline-block; background-color:#FFF; padding:0 4%;}
.ledge_line span img{ width:7px;}
.ledge_tro{ line-height:22px; height:110px; margin-top:0.8em;}
.ledg_list{ float:left; width:100%; padding-top:3%;}
.ledg_list ul{ margin:0 -15px;}
.ledg_list li{ float:left; width:33.333333%; padding:15px;}
.ledg_shImg{ width:100%; overflow:hidden;}
.ledg_shAll{ background-color:#eee; padding:4% 0;}
.ledg_shAnum{ color:#000; font-size:56px; width:21%; padding-top:2.4%; text-align:center;}
.ledg_shAcon{ line-height:22px; min-height:66px;}
.ledg_way{ float:left; width:100%; padding-top:2%;}
.ledg_way .ab_chname{ padding-bottom:1%;}
.ledg_way .ab_chTro{ padding-bottom:6%;}

/*ledge-history*/
.history{ float:left; width:100%; background:url(../images/e_cghisline.png) repeat-y center top;}
.history li{ float:left; width:100%;}
.history li.cur{ float:right;}
.history li.cur .his_show{ float:right;}
.his_show{ position:relative; float:left; width:50%; padding-bottom:6%;}
.his_shFor{ float:left; width:84%; line-height:160%; margin-top:-10px;}
.his_shFnum{ position:absolute; right:-9px; top:-10px; font-size:32px; text-align:center;}
.his_shFnum span{ background:url(../images/e_cghisac.png) no-repeat right; padding-right:30px;} 
.history li.cur .his_shFor{ float:right;}
.history li.cur .his_shFnum{ left:-9px; top:-10px; right:auto;}
.history li.cur .his_shFnum span{ background:url(../images/e_cghisac.png) no-repeat left; padding-left:30px;}

/*contact*/
.map{ float:left; display:inline-block; width:100%; padding:3% 0;}
.map_img{ width:100%; overflow:hidden;}
.map_img .elect_img{float:left;}
.map_img .contact{float:left;width:50%;padding:20px 50px;}
.cont_name{ color:#333; font-size:18px; padding-left:1.8%;}
.cont_list{ float:left; width:100%; padding:5% 0 2%;}
.cont_list li{ float:left; width:20%; padding-bottom:3%;}
.cont_img{ width:29%; margin:0 auto;}
.cont_list li h3{ color:#333; font-size:16px; padding:0.6em 0 0.4em;}
.cont_list li h3,.cont_list li p{ text-align:center;}
.cont_list li p{ line-height:22px; height:44px; overflow:hidden;}

/*join*/
.join_banner{ float:left; width:100%; overflow:hidden;}
.join_con{ float:left; width:100%; padding:3% 0;}
.join_con ul{ margin:0 -48px;}
.join_con li{ float:left; width:50%; padding:0 48px;} 
.join_list,.join_list li{ float:left; width:100%;}
.join_rol{ background-color:#eeeeef; height:40px; line-height:40px;}
.join_rel{border-bottom:1px solid #dcdcdc;}
.join_list li>div{ float:left;}
.join_wd1{ width:40%; padding-left:2%;}
.join_wd2,.join_wd3,.join_wd4{ width:20%;}
.join_rel>div{ padding:1% 0;}
.join_rel>div.join_wd1{ padding:1% 0 1% 2%;}
.join_wd1 a{ display:block; line-height:160%;}
.join_Vcon .content{ padding:0 0 3% 0; border-bottom:1px solid #dcdcdc;}
.join_click{ padding-top:2.4%; text-align:center;}
.join_click a{ display:inline-block; color:#eeeeef; width:20%; padding:0.3em 0; margin:0 1%; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.join_cl1{ background-color:#323333;}
.join_cl2{ background-color:#848484;}

/*ab-history*/
.ab_history{ float:left; width:100%; padding-top:6%;}
.ab_history .his_shFor{ position:relative; width:92%; border:1px solid #dcdcdc;}
.his_abImg{ width:43%; overflow:hidden;}
.his_abFor{ width:57%; padding:3% 2% 0 6%; display:inline;}
.his_abFname{ font-size:26px; line-height:normal;}
.his_abFtro{ color:#888; line-height:160%; padding-top:0.4em;}

.pro_Vimg1{ float:left; width:100%; overflow:hidden;}
.pro_Vimg2{ display:none;}
