@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.six{ padding:75px 0;font-size: 0;}
.six ul li{float: left;font-size: 14px;color: #333;box-shadow: 0 3px 10px 3px #eaeaea;width: 180px;height: 160px;text-align: center; padding:20px 0 0;overflow: hidden; border:#eee 1px solid; margin-left:21px;}
.six ul li:hover{background: #0051a3;color: #fff;}
.six ul li em{display: block;width: 50px;height: 50px;line-height: 0;overflow: hidden; margin:0 auto;}
.six ul li em img{width: 50px;height: 100px;}
.six ul li b{display: block;font-size: 18px; padding:10px 0;}
.six ul li:hover em img{ margin-top:-50px;}
.six ul li:first-child{ margin-left:0;}

/**/
.case{ padding:13px 0 25px;}
.case_bt,.ys_bt{font-weight: normal;text-align: center; background:url(../images/index/case_line.png) no-repeat center 60px;-webkit-transition:transform .3s;transition:transform .3s;height: 105px;line-height: 30px;}
.case_bt a{font-size: 30px;color: #333;}
.case_bt b,.ys_bt b{color: #0051a3;}
.case_bt span,.ys_bt span{display: block;font-size: 18px;color: #666;font-weight: normal; padding:10px 0 0;}
.case_bt:hover,.ys_bt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.case_l{width: 260px;}
.case_l h3{ background:url(../images/index/case_ltbg.gif) no-repeat;width: 260px;height: 92px;line-height: 110px;overflow: hidden;}
.case_l h3 a{font-size: 24px;color: #fff;font-weight: normal; padding:0 0 0 20px;}
.case_l ul li{width: 260px;height: 50px; padding:1px 0 0;}
.case_l ul li a,.case_l span a{font-size: 16px;color: #333;display: block;width: 210px;height: 50px;line-height: 50px;background: #f2f2f2 url(../images/index/case_ico01.png) no-repeat 20px 15px; padding:0 0 0 50px;}
.case_l li.case_li02 a,.case_l span a{ background-color:#e6e6e6;}
.case_l ul li a:hover,.case_l ul li.on a{background: #46af33 url(../images/index/case_ico02.png) no-repeat 20px 15px;color: #fff;}
.case_l span{ padding:1px 0 0;display: block;width: 260px;height: 50px;}
.case_r{width: 921px;}
.case_r dl dt{width: 531px;height: 398px;float: left;overflow: hidden;}
.case_r dl dt img,.ys_l img,.three03 dl dt img,.news01 img{width: 531px;height: 398px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.ys_l img:hover,.three03 dl dt img:hover,.news01 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dd{width: 340px;height: 325px;background: #0051a3;float: left; padding:25px 25px 0; margin:16px 0 0;}
.case_r dl dd h5{height: 66px;line-height: 66px;overflow: hidden; background:url(../images/index/case_ico03.gif) no-repeat 0 63px;}
.case_r dl dd h5 a{font-size: 18px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r .case_desc{font-size: 14px;color: #fff;line-height: 30px;height: 120px;overflow: hidden; padding:15px 0 0;}
.case_r dl dd span{display: block;width: 148px; padding:30px 0 0;}
.case_r dl dd span a{font-size: 14px;color: #fff;display: block;width: 146px;height: 38px;text-align: center;line-height: 38px; border:#fff 1px solid;border-radius:5px;}
.case_r dl dd span a:hover,.ban_tel em a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}

/*合作客户*/
.partner_bg{ background:url(../images/index/hz_bg.jpg) no-repeat center 0;height: 205px; padding:15px 0 0;font-size: 0;}
.partner_l a{ background:url(../images/index/hz_lico01.png) no-repeat; width:30px; height:30px; display:block;}
.partner_l a:hover{ background:url(../images/index/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(../images/index/hz_rico01.png) no-repeat; width:30px; height:30px; display:block;}
.partner_r a:hover{ background:url(../images/index/hz_rico02.png) no-repeat;}
.partner_l{ position:absolute; top:45px; left:10px;z-index: 20;}
.partner_r { position:absolute; top:45px; right:10px;z-index: 20;}
.partner_c{width: 1200px;}
.partner_c ul li { width:220px; float:left;line-height: 0;box-shadow: 0 3px 10px 3px #eaeaea; border:#eee 1px solid; margin-right:18px;}
.partner_c ul li img{ width:220px; height:124px;}

/**/
.ys_bg{ background:url(../images/index/ys_bg.jpg) no-repeat center 0;height: 602px; padding:76px 0 0;font-size: 0;overflow: hidden;}
.ys_bt{font-size: 30px;color: #333; background:url(../images/index/ys_line.png) no-repeat center 55px;}
.ys_l{width: 575px;height: 431px;overflow: hidden;}
.ys_l img{width: 575px;height: 431px;}
.ys_r{width: 600px;}
.ys_t{width: 600px;height: 110px;}
.ys_t ul li{font-size: 14px;color: #fff;width: 85px;height: 85px;text-align: center;float: left;background: #0051a3; margin-left:18px;}
.ys_t ul li em{display: block;width: 35px; margin:0 auto; padding:10px 0 5px;}
.ys_t ul li em img{width: 35px;height: 35px;}
.ys_t ul li:hover,.ys_t ul li.on{background: #46af33;}
.ys_t ul li:first-child{margin: 0;}

.ys_qie{width: 560px;height: 260px; padding:40px 20px 0; background:url(../images/index/ys_picbg.png) repeat;position: relative;}
.ys_qie h3{font-size: 18px;color: #0051a3;}
.ys_qie p{font-size: 14px;color: #333;line-height: 24px; padding:25px 0 0;}
.ys_qie span{display: block;font-size: 12px;color: #b9baba; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0;}
.ys_qie i{display: block;font-size: 36px;color: #b0b0b0; font-family:"Times New Roman", Times, serif;position: absolute;top: 12px;left: 20px;}

/**/
.pro{ padding:72px 0 0;}
.pro .case_bt{ background:url(../images/index/cp_line01.gif) no-repeat center 60px;}

.fenl{height: 270px; background:url(../images/index/cp_line02.gif) no-repeat left 0;width: 1200px;}
.fenl_ul01 li{ padding:0 0 0 60px;width: 240px;float: left;height: 270px; background:url(../images/index/cp_line02.gif) no-repeat right 0;}
.fenl_ul01 li a{font-size: 18px;color: #0051a3;font-weight: bold;width: 240px;height: 60px;line-height: 60px;display: block;}
.fenl_ul01 li a:hover{color: #46af33;}
.fenl_ul01 li em{display: block;float: left;width: 18px;line-height: 0; padding:22px 10px 0 0;}
.fenl_ul01 li em img{width: 18px;height: 18px;}
.fenl_ul02{display: block;width: 240px;}
.fenl_ul02 li{width: 240px;padding: 0;height: 32px; background:none;}
.fenl_ul02 li a{font-size: 14px;color: #333;font-weight: normal;height: 32px;line-height: 32px;overflow: hidden; padding:0 0 0 28px;width: 212px;}

.chanp{ padding:0 0 75px;}
.chanp ul li{width: 298px;height: 223px;float: left;position: relative; border:#e6e6e6 1px solid;}
.chanp ul li img{width: 298px;height: 223px;}
.chanp ul li a{ display:none;font-size: 18px;color: #fff;width: 270px;height: 223px;position: absolute;top: 0;left: 0; background:url(../images/index/cp_picbg.png) no-repeat;text-align: center;line-height: 260px; padding:0 14px;}
.chanp ul li:hover a{display: block;}

.ban01{background: #0051a3;height: 200px;box-shadow: 0 3px 10px 3px #d0d0d0; margin-bottom:80px;}
.ban01 h3{font-size: 24px;color: #fff;height: 65px;line-height: 65px; padding:0 0 0 30px;}

.iflow{width: 800px; background:url(../images/index/ban_line.gif) no-repeat 115px 33px;}
.iflow .item{float:left;width:74px;text-align:center;margin:0 0 0 30px;color:#fff;font-size: 14px;}
.iflow .item .icon{display:block;width:74px;height:74px;margin:0 auto 12px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background:url(../images/index/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -74px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -148px;}
.iflow .item.i2 .icon i:before{background-position:0 -222px;}
.iflow .item.i3 .icon i:before{background-position:0 -296px;}
.iflow .item.i4 .icon i:before{background-position:0 -370px;}
.iflow .item.i5 .icon i:before{background-position:0 -444px;}
.iflow .item.i6 .icon i:before{background-position:0 -518px;}
.iflow .item.i7 .icon i:before{background-position:0 -592px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.ban_tel{width: 275px; margin-top:-15px;}
.ban_tel p{font-size: 14px;color: #fff;font-weight: bold; background:url(../images/index/ban_tel.gif) no-repeat 0 5px; padding:0 0 0 60px;line-height: 24px;}
.ban_tel p b{display: block;font-size: 24px;}
.ban_tel em{display: block;width: 140px; padding:15px 0 0;}
.ban_tel em a{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;height: 40px;line-height: 40px;background: #46af33;border-radius:5px;}

/**/
.three_bg{ background:url(../images/index/three_tbg.jpg) no-repeat center 0;}
.three_bt{font-size: 30px;color: #fff; padding:40px 0 0 450px;height: 122px;line-height: 32px;}
.three_bt span{display: block;font-size: 18px;font-weight: normal; padding:18px 0 0 80px;}
.three_bt b{font-size: 24px;}

.three01,.three02,.three03{ padding:40px 0 0;}
.three01 h3,.three02 h3,.three03 h3{font-size: 24px;color: #0051a3;height: 65px;line-height: 60px;text-align: center;overflow: hidden; background:url(../images/index/three_line.gif) no-repeat center 63px;}
.three01 h3 i,.three02 h3 i,.three03 h3 i{font-size: 30px;color: #46af33;font-weight: normal; padding:0 20px 0 0;}
.three01 p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;width: 710px;text-align: center; margin:0 auto;}

.three01_m{ background:url(../images/index/three_bg01.jpg) no-repeat;height: 250px; padding:125px 0 0;margin:15px 0 0;}
.three01_m ul li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}
.three01_m ul li b{display: block;font-size: 24px;color: #0051a2; padding:33px 0 0;}
.three01_m ul li:hover{ background:url(../images/index/three_k01.png) no-repeat;}
.three01_m ul li:hover,.three01_m ul li:hover b{color: #fff;}

.three02 dl{width: 300px;text-align: center;float: left; background:url(../images/index/three_line02.gif) no-repeat 0 45px; padding:50px 0 0;}
.three02 dl dt{width: 108px; margin:0 auto;height: 108px; background:url(../images/index/three_k03.png) no-repeat;}
.three02 dl dt:hover{ background:url(../images/index/three_k04.png) no-repeat;}
.three02 dl dt img{width: 108px;height: 108px;}
.three02 dl dd{ padding:10px 0 0;}
.three02 dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;}
.three02 dl dd p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;}
.three02 dl:first-child{ background:none;}
.three03_m{background: #0051a3;height: 450px; margin:20px 0 0;}

.three03 dl{width: 400px;float: left;background: #f2f2f2;height: 450px;}
.three03 dl dt{width: 400px;height: 225px;overflow: hidden;}
.three03 dl dt img{width: 400px;height: 225px;}
.three03 dl dd{text-align: center;width: 320px; margin:0 auto; padding:45px 0 0;height: 180px;}
.three03 dl dd h5{font-size: 24px;color: #0051a3;height: 30px;line-height: 30px;overflow: hidden;}
.three03 dl dd p{font-size: 14px;color: #333;line-height: 24px; padding:15px 0 0;}

/**/
.xin{ padding:70px 0 60px;}
.xin_bt{font-weight: normal;font-size: 30px;color: #333;line-height: 40px; background:url(../images/index/xin_line.gif) no-repeat center 60px;text-align: center;height: 115px;}
.xin_bt b{color: #0051a3;}
.xin_bt span{display: block;font-size: 18px;color: #666;}
.xin dl{width: 348px;height: 198px;float: left; border:#e6e6e6 1px solid;color: #333; margin-right:75px;}
.xin dl dt{width: 80px;height: 80px;float: left;background: #0051a3; margin:60px 20px 0 -1px;}
.xin dl dt img{width: 80px;height: 80px;}
.xin dl dd{width: 222px;float: left; padding:25px 0 0;}
.xin dl dd h5{font-size: 18px;color: #0051a3;height: 30px;line-height: 30px;overflow: hidden;}
.xin dl dd p{font-size: 14px;line-height: 24px; padding:10px 0 0;}
.xin dl:hover{background: #0051a3;color: #fff; border:#0051a3 1px solid;}
.xin dl:hover dt{background: #46af33;}
.xin dl:hover dd h5{color: #fff;}
.xin .nobor{ margin:0;}

/*新闻中心*/
.news_bt{font-weight: normal;line-height: 38px; background:url(../images/index/news_line01.gif) no-repeat center 63px;text-align: center;height: 85px;}
.news_bt a{font-size: 30px;color: #333;}
.news_bt span{display: block;font-size: 18px;color: #666;font-weight: normal;text-transform: uppercase;}
.news_bt a:hover{color: #0051a3;}
.news,.wd{ width:745px; padding:0 0 60px;}
.news_t,.wd_t{ height:45px; line-height:45px; border-bottom:#e6e6e6 1px solid;}
.news_t ul li{ float:left; padding:0 25px 0 0; background:url(../images/index/news_bor.gif) no-repeat right 17px;}
.news_t ul li a{ font-size:18px; color:#333;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#0051a3;font-weight: bold;}
.news_t .nobor{ background:none; padding:0 0 0 25px;}
.news_t span,.wd_t span{float: right;}
.news_t span a,.wd_t span a{font-size: 18px;color: #ccc;font-weight: normal;}

.news_m{ padding:10px 0 0;}
.news01{width: 327px;height: 246px;float: left;overflow: hidden;}
.news01 img{width: 327px;height: 246px;}
.news02{width: 385px; padding:0 0 0 28px;}
.news02 dl{ width:385px; padding:10px 0 25px;height: 50px; overflow:hidden;}
.news02 dt{display: block;font-size: 14px;color: #333;width: 90px;float: left; background:url(../images/index/news_line02.gif) no-repeat right 0;height: 50px;overflow: hidden;}
.news02 dt b{display: block;font-size: 24px;color: #999; padding:5px 0 0;}
.news02 dd{ float:left; overflow:hidden; width:275px;height: 50px; padding:0 0 0 15px;}
.news02 dd h3{ font-size:16px; color:#333; height:25px; line-height:25px; overflow:hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news02 dd h3 a{ font-size:16px; color:#333;}
.news02 dd h3 a:hover,.news02 dl:hover dt b,.wd dt a:hover{ color:#0051a3;}
.news02 .news_desc{ font-size:14px; color:#333; height:25px; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*常见问题*/
.wd{ width:390px;}
.wd_t a{font-size: 18px;color: #0051a3;font-weight: bold;}
.wd .tempWrap{ width:390px;}
.wd dl{ width:390px; height:105px; padding:15px 0 0; border-bottom:#e6e6e6 1px solid;}
.wd dt{ background:url(../images/index/wen.gif) no-repeat 0 0; padding-left:40px; height:30px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:20px; color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dd{ font-size:14px; color:#333; background:url(../images/index/da.gif) no-repeat 0 5px; padding:5px 0 0 40px; line-height:25px; height:50px; overflow:hidden;}

/*聚焦特福佳*/
.ab_bg{ background:url(../images/index/ab_bg.gif) no-repeat center 0; height:605px;font-size: 0; overflow:hidden;}
.about .news_bt{ background:url(../images/index/ab_line01.gif) no-repeat center 63px;height: 140px;}
.about dl dt{width: 571px;height: 435px; float:right; padding:0 30px 0 0;}
.about dl dt img{width: 571px;height: 435px;}
.about dl dd{ width:525px; float:left; padding:0 0 0 30px;}
.about dl dd h5{ border-bottom:#e6e6e6 1px solid; height:120px;line-height: 30px;}
.about dl dd h5 a{ font-size:18px; color:#333;}
.about dl dd h5 i{ display:block; font-size:36px; color:#0051a3;font-weight: normal; padding:20px 0 5px; font-family:Arial, Helvetica, sans-serif;}
.about .ab_desc{ font-size:14px; color:#555; height:90px; line-height:30px; padding:30px 0 0; overflow:hidden;}
.about dl dd b{display: block;font-size: 18px;color: #004ea1;height: 30px;line-height: 30px; padding:20px 0;}
.about dl dd span{ background:url(../images/index/ab_btn01.png) no-repeat;display: block;width: 310px;height: 42px;}
.about dl dd span a{display: block;font-size: 14px;color: #fff;float: left;width: 155px;text-align: center;height: 42px;line-height: 42px;overflow: hidden;}
.about dl dd span a:hover,.about dl dd span a:first-child{ background:url(../images/index/ab_btn02.png) no-repeat;}

/*荣誉资质*/
.honor_bg{ background:url(../images/index/photo_bg.gif) repeat; padding:50px 0 60px;font-size: 0;}
.honor_t{width: 585px; margin:0 auto; padding:0 0 40px;}
.honor_t ul li{width: 175px;height: 42px; padding:0 10px;float: left;}
.honor_t ul li a{display:block;width: 175px;text-align: center;height:42px;line-height:42px;color:#fff;font-size: 18px;overflow:hidden; background:url(../images/index/photo_k01.png) no-repeat;}
.honor_t ul li a:hover,.honor_t ul li.on a{ background:url(../images/index/photo_k02.png) no-repeat;}
.honor_m ul li{width: 290px;position: relative;float: left; margin-left:13px;line-height: 0;overflow: hidden;}
.honor_m ul li img{width: 290px;height: 163px;}
.honor_m ul li span{ width:290px; padding:5px 0 0; display:block; text-align:center; height:25px; line-height:25px;overflow:hidden;font-size: 14px;color: #333;}
.honor_m ul li a:hover span{color: #0051a3;}
.honor_m ul li em{ background:url(../images/index/photo_ico01.png) no-repeat;display: block;width: 36px;height: 36px;position: absolute;top: 127px;right: 0;}
.honor_m ul li a:hover em{ background:url(../images/index/photo_ico02.png) no-repeat;}
.honor_m ul li:first-child{ margin-left:0;}

/**/
.links{height: 80px;line-height: 80px;overflow: hidden;}
.links_l{width: 140px;font-size: 16px;color: #0051a3;}
.links_l i{ font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; padding:0 0 0 8px;}
.links_c{ width:1060px;}
.links_c a{font-size: 14px;color: #2d2c32; display:inline-block; padding:0 18px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}