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; }
 .content_a{ width:98%; font-size:14px; line-height:180%;}


.All { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fcfcfc; z-index: 99; }
.All .text { width: 200px; height: 200px; color: #acacac; font-size: 14px; text-align: center; margin: -130px 0 0 -100px; position: absolute; left: 50%; top: 50%; transition: 1500ms; }
.All .logo-big { width: 130px; }
.All .p1 { margin: 10px 0 5px 0; font-size: 30px; color: #2a2a2a; font-family: "fontlogo"; width:100PX; }
.All .p2 { font-size: 14px; color: #acacac; font-family: "antoniolight"; }
.All .loadLine { width: 100%; height: 8px; background: #006699; }
.All .lineCur { width: 0; height: 100%; background: #006699; transition: 100ms; }

.head { width: 100%; height: 100px; background: url(../images/headbg.png) repeat; border-bottom: 1px solid #ededed; position: fixed; left: 0; top: -100px; z-index: 10; transition: 400ms; }
#headShow { top: 0; }
.head .logo { width: 320px; float: left; margin: 20px 0 0 30px; transition: 400ms; }
.head .logo img { width: 197px; margin: 0 8px 0 0; float: left; transition: 400ms; }
.head .logo .p1 { margin: 10px 0 0 0; font-size: 16px; color: #fff; transition: 400ms; font-weight:bold;}
.head .logo .p2 { font-size: 14px; color: #acacac; font-family: "antoniolight"; 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: #fff; }
.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(../images/navcur.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: #fff; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; }
.nav li .t3 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #FF9900; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; margin-left:30px; line-height:25px; color:#FFFFFF; font-size:18px; }

.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); }
.nav .cur .t2, .nav li:hover .t3 { top: 0; opacity: 1; filter: alpha(opacity=100); }
.navBtn { }
.navM { display: none; }
.navBtn2 { width: 24px; height: 18px; background: url(../images/navbtn.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(../images/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(../images/navcur2.png) no-repeat; }
.headFirst .nav li .t2 { color: #fff; }

.headFixed { height: 70px; }
.headFixed .logo { width: 260px; margin: 15px 0 0 20px; }
.headFixed .logo img { width:140px; margin: 0 5px 0 0; }
.headFixed .logo .p1 { margin: 0; font-size: 14px; }
.headFixed .logo .p2 { font-size: 13px; }
.headFixed .nav { margin-top: 20px; }
.headFixed .navBtn2 { top: 25px; }

.banner { width: 100%; height: 500px; 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: 100%; position: absolute; left: 0; top: 0; }
.banner .text p { position: relative; z-index: 1; }
.banner .text .p1 { font-size: 48px; line-height:180%;}
.banner .text .p2 { font-size: 30px; }
.banner .text .p3 { font-size: 14px; line-height:180%; }
.banner .text .p4 { padding: 10px 100px 0 100px; font-size: 18px; text-transform: uppercase; }
.banner .text .t { margin: 20px 0 0 0; padding: 20px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; z-index: 1; }
.banner .more { margin: 20% 0 0 0; text-align: center; }
.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; }
.banner .more a:hover { background: #fff; color:#006699; }
.banner .arrow { width: 22px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 50%; bottom: 20px; }


.about { padding: 100px 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:#002C57; font-family: "antonioregular"; }
.about .title span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }
.about .left .text { font-size: 16px; line-height: 35px; 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: #002C57; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.about .more a:hover { background:#999900; }

.aboutMore { width: 100%; height: 100%; margin: 80px 0 0 0; overflow: hidden; background: #fff; }
.aboutMore .title { width: 100%; margin: 0 0 40px 0; color: #3a3a3a; }
.aboutMore .title span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }



.news_a { padding: 100px 0; overflow: hidden; position: relative; }
.news_aBox { width: 1170px; margin: 0 auto;}
.news_a .left { width: 49%; float: left; }
.news_a .titleaa { width: 100%; margin: 0 0 60px 0; font-size: 36px; color:#002C57; font-family: "antonioregular"; }
.news_a .titleaa span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }
.news_a .left .text { font-size: 14px; line-height: 28px; color: #515151; }
.news_a .left .text p { margin: 0 0 28px 0; text-indent: 2em; }

.news_a .more { width: 100%; overflow: hidden; text-align: center; }
.news_a .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background:#002C57; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.news_a .more a:hover { background: #b2b2b2; }

.news_a { width: 100%; height: 100%; margin: 80px 0 0 0; overflow: hidden; background: #fff; }
.news_a .title { width: 100%; margin: 0 0 40px 0; font-size: 36px; color: #3a3a3a; }
.news_a  .title span { padding: 0 36px 0 0; background: url(../images/i1.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(../images/close.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(../images/i1.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: -20px 0 5px 0; font-size: 30px; color: #202020; }
.aboutMore .p2 { margin: 10px 0 20px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; }

.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: #FF9900; 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: 100px 0; }
.service .box { width: 1180px; margin: 0 auto; }
.service .title .p1 { width: 100%; margin: 0 0 60px 0; font-size: 36px; text-transform: uppercase; color:#002C57; font-family: "antonioregular"; }
.service .title .p1 span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }
.service .title .p2 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; }
.service .title .p3 { margin: 0 0 65px 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:#002C57; position: absolute; left: 0; bottom: -98px; transition: 400ms; }
.service .li1 .t1 { background: url(../images/serviceimg1.png) no-repeat center 116px; }
.service .li2 .t1 { background: url(../images/serviceimg2.png) no-repeat center 116px; }
.service .li3 .t1 { background: url(../images/serviceimg3.png) no-repeat center 116px; }
.service .li4 .t1 { background: url(../images/serviceimg4.png) no-repeat center 116px; }
.service .li4 { margin: 0; }
.service .tc { border-color: #dfdfdf; background:#F3EFEF; }
.service .tc .t1 { top: -60px; }
.service .tc .t2 { bottom: 0; }


.work { padding: 100px 0 100px 0; background:#002C57; }
.work .box { width: 1180px; margin: 0 auto; }
.work .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #fff; font-family: "antonioregular"; }
.work .title span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }
.work .top { overflow: hidden; margin: 0 0 55px 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 #2D5B88;color: #fff; }
.work .menu a:hover, .work .menu .cur { border-color: #fff; color: #fff; }
.work .btns { float: right; }
.work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(../images/btn3.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(../images/btn3.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 #999; 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:#0054A8; 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: #999; font-size: 18px; transition: 400ms; }
.work li .time { color: #999; font-size: 14px; transition: 400ms; }
.work li:hover { border-color:#fff; }
.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:#999; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.work .more a:hover { background: #000; }


.contact { padding: 50px 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:#002C57; font-family: "antonioregular"; }
.contact .title span { padding: 0 36px 0 0; background: url(../images/i1.png) no-repeat right 80%; }
.contact .left { width: 45%; float: left; }
.contact .left .text { height: 260px; 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 10px 0; line-height: 24px; font-size: 14px; color: #515151; }
.contact .address { margin: 0 0 40px 0; line-height: 40px; font-size: 14px; color: #3a3a3a; font-family: "微软雅黑"; }
.contact .address p { padding: 0 0 0 30px; }
.contact .left .p3 { background: url(../images/i2.png) no-repeat left 5px; }
.contact .left .p4 { background: url(../images/i3.png) no-repeat left 14px; }
.contact .left .p5 { background: url(../images/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: 164px; height:34px; border: none; border-radius: 25px; font-size: 18px; color: #fff; background:#002C57; cursor: pointer; transition: 300ms; }
.contact .right .btn:hover { background: #B2B2B2; }
.contact .right .text { height: 380px; }

.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:#FF9900 }
.foot .share { height: 26px; float: right; }
.foot .share a { width: 26px; height: 26px; line-height: 26px; margin: 0 1px; display: inline-block; background: url(../images/sharebg.png) no-repeat -26px 0; }
.foot .share span { width: 100%; height: 100%; display: inline-block; }
.foot .share .qq span { background: url(../images/qq.png) no-repeat center; }
.foot .share .weixin span { background: url(../images/weixin.png) no-repeat center; }
.foot .share .weibo span { background: url(../images/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:#FF9900; float: left; }
.workDetailMain .main { padding: 35px 25px; background: #fff; }
.workDetailMain .title { margin: 0 0 10px 0; font-size:30px; line-height:45px; 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 { }
.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(../images/btn4.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(../images/btn4.png) no-repeat -29px 0; }
.workDetailMain .other .btnRight:hover { background-position: -29px -29px; }
.workDetailMain .listBox { min-height: 280px; overflow: hidden; position: relative; }
.workDetailMain .listBox dl{ width: 9999px; position: absolute; left: 0; top: 0; }
.workDetailMain .listBox dt{ width: 272px; padding: 0 0 5px 0; margin: 0 14px 0 0; border-bottom: 4px solid #dbdbdb; float: left; transition: border-color 400ms; }
.workDetailMain .listBox dt .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.workDetailMain .listBox dt .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.workDetailMain .listBox dt a { display: block; color: #8f8f8f; }
.workDetailMain .listBox dt .imgBox { height: 220px; overflow: hidden; position: relative; }
.workDetailMain .listBox dt .img { width: 100%; }
.workDetailMain .listBox dt .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background:#0054A8; position: absolute; left: 0; top: 0; transition: 400ms; }
.workDetailMain .listBox dt .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; }
.workDetailMain .listBox dt .time { font-size: 14px; transition: 400ms; }
.workDetailMain .listBox dt:hover { border-color:#0054A8; }
.workDetailMain .listBox dt:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox dt:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.workDetailMain .listBox dt:hover a { color: #373737; }
.workDetailMain .listBox dt:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.workDetailMain .listBox dt:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); }

.workList { padding: 130px 0 50px 0; background: #f8f8f8; overflow:hidden; }
.workList .box { width: 1180px; margin: 0 auto; }
.workList .line { height: 8px; background: #0054A8; overflow: hidden; }
.workList .line span { width: 270px; height: 100%; display: inline-block;; background:#666; 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:#002C57; color:#002C57; }
.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 #666; transition: 400ms border-color,400ms left,400ms top; 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:#0054A8; 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:#0054A8; }
.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: #FF9900; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; }
.workList .more a:hover { background: #b2b2b2; }



.side{position:fixed;width:50px;height:275px;right:0;top:150px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#333333;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{width: 175px; background:#E4392A; padding-left:20px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#33333;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#FF9900;}
.side ul li img{float:right;}



.side2{
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 255px;
	height: 80px;
}
.side2 ul li{
	width: 40px;
	height: 40px;
}
.side2 ul li a{
	display: block;
	background-color: #333;
	height: 40px;
	width: 50px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img{
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: #000022;
}
.side2 ul li .weixin{
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}


.wp{
	width: 100%;

	margin: 0 auto;
	height:450px;
}
.wpp{
	width: 100%;

	margin: 0 auto;
	overflow:hidden;
}

.news-bg{
	background: url(../images/bg_2.png) center top no-repeat;
	overflow: hidden;

}
.tit-i-1 h3{
	color: #fff;
}
.tit-i-1 em{
	border-bottom-color: #666;
}
.ul-news-i{

	margin-left: -9px;
	width: 100%;

}
.ul-news-i li{
	float: left;
	width: 24.5%;
	color: #333;
	position: relative;
	min-height: 265px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	overflow: hidden;
} 
.ul-news-i li:last-child{
	/*width: 21%;*/
}
.ul-news-i li .txt{
	padding-left:10px;
	padding-right:28px;
}
.ul-news-i li .txt span{
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #666;
	border-radius: 5px;
	font-size: 14px;
}
.ul-news-i li .txt span em{
	display: block;
	font-size: 20px;
}
 .ul-news-i li:last-child .txt{
	/*padding-right: 0;*/
}  
.ul-news-i li h3 a{
	color: #666;
	display: inline-block;
	padding: 20px 0px 10px 0;
}
.ul-news-i li  p{
	color: #666;
	line-height: 20px;
	
}
.ul-news-i li .moreaa{
	background: url(../images/more1.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	margin-top:30px;
}
.ul-news-i li .hover{
color:#FFFFFF;
		
}
.ul-news-i li .hover .img{
	width: 100%;
	position: absolute;
	top: -165px;
	left: 7px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-news-i li .hover .pad{
	padding: 0 0px 20px 0px;
	position: absolute;
	left: 7px;
	bottom: -148px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	background-color:#0054A8;
	color:#FFFFFF;
	width: 92%;
}
.ul-news-i li .hover .img{
	height: 165px;
	width: 92%;
}

.ul-news-i li.on .hover .img{
	/*display: block;*/
	top: 0;
}
.ul-news-i li.on .hover .pad{
	bottom: 0px;
}
.ul-news-i li.on .hover .pad p{
	margin:0px 15px;
	color:#FFFFFF;
}
.ul-news-i li.on .hover .pad h3{
	margin:0px 15px;
	color:#FFFFFF;
}

.ul-news-i li.on .hover .pad h3 a{
	color:#FFFFFF;
}

.ul-news-i li.on .hover .pad h3 a:hover{
	color:#FFFFFF;
}





.ul-list{
	margin: 0 -15px;
}
.ul-list li{
	float: left;
	width: 50%;
	margin-bottom: 30px;
}
.ul-list li .pic img{
	width: 100%;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.ul-list li:hover img{
	transform: perspective(800px) rotateY(-179.9deg);
	-moz-transform: perspective(800px) rotateY(-179.9deg);
	-webkit-transform: perspective(800px) rotateY(-179.9deg);
	-o-transform: perspective(800px) rotateY(-179.9deg);
	-ms-transform: perspective(800px) rotateY(-179.9deg);
}
.ul-list li .pad{
	padding: 0 15px;
}
.ul-list li .bor{
	border: 1px solid #ccc;
}
.ul-list li:hover .bor{
	border-color:#0054A8;
}
.ul-list li .txt{
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}
.ul-list li .more{
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #666;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a{
	color: #e4392a;
}
.ul-list li .more a:hover{
	text-decoration: underline;
}
.ul-list li .title{
	height: 55px;
	margin-bottom: 20px;
}
.ul-list li .title span{
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}
.ul-list li .title span em{
	display: block;
	font-size: 16px;
}
.ul-list li .title h3{
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden;
	line-height:30px;
}
.ul-list li .title h3 a{
color:#333333;
	overflow: hidden;
		line-height:30px;
}

.ul-list li .title h3 a{
color:#333;
	overflow: hidden;
		line-height:30px;
}


.tit-i{
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3{
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
	font-family: "antonioregular";
	float:left;
}
.tit-i h5{
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span{
	color: #e4392a;
}
.tit-i em{
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}




.curaa{
	line-height:30px;
	color: #666;
	padding-left:20px;
}
.cur1{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 31px;
}
.curaa a{
	color: #666;
}
.article{
	color: #666;
	line-height: 30px;
}
.article h1{
	font-size: 26px;
	color: #333;
	text-align: center;
	padding-top:25px;
}
.article .time{
	line-height: 72px;
	border-bottom: 1px solid #999;
	text-align: center;
	margin-bottom: 25px;
}
.article-con{ width:100%; overflow:hidden;}
.article .share{
	margin-bottom: 70px;
}
.article .share span{
	font-size: 14px;
	float: left;
	display: inline-block;
	line-height: 37px;
}


@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; }
 .aboutMore .title{
	 font-size:36px;
	 }
 .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:1920px) {
 .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; }
 .aboutMore .title{ font-size:36px;}
}




@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; font-family:"microsoft yahei"; }
 .service .title .p3 { font-size: 14px; line-height: 20px; }
 .aboutMore .title{ font-size:36px;}
}

@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(../images/serviceimg1.png) no-repeat center 90px; }
 .service .li2 .t1 { background: url(../images/serviceimg2.png) no-repeat center 90px; }
 .service .li3 .t1 { background: url(../images/serviceimg3.png) no-repeat center 90px; }
 .service .li4 .t1 { background: url(../images/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%; }
 .aboutMore .title{ font-size:36px;}
}

@media screen and (max-width:1050px) {
 .navBtn { width: 24px; height: 18px; background: url(../images/navbtn.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: 110px; }
 .head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; color:#FFFFFF;}
 .head .logo .p2 { font-size: 12px; }

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


 .navM { display: none; width: 110%; height: 300px; overflow: hidden; overflow-y: scroll; background-color:rgba(255,255,255,0.7);position: absolute; left: 0; top: 56px; }
 .navMbox { width: 100%; }
 .navM ul { width: 100%; padding: 25px 0; background-color:rgba(255,255,255,0.7); 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:#002C57; text-transform: uppercase; font-size: 20px; }
 .navM li a:hover { color: #ff0000; }
.ul-list li{
		width: 33.3333%;
	}
 /*.headFirst .navM{ background:url(../images/headbg.png) repeat;}
	.headFirst .navM ul{ background:url(../images/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; }
 .titleaa{ margin-top:-20px;}
 .aboutMore .title{ font-size:36px;}

}

@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; }
 .ul-news-i ul { margin: 0 0 0 0%;  height:300px;}

 .ul-news-i li { width: 50%; margin: 0 0 10px 0; height:280px;}
 .wp{ margin-top:-20px;}	

 .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; }
  .ul-news-i{ width: 50%; margin: 0 0% 0% 0;  height:280px;}
  .titleaa{ margin-top:-20px;}
  .aboutMore .title{ font-size:30px;color:#069;}
}

	
@media screen and (max-width:680px) {
 .banner .text { width: 92%; padding: 25% 4% 0 4%; height: 100%;  margin: 0; left: 0; top:60px; }
 .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; }
 .side2{ display:none;}

 .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; }
.workDetailMain .content img { width: 100%; }

 .aboutMore .title{ font-size:30px;color:#069;}
	

 /*.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%; }
  .news_a .titleaa{ margin-top:-20px;}
	
	.ul-list li,.ul-case li{
		width: 100%;
	}
	.ul-list li .pic img{
		transform: perspective(000px) rotateY(0deg);
		transition: all 1s ease 0s;
		-moz-transform: perspective(000px) rotateY(0deg);
		-moz-transition: all 1s ease 0s;
		-webkit-transform: perspective(000px) rotateY(0deg);
		-webkit-transition: all 1s ease 0s;
		-o-transform: perspective(000px) rotateY(0deg);
		-o-transition: all 1s ease 0s;
		-ms-transform: perspective(000px) rotateY(0deg);
		-ms-transition: all 1s ease 0s;
	}	
	
	.workDetailMain .content img { width: 100%; }
	
 .aboutMore .title{ font-size:30px;color:#069;}


}






@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; }


 .ul-news-i { width: 92%; margin: 0 0 8% 0; }
 .workDetailMain .content img { width: 100%; }
 .aboutMore .title{ font-size:26px;}
 /*.contact .right .input1{ width:94%; padding:13px 0 13px 6%;}*/
 /*.contact .right textarea{ width:88%; padding:6%;)*/

}
  .news_a .titleaa{ margin-top:-20px;}

.ewm { display: none; width: 226px; height: 263px; background: url(../images/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(../images/maskclose.png) no-repeat center; float: right; }
.ewm .t2 { padding: 22px 0 0 22px; }
.ewm .t2 img { width: 180px; }

/* 修改开始 */

.work .title b{
	font-family:wxb_fonts;
	}

/* 修改结束 */

.prv_all{ width:100%; overflow:hidden; border-top:1px dashed #999;margin-top:40px;}
.prv_next{ width:70%; overflow:hidden; float:left; line-height:180%; margin-top:10px;}
.go_back{ width:30%; overflow:hidden; float:right; line-height:180%;margin-top:20px; text-align:right;}


/*分页*/
.pagev{
	text-align:center;
	color:#666;
	clear:both;
}
.pagev span{
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
}
.fonts{
	color:#fff;
	background-color:#2d9aea;
	border:1px solid #2d9aea;
}
.pagev span a{
	background-color:#fff;
	color:#666;
	border:1px solid #D9D9D9;
	line-height:24px;
	padding:0px 9px;
	display: inline-block;
	text-decoration:none;
	margin:1.5em 0;
}
.pagev span a:hover{
	color:#fff;
	background-color:#2d9aea;
	border:1px solid #2d9aea;
}