@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#eb2c28; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1100px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ background:#0c5ab5 url(../images/topbg.png) top center no-repeat; width:100%; margin:0; overflow:hidden;}
.head_top h1{ width:300px; float:left; margin:24px 0;}
.head_top h1 img{ width:100%;}
.head_top .h_t_right{ float:right; width:721px;}
.head_top .h_t_right .rexian{ width:100%; margin:0 auto; overflow:hidden;}
.head_top .h_t_right .rexian .rx_d{ float:right; margin:6px 0; background:url(../images/rexian.png) left center no-repeat; padding:0 0 0 36px; font-size:16px; color:#fff; line-height:28px;}
.head_top .h_t_right .rexian .rx_d span{ font-size:18px; color:#fff; font-weight:bold; line-height:27px;}

/*nav*/
.nav{ width:100%; margin:0;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; width:103px;}
.nav ul li p{ position:relative; background:url(../images/nav_right.jpg) right center no-repeat;}
.nav ul li p a{ font-size:16px; color:#fff; line-height:48px; text-align:right; display:block;}
.nav ul li:hover p a, .nav ul li p a.her{ text-decoration:none; color:#eb2c28;}
.nav .mover{ display:none;}
.nav ul li:hover .mover{ display:block; position:absolute; z-index:99; background:#0c5ab5; width:176px; box-shadow:#0c5ab5 0 1px 3px;}
.nav ul li:hover .mover .erji{ border-bottom:#1366c6 1px solid;}
.nav ul li:hover .mover .erji:last-child{ border-bottom:none;}
.nav ul li:hover .mover .erji a{ font-size:14px; color:#fff; display:block; line-height:36px; padding:0 0 0 12px;}
.nav ul li:hover .mover .erji:hover a{ background:#1366c6; text-decoration:none;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:456px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:456px;}
div.flicking_con{ width:1100px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner{ position:absolute; top:418px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*new_product*/
.new_product{ margin:32px auto;}
.new_p_name{ width:100%; margin:0 auto 23px auto; border-bottom:#d9d9d9 2px solid; position:relative; padding:0 0 5px 0;}
.new_p_name p{ float:left; font-size:20px; color:#0c5ab5; font-weight:bold; line-height:31px;}
.new_p_name p i{ width:19px; height:11px; float:left; background:url(../images/name_tb.png) center no-repeat; margin:10px 8px 0 0;}
.new_p_name a{ float:right; font-size:12px; color:#666; line-height:31px;}
.new_p_name a:hover{ text-decoration:none; color:#eb2c28;}
.new_p_name p:after{ position:absolute; left:0; bottom:-3px; content:''; width:130px; height:4px; background:#0c5ab5; border-radius:4px;}
.new_pduct{ width:100%; margin:0 auto;}
.new_pduct ul{ overflow:hidden;}
.new_pduct ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.new_pduct ul li:nth-child(4n){ margin:0 0 2% 0;}
.new_pduct ul li img{ width:100%;}
.new_pduct ul li em{ text-align:center; font-size:14px; line-height:24px; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:3px 0 0 0;}
.new_pduct ul li a{ color:#666;}
.new_pduct ul li a:hover{ text-decoration:none; color:#eb2c28;}

/*about_us*/
.about_us{ width:100%; background:#ededed; margin:32px auto;}
.hz_width{ position:relative;}
.about_us .hezuo{ width:399px; background:url(../images/hezuobg.png) top center no-repeat; position:absolute; left:0; top:-14px;}
.about_us .hezuo .hz_name{ width:306px; margin:32px auto 23px auto; border-bottom:#fff 2px solid; position:relative; padding:0 0 5px 0;}
.about_us .hezuo .hz_name p{ float:left; font-size:20px; color:#eee; font-weight:bold; line-height:31px;}
.about_us .hezuo .hz_name p i{ width:19px; height:11px; float:left; background:url(../images/name_tb.png) center no-repeat; margin:10px 8px 0 0;}
.about_us .hezuo .hz_name a{ float:right; font-size:12px; color:#eee; line-height:31px;}
.about_us .hezuo .hz_name a:hover{ text-decoration:none; color:#eb2c28;}
.about_us .hezuo .hz_name p:after{ position:absolute; left:0; bottom:-3px; content:''; width:130px; height:4px; background:#fff; border-radius:4px;}
.about_us .hezuo .hzhb{ width:306px; margin:23px auto 8px auto;}
.about_us .hezuo .hzhb ul{ overflow:hidden;}
.about_us .hezuo .hzhb ul li{ width:143px; float:left; margin:0 20px 20px 0;}
.about_us .hezuo .hzhb ul li:nth-child(2n){ margin:0 0 20px 0;}
.about_us .hezuo .hzhb ul li img{ width:100%;}

.about_us .company{ width:690px; float:right;}
.about_us .company .comp_name{ margin:18px auto 23px auto; border-bottom:#d9d9d9 2px solid; position:relative; padding:0 0 5px 0;}
.about_us .company .comp_name p{ float:left; font-size:20px; color:#0c5ab5; font-weight:bold; line-height:31px;}
.about_us .company .comp_name p i{ width:19px; height:11px; float:left; background:url(../images/name_tb.png) center no-repeat; margin:10px 8px 0 0;}
.about_us .company .comp_name a{ float:right; font-size:12px; color:#666; line-height:31px;}
.about_us .company .comp_name a:hover{ text-decoration:none; color:#eb2c28;}
.about_us .company .comp_name p:after{ position:absolute; left:0; bottom:-3px; content:''; width:130px; height:4px; background:#0c5ab5; border-radius:4px;}
.about_us .company .comp_preli{ font-size:14px; color:#525252; line-height:25px; margin:0 0 42px 0;}

/*chejian*/
.chejian{ margin:32px auto;}
.cj_name{ width:100%; margin:0 auto 23px auto; border-bottom:#d9d9d9 2px solid; position:relative; padding:0 0 5px 0;}
.cj_name p{ float:left; font-size:20px; color:#0c5ab5; font-weight:bold; line-height:31px;}
.cj_name p i{ width:19px; height:11px; float:left; background:url(../images/name_tb.png) center no-repeat; margin:10px 8px 0 0;}
.cj_name a{ float:right; font-size:12px; color:#666; line-height:31px;}
.cj_name a:hover{ text-decoration:none; color:#eb2c28;}
.cj_name p:after{ position:absolute; left:0; bottom:-3px; content:''; width:130px; height:4px; background:#0c5ab5; border-radius:4px;}
.img-scroll{ position:relative; width:100%;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:9px; height:17px; top:50%; margin-top:-9px; z-index:999;}
.img-scroll .prev{ left:-22px; cursor:pointer;}
.img-scroll .next{ right:-22px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/prev.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/next.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:400%;}
.img-list li{ float:left; width:3.79%; margin:0 0.45% 0 0; overflow:hidden;}
.img-list li img{ width:100%; transition:all .5s;}
.img-list li span{ width:100%; font-size:14px; color:#333; text-align:center; line-height:24px; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:4px 0 0 0;}

/*news*/
.news{ width:100%; margin:0; overflow:hidden; background:#f2f2f2; padding:20px 0 32px 0;}
.news .news_name{ margin:0 auto 23px auto; border-bottom:#d9d9d9 2px solid; position:relative; padding:0 0 5px 0;}
.news .news_name p{ float:left; font-size:20px; color:#0c5ab5; font-weight:bold; line-height:31px;}
.news .news_name p i{ width:19px; height:11px; float:left; background:url(../images/name_tb.png) center no-repeat; margin:10px 8px 0 0;}
.news .news_name a{ float:right; font-size:12px; color:#666; line-height:31px;}
.news .news_name a:hover{ text-decoration:none; color:#eb2c28;}
.news .news_name p:after{ position:absolute; left:0; bottom:-3px; content:''; width:130px; height:4px; background:#0c5ab5; border-radius:4px;}

.news_left{ float:left; width:345px;}
.news_left img{ width:100%;}
.news_right{ float:right; width:718px;}
.news_right ul{ overflow:hidden;}
.news_right ul li{ overflow:hidden;}
.news_right ul li a{ font-size:14px; color:#525252; line-height:33px; display:block;}
.news_right ul li a:hover{ text-decoration:none; color:#eb2c28;}
.news_right ul li span{ float:right; color:#888;}
.news_right ul li i{ width:15px; height:8px; background:url(../images/news_tb.png) center no-repeat; float:left; margin:13px 10px 0 0;}

/*footer*/
.footer{ background:#0c5ab5;}
.footer .footer_nav{ border-bottom:#86adda 1px solid; text-align:center; font-size:14px; color:#fff; padding:20px 0 6px 0;}
.footer .footer_nav a{ color:#fff; line-height:24px; margin:0 18px;}
.footer .footer_icp{ text-align:center; font-size:12px; color:#fff; line-height:24px; padding:24px 0;}
.footer .footer_icp a{ color:#fff;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/ny_banner1.jpg) center no-repeat; height:268px;}

/*lujing*/
.lujing{ border:#ececec 1px solid; border-left:none; border-top:none; box-shadow:0 2px 5px #ececec; padding:16px 0;}
.lujing a{ font-size:14px; color:#323232; line-height:20px; float:left; font-weight:bold;}
.lujing a:hover{ color:#eb2c28; text-decoration:none;}
.lujing i{ width:5px; height:10px; background:url(../images/lj_jt.png) center no-repeat; float:left; margin:5px 15px;}

/*content*/
.content{ margin:32px auto;}
.content .content_left{ float:left; width:246px;}
.content .content_left big{ font-size:16px; color:#fff; font-weight:bold; line-height:36px; padding:0 0 0 20px; display:block; background:#0c5ab5;}
.content .content_left ul{ border:#ddd 1px solid; border-top:none; overflow:hidden; padding:6px 0; margin:0 0 20px 0;}
.content .content_left ul li{ margin:6px 16px;}
.content .content_left ul li a{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#e8e8e8)); border-radius:4px; display:block; padding:0 0 0 14px; font-size:14px; color:#333; line-height:34px;}
.content .content_left ul li a:hover{ text-decoration:none; background:#eee;}
.content .content_left ul li a.l_hrt{ background:#d9d9d9; color:#000;}
.content .content_left small{ border:#ddd 1px solid; border-top:none; padding:12px 19px 20px 19px; font-size:14px; color:#666; line-height:25px; display:block;}

.content .content_right{ width:826px; float:right;}
.content .content_right .content_name{ font-size:16px; color:#fff; font-weight:bold; line-height:36px; background:#0c5ab5; padding:0 0 0 26px;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px; border:#ddd 1px solid; border-top:none; padding:26px;}
.profiles img{ max-width:100%;}

.shengchan{ border:#ddd 1px solid; border-top:none; padding:26px;}
.shengchan ul{ overflow:hidden;}
.shengchan ul li{ width:22.6%; float:left; margin:0 3.2% 3.2% 0; position:relative;}
.shengchan ul li:nth-child(4n){ margin:0 0 3.2% 0;}
.shengchan ul li img{ width:100%;}
.shengchan ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.shengchan ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shengchan ul li a:hover{ text-decoration:none; color:#eb2c28;}

.shengchan ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shengchan ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shengchan ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shengchan ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shengchan ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shengchan ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shengchan ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shengchan ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

.clientele{ border:#ddd 1px solid; border-top:none; padding:26px;}
.clientele ul{ overflow:hidden;}
.clientele ul li{ float:left; width:17.6%; margin:0 3% 3% 0; background:#fff; position:relative;}
.clientele ul li:nth-child(5n){ margin:0 0 3% 0;}
.clientele ul li a{ display:block; border:#ccc 1px solid; padding:5px;}
.clientele ul li img{ width:100%;}
.clientele ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.clientele ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.clientele ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.clientele ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.clientele ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.clientele ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.clientele ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#eb2c28; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.clientele ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

/*products*/
.products{ border:#ddd 1px solid; border-top:none; padding:26px;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li img{ width:100%;}
.products ul li em{ text-align:center; font-size:14px; line-height:24px; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:3px 0 0 0;}
.products ul li a{ color:#666;}
.products ul li a:hover{ text-decoration:none; color:#eb2c28;}

.product_xq{ border:#ddd 1px solid; border-top:none; border-bottom:none; overflow:hidden; padding:26px 26px 0 26px;}
.product_xq .p_xq_left{ width:48%; float:left;}
.product_xq .p_xq_left img{ width:100%;}
.product_xq .p_xq_right{ width:48%; float:right;}
.product_xq .p_xq_right h3{ font-size:16px; color:#0c5ab5; line-height:20px; margin:0 0 12px 0; font-weight:bold;}
.product_xq .p_xq_right h4{ font-size:14px; color:#666; line-height:25px;}
.product_image{ border:#ddd 1px solid; border-top:none; padding:26px;}
.product_related{ width:100%; border-bottom:#ccc 1px solid; position:relative; height:18px; margin:0 auto 44px auto;}
.product_related h6{ width:180px; border:#ccc 1px solid; overflow:hidden; position:absolute; left:50%; top:0; font-size:16px; line-height:37px; color:#0c5ab5; text-align:center; background:#fff; margin:0 0 0 -90px; font-weight:bold;}
.pro_con{ font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con .biaoqian{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.pro_con .biaoqian span{ font-weight:bold; font-size:15px; color:#525252;}
.pro_con .biaoqian a{ font-size:14px; color:#666; line-height:25px; margin:0 0 0 8px;}
.pro_con .biaoqian a:hover{ text-decoration:none; color:#eb2c28;}

/*ny_news*/
.ny_news{ border:#ddd 1px solid; border-top:none; padding:26px;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 26px 0; position:relative; overflow:hidden;}
.ny_news ul li .news_fl{ width:28%; float:left;}
.ny_news ul li .news_fl img{ width:100%;}
.ny_news ul li .news_fr{ width:67%; float:right; margin:0 2% 0 3%;}
.ny_news ul li h4{ font-size:15px; line-height:25px; color:#333; font-weight:bold; margin:10px 0 2px 0;}
.ny_news ul li span{ font-size:12px; color:#eb2c28; line-height:18px; margin:2px 0; display:block;}
.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}
.ny_news ul li a{ display:block; border:#d9d9d9 1px solid; overflow:hidden;}
.ny_news ul li a:hover{ text-decoration:none;}
.ny_news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#eb2c28; position:absolute; top:0; left:0;}
.ny_news ul li:hover::before{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#eb2c28; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover::after{ width:100%; visibility:visible; z-index:2;}
.ny_news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#eb2c28; position:absolute; bottom:0; right:0;}
.ny_news ul li:hover i:before{ height:100%; visibility:visible; z-index:2;}
.ny_news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#eb2c28; position:absolute; top:0; left:0;}        
.ny_news ul li:hover i:after{ height:100%; visibility:visible; z-index:2;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#eb2c28;}

/*join*/
.join{ border:#ddd 1px solid; border-top:none; padding:26px;}
.join_us{ font-size:14px; color:#666; line-height:25px;}
.jobtitle{ overflow:hidden; margin:26px auto 0 auto; background:#d9d9d9; padding:10px 0;}
.jobtitle span{ float:left; width:25%; text-align:center; font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.jobpanel{ border-bottom:1px dotted #ccc;}
.jobpanel dl{ border-top:1px dotted #ccc; background:#f8f8f8;}
.jobpanel dl dt{ line-height:42px; overflow:hidden;}
.jobpanel dl dt span{ float:left; width:25%; text-align:center; font-size:14px; color:#666;}
.jobpanel dl dt span a{ font-size:14px; color:#eb2c28;}
.jobpanel dl dt span a:hover{ text-decoration:none;}
.jobpanel dl dd{ display:none; padding:10px 0 20px 32px; line-height:25px;}
.jobpanel dl dd h2{ font-size:14px; color:#eb2c28; margin:0 0 6px 0;}

/*contact*/
.contact{ font-size:14px; color:#666; line-height:25px; border:#ddd 1px solid; border-top:none; padding:26px;}
.contact span{ color:#eb2c28; font-size:17px; font-weight:bold; display:block; margin:0 0 6px 0;}


@media screen and (max-width:980px){

	.head_top{ width:1100px;}
	
	.main_visual{ width:1100px;}
	
	.about_us{ width:1100px;}
	
	.news{ width:1100px;}
	
	.footer{ width:1100px;}

}


/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-90px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-90px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background-color:#eb2c28; padding:10px; border-radius:5px; font-size:14px; color:#fff;}
.f-a-bg b{ font-size:18px;}
.f-a-bg:after{ content:""; position:absolute; right:-7px; top:50%; width:0; height:0; margin-top:-6px; border-top:5px solid transparent; border-left:7px solid #eb2c28; border-bottom:5px solid transparent;}
.four-con ul li:hover .f-all-con{ display:block;}
.four-con ul li.a-w1 .f-all-con{ top:-13px; left:-183px;}
.four-con ul li.a-w2 .f-all-con{ top:-44px; left:-154px;}
a.f-icon5, a.f-icon4, a.f-icon1{ width:50px; height:50px; display:inline-block; background:url(../images/ficon1.png) no-repeat 0 -51px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; cursor:pointer;}
a.f-icon4{ background:url(../images/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../images/ficon5.png) no-repeat 0 -51px;}
.four-con ul li:hover a.f-icon5, .four-con ul li:hover a.f-icon4, .four-con ul li:hover a.f-icon1{ background-position:0 0;}