@charset "utf-8";
/* CSS Document */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,form{ padding:0px; margin:0px; border:0; font-size:12px;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:100;}
select{ padding:0px; margin:0px; overflow:scroll;}
td,tr,td { font-size:12px;}
ul,ol li{ list-style:none;}
input { padding:0px; margin:0px;}
.left { float:left;}
.right { float:right;}
.clear { clear:both; font-size:0px; height:0px; overflow:hidden;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
a:focus { outline:none;}
a { text-decoration:none; blr:expression(this.onFocus=this.blur());}
a { outline:none;}
header, section,aside, nav, article, figure , menu, hgroup{ display:block; margin:0px; padding:0px;}
body { font-family:Microsoft YaHei,"宋体"; background-color:#f1f1f1;}::selection { background:#ec9e65; color:#fff;}::-moz-selection { background:#ec9e65; color:#fff;}::-webkit-selection { background:#ec9e65; color:#fff;}



/*头部*/
header{ width:100%; background:#f1f1f1 url(../images/top.jpg) repeat-x center top;}
header .wrap{ width:980px; height:119px; margin:0 auto;}
header .wrap nav{ width:440px; margin-top:74px; float:left;}
header .wrap nav ul{ width:440px;}
header .wrap nav ul li{ line-height:45px; float:left; position:relative; z-index:2;}
header .wrap nav ul li a{ float:left; position:relative; display:block; padding:0 20px; font-size:14px; font-weight:bold; color:#5e5e5e;transition:color 0.6s linear;transition:background-color 0.3s linear;-webkit-transition:color 0.6s linear;-webkit-transition:background-color 0.3s linear;}
header .wrap nav ul li a:link,header .wrap nav ul li a:visited{ color:#5e5e5e;}
header .wrap nav ul li a:hover{ color:#fff600; background-color:#252525; text-decoration:none;}
header .wrap nav ul li a span.bg{ display:block; width:8px; height:5px; background:url(../images/nav1.png) no-repeat center center; position:absolute; right:8px; top:50%; margin-top:-1px; overflow:hidden;transition:transform 0.2s ease-out; -webkit-transition:-webkit-transform 0.2s ease-out;}
header .wrap nav ul li a:hover span.bg{ background:url(../images/nav1H.png) no-repeat center center; text-decoration:none;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
header .wrap nav ul li a.hover{ color:#fff600; background-color:#252525; text-decoration:none;}
header .wrap nav ul li a.hover span.bg{ background:url(../images/nav1H.png) no-repeat center center; text-decoration:none;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
header .wrap nav ul li dl{ position:absolute; background:#252525 url(../images/nav2.jpg) repeat-y 102px 17px; width:208px; padding:20px 0; left:0px; top:45px; display:none;}
header .wrap nav ul li dl dd{ width:103px; float:left; text-align:center; line-height:22px;}
header .wrap nav ul li dl dd a{ float:none; height:22px; display:inline; font-size:12px; padding:0px; color:#ccc; font-weight:500; transition:color 0.3s linear; -webkit-transition:color 0.3s linear;}
header .wrap nav ul li dl dd a:link,header .wrap nav ul li dl dd a:visited{ color:#ccc;}
header .wrap nav ul li dl dd a:hover{ color:#ffa200;}
header .wrap nav ul li dl .top{ position:absolute; left:102px; top:0px; height:15px; width:3px; background:#252525;}
header .wrap nav ul li dl .bom{ position:absolute; left:102px; bottom:0px; height:15px; width:3px; background:#252525;}
header .wrap h1{ margin-top:9px; width:100px; height:110px; overflow:hidden; float:left;}
header .wrap address{ margin-top:92px; float:right; width:165px; overflow:hidden;}
header .wrap address img{ vertical-align:top;}

/*广告*/
.banner{ width:100%; height:408px; position:relative;}
.banner .list{ width:100%; height:408px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:408px; position:absolute; left:0px; top:0px; display:none;}
.banner .list li a{ width:980px; margin:0 auto; position:relative; display:block; overflow:hidden; height:408px;}
.banner .list li a:hover{ text-decoration:none;}
.banner .list li.bg1{ background:#2398f8;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:20px; left:50%; margin-left:340px; z-index:100;}
.banner .btn li{ margin-left:12px; background:url(../images/btn.png) no-repeat; text-indent:-999em; float:left; width:14px; height:14px; cursor:pointer;}
.banner .btn li.hover{ background:url(../images/btnH.png) no-repeat;}
@keyframes img1 {0% { left:-200px; transform:rotate(-180deg);} 100% { left:180px; transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:180px; -webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
.banner .list li.bg2{ background:#0ecbc9;}
.banner .list li.bg2 .text1{ position:absolute; left:22px; top:-15px;}
.banner .list li.bg2 .text1.hover{ animation: img2_1 1.5s ease; -webkit-animation: img2_1 1.5s ease;}
.banner .list li.bg2 .text2{ position:absolute; left:0; top:-20px;}
.banner .list li.bg2 .text2.hover{ animation: img2_2 2s ease; -webkit-animation: img2_2 2s ease;}
.banner .list li.bg2 .text3{ position:absolute; left:20px; top:90px;}
.banner .list li.bg2 .text3.hover{ animation: img2_3 1.2s ease-out; -webkit-animation: img2_3 1.2s ease-out;}
.banner .list li.bg2 .text4{ position:absolute; left:262px; top:253px; transform:scale(1); -webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{ animation: img2_4 1.7s ease-out; -webkit-animation: img2_4 1.7s ease-out;}
.banner .list li.bg2 .text5{ position:absolute; right:48px; top:95px;}
.banner .list li.bg2 .text5.hover{ animation: img2_5 1.5s ease-out; -webkit-animation: img2_5 1.5s ease-out;}
.banner .list li.bg2 .text6{ position:absolute; right:90px; top:180px;}
.banner .list li.bg2 .text6.hover{ animation: img2_6 1.8s ease-out; -webkit-animation: img2_6 1.8s ease-out;}
.banner .list li.bg2 .text7{ position:absolute; right:28px; top:235px;}
.banner .list li.bg2 .text7.hover{ animation: img2_7 2s ease-out; -webkit-animation: img2_7 2s ease-out;}
@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:20px;} 92%{ top:85px;} 94%{ top:95px;} 96%{ top:83px;} 98%{ top:97px;} 100%{ top:90px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:20px;} 92%{ top:85px;} 94%{ top:95px;} 96%{ top:83px;} 98%{ top:97px;} 100%{ top:90px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
.banner .list li.bg3{ background:#ffc028;}
.banner .list li.bg3 .text1{ position:absolute; left:0px; top:85px; z-index:10;}
.banner .list li.bg3 .text2-1{ position:absolute; left:32px; top:131px;}
.banner .list li.bg3 .text2-2{ position:absolute; left:389px; top:0px;}
.banner .list li.bg3 .text3{ position:absolute; left:106px; top:0px;}
.banner .list li.bg3 .text4{ position:absolute; left:345px; top:162px; font-size:30px; color:#fff; text-align:center;}
.banner .list li.bg3 .text5{ position:absolute; left:99px; top:218px;}
.banner .list li.bg3 .text6{ position:absolute; left:130px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text7{ position:absolute; left:386px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text8{ position:absolute; left:640px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1s ease; -webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2-1.hover{ transform-origin:right bottom; -webkit-transform-origin:right bottom; animation:img3_2-1 30s linear; -webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{ transform-origin:left bottom; -webkit-transform-origin:left bottom; animation: img3_2-2 30s linear; -webkit-animation: img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{ animation: img3_4 1.5s ease; -webkit-animation: img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{ animation: img3_6 0.7s ease; -webkit-animation: img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{ animation: img3_7 0.7s ease; -webkit-animation: img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{ animation: img3_8 0.7s ease; -webkit-animation: img3_8 0.7s ease;}
@keyframes img3_1 { 0% { top:-100px;} 50%{ top:-80px;} 100% { top:85px;}}
@-webkit-keyframes img3_1 { 0% { top:-100px;} 50%{ top:-80px;} 100% { top:85px;}}
@keyframes img3_2-1 { 0% {transform:rotate(-20deg);} 10% {transform:rotate(100deg);} 20% {transform:rotate(-20deg);} 30% {transform:rotate(100deg);} 40% {transform:rotate(-20deg);} 50% {transform:rotate(100deg);} 60% {transform:rotate(-20deg);} 70% {transform:rotate(100deg);} 80% {transform:rotate(-20deg);} 90% {transform:rotate(100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-1 { 0% {-webkit-transform:rotate(-20deg);} 10% {-webkit-transform:rotate(100deg);} 20% {-webkit-transform:rotate(-20deg);} 30% {-webkit-transform:rotate(100deg);} 40% {-webkit-transform:rotate(-20deg);} 50% {-webkit-transform:rotate(100deg);} 60% {-webkit-transform:rotate(-20deg);} 70% {-webkit-transform:rotate(100deg);} 80% {-webkit-transform:rotate(-20deg);} 90% {-webkit-transform:rotate(100deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img3_2-2 { 0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 { 0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 { 0%{ opacity:0; transform: scale(0);} 30%{ opacity:0; transform: scale(0);} 80%{ opacity:0.7; transform: scale(1.2);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_4 { 0%{ opacity:0; -webkit-transform: scale(0);} 30%{ opacity:0; -webkit-transform: scale(0);} 80%{ opacity:0.7; -webkit-transform: scale(1.2);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@-webkit-keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@keyframes img3_7 { 0%{ opacity:0; transform: scale(4);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_7 { 0%{ opacity:0; -webkit-transform: scale(4);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
@-webkit-keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
.banner .list li.bg4{ background:#ff7575;}
.banner .list li.bg4 .text1{ position:absolute; left:250px; top:45px; font-size:69px; color:#ffe9e9;}
.banner .list li.bg4 .text2{ overflow:hidden; width:66px; position:absolute; left:251px; top:137px;}
.banner .list li.bg4 .text3{ opacity:0; position:absolute; left:485px; top:55px;}
.banner .list li.bg4 .text4{ opacity:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; position:absolute; left:500px; top:105px;}
.banner .list li.bg4 .text5{ opacity:0; position:absolute; left:508px; top:192px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:510px; top:230px;}
.banner .list li.bg4 .text7{ position:absolute; left:5px; bottom:40px;}
.banner .list li.bg4 .text3.hover{ animation:img4_3 1s 0.5s ease forwards; -webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{ animation:img4_4 1.2s 0.5s ease forwards; -webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{ animation:img4_5 1.5s 0.5s ease forwards; -webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{ animation:img4_6 0.3s 1.5s ease-out forwards; -webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{ animation:img4_7 0.8s ease-in; -webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@-webkit-keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@keyframes img4_4 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_4 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_5 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_5 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_6 { 0%{ transform:rotate(30deg); opacity:0;} 100%{ transform:rotate(0deg); opacity:1;}}
@-webkit-keyframes img4_6 { 0%{ -webkit-transform:rotate(30deg); opacity:0;} 100%{ -webkit-transform:rotate(0deg); opacity:1;}}
@keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}
@-webkit-keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}

/*快捷*/
.shortcut{ width:980px; height:270px; margin:-80px auto 0 auto; position:relative; z-index:101; overflow:hidden;}
.shortcut a{ margin-right:20px; display:block; width:230px; height:270px; position:relative; overflow:hidden; float:left; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; top:0px; margin-top:100px;}
.shortcut a img{ position:absolute; left:0px; top:0px;}
.shortcut a span{ position:absolute; line-height:18px; font-family:arial; color:#fff; left:15px; bottom:32px; transition:all 1s; -webkit-transition:all 1s;}
.shortcut a .imgH{ left:-230px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{ text-decoration:none;}
.shortcut a:hover .imgH{ display:block; left:0px;}
.shortcut a:hover span{ animation: img4 0.8s linear infinite alternate; -webkit-animation: img4 1s linear infinite alternate;}
@keyframes img4 {0% { bottom:32px;} 100% { bottom:27px;}}
@-webkit-keyframes img4 {0% { bottom:32px;} 100% { bottom:27px;}}

/*主体*/
.main{ width:980px; overflow:hidden; margin:40px auto 0 auto;}
.subMainWrap{ width:100%; overflow:hidden; background-color:#fff;}
.subMainWrap .main{ margin-top:0px;}

/*业务范围*/
.scOpeofBusiness{ width:980px; height:760px; overflow:hidden; position:relative; background-color:#fbfbfb;}
.scOpeofBusiness .rtbg{ width:20px; height:19px; background:url(../images/bg1.jpg) no-repeat; position:absolute; right:0px; top:0px;}
.scOpeofBusiness .rbbg{ width:20px; height:19px; background:url(../images/bg2.jpg) no-repeat; position:absolute; bottom:0px; right:0px;}
.scOpeofBusiness .tit{ height:112px; background-color:#fff;}
.scOpeofBusiness .tit .hours{ padding-left:21px;}
.scOpeofBusiness .tit .more{ font-size:14px; color:#9b9b9b; padding:45px 20px 0 0; transition:all 1s linear; -webkit-transition:all 0.5s linear;}
.scOpeofBusiness .tit .more:hover{ color:#ff5400; text-decoration:none;}
.webType{ height:350px; background-color:#fff; border-bottom:1px solid #f7f7f7;}
.webType .imgList{ width:898px; margin:0 auto;}
.webType .imgList dt{ height:85px; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.webType .imgList dt img{ padding:19px 0 0 17px; float:left;}
.webType .imgList dt h3{ padding:22px 0 0 8px; font-size:13px; color:#7e7e7e; float:left; width:800px;}
.webType .imgList dt h3 strong{ font-weight:normal; display:block; font-size:18px; color:#333;}
.webType .imgList dd{ width:175px; height:263px; float:left; _display:inline; position:relative;}
.webType .imgList dd .arrow{ position:absolute; left:70px; width:35px; height:30px; top:75px; display:block; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.webType .imgList dd .name{ overflow:hidden; position:absolute; left:40px; width:95px; height:95px; top:109px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; background:#f00; border-radius:50%; -webkit-border-radius:50%;}
.webType .imgList dd:hover .name{ top:38px;}
.webType .imgList dd:hover .arrow{ top:165px; transform:rotate(178deg); -webkit-transform:rotate(178deg);}
.webType .imgList dd .text{ background-color:#686868; line-height:18px; color:#fff; padding:10px 20px; display:none; top:215px; width:540px; left:20px; position:absolute;}
.webType .imgList dd.webType1 .name{ background:url(../images/type1.png) no-repeat left bottom;}
.webType .imgList dd.webType2 .name{ background:url(../images/type2.png) no-repeat left bottom;}
.webType .imgList dd.webType3 .name{ background:url(../images/type3.png) no-repeat left bottom;}
.webType .imgList dd.webType4 .name{ background:url(../images/type4.png) no-repeat left bottom;}
.webType .imgList dd.webType5 .name{ background:url(../images/type5.png) no-repeat left bottom;}
.webType .imgList dd.webType6 .name{ background:url(../images/type6.png) no-repeat left bottom;}
.webType .imgList dd.webType1 .arrow{ background:url(../images/typebg1.png) no-repeat left bottom;}
.webType .imgList dd.webType2 .arrow{ background:url(../images/typebg2.png) no-repeat left bottom;}
.webType .imgList dd.webType3 .arrow{ background:url(../images/typebg3.png) no-repeat left bottom;}
.webType .imgList dd.webType4 .arrow{ background:url(../images/typebg4.png) no-repeat left bottom;}
.webType .imgList dd.webType5 .arrow{ background:url(../images/typebg5.png) no-repeat left bottom;}
.webType .imgList dd.webType6 .arrow{ background:url(../images/typebg6.png) no-repeat left bottom;}
.scOpeofBusiness .webTypeTextList{ width:920px; height:273px; padding:24px 0 0 60px;}
.scOpeofBusiness .webTypeTextList a{ float:left; width:440px; height:82px;}
.scOpeofBusiness .webTypeTextList a img{ padding-top:18px; float:left;}
.scOpeofBusiness .webTypeTextList a h3{ white-space:nowrap; padding:22px 0 0 10px; font-size:13px; color:#7e7e7e; float:left;}
.scOpeofBusiness .webTypeTextList a h3 strong{ font-weight:normal; display:block; font-size:18px; color:#333;}
.scOpeofBusiness .webTypeTextList a:hover{ text-decoration:none;}

/*技术团队*/
.skill{ width:980px; height:536px; background:#fff; overflow:hidden;}
.skill img{ vertical-align:top;}
.skill .complete{ width:454px; height:272px; padding-left:4px;}
.skill .complete .complete1{ width:88px; height:94px; position:relative; cursor:pointer;}
.skill .complete .complete1 .bg{ filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; width:88px; height:94px; position:absolute; top:0px; left:0px; opacity:0.3; background:#fff;}
.skill .complete .complete2{ width:265px; height:94px; padding:0 4px; position:relative; cursor:pointer;}
.skill .complete .complete2 .bg{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; width:265px; height:94px; position:absolute; top:0px; left:4px; opacity:0.5; background:#000;}
.skill .complete .btn{ width:93px; height:94px; overflow:hidden; *position:relative;}
.skill .complete .btn img{ position:relative;}
.skill .indexNews{ width:319px; height:272px; overflow:hidden; background:#f9db0f;}
.skill .indexNews .tit{ height:39px; padding:27px 0 0 12px; font-size:30px; color:#206717;}
.skill .indexNews .box{ width:319px; height:103px; background:url(../images/newsbg.jpg); overflow:hidden;}
.skill .indexNews .box img{ float:left; padding:13px 15px 0 17px;}
.skill .indexNews .box h4{ padding-top:12px; font-size:14px;}
.skill .indexNews .box h4 a{ color:#2c2c2c;}
.skill .indexNews .box h4 a:link,.skill .indexNews .box h4 a:visited{ color:#2c2c2c;}
.skill .indexNews .box time{ padding-top:5px; font-size:12px; color:#9a9c5c;}
.skill .indexNews .box p{ padding:8px 18px 0 0; line-height:15px; color:#69672e; font-family:"宋体";}
.skill .indexNews .box p a{ color:#5e9b28;}
.skill .indexNews .box p a:link,.skill .indexNews .box p a:visited{ color:#5e9b28;}
.skill .indexNews ul{ width:305px; padding-top:13px; height:90px; overflow:hidden;}
.skill .indexNews ul li{ line-height:24px; padding-left:35px; background:url(../images/news2.jpg) no-repeat 18px center;}
.skill .indexNews ul li a{ color:#363636; font-size:14px;}
.skill .indexNews ul li a:link,.skill .indexNews ul li a:visited{ color:#363636;}
.skill .environment{ width:292px; height:259px; overflow:hidden; position:relative; margin:4px 0 0 0;}
.skill .environment .show{ width:292px; height:259px; overflow:hidden; position:relative;}
.skill .environment .show .list{ position:absolute; left:0px; top:0px;}
.skill .environment .show .list li{ float:left;}
.skill .environment .text{ position:absolute; width:180px; height:48px; line-height:48px; color:#fff; font-size:30px; text-align:center; right:0px; bottom:18px; background:#2082ce;}
.skill .environment .l{ width:35px; height:62px; background:url(../images/environmentL.jpg) no-repeat; position:absolute; left:0px; top:110px; cursor:pointer;}
.skill .environment .r{ width:35px; height:62px; background:url(../images/environmentR.jpg) no-repeat; position:absolute; right:0px; top:110px; cursor:pointer;}
.skill .qualification{ width:362px; height:259px; margin:4px 0 0 4px; _display:inline; overflow:hidden; position:relative;}
.skill .qualification img{ position:relative; vertical-align:top;}
.skill .indexMovie{ margin-top:1px; background:#3d3b3b; width:319px; height:262px; overflow:hidden;}
.skill .indexMovie .tit{ width:319px; height:81px;}
.skill .indexMovie .tit h3{ float:left;}
.movieTextTit{ width:180px; float:left; position:relative; height:81px;}
.movieTextTit .l{ width:11px; height:16px; background:url(../images/movieTextTitL.jpg) no-repeat; position:absolute; top:34px; left:25px; cursor:pointer;}
.movieTextTit .r{ width:11px; height:16px; background:url(../images/movieTextTitR.jpg) no-repeat; position:absolute; top:34px; right:25px; cursor:pointer;}
.movieTextTit p{ width:118px; height:16px; line-height:16px; color:#aeaeae; margin:34px 0 0 36px; text-align:center; font-size:14px; line-height:14px;}

/*案例*/
.case{ width:980px; height:507px; overflow:hidden; background-color:#fff;}
.case .caseCon{ width:535px; height:507px; border-right:1px solid #ededed; position:relative;}
.case .caseCon hgroup{ overflow:hidden;}
.case .caseCon hgroup .casezihaiImg{ padding-left:27px;}
.case .caseCon .list{ width:470px; height:319px; overflow:hidden; margin:40px 0 0 32px; position:relative;}
.case .caseCon .list li{ position:absolute; left:0px; top:0px;}
.case .caseCon .btn{ width:71px; height:16px; position:absolute; right:33px; bottom:36px;}
.case .caseCon .btn li{ width:16px; height:16px; margin-left:7px; _display:inline; background:url(../images/caseBtn.jpg) no-repeat; float:left; text-indent:-999em; cursor:pointer;}
.case .caseCon .btn li.hover{ background:url(../images/caseBtnH.jpg) no-repeat;}
.case .recommend{ width:446px; margin-right:-5px; height:507px; overflow:hidden;}
.case .recommend img{ vertical-align:top;}
.case .recommend li{ width:217px; height:251px; margin:0 5px 4px 0; float:left; position:relative; overflow:hidden;}
.case .recommend li .link{ background:#000; opacity:0.5; text-align:center; font-size:16px; font-weight:500; line-height:251px; color:#fff; position:absolute; left:-217px; width:217px; height:251px; z-index:2; top:0px;}
.case .recommend li .link:link,.case .recommend li .link:visited{ color:#fff; text-decoration:none;}
.case .recommend li .d{ position:absolute; z-index:3; width:78px; height:32px; display:block; background:url(../images/ding.jpg) no-repeat; right:0px; display:none; top:150px; _right:-1px; _top:-32px; cursor:pointer;}
.case .recommend li .d span{ display:inline-block; padding:10px 0 0 34px; font-size:12px; font-family:arial; color:#e0e0e0;}
.case .recommend li .d:hover{ text-decoration:none;}

/*底部*/
footer{ width:100%;}
footer .tit{ width:980px; height:49px; margin:0 auto; position:relative;}
footer .tit dt{ height:49px; width:125px; background:#2d2c2c url(../images/footer2.jpg) no-repeat 109px center; color:#fff; font-size:18px; float:right; padding-left:28px; line-height:49px; cursor:pointer; transition:all 1s ease; -webkit-transition:all 1s ease; position:absolute; right:0px; bottom:0px; _bottom:-1px;}
footer .tit dt.hover{ transform:rotateX(360deg); -webkit-transform:rotateX(360deg);}
footer .tit dd{ font-weight:normal; float:left; color:#5a5a5a; font-size:12px; padding:0 10px 0 3px; line-height:40px; cursor:pointer;}
footer .tit dd.hover{ background:url(../images/footer1.jpg) no-repeat center 30px; color:#f59600;}
footer .conWrap{ width:100%; height:302px; background-color:#5a5a5a; overflow:hidden;}
footer .conWrap .wrap{ width:980px; height:302px; margin:0 auto; position:relative;}
footer .conWrap .con{ width:980px; margin:0 auto; position:absolute; left:0px; top:0px; display:none;}
footer .conWrap .con .text{ width:513px; overflow:hidden;}
footer .conWrap .con .text .reservation{ height:86px; background:url(../images/reservation.jpg) no-repeat; margin-top:4px;}
footer .conWrap .con .text .reservation h4{ font-size:18px; color:#ececec; padding:27px 0 0 14px;}
footer .conWrap .con .text .reservation strong{ font-size:30px; color:#ececec; line-height:28px; font-weight:normal; padding:0 0 0 16px;}
footer .conWrap .con .text .address{ height:50px; background:url(../images/footerImg1.jpg) no-repeat left top; margin-top:30px; padding-left:28px;}
footer .conWrap .con .text .address h4{ padding-bottom:5px; line-height:20px; font-size:18px; color:#ececec;}
footer .conWrap .con .text .address strong{ font-size:13px; color:#a4a4a4; padding-top:6px; font-weight:normal;}
footer .conWrap .con .text .footerContact{ padding-left:30px; height:100px; background:url(../images/footerImg2.jpg) no-repeat 4px top; margin-top:10px;}
footer .conWrap .con .text .footerContact h4{ line-height:20px; padding-bottom:8px; font-size:18px; color:#ececec;}
footer .conWrap .con .text .footerContact strong{ font-size:13px; color:#a4a4a4; line-height:20px; display:block; font-weight:normal;}
footer .conWrap .con .map{ width:466px;height: 302px; vertical-align:top;}
footer .addressWrap{ width:100%; height:46px; background-color:#3e3e3e; overflow:hidden;}
footer .addressWrap address{ width:980px; margin:0 auto; color:#acacac; text-align:center; font-style:normal; line-height:46px;}
footer.sub{ background-color:#fff;}
footer.sub .conWrap{ display:none;}
footer.sub .tit dd{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

/*通栏导航*/
nav.topNav{ display:none; width:100%; height:100px; background:#004ea2; overflow:hidden; position:fixed; top:0px; z-index:200;}
nav.topNav .wrap{ width:980px; height:100px; margin:0 auto; position:relative;}
nav.topNav ul{ width:980px; height:100px; position:absolute; left:0px; top:0px; z-index:98;}
nav.topNav ul li{ float:left;}
nav.topNav .wrap .bg{ width:140px; height:100px; background:url(../images/topNavBg.png) no-repeat; left:0px; top:0px; z-index:99; position:absolute; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
nav.topNav dl{ width:980px; height:100px; position:absolute; z-index:100; top:0px; left:0px;}
nav.topNav dl dd{ float:left;}
nav.topNav dl dd a{ display:block; width:140px; height:100px; *background:#fff; *filter:alpha(opacity=0);}
nav.topNav dl dt{ float:right; cursor:pointer;}



/*二级页广告*/
.subBanner{ margin-top:110px;width:100%; height:165px; background:url(../images/subBannerbg.jpg); overflow:hidden;}
.subBanner .con .name{ padding:40px 12px 0 0; width:188px; height:125px; background:url(../images/subBannerbg1.png) no-repeat right top; font-size:33px; color:#fff; text-align:right;}
.subBanner .con{ width:980px; margin:0 auto; overflow:hidden; position:relative;}
.subBanner .con .navIn{ height:32px; line-height:31px; position:absolute; left:25px; bottom:0px;} 
.subBanner .con .navIn a{ margin-right:28px; color:#a5d0ff; font-size:13px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.subBanner .con .navIn a:link,.subBanner .con .navIn a:visited{ color:#a5d0ff;}
.subBanner .con .navIn a:hover{ text-decoration:none; color:#fff;}
.subBanner .con .navIn .back{ position:absolute; bottom:0px; _bottom:-1px; left:0px; overflow:hidden; background:#ff9000; height:2px;}
.subBanner .con .text1{ margin:30px 0 0 22px; display:block;}
.subBanner .con .text2{ margin:1px 0 0 254px; display:block;}
.subBanner .con .text3{ margin:46px 0 0 20px; display:block;}
.subBanner .con img{ vertical-align:top;}
.yinhao1L{ width:42px; height:32px; position:absolute; left:47px; top:38px; background:url(../images/yinhao1L.jpg) no-repeat; display:block;}
.yinhao1R{ width:42px; height:33px; position:absolute; left:641px; top:222px; background:url(../images/yinhao1R.jpg) no-repeat; display:block;}
.yinhao2L{ width:42px; height:32px; position:absolute; left:55px; top:32px; background:url(../images/yinhao2L.jpg) no-repeat; display:block;}
.yinhao2R{ width:42px; height:33px; position:absolute; left:616px; top:232px; background:url(../images/yinhao2R.jpg) no-repeat; display:block;}
.yinhao3L{ width:42px; height:32px; position:absolute; left:140px; top:22px; background:url(../images/yinhao1L.jpg) no-repeat; display:block;}
.yinhao3R{ width:42px; height:33px; position:absolute; left:560px; top:230px; background:url(../images/yinhao1R.jpg) no-repeat; display:block;}

/*办公环境*/
.office{ width:980px; padding-bottom:68px; overflow:hidden;}
.office .aboutTopBox{ width:980px; height:286px; margin-top:100px;}
.office .aboutTopBox .tit{ background:url(../images/subTit.jpg) no-repeat; font-size:49px; color:#f4f4f4; width:286px; height:286px; text-align:center;}
.office .aboutTopBox .tit span{ margin-top:170px; display:block;}
.office .aboutTopBox .text{ width:694px; height:286px; position:relative;}
.office .aboutTopBox .text .text1{ position:absolute; left:105px; top:75px; font-size:64px; color:#434343;}
.office .aboutTopBox .text .text1 strong{ font-weight:500; color:#ff6c00;}
.office .aboutTopBox .text .text2{ position:absolute; left:313px; top:155px; font-size:30px; color:#8a8a8a;}
.office .aboutTopBox .text .text3{ position:absolute; left:162px; top:195px; font-size:30px; color:#8a8a8a;}
.office .list{ width:987px; margin:43px -7px 0 0; overflow:hidden;}
.office .list dt{ height:110px;}
.office .list dt strong{ display:inline-block; margin-top:20px; font-weight:500; font-size:48px; color:#434343; float:left}
.office .list dt span{ margin:29px 0 0 23px; color:#c2c1c1; font-size:18px; display:inline-block; height:25px; border-left:1px solid #ddd; float:left; padding:25px 0 0 15px;}
.office .list dd{ margin-right:7px; float:left;}
.office .list dd img{ vertical-align:top;}

/*公司资质*/
.subQualification{ width:980px; padding-bottom:68px; overflow:hidden;}
.subQualification .aboutTopBox{ padding-bottom:75px; border-bottom:1px solid #d7d7d7; margin-bottom:20px; width:980px; height:286px; margin-top:100px;}
.subQualification .aboutTopBox .tit{ background:url(../images/subTit2.jpg) no-repeat; font-size:49px; color:#f4f4f4; width:286px; height:286px; text-align:center;}
.subQualification .aboutTopBox .tit span{ margin-top:170px; display:block;}
.subQualification .aboutTopBox .text{ width:694px; height:286px; position:relative;}
.subQualification .aboutTopBox .text .text1{ position:absolute; left:133px; top:30px; font-size:55px; color:#71a6de;}
.subQualification .aboutTopBox .text .text2{ position:absolute; left:85px; top:135px; font-size:18px; line-height:30px; color:#434343; width:560px; text-align:justify;}
.subQualification .list{ width:980px; overflow:hidden;}
.subQualification .list dt{ margin-top:35px; font-size:24px; color:#434343;}
.subQualification .list dd{ margin-top:35px; float:left; margin-right:20px; padding-bottom:28px; border-bottom:1px solid #d7d7d7;}
.subQualification .list dd img{ vertical-align:top;}

/*二级页广告*/
.teamStyle{ width:980px; padding-bottom:68px; overflow:hidden;}
.teamStyle .aboutTopBox{ padding-bottom:75px; margin-bottom:20px; width:980px; height:286px; margin-top:100px;}
.teamStyle .aboutTopBox .tit{ background:url(../images/subTit3.jpg) no-repeat; font-size:49px; color:#f4f4f4; width:286px; height:286px; text-align:center;}
.teamStyle .aboutTopBox .tit span{ margin-top:170px; display:block;}
.teamStyle .aboutTopBox .text{ width:694px; height:286px; position:relative;}
.teamStyle .aboutTopBox .text .text1{ position:absolute; left:206px; top:28px; font-size:52px; color:#5ec243;}
.teamStyle .aboutTopBox .text .text2{ position:absolute; left:85px; top:98px; font-size:30px; color:#434343;}
.teamStyle .aboutTopBox .text .text3{ position:absolute; left:330px; top:132px; font-size:52px; color:#434343;}
.teamStyle .aboutTopBox .text .text4{ position:absolute; left:130px; top:200px; font-size:52px; color:#ff9000;}
.teamStyle .list{ width:980px; overflow:hidden;}
.teamStyle .list li{ width:490px; float:left; height:92px; margin-bottom:17px;}
.teamStyle .list li strong{ width:92px; height:92px; float:left; background-color:#717171; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.teamStyle .list li strong.bg1{ background:#717171 url(../images/teamStyleImg1.png) no-repeat center center;}
.teamStyle .list li strong.bg2{ background:#717171 url(../images/teamStyleImg2.png) no-repeat center center;}
.teamStyle .list li strong.bg3{ background:#717171 url(../images/teamStyleImg3.png) no-repeat center center;}
.teamStyle .list li strong.bg4{ background:#717171 url(../images/teamStyleImg4.png) no-repeat center center;}
.teamStyle .list li strong.bg5{ background:#717171 url(../images/teamStyleImg5.png) no-repeat center center;}
.teamStyle .list li strong.bg6{ background:#717171 url(../images/teamStyleImg6.png) no-repeat center center;}
.teamStyle .list li strong.hover{ background-color:#5ec243;}
.teamStyle .list li div{ padding-left:20px; width:378px; float:left;}
.teamStyle .list li div h4{ padding:8px 0; font-size:18px; color:#434343;}
.teamStyle .list li div p{ width:340px; font-size:14px; line-height:19px; font-family:"宋体"; color:#adadad;}
.teamStyle .titList{ width:980px; overflow:hidden; *padding-bottom:4px;}
.teamStyle .titList li{ float:left; margin:0 4px 4px 0;}
.teamStyle .titList li:nth-child(7){ clear:both;}
.teamStyle .titList li a{ font-size:20px; color:#6f6d6d; line-height:40px; text-align:center; display:block; padding:0 30px; height:40px; background-color:#e5e5e5; *float:left; *white-space:nowrap; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.teamStyle .titList li a:link,.teamStyle .titList li a:visited{ color:#6f6d6d;}
.teamStyle .titList li a:hover{ text-decoration:none; color:#fff; background-color:#ff9000;}
.teamStyle .titList li a.hover{ text-decoration:none; color:#fff; background-color:#ff9000;}
.teamStyle .titList li a.hover:link,.teamStyle .titList li a.hover:visited{ text-decoration:none; color:#fff;}
.teamStyleBanner{ width:980px; position:relative; margin-top:55px;}
.teamStyleBanner .btn{ position:absolute; left:50%; margin-left:-40px;}
.teamStyleBanner .btn li{ float:left; width:14px; height:14px; background:url(../images/teamStyleBannerBtn.jpg) no-repeat; margin-right:7px; cursor:pointer;}
.teamStyleBanner .btn li.hover{ background:url(../images/teamStyleBannerBtnH.jpg) no-repeat;}
.teamStyleBanner .teamStyleList{ display:none; top:30px; position:relative; right:-1px; width:980px; overflow:hidden;}
.teamStyleBanner .teamStyleList li{ position:relative; float:left; width:244px; height:318px; border-right:1px solid #ddd; opacity:0.1; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.teamStyleBanner .teamStyleList li:hover{ background-color:#f7f7f7;}
.teamStyleBanner .teamStyleList li img{ display:block; margin:6px auto 0 auto;}
.teamStyleBanner .teamStyleList li strong{ width:232px; font-weight:500; padding-left:2px; color:#2c2c2c; font-size:18px; display:block; padding:15px 0 5px 2px; margin:0 auto;}
.teamStyleBanner .teamStyleList li time{ padding-left:2px; width:232px; font-family:arial; color:#b1b1b1; display:block; margin:0 auto;}
.teamStyleBanner .teamStyleList li span{ width:232px; font-family:arial; color:#b1b1b1; line-height:18px; display:block; margin:0 auto; padding:10px 0 0 2px;}
.teamStyleBanner .teamStyleList li div{ position:absolute; right:5px; top:6px; height:43px; padding:0 13px; background:#000; color:#fff; line-height:43px; text-align:center; font-size:18px; background:rgba(0,0,0,0.6);}
.teamStyleBanner .teamStyleList li a{ display:block; height:318px;}
.teamStyleBanner .teamStyleList li a:hover{ text-decoration:none;}

/*公司动态*/
.companyNews{ width:980px; padding-bottom:68px; overflow:hidden;}
.companyNews .tit{ overflow:hidden; width:980px; height:134px; background:url(../images/companyNewsTit.jpg) no-repeat center bottom;}
.companyNews .tit strong{ float:left; padding-right:15px; border-right:1px solid #ddd; height:49px; margin-top:62px; line-height:43px; *line-height:48px; font-size:48px; color:#434343; font-weight:500;}
.companyNews .tit p{ float:left; padding:85px 0 0 15px; font-size:18px; color:#c2c1c1;}
.companyNews .imgList{ width:999px; margin-right:-19px; overflow:hidden;}
.companyNews .imgList li{ margin-right:19px; float:left; width:314px; height:472px; border-bottom:1px solid #d7d7d7;}
.companyNews .imgList li a{ display:block; margin-top:67px;}
.companyNews .imgList li a:hover{ cursor:pointer; text-decoration:none;}
.companyNews .imgList li .imgTit{ width:314px; overflow:hidden; background:url(../images/companyNewsimgList.jpg) no-repeat right center;}
.companyNews .imgList li .imgTit strong{ background:#aaa; font-weight:500; height:22px; line-height:22px; padding:0 6px; color:#fff; text-align:center; float:left;}
.companyNews .imgList li .name{ margin-top:15px; font-size:18px; color:#434343; font-weight:500; display:block; text-align:left; height:48px;}
.companyNews .imgList li time{ margin-top:5px; color:#9e9e9e; display:block;}
.companyNews .imgList li time span{ color:#67a900; padding-left:10px;}
.companyNews .imgList li p{ margin:15px 0; line-height:19px; color:#878787; font-weight:500;}
.companyNews .imgList li .btn{ height:25px; line-height:25px; padding:0 10px; color:#fff; text-align:center; background:#ff9000; display:block; float:left; margin-top:5px;}
.companyNews .imgList li .imgWrap{ width:314px; height:160px; margin:10px auto; position:relative;}
.companyNews .imgList li .imgWrap img{ display:block;}
.companyNews .imgList li .bg{ width:314px; height:160px; filter:alpha(opacity=0); background:#000 url(../images/companyNewsbg.png) no-repeat center center; position:absolute; left:0px; top:0px; opacity:0;}
.companyNews .textTit{ margin-top:60px;}
.companyNews .textTit li{ cursor:pointer; margin-right:2px; float:left; width:156px; height:45px; background-color:#e0e0e0; font-size:26px; color:#585858; text-align:center; line-height:45px; position:relative;}
.companyNews .textTit li span{ position:absolute; left:50%; width:18px; height:11px; bottom:-11px; margin-left:-9px; background:url(../images/companyNewstextTit.jpg) no-repeat; display:none;}
.companyNews .textTit li.hover{ background-color:#2b2b2b; color:#fff;}
.companyNews .textTit li.hover span{ display:block;}
.companyNews .textList{ width:980px; overflow:hidden; padding-top:40px;}
.companyNews .textList li{ width:980px; height:179px; border-bottom:1px dotted #bfbfbf; float:left;}
.companyNews .textList li strong{ color:#fff; width:99px; text-align:center; height:117px; background:#404040; float:left; margin-top:30px;}
.companyNews .textList li strong .num{ display:block; font-size:24px; font-family:arial; font-weight:normal; margin-top:20px;}
.companyNews .textList li strong .text{ display:block; font-weight:normal; width:87px; margin:0 auto; border-bottom:1px solid #616161; padding:6px 0 8px 0;}
.companyNews .textList li strong time{ margin-top:10px; display:block; font-family:arial; font-weight:bold;}
.companyNews .textList li div.con{ padding:35px 0 0 22px; float:left; width:838px; position:relative;}
.companyNews .textList li div.con h3{ font-size:18px; color:#434343;}
.companyNews .textList li div.con h3 a{ color:#666;}
.companyNews .textList li div.con h3 a:link,.companyNews .textList li div.con h3 a:visited{ color:#666;}
.companyNews .textList li div.con p{ transition:all 0.6s ease-in; -webkit-transition:all 0.6s ease-in; padding-top:10px; line-height:19px; color:#878787;}
.companyNews .textList li div.con p:hover{ color:#333;}
.companyNews .textList li div.con .btn{ margin-top:15px; color:#ff9000; font-weight:bold; display:block;}
.companyNews .textList li div.con .btn:link,.companyNews .textList li div.con .btn:visited{ color:#ff9000;}

/*页码*/
section.page{ text-align:right; margin:35px 0 10px 0;}
section.page a{ padding:0 15px; height:36px; line-height:36px; text-align:center; display:inline-block; background:#ececec; color:#545454; font-size:14px; font-family:arial; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
section.page a:link,section.page a:visited{ color:#545454;}
section.page a:hover{ color:#fff; background:#333; text-decoration:none;}
section.page a.hover{ color:#fff; background:#333; text-decoration:none;}
section.page a.hover:link,section.page a.hover:visited{ color:#fff;}

/*集团介绍*/
.group{ width:980px; padding-bottom:68px; overflow:hidden;}
.group .tit{ font-size:48px; color:#56a0cf; font-weight:500; text-align:center; padding:50px 0;}
.group .groupBanner{ width:978px; height:190px; overflow:hidden; margin:0 auto;}
.group .text{ color:#646464; margin:25px 0;}
.group .text1{font-size:15px; color:#646464; font-weight:500; line-height:25px;}
.group .text p{ font-size:14px; line-height:27px; text-indent:2em;}
.group .text.lin30{ line-height:30px;}
.group .textTit{ font-size:18px; color:#464646; font-weight:bold;}
.group .textList{ width:1004px; margin:20px -22px 0 0; overflow:hidden;}
.group .textList li{ float:left; width:228px; margin-right:22px;}
.group .textList li h4{ padding-left:2px; margin:10px 0; font-size:15px; color:#7090b2;}
.group .textList li p{ width:194px; height:200px; background:#e6eff4; padding:25px 17px; line-height:18px; color:#5c5c5c; text-align:justify; font-family:"宋体"; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.group .textList li p.hover{ background:#fff4d7;}
.group .corporateCulture{ width:980px; height:286px; padding-top:100px; margin-top:80px; overflow:hidden; border-top:1px solid #d7d7d7;}
.group .corporateCulture .corporateCultureTit{ background:url(../images/subTit4.jpg) no-repeat; font-size:49px; color:#f4f4f4; width:286px; height:286px; text-align:center; margin-left:60px;}
.group .corporateCulture .corporateCultureTit span{ margin-top:170px; display:block; font-weight:500;}
.group .corporateCulture .corporateCultureText{ width:555px; padding-left:78px;}
.group .corporateCulture .corporateCultureText h4{ padding-top:10px; font-size:48px; font-weight:500; color:#434343;}
.group .corporateCulture .corporateCultureText p{ padding-top:25px; color:#8e8e8e; font-size:30px; line-height:44px; font-weight:500;}
.group .corporateCultureList{ width:980px; margin-top:40px; overflow:hidden;}
.group .corporateCultureList dt{ font-size:20px;}
.group .corporateCultureList dt strong{ padding-right:20px; font-weight:500; font-size:36px;}
.group .corporateCultureList dt.col1{ color:#a4cfff;}
.group .corporateCultureList dt.col1 strong{ color:#57a6ff;}
.group .corporateCultureList dt.col2{ color:#f5b5d1;}
.group .corporateCultureList dt.col2 strong{ color:#ff59a3;}
.group .corporateCultureList dt.col3{ color:#a0e089;}
.group .corporateCultureList dt.col3 strong{ color:#52b019;}
.group .corporateCultureList dd{ margin-top:20px; line-height:25px; font-size:15px; color:#7f7f7f; text-align:justify;}
.group .history{ width:980px; margin-top:90px; padding-top:80px; border-top:1px solid #d7d7d7;}
.group .history .historyTit{ float:right;}

/*客户与伙伴*/
.customers{ width:980px; padding-bottom:68px; margin-top:105px; overflow:hidden;}
.customers .myCustomers{ width:972px; height:293px; overflow:hidden; border-left:8px solid #ef8e30; background:url(../images/customersbg1.jpg) no-repeat right top;}
.customers .myCustomers .tit{ width:107px; height:107px; background:url(../images/customersTit.jpg) no-repeat; margin-left:62px; display:block;}
.customers .myCustomers h4{ font-size:48px; color:#434343; margin-left:60px; padding:15px 0 20px 0;}
.customers .myCustomers p{ margin-left:60px; color:#8e8e8e; font-size:18px; line-height:30px;}
.customers .list{ margin-top:60px; width:975px; overflow:hidden; border-left:1px dotted #bfbfbf; border-top:1px dotted #bfbfbf;}
.customers .list li{ float:left; width:194px; height:79px; border-bottom:1px dotted #bfbfbf; border-right:1px dotted #bfbfbf;}
.customers .list li a{ height:79px; text-align:center; display:block; position:relative; margin:0 auto;}
.customers .partner{ margin-top:113px; width:972px; height:315px; overflow:hidden; background:url(../images/customersbg2.jpg) no-repeat left top; border-right:8px solid #5ec243;}
.customers .partner h4{ float:right; margin:10px 65px 0 0; _display:inline; padding-top:125px; background:url(../images/customersbg3.jpg) no-repeat center 4px; width:200px; text-align:center; color:#434343; font-size:48px;}
.customers .partner p{ float:right; padding-right:65px; text-align:right; line-height:30px; font-size:18px; color:#8e8e8e; padding-top:25px; clear:both; white-space:nowrap;}

/*详细页面*/
.aboutInfo{ width:980px; padding-bottom:50px; overflow:hidden;}
.subNav{ padding-right:10px; color:#6d6d6d; line-height:34px; margin-top:47px; width:970px; height:34px; border-bottom:1px solid #eee; font-family:"宋体"; text-align:right; border-top:1px solid #eee; padding-right:15px;}
.subNav a{ margin:0 7px; color:#6d6d6d; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.subNav a:link,.aboutInfo .subNav a:visited{ color:#6d6d6d;}
.subNav a:hover{ text-decoration:none; color:#0f61b9;}
.subNav a.hover{ color:#0f61b9;}
.subNav a.hover:link,.aboutInfo .subNav a.hover:visited{ color:#0f61b9;}
.aboutInfoClick{ color:#fff; width:99px; text-align:center; height:117px; background:#404040; float:left; margin-top:40px;}
.aboutInfoClick .num{ display:block; font-size:24px; font-family:arial; font-weight:normal; margin-top:20px;}
.aboutInfoClick .text{ display:block; font-weight:normal; width:87px; margin:0 auto; border-bottom:1px solid #616161; padding:6px 0 8px 0;}
.aboutInfoClick time{ margin-top:10px; display:block; font-family:arial; font-weight:bold;}
.aboutInfo .con{ width:850px; overflow:hidden; line-height:25px; color:#6d6d6d; font-size:14px;}
.aboutInfo .con .tit{ border-bottom:1px solid #cdcdcd; width:850px; padding:40px 0 15px 0;}
.aboutInfo .con .tit h3{ font-size:24px; color:#404040;}
.aboutInfo .con .tit time{ padding-top:10px; font-size:14px; color:#b5b5b5; display:block;}
.aboutInfo .con .tit .print{ padding:20px 13px 0 0; cursor:pointer;}
.aboutInfo .con article{ padding-top:15px; text-align:justify;}
.aboutInfo .con article img{ display:block; margin:0 auto;}
.aboutInfo .con article p{ line-height:27px; font-size:14px; padding-top:20px;}
.infoPage{ margin-top:50px; width:850px; overflow:hidden; border-top:1px solid #cdcdcd;}
.infoPage .link{ padding-top:25px; width:550px; overflow:hidden;}
.infoPage .link a{ display:block; line-height:26px; font-size:14px; color:#b5b5b5; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.infoPage .link a:link,.infoPage .link a:visited{ color:#b5b5b5;}
.infoPage .link a:hover{ color:#333; text-decoration:none;}

/*联系我们*/
.subContactUs{ width:980px; padding-bottom:50px; overflow:hidden;}
.subContactUs .mapTitListWrap{ width:980px; margin-top:65px; overflow:hidden;}
.subContactUs .mapTitList{ /*float:right;*/ overflow:hidden;}
.subContactUs .mapTitList a{ margin-right:20px; display:inline-block; text-align:right; height:28px; border-top:2px solid #fff; line-height:20px; font-size:14px; color:#6e6e6e;}
.subContactUs .mapTitList a:link,.subContactUs .mapTitList li a:visited{ color:#6e6e6e;}
.subContactUs .mapTitList a:hover{ color:#f66e00; border-top:2px solid #f66e00; background:url(../images/mapTitList.jpg) no-repeat center bottom; text-decoration:none;}
.subContactUs .mapTitList a.hover{ color:#f66e00; border-top:2px solid #f66e00; background:url(../images/mapTitList.jpg) no-repeat center bottom; text-decoration:none;}
.subContactUs .mapWrap{ width:980px; height:490px; margin-top:10px; overflow:hidden;}
.subContactUsTab{ width:580px; margin-top:75px; overflow:hidden;}
.subContactUsTab hgroup{ font-size:36px; color:#434343;}
.subContactUsTab table{ margin:60px 0 0 35px;}
.subContactUsTab table td{ font-size:14px; color:#8e8e8e;}
.subContactUsTab table .text{ width:248px; line-height:30px; height:30px; padding:0 5px; color:#8e8e8e; font-family:arial; border:1px solid #cfcfcf;}
.subContactUsTab table .btn{ width:140px; height:42px; background:url(../images/contactUsbtn.jpg) no-repeat; border:none; cursor:pointer;}
.subContactUsTab table textarea{ width:248px; height:110px; line-height:20px; padding:5px; color:#8e8e8e; font-size:14px; font-family:arial; border:1px solid #cfcfcf; overflow:auto; resize:none;}
.subContactUs .weixin{ margin-top:82px;}
.subContactUsTab table select{ width:258px; line-height:30px; height:30px; padding:0 5px; color:#8e8e8e; font-family:arial; border:1px solid #cfcfcf;}

/*二级页顶部导航*/
.subTipNav{ width:100%; height:32px; position:fixed; top:0px; background:url(../images/subBannerbg.jpg); overflow:hidden; display:none;}
.subTipNav .con{ width:980px; margin:0 auto; height:32px; position:relative;}
.subTipNav .con .navIn{ height:32px; line-height:31px; position:absolute; left:25px; bottom:0px;} 
.subTipNav .con .navIn a{ margin-right:28px; color:#a5d0ff; font-size:13px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.subTipNav .con .navIn a:link,.subBanner .con .navIn a:visited{ color:#a5d0ff;}
.subTipNav .con .navIn a:hover{ text-decoration:none; color:#fff;}
.subTipNav .con .navIn .back{ position:absolute; bottom:0px; _bottom:-1px; left:0px; overflow:hidden; background:#ff9000; height:2px;}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
    margin-left:8px;
    line-height:20px;
    height:20px;
    overflow:hidden;
    color:#999;
    font-size:12px;
}
.Validform_right{
    color:#71b83d;
    padding-left:20px;
    background:url(../images/right.png) no-repeat left center;
}
.Validform_wrong{
    color:red;
    padding-left:20px;
    white-space:nowrap;
    background:url(../images/error.png) no-repeat left center;
}
.Validform_loading{
    padding-left:20px;
    background:url(../images/onLoad.gif) no-repeat left center;
}
.Validform_error{
    background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#6D9E35;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}



ul.submenu li {
/*	height: 20px;
	line-height: 20px;*/
	/*padding:0 20px 0 23px;*/

}
/*ul.submenu li a {
	color: #fff;
	padding: 3px 23px;
	display: block;
	text-decoration: none;
}*/

/*底部导航*/
.bottom{ width:100%; background-color:#2d3e50; padding:20px 0 50px 0;}
.bottom_a{ width:1200px; margin:0 auto; overflow:hidden;}
.bottom_b{ float:left; line-height:45px;}
.bottom_e{ color:#FFF; font-family:"Microsoft YaHei","宋体"; font-size:12px; background:url(../images/img4.jpg) no-repeat left; padding-left:30px;}
.bottom_f{ color:#FFF; font-family:"Microsoft YaHei","宋体"; font-size:12px; background:url(../images/img5.jpg) no-repeat left; padding-left:30px;}
.bottom_c{ float:right; width:205px;}
.c_a{ color:#FFF; margin-bottom:5px;}
/*.c_b .dd{ display:block; width:205px; height:29px; background:url(../images/img6.jpg) no-repeat right;}*/
.cc:hover .c_c{ display:block}
.cc .c_c{ width:205px; display:none; position:relative; z-index:999;}
.cc .c_c li{ line-height:30px; border-top:1px solid #2d3e50;}
.cc .c_c li a{ color:#FFF; display:block; text-align:center; width:100%; background-color:#3c5268;}
.cc .c_c li a:hover{ background-color:#FFF; color:#111;}

.c_b .dd{ display:block; width:205px; padding-right:30px;height:29px; background:url(../images/img6.jpg) no-repeat right; text-align:center; line-height:29px;}
.cc .dd{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*ul.submenu {
	position: absolute;
	top:70px;
	padding: 5px 0;
	color: #333;
	font-size: 14px;
	font-family: 微软雅黑;
	display: none;
	background: #2c3e50;
	display: none;
	background: #F5F5F5;
	width: 120px;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
}
.submenu a {
    position: relative;
    display: block;
    height: 35px;
    padding-left: 17px;
    color: #888;
    background: none repeat scroll 0% 0% #F5F5F5;
    font-size: 12px;
    line-height: 34px;
    border-bottom: 1px solid #FFF;
}
.navbar-nav>li:hover>ul {
	display: block;
}*/
.navbar-nav>li {
	height: 111px;
}


	.head{width:100%; height:110px; background:#fff ; box-shadow:2px 1px 5px #333; position:fixed; z-index:9999; top:0;}
	.head1{width:1200px; height:110px; margin:0 auto;}
	.logo{width:400px; float:left; height:74px; padding-top:18px;}
	.menu{width:500px; height:75px; float:left; margin-left:100px;  padding-top:35px;}
	.tel{width:200px; height:75px; float:right; padding-top:35px; text-align:right;}
	/*导航菜单*/
#nav{width:500px;height:40px;line-height:40px;display:block;overflow:hidden;}
#navMenu ul{width:500px;float:left;height:40px;}
#navMenu li{float:left;font-size:14px;}
#navMenu li a{color:#000!important;text-decoration:none;width:100px;height:40px;line-height:40px; font-family:微软雅黑; font-size:14px;text-align:center;display:block;}
#navMenu li a.last{width:92px;}
#navMenu li a.current{background-position:0 -80px;width:100px;height:40px;line-height:40px;text-align:center;display:block;color:#fff;}
#navMenu li a:hover{background-position:0 -40px;}



/*-------- 下拉菜单 --------------*/
.dropMenu{position:absolute;top:0;z-index:100;visibility:hidden;margin-top:29px; display:inline;_margin-top:-17px; background:#fff url(../images/home2/toparrow.jpg) no-repeat top;width:580px; height:200px;}
.dropMenu div.spec3{width:500px; height:156px; padding:20px 40px; border:1px solid #dcdcdc; margin-top:4px !important; border-top:none;}
.dropMenu .spec1{font-weight:bold; font-size:14px; color:#007ac0; border-bottom:1px solid #a4a5a6; padding-bottom:10px; margin-bottom:10px;line-height: 14px;float: none;}
.about_left{width:300px; height:120px; border-right:1px solid #a4a5a6; float:left;}
.dropMenu .spec2{font-family: 微软雅黑;font-size: 12px;color: #ccc !important;font-weight: normal !important;}
.spec2 li{width:102px; height:30px; line-height:30px; background:url(../images/home2/subitembg.jpg) no-repeat 0px 7px; float:left; padding-left:15px;}
.spec2 li a{color:#666; font-family:微软雅黑;}
.about_right{width:170px; height:120px; float:right;}
.about_right img{width:170px;}


.spac_back{float:left}