@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"Arial","黑体";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#333; text-decoration:none}
a:hover{ color:#004E97}
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height: 80px; width:100%; position:fixed; z-index:9; background:#fff;}
.headerbox{width: 1240px; margin: 0 auto; }
.logo{width: 325px;float: left;}
.logo img{width: 100%;}
.nav{float: left; padding-left: 82px;}

.nav li{float: left;   padding:0 22px; position: relative;}
.nav li h3 a{display: block; font-size:16px;font-weight: 400;color: #333333;line-height: 80px;}

.nav li a:hover{color: #004E97;font-weight:700}
.sub{position: absolute;width: 100%; top: 80px;left: 0;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #004E97;color: #fff;}

.yzxz{float: right; width:40px; height:40px; line-height:40px; margin-top:18px; text-align:center; background:#004E97; border-radius:100px;}
.yzxz a{font-size: 14px; color: #fff;cursor: pointer; width:100%; display:block; height:100%}
.tp{ width:100%; height:80px;}

.banner img{width: 100%;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -42px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -42px;left: 4vw;}

.cont1{ width:1240px; height:auto; padding:70px 0px 70px 0px;; margin:0 auto; }
.bt1{ width:auto; height:70px; border-left:4px solid #004E97; padding-left:20px; float:left;}
.bt1 h2{color: var(--333, #333);font-size: 32px; line-height:45px;}
.bt1 p{color: var(--999, #999);font-family: Source Han Sans SC;font-size: 16px;}
/* 选项卡示例样式 */
.main3 {width: 1240px;margin:40px auto 10px auto; position:relative;}
.tab1 {overflow: hidden;width:960px;height:62px;cursor: pointer; position:absolute; top:-50px; right:0px;}
.tab1 li {float: left;width:127px;text-align: center;height:62px; background:#fff;line-height:62px; margin-right:10px;}
.tab1 li .tb1{ width:26px; height:26px; background:url(../images/a1.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.tab1 li:nth-child(2) .tb1{width:26px; height:26px; background:url(../images/a2.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.tab1 li:nth-child(3) .tb1{width:26px; height:26px; background:url(../images/a3.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.tab1 li.on {background:#004E97; color:#fff;}
.tab1 li.on .tb1{ background:url(../images/a4.png) center no-repeat;}
.tab1 li:nth-child(2).on .tb1{ background:url(../images/a5.png) center no-repeat;}
.tab1 li:nth-child(3).on .tb1{ background:url(../images/a6.png) center no-repeat;}
.con1 {width: 100%;;}
.con1 ul{ width:100%; height:auto; padding-top:75px;}
.con1 ul li{ width:32%; margin-right:2%; float:left; background:#fff; margin-bottom:45px;}
.con1 ul li:nth-child(3n){ margin-right:0px;} 
.con1 ul li{ background:#fff;box-sizing: border-box;  }
.con1 ul li img{ width:100%; overflow:hidden;}
.con1 ul li p{ width:100%; height:80px; line-height:80px;color:#333; text-align:left;font-weight: 700; padding-left:15px;box-sizing: border-box;}
.con1 ul li p b{ width:40px; height:40px; line-height:40px; margin-top:20px; margin-right:15px;text-align:center; font-size:20px; color:#999; background:#f2f2f2; border-radius:100px; overflow:hidden; float:right;}
.con1 ul li:hover{ background:#004E97;}
.con1 ul li:hover p{ color:#fff;}
.con1 ul li:hover p b{ background:#FFF000; color:#004E97;}
.ckgd{ display: block; width: 180px; line-height: 58px; height:58px; text-align: center; margin:0 auto; color: #fff; background:#004E97; font-size:16px;}
.ckgd:hover{ text-decoration:underline; color:#fff;}




.cont2{ width:100%; height:700px; background:url(../images/a8.png) center no-repeat;}
.cnt2{ width:1240px; height:auto; margin:0 auto; padding-top:80px;}
.cnt2z{ width:540px; height:auto; float:left; color:#fff;}
.cnt2z1{ width:100%; font-size:16px; padding-top:100px; line-height:32px;}
.detailEnt { display: block; width: 180px; line-height: 58px; text-align: center;  color: #333; background:#fff;margin-top:50px; font-size:16px;}
.detailEnt:hover{ text-decoration:underline;}
.cont3{ width:1240px; height:auto; margin:70px auto 40px auto;}
.cnt3{width:1240px; height:auto; margin:0 auto;}
.cnt3 a{display: block; width: 180px; line-height: 58px; text-align: center; float:right;  color: #333; background:#fff; font-size:16px;}
.cnt3 a:hover{ text-decoration:underline;}

.cont3 ul{ margin:0 auto; width:1240px; padding-top:60px;}
.cont3 ul li{ width:32%; float:left; margin-right:2%; height: auto; float:left; text-align:center;transition: all 1.2s;background: #fff; padding-bottom:50px;text-align:center; background:#f2f2f2; margin-bottom:60px;}
.cont3 ul li .cnt3z{ width:100px; height:100px; margin:60px auto 20px auto; background:url(../images/b1.png) center no-repeat;}
.cont3 ul li:nth-child(2) .cnt3z{ background:url(../images/b2.png) center no-repeat;}
.cont3 ul li:nth-child(3) .cnt3z{ background:url(../images/b3.png) center no-repeat;}
.cont3 ul li:nth-child(4) .cnt3z{ background:url(../images/b4.png) center no-repeat;}
.cont3 ul li:nth-child(5) .cnt3z{ background:url(../images/b5.png) center no-repeat;}
.cont3 ul li:nth-child(6) .cnt3z{ background:url(../images/b6.png) center no-repeat;}
.cont3 ul li:hover{ box-shadow: 0px 64px 60px -34px rgba(0, 0, 0, 0.29);}
.cont3 ul li:hover .cnt3z{  background:url(../images/b7.png) center no-repeat;}
.cont3 ul li:nth-child(2):hover .cnt3z{ background:url(../images/b8.png) center no-repeat;}
.cont3 ul li:nth-child(3):hover .cnt3z{ background:url(../images/b9.png) center no-repeat;}
.cont3 ul li:nth-child(4):hover .cnt3z{ background:url(../images/b10.png) center no-repeat;}
.cont3 ul li:nth-child(5):hover .cnt3z{ background:url(../images/b11.png) center no-repeat;}
.cont3 ul li:nth-child(6):hover .cnt3z{ background:url(../images/b12.png) center no-repeat;}
.cont3 ul li h2{  font-size:20px; color:#333;; margin-top:10px; margin-bottom:15px;transition: all 1.2s;}
.cont3 ul li p{ width:80%; color:#666; margin:0 auto; padding-top:15px; line-height:30px; height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;transition: all 1.2s;}
.cont3 ul li:hover h2{ color:#004E97;}
.cont3 ul li:nth-child(3n) { margin-right:0px;}
.cont4{ width:100%; height:auto; padding:70px 0px; background:#f2f2f2;}
.cont4 ul{ width:1240px; margin:0 auto; padding-top:50px;}
.cont4 ul li{ width:25%; height:auto; float:left; padding:40px 20px;box-sizing: border-box; background:#fff; border-right:1px solid rgba(0, 0, 0, 0.10);}
.cont4 ul li a{ display:block;}
.cont4 ul li img{ width:100%;}
.cont4 ul li h3{color:#999; line-height:45px;font-family: Roboto;font-size: 36px;}
.cont4 ul li p{ font-size:12px; color:#999;}
.cont4 ul li:hover h3{color:var(--004-e-97, #004E97);}
.cont4 ul li h2{ width:100%;color: var(--333, #333);font-size: 16px; padding:30px 0px 20px 0px; margin-bottom:30px;border-bottom:1px solid rgba(0, 0, 0, 0.10);}
.cont4 ul li:hover h2{color:var(--004-e-97, #004E97);}



.cont5{ width:1240px; height:auto; margin:70px auto;}
.productList{ width:100%; height:auto; margin-top:45px;}
.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);}
.productBig:hover .proTxt span{ background:#FFF000; color:#004E97;}
.proTxt { z-index: 2; position: absolute; left: 60px; top: 50px;}
.proTxt p { font-weight: 400; font-size: 24px; color: #ffffff; line-height: 32px; margin-bottom: 20px;}
.proTxt span { display: inline-block; width:40px; line-height: 40px;height: 40px; font-size: 16px; background: #fff; color:#666; border-radius:100px; text-align:center;    }
.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:30%; transform: translateY(-50%);}
.productSmall li:hover .proTxt span{ background:#FFF000; color:#004E97;}
.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);}

.cont6{ width:100%; height:auto; padding:70px 0px; background:#f2f2f2;}
.cnt6z{ width:1240px; height:auto; margin:0 auto;}
.cnt6{ margin-top:45px;}
.cnt6 img{width: 100%;}

.contactBox { box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #0075C1; width: 1240px; margin: 78px auto 0; }
.contactImg { float: left; width:620px; overflow: hidden; position:relative;}
.ctcimgtx{ width:100%; position:absolute; top:210px; left:0px; text-align:center;}
.ctcimgtx p{ width:100%; line-height:40px;font-family: Roboto;
font-size: 24px; color:#fff; margin-bottom:50px;}
.ctcimgtx a{ padding:15px 35px;border: 1px solid var(--60, rgba(255, 255, 255, 0.60)); color:#fff; margin-top:30px;}
.ctcimgtx a:hover{background:#1375C0; color:#fff;border: 1px solid var(--30, rgba(255, 255, 255, 0.30));}
.contactImg img { display: block; width: 100%;}
.contaictForm { float: right; width: calc(100% - 720px); margin-right:40px; margin-top:30px;}
.contaictForm p{color: var(--60, rgba(255, 255, 255, 0.60));font-family: Roboto;font-size: 16px;font-style: normal;font-weight:400;}
.contaictForm h2 { font-weight: bold; font-size:24px;font-family: Roboto; line-height: 32px; color: #fff; margin-bottom:20px;}
.shortInp { margin-bottom: 25px;}
.inpCont { width:100%; margin-bottom:15px; position:relative;}
.inpCont img{ width:24px; height:24px; position:absolute; top:17px; right:20px;}

.inpCont input { font-size: 14px; outline: none; border: none;  background: #E9EDF0; height: 58px; 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: 110px;
background:#E9EDF0 ;}
.contaictForm button.subBtn { border: none; display: block; width: 100%; line-height: 58px; text-align: center; font-size: 14px; color: #ffffff; background:#DA2122;
margin-top:25px; border-radius: 4px;cursor: pointer;}
.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;}

.footer{ width:100%; height:auto; background:#092F60;}
.foote{ width:1240px; height:auto; margin:0 auto;}
.foot1{ width:313px; float:left;}
.foot1 img{ width:100%;}
.foot2{ float:right; margin-top:80px;}
.foot3{ float:right; width:680px; padding-right:50px;}
.fot{ width:100%; margin:0 auto; text-align:left; padding-bottom:30px; margin-bottom:30px; margin-top:90px; border-bottom:1px solid rgba(255, 255, 255, 0.10);
}
.fot span{ margin:0px 16px; color:#fff; }
.fot a{ font-size:16px; color:#fff;}
.fot a:hover{color:#fff; font-weight:400;}
.fot1{ width:100%; height:auto; line-height:40px; text-align:left; margin:0 auto; color: var(--60, rgba(255, 255, 255, 1));}
.fot2{ width:100%;  color: var(--60, rgba(255, 255, 255, 0.30)); text-align:left; padding-top:20px; }

#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:52px; background:#f2f2f2; font-size:14px;border-bottom: 1px solid var(--gray-5, #E0E0E0)}
.breadz{ width:1240px; height:52px; margin:0 auto; line-height:52px;}
.bread1{ width:auto; float:right;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #fff;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover, .bread1 li.active a{color: #fff;;}
.bread1 a:hover:before, .bread1 li.active a:before{width: 100%;}
.bread2{ width:auto; float:left; color:#333;background:url(../images/j1.png) left center no-repeat; padding-left:25px; }
.bread2 a{ color: #333; }
.bread2 a:hover{ color:#1375C0;}


.main{ width:1240px; height:auto; padding:70px 0px 45px 0px;; margin:0 auto;}
.cnt3k{width:1240px; height:auto; margin:0 auto;}
.cnt3k a{display: block; width: 180px; line-height: 58px; text-align: center; float:right;  color: #333; background:#fff; font-size:16px;}
.cnt3k a:hover{ text-decoration:underline;}
.bt1{ width:auto; height:70px; border-left:4px solid #004E97; padding-left:20px; float:left;}
.bt1 h2{color: var(--333, #333);font-size: 32px; line-height:45px;}
.bt1 p{color: var(--999, #999);font-family: Source Han Sans SC;font-size: 16px;}
.men_list{ width:auto; float:right;}
.men_list a{float: left;width:210px;text-align: center;height:62px; background:#fff;line-height:62px; margin-right:10px; display:block;}
.men_list a .tb1{ width:26px; height:26px; background:url(../images/a1.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.men_list a:nth-child(2) .tb1{width:26px; height:26px; background:url(../images/a2.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.men_list a:nth-child(3) .tb1{width:26px; height:26px; background:url(../images/a3.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.men_list a:nth-child(4) .tb1{width:26px; height:26px; background:url(../images/ajj1.png) center no-repeat; display:inline-block; vertical-align:-6px; margin-left:10px;}
.men_list a:hover {background:#004E97; color:#fff;}
.men_list a:hover .tb1{ background:url(../images/a4.png) center no-repeat;}
.men_list a:nth-child(2):hover .tb1{ background:url(../images/a5.png) center no-repeat;}
.men_list a:nth-child(3):hover .tb1{ background:url(../images/a6.png) center no-repeat;}
.men_list a:nth-child(4):hover .tb1{ background:url(../images/ajj.png) center no-repeat;}

.main_z{ width:980px; padding-top:20px; float:right;}
.main_z ul li{ width:32%; margin-right:2%; float:left; background:#fff; margin-bottom:45px;}
.main_z ul li:nth-child(3n){ margin-right:0px;} 
.main_z ul li{ background:#fff;box-sizing: border-box;  }
.main_z ul li img{ width:100%; overflow:hidden;}
.main_z ul li p{ width:100%; height:80px; line-height:80px;color:#333; text-align:left;font-weight: 700; padding-left:15px;box-sizing: border-box;}
.main_z ul li p b{ width:40px; height:40px; line-height:40px; margin-top:20px; margin-right:15px;text-align:center; font-size:20px; color:#999; background:#f2f2f2; border-radius:100px; overflow:hidden; float:right;}
.main_z ul li:hover{ background:#004E97;}
.main_z ul li:hover p{ color:#fff;}
.main_z ul li:hover p b{ background:#FFF000; color:#004E97;}

#nx_pg{width:100%; min-height:50px; padding:5px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 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:#004E97;border:1px solid #004E97; color:#fff;}
#nx_pg .on{ background:#004E97;border:1px solid #004E97; color:#fff;}

.artile{ width:100%; height:auto; margin:0px auto 15px auto;}
.artile ul{}
.artile li{ width:100%; margin:0px auto 45px auto;; height:380px; background:#fff; transition:all 0.5s;}
.xman{ width:100%; margin:0 auto; }
.art1{ width:620px; height:380px; float:left; margin-right:38px;}
.art1 img{ width:620px; height:380px;}
.art2{ height:380px;overflow: hidden; }
.art2 h2{ width:100%; font-size:24px; color:#333333;transition:all 0.5s; height: auto; margin-top:60px; font-weight: bold; line-height:30px; height:30px; margin-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:100%; height:90px; padding-top:30px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.art2 .art2_1{ width:204px; height:62px; border:1px solid #004E97; float:left; color:#fff; text-align:center; line-height:62px;font-size:14px; margin-top:35px; font-size:16px; background:#004E97;}
.artile li:hover .art2 h2{ color:#326FB2;;;}
.artile li:hover .art2 .art2_1{background: #326FB2; color:#fff; border:1px solid #326FB2;}

.ar1{ width:100%; height:auto; margin:0 auto; background:#fff; padding:40px 60px 50px 60px;;box-sizing: border-box; margin-bottom:35px; }
#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;}



.new1{ width:1240px; height:auto; margin:0 auto; padding-top:35px; margin-bottom:20px;}
.artile1{ max-width:1240px; height:auto; margin:35px auto 15px auto; background:#fff;}
.artile1 ul{ margin-bottom:45px;}
.artile1 li{ width:100%; margin:0 auto;; height:322px;  transition:all 0.5s;}
.xman1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.art11{ width:570px; height:282px; float:left; margin-left:30px; margin-right:20px; margin-top:20px; overflow:hidden; position:relative;}
.art11 img{ width:570px; height:282px; display:block;cursor: pointer;transition: all 1.2s;}
.art11 img:hover{transform: scale(1.1);}
.art21{ height:282px;overflow: hidden;padding-left:30px;box-sizing: border-box; }
.art21 h2{ width:96%; 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; }
.art21 .art_p1{ width:96%; height:50px; line-height:25px; margin-top:25px;transition:all 0.5s; color:#828282 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art21 .art2_11{ width:96%; height:40px; line-height:40px; padding-top:15px;}
.art21 .art2_11 span{ color:#fff; font-size:16px;background: #004E97;; display:block;width:180px; margin-top:25px;height: 58px; text-align:center; line-height:58px; ;transition:all 0.5s; }

.artile1 li:hover .art21 .art2_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: #F2F2F2;;transition:all 0.5s;box-sizing: border-box; background:#fff ;}
.xman2{ max-width:950px; float:right; }
.xwart li .art12{ width:202px; height:58px; text-align:center; line-height:56px;color: #044796; background:#F2F2F2; box-sizing: border-box; float:right; margin-left:40px; margin-top:60px;}
.xwart li:hover .art12{ color:#fff; background:#004E97;}
.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; }
.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;;}
.xmen2{ width:135px; height:135px; margin-top:30px; background:#F2F2F2; text-align:left; float:left; text-align:center;}
.xmen2 h3{font-size:60px; color:#999;; 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:#999;; }
.xwart li:hover .xmen2 h3{ color:#fff}
.xwart li:hover .xmen2 p{ color:#fff}
.xwart li:hover .xmen2{ background:#004E97}

.ab2{ max-width:1240px; width:96%; height:auto;  margin:70px auto; }
.ab2 ul li{ width:23.5%; height:360px; float:left; text-align:center; margin-right:2%; padding:40px 20px 30px 20px; border:1px solid rgba(0, 0, 0, 0.1);;box-sizing: border-box;background:#fff; border-radius: 8px;}
.ab2 ul li:nth-child(4n){ margin-right:0px;} 
.ab2 ul li h2{ width:100%; height:60px; line-height:50px; color:#333; font-size:16px;}
.ab2 ul li p{ width: 100%;
    height: 142px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;}
.ab2 ul li img{  margin:0px auto 20px auto;background:url(../images/f11.png) center no-repeat}

.ab2 ul li:nth-child(4) img{ /*width:108px; height:108px;*/}
.ab2 ul li:nth-child(2):hover .ab71z{background:url(../images/f2.png) center no-repeat}
.ab2 ul li:nth-child(3):hover .ab71z{background:url(../images/f3.png) center no-repeat}
.ab2 ul li:nth-child(4):hover .ab71z{background:url(../images/f4.png) center no-repeat}
.ab2 ul li:hover .ab71z{background:url(../images/f1.png) center no-repeat}
.ab2 ul li:hover{ background:#044796;}
.ab2 ul li:hover h2{ color:#fff;}
.ab2 ul li:hover p{color:#fff;}

.ab1{ width:100%; height:auto; padding:70px 0px; background:#fff;;}
.rwm{ width:1240px; height:auto; margin:0 auto;}
.rwm h2{color: #fff;  margin-bottom: 25px;font-weight: 400; font-size:20px;}



.ab11{ width:48%; float:left;}
.ab11 li{ width:100%; height:auto; margin-bottom:15px;}
.sb1{width:100%; height:60px; line-height:60px;border-radius: 4px; box-sizing:border-box; text-indent:15px; color:#666; opacity:0.8; font-size:15px;border: 1px solid #999;}
.ab12{ width:48%; float:right;}
.sb3{width:100%; height:288px; line-height:25px; box-sizing:border-box; border-radius: 4px;color:#666; border: 1px solid #999;padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:100%; height:58px;border-radius:4px; line-height:58px; border:none; font-size:16px; text-align:center; color:#fff; background:#004E97;; margin-top:20px; transition:0.5s; border-radius:2px;}
.ab11 li:nth-child(3) { margin-bottom:0px;}
.sb4:hover{opacity:0.9;}
.ab1 h2{ color:#333;font-weight: 700;
font-size: 24px; height:70px;}

input.sb1::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.sb3::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}
.map{ width:100%; height:auto;}
.map img{ width:100%; height:auto; display:block;}

.prod{ width:100%; height:auto; padding:70px 0px; background:#f2f2f2;}
.prodz{ width:1240px; height:auto; margin:0 auto;}
.prodz1{ width:535px; float:left;}
.prodz1 img{ width:100%;}
.prodz2 { width:620px; float:right;}
.prodxj_title{ width:100%; height:40px; font-weight:bold; line-height:40px; padding-bottom:30px; border-bottom:1px solid #E0E0E0; margin-bottom:40px; font-size:28px; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.detailEnt1 { display: block; width: 180px; line-height: 58px; text-align: center;  color: #fff; background:#004E97;margin-top:50px; font-size:16px;}
.detailEn1t:hover{ text-decoration:underline;}
.sysb{ width:1240px; height:510px; background:#F2F2F2; margin-top:45px;}
.sysb1{ width:460px; height:auto; padding:60px; padding-bottom:0px;box-sizing: border-box; float:left;}

.sysb2{ width:780px; height:510px; float:right;}
.sysb2 img{ width:780px; height:510px;}

.ab3{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
 .ab31{ width:600px; height:auto; float:left; color:#666;}
 .ab32{ width:570px; height:auto; float:right;}
  .ab31 p{ font-size:14px;line-height:1.4;}
 .ab32 img{ width:100%;}
.ab4{ width:100%; height:auto; padding:70px 0px; background:url(../images/e4.png) center no-repeat; background-size:cover;}
.bt2{ width:1240px;; height:70px; border-left:4px solid #004E97; padding-left:20px; margin:0 auto; }
.bt2 h2{color: var(--333, #333);font-size: 32px; line-height:45px;}
.bt2 p{color: var(--999, #999);font-family: Source Han Sans SC;font-size: 16px;}

.ab4 ul{ margin:0 auto; width:1240px; padding-top:60px;}
.ab4 ul li{ width:32%; float:left; margin-right:2%; height: auto; float:left; text-align:center;transition: all 1.2s;background: #fff; padding-bottom:50px;text-align:center; background:#f2f2f2; margin-bottom:60px;}
.ab4 ul li .cnt3z{ width:100px; height:100px; margin:60px auto 20px auto; background:url(../images/b1.png) center no-repeat;}
.ab4 ul li:nth-child(2) .cnt3z{ background:url(../images/b2.png) center no-repeat;}
.ab4 ul li:nth-child(3) .cnt3z{ background:url(../images/b3.png) center no-repeat;}
.ab4 ul li:nth-child(4) .cnt3z{ background:url(../images/b4.png) center no-repeat;}
.ab4 ul li:nth-child(5) .cnt3z{ background:url(../images/b5.png) center no-repeat;}
.ab4 ul li:nth-child(6) .cnt3z{ background:url(../images/b6.png) center no-repeat;}
.ab4 ul li:hover{ box-shadow: 0px 64px 60px -34px rgba(0, 0, 0, 0.29);}
.ab4 ul li:hover .cnt3z{  background:url(../images/b7.png) center no-repeat;}
.ab4 ul li:nth-child(2):hover .cnt3z{ background:url(../images/b8.png) center no-repeat;}
.ab4 ul li:nth-child(3):hover .cnt3z{ background:url(../images/b9.png) center no-repeat;}
.ab4 ul li:nth-child(4):hover .cnt3z{ background:url(../images/b10.png) center no-repeat;}
.ab4 ul li:nth-child(5):hover .cnt3z{ background:url(../images/b11.png) center no-repeat;}
.ab4 ul li:nth-child(6):hover .cnt3z{ background:url(../images/b12.png) center no-repeat;}
.ab4 ul li h2{  font-size:20px; color:#333;; margin-top:10px; margin-bottom:15px;transition: all 1.2s;}
.ab4 ul li p{ width:80%; color:#666; margin:0 auto; padding-top:15px; line-height:22px; height:150px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;transition: all 1.2s;}
.ab4 ul li:hover h2{ color:#004E97;}
.ab4 ul li:nth-child(3n) { margin-right:0px;}

.ab5{width:100%; height:920px;; background:url(../images/e5.png) center no-repeat; }
.cnt3x{width:1240px; height:auto; margin:0 auto; padding-top:110px;}
.cnt3x a{display: block; width: 180px; line-height: 58px; text-align: center; float:right;  color: #333; background:#fff; font-size:16px;}
.cnt3x a:hover{ text-decoration:underline;}
.ab51{ width:1240px; height:auto; margin:0 auto; padding-top:30px;}
.ab51z{ width:680px; height:auto; color:#666;}
.ab51z h2{color: var(--333, #333);font-size: 20px; line-height:1.5; padding-bottom:20px;}

.tab2 {overflow: hidden;width:510px;height:62px;cursor: pointer; position:absolute; top:-50px; right:0px;}
.tab2 li {float: left;width:245px;text-align: center;height:62px; background:#fff;line-height:62px; margin-right:10px;}

.tab2 li.on {background:#004E97; color:#fff;}
.con2 {width: 100%; padding-top:80px;;}
.con2 li{ width:23.5%; float:left; margin-right:2%; margin-bottom:28px;}
.con2 li:nth-child(4n){ margin-right:0px;}
.con2 li img{ width:100%;}

.proleft{width: 222px;float: left;margin-top: 0px;}
.protitle{background: url(../images/protitle.jpg) no-repeat left top;height: 110px;color: #fff;font-size: 28px;font-weight: bold;padding-top: 25px;margin-bottom: 10px;text-align:center;}

.proleftlist li{background: #f0f0f0;margin-top: 5px;text-align: left;}
.proleftlist li a{display: block;padding-left: 10px;height: 50px;line-height: 1.4;width: 210px;color:#000;    display: flex;
    /* justify-content: center; */
    align-items: center;}
.proleftlist li a:hover{color: #3783c3;}
.proleftlist li.erji{height:auto; line-height:120%;border-bottom: #D4D4D4 1px dashed;background:#fff; padding:8px 0 8px 8px;}
.proleftlist li.erji a{color: #0b4e87; height:auto; line-height:120%;}
.proleftlist .erji div a{background: #fff;height: 50px;line-height: 50px;border-bottom: #D4D4D4 1px dashed;padding-left: 50px;color: #999999;}
.proleftlist .erji div a:hover{color: #0b4e87;}

.title01{color: #020110;font-size: 18px;border-left: #3783c3 5px solid;text-align: left;margin-top: 42px;padding-left: 10px;}
















@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 60px;width: auto;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #58b300;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #58b300;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}
.sub{position: static; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.banner{margin-top: 60px;}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
}