@charset "utf-8";
/**content盒子居中**/
.content{ max-width:1200px; margin:0 auto;}

/**header开始**/
.header{ border-bottom:1px solid #ddd; line-height:40px;}
.header .h-left{ float:left; font-size:12px;}
.header .h-right{ float:right;}
.header .h-right a{ padding:0 10px; font-size:12px;}

/**logo开始**/
.logo{ padding:30px 0;}
.logo .l-ig{ float:left; width:206px;}
.logo .l-ig img{ width:100%;}
.logo .l-txt{ float:left; margin-left:20px; padding-left:20px; border-left:1px solid #ddd; text-align:center;}
.logo .l-txt h4{ margin-bottom:10px; font-size:18px; color:#097cd9;}
.logo .l-txt p{ font-size:12px;}
.logo .l-dh{ float:right; padding-left:60px; background:url('../img/dh.png') no-repeat;}
.logo .l-dh em{ display:inline-block; margin-top:10px; font-size:16px; font-style:italic; font-weight:bold; color:#f00;}

/**nav开始**/
.nav{ background:#d70b17;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; width:171px;}
.nav ul li:last-child{ width:174px;}
.nav ul li a{ display:block; line-height:50px; text-align:center; color:#fff;}
.nav ul li a.on,.nav ul li a:hover{ background:#454545;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}

.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; display:block; background:#666; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#ea4335; }
.flex-control-paging li a.flex-active{ background:#ea4335; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../img/left.png) center center no-repeat; left:4%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../img/right.png) center center no-repeat; right:4%;}

/**sy-product开始**/
.sy-product{ padding:30px 0;}
.sy-product .sytit{ margin-bottom:30px; text-align:center;}
.sy-product .sytit h3{ margin-bottom:3px; font-size:30px; font-weight:normal; color:#333;}
.sy-product .syfc .menu{ margin-bottom:30px; text-align:center; font-size:0;/**清除间距**/}
.sy-product .syfc .menu li{ display:inline-block; margin:0 1%; padding:10px 1.5%; border:1px solid #ccc; border-radius:5px; font-size:14px; color:#666; cursor:pointer;}
.sy-product .syfc .menu li.active{ background:#097cd9; border:1px solid #097cd9; color:#fff;}
.sy-product .syfc .conns{ display:none;}
.sy-product .syfc .conns ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.sy-product .syfc .conns ul li:nth-child(4n){ margin:0 0 2% 0;}
.sy-product .syfc .conns ul li a{ display:inline-block;	transition:all 0.5s;}
.sy-product .syfc .conns ul li a:hover{ box-shadow:0px 7px 5px #ccc; transform:translateY(-8px);}
.sy-product .syfc .conns ul li a .sypro-img{ overflow:hidden;}
.sy-product .syfc .conns ul li a .sypro-img img{ width:100%; transition:all 0.5s;}
.sy-product .syfc .conns ul li a:hover img{ transform:scale(1.1);}
.sy-product .syfc .conns ul li a .sypro-txt{ padding:8px 0; background:#f0f0f0; text-align:center; color:#000; overflow:hidden;}
.sy-product .syfc .conns ul li a:hover .sypro-txt{ background:#097cd9; color:#fff;}
.sy-product .syfc .conns .p-btn{ margin-top:5px; text-align:center;}
.sy-product .syfc .conns .p-btn a{ position:relative; z-index:2; display:inline-block; padding:15px 80px; border:1px solid #ccc; border-radius:25px; overflow:hidden;}
.sy-product .syfc .conns .p-btn a:hover{ color:#fff;}
.sy-product .syfc .conns .p-btn a:after{ position:absolute; top:0; right:0; z-index:-1; content:''; width:0; height:100%; background:#097cd9; transition:all 0.5s;}
.sy-product .syfc .conns .p-btn a:hover::after{ width:100%; left:0; right:auto;}

/**sy-about开始**/
.sy-about{ padding:50px 0 30px; background:#1d6aa2 url('../img/992_zr63.jpg') no-repeat center bottom;}
.sy-about .a-ig{ float:left; margin:0 40px 0 0; padding:10px; background:#fff;}
.sy-about .a-ig img{ width:100%;}
.sy-about .a-txt{ margin:0 0 0 420px; color:#fff;}
.sy-about .a-txt h5{ margin-bottom:20px; font-size:24px; font-weight:normal;}
.sy-about .a-txt p{ line-height:26px;}
.sy-about .a-txt .a-btn{ margin-top:25px;}
.sy-about .a-txt .a-btn a{ position:relative; z-index:2; display:inline-block; padding:15px 80px; border:1px solid #fff; border-radius:25px; overflow:hidden; color:#fff;}
.sy-about .a-txt .a-btn a:after{ position:absolute; top:0; right:0; z-index:-1; content:''; width:0; height:100%; background:#f00; transition:all 0.5s;}
.sy-about .a-txt .a-btn a:hover::after{ width:100%; left:0; right:auto;}

/**sy-news开始**/
.sy-news{ padding:30px 0;}
.sy-news .syit-tit{ margin-bottom:30px; text-align:center;}
.sy-news .syit-tit h3{ margin-bottom:3px; font-size:30px; font-weight:normal; color:#333;}
.sy-news .synews-con ul li{ float:left; width:32%; margin:0 2% 0 0;}
.sy-news .synews-con ul li:last-child{ margin:0;}
.sy-news .synews-con ul li h4{ height:35px; line-height:35px; margin-bottom:8px; overflow:hidden;}
.sy-news .synews-con ul li h4 a{ display:block; font-size:18px; color:#333;}
.sy-news .synews-con ul li:hover h4 a{ color:#097cd9;}
.sy-news .synews-con ul li span{ position:relative; display:block; margin-bottom:15px; padding-bottom:18px; border-bottom:1px solid #ccc; font-size:12px;}
.sy-news .synews-con ul li span:after{ position:absolute; right:0px; bottom:0px; content:''; width:0px; height:1px; background:#097cd9; transition:0.5s all;}
.sy-news .synews-con ul li:hover span:after{ right:auto; left:0px; width:100%;}
.sy-news .synews-con ul li p{ line-height:26px;}
.sy-news .n-btn{ margin-top:25px; text-align:center;}
.sy-news .n-btn a{ position:relative; z-index:2; display:inline-block; padding:15px 80px; border:1px solid #ccc; border-radius:25px; overflow:hidden;}
.sy-news .n-btn a:hover{ color:#fff;}
.sy-news .n-btn a:after{ position:absolute; top:0; right:0; z-index:-1; content:''; width:0; height:100%; background:#097cd9; transition:all 0.5s;}
.sy-news .n-btn a:hover::after{ width:100%; left:0; right:auto;}

/**footer开始**/
.footer{ padding:30px 0; background:#454545;}
.footer .f-box1{ float:left; width:440px;}
.footer .f-box1 dl{ margin-bottom:20px;}
.footer .f-box1 dl dt{ margin-bottom:10px; font-size:16px; color:#fff;}
.footer .f-box1 dl dd a{ float:left; display:block; width:90px; margin-right:10px; margin-bottom:10px; color:#fff;}
.footer .f-box2{ float:left; width:350px; color:#fff;}
.footer .f-box2 dl dt{ margin-bottom:10px; font-size:16px; color:#fff;}
.footer .f-box2 dl dd{ line-height:2; color:#fff;}
.footer .f-box3{ float:right;}
.footer .f-box3 dl dt{ margin-bottom:10px; text-align:center; font-size:16px; color:#fff;}

.dht_qk{ display:none;}

/**copyright开始**/
.copyright{	background:#d70b17;}
.copyright p{ text-align:center; line-height:40px; color:#fff;}
.copyright p a{ color:#ff0000;}


/**********内页开始**********/
.ny-bat{ width:100%; margin:0 auto; overflow:hidden;}
.ny-bat img{ width:100%;}
.sj-bat{ display:none;}

.ny-container{ padding:30px 0;}
.ny-container .ny-left{ float:left; width:22%;}
.ny-container .ny-left h3{ height:65px; line-height:65px; background:#b5000b; text-align:center; font-size:26px; font-weight:300; color:#fff;}
.ny-container .ny-left ul{ padding:7px 14px 12px; border:1px solid #dfdfdf; box-sizing:border-box; box-shadow:0px 1px 2px #dfdfdf; background:#f0f0f0;}
.ny-container .ny-left ul li{ margin-bottom:3px; line-height:40px; border-bottom:1px solid #fff;}
.ny-container .ny-left ul li a{ display:block; padding-left:20px; color:#000;}
.ny-container .ny-left ul li a.on,.ny-container .ny-left ul li a:hover{ background:#454545; color:#fff;}
.ny-container .ny-right{ float:right; width:75%; padding:20px; border:1px solid #dfdfdf; box-shadow:0px 1px 2px #dfdfdf; box-sizing:border-box;}
.ny-container .ny-right .ny-title{ height:30px; margin-bottom:20px; line-height:30px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.ny-container .ny-right .ny-title .t-tl{ font-size:20px; color:#097cd9;}
.ny-container .ny-right .ny-title .t-tr a:hover{ color:#097cd9; text-decoration:underline;}
.ny-container .ny-right .ny-title .t-tr span{ color:#097cd9;}
.ny-container .ny-right .page{ margin-top:10px; text-align:center; font-size:0;}
.ny-container .ny-right .page a{ display:inline-block; width:30px; height:30px; margin:0 3px; border-radius:5px; background:#efefef; line-height:30px; font-size:14px; text-align:center; vertical-align:top;}
.ny-container .ny-right .page a.current{ background:#097cd9; color:#fff;}
.ny-container .ny-right .page a.pre-page{ background:#efefef url('../img/ppre.png') no-repeat center;}
.ny-container .ny-right .page a.next-page{ background:#efefef url('../img/pnext.png') no-repeat center;}

/**关于我们**/
.ny-container .ny-right .ny-about-box1{ width:100%; margin:0; overflow:hidden;}
.ny-container .ny-right .ny-about-box1 .ny-ig{ width:36%; margin:0 20px 0 0;}
.ny-container .ny-right .ny-about-box1 .ny-ig img{ width:100%;}
.ny-container .ny-right .ny-about-box1 p{ font-size:14px; color:#333; line-height:22px;}

.ny-container .ny-right .ny-about-box2{ width:100%; margin:0 auto;}
.ny-container .ny-right .ny-about-box2 ul{ overflow:hidden;}
.ny-container .ny-right .ny-about-box2 ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.ny-container .ny-right .ny-about-box2 ul li:nth-child(3n){ margin:0 0 2% 0;}
.ny-container .ny-right .ny-about-box2 ul li img{ width:100%;}
.ny-container .ny-right .ny-about-box2 ul li p{ line-height:30px; text-align:center; font-size:14px;}

.ny-container .ny-right .ny-about-box3{ text-align:center;}
.ny-container .ny-right .ny-about-box3 img{ max-width:100%;}

.ny-container .ny-right .ny-about-box4{ text-align:center;}
.ny-container .ny-right .ny-about-box4 img{ max-width:100%;}

/**产品中心**/
.ny-container .ny-right .ny-products{ width:100%; margin:0 auto;}
.ny-container .ny-right .ny-products ul{ overflow:hidden;}
.ny-container .ny-right .ny-products ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.ny-container .ny-right .ny-products ul li:nth-child(3n){ margin:0 0 2% 0;}
.ny-container .ny-right .ny-products ul li a{ display:block; border:1px solid #ddd;}
.ny-container .ny-right .ny-products ul li a:hover{ border:1px solid #097cd9;}
.ny-container .ny-right .ny-products ul li a .cp-ig{ overflow:hidden;}
.ny-container .ny-right .ny-products ul li a .cp-ig img{ width:100%; transition:all 0.5s;}
.ny-container .ny-right .ny-products ul li a:hover .cp-ig img{ transform:scale(1.1);}
.ny-container .ny-right .ny-products ul li a .cp-txt{ height:30px; background:#f0f0f0; line-height:30px; text-align:center;}
.ny-container .ny-right .ny-products ul li a:hover .cp-txt{ background:#097cd9; color:#fff;}

.ny-container .ny-right .ny-productshow{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-productshow .pro_list{ float:left; width:45%; margin-right:4%;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap{ display:none; line-height:0; font-size:0;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-thumbs{ width:100%;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-thumbs img{ max-width:100%;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-thumbs a:link, .sp-thumbs a:visited{ width:18%; margin:0 1% 1%; height:50px; overflow:hidden; opacity:.5; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-thumbs a:hover{ opacity:1;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-large a img{ width:100%; height:auto;}
.ny-container .ny-right .ny-productshow .pro_list .sp-wrap .sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background-color:#444;}

.ny-container .ny-right .ny-productshow .product_xq_right{ width:51%; float:right;}
.ny-container .ny-right .ny-productshow .product_xq_right dl dt{ padding:10px 0;}
.ny-container .ny-right .ny-productshow .product_xq_right dl dt h3{ font-size:20px; color:#000; border-left:3px solid #097cd9; padding-left:10px; line-height:26px;}
.ny-container .ny-right .ny-productshow .product_xq_right dl dd{ padding:10px 0; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.ny-container .ny-right .ny-productshow .product_xq_right dl dd .dtname{ margin-bottom:5px;}
.ny-container .ny-right .ny-productshow .product_xq_right dl dd a{ background-color:#f0f0f0; margin:5px; padding:5px 10px; display:block; float:left; cursor:default;}
.ny-container .ny-right .ny-productshow .product_xq_right .nypr-link{ padding:6px 25px; display:inline-block; margin-top:15px; background-color:#666;}
.ny-container .ny-right .ny-productshow .product_xq_right .nypr-link:hover{ background:#097cd9;}
.ny-container .ny-right .ny-productshow .product_xq_right .nypr-link a{ color:#fff;}
.ny-container .ny-right .nnyprox-tit{ width:100%; height:40px; border-bottom:1px dashed #aaa; margin:20px 0; line-height:40px; font-size:20px; color:#000;}
.ny-container .ny-right .nnyprox-con p{ line-height:26px;}

/**新闻动态**/
.ny-container .ny-right .ny-news{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-news dl{ width:100%; margin-bottom:20px; overflow:hidden;}
.ny-container .ny-right .ny-news dl:hover{ background:#f6f6f6;}
.ny-container .ny-right .ny-news dl dt{ float:left; width:22%;}
.ny-container .ny-right .ny-news dl dt a img{ width:100%;}
.ny-container .ny-right .ny-news dl dd{ float:right; width:75%; padding:12px 0;}
.ny-container .ny-right .ny-news dl dd h3{ margin-bottom:5px; line-height:24px; font-weight:normal; overflow:hidden;}
.ny-container .ny-right .ny-news dl dd h3 a{ font-size:16px; color:#000; overflow:hidden;}
.ny-container .ny-right .ny-news dl:hover dd h3 a{ color:#097CD9;}
.ny-container .ny-right .ny-news dl dd p{ height:44px; margin-top:4px; line-height:22px; overflow:hidden;}

.ny-container .ny-right .ny-newshow{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-newshow .nnynews-title{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #d6d6d6; text-align:center;}
.ny-container .ny-right .ny-newshow .nnynews-title h4{ font-size:24px; font-weight:300; color:#000;}
.ny-container .ny-right .ny-newshow .nnynews-content p{ text-indent:2em; line-height:24px;}

/**技术支持**/
.ny-container .ny-right .ny-service{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-service .nyser-box{ width:100%; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #ddd; overflow:hidden;}
.ny-container .ny-right .ny-service .nyser-box .nyserbox-rq{ float:left; width:16%; height:80px; padding:10px 0; background-color:#d2d2d2; text-align:center; line-height:30px; font-size:24px; color:#FFF; box-sizing:border-box;}
.ny-container .ny-right .ny-service .nyser-box .nyserbox-wz{ float:right; width:81%;}
.ny-container .ny-right .ny-service .nyser-box .nyserbox-wz .nyserboxw-bt a{ display:block; line-height:24px; padding-top:3px; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ny-container .ny-right .ny-service .nyser-box:hover .nyserbox-wz .nyserboxw-bt a{ color:#097cd9;}
.ny-container .ny-right .ny-service .nyser-box .nyserbox-wz .nyserboxw-txt{ height:44px; margin-top:4px; line-height:22px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.ny-container .ny-right .ny-serviceshow{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-serviceshow .nnyser-title{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #d6d6d6; text-align:center;}
.ny-container .ny-right .ny-serviceshow .nnyser-title h4{ font-size:24px; font-weight:300; color:#000;}
.ny-container .ny-right .ny-serviceshow .nnyser-content p{ text-indent:2em; line-height:24px;}

/**人才招聘**/
.ny-container .ny-right .ny-jobs{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-jobs p{ line-height:26px;}
.ny-container .ny-right .JobTitle{ width:100%; margin-top:30px; margin-bottom:15px;}
.ny-container .ny-right .JobTitle span{ float:left; width:25%; text-align:center; font-size:16px;}
.ny-container .ny-right .JobPanel{ border-bottom:1px dotted #c8c8c8;}
.ny-container .ny-right .JobPanel dl{ border-top:1px dotted #c8c8c8; background-color:#fafafa;}
.ny-container .ny-right .JobPanel dl dt{ line-height:44px;}
.ny-container .ny-right .JobPanel dl dt span{ float:left; width:25%; text-align:center; font-size:16px;}
.ny-container .ny-right .JobPanel dl dt span a{ font-size:12px; color:#097cd9;}
.ny-container .ny-right .JobPanel dl dd{ display:none; padding:10px 0 20px 6%; line-height:26px;}
.ny-container .ny-right .JobPanel dl dd h2{ font-size:14px; color:#097cd9; margin-bottom:3px;}

/**联系我们**/
.ny-container .ny-right .ny-contact{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .ny-contact h5{ margin-bottom:5px; font-size:18px; font-weight:400; color:#000;}
.ny-container .ny-right .ny-contact p{ line-height:26px;}
.ny-container .ny-right .ny-contact #mapbarframe{ width:100%; height:460px; margin-top:20px;}

/**在线留言**/
.ny-container .ny-right .ny-feedback{ width:100%; margin:0 auto; overflow:hidden;}
.ny-container .ny-right .col-sm-5 .form-control{ display:block; width:100%; max-width:400px; height:35px; padding:0px 12px; font-size:14px; line-height:33px; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.ny-container .ny-right .col-sm-5 #FeedabckContent{ display:block; width:100%; max-width:550px; height:150px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background:#fff; background-image:none; border:1px solid #ccc; border-radius:4px;}
.ny-container .ny-right .col-lg-12{ width:100%; max-width:550px; margin-top:20px;}
.ny-container .ny-right .col-lg-12 .btn{ display:inline-block; padding:7px 40px; margin-bottom:0; font-weight:normal; border:1px solid #ccc; border-radius:5px; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; background-color:#fff; cursor:pointer;}
.ny-container .ny-right .col-lg-12 .btn:hover{ background:#097CD9; color:#fff;}


/*kefu*/
.four-con{ position:fixed; right:2%; top:50%; margin-top:-176px; z-index:22;}
.four-con ul li{ position:relative; width:50px; height:50px; margin-bottom:10px;}
.f-all-con{ left:-84px; top:6px; padding-right:17px; display:none; position:absolute;}
.f-a-bg{ position:relative; background:#1c78c1; 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 #1c78c1; 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:-6px; left:-155px;}
.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(../img/ficon2.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(../img/ficon4.png) no-repeat 0 -51px;}
a.f-icon5{ background:url(../img/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;}