@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333333;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:14px; font-family:微软雅黑; overflow-x: hidden;-webkit-text-size-adjust: 100% !important; color:#333333; background:#FFFFFF}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.text_l{ text-align:left !important;}
.text_l img{ float:left !important;}
.blank0{ width:100%; height:0px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}

/*首页*/
.center{ width:1200px; margin:0 auto;}

.center{ width:1200px; margin:0 auto;}
.headertop{ height:35px; line-height:35px; background:#f4f4f4; display:block; color:#999999}
.headertop a{ color:#999999;}
.headertop .on{ color:#13a3ef; font-weight:bold}


.header{ width:100%; height:97px; display:block; position:relative; z-index:2; overflow:hidden}
.header .logo{ float:left; margin-top:19px;}
.header .tel{ float:right; margin-top:25px; background:url(../images/tel.jpg) no-repeat; padding-left:53px;}

.header .tel .tel2{ font-size:28px; font-weight:bold; color:#094b93; line-height:28px;}


.navbg{ background:url(../images/nav_bg.jpg); height:49px; line-height:49px; text-align:center}
.nav{ font-size:16px; }


.nav a{ float:left; width:197px; border-left:1px solid #CCCCCC;}
.nav a:last-child{ border-right:1px solid #CCCCCC; float:left;}
.nav a:hover{ background:url(../images/nav_on_bg.jpg); color:#FFFFFF}
.nav .a_on{ background:url(../images/nav_on_bg.jpg); color:#FFFFFF}


.mobile_bg{ width:100%; overflow:hidden; display:none; background:#FFF; position:relative; overflow-y:auto;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:36px; margin-left:3%; }

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc; text-align:left;}
.mobile_nav_in>li div{ color:#FFF; line-height:40px;}
.mobile_nav_in>li .span_arrow{ display:block; width:40px; height:40px; background:url(../images/nav_mobie_bg.png) center center no-repeat; position:absolute; top:0; right:2.5%;}
.mobile_nav_in>li a{ position:relative;}

.nav_step1{ float:left; display:block; width:94%; padding:0 3%; min-height:40px; line-height:40px; color:#666;}
.nav_step2_list{ width:100%; display:none;}
.nav_step2_list>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.nav_step2{ float:left; display:block; width:93%; padding:0 3% 0 4%; min-height:40px; line-height:40px; color:#666;}
.nav_step3_list{ width:100%; display:none;}
.nav_step3_list>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.nav_step3{ float:left; display:block; width:92%; padding:0 3% 0 5%; min-height:40px; line-height:40px; color:#666;}
.nav_step4_list{ width:100%; display:none;}
.nav_step4_list>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.nav_step4{ float:left; display:block; width:91%; padding:0 3% 0 6%; min-height:40px; line-height:40px; color:#666;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; top:11px;}
.header_mobile1 .span1{ display:block; height:3px; background:#007cbd; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#007cbd; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#007cbd; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/* banner css */
.slideBox{ width:100% !important; height:521px; overflow:hidden; position:relative; z-index:1; display:block; background:#eeeeee}
.slideBox .hd{ width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:27px; z-index:1; cursor:pointer;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-table;}
.slideBox .hd ul li{ float:left; margin:0 8px; width:17px; height:17px; background:url(../images/point.png) no-repeat; cursor:pointer;}
.slideBox .hd ul li.on{ background:url(../images/point_on.png) no-repeat;}
.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:526px; zoom:1; vertical-align:middle;}
.slideBox .bd ul li a{ display:block; width:100% !important; height:462px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-12px; z-index:1; display:block; width:71px; height:71px; background:url(../images/prev.png) center center no-repeat;}
.slideBox .next{ position:absolute; right:3%; top:50%; margin-top:-12px; z-index:1; display:block; width:71px; height:71px; background:url(../images/next.png) center center no-repeat;}

#swiper1 {
	width: 100%;
	height: 100%;
	display:none;
}
#swiper1 .swiper-slide img{ width:100%; display:block;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}



.index1{ background:#f0f0f0; line-height:62px}
.index1 .center{ white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.index1 a{ color:#666666; margin:0 15px;}
.index1 a:first-child{ margin-left:0px;}

.index2{ padding-top:44px; padding-bottom:55px;}
.index2 .title{ text-align:center;}
.index2 .title .name{ font-size:40px; font-weight:bold; margin:0 17px}
.index2 .link{ width:64px;height:2px;margin:auto;background-color:#e6e6e6; margin-top:18px; margin-bottom:50px}
.index2 .product{ overflow:hidden}
.index2 .product li{float:left;width:285px; margin:0 8px}
.index2 .product li:first-child{ margin-left:0}
.index2 .product li:last-child{ margin-right:0}
.index2 .product li .product_img{width:285px; height:215px; display:block}
.index2 .product li .product_title{ line-height:49px; height:49px; border:1px solid #d7d7d7;padding-left:22px; padding-right:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:url(../images/add.jpg) no-repeat 240px center}
.index2 .product li a{ font-size:16px}
.index2 .product li:hover .product_title{ color:#006cb7; background-image:url(../images/addon.jpg)}


.index3{ background:url(../images/index2.jpg) center center no-repeat; height:193px;}


.index4{ background:url(../images/index3.jpg) center center no-repeat; height:471px;}
.index4 .float_l{ width:50%;}
.index4 .float_l .title{ font-size:30px; height:97px; line-height:97px; margin-top:55px; border-bottom:2px solid #d5d5d5; width:515px;  background:url(../images/ico1.png) 0px center no-repeat;}
.index4 .float_l .title1{ font-weight:bold; margin-left:70px;}
.index4 .float_l .content{ width:515px; line-height:30px; margin-top:10px; font-size:16px}
.index4 .float_r{ width:50%}


.index5{ background:url(../images/index4.jpg) center center no-repeat; height:535px; color:#FFFFFF}
.index5 .float_l{ width:50%;}
.index5 .float_l img{ margin-top:90px; margin-left:32px;}
.index5 .float_r{ width:50%;}
.index5 .float_r .title{ font-size:30px; height:97px; line-height:97px; margin-top:95px; border-bottom:3px solid #FFFFFF;  background:url(../images/ico2.png) 0px center no-repeat; overflow:hidden}
.index5 .float_r .title1{ font-weight:bold; margin-left:68px;}
.index5 .float_r .content{ width:515px; line-height:30px; margin-top:20px; font-size:16px}


.index6{ padding-top:44px; padding-bottom:55px; overflow:hidden}
.index6 .title{ text-align:center;}
.index6 .title .name{ font-size:40px; font-weight:bold; margin:0 17px}
.index6 .link{ width:64px;height:2px;margin:auto;background-color:#e6e6e6; margin-top:18px; margin-bottom:50px}
.index6 .float_l{ width:399px; background:#000000}
.index6 .float_l video{ height:272px;}
.index6 .float_l .index6_1{ background:#f5f5f5; padding:10px 23px; padding-bottom:23px;}
.index6 .float_l .index6_1 .videotitle{ color:#353535; font-size:16px; font-weight:bold; line-height:40px;}
.index6 .float_l .index6_1 .content{ color:#9b9b9b; line-height:25px;}
.index6 .float_r{ border-top:2px solid #efefef; width:766px;}
.index6 .float_r li{ border-bottom:2px solid #efefef; overflow:hidden}

.index6 .float_r li .time{ float:left; margin-left:48px; width:104px; height:100px; margin-top:30px;}
.index6 .float_r li .time .time1{ color:#8f8f8f; font-size:24px}
.index6 .float_r li .time .time2{ color:#8f8f8f; font-size:12px}
.index6 .float_r li .news{ float:left; height:100px; margin-top:30px; width:580px; line-height:25px;}
.index6 .float_r li .news .newstitle{ color:#353535; font-size:16px; font-weight:bold}
.index6 .float_r li .news .content{ color:#9b9b9b; margin-top:8px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}


.index7{ padding-top:44px; padding-bottom:55px; background:url(../images/index5.jpg) center center no-repeat; height:281px}
.index7 .title{ text-align:center;}
.index7 .title .name{ font-size:40px; font-weight:bold; margin:0 17px}
.index7 .link{ width:64px;height:2px;margin:auto;background-color:#e6e6e6; margin-top:18px; margin-bottom:50px}



.sw21 { display:none; position:relative}
.sw2 { position:relative}
#swiper2 {width: 1109px; overflow:hidden; max-height:200px;}
#swiper2 .swiper-slide img{ width:100%; display:block;}

.swiper-button-next2{ width:30px; height:30px; position:absolute; top:35%;right:0px; background:url(../images/ssr1.jpg) no-repeat; cursor:pointer; z-index:10;}
.swiper-button-next2:hover {background:url(../images/ssr.jpg) no-repeat;}
.swiper-button-next2:focus {outline: none;}
.swiper-button-prev2{ width:30px; height:30px; position:absolute; top:35%;left:0px; background:url(../images/ssl1.jpg) no-repeat; cursor:pointer; z-index:10;}
.swiper-button-prev2:hover {background:url(../images/ssl.jpg) no-repeat;}
.swiper-button-prev2:focus {outline: none;}

#swiper21 {width: 80%;}
#swiper21 .swiper-slide img{ width:100%; display:block;}

.swiper-button-next21{ width:30px; height:30px; position:absolute; top:35%;right:0; background:url(../images/ssr1.jpg) no-repeat; cursor:pointer; z-index:10;}
.swiper-button-next21:hover {background:url(../images/ssr.jpg) no-repeat;}
.swiper-button-next21:focus {outline: none;}
.swiper-button-prev21{ width:30px; height:30px; position:absolute; top:35%;left:0; background:url(../images/ssl1.jpg) no-repeat; cursor:pointer; z-index:10;}
.swiper-button-prev21:hover {background:url(../images/ssl.jpg) no-repeat;}
.swiper-button-prev21:focus {outline: none;}



.neiye_banner{ width:100%; height:300px; display:block; background-repeat:no-repeat; background-position:center;}

.details .float_r{ width:880px}
.position1{ width:100%; overflow:hidden; border-bottom:2px solid #dedede; margin-top:40px; padding-bottom:20px;}
.position1_1{ float:left; font-size:28px; line-height:28px; color:#353535; font-weight:bold; border-left:3px solid #127dce; padding-left:21px;}
.position1_2{ line-height:28px; float:right; background:url(../images/menu5.jpg) no-repeat 0 center; padding-left:20px;}
.position1_2 span{ color:#676767;}

.input1{  color:#bcbcbc; font-size:12px; padding:0 10px; width:178px; height:36px; border:1px solid #eeeeee; background:#ffffff}
.button1{  height:38px; width:38px;  background:#2570c1; color:#FFFFFF; border:0; cursor:pointer;}

.menu{ margin-top:-34px;}
.menu .menu2 li{ background:url(../images/menu2.jpg) no-repeat; width:266px; height:63px; border:1px solid #eaeaea; margin-top:-1px; line-height:22px; height:63px; position:relative; }
.menu .menu2 li a{ position:absolute; top:50%; transform:translate(0,-50%); padding-left:23px ; padding-right:53px;}
.menu .menu2 .on{ color:#075caf; font-weight:bold; background-image:url(../images/menu2_on.jpg)}

.menu1{ background:url(../images/menu1.jpg) no-repeat; width:268px; height:69px; overflow:hidden}
.menu1 .menu1_1{ color:#FFFFFF; font-size:20px; font-weight:bold; margin-top:13px; margin-left:23px;}
.menu1 .menu1_2{ color:#FFFFFF; font-size:10px; margin-left:23px;}

.search{ margin-top:20px;}
.menu3{ background:url(../images/menu3.jpg) no-repeat; height:169px; border:1px solid #eaeaea; text-align:center}
.menu3 .menu3_1{ border-bottom:1px solid #eaeaea; line-height:73px}
.menu3 .menu3_2{ color:#425472; text-align:center; line-height:34px; margin-top:9px; margin-bottom:6px;}
.menu3 .menu3_3{ background:#0058b4; color:#fefeff; border-radius:10px; padding:6px 40px;}

.product{ margin-top:19px; background:#f9f9f9; overflow:hidden}
.product .product1{ background:#f0f0f0; margin:15px 10px; line-height:33px; padding:0 10px; font-size:18px; font-weight:bold}
.product .product2{ margin:15px 10px}
.product .product2 li{ background:url(../images/menu4.jpg) no-repeat 0 center; line-height:26px; padding-left:10px}
.product .product2 li a{ color:#353535; font-size:12px}

.details .content{ line-height:30px; color:#666; word-wrap:break-word;}

.page{ font-size:16px;  text-align:center;}
.page a{ border:1px solid #c8c8c8; color:#999999; display:inline-block; height:30px; line-height:30px; padding:3px 12px; margin:0 5px; border-radius:5px}
.page span{ border:1px solid #c8c8c8; color:#999999; display:inline-block; height:30px; line-height:30px; padding:3px 12px; margin:0 5px; border-radius:5px}
.pager span.current{ border:1px solid #0058b1; background:#0058b1; color:#FFF;}

.turnpage{ line-height:32px; padding:20px 0; border-bottom:1px solid #eeeeee; margin-bottom:16px;}
.turnpage a{ line-height:32px; color:#555}

.turnpage .back{ float:right; padding:4px 30px; border-radius:20px; margin-top:10px; background:url(../images/news_in.png) #13a3ef no-repeat 30px center;}
.turnpage .back a{ color:#FFFFFF}

.linktitle{ line-height:50px; border-bottom:1px solid #eeeeee;}
.linktitle span{ font-size:20px; font-weight:bold; border-bottom:2px solid #0058b1; padding-bottom:13px;}
.linktitle a{ float:right; color:#014099}

.linkproduct{ overflow:hidden}
.linkproduct li{float:left;width:209px; margin:0 6px}
.linkproduct li:first-child{ margin-left:0}
.linkproduct li:last-child{ margin-right:0}
.linkproduct li .product_img{width:209px; height:158px; display:block}
.linkproduct li .product_title{ line-height:49px; height:49px; border:1px solid #d7d7d7;padding-left:22px; padding-right:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:url(../images/add.jpg) no-repeat 180px center}
.linkproduct li:hover .product_title{ color:#006cb7; background-image:url(../images/addon.jpg)}

.button2{  padding:9px 40px; border-radius:20px; margin-top:10px; font-size:16px; color:#FFFFFF; background:#13a3ef; margin-right:17px;}
.button3{  padding:9px 40px; border-radius:20px; margin-top:10px; font-size:16px; color:#FFFFFF; background:#e0753f;}

.details .honor{ margin-left:30px;}
.details .honor li{ float:left; width:248px; padding:0 11px; margin-bottom:32px; text-align:center;  background:url(../images/honor.jpg) repeat-x bottom}
.details .honor li a{ border:1px solid #ececec; display:block}
.details .honor li img{ max-width:100%; height:188px; display:block; margin:auto}
.details .honor li .title{line-height:58px; font-size:16px;  display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:#eeeeee;}
.details .honor li .bottom{ height:35px; display:block;}
.details .honor li:hover a{ box-shadow: 0px 5px 20px  #d0dff2; border:1px solid #2570c1;}
.details .honor li:hover .title{ background:#2570c1; color:#fff}

.details .news .news_1 { line-height:24px; overflow:hidden; border-bottom:1px solid #ededed;}
.details .news .news_1 img{ width:186px; height:115px; float:left; margin-right:25px; margin-bottom:20px}
.details .news .news_1 .title{ font-size:16px; font-weight:bold; margin-bottom:15px}
.details .news .news_1 .desc{ color:#999999; margin-bottom:10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.details .news .news_1 .time{ color:#bebebe}
.details .news li{ background:url(../images/nav_mobie_bg.png) no-repeat 0 center; border-bottom:1px solid #ededed; line-height:45px; overflow:hidden; padding-left:14px;background-size:5px 10px;}
.details .news li .time{ float:right; color:#bebebe}

.details .newsin{ border-bottom:1px solid #eeeeee;}
.details .newsin .title{ margin-top:-17px; font-size:24px; text-align:center}
.details .newsin .title2{ color:#999999; text-align:center; line-height:34px; border-bottom:1px solid #eeeeee; padding-bottom:10px; margin-bottom:38px;}

.details .link ul{ margin-top:25px;}
.details .link ul li{ line-height:32px; overflow:hidden;}
.details .link ul li a{ color:#666666}
.details .link ul li .time{ float:right; color:#bebebe}


.details .business{ margin-top:-10px;}
.details .business_d .title{ color:#023f95; font-size:20px; font-weight:bold; background:url(../images/business_in1.jpg) no-repeat 0 center; padding-left:30px;}
.details .business_d .desc{ background:url(../images/business.jpg) no-repeat 0 center; height:122px; padding-top:27px; padding-left:30px;}
.details .business_d .desc .left { float:left}
.details .business_d .desc .left a{ background:url(../images/business1.jpg) no-repeat; float:left; width:262px; clear:both; line-height:32px; margin-bottom:16px; color:#FFFFFF; padding-left:14px;}
.details .business_d .desc .right{ margin-left:122px; float:left; width:422px; line-height:24px;}

.details .business_in .title{ color:#023f95; font-size:20px; font-weight:bold; background:url(../images/business_in1.jpg) no-repeat 0 center; padding-left:30px;}


.details .productl{ overflow:hidden; margin-top:-40px;}
.details .productl li{float:left;width:281px; margin:40px 6px 0 6px}
.details .productl li .product_img{width:281px; height:211px; display:block}
.details .productl li .product_title{ line-height:49px; height:49px; border:1px solid #d7d7d7;padding-left:22px; padding-right:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:url(../images/add.jpg) no-repeat 240px center}
.details .productl li a{ font-size:16px}
.details .productl li:hover .product_title{ color:#006cb7; background-image:url(../images/addon.jpg)}


.details .product_in .pic{ float:left; width:440px; margin-right:38px;}
.details .product_in .title{ line-height:50px; font-weight:bold; font-size:26px}
.details .product_in .desc{ line-height:28px; font-size:16px; margin-top:16px; margin-bottom:30px;}
.details .product_in .tel{ font-size:16px; font-weight:bold; width:100%; margin-top:20px;}
.details .product_in .tel span{ color:#094b93; font-size:28px}
.details .product_in .ms{ background:#13a3ef; float:left; font-size:16px; color:#fff; padding:7px 24px;}
.details .product_in .content{ border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; clear:both}



.footer1{ background:#007fcc; color:#FFFFFF; height:56px; line-height:56px;}
.footer1 a{ color:#FFFFFF;}

.footer2{ background:#f5f5f5; overflow:hidden; color:#424242}
.footer2 img{ float:left}
.footer2 .footer2_1{ overflow:hidden}
.footer2 .footer2_1 .footer2_1_1{ margin:52px 81px 49px 28px; float:left}
.footer2 .footer2_1 .footer2_1_2{ border-left:1px solid #e1e1e1; float:left; padding-left:48px; padding-top:10px; margin-top:60px; margin-right:40px; height:135px;}
.footer2 .footer2_1 .footer2_1_2 .footer2_1_2_1{ float:left; margin-right:32px;}
.footer2 .footer2_1 .footer2_1_2 .footer2_1_2_2{ float:left; margin-top:25px;}
.footer2 .footer2_1 .footer2_1_2 .footer2_1_2_2 .title{ font-size:14px; line-height:22px;}
.footer2 .footer2_1 .footer2_1_2 .footer2_1_2_2 .content{ font-size:18px; line-height:22px; margin-bottom:30px;}

.footer2 .footer2_1 .footer2_1_3{ border-left:1px solid #e1e1e1; float:left; padding-left:60px; padding-top:25px; margin-top:60px; margin-right:23px; height:120px;}
.footer2 .footer2_1 .footer2_1_3 .footer2_1_3_1{ background:url(../images/foot3.jpg) no-repeat; padding-left:50px; font-size:22px; line-height:22px; margin-bottom:18px;}
.footer2 .footer2_1 .footer2_1_3_2{ line-height:14px; margin-bottom:10px;}

.footer2 .footer2_1 .footer2_1_4{ border-left:1px solid #e1e1e1; float:left; padding-left:57px; padding-top:10px; margin-top:60px; line-height:24px; height:135px;}
.footer2 .footer2_1 li{ background:url(../images/foot6.jpg) no-repeat 0 center; padding-left:10px;}

.footer2 .footer2_2{ border-top:1px solid #e1e1e1; height:60px; line-height:60px; overflow:hidden; }

.piaofu{ position:fixed; bottom:10%; right:0; z-index:9999; display:block;}
.piaofu li{ float:left; clear:both; margin:1px 0 0 0; position:relative;}
.piaofu li a{ display:block; width:48px; height:48px; position:relative; z-index:10;}
.piaofu li div{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu li:nth-child(1) a{ background:url(../images/piaofu0.png) center center no-repeat; height:55px;}
.piaofu li:nth-child(2) a{ background:url(../images/piaofu1.png) center center no-repeat}
.piaofu li:nth-child(3) a{ background:url(../images/piaofu2.png) center center no-repeat}
.piaofu li:nth-child(4) a{ background:url(../images/piaofu4.png) center center no-repeat}
.piaofu li:nth-child(5) a{ background:url(../images/piaofu3.png) center center no-repeat}
.piaofu li:nth-child(6) a{ background:url(../images/piaofu5.png) center center no-repeat}
/*
.piaofu li:nth-child(1) a:hover{ background-color: #0075ba;}
.piaofu li:nth-child(2) a:hover{ background-color: #0075ba;}
.piaofu li:nth-child(3) a:hover{ background-color: #0075ba;}
.piaofu li:nth-child(4) a:hover{ background-color: #0075ba;}
.piaofu li:nth-child(5) a:hover{ background-color: #0075ba;}
.piaofu li:nth-child(6) a:hover{ background-color: #0075ba;}
*/
.piaofu1{ position:absolute; top:0; right:-260px; width:260px; height:48px; line-height:48px; z-index:1; background:#000000; opacity: 0.4; color:#FFF; text-align:center}
.piaofu li:hover .piaofu1{ right:49px;}
.piaofu3{ position:absolute; top:0; right:-122px; width:120px; height:120px; z-index:1; border:1px solid #9a9a9a; background:#FFF;}
.piaofu3 img{ display:block; width:110px; height:110px; margin:5px;}
.piaofu li:hover .piaofu3{ right:49px;}