@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/28px "微软雅黑"; color:#333; }
img{ border:0; }
a{ text-decoration:none; color:#333; }
a:hover{ color:red; }
.clear { clear:both;}
.cleafix::after { content: ''; clear: both; display: block; height: 0;}
div { box-sizing:border-box;}
@font-face {
font-family:din;
src: url(DINCondensedC.ttf);
}
/* CSS Document */
#screen { position: fixed; left: 0; top: 0; z-index: 8; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.5);}
body { padding-top: 80px;}
.header { background: #ffffff; width: 100%; z-index: 10; position: fixed; left: 0; top: 0; height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.headerCont { width: 1240px; margin: 0 auto;}
.logo { float: left; margin-top: 16px;}
.nav { float: left; margin-left: 81px;}
.nav li { position: relative; margin-right: 10px; float: left; padding: 0 20px;}
.nav li:hover h2 a { color:#175E9F ;}
.nav li dl { display: none; display: none; position: absolute; left: 50%; top: 80px; transform: translateX(-50%); background: #ffffff; z-index: 2; width:160px;}
.nav li dl dt {text-align: center; line-height: 40px; font-size: 14px;}
.nav li dl dt a { display: block; color: #666; transition: all .5s;}
.nav li dl dt:hover a { color: #ffffff; background:#175E9F ;}
.nav li h2 a{ transition: all .5s; line-height: 80px; font-size: 16px; font-weight: bold; color: #333333;}
.tel { font-family: din; line-height: 80px; float: right; background: url(../images/icon1.png) left center no-repeat;padding-left: 32px; font-size: 28px; color: #DA2122;}
.banner img { transform: scale(1.2); transition: all 4s; display: block; width: 100%;}
.banner .swiper-slide-active img { transform: scale(1);}
.banner .swiper-slide-active {z-index: 2;}
.banner .swiper-button-next { outline: none; right: 50px;}
.banner .swiper-button-prev { outline: none; left: 50px;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after {font-size:30px; color: #175E9F;}
.banner .swiper-pagination {bottom: 60px!important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active { background:#175E9F ;}
.container { width: 1240px; margin: 0 auto; max-width: 92%;}
.productTitText { float: left;}
.productTitText h2 { font-weight: bold; color: #333; margin-bottom: 10px; font-size: 32px; line-height: 42px;}
.productTitText p { font-size: 16px; line-height: 21px; color: #666;}
.productCenter { padding: 80px 0 60px;}
.productTop { margin-bottom: 40px;}
.productTop .checkMore { margin-top: 7px; font-size: 14px; color: #ffffff; float: right; display: block; background: #175E9F; width: 180px; text-align: center; line-height: 58px; border-radius: 4px;}
.checkMore i { font-size: 0; display: inline-block; background: url(../images/moreIcon.png) center no-repeat; width: 9px; height: 18px; background-size: 100% auto; margin-left: 20px;
vertical-align: -5px;}
.productBig { position: relative; float: left; width: 605px; height: 630px; overflow: hidden; border-radius: 8px; transition: all .5s;}
.productBig::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23,94,159,0.4); transition: all .5s; opacity: 0;}
.productBig:hover::after { opacity: 1;}
.productBig img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.productBig:hover { box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.productBig:hover img { transform: scale(1.1);}
.proTxt { z-index: 2; position: absolute; left: 60px; top: 50px;}
.proTxt p { font-weight: bold; font-size: 24px; color: #ffffff; line-height: 32px; margin-bottom: 20px;}
.proTxt span { display: inline-block; line-height: 24px; font-size: 12px; background: url(../images/arr.png) right center no-repeat; padding-right: 41px; color: #ffffff;}
.productSmall { float: right; width: 605px;}
.productSmall li { transition: all .5s; position: relative; margin-bottom: 30px; overflow: hidden; border-radius: 8px; height: 300px;}
.productSmall li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.productSmall li .proTxt { top: 50%; transform: translateY(-50%);}
.productSmall li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23,94,159,0.4); transition: all .5s; opacity: 0;}
.productSmall li:hover::after { opacity: 1;}
.productSmall li:hover img {transform: scale(1.1);}
.productSmall li:hover { box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.introduce { margin-bottom:100px; margin-top: 60px;}
.introduceTit h2 { font-size: 32px; line-height: 38px; font-weight: bold; color: #175E9F; margin-bottom: 10px;}
.introduceTit p { font-size: 32px; line-height: 42px; color: #333333;}
.introduceTit { margin-bottom: 60px; position: relative; padding-bottom: 60px;}
.introduceTit::after { content: ''; position: absolute; width: 127px; height: 4px; left: 0; bottom: 0; background:#175E9F ;}
.introduceTxt p { line-height: 28px; font-size: 14px; margin-bottom: 20px; color: #333333; text-align: justify;}
.introduceArt { float: left; width: 553px;}
.introduceTxt p:last-child { margin-bottom: 0;}
.introduceArt a.detailEnter { display: block; width: 180px; line-height: 58px; text-align: center; font-size: 14px; color: #ffffff; background:#175E9F;
margin-top: 104px; border-radius: 4px;}
.introduceArt a.detailEnter i {font-size: 0; display: inline-block; background: url(../images/moreIcon.png) center no-repeat; width: 9px; height: 18px; background-size: 100% auto; margin-left: 20px;
vertical-align: -5px;}
.introduceImg { float: right; overflow: hidden;border-radius:8px; width: 605px; height: 560px;}
.introduceImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.serviceCont { background: url(../images/serviceBg.png) center no-repeat; background-size: cover; background-attachment: fixed; padding: 150px 0 205px;}
.serviceTit { margin-bottom: 60px;}
.serviceTitText { max-width: 457px; float: left;}
.serviceTitText p { margin-bottom: 10px; font-size: 32px; font-weight: bold; line-height: 38px; color: #ffffff;}
.serviceTitText span { font-size: 32px; line-height: 42px; font-weight: bold; color: #ffffff;}
.serviceTit a.checkMore { margin-top: 66px; font-size: 14px; color: #ffffff; float: right; display: block; background: #175E9F; width: 180px; text-align: center; line-height: 58px; border-radius: 4px;}
.serviceList ul::after { content: ''; clear: both; display: block; height: 0;}
.serviceList li { transition: all .5s; border-radius: 8px; padding: 60px 36px 0; text-align: center; box-sizing: border-box; background: #ffffff; height: 353px; float: left; width: 23.145%; margin-right: 2.47333%;}
.serviceList li:last-child { margin-right: 0;}
.serviceList li h2 { font-weight: bold; transition: all .5s; color: #333333; margin-bottom: 22px; font-size: 16px; line-height: 21px;}
.serviceList li p { font-size: 14px; line-height: 2; color: #666666; margin-bottom: 28px;}
.serviceList li:hover {padding-top: 40px;}
.serviceList li:hover h2 { color:#175E9F ;}
.serviceList li a { transition: all .5s; opacity: 0; display: inline-block; font-size: 12px; line-height: 24px; color:#175E9F ;}
.serviceList li a i {font-size: 0; display: inline-block; background: url(../images/blueEnter.png) center no-repeat; width: 24px; height: 24px; background-size: 100% auto; margin-left: 20px;
vertical-align: -8px;}
.serviceList li:hover a { opacity: 1;}
.contactBox { box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #ffffff; border-radius: 12px; width: 1240px; margin: -78px auto 0; padding: 40px;}
.contactImg { float: left; width: 434px; overflow: hidden; border-radius: 8px;}
.contactImg img { display: block; width: 100%;}
.contaictForm { float: right; width: calc(100% - 504px);}
.contaictForm h2 { font-weight: bold; font-size: 32px; line-height: 42px; color: #333333; margin-bottom: 40px;}
.shortInp { margin-bottom: 25px;}
.inpCont { float: left; width: 48.4%;}
.inpCont:nth-child(2n){ float: right;}
.contaictForm p { margin-bottom: 16px; font-size: 14px; line-height: 18px; color: #333333;}
.inpCont input { font-size: 14px; outline: none; border: none; border-radius: 4px; background: #E9EDF0; height: 60px; box-sizing: border-box; width: 100%;
padding: 0 20px; color: #333333;}
.inpCont input::-webkit-input-placeholder,.contaictForm textarea::-webkit-input-placeholder { color: #999999;}
.contaictForm textarea { display: block; font-family: '微软雅黑'; font-size: 14px; outline: none; resize: none; border: none; width: 100%; padding: 20px; box-sizing: border-box; height: 156px;
border-radius: 4px; background:#E9EDF0 ;}
.contaictForm button.subBtn { border: none; display: block; width: 180px; line-height: 58px; text-align: center; font-size: 14px; color: #ffffff; background:#175E9F;
margin-top:34px; border-radius: 4px;}
.contaictForm button.subBtn i {font-size: 0; display: inline-block; background: url(../images/moreIcon.png) center no-repeat; width: 9px; height: 18px; background-size: 100% auto; margin-left: 20px;
vertical-align: -5px;}
.support { margin: 100px auto;}
.supportList li { transition: all .5s; border-radius: 8px; position: relative; float: left; overflow: hidden; width: 31.69%; margin-right: 2.465%;}
.supportList li:hover { box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.supportList li:nth-child(3n) { margin-right: 0;}
.supportList li img { width: 100%; transition: all .5s; object-fit: cover; display: block;}
.supportList li:hover img { transform: scale(1.1);}
.supportTxt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%;}
.supportTxt p { color: #ffffff; font-size: 24px; line-height: 32px; font-weight: bold; margin-bottom: 20px;}
.supportTxt span { display: inline-block; line-height: 24px; font-size: 12px; background: url(../images/arr.png) right center no-repeat; padding-right: 41px; color: #ffffff;}
.scientific { background: #E9EDF0; padding: 80px 0;}
.scientificTop { border-radius: 8px; overflow: hidden;}
.scientificTop li { overflow: hidden; float: left; width: 50%; position: relative;}
.scientificTop li img { display: block; width: 100%; transition: all .5s;}
.scientificTop li:hover img { transform: scale(1.1);}
.cxTxt { position: absolute; top: 50%; transform: translateY(-50%); left: 60px;}
.cxTxt p { font-weight: bold; font-size: 24px; line-height: 32px; color: #333333; margin-bottom: 20px;}
.cxTxt span {display: inline-block; line-height: 24px; font-size: 12px; background: url(../images/blueEnter.png) right center no-repeat; padding-right: 41px; color: #175E9F;}
.news { background: #ffffff; margin-top: 50px; padding: 20px; border-radius: 8px;}
.newsImg { float: left; width: 586px; overflow: hidden; border-radius: 8px; position: relative;}
.newsImg img { display: block; width: 100%;}
.newsPost { left: 42px; top: 42px; position: absolute;}
.newsPost p { font-size: 24px; color: #ffffff; line-height: 32px; margin-bottom: 20px;}
.newsPost span {display: inline-block; line-height: 24px; font-size: 12px; background: url(../images/arr.png) right center no-repeat; padding-right: 41px; color: #fff;}
.newsList { float: right; width: calc(100% - 640px);}
.newsList li {padding-bottom: 15px; line-height: 29px; overflow: hidden; margin-top: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.newsList li p { max-width: calc(100% - 70px); overflow: hidden; white-space:nowrap; text-overflow: ellipsis; transition: all .5s; font-size: 14px; color: #333333; float: left;}
.newsList li span { float: right; color: #999;}
.newsList li:last-child { border: none;}
.newsList li:hover p { color:#175E9F ;}
.footer { background: #032544; padding: 56px 0 0;}
.footLogo { float: left; width: 214px;}
.footLogo img { display: block; width: 100%;}
.footNav { float: right;}
.footNav a { float: left; line-height: 48px; color: #ffffff; margin-left: 53px; font-size: 14px;}
.footTop { border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 40px;}
.copyRight { color: rgba(255,255,255,.6); font-size: 14px; border-top: 1px solid rgba(255,255,255,.1); line-height: 70px;}
.copyRight a { color: rgba(255,255,255,.6); transition: all .5s;}
.copyRight a:hover { color: #ffffff;}
.footerForm { float: left; width: 505px;}
.footerForm h2 { font-size: 12px; color: rgba(255,255,255,.6); line-height: 16px; margin-bottom: 20px;}
.shortForm { margin-bottom: 20px; overflow: hidden;}
.shortForm input { font-size: 14px; height: 44px; padding: 0 20px; color: #ffffff; float: left; width: 47.5%; box-sizing: border-box; border: none; outline: none; background: rgba(255,255,255,.1);}
.shortForm input:nth-child(2n) { float: right;}
.shortForm input::-webkit-input-placeholder,.footerForm textarea::-webkit-input-placeholder { color: rgba(255,255,255,.6);}
.footerForm textarea { font-family: '微软雅黑'; color: #ffffff; box-sizing: border-box; display: block; border: none; outline: none; width: 100%; resize: none;background: rgba(255,255,255,.1); padding: 20px; height: 134px; font-size: 14px;}
.footerForm button { display: block; font-weight: bold; border:1px solid rgba(255,255,255,.6); width: 140px; height: 44px; line-height: 44px; box-sizing: border-box; font-weight: bold;
color: #ffffff; font-size: 14px; background: none; margin-top: 20px;}
.footerCont { padding: 40px 0 27px;}
.hotLine { margin-left: 134px; float: left; padding-top: 40px;}
.hotLine img { display: block; margin-bottom: 10px;}
.hotLine h2 { font-size: 14px; font-weight: bold; color: #ffffff; line-height: 16px; margin-bottom: 7px;}
.hotLine h3 { font-family: 'din'; color: #ffffff; font-size: 32px; line-height: 35px;}
.hotLine p { font-size: 12px; color: rgba(255,255,255,.6);}
.hotLine.addCont { margin-left: 73px;}
.scan { margin-top: 40px; float: right; text-align: center;}
.scanImg { width: 132px; border: 1px solid rgba(255,255,255,.3); padding: 11px; border-radius: 8px;}
.scanImg img { display: block; width: 100%; border-radius: 8px;}
.scan p {text-align: center; color: rgba(255,255,255,.6); font-size: 12px; line-height: 16px; margin-top: 18px;}
#bannera{width:100%; height:400px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bread{ width:100%; height:60px; font-size:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.breadz{ width:1240px; height:60px; margin:0 auto; line-height:60px;}
.bread1{ width:auto; float:left;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 59px;}
.bread1 a{color: #666;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #0E56C0; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover{color: #0E56C0;;}
.bread1 a:hover:before{width: 100%;}
.bread2{ width:auto; float:right; color:#999;background:url(../images/j1.png) left center no-repeat; padding-left:25px; color:#999;}
.boday{ width:100%; height:auto; background:#F4F6F8}
.product{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.product li{ width:32%; height:auto; float:left; margin-right:2%;border-radius: 8px; overflow:hidden; border:1px solid #F4F6F8;box-sizing: border-box; background:#fff; margin-bottom:40px;transition: all 1.2s;}
.product li:nth-child(3n) { margin-right:0px;}
.product li img{ width:100%; display:inline-block;}
.product li p{ width:100%; height:92px; line-height:92px; text-align:center; font-size:16px; color:#333;}
.product li:hover{ background:#175E9F; border:1px solid #175E9F;box-sizing: border-box;}
.product li:hover p{ color:#fff;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 0px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #0262AF;; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#175E9F;;;; color:#fff;border:1px solid #175E9F;;;;}
.nx_pg .on{ background:#175E9F;;;; color:#fff;border:1px solid #175E9F;;;;}
.artile1{ max-width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.artile1 ul{ margin-bottom:15px;}
.artile1 li{ width:100%; margin:0 auto; margin-bottom:35px; background:#fff;transition:all 0.5s; overflow:hidden;box-sizing: border-box;border-radius:8px; overflow:hidden;}
.artile1 li:hover{ background:#175E9F;}
.xman1{ width:100%;transition:all 0.8s; }
.art11{ width:580px; height:322px; float:left; overflow:hidden; position:relative;}
.art11 img{ width:580px; height:322px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}
.art21{ height:322px;overflow: hidden;padding-left:50px; padding-right:0px;box-sizing: border-box; }
.art21 h2{ width:100%; font-size:24px; font-weight:normal; color:#333;transition:all 0.5s; height: auto; line-height:30px; height:30px; margin-top:45px; margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art21 .art_p1{ width:96%; height:75px; line-height:25px; margin-top:25px;transition:all 0.5s; color:#666 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art21 .art2_11{ width:96%; height:50px; line-height:40px; padding-top:35px; color:#fff;}
.art21 .art2_11 span{ color:#fff;; font-size:16px;display:block;width:170px;height: 50px;border:1px solid #175E9F; background:#175E9F;text-align:center; line-height:50px; ;transition:all 0.5s;border-radius: 4px;}
.artile1 li:hover .art21 h2{ color:#fff;}
.artile1 li:hover .art21 .art_p1{ color:#fff;width:90%;}
.artile1 li:hover .art21 .art2_11 span{ border:1px solid #fff; color:#fff;}
.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:30px 0px 70px 0px;;box-sizing: border-box; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #999999; text-align:center; line-height:52px; margin-top:50px;}
.fh:hover a{ text-decoration:underline; color:#fff; }
.fh:hover{background:#175E9F;border: 1px solid #175E9F;}
.photdz{ max-width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.photdz li{ width:100%; height:auto; margin-bottom:90px;}
.photdz li .roc1{ width:580px; height: auto; float:right; font-size:14px; color:#666; line-height:30px;}
.photdz li .roc1 h2{font-size: 24px; line-height:40px; height:70px; color:#333; margin-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.10);}
.photdz li .roc1 p span{border-bottom:2px solid #175E9F;padding-bottom:8px;}
.photdz li .roc1 td{width:50%;}
.rock{ width:388px; height:58px; border:2px solid #175E9F;box-sizing: border-box;}
.rck1{ width:152px; height:54px; text-align:center; background:#175E9F; color:#fff; line-height:54px; float:left;}
.rck2{ width:232px; height:54px; line-height:54px; text-align:center;font-size: 20px; color:#175E9F; float:right;}
.photdz li .roc2{ overflow: hidden;height: auto;}
.photdz li .roc2 img{ width:580px; float:left;}
.photdz li:nth-child(2n) .roc1{ float:left;}
.photdz li:nth-child(2n) .roc2 img{ width:580px; float:right;}
.new1{ width:1240px; height:auto; margin:0 auto; padding-top:70px; margin-bottom:20px;}
.a1rtile1{ max-width:1240px; height:auto; margin:0px auto;}
.a1rtile1 ul{ margin-bottom:45px;}
.a1rtile1 li{ width:100%; margin:0 auto;; height:322px; transition:all 0.5s; background:#fff;border-left: 4px solid #175E9F;box-sizing: border-box;;}
.x1man1{ width:100%; margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:570px; height:282px; float:right; margin-left:30px; margin-right:20px; margin-top:20px; overflow:hidden; position:relative;}
.a1rt11 img{ width:570px; height:282px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}
.s1j1{ width:100px; height:28px; text-align:center; line-height:28px; font-size:12px;background: #00509E; color:#fff; position:absolute; top:40px; left:0px; z-index:99999;}
.a1rt21{ height:282px;overflow: hidden;padding-left:60px;box-sizing: border-box; }
.a1rt21 h2{ width:100%; font-size:24px; color:#333333;transition:all 0.5s; height: auto; margin-top:50px; line-height:30px; height:30px; margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 .a1rt_p1{ width:100%; height:50px; line-height:25px; margin-top:15px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:40px; line-height:40px; padding-top:35px;}
.a1rt21 .a1rt2_11 span{ color:#fff; font-size:16px;background: #175E9F;; display:block;width:180px; margin-top:15px;height: 58px; text-align:center; line-height:58px; ;transition:all 0.5s; }
.a1rtile1 li:hover .a1rt21 .a1rt2_11 span{ text-decoration:underline;}
.xwart{ width:100%; height:auto; margin:30px auto 5px auto;}
.xwart ul{ margin-bottom:45px;}
.xwart li{ max-width:1240px;margin:0 auto 36px auto;; height:190px; padding:0px 60px; background: #fff;;transition:all 0.5s;box-sizing: border-box; ;}
.xwart li:hover{ background:#175E9F;}
.xman2{ max-width:950px; float:right; }
.xwart li .art12{ width:202px; height:58px; text-align:center; line-height:56px;color: #044796;; border:1px solid #044796;;box-sizing: border-box; float:right; margin-left:40px; margin-top:60px;}
.xwart li:hover .art12{ color:#fff;border:1px solid rgba(255, 255, 255, 0.60); }
.xwart li .art22{ height:175px;overflow: hidden; }
.xwart li .art22 h2{ width:100%; font-size:20px; color:#333333;transition:all 0.5s; height: auto; margin-top:45px; font-weight: normal; line-height:30px; height:30px; margin-bottom:5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.xwart li .art22 .art_p2{ width:100%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.xwart li:hover .art22 h2{ color:#fff;}
.xwart li:hover .art22 .art_p2{ color:#fff;}
.xmen2{ width:135px; height:135px; margin-top:30px; background:#F4F6F8; text-align:left; float:left; text-align:center;}
.xmen2 h3{font-size:60px; color:#175E9F;; font-family: 'Impact'; margin-top:42px; padding-bottom:18px; float:left;transition:all 0.5s; width:100%;}
.xmen2 p{ width:100%;font-size:12px; float:right; color:#175E9F;; }
.artile2m{ max-width:1240px; height:auto; margin:0 auto; padding-top:70px;}
.artile2m ul{ padding-bottom:45px;}
.artile2m li{ width:100%; margin:0 auto; background:#12519D;margin-bottom:35px;transition:all 0.5s; overflow:hidden;box-sizing: border-box;border-radius: 24px; overflow:hidden;}
.xman2m{ width:100%;transition:all 0.8s; }
.art22m{ width:600px; height:370px; float:left; overflow:hidden; position:relative;border-radius: 20px 0px 0px 20px ; position:relative;}
.art22m img{ width:600px; height:370px; display:block;cursor: pointer;transition: all 1.2s;}
.art22m img:hover{transform: scale(1.1);}
.art31m{ height:370px;overflow: hidden;padding-left:50px; padding-right:0px;box-sizing: border-box; }
.art31m h2{ width:90%; font-size:24px; font-weight:normal; color:#fff;transition:all 0.5s; height: auto; line-height:30px; height:30px; margin-top:55px; margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.art31m .art_p2m{ width:90%; height:25px; line-height:25px; margin-top:15px;transition:all 0.5s; color:#fff ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art31m .art3_11m{ width:96%; height:50px; line-height:26px; padding-top:25px; color:#fff;}
.art31m .art3_11m span{ color:#fff;; font-size:16px;display:block;width:170px;height: 50px;border:1px solid #12519D; background:#12519D;text-align:center; line-height:50px; ;transition:all 0.5s;border-radius: 4px;}
.sideMen{ width:1240px; margin:70px auto; }
.sideMen h3{ height:60px; line-height:60px;border-radius: 16px; padding-left:20px;background:#fff;cursor:pointer; font-size:16px; color:#333;box-sizing: border-box; margin-bottom:25px;}
.sideMen h3.on{background:#175E9F;color:#fff; margin-bottom:0px;border-radius: 16px 16px 0px 0px;;}
.sideMen h3 em{ float:right; display:block; width:24px; height:24px; margin-top:16px; margin-right:20px; background:url(../images/k10.png) center left no-repeat;; }
.sideMen h3 em.on{ width:24px; height:24px; background:url(../images/k2.png) center left no-repeat !important;;}
.sideMen .xn{ padding:30px 60px 40px 60px;; background:#fff; margin-bottom:25px; }
.xn1{ width:100%; margin:0 auto; height:40px; line-height:40px;}
.xn1 p{ float:left; padding-right:40px;}
.xn1 p span{ font-size:14px; font-weight:bold;}
.xn h2{ width:100%; font-size:14px; padding:20px 0px;}
.xn2{ width:100%; height:auto; padding-top:2px;}
.prdt{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.prdt1{ width:620px; height:auto; float:left;}
.prdt1 img{ width:100%;}
.prdt2{ width:540px; height:auto; float:right;}
.prdt2 h2{ font-size: 24px; color:#333; height:65px; font-weight:bold;}
.phrod1{ width:1240px; height:auto; margin:0 auto; padding-bottom:50px;}
.phrod2{ width:1240px; height:auto; margin:0 auto 60px auto;padding-bottom:60px; background:url(../images/h1.png) bottom center no-repeat; overflow:hidden;}
.phrod2 img{width: 100%;}
.pkroductSmall { width:1240px; height:auto; margin:0 auto; padding:75px 0px;}
.pkroductSmall h3{ width:100%; height:70px; font-size:24px; color:#333; font-weight:bold; text-align:center;}
.pkroductSmall li { width:49%; margin-right:2%; float:left; transition: all .5s; position: relative; overflow: hidden; border-radius: 8px; height: 300px;}
.pkroductSmall li:nth-child(2n){ margin-right:0px;}
.pkroductSmall li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.pkroductSmall li .proTxt { top: 50%; transform: translateY(-50%);}
.pkroductSmall li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23,94,159,0.4); transition: all .5s; opacity: 0;}
.pkroductSmall li:hover::after { opacity: 1;}
.pkroductSmall li:hover img {transform: scale(1.1);}
.pkroductSmall li:hover { box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.ab1{ width:1240px; height: auto;; margin:70px auto;background:#175E9F;}
.ab11{ width:620px; height: auto; float:right;}
.ab11 img{ width:100%; display:block;}
.ab12{ width:510px; float:left; padding-left:40px; padding-top:30px;}
.ab12 h2{font-size: 24px; line-height:45px; font-weight:bold; margin-bottom:6px;color:#fff;}
.ab12 li{ width:100%; line-height:45px; font-size:16px; color:#fff; margin-bottom:0px;}
.ab12 li img{ float:left; margin-top:10px; margin-right:5px; }
.ab12 li:nth-child(6){ margin-top:5px;}
.map{ width:100%; height:auto;}
.map img{ width:100%; display:block;}
.righth1{ width:100%; height:auto; padding:0px 0px 70px 0px;;}
.righth{ max-width:1240px; height: auto; margin:0px auto; box-sizing:border-box; font-size:16px;}
.righth h2{ font-size:32px; text-align:left; line-height:44px; font-weight:normal; color:#333; margin-bottom:15px; padding:0px 5px;}
.righth p{ width:100%; margin-bottom:25px;padding:0px 5px;}
.righth p span{color: #00923F; font-size:24px; font-weight:bold;}
.righth table{padding:0; margin:0; border-collapse:collapse; border:none;}
.righth table td{padding:10px 5px;; color:#333; font-weight:bold;}
.sb1{width:100%; height:55px; line-height:55px; border:none; text-indent:15px; opacity:0.8; background:#fff;; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb2{width:520px; height:55px; line-height:55px; border:none; text-indent:15px; background:#fff;; opacity:0.8; font-size:15px;}
.sb3{width:100%; height:120px; line-height:25px; border:none; background:#fff;; box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;border:1px solid #E0E0E0;;box-sizing: border-box;}
.sb4{display:block; width:180px; height:45px; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#12519D;;;;;;;; margin-top:15px; transition:0.5s; border-radius:0px;}
.sb4:hover{opacity:0.9;}
.ab3{ width:1240px; height:auto; margin:70px auto;}
.ab31{ width:600px; height: auto; float:right;}
.ab31 img{ width:100%;}
.ab32{ width:555px; height:548px; float:left;}
.ab32 h2{ width:100%; font-size:32px; color: #333; height:80px; line-height:50px; padding-top:5px; background:url(../images/k5.png) no-repeat left bottom;}
.ab32 span{color: var(--175-e-9-f, #175E9F);;font-size: 32px; line-height:55px;}
.ab32 p{ width:100%; line-height:32px; color:#666; margin-top:30px;}
.ab32 a{width:180px;height: 56px;background: #175E9F; display:block; color:#fff; font-size:18px; text-align:center; line-height:56px; margin-top:35px;}
.ab32 a:hover{opacity: 0.9;;}
.ab4{ width:100%; height:400px; background-attachment:fixed; background:url(../images/k6.png) no-repeat center;}
.ab4 h2{ width:100%; height:60px; line-height:60px; color:#fff; text-align:center;font-size: 32px; padding-top:120px; padding-bottom:30px; }
.ab4 a{ width:230px; height:60px; display:block; background:#175E9F; margin:0 auto; color:#fff; font-size:16px; line-height:60px; text-align:center;}
.ab4 a img{ vertical-align:-7px; margin-right:10px;}
.ab4 a:hover{opacity:0.8;}
.ab5{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.bt{ width:100%;font-size: 32px; font-weight:bold; text-align:center; height:70px;}
.ab5 li{float: left;width: 32%; margin-right:2%; background:#fff;text-align:left;height: auto;border-radius: 16px; overflow:hidden; padding:55px 60px;box-sizing: border-box; text-align:center;}
.ab5 li img{margin:0px auto 20px auto; display:block;-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-o-transition: -o-transform 2s ease-out;
-ms-transition: -ms-transform 2s ease-out;}
.ab5 li:hover img{ -webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}
.ab5 li:nth-child(3){ margin-right:0px;}
.ab5 li h2{font-size: 16px; line-height:38px; margin-top:30px;}
.ab5 li p{font-size:14px; color:#666;margin-top:25px;}
.ab6{ width:690px; height:58px; margin:50px auto 20px auto;}
.ab61{ width:460px; float:left; text-align:right;}
.ab61 h3{ font-size: 16px; color:#333;}
.ab61 h4{color: var(--666, #666); font-size:14px; font-weight:normal; margin-top:5px;}
.ab6 a{ float:right; width:210px; height:58px; display:block; background:#175E9F ; text-align:center; line-height:58px; color:#fff; font-size:16px; font-weight:bold;}
.tab1{width:100%;}
.tab1 td{width:25%;}
.tab2{width:100%;}
.tab2 td{width:50%;padding:20px;}
@media screen and (max-width:1240px){
.menu{position: absolute; width: 30px;height: 30px; position: absolute; right: 3%;top: 15px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;}
.menu.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
body { padding-top: 60px;}
.header { position: fixed; z-index: 10; width: 100%; height: 60px; padding: 0 4%;}
.headerCont { width: 100%;}
.nav { background: #ffffff; z-index: 4; float: none; position: fixed; left: -110%; top: 60px; bottom: 0; width: 200px; margin: 0;}
.tel { line-height: 60px;}
.logo { margin-top: 10px;}
.logo img { height: 40px;}
.nav li { float: none; line-height: 40px;}
.nav li h2 a { line-height:60px;}
.nav li dl { position: static; width: 100%; transform: translate(0); text-align: left;}
.nav li dl dt { text-align: left; padding: 0 15px;}
.tel { display: none;}
}
@media screen and (max-width:780px){
}