@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 "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
* { box-sizing: border-box;}
/* CSS Document */
.dn { display: none;}
.header { transition: all 0.5s; z-index: 100; position: fixed; left: 0%; top: 0px; width: 100%; background: #fff; height: 80px;}
.header a.logo { float: left; display: block; height: 100%;}
.header a.logo img { border-radius: 12px 0 0 12px; display: block; height: 100%;}
.header.fixTop { left: 0; top: 0; width: 100%; border-radius: 0;}
.header.fixTop .logo img { border-radius: 0;}
.nav { margin-left: 4vw; float: left; margin-top:7px;}
.nav li { margin-right: 1px; text-align: center; position: relative; padding: 0px 15px; float: left;}
.nav li h2 a { font-size: 16px; display: block; padding: 0 0.5vw; color: #000;}
.nav li h2 { position: relative; line-height:64px;}
.nav li h2:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 3px; background-color: #ED7623; opacity: 0;  transition: all .5s ease;}
.nav li:hover h2:after { width: 100%; opacity: 1;}
.subList { overflow: hidden; transition: all .5s; height: 0; opacity: 0; padding:0 5px; position: absolute; left: 50%; margin-left: -80px; width: 160px; top: 100%; background: #ffffff;}

.nav-2 {float: right;width: 200px;height: 40px;padding-top:25px ; }
.nav-2 a {color: red;font-size: 20px;}

.subList a { display: block; position: relative; line-height: 42px; font-size: 14px; color: #333;}
.subList a:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 0; height:2px; background-color: #038054; opacity: 0;  transition: all .5s ease;}
.subList a:hover:after { width: 100%; opacity: 1;}
.nav li:hover:hover .subList { height: auto; opacity: 1;}
.banner img { display: block; width: 100%;}
.banner .swiper-pagination > span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.wrapper_con {
    width: 21px;
    height: 42px;
    position: absolute;
    top: -2px;
    overflow: hidden;
    display: none;
}
.banner .swiper-pagination-bullet-active{
	opacity: 1;
	    width: 42px;
	    height: 42px;
	    line-height: 42px;
	    text-align: center;
	    border: 2px solid rgba(255, 255, 255, 0.4);
	    background-color: transparent;
	    color: #ffffff;
}
.banner .swiper-slide img{display:block;width:100%;left:0;top:0}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)}
.banner .swiper-button-prev{background-image:url(../images/prev.png);left:calc(8.335% - 32px);top:50%; margin-top: -24px; width:48px;height:48px;transition:all .3s ease; background-size:100% auto;}
.banner .swiper-button-next{background-image:url(../images/next.png);right:calc(8.335% - 32px);top:50%; margin-top: -24px; width:48px;height:48px;transition:all .3s ease; background-size:100% auto;}
.banner .swiper-button-next.swiper-button-disabled{background-color:rgba(0,0,0,0.3)}
.banner .swiper-button-prev.swiper-button-disabled{background-color:rgba(0,0,0,0.3)}
.banner .swiper-button-prev:hover { background-image: url(../images/prevOn.png); background-size:100% auto;}
.banner .swiper-button-next:hover { background-image: url(../images/nextOn.png); background-size:100% auto;}
.banner .swiper-pagination-bullet{width:12px;height:12px;background-color:#ffffff;margin:0 14px;opacity:0.5;color:transparent}
.banner .swiper-pagination-bullet-active{opacity:1;width:42px;height:42px;line-height:40px;text-align:center;border:2px solid rgba(255,255,255,0.4);background-color:transparent;color:#ffffff}
.banner .swiper-pagination-bullet-active .rightcircle{-webkit-animation:circleProgressLoad_right 6s linear infinite;animation:circleProgressLoad_right 6s linear infinite}
.banner .swiper-pagination-bullet-active .leftcircle{-webkit-animation:circleProgressLoad_left 6s linear infinite;animation:circleProgressLoad_left 6s linear infinite}
.banner .swiper-pagination-bullet-active .wrapper_con{display:block}
.banner .swiper-pagination{font-size:0}
.banner .swiper-pagination > span{display:inline-block;vertical-align:middle;position:relative}
.banner .swiper-container-rtl .swiper-button-next{left:calc(8.335% - 32px)}
.banner .swiper-container-rtl .swiper-button-prev{right:calc(8.335% - 32px)}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5%}
.banner .swiper-pagination-custom{bottom:5%}
.banner .swiper-pagination-fraction{bottom:5%}
.f-14 { font-size: 14px;}
.circleProgress{width:42px;height:42px;border:2px solid transparent;border-radius:50%;position:absolute;top:0;-webkit-transform:rotate(-135deg)}
.rightcircle{border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;right:0}
.leftcircle{border-top:2px solid #ffffff;border-right:2px solid #ffffff;left:0}
.wrapper_con{width:21px;height:42px;position:absolute;top:-2px;overflow:hidden;display:none}
.wrapper_con.right{right:-2px}
.wrapper_con.left{left:-2px}
@keyframes circleProgressLoad_left { 0%, 50% { transform: rotate(45deg); } 100% { transform: rotate(225deg); } }
.banner { font-size: 0;}
 @keyframes circleProgressLoad_right { 
	 0% { transform: rotate(45deg); } 
	 50%, 
	 100% { transform: rotate(225deg); } 
}
.header .emailBtn { float: right; display: block; background: url(../images/messages.png) 26px center no-repeat; padding-left: 59px; width: 146px; line-height: 38px;
border: 1px solid #ffffff; border-radius: 38px; color: #ffffff; font-size: 16px; margin-top: 20px; margin-right: 2vw;}
.homeAbout { position: relative; padding: 9.375vw 0 4vw; background: right 20px bottom 50px no-repeat url(../images2/ABOUTUS.png); }
.homeAbout:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 43.75%; background-image: url(../images2/02156.jpg);}
.aboutBox { position: relative; z-index: 2; width: 90%; max-width: 1300px;margin: 0 auto;}
.aboutImg { float: left; width: 47.5%; height: 536px;}
.aboutTxt { float: right; width: 640px;margin-right: 100px; }
.aboutImg img{ height: 100%; object-fit: cover; width: 100%;}
.aboutBox:after { content: '\20'; display: block; clear: both; height: 0;}
.aboutTit p { font-size: 36px; line-height: 1.333; font-weight: bold; color: #333333; margin-bottom: 10px;}
.aboutTit span { font-size: 20px; font-weight: bold; line-height: 26px; color: #ED7623;}
.aboutArt { margin-top: 40px; margin-bottom: 80px;}
.aboutArt p { font-size: 14px; line-height: 2; margin-bottom:27px; color: #333333;}
.aboutNumber ul { overflow: hidden;}
.aboutNumber li {padding-left:8%; float: left; width: 33.33%; box-sizing: border-box; border-left: 1px solid #BDBDBD; position: relative;}
.aboutNumber li:after { content: ''; position: absolute; width: 1px; left: -1px; top: 0; height: 27px; background: #ED7623;}
.aboutNumber li p i { font-size: 48px; font-style: normal; font-weight: bold; color: #333333;}
.aboutNumber li p  {color: #038054; font-size: 14px;}
.aboutNumber li span { font-size: 14px; line-height: 1; color: #999999;}
.aboutTxt .readMore { margin-top: 3.75vw; text-indent: 40px; display: block;  height: 50px; width: 175px; line-height: 50px;border: 1px solid #0b3872; border-radius: 4px; color: #fff; font-size: 14px;background-color: #038054; text-align: center; }
.service { width: 90%; max-width: 1300px;margin: 0 auto; padding: 5.2vw 0 2.6vw;}
.serviceTitle { text-align: center; margin-bottom: 2px;}
.serviceTitle p { font-weight: bold; font-size: 32px;  color: #038054;  line-height: 42px; margin-bottom: 10px;}
.serviceTitle span { display: block; font-size: 16px; line-height: 24px; color: #666666;}
.service ul { overflow: hidden;}
.service li { overflow: hidden; position: relative; float: left; width: 24%; margin-right: 0.625%;}
.service li:last-child { margin-right: 0;}
.serviceTxt {transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 12% 0;}
.service li p { font-size: 20px; font-weight: bold; line-height: 26px; margin-bottom: 10px; color: #ffffff;}
.service li img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}
.service li span { position: relative;display: block; font-size: 14px; opacity: 0.6; line-height: 18px; color: #ffffff;}
.service li a.serviceEnter { overflow: hidden; position: absolute; bottom: 60px; left:12%; transition: all 0.5s; background:  rgba(251, 12, 12, 0.7)}
.service li a.serviceEnter i { z-index: 2; position: relative; float: left; display: block; background: url(../images2/nextOn.png) center no-repeat; width: 48px; height: 48px;}



.serviceEnter b { transition: all 0.5s; opacity: 0; position: absolute; left: 0; width: 0; text-align: center; display: block; line-height: 48px; color: #ffffff; font-size: 14px; padding: 0;}
.service li:hover a.serviceEnter { padding-left: 136px;}
.service li:hover .serviceEnter b{ width: 136px; opacity: 1;}
.service li:hover .serviceTxt { background: rgba(251, 12, 12, 0.7); background: url(images2/1112.jpg);}
.service li:hover img { transform: scale(1.2);}
.case { padding: 2.6vw 0;}
.caseBox { width: 90%; max-width: 1300px;margin: 0 auto;}
.caseCont { overflow: hidden;}
.caseLeft { position: relative; float: left; width: 38.875%; height: 560px;}
.caseLeft img { display: block; width: 100%; height: 100%; object-fit: cover;}
.caseLeft:hover .caseCover { opacity: 1;}
.caseRight { float: right; width: 59.375%;}
.caseRight ul { overflow: hidden;}
.caseRight li { float: left; width: 49.47%; position: relative; height: 275px; margin-bottom: 10px;}
.caseRight li:nth-child(2n){ float: right;}
.caseRight li img { display: block; width: 100%; height: 100%; object-fit: cover;}
.caseRight li p {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; font-size: 14px; position: absolute; text-align: center; left: 0; bottom: 0; text-align: center; color: #ffffff; line-height: 52px;background: rgba(0,0,0,0.10); width: 100%; backdrop-filter: blur(15px);}
.caseLeft p {overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 16px; position: absolute; text-align: center; left: 0; bottom: 0; text-align: center; color: #ffffff; line-height: 68px;background: rgba(0,0,0,0.10); width: 100%; backdrop-filter: blur(15px);}
.caseCover { transition: all 0.5s; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #038054; padding: 60px 40px 0;}
.caseCover h2 { font-size: 16px; font-weight: bold; color: #ffffff; line-height: 21px; margin-bottom: 30px;}
.caseCover span { overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 14px; line-height: 25px;
height: 50px; margin-bottom: 40px; color: #ffffff; opacity: .6;}
.caseCover a { color: #FFFFFF; font-size: 14px; letter-spacing:2px; display: block;}
.caseRight li:hover .caseCover{ opacity: 1;}
.honor { background: url(../images/honorBg.jpg) right center no-repeat; background-size:cover; padding:80px 0px 80px 0px;}


.honorCont { width: 90%; max-width: 1300px;  margin: 0 auto;}
.honorTit { margin-bottom: 40px;}
.honorTit p { font-weight: bold; font-size: 36px; color: #038054; line-height: 42px; margin-bottom: 10px;}
.honorTit span { display: block; font-size: 18px; line-height: 44px; color: #aaa; text-transform: uppercase; font-family: arial;}
.honorDec { font-size:16px; line-height: 35px; color: #333333; width: 880px; max-width: 100%; margin-bottom: 40px;}
.honorSlide { width: 800px; max-width: 100%; overflow: hidden;}
.honorControl { margin-top: 20px; overflow: hidden;}
.honorControl a { float: left; display: block; width: 48px; height: 48px; transition: all 0.2s; margin-right: 4px;}
.honorControl a.prevHonor { background: url(../images/honorPrev.png) center no-repeat;}
.honorControl a.nextHonor { background: url(../images/honorNext.png) center no-repeat;}
.honorControl a.prevHonor:hover { background: url(../images/prevOn.png) center no-repeat;}
.honorControl a.nextHonor:hover { background: url(../images/nextOn.png) center no-repeat;}
.honorSlide img { display: block; width: 100%;}
.news { background: #f8f8f8; padding: 40px 0px 60px 0px;}
.newsCont { width: 90%; max-width: 1300px;overflow: hidden; margin: 0 auto; margin-top: 20px;}


.leftNews {  background: #038054;
    padding: 30px 44px 22px 40px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}





.newsLeft { overflow: hidden; position: relative; float: left; width: 49%; height: ; background: #ffffff;}
.leftNews h2 { font-size: 18px; line-height: 24px; color: #ffffff;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; margin-bottom: 18px;}
.leftNews span { display: block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 25px; color: #ffffff; opacity: .6;
margin-bottom: 16px;}
.leftNews p { overflow: hidden; font-size: 12px; line-height: 12px; color: #ffffff; line-height: 12px; opacity: .6;}
.leftNews p i { float: right; display: block; background: url(../images/newsEnter.png) center no-repeat; width: 20px; height:12px;}
.newsLeft:hover img { transform: scale(1.2);}
.newsImg { height: 430px; overflow: hidden;}
.newsImg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.newsRight { background: #ffffff; float: right; width: 49%;}
.topNews { background: #038054; padding: 35px 40px 30px;}
.topNews p { font-size: 18px; line-height: 24px; color: #ffffff; margin-bottom: 10px;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.topNews span { display: block; color: #ffffff; opacity: 0.6; font-size: 14px; line-height: 25px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsSlide li{ height: 142.5px; box-sizing: border-box; transition: all .5s; border-bottom: 1px dashed #EBF0F7; padding: 28.5px 40px 28.5px;}
.newsSlide li a { display: block; overflow: hidden;}
.newsData { transition: all 0.5s; float: left; width: 78px; height: 83px; text-align: center; background: #F2F2F2; box-sizing: border-box;padding-top: 12px;}
.newsData p { font-family: 'Impact'; font-weight: bold; color: #038054; font-size: 36px; line-height: 44px;}
.newsData span { display: block; font-size: 12px; line-height: 16px; color: #038054;}
.newsDec p { transition: all 0.5s; color: #333333; font-size: 18px; line-height: 24px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 18px;}
.newsDec span {transition: all 0.5s; color: #666666; display: block; font-size: 14px; line-height: 25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 18px;}
.newsDec {  float: right; width: calc(100% - 118px);}
.newsSlide li:hover{ background:#038054; padding: 25px 40px 5px;}
.newsSlide li:hover .newsData{ display: none;}
.newsSlide li:hover .newsDec { width: 100%;}
.newsSlide li:hover p,.newsSlide li:hover span { color: #ffffff;}
.newsSlide li:hover span{overflow: hidden; white-space: normal; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.contact { background: url(../images/contactBg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 80px 0px 80px 0px;}
.contact .serviceTitle p { color: #ffffff;}
.contact .serviceTitle span { color: #ffffff; opacity: .6;}
.contactDec { max-width: 92%; margin: 0 auto 6.25vw; text-align: center; font-size: 16px; color: #ffffff; line-height: 30px;}
.contact ul { text-align: center; padding-top:50px}
.contact li { border-bottom: 0px solid #ED7623; margin: 0 4.1vw; vertical-align: top; display: inline-block; width: 222px; min-height: 200px;}
.contactCircle { transition: all 1s; box-sizing: border-box; border-radius: 50%; border: 1px solid #ffffff; margin: 0 auto; position: relative; width: 140px; height: 140px;}
.contactCircle img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.contact li h2 { font-weight: bold; color: #ffffff; font-size: 20px; line-height: 36px; margin: 20px auto;}
.contact li p { line-height: 21px; font-size: 16px; color: #ffffff;}
.contact li:hover .contactCircle { transform: rotate(360deg);}
.footer { background: url(../images/footerBg.png) center no-repeat; background-size:cover;}
.footerCont { overflow: hidden; width: 90%; max-width: 1300px;margin: 0 auto; padding: 4vw 0 5.2vw;}
.leftLink { float: left; overflow: hidden;}
.leftLink li { float: left; margin-right: 7.3vw;}
.leftLink li h2 a { color: #ffffff;}
.leftLink li h2 { font-size: 16px; line-height: 21px; color: #ffffff; margin-bottom: 30px;}
.leftLink li p { transition: all 0.5s; color: #ffffff; opacity: .6; font-size: 14px; line-height: 18px; margin-bottom: 20px;}
.leftLink li p a { color: #ffffff;}
.leftLink li p:hover { opacity: 1;}
.searchBox { max-width: 100%; width: 363px; height: 44px; overflow: hidden;}
.rightSearch img { max-width:70%; display: block; margin: 0 auto;}
.searchBox button { outline: none; float: left; width: 74px; height: 44px; color: #ffffff; background: #ED7623; border: none; outline: none;}
.searchBox input { outline: none; float: left; width: calc(100% - 74px); border: none; background: #ffffff; box-sizing: border-box; height: 44px; text-indent: 23px;}
.rightSearch .footLogo { margin-bottom: 2.6vw;}
.rightSearch .footFlag { margin-bottom: 5.2vw;}
.rightSearch { float: right;}
.copyRight { padding: 0 8%; line-height: 90px; color: #ffffff; opacity: .6; border-top: 1px solid rgba(255,255,255,.1);}
.copyRight a { color: #ffffff;}
.companyFlag { width: 90%; max-width: 1300px;margin: 0 auto 4.1vw;}
.companyFlag ul { overflow: hidden;}
.companyFlag li { height: 330px; text-align: center; padding-top: 60px; float: left; box-sizing: border-box; transition: all 1s; border: 1px solid #bdbdbd; width: 32%; margin-right: 2%;}
.companyFlag li:last-child { margin-right: 0;}
.companyFlag li span { width: 80px; height: 80px; display: block; margin: 0 auto 30px;}
.companyFlag li span.flagIcon1 { background: url(../images/flagIcon1.png) center no-repeat;}
.companyFlag li span.flagIcon2 { background: url(../images/flagIcon2.png) center no-repeat;}
.companyFlag li span.flagIcon3 { background: url(../images/flagIcon3.png) center no-repeat;}
.companyFlag li:hover span.flagIcon1 { background: url(../images/flagIcon1On.png) center no-repeat;}
.companyFlag li:hover span.flagIcon2 { background: url(../images/flagIcon2On.png) center no-repeat;}
.companyFlag li:hover span.flagIcon3 { background: url(../images/flagIcon3On.png) center no-repeat;}
.companyFlag li:hover{ border: 1px solid #038054; background: #038054;}
.companyFlag li h2 { transition: all 0.5s; font-size: 24px; color: #333333; font-weight: bold; line-height: 32px; margin-bottom: 30px;}
.companyFlag li p { transition: all 0.5s; font-size: 16px; line-height: 2; color: #333333;}
.insetAbout { padding-top: 3.5vw;}
.insetAbout:after { display: none;}
.companyFlag li:hover h2,.companyFlag li:hover p { color: #ffffff;}
.serviceList li::after{ content: '\20'; display: block; clear: both;}
.serviceList li .serviceImg { overflow: hidden; float: left; width: 33%; height: 624px;}
.serviceList li .serviceImg img { transition: all 1s; display: block; width: 100%; height: 100%; object-fit: cover;}
.serviceArticle { float: left; position: relative; width: 67%;}
.serviceArticle dl{ background: #f2f2f2; min-height: 100%; transition: all 0.5s; height:400px; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; padding: 60px 90px 0 80px;}
.serviceArticle dl h2 { font-size: 14px; font-weight: bold; color: #333333; line-height: 2;}
.serviceArticle dl p { font-size: 14px; line-height: 2; color: #333333;}
.serviceArticle dt { margin-bottom: 28px;}
.serviceList li { background: #f2f2f2;}
.serviceList li:nth-child(2n){ background: #ffffff;}
.serviceList li:nth-child(2n) .serviceImg { float: right;}
.serviceList li:nth-child(2n) .serviceArticle dl { background: #ffffff;}
.serviceList li:hover { z-index: 2; position: relative;}
.serviceList li:hover dl {height: auto;}
.serviceList li:hover .serviceImg img{ transform: scale(1.2);}
.location { background: #F2F2F2; padding: 12px 0;}
.locationCont { width: 90%; max-width: 1300px;margin: 0 auto; overflow: hidden;}
.locationCont a { background: #ffffff; float: left; display: block; padding: 0 32px; line-height: 56px; margin-right: 40px; font-size: 18px; color: #038054;}
.locationCont a.cur { background: #038054; color: #ffffff;}
.caseBar { width: 90%; max-width: 1300px;margin: 0 auto; padding: 3.125vw 0;}
.caseSlide { float: left; overflow: hidden; position: relative; width: 47.5%;}
.caseTop { margin-bottom: 60px; overflow: hidden;}
.caseSlide img { display: block; width: 100%;}
.caseSlide .swiper {
	width: 100%;
	height: 100%;
}
.caseSlide .swiper-slide {v
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.caseSlide .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseSlide .swiper-button-prev { background: url(../images/prevOn.png) center no-repeat; width: 48px; height: 48px;}
.caseSlide .swiper-button-next { background: url(../images/nextOn.png) center no-repeat; width: 48px; height: 48px;}
.caseSmall { float: right; width: 47.5%;}
.smallSlide { overflow: hidden;}
.caseSmall img { display: block; width: 100%; height: 100%; object-fit: cover;}
.smallSlide { margin-bottom: 40px;}
.smallArt h2 { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; font-size: 24px; line-height: 32px; font-weight: bold; color: #333333;}
.smallArt h2:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 96px; height: 2px; background: #ED7623;}
.smallArt p { font-size: 16px; line-height: 2; color: #666666;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:5;-webkit-box-orient: vertical;}
.choseHd { margin-bottom: 20px; overflow: hidden;}
.choseHd span { cursor: pointer; margin-right: 10px; float: left; display: block; width: 200px; box-sizing: border-box; line-height: 48px; border: 1px solid #105194; font-size: 16px; color: #333333;
text-align: center;}
.choseHd span.cur { background:#105194; color: #ffffff;}
.intImg { float: left; width: 346px;}
.intImg img { display: block; width: 100%;}
.intTxt { float: right; width: calc(100% - 426px); font-size: 16px; line-height: 2; color: #666666;}
.choseSlide { margin-bottom: 40px; overflow: hidden; background: #F2F2F2; padding: 60px;}
.fpage { line-height: 80px; overflow: hidden;}
.fpage a { background: #F2F2F2; font-size: 16px; color: #333333; text-indent: 100px; float: left; width: calc(50% - 156px);}
.fpage a:nth-child(2) { width: 312px; background: url(../images/menu.png) 186px center no-repeat #038054; color: #ffffff;}
.fpage a span { font-size: 14px; color: #666666; margin-left: 40px;}
@media screen and  (max-width:1680px){
	.nav li { margin-right: 0;}
	.locationCont a { margin-right: 20px; padding: 0 20px;}
	.locationCont a:last-child { margin-right: 0;}
}
@media screen and  (max-width:1500px){
	.leftLink li { margin-right: 4vw;}
	.serviceList li .serviceImg { height: 500px;}
}
@media screen and  (max-width:1480px){
	.nav { margin-left: 0;}
	.nav li { padding: 0 .6vw;}
	.aboutTit span { font-size: 16px;}
	.aboutTit p { font-size: 28px;}
	.aboutArt { margin: 20px 0 40px;}
	.aboutNumber li p i { font-size: 32px;}
	.serviceTitle span { font-size: 16px;}
	.contact li p { font-size: 14px;}
	.contact li { margin: 0 2vw;}
	.serviceTitle p,.honorTit p { font-size: 26px;  color: #038054;}
}
@media screen and  (max-width:1280px){
	.aboutBox,.service,.caseBox,.honorCont,.newsCont,.locationCont,.caseBar { width: 92%;}
	.locationCont a { font-size: 14px; float: none; display: inline-block; vertical-align: top; line-height: 3; padding: 0 10px;}
	.locationCont { overflow-x: auto;white-space: nowrap;}
	.contact li { width: 40%; margin-bottom:40px;}
	.header { height: 60px; position: fixed; left: 0; top: 0; width: 100%; border-radius: 0;}
	.header .emailBtn { display: none;}
	.nav { margin-top: 0;}
	body { padding-top: 60px;}
	.menu { display: block; background: url(../images/menu.png) center no-repeat; width: 24px; height: 24px; position: absolute; right: 4%; top: 50%;
	margin-top: -12px;}
	.header a.logo img { border-radius: 0;}
	.nav { position: fixed; top: 60px; bottom: 0; left: -100%; background: #038054; width:165px;}
	.nav li { float: none; padding: 0; margin: 0;}
	.subList { position: static; width: 100%; transform: translate(0); margin: 0;}
	.nav li h2 a { display: inline;}
	.nav li h2 { line-height: 50px;}
	#screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 11; display: none;}
	.leftLink { display: none;}
	.rightSearch { float: none; margin: 0 auto; max-width: 100%; width: 360px;}
	.copyRight { padding: 0; font-size: 12px; text-align: center; line-height: 1.5; padding: 10px 4%;}
	.copyRight a { display: block;}
	.aboutImg { float: none; width: 100%; height: auto; margin-bottom: 20px;}
	.aboutTxt { float: none; width: 100%;}
	.aboutTit p { font-size: 22px;}
	.aboutTit span { font-size: 14px; line-height: 1.5;}
	.aboutArt p { margin-bottom: 10px;}
	.aboutNumber li { text-align: center; padding: 0;}
	.aboutNumber li p i { font-size: 22px;}
	.aboutTxt .readMore { background: none; text-indent: 0; text-align: center; width: 100px; line-height: 32px; margin: 20px auto 0;
	color: #ffffff; background: #038054;}
	.serviceTitle span { font-size: 14px;}
	.serviceTitle { margin-bottom: 20px;}
	.serviceTitle p,.honorTit p { font-size: 22px; color: #038054;}
	.serviceTxt { padding: 20px 4%;}
	.service li p { font-size: 16px;}
	.service li span { font-size: 12px;}
	.contact li p { font-size: 12px;}
	.contactCircle { width: 80px; height: 80px;}
	.contact li { height: 250px;}
	.contactDec { font-size: 14px; line-height: 2;}
	.service ul { overflow-x: auto;white-space: nowrap;}
	.service ul li { float: none; display: inline-block; width: 200px; vertical-align: top;}
	.service li a.serviceEnter { left: 4%;}
	.newsSlide li { height: auto;}
}
@media screen and  (max-width:1080px){
	.header .emailBtn { display: none;}
	.serviceList li .serviceImg { height: 350px;}
	.serviceArticle dl { padding: 40px; height: 260px;}
	.fpage a { text-align: center; text-indent: 0;}
}
@media screen and  (max-width:780px){
	.caseLeft { float: none; width: 100%; margin-right: 0; margin-bottom: 10px; height: auto;}
	.caseRight { float: none; width: 100%;}
	.caseCover { padding: 10px;}
	.caseRight li { height: 180px;}
	.caseCover span { margin-bottom: 10px;}
	.caseCover h2 { margin: 20px 0 10px;}
	.honorDec { font-size: 14px;}
	.honorControl a { background-size:100% auto!important; width: 30px; height: 30px;}
	.searchBox button,.searchBox input { height: 32px;}
	.newsLeft { margin-bottom: 10px; float: none; height: auto; width: 100%;}
	.newsImg { height: auto;}
	.leftNews { padding:20px; border-radius: 0; position: static; width: 100%;}
	.newsRight { float: none; width: 100%;}
	.newsSlide li { padding: 10px;}
	.newsDec { width: calc(100% - 88px);}
	.topNews { padding: 20px;}
	.banner .swiper-button-next,.banner .swiper-button-prev { display: none;}
	.serviceList li .serviceImg { width: 50%; height: 50%;}
	.serviceArticle { width: 50%; }
	.serviceArticle dl {height:120px; padding:15px;}
	.companyFlag li { width: 100%; margin: 0 0 10px; height: auto; padding: 20px 0;}
	.companyFlag li h2,.companyFlag li span { margin-bottom: 10px;}
	.locationCont a { margin-right: 5px;}
	.caseSlide { float: none; width: 100%; height: auto; margin-bottom:10px;}
	.caseSmall { float: none; width: 100%;}
	.smallSlide { margin-bottom: 10px;}
	.smallArt h2 { margin-bottom: 10px; font-size: 22px; padding-bottom: 10px;}
	.smallArt p { font-size: 14px;}
	.caseTop { margin-bottom: 20px;}
	.choseHd span { font-size: 14px; width: auto; padding: 0 10px; line-height: 3;}
	.choseSlide { padding: 15px;}
	.intImg { float: none; width: 100%;}
	.intTxt { float: none; margin-top: 10px; width: 100%; font-size: 14px;}
	.fpage a { line-height: 40px; font-size: 14px; width: 33.33%!important;}
	.fpage a span { display: none;}
}