a:active { outline: none; star: expression(this.onFocus=this.blur()); }

* { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; }
img { border: none; }
table { table-layout: fixed; border-collapse: collapse; }
a { text-decoration: none; }
.fb { font-weight: bold; }
body { font-size: 12px; font-family: Helvetica, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
body, html { overflow-x: hidden; -webkit-text-size-adjust: none; }
input { -webkit-appearance: none; }

::-moz-selection { background: #0099ff; color: #fff; text-shadow: none; }
::selection { background: #0099ff; color: #fff; text-shadow: none; }

.welcome { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fcfcfc; z-index: 99; }
.welcome .text { width: 260px; height: 200px; color: #acacac; font-size: 14px; text-align: center; margin: -130px 0 0 -100px; position: absolute; left: 50%; top: 50%; transition: 1500ms; }
.welcome .logo-big { width: 200px; }
.welcome .p1 { margin: 10px 0 5px 0; font-size: 30px; color:#666666;; font-family: "微软雅黑"; }
.welcome .p2 { font-size: 14px; color: #acacac; font-family: "antoniolight"; }
.welcome .loadLine { width: 100%; height: 8px; background: #dddddd; }
.welcome .lineCur { width: 0; height: 100%; background: #0099ff; transition: 100ms; }

.head { width: 100%; height: 100px; background: url(../image/headBg2.png) repeat; border-bottom: 1px solid #ededed; position: fixed; left: 0; top: -100px; z-index: 10; transition: 400ms; }
#headShow { top: 0; }
.head .logo { width: 380px; float: left; margin: 20px 0 0 30px; transition: 400ms; }
.head .logo img {  height:50px; margin: 0 8px 0 0; float: left; transition: 400ms; }
.head .logo .p1 { margin: 10px 0 0 0; font-size: 30px; color: #2a2a2a; font-family: "fontlogo"; transition: 400ms; }
.head .logo .p2 { float: left;width:100px; font-size: 24px; color: #acacac; font-family: "微软雅黑"; margin-top:5px; transition: 400ms; }
.nav { margin: 55px 120px 0 0; float: right; transition: margin 400ms; position: relative; left: 0; }
.nav ul { }
.nav li { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { width: 100%; height: 100%; color: #6b6b6b; }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(../image/navCur1.png) no-repeat center; }
.nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #69b015; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }
.navBtn { }
.navM { display: none; }
.navBtn2 { width: 24px; height: 18px; background: url(../image/navBtn1.png) no-repeat center; position: absolute; right: 30px; top: 60px; transition: -webkit-transform 300ms,transform 300ms,top 400ms; }
.navShow { -webkit-transform: rotate(-90deg); }

.headFirst { background: url(../image/headBg.png) repeat; border-bottom: none; }
.headFirst .logo .p1 { color: #fff; }
.headFirst .logo .p2 { color: #fff; }
.headFirst .nav li a { color: #fff; }
.headFirst .nav li .bg { background: url(../image/navCur2.png) no-repeat; }
.headFirst .nav li .t2 { color: #fff; }

.headFixed { height: 70px; }
.headFixed .logo { width: 470px; margin: 15px 0 0 20px; }
.headFixed .logo img {  height:50px; margin: 0 5px 0 0; float:left; }
.headFixed .logo .p1 { margin: 0; font-size: 26px;  }
.headFixed .logo .p2 { font-size: 20px;float:left; font-family:"微软雅黑" }
.headFixed .nav { margin-top: 20px; }
.headFixed .navBtn2 { top: 25px; }

.banner { width: 100%; height: 500px; background: #f8f8f8; overflow: hidden; position: relative; }
.banner .imgs { }
.banner li { width: 100%; height: 100%; overflow: hidden; float: left; position: absolute; left: 0; top: 0; }
.banner li img { position: absolute; }
.banner .text { width: 572px; height: 582px; padding: 90px 50px 0 50px; margin: -310px 0 0 -336px; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; }
.banner .textBg { width:672px; position: absolute; left: 0; top: 0; text-align:center; }
.banner .text p { position: relative; z-index: 1; }
.banner .text .p1 { font-size: 28px; text-align:center; width:582px; }
.banner .text .p2 { font-size: 38px; font-family: "微软雅黑";text-align:center; width:582px; }
.banner .text .p3 { font-size: 36px;text-align:center; width:562px; }
.banner .text .p4 { padding: 10px 100px 0 100px; font-size: 18px; text-transform: uppercase; }
.banner .text .t { margin: 60px 0 0 0; padding: 20px 0;width:572px; border-top: 1px solid #bbe18f; border-bottom: 1px solid #bbe18f; position: relative; z-index: 1; }
.banner .more { margin: 20% 0 0 0; text-align: center; width:572px; }
.banner .more a { width: 156px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; display: inline-block; text-transform: uppercase; text-align: center; border: 2px solid #fff; border-radius: 25px; transition: 400ms; text-decoration:none; }
.banner .more a:hover { background: #fff; color: #0099ff;  }
.banner .arrow { width: 22px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 50%; bottom: 20px; }


.about { padding: 15px 0; overflow: hidden; position: relative; }
.aboutBox { width: 1190px; margin: 0 auto; }
.about .left { width: 49%; float: left; }
.about .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; }
.about .title span { padding: 0 36px 0 0; background: url(../image/i11.png) no-repeat right 80%; }
.about .left .text { font-size: 14px; line-height: 28px; color: #515151; }
.about .left .text p { margin: 0 0 28px 0; text-indent: 2em; }
.about .right { width: 47%; float: right; }
.about .right img { width: 100%; }
.about .more { width: 100%; overflow: hidden; text-align: center; }
.about .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #0099ff; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.about .more a:hover { background: #b2b2b2; }

.aboutMore { width: 100%; height: 100%; margin: 80px 0 0 0; overflow: hidden; background: #fff; }
.aboutMore .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; }
.aboutMore .title span { padding: 0 36px 0 0; background: url(../image/i11.png) no-repeat right 80%; }

.teamDetailBg { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; }
.teamDetailBg2 { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; }
.teamDetail { display: none; width: 420px; height: 680px; padding: 0 30px; margin: -310px 0 0 -240px; text-align: center; background: #fff; border-radius: 15px; position: fixed; left: 50%; top: 50%; z-index: 1; }
.teamDetail .close { width: 30px; height: 30px; background: url(../image/close1.png) no-repeat 0 0; position: absolute; right: 15px; top: 15px; }
.teamDetail .close:hover { background-position: -30px 0; }
.teamDetail .face { margin: 55px 0 0 0; text-align: center; }
.teamDetail .face img { width: 220px; border-radius: 50%; }
.teamDetail .t1 { padding: 30px 0 32px 0; background: url(../image/i11.png) no-repeat center bottom; }
.teamDetail .t1 .name { margin: 0 0 10px 0; }
.teamDetail .t2 { margin: 30px 0 0 0; font-size: 14px; color: #737373; line-height: 30px; }

.aboutMoreBox { }
.aboutList { }
.item { padding: 100px 0; }
.item .box { width: 1190px; overflow: hidden; margin: 0 auto; }
.aboutMore .p1 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; }
.aboutMore .p2 { margin: 0 0 65px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; }
.team ul { width: 1216px; }
.team li { width: 274px; text-align: center; line-height: 28px; float: left; margin: 0 30px 0 0; font-family: "微软雅黑"; }
.team .img { width: 100%; position: relative; border-radius: 50%; cursor: pointer; }
.team .teamImg { width: 100%; }
.team .teamBg { opacity: 0; filter: alpha(opacity=0); width: 100%; position: absolute; left: 0; top: 0; transition: 600ms; }
.team .img:hover .teamBg { opacity: 1; filter: alpha(opacity=100); }
.team .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.team .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.team .img:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.team .img:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.team .name { margin: 15px 0 0 0; font-size: 16px; color: #202020; }
.team .til { font-size: 14px; color: #737373; }
.team .tool { margin: 10px 0 0 0; text-align: center; }
.team .tool a { width: 26px; height: 26px; margin: 0 1px; display: inline-block; background: url(../image/shareBg1.png) no-repeat -26px 0; }
.team .tool span { width: 100%; height: 100%; display: inline-block; }
.team .tool .qq span { background: url(../image/qq.png) no-repeat center; }
.team .tool .weixin span { background: url(../image/weixin.png) no-repeat center; }
.team .tool .weibo span { background: url(../image/weibo.png) no-repeat center; }
.team .tool a:hover { background-position: 0 0; }
.skill { background: #f8f8f8; }
.skill ul { }
.skill li { width: 100%; float: left; height: 82px; }
.skill li p { padding: 0 0 0 12px; font-size: 16px; color: #515151; font-family: Helvetica; }
.skill .num { margin: 0 0 0 5px; }
.skill .lineBox { width: 542px; height: 10px; padding: 10px 16px; margin: 10px 0 0 0; border: 1px solid #dfdfdf; border-radius: 15px; }
.skill .line { width: 100%; height: 100%; background: #ebebeb; overflow: hidden; border-radius: 15px; position: relative; }
.skill .lineCur { width: 10px; height: 100%; position: absolute; left: 0; top: 0; background: #0099ff; border-radius: 15px; }
.skill .li1 .liBox { margin: 0 0 0 2%; }
.skill .li2 .liBox { float: right; margin: 0 2% 0 0; }
.skill .li3 .liBox { margin: 0 0 0 22%; }
.skill .li4 .liBox { margin: 0 0 0 35%; }
.skill .li5 .liBox { margin: 0 0 0 10%; }

.service { background: #f8f8f8; padding: 50px 0; }
.service .box { width: 1180px; margin: 0 auto; }
.service .title .p1 { width: 100%; margin: 0 0 20px 0; font-size: 36px; text-transform: uppercase; color: #3a3a3a; font-family: "antonioregular"; }
.service .title .p1 span { padding: 0 36px 0 0; background: url(../image/i11.png) no-repeat right 80%; }
.service .title .p2 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family:"黑体"; }
.service .title .p3 { margin: 0 0 25px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; }
.service ul { overflow: hidden; }
.service li { width: 270px; height: 350px; margin: 0 30px 0 0; overflow: hidden; text-align: center; float: left; border: 1px solid #f8f8f8; position: relative; transition: 400ms; }
.service .t1 { width: 100%; height: 140px; padding: 210px 0 0 0; font-size: 14px; color: #9b9797; font-family: Helvetica; text-transform: uppercase; position: absolute; left: 0; top: 0; transition: 400ms; }
.service .t1 .p1 { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; font-family: "微软雅黑"; }
.service .t2 { width: 100%; padding: 25px 0 0 0; height: 73px; line-height: 24px; font-size: 14px; color: #fff; background: #0099ff; position: absolute; left: 0; bottom: -98px; transition: 400ms; }
.service .li1 .t1 { background: url(../image/serviceImg1.png) no-repeat center 116px; }
.service .li2 .t1 { background: url(../image/serviceImg2.png) no-repeat center 116px; }
.service .li3 .t1 { background: url(../image/serviceImg3.png) no-repeat center 116px; }
.service .li4 .t1 { background: url(../image/serviceImg5.png) no-repeat center 116px; }
.service .li4 { margin: 0; }
.service .tc { border-color: #dfdfdf; background: #fff; }
.service .tc .t1 { top: -60px; }
.service .tc .t2 { bottom: 0; }


.work { padding: 50px 0 50px 0; background: #292929; }
.work .box { width: 1180px; margin: 0 auto; }
.work .box a
{
	text-decoration:none;
}

.work .title { width: 100%; margin: 0 0 20px 0; font-size: 36px; color: #fff; font-family: "antonioregular"; }
.work .title span { padding: 0 36px 0 0; background: url(../image/i11.png) no-repeat right 80%; }
.work .top { overflow: hidden; margin: 0 0 15px 0; }
.work .menu { float: left; }
.work .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #292929; }
.work .menu a:hover, .work .menu .cur { border-color: #0099ff; color: #0099ff; }
.work .btns { float: right; }
.work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../image/btn31.png) no-repeat 0 0; }
.work .btnLeft:hover { background-position: 0 -29px; }
.work .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../image/btn31.png) no-repeat -29px 0; }
.work .btnRight:hover { background-position: -29px -29px; }
.work .listBox { height: 300px; margin: 0 0 50px 0; overflow: hidden; position: relative; }
.work .list { }
.work ul { width: 99999px; position: absolute; left: 0; top: 0; }
.work li { width: 272px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 31px 0 0; transition: border-color 400ms; }
.work li a { display: block; }
.work li .imgBox { height: 220px; overflow: hidden; position: relative; }
.work li .img { width: 100%; height: 100%; }
.work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #0099ff; position: absolute; left: 0; top: 0; transition: 400ms; }
.work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.work li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; }
.work li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; }
.work li:hover { border-color: #0099ff; }
.work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.work li:hover .t { color: #e3e3e3; }
.work li:hover .time { color: #e3e3e3; }
.work li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.work .more { width: 100%; overflow: hidden; text-align: center; }
.work .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #0099ff; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.work .more a:hover { background: #b2b2b2; }


.contact { padding: 100px 0 100px 0; overflow: hidden; }
.contact .box { width: 1180px; margin: 0 auto; }
.contact .title { width: 100%; margin: 0 0 80px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; }
.contact .title span { padding: 0 36px 0 0; background: url(../image/i11.png) no-repeat right 80%; }
.contact .left { width: 45%; float: left; }
.contact .left .text { height: 376px; overflow: hidden; }
.contact .left .p1 { font-size: 24px; color: #3a3a3a; }
.contact .left .p1 .fz20 { margin: 0 10px 0 0; font-size: 20px; float: left; }
.contact .left .p2 { margin: 15px 0 70px 0; line-height: 24px; font-size: 14px; color: #515151; }
.contact .address { margin: 0 0 90px 0; line-height: 40px; font-size: 14px; color: #3a3a3a; font-family: "微软雅黑"; }
.contact .address p { padding: 0 0 0 30px; }
.contact .left .p3 { background: url(../image/i21.png) no-repeat left 5px; }
.contact .left .p4 { background: url(../image/i31.png) no-repeat left 14px; }
.contact .left .p5 { background: url(../image/i4.png) no-repeat left 6px; }
.contact .right { width: 49%; float: right; }
.contact .right .t1 { margin: 0 0 35px 0; color: #515151; }
.contact .right .t1 p { font-size: 13px; padding: 0 0 5px 20px; }
.contact .right .t1 span { font-size: 14px; }
.contact .right .input1 { width: 97%; height: 14px; padding: 13px 0 13px 3%; color: #515151; border: none; border-radius: 20px; background: #e8e8e8; }
.contact .right textarea { width: 94%; padding: 3%; line-height: 24px; overflow: hidden; color: #515151; resize: none; border: none; border-radius: 20px; background: #e8e8e8; }
.contact .right .btn { width: 184px; height: 54px; border: none; border-radius: 25px; font-size: 18px; color: #fff; background: #0099ff; cursor: pointer; transition: 300ms; }
.contact .right .btn:hover { background: #B2B2B2; }
.contact .right .text { height: 460px; }

.foot { overflow: hidden; line-height: 30px; padding: 10px 0; color: #929292; }
.foot .box { width: 1180px; margin: 0 auto; }
.foot .fl { float: left; }
.foot .fl p { display:inline; }
.foot .fl p a { margin-right:10px; color:#929292 }
.foot .fl p a:hover {color:#0099ff }
.foot .share { height: 26px; float: right; }
.foot .share a { width: 26px; height: 26px; line-height: 26px; margin: 0 1px; display: inline-block; background: url(../image/shareBg1.png) no-repeat -26px 0; }
.foot .share span { width: 100%; height: 100%; display: inline-block; }
.foot .share .qq span { background: url(../image/qq.png) no-repeat center; }
.foot .share .weixin span { background: url(../image/weixin.png) no-repeat center; }
.foot .share .weibo span { background: url(../image/weibo.png) no-repeat center; }
.foot .share a:hover { background-position: 0 0; }

.workDetailMain { padding: 130px 0 60px 0; background: #f8f8f8; }
.workDetailMain .box { width: 1180px; margin: 0 auto; }
.workDetailMain .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.workDetailMain .line span { width: 270px; height: 100%; display: inline-block;; background: #69B015; float: left; }
.workDetailMain .main { padding: 35px 25px; background: #fff; }
.workDetailMain .title { margin: 0 0 10px 0; font-size: 18px; line-height: 28px; color: #393939; }
.workDetailMain .remarks { font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; }
.workDetailMain .type { font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; }
.workDetailMain .content { padding: 50px 0; border-bottom: 8px solid #dbdbdb; }
.workDetailMain .content img { width: 100%; display: block; }
.workDetailMain .other { }
.workDetailMain .other .t1 { padding: 15px 0; line-height: 30px; overflow: hidden; }
.workDetailMain .other .t1 span { font-size: 22px; color: #a5a5a5; float: left; }
.workDetailMain .other .btns { float: right; }
.workDetailMain .other .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../image/btn41.png) no-repeat 0 0; }
.workDetailMain .other .btnLeft:hover { background-position: 0 -29px; }
.workDetailMain .other .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(../image/btn41.png) no-repeat -29px 0; }
.workDetailMain .other .btnRight:hover { background-position: -29px -29px; }
.workDetailMain .listBox { height: 280px; overflow: hidden; position: relative; }
.workDetailMain .listBox ul { width: 9999px; position: absolute; left: 0; top: 0; }
.workDetailMain .listBox li { width: 272px; padding: 0 0 5px 0; margin: 0 14px 0 0; border-bottom: 4px solid #dbdbdb; float: left;  }
.workDetailMain .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.workDetailMain .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.workDetailMain .listBox li a { display: block; color: #8f8f8f; }
.workDetailMain .listBox li .imgBox { height: 220px; overflow: hidden; position: relative; }
.workDetailMain .listBox li .img { width: 100%; height: 100%; }
.workDetailMain .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #0099ff; position: absolute; left: 0; top: 0; transition: 400ms; }
.workDetailMain .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; }
.workDetailMain .listBox li .time { font-size: 14px; transition: 400ms; }
.workDetailMain .listBox li:hover { border-color: #0099ff; }
.workDetailMain .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.workDetailMain .listBox li:hover a { color: #373737; }
.workDetailMain .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.workList { padding: 130px 0 50px 0; background: #f8f8f8; }
.workList .box { width: 1180px; margin: 0 auto; }
.workList .line { height: 8px; background: #dbdbdb; overflow: hidden; }
.workList .line span { width: 270px; height: 100%; display: inline-block;; background: #69B015; float: left; }
.workList .main { }
.workList .menu { padding: 35px 0; }
.workList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; }
.workList .menu a:hover, .workList .menu .cur { border-color: #0099ff; color: #0099ff; }
.workList .listBox { overflow: hidden; }
.workList .listBox ul { position: relative; transition: height 400ms; }
.workList .listBox li { width: 272px; overflow: hidden; padding: 0 0 5px 0; border-bottom: 4px solid #dbdbdb;  position: absolute; left: 0; top: 0; }
.workList .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.workList .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.workList .listBox li a { display: block; color: #8f8f8f; }
.workList .listBox li .imgBox { height: 220px; overflow: hidden; position: relative; }
.workList .listBox li .img { width: 100%; height: 100%; }
.workList .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #0099ff; position: absolute; left: 0; top: 0; transition: 400ms; }
.workList .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; }
.workList .listBox li .time { font-size: 14px; transition: 400ms; }
.workList .listBox li:hover { border-color: #0099ff; }
.workList .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.workList .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.workList .listBox li:hover a { color: #373737; }
.workList .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workList .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workList .more { width: 100%; overflow: hidden; text-align: center; }
.workList .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #0099ff; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.workList .more a:hover { background: #b2b2b2; }



@media screen and (max-height:840px) {
 .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; }
 .banner .text .p1 { font-size: 24px; }
 .banner .text .p2 { font-size: 33px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }
}

@media screen and (max-width:1440px) {
 .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; }
 .banner .text .p1 { font-size: 24px; }
 .banner .text .p2 { font-size: 33px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }

 .about { padding: 50px 0; }
 .aboutBox { width: auto; padding: 0 5%; }
 .aboutMore { width: auto; margin: 57px 0 0 0; }
 /*.aboutMoreBox{ width:800px; margin:0 0 0 -400px;}*/
 .aboutMore .p1 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; }
 .aboutMore .p2 { font-size: 14px; line-height: 20px; }

 .item .box { width: 800px; }
 .team ul { width: auto; }
 .team li { width: 23%; margin: 0 1%; }
 .teamDetail { width: 300px; height: 500px; padding: 0 30px; margin: -230px 0 0 -150px; }
 .teamDetail .face { margin: 20px 0 0 0; }
 .teamDetail .face img { width: 150px; }
 .teamDetail .t1 { padding: 15px 0 15px 0; }
 .teamDetail .t1 .name { margin: 0 0 5px 0; }
 .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; }
 .skill .li1 .liBox { margin: 0 0 0 2%; }
 .skill .li2 .liBox { float: right; margin: 0 2% 0 0; }
 .skill .li3 .liBox { margin: 0 0 0 8%; }
 .skill .li4 .liBox { float: right; margin: 0 8% 0 0; }
 .skill .li5 .liBox { margin: 0 0 0 2%; }

 .service { padding: 80px 0; }
 .service .title .p2 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; }
 .service .title .p3 { font-size: 14px; line-height: 20px; }
}

@media screen and (max-width:1280px) {
 .service .box { width: 90%; margin: 0 5%; }
 .service ul { width: 105%; overflow: hidden; margin: 0 0 0 0; }
 .service li { width: 23%; margin: 0 1% 0 0; height: 300px; }
 .service .t1 { padding: 180px 0 0 0; }
 .service .li1 .t1 { background: url(../image/serviceImg1.png) no-repeat center 90px; }
 .service .li2 .t1 { background: url(../image/serviceImg2.png) no-repeat center 90px; }
 .service .li3 .t1 { background: url(../image/serviceImg3.png) no-repeat center 90px; }
 .service .li4 .t1 { background: url(../image/serviceImg4.png) no-repeat center 90px; }

 /*.work{ padding:100px 0 0 0;}*/
 .work .box { width: 90%; margin: 0 5%; }
 /*.work li{ width:22%; height:212px; margin:0 3% 50px 0;}*/

 .contact { padding: 80px 0 40px 0; }
 .contact .box { width: 90%; margin: 0 5%; }
 /*.contact .left .p2{ margin-bottom:40px;}
	.contact .address{ margin:0 0 50px 0;}*/
 .foot .box { width: 90%; margin: 0 5%; }

 .workDetailMain .box { width: 94%; margin: 0 3%; }
 /*.workDetailMain .listBox li{ width:22%; height:212px; margin:0 3% 50px 0;}*/
 .workList .box { width: 90%; margin: 0 5%; }
}

@media screen and (max-width:1050px) {
 .navBtn { width: 24px; height: 18px; background: url(../image/navBtn1.png) no-repeat center; position: absolute; right: 15px; top: 20px; transition: 300ms; }
 .navShow { -webkit-transform: rotate(-90deg); }
 .nav, .navBtn2 { display: none !important; }

 .head { height: 56px; }
 .head .logo { margin: 10px 0 0 20px; }
 .head .logo img { width: 35px; }
 .head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; }
 .head .logo .p2 { font-size: 12px; }

 .head { height: 56px; background: #fff; border-bottom: 1px solid #ededed; }
 .head .logo { margin: 10px 0 0 20px; }
 .head .logo img { width: 35px; }
 .head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; color: #2a2a2a; }
 .head .logo .p2 { font-size: 12px; color: #acacac; }


 .navM { display: none; width: 110%; height: 300px; overflow: hidden; overflow-y: scroll; background: #fff; position: absolute; left: 0; top: 56px; }
 .navMbox { width: 100%; }
 .navM ul { width: 100%; padding: 25px 0; background: #fff; overflow: hidden; }
 .navM li { padding: 0 6% 0 0; height: 60px; line-height: 60px; text-align: center; }
 .navM li a { width: 100%; height: 100%; display: inline-block; color: #6b6b6b; text-transform: uppercase; font-size: 20px; }
 .navM li a:hover { color: #69B015; }

 /*.headFirst .navM{ background:url(../image/headBg.png) repeat;}
	.headFirst .navM ul{ background:url(../image/headBg.png) repeat;}
	.headFirst .navM li a{ color:#fff;}*/

 .banner .text { width: 400px; height: 360px; margin: -240px 0 0 -250px; }
 .banner .text .p1 { font-size: 22px; }
 .banner .text .p2 { font-size: 30px; }
 .banner .text .p3 { font-size: 28px; }
 .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; }
 .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; }
 .banner .btns { top: auto; bottom: 2%; }

 .moreShow { background: #fff; }
 .about { height: auto; }
 .about .title { margin: 0 0 40px 0; }
 .about .left { width: 100%; }
 .about .right { width: 100%; margin: 20px 0 0 0; text-align: center; }
 .about .right img { width: 70%; }

 .aboutMore { position: static; }
 .aboutMore .btnLeft, .aboutMore .btnRight { display: none; }
 .aboutMoreBox { width: 90%; padding: 0 5%; position: static; margin: 0; }
 .aboutList { width: 100%; position: static; }
 .item { width: 90%; padding: 50px 5%; position: static; }
 .item .box { width: 100%; }
 .skill { }
 .service ul { margin: 0; }
 .service li { border: 1px solid #dfdfdf; background: #fff; }
 /*.service li .t1{ top:-60px;}
	.service li .t2{ bottom:0;}*/

 .work { padding: 50px 0; }
 .service { padding: 50px 0; }
 .service .title .p1 { margin: 0 0 40px 0; }
 .teamDetail .t2 { line-height: 22px; }
 .work .title { margin: 0 0 40px 0; }
 .contact { padding-top: 50px; }

 .workDetailMain { padding: 80px 0 40px 0; }
 .workDetailMain .main { padding: 30px 20px; }

 .workList { padding: 100px 0 0 0; }
}

@media screen and (max-width:840px) {
 .team li { width: 36%; margin: 0 7% 5% 7%; }
 .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { margin: 0 0 0 2%; float: left; }

 .service ul { margin: 0 0 0 3%; }
 .service li { width: 38%; margin: 0 8% 5% 0; height: 300px; }


 .contact .title { margin: 0 0 40px 0; }
 .contact .left { width: 100%; margin: 0 0 50px 0; }
 .contact .right { width: 100%; }
 /*.contact .right .input1{ width:98%; padding:13px 0 13px 2%;}*/
 /*.contact .right textarea{ width:96%; padding:2%;)*/
 .contact .right .btn { width: 100px; height: 40px; }
 .contact .left .text, .contact .right .text { height: auto; }


 .foot .fl { width: 100%; line-height: 24px; margin: 0 0 10px 0; }
 .foot .share { width: 100%; margin: 0; }
}

@media screen and (max-width:680px) {
 .banner .text { width: 92%; padding: 25% 4% 0 4%; height: 100%; background: #0099ff; margin: 0; left: 0; top: 0; }
 .banner .text .p1 { font-size: 18px; }
 .banner .text .p2 { font-size: 25px; }
 .banner .text .p3 { font-size: 18px; }
 .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; }
 .banner .text .t { margin: 30px 0 0 0; }
 .banner .more { margin: 15% 0 0 0; }
 .banner .more a { width: 100px; height: 30px; line-height: 30px; font-size: 15px; }


 .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { width: 100%; margin: 0; float: left; }
 .skill .lineBox { width: auto; }

 .teamDetail { width: 90%; height: 85%; padding: 0 3%; margin: 0 2%; left: 0; top: 14%; }
 .teamDetail .face { margin: 20px 0 0 0; }
 .teamDetail .face img { width: 150px; }
 .teamDetail .t1 { padding: 15px 0 15px 0; }
 .teamDetail .t1 .name { margin: 0 0 5px 0; }
 .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; }



 .work .top { margin: 0 0 30px 0; }
 .work .menu { width: 100%; margin: 0 0 20px 0; }
 .work .btns { width: 100%; }

 .service ul { margin: 0; }
 .service li { width: 45%; margin: 0 4% 5% 0; height: 300px; }


 /*.contact .right .input1{ width:96%; padding:13px 0 13px 4%;}*/
 /*.contact .right textarea{ width:92%; padding:4%;)*/

}

@media screen and (max-width:540px) {
 .team li { width: 70%; margin: 0 15% 10% 15%; }
}

@media screen and (max-width:420px) {
 .service ul { width: auto; margin: 0 0 0 5%; }
 .service li { width: 92%; margin: 0 0 8% 0; height: 300px; }

 /*.contact .right .input1{ width:94%; padding:13px 0 13px 6%;}*/
 /*.contact .right textarea{ width:88%; padding:6%;)*/

}


.ewm { display: none; width: 226px; height: 263px; background: url(../image/ewmbg.png); border-radius: 4px; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -114px; z-index: 50; }
.ewm .t1 { padding: 0 0 0 10px; height: 30px; line-height: 30px; color: #fff; }
.ewm .t1 .close { margin-top: 5px; margin-right: 2px; width: 30px; height: 30px; color: #454361; display: inline-block; cursor: pointer; background: url(../image/maskClose.png) no-repeat center; float: right; }
.ewm .t2 { padding: 22px 0 0 22px; }
.ewm .t2 img { width: 180px; }
/*公司动态*/
.servicecontent
{
	width:100%;
	height:300px;
	background-color:#ffffff;
	float:left;
}
.servicetxt1
{
	width:510px;
	height:60px;
	float:left;
	margin:50px 0 0 10px;
}
.servicetxt2
{
	width:1180px;
	height:180px;
	margin:20px auto;
}

.servicetxt2_1
{
	width:540px;
	height:20px;
	font-size:16px;
	color:#333333;
	float:left;
	margin:5px 0 -20px 10px;
}
.servicetxt2_1 a {color: #333;}
.servicetxt2_1 a:hover {color: red; text-decoration: underline;}
.servicetxt2_2
{
	width:540px;
	height:30px;
	font-size:12px;
	color:#999999;
	line-height:14px;
	float:left;
	margin:30px 0 0 10px;
    line-height: 20px;
}
.proli
{
	width:560px;
	height:85px;
	border:1px dashed #CCC;
	margin:10px 25px 0 0;
	float:left;
}
#news .title {
    color: #000000;
    font-family: "antonioregular";
    font-size: 36px;
    width: 100%;
}
#news .title a{
    color: #0099ff;
    font-family: "arial";
    font-size: 16px;
    float: right;
    display: inline-block;
    margin-right: 35px;
    margin-top: 20px;
    font-weight: bold;
}
#news .title a:hover{ color: red;text-decoration: underline;}
#news .title span {
    background: url("../image/i11.png") no-repeat scroll right 80% rgba(0, 0, 0, 0);
    padding: 0 36px 0 0;
}
/*服务项目*/
.projectcontent
{
	width:100%;
	height:200px;
	background-color:#0099ff;
	float:left;
	/*margin-top:10px;*/
	margin-bottom:60px;
}
.projecttxt1
{
	width:1180px;
	height:130px;
	margin:20px auto;
}
.projecttxt1 ul
{
	list-style:none;
}
.projecttxt1 li
{
	float:left;
	width:280px;
	height:140px;
	text-align:left;
}
.projecttxt1_1
{
	width:220px;
	height:21px;
	color:#ffffff;
	font-size:18px;
	float:left;
}
.projecttxt1_2
{
	width:220px;
	height:90px;
	color:#feffff;
	font-size:12px;
	float:left;
	line-height:18px;
	margin-top:30px;
    font-family: 'arial';
}
.projecttxt1_2 a
{
	text-decoration:none;
	color:#feffff;
}
.projecttxt1_2 a:hover
{
	text-decoration:none;
	color:#feffff;
}
.section{width:990px; margin-left:-15px;overflow:hidden;}
.section ul li{float:left;margin-right:0px;margin-bottom:0px;display:inline;width:142px;height:142px;overflow:hidden;position:relative;}

.section ul li .photo{width:142px;height:142px;overflow:hidden;}
.section .rsp{width:142px;height:142px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:142px;height:142px;left:-200px;top:0px;overflow:hidden;}
.section .text h3{width:142px;margin-top:110px;height:30px;line-height:30px;text-align:center;color:#000;background:#fff;font-family:"微软雅黑";font-size:14px;}
/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/

.up-footer {
    background: #3e4347;
    padding: 50px 0 10px 0;
}

.text-widget img {
    margin-bottom: 15px;
}

.text-widget p {
    color: #cdd2d8;
    font-size: 13px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 22px;
    margin: 0;
}
.footer-widgets
{
	margin-bottom:5px;
}
.footer-widgets h4 {
    font-size: 16px;
    color: #fff;
    padding: 8px 14px;
    border: 1px solid #2c2e32;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 6px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
}
.footer-widgets2 h4
{
	font-size: 16px;
    color: #fff;/*
	width:260px!important;
	height:35px!important;*/
    padding: 8px 14px;
	margin-top:90px!important;
    border: 1px solid #2c2e32;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
}
.footer-widgets:hover h4 {
    color: #fff;
    border: 1px solid #0099ff;
    background: #0099ff;
}
.footer-widgets2:hover h4 {
    color: #fff;
    border: 1px solid #0099ff;
    background: #0099ff;
}

.posts-widget-list li {
    margin-bottom: -4px;
	width:114px;
	float:left;
	margin-top:4px;
	margin-left:5px;
}

.posts-widget-list li p {
    color: #cdd2d8;
    font-size: 13px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 18px;
    margin-bottom: 7px;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.posts-widget-list li p a {
    display: inline-block;
    color: #cdd2d8;
    font-size: 12px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    padding: 5px 8px;
    text-decoration: none;
	border:none;/*
    border: 1px solid #c4c4c4;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 9px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.posts-widget-list li p a:hover
{
	color: #fff;
    background:#0099ff;
}

.posts-widget-list2 li {
    /*margin-bottom: 7px;*/
	width:114px;
	float:left;
	/*margin-top:8px;*/
}

.posts-widget-list2 li p {
    color: #cdd2d8;
    font-size: 13px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 18px;
    margin-bottom: 0px;
}

.posts-widget-list2 li p a {
    display: inline-block;
    color: #cdd2d8;
    font-size: 12px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    padding: 5px 8px;
    text-decoration: none;
	border:none;/*
    border: 1px solid #c4c4c4;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 9px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.posts-widget-list2 li p a:hover
{
	color: #fff;
    background:#0099ff;
}

ul.tag-widget-list li {
	display: inline-block;
    margin-right: 6px;
    margin-bottom: 1px;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a {
    display: inline-block;
    color: #cdd2d8;
    font-size: 12px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    padding: 5px 8px;
    text-decoration: none;
	border:none;/*
    border: 1px solid #c4c4c4;*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 9px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
ul.tag-widget-list li a:hover {
    color: #fff;
    background:#0099ff;
}

ul.flickr-list {
    overflow: hidden;
}

ul.flickr-list li {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

ul.flickr-list li:nth-child(4n) {
    margin-right: 0px;
}

ul.flickr-list li a {
    display: inline-block;
    padding: 5px;
    background: #353a3e;
    border: 1px solid #494f54;
    max-width: 60px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 0.8;
}

.footer-line {
    background: #393d40;
    overflow: hidden;
    padding: 25px 0;
}

.footer-line p {
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-family:"微软雅黑","宋体", 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 32px;
}

ul.footer-social-icons {
    float: right;
}

ul.footer-social-icons li {
    display: inline-block;
    margin-left: 10px;
    float: left;
}

ul.footer-social-icons li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.footer-social-icons li a i {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.footer-social-icons li a:hover {
    background: #aaa;
}

ul.footer-social-icons li a:hover i {
    color: #393d40;
}