@charset "utf-8";

/*通用样式*/

html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

html, body { position: relative; height: 100%;}

body{ background:#fff; font:normal 14px/22px "微软雅黑"; color:#666; }

img{ border:0;  }

a{ text-decoration:none; color:#333;  }

a:hover{ color:006DAD;;  }

.clear { clear:both;}

.clearfix { zoom:1;}

.clearfix:after { content:'\20'; display:block; height:0; clear:both;}

div { box-sizing:border-box; max-width: 100%;}

/* CSS Document */

.dn { display:none;}

/* CSS Document */

.header { z-index: 10; transition: all 0.5s; position: fixed; height:80px; width: 100%; left: 0; top: 0;}

.header.fixedBox { background: #ffffff;}

.headerCont { width: 1200px; margin: 0 auto;}

.headerCont a.logo { float: left; margin-top: 9px;}

.headerCont a.logo .logo1 { display: block;}

.headerCont a.logo .logo2 { display: none;}

.header.fixedBox .headerCont a.logo .logo1 { display: none;}

.header.fixedBox .headerCont a.logo .logo2 { display: block;}



.banner img { display: block; width: 100%;}

.introduce { background: url(../images/map.png) center bottom no-repeat; padding: 80px 0 100px;}

.nav { float: right;}

.nav li { position: relative; float: left; line-height:80px; margin-left: 60px;}

.nav li>a { color: #ffffff; font-size: 16px;}

.nav dl { display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top: 80px; left: 50%; width:260px; padding: 10px 0; border-radius: 0 0 4px 4px; background: #ffffff; margin-left: -130px;}

.nav dl dt a { display: block; text-align: center; font-size: 14px; line-height:2.5; color: #333333;}

.nav dl dt a:hover { background: #006DAD; color: #ffffff;}

.nav li:hover dl { display: block;}

.header.fixedBox .nav li>a { color: #333333;}

.banner .swiper-button-prev { transition: all 0.5s; background: url(../images/prev.png) center no-repeat; width: 42px; height: 62px;}

.banner .swiper-button-next { transition: all 0.5s; background: url(../images/next.png) center no-repeat; width: 42px; height: 62px;}

.banner .swiper-button-prev:hover { background: url(../images/prevCur.png) center no-repeat;}

.banner .swiper-button-next:hover { background: url(../images/nextCur.png) center no-repeat;}

.banner .swiper-button-prev:after,.banner .swiper-button-next:after { content: '';}

.introduceTit { padding-bottom: 13px; position: relative; text-align: center;}

.introduceTit span { font-weight: bold; display: block; color: #F6AB00; font-size: 16px; line-height: 2;}

.introduceTit p { font-size: 30px; color: #333333; line-height: 40px;}

.introduceTit:after { content: ''; position: absolute; bottom: 0; width: 48px; height: 3px; background: #F6AB00; left: 50%; margin-left: -24px;}

.introduceTxt { width: 1100px; text-align: center; margin: 40px auto;}

.introduceTxt p { color: #333333; font-size: 14px; line-height: 2; margin-bottom: 20px;}

.introduceTxt p:last-child { margin-bottom: 0;}

.introduce a.readMore { display: block; width: 186px; height: 48px; background: url(../images/ArrowLeft.png) 132px center no-repeat #006DAD; color: #ffffff; font-size: 14px; margin: 0 auto;

 line-height: 48px; text-indent: 50px;}

.project { height: 860px; background:url(../images/project.png) center bottom no-repeat; background-size:cover; transition: all 0.5s;}

.projectCont { width: 1200px; margin: 0 auto; padding-top: 170px;}

.projectSlide h2 { font-size: 30px; font-weight: bold; color: #ffffff; line-height: 1; margin-bottom: 60px;}

.projectSlide p { color: #ffffff; width: 750px; font-size: 16px; line-height: 2; height: 96px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;

margin-bottom: 60px;}

.projectSlide a { transition: all 0.5s; display: block; width: 186px; height: 48px; border: 1px solid #ffffff; font-size: 14px; color: #ffffff; background: url(../images/ArrowLeft.png) 132px center no-repeat;

line-height: 48px; text-indent: 38px;}

.projectSlide a:hover { background: #006DAD; color: #ffffff; border: 1px solid #006DAD; text-indent: 0; text-align: center;}

.projectChose:after { content: '\20'; display: block; clear: both; height: 0;}

.projectChose { margin-top: 200px; border: 1px solid rgb(255,255,255,.2); height: 88px; position: relative;}

.projectChose { border-radius: 8px; position: relative;background: rgba(0, 0, 0, 0.3);
 background: rgba(0,0,0,0.5); background-filter: blur(6px); height: 88px;}

.projectChose li { cursor: pointer; height: 88px; position: relative; float: left; width: 20%;}

.projectIcon { z-index: 2; width: 100px; height: 88px; float: left; position: relative;}

.projectChose li:after { content: ''; z-index: 1; transition: all 0.5s; opacity: 0; position: absolute; width: 100%; height: 98px; top: -5px; left: 0; background: #F6AB00; border-radius: 8px;}

.projectIcon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.projectTxt { position: relative; z-index: 2; font-size: 16px; line-height:22px; margin-top: 23px; float: left; color: #ffffff;}

.projectChose li:hover:after { opacity: 1;}

.advantageNotice { color: #666666; margin-top: 20px; text-align: center; font-size: 14px; line-height: 2;}

.advantage { padding: 80px 0;}

.advantageList ul { height: 526px;}

.advantageList ul:after { content: '\20'; display: block; height: 0; clear: both;}

.advantageList li { transition: all 0.5s;  background: #E9EDF0; float: left; margin-right: 29px; width: 394px; height: 484px; margin-right: 29px;}

.advantageList { width: 1240px; margin:40px auto 0;}

.advantageList li:last-child { margin-right: 0;}

.advantageList li h2 { transition: all 0.5s; width: 285px; text-align: center; background: #006DAD; color: #ffffff; line-height: 52px; border-radius: 0 0 20px 20px; margin: 0 auto 50px;}

.advantageList li img { width: 98px; height: 98px; display: block; margin: 0 auto 40px;}

.advantageList li p { transition: all 0.5s; margin: 0 auto; font-size: 14px; color: #666666; width: 286px; height: 112px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical;}

.advantageList li a { transition: all 0.5s; display: block; width: 174px; height: 40px; border: 1px solid #999999; margin: 40px auto 0; line-height: 40px; font-size: 14px; color: #666666;

letter-spacing: 2px; border: 1px solid #999999; border-radius: 4px; text-align: center;}

.advantageList li:hover { background-color: #006DAD;}

.advantageList li:hover h2 { background: #F6AB00;}

.advantageList li:hover p { color: #ffffff;}

.advantageList li:hover a { color: #ffffff; border: 1px solid #ffffff;}

.advantageList li:hover { height: 526px; margin-top: -21px;}

.caseChose { margin: 30px 0 40px; text-align: center;}

.caseChose span { position: relative; cursor: pointer; transition: all 0.5s; color: #666666; display: inline-block; padding: 0 20px; line-height: 35px; font-size: 14px; font-weight: bold; margin: 0 24px;}

.caseChose span:after { content: ''; width: 1px; height: 14px; position: absolute; right: -24px; top: 50%; margin-top: -7px; background: #999999;}

.caseChose span:last-child:after { display: none;}

.caseChose span:hover { background: #006DAD; color: #ffffff;}

.coverTxt { opacity: 0; transition: all 0.5s;  z-index: 2; text-align: center; position: absolute; left: 50%; width: 100%; top: 50%; transform: translate(-50%,-50%);}

.caseSlide ul { overflow: hidden;}

.caseSlide li { overflow: hidden; height: 343px; float: left; width: 33.33%; position: relative;}

.caseSlide li>img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}

.coverTxt a { padding-bottom: 10px; letter-spacing:3px; margin: 0 auto; border-bottom: 1px solid #ffffff; color: #ffffff; display: block; width: 117px;}

.posTxt { position: absolute; bottom: 0; left: 0; width: 100%;background:rgba(0,0,0,0.5); color: #ffffff; font-size: 16px; line-height: 48px; text-align: center;}

.coverTxt>img { width: 57px!important; display: block; margin: 0 auto 30px;}

.coverTxt p { font-size: 20px; font-weight: bold; color: #ffffff; margin: 30px auto 20px;}

.caseSlide li:after { transition: all 0.5s; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(1,109,173,.8);}

.caseSlide li:hover:after,.caseSlide li:hover .coverTxt { opacity: 1;}

.caseSlide li:hover>img { transform: scale(1.2);}

.newsTop { margin: 40px auto 20px; padding: 20px; overflow: hidden; background: #F5F5F5;}

.newsImg { float: left; width: 479px;}

.newsImg img { display: block; width: 100%;}

.newsTxt { width: 623px; float: left; margin-left: 60px;}

.newsTxt h2 { font-size: 16px; line-height: 2; font-weight: bold; color: #333333; margin: 20px 0;}

.newsTxt p { font-size: 14px; line-height: 2; color: #666666;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.newsTxt a { display: block; width: 186px; height: 46px; background: url(../images/ArrowLeft.png) 132px center no-repeat #006DAD; color: #ffffff; font-size: 14px;

text-indent: 50px; line-height: 46px; margin-top: 40px;}

.information { width: 1240px; margin:60px auto;}

.newsList ul { overflow: hidden;}

.newsList li { box-sizing: border-box; padding: 34px 52px 29px 0; margin-bottom: 20px; float: left; width: 605px; background: #F5F5F5; transition: all 0.5s;}

.newsList li:hover { background: #006DAD;}

.newsList li:nth-child(2n){ float: right;}

.data { box-sizing: border-box; padding-top: 20px; float: left; width: 120px; text-align: center; height: 104px; border-right: 1px solid rgba(0,0,0,0.1);}

.data p { font-weight: bold; color: #333333; font-size: 36px; line-height:44px;}

.data span { display: block; line-height: 16px; font-size: 12px; color: #999999;}

.newsList li:hover .data { color: #ffffff; border-right: 1px solid #ffffff;}

.newsList li:hover p { color: #ffffff;}

.newsList li:hover span { color: #ffffff;}

.newTag { float: right; width: 410px;}

.newTag h2 { padding-bottom: 10px; margin-bottom: 10px; font-size: 16px; color: #333333; line-height: 2; border-bottom: 1px solid rgba(0,0,0,0.1);}

.newTag p { font-size: 14px; line-height: 2; color: #666666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}

.newsList li:hover h2 { border-bottom: 1px solid #ffffff; color: #ffffff;}

.brandSlide { background: #F5F5F5; padding: 60px 0 80px;}

.brandSlide .swiper { width: 1240px; margin: 0 auto;}

.brandSlide img { display: block; width: 100%;}

.footer { background: #001431; height: 240px;}

.footerCont { width: 1200px; margin: 0 auto; overflow: hidden;}

.footerLeft { height: 240px; float: left; background: rgba(0,109,173,0.10); width: 313px;}

.footerLeft img { display: block; margin:59px auto 23px;}

.footerLeft p { margin-bottom: 13px; font-size: 14px; color: #ffffff; opacity: 0.6; text-align: center;}

.footerLeft span { display: block; text-align: center; font-size: 24px; color: #F6AB00;}

.footerLink { line-height: 18px; margin-bottom: 30px; margin-top: 60px;}

.footerLink a { font-size: 14px; transition: all 0.5s; color: #ffffff; opacity: 0.6;}

.footerLink a:hover { opacity: 1;}

.footerLink span { font-size: 12px; opacity: 0.18; color: #ffffff; margin: 0 20px;}

.contactInfor { overflow: hidden;}

.contactInfor p { float: left; margin-right: 30px; color: rgba(255,255,255,.6);}

.footerCenter { float: left; margin-left: 80px;}

.copyRight { color: rgba(255,255,255,0.3); font-size: 12px; margin-top: 49px;}

.footerRight { padding-top: 60px; float: right; text-align: center;}

.footerRight img { display: block; width: 120px; margin: 0 auto 10px;}

.footerRight p { font-size: 12px; color: rgba(255,255,255,.3);}

@media screen and (max-width: 1200px) {

	.headerCont { width: 100%; box-sizing: border-box; padding: 0 4%;}

	.nav li { margin-left: 30px;}

}

@media screen and (max-width:780px) {

	.header { height:60px;}

	.logo { margin-top:10px;}

	.logo img { height: 40px;}

	.menu { display: block; background: url(../images/menu.png) center no-repeat; width:30px; height:30px; position: absolute;

	right: 4%; top: 15px; background-size:100% auto;}

	.nav { position: fixed; top:60px; bottom: 0; right:-110%; width: 40%; background:rgba(0,0,0,0.5);}

	.nav li { margin: 0; line-height: 40px; float: none;}

	.nav li>a { padding-left: 20px;}

	.nav dl { position: static; width: 100%; border: none; transform: translate(0); width: 100%; margin: 0; border-radius: 0;}

	.header.fixedBox .headerCont .menu { background: url(../images/menuOn.png) center no-repeat; background-size:100% auto;}

	.header.fixedBox .headerCont .nav li>a { color: #ffffff;}

}