@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-weight: normal; 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: #0d4da1; 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:58%; 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: #0d4da1; 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: #0d4da1; 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: #333333; 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: #0d4da1; 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: #0d4da1; 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: #f8fafd; padding:80px 0px 100px 0px;}

.newsCont { width: 90%; max-width: 1300px;overflow: hidden; margin: 0 auto; margin-top: 40px;}

.leftNews { background: #0d4da1; padding: 30px 44px 22px 40px; border-radius: 8px; position: absolute; width: 90%; left: 5%; bottom: 40px;}

.newsLeft { overflow: hidden; position: relative; float: left; width: 49%; height: 570px; 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: 452px; 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: #0d4da1; 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: #0d4da1; font-size: 36px; line-height: 44px;}

.newsData span { display: block; font-size: 12px; line-height: 16px; color: #0d4da1;}

.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:#0d4da1; 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 #0d4da1; background: #0d4da1;}

.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: #0d4da1;}

.locationCont a.cur { background: #0d4da1; 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 #0d4da1; 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;}

}

@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: #0d4da1; 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: #0d4da1;}

	.serviceTitle span { font-size: 14px;}

	.serviceTitle { margin-bottom: 20px;}

	.serviceTitle p,.honorTit p { font-size: 18px;}

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

}