/* CSS Document */

.page{ position:relative; width:100%; min-width:1200px; height:370px; min-height:370px;}
.paget{ height:370px; width:100%; min-width:1200px; background:url(../image/paget.jpg) center no-repeat; background-size:cover; position:relative;}
.paget div{ padding-left:140px; width:460px; position:absolute; top:180px; left:50%; color:#666;}
.paget span{ font-size:50px; text-transform:Uppercase; font-weight:300;}
.paget p{ font-size:26px;}

.pagetitle{ border-bottom:1px solid #000; height:40px; line-height:40px; margin-bottom:20px; margin-top:30px;}
.pagetitle p{ float:left; font-size:22px;}
.pagetitle p span{ text-transform:Capitalize; font-size:16px; color:#666; padding-left:20px;}
.pagetitle div{ float:right; font-size:14px; color:#666;}
.pagetitle div span{ padding:0 8px;}
.pagetitle div a{ color:#666;}
.pagetitle div a:hover{ color:#d61f18;}

/*案例*/
.caset{ padding-bottom:100px;}
.casepaging{ padding:20px 0 60px 0; text-align:center;}

/*案例详情*/
.casediv{ padding-left:46px; width:1154px; min-width:1154px; margin:0 auto;}
.caseDetailsT{ margin-top:80px;}
.caseDetailsTt{ font-size:28px; position:relative; line-height:28px; padding-bottom:20px;}
.caseDetailsTt span{ display:inline-block; height:28px; width:28px; background:#d61f18; position:absolute; top:0; left:-46px;}
.caseDetailsTc{ font-size:16px; line-height:50px;}
.caseDetailsTc span{ display:inline-block; width:50px;}
.caseDetailsTb{ height:7px; width:100%; background:url(../image/i.jpg);}
.caseDetailsT p{ font-size:16px; line-height:30px; text-align:justify; text-indent:2em; padding:30px 0 100px 0;}
.caseban{ height:774px; width:100%; overflow:hidden; position:relative;}
.iban-list{ position:relative; z-index:3; display:none;}
.iban-li{ display:block;}
.iban-list div{ width:1154px; height:774px; position:absolute; top:0; left:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover;}
.iban-list .iban-ch{ z-index:7;}
.iban-list .iban-cb{ z-index:6;}
.iban-ul{ position:absolute; top:0; right:0; width:250px; text-align:center; z-index:9;}
.iban-ul span{ display:inline-block; width:250px; height:46px; border-radius:23px; background:#202020; margin-bottom:15px; cursor:pointer; line-height:46px; text-align:center; color:#fff; transition:background 0.27s linear; position:relative;}
.iban-uch .ibanJ{ background-position:-22px -76px; height:23px; width:79px; position:absolute; top:50%; left:0; margin-top:-11px; margin-left:-40px;}
.iban-ul .iban-uch{ background:#eeb900;}
@keyframes d-ban{
0%{ opacity:0; display:none;}
1%{ opacity:0; display:block;}
100%{ opacity:1; display:block;}
}
@-webkit-keyframes d-ban{
0%{ opacity:0; display:none;}
1%{ opacity:0; display:block;}
100%{ opacity:1; display:block;}
}
.casebani{ height:44px; position:absolute; top:50%; left:0; margin-top:-22px; width:100%; z-index:11;}
.casebanl,.casebanr{ width:44px; height:44px; position:absolute; top:0; border-radius:50%; overflow:hidden; cursor:pointer;}
.casebani span{ display:inline-block; width:11px; height:21px; position:absolute; top:50%; left:50%; margin-top:-10px; z-index:13;}
.casebanl span{ background-position:-70px -1px; margin-left:-7px;}
.casebanr span{ background-position:-82px -1px; margin-left:-5px;}

.casebani p{ position:absolute; top:0; left:0; width:100%; height:100%; background:#202020; z-index:12; opacity:0.5; filter:alpha(opacity=50); transition:opacity 0.27s ease-out;}
.casebanl{ left:50px;}
.casebanr{ right:50px;}
.casebanl:hover p,.casebanr:hover p{ opacity:1; filter:alpha(opacity=100);}
.casePaging{ text-align:center; margin:100px 0;}
.casePaging a{ display:inline-block; width:140px; text-align:center; height:44px; line-height:44px; font-size:16px; color:#000; border:2px solid #000;}
.casePl{ margin-right:5px; border-radius:22px 0 0 22px;}
.casePr{ border-radius:0 22px 22px 0;}
.casePaging a:hover{ background:#000; color:#fff;}

.newsLi{ max-width:1200px; margin:50px auto; height:38px;}
.newsLi a{ display:inline-block; height:38px; line-height:38px; width:94px; background:#575757; border-radius:19px; position:relative; text-align:center; color:#fff; transition:background 0.27s ease-out;}
.newsLil{ float:left; padding-left:36px; margin-left:44px;}
.newsLir{ float:right; padding-right:36px; margin-right:44px;}
.newsLi a span{ width:80px; height:23px; display:inline-block; position:absolute; top:50%; margin-top:-11px;}
.newsLli{ background-position:0 -42px; left:-44px;}
.newsLri{ background-position:0 -65px; right:-44px;}
.newsLi a:hover{ background:#d61f18;}

.casediv .newsLi,.news  .newsLi{ margin:50px 150px;}

/*联系*/
.contact{}
.contactT{ padding:100px 0; border-bottom:1px solid #b9b9b9;}
.contactTt{ float:left; width:33.3333%;}
.contactTi{ display:inline-block; width:94px; height:94px; background-image:url(../image/map.png); background-repeat:no-repeat; margin-bottom:40px;}
.contactTia{}
.contactTib{ text-align:center;}
.contactTic{ text-align:right;}
.contactTia .contactTi{ background-position:0 0;}
.contactTib .contactTi{ background-position:-94px 0;}
.contactTic .contactTi{ background-position:-188px 0;}
.contactTt p{ color:#717171; font-size:16px; height:40px; line-height:20px; overflow:hidden;}
/*.contactTia p{ background:url(../image/number.png) left top no-repeat;}
.contactTic p{ background:url(../image/number.png) right bottom no-repeat;}*/
.contactTia p,.contactTic p{ font-size:50px; line-height:40px;}
.data{ padding-left:240px; position:relative; margin:80px 0;}
.datal{ font-size:14px; color:#717171; line-height:24px; position:absolute; top:0; left:0;}
.datar{}
.datar div{ margin-bottom:10px;}
.datar input{ padding:0 10px; height:34px; line-height:34px; display:block; border:1px solid #b9b9b9; border-radius:5px; width:778px;}
.dataA{}
.dataA input{}
.dataB{ height:36px;}
.dataB input{ width:370px; float:left;}
.dataB .datain{ margin-right:16px;}
.dataC{ position:relative;}
.dataC textarea{ padding:10px; height:170px; width:778px; border:1px solid #b9b9b9; border-radius:5px; max-width:778px; min-width:778px; min-height:170px;}
.dataC span{ display:inline-block; font-size:18px; color:#fff; line-height:24px; width:96px; height:143px; padding-top:47px; background:#09559a; cursor:pointer; border-radius:5px; position:absolute; right:0; bottom:0; text-align:center;}
.dataC span:hover{ background:#2d73b2;}
.datar input,.dataC textarea{ transition:box-shadow 0.27s ease-out,border-color 0.27s ease-out;}
.datar input:focus,.dataC textarea:focus{ border-color:#1b8ae0; box-shadow:0 0 10px 0px #63b2f0;}
.map{ width:100%; height:390px; min-width:1300px; position:relative; overflow:hidden;}
.mapD{ width:1920px; height:810px; position:absolute; top:0; left:50%; margin-left:-960px;}

.contactdiv{ width:100%; min-width:1200px; height:968px; background:url(../image/contact.jpg) center no-repeat;}


/*新闻中心*/
.newspage{}
.newsld{ float:left; width:220px; background:#f1f5f9; margin-bottom:40px; padding:10px; margin-top:16px; position:relative;}
.newsldc{ border:1px solid #94b5d3;}
.newsldc{ text-align:center; padding:30px 0;}
.newsldc a{ color:#000; display:inline-block; width:170px; line-height:36px; border-radius:18px; font-size:14px; margin:5px 0;}
.newsldc span{ display:inline-block; vertical-align:middle; height:12px; width:5px; margin:2px 10px; display:none;}
.nldca{ background-position:-94px 0;}
.nldcb{ background-position:-99px 0;}
.newsldc a:hover{ color:#09559a;}
.newsldc a:hover span{ display:inline-block;}
.newsldc .newsldcch{ background:#09559a; color:#fff; box-shadow:0 3px 4px 0px #aaa;}
.newsldc a.newsldcch{ color:#fff;}
.nhcd{ width:80px; height:43px; background:url(../image/hcd.png) center no-repeat; position:absolute; bottom:-10px; right:0;}
.newsrd{ float:right; width:940px;}
.news{}
.news a{ display:inline-block;}
.newsList{ position:relative; padding:0 0 30px 240px; min-height:124px; margin:16px 0;}
.newsListl{ width:218px; height:145px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; border:1px solid #dad7d7;}
.newsListc{}
.newsList h3{ font-size:18px; color:#000; line-height:18px; padding-bottom:16px;}
.newsListc p{ font-size:14px; color:#868686; line-height:28px; text-align:justify; height:84px; overflow:hidden; text-indent:2em;}
.newsListb{ position:absolute; bottom:0; left:0; height:7px; width:100%; background:url(../image/i.jpg); margin:37px 0 0 0;}
.newsListr{ text-align:right; padding-top:8px;}
.newsListr span{ color:#fff; display:inline-block; vertical-align:middle; width:90px; height:24px; line-height:24px; text-align:center; background:#575757; font-size:12px; border-radius:12px;}
.newsListr span.nlr{ background:#d73228; margin-right:-10px;}
.news a:hover h3{ color:#d61f18;}
.newspageing{ padding:40px 0 60px 0;}

/*新闻详情*/
.newsC{ width:1200px; margin:0 auto; padding-bottom:50px;}
.newsC h1{ font-size:28px; padding:20px 0 50px 0;}
.newsCt{ padding-left:140px; position:relative; margin-bottom:30px;}
.newsCtl{ position:absolute; top:0; left:0; display:inline-block; font-size:16px; line-height:24px; height:24px; width:90px; border-radius:12px; text-align:center; background:#d61f18; color:#fff;}
.newsCt p{ font-size:14px; line-height:14px; padding-bottom:10px;}
.newsCt p span{ display:inline-block; width:90px;}
.newsCtb{ height:7px; width:100%; background:url(../image/i.jpg);}
.newsCc{ font-size:16px; line-height:32px;}
.newsCc img{ max-width:100%;}
.newsCc p{ padding-bottom:20px; text-align:justify;}

/*业绩*/
.achievement{ width:100%; overflow:hidden; margin:16px 0 0 0;}
.achievement{ width:110%;}
.achievement li{ float:left; margin:0 8px 8px 0;}
.achievement a{}
.achimg{ width:308px; height:205px; overflow:hidden;}
.achimg img{ transition:transform 0.27s linear;}
.achct{ height:66px; background:#f1f5f9; width:308px; position:relative;}
.achcx{ padding:9px 10px 0 10px; color:#000; width:288px; line-height:24px;}
.achcx h4{ font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.achcx p{ font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.achck{ width:0; height:66px; background:#d61f18; position:absolute; top:0; right:0;}
.achck div{ position:absolute; top:50%; left:50%; width:36px; height:36px; background:#fff; border-radius:50%; margin-top:-18px; margin-left:-18px; display:none; text-align:center; color:#d61f18;}
.achck span{ font-size:30px; line-height:30px; padding-top:3px; display:inline-block;}
.achievementd li:hover img{ transform:scale(1.03);}
.achievementd li:hover .achcx{ width:222px; transition:width linear 0.27s;}
.achievementd li:hover .achck{ width:66px; transition:width linear 0.27s;}
.achievementd li:hover .achck div{ display:block; animation:ack 0.54s linear;}
@keyframes ack{
0%{ display:none; opacity:0;}
1%{ display:block; opacity:0;}
20%{ display:block; opacity:0;}
70%{ display:block; opacity:1;}
}

/*关于*/
.aboutt{ position:relative; padding-left:190px; padding-bottom:40px; min-height:70px;}
.abouttl{ position:absolute; top:0; left:0; height:72px;}
.abouttl span{ display:inline-block; position:absolute; background-repeat:no-repeat;}
.abouthed{ top:0; left:0; z-index:1; background-image:url(../image/hcd.png); width:80px; height:43px;}
.abouttn{ bottom:0; left:70px; z-index:1; background-image:url(../image/123.png); width:78px; height:46px;}
.aboutt1{ background-position:0 0;}
.aboutt2{ background-position:0 -46px;}
.aboutt3{ background-position:0 -92px;}
.aboutt p{ border-bottom:1px solid #dbdbdb; line-height:40px; font-size:22px; padding-top:20px;}
.aboutr{ position:absolute; top:26px; right:0; width:223px; height:223px; background:url(../image/png.png) bottom no-repeat #004e97;}
.aboutr span{}

.abouta{ position:relative; margin:40px auto 80px auto;}
.aboutac{ padding-left:70px; padding-right:260px; font-size:14px; line-height:30px; text-align:justify; text-indent:2em;}

.aboutb{ width:100%; height:906px; background:url(../image/about1.jpg) center no-repeat; overflow:hidden; min-width:1200px;}
.aboutbc{}
.cert{ text-align:center; padding:60px 0;}
.cert span{ display:inline-block; border-bottom:3px solid #fff; color:#fff; font-size:18px; cursor:pointer; min-width:110px; height:42px; line-height:42px; text-align:center}
.cert .certch{ color:#004e97; border-color:#004e97; background:rgba(0,78,151,0.15); background:#b4898e \9;}
.cert span:hover{ color:#004e97; border-color:#004e97;}
.cer{ padding-left:40px;}
.cerd{ display:none;}
.cerdd{ display:none;}
.cerdd div{ width:210px; height:300px; overflow:hidden; float:left; background:#fff; text-align:center; margin:0 7px 14px 7px;}
.cerdd div img{ max-width:100%; max-height:100%;}
.cerswitch{ height:0; width:100%; position:relative;}
.iL3,.iR3{ position:absolute; top:300px; width:44px; height:44px; border-radius:50%; background:#202020; z-index:11; cursor:pointer; opacity:0.5; filter:alpha(opacity=50); transition:opacity 0.27s ease-out;}
.iL3{ left:-54px;}
.iR3{ right:-54px;}
.iL3 span,.iR3 span{ display:inline-block; width:11px; height:21px; position:absolute; top:50%; left:50%; margin-top:-10px;}
.iL3 span{ background-position:-70px -1px; margin-left:-7px;}
.iR3 span{ background-position:-82px -1px; margin-left:-5px;}
.iL3:hover,.iR3:hover{ opacity:1; filter:alpha(opacity=100);}
.cerch{ display:block;}
.cerddch{ display:block;}



.aboutc{ margin:40px auto;}
.aboutcc{ padding-left:70px;}
.aboutcd{ position:relative; height:278px; padding:30px 0 0 40px; background-position:top; background-repeat:no-repeat; margin-bottom:30px; color:#fff;}
.aboutcd1{ background-image:url(../image/about2.jpg);}
.aboutcd2{ background-image:url(../image/about3.jpg);}
.aboutcd3{ background-image:url(../image/about4.jpg);}
.aboutcdc{ position:relative; z-index:6;}
.aboutcdc h4{ font-size:30px; padding-bottom:12px;}
.aboutcdc span{ font-size:12px; padding-left:10px;}
.aboutcdc p{ line-height:22px; display:none;}
.aboutcd1{ color:#1a60a1;}
.aboutbg{ position:absolute; top:0; left:0; width:100%; height:308px; z-index:4; opacity:0; filter:alpha(opacity=0); transition:opacity 0.27s linear;}
.aboutcd1 .aboutbg{ background-color:#ffffff;}
.aboutcd2 .aboutbg{ background-color:#333333;}
.aboutcd3 .aboutbg{ background-color:#5db943;}
.aboutcd:hover .aboutcdc p{ display:block; opacity:0.8; animation:aboutcdc 0.54s linear;}
.aboutcd:hover .aboutbg{ opacity:0.8; filter:alpha(opacity=80);}
@keyframes aboutcdc{
0%{ display:none; opacity:0; transform:translate(0,100px);}
1%{ display:block; opacity:0; transform:translate(0,100px);}
20%{ display:block; opacity:0; transform:translate(0,100px);}
70%{ display:block; opacity:1; transform:translate(0,0);}
}