@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{ overflow-x: hidden; background:#fff; font:normal 14px/28px "微软雅黑";  }

img{ border:0;  }

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

a:hover{ color:red;  }

.clear { clear:both;}

div { box-sizing:border-box;}

.dn { display: none;}

/* CSS Document */

.header { position: relative; z-index: 10;}

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

.headerCont { max-width: 92%; width: 1240px; margin: 0 auto; height: 100px;}

.headerCont a.logo { float: left; display: block; height: 100%;}

.headerCont a.logo img { display: block; height: 100%;}

.nav { float: left; margin-left: 60px;}

.nav li { float: left; position: relative; margin-right: 20px;}

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

.nav li h2 { position: relative; line-height: 100px;}

.nav li h2:after { content: ''; position: absolute; width: 0; left: 0; top: 67px; height: 2px; transition: all .6s; 

background: #1E50AE;} 

.nav li h2 a{ color: #666666; font-size: 15px; transition: all 0.6s;}

.nav li:hover h2 a { color: #1E50AE;}

.nav li:hover h2:after { width: 100%;}

.nav dl { display: none; position: absolute; left: 50%; margin-left: -60px; width:120px; z-index: 2; background: #ffffff;}

.nav dt a { transition: all 0.5s; display: block; font-size: 16px; line-height: 3;text-align: center; color: #666666;}

.nav dt:hover a { background: #1E50AE; color: #ffffff;}

.headContact { background: url(../images/phone.png) left center no-repeat; color: #1E50AE; font-size: 20px;

padding-left: 39px; line-height: 100px; float: right;}

.banner img { transform: scale(1.2); transition: all 3s; display: block; width: 100%;transition-delay: .8s;
-webkit-transition-delay: .8s;}

.banner .swiper-button-prev { outline: none; background: url(../images/prev.png) center no-repeat; width: 44px; height: 44px;}

.banner .swiper-button-next { outline: none; background: url(../images/next.png) center no-repeat; width: 44px; height: 44px;}

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

.banner { overflow: hidden;}

.banner .swiper-slide-active { z-index: 2;}

.banner .swiper-slide-active img{ transform: scale(1);}

.titCont { text-align: center;}

.bussiness { background: #F7F8F9; padding: 4.16vw 0;}

.contBox { width: 1240px; margin: 0 auto; max-width: 92%;}

.titCont h2 { font-size: 32px; line-height: 45px; margin-bottom: 12px;}

.titCont p { font-size: 16px; line-height: 22px; color: #999999;}

.titCont p span { display: inline-block; width: 18px; height: 1px; background: #999999; margin: 0 10px; vertical-align:5px;}

.choseHd { overflow: hidden; margin-top: 40px;}

.choseHd span { transition: all 0.5s; position: relative; font-size: 12px; color: #1E50AE; cursor: pointer; float: left;display: block; width: 11.3%; box-sizing: border-box; line-height: 44px;

border: 1px solid #1E50AE; margin-right: 1.37%; text-align: center;}

.choseHd span:last-child { float: right; margin-right: 0;}

.choseHd span:after { content: ''; left: 16px; background: url(../images/sjz.png) center no-repeat; width: 5px; height: 8px;

display: block; position: absolute; top: 50%; transform: translateY(-50%);}

.choseHd span::before { content: ''; right: 16px; background: url(../images/sjy.png) center no-repeat; width: 5px; height: 8px;

display: block; position: absolute; top: 50%; transform: translateY(-50%);}

.choseHd span.cur,.choseHd span:hover { background: #1E50AE; color: #ffffff;}

.choseHd span.cur:after,.choseHd span:hover:after { background: url(../images/sjzon.png) center no-repeat;}

.choseHd span.cur:before,.choseHd span:hover:before { background: url(../images/sjyon.png) center no-repeat;}

.choseBd { margin-top: 50px;}

.choseBd ul { overflow: hidden;}

.choseBd li { position: relative; margin-bottom: 0.5%; float: left; overflow: hidden; width: 33%; margin-right: 0.5%;}

.choseBd img { display: block; transition: all 0.8s; width: 100%; height: 100%; object-fit: cover;}

.choseBd li:nth-child(3n) { margin-right: 0;}

.choseBd li p { position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff;

background: rgba(0,0,0,0.6); text-align: center; font-weight: bold; line-height: 44px; font-size: 18px;}

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

.aboutCont { padding: 5.2vw 0; position: relative;}

.aboutCont:after { content: ''; position: absolute; width: 43.75%; height: 100%; left: 0; top: 0;

background: linear-gradient(270deg, #1E50AE 0%, #123474 100%);}

.aboutImg { float: left; width: 620px;}

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

.aboutTxt { float: right; width: calc(100% - 700px);}

.aboutTxt h2 { font-size: 24px; line-height: 32px; margin-bottom: 10px; color: #333333;}

.aboutTxt span { display: block; color: #999999; font-size: 16px; margin-bottom: 25px; line-height: 22px;}

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

}

.aboutCont .contBox { position: relative; z-index: 2;}

.aboutTxt a { margin-top:40px; display: block; box-sizing: border-box; width: 150px; line-height: 44px; text-align: center;

border: 1px solid #1E50AE; color: #1E50AE; transition: all 0.5s; font-size: 14px;}

.aboutTxt a:hover { color: #ffffff; background: #1E50AE;}

.job { background: #F7F8F9; padding: 4.16vw 0;}

.jobCont { overflow: hidden;}

.jobLeft { float: left; width: 31.45%;}

.jobRight { float: right; width: 65.725%;}

.jobImg { overflow: hidden; height: 240px;}

.jobImg img { height: 100%; transition: all 0.8s; width: 100%; display: block; object-fit: cover;}

.jobTxt { position: relative; transition: all 0.5s; background: #ffffff; transition: all 0.5s; padding: 25px;}

.jobTxt h2 {  position: relative; z-index: 2; transition: all 0.5s; font-size: 18px; line-height: 25px; color: #333333; margin-bottom: 15px;}

.jobTxt p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; position: relative; z-index: 2; transition: all 0.5s; font-size: 14px; line-height: 2; color: #666666; margin-bottom:30px;}

.jobDate { position: relative; z-index: 2; overflow: hidden; line-height: 28px;}

.jobDate span { font-weight: 200; font-size: 16px; color: #999999; transition: all 0.5s}

.jobDate a { font-weight: 200; float: right; color: #3F88CC; font-size: 16px; transition: all 0.5s}

.jobRight li { margin-bottom: 36px; float: left; width: 47.85%;}

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

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

.jobTxt::after { content: ''; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: linear-gradient(180deg, #1E50AE 0%, #042D78 100%);}

.jobTxt:hover:after { opacity: 1;}

.jobTxt:hover h2,.jobTxt:hover a,.jobTxt:hover p,.jobTxt:hover span { color: #ffffff;}

.jobCont { margin-top: 60px;}

.notice { padding: 4.1vw 0 5.2vw;}

.newsLeft { float: left; width: 440px;}

.newsImg { height: 320px; overflow: hidden;}

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

.newsLeft:hover img { transform: scale(1.2);}

.newsLeft .newsTxt { padding: 25px 20px 20px; border: 1px solid #DEDEDE; border-top: none;}

.newsTxt h2 { transition: all 0.8s; color: #333333; font-size: 18px; line-height: 25px; margin-bottom: 15px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

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

.newsDate { overflow: hidden; line-height: 20px; font-size: 14px; color: #666666;}

.newsDate span{ transition: all 0.8s; font-weight: 200;}

.newsDate i { transition: all 0.8s; font-style: normal; font-weight: 200; float: right;}

.newsRight li { margin-bottom: 39px; overflow: hidden;}

.newsPic { float: left; width: 224px; height: 140px; overflow: hidden;}

.newsPic img { display: block; width: 100%; transition: all 0.8s;}

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

.newsRight li .newsTxt { float: right; width: calc(100% - 254px);}

.newsRight { float: right; width: calc(100% - 480px);}

.newsTxt:hover h2 { color: #1E50AE;}

.newsTxt:hover .newsDate span,.newsTxt:hover .newsDate i{ color:#1E50AE ;}

.notice .contBox { margin-top: 60px;}

.jobLeft:hover img { transform: scale(1.2);}

.footer {background: linear-gradient(135deg, #1E50AE 0%, #05356E 100%); padding: 18px 0 20px;}

.footerTop { margin-bottom: 20px; overflow: hidden;}

.footerTop a.footerLogo{ float: left; display: block;}

.footerTop a.footerLogo img { display: block;}

.footLink { float: right; line-height: 100px;}

.footLink a { float: left; margin-left: 20px; font-size: 14px; color: #ffffff;}

.footerContact { float: left;}

.footerContact p { font-size: 14px; color: #ffffff; line-height: 20px; margin-bottom: 20px;}

.footerEwm { float: right;}

.footerCenter { overflow: hidden; margin-bottom: 80px;}

.copyRight { overflow: hidden;}

.copyLink { float: left;}

.copyLink a { font-size: 14px; color: #ffffff;}

.copyLink span { margin: 0 10px; font-size: 14px; color: #ffffff;}

.copyRight .companyName { float: right;color: #ffffff; font-size: 14px;}

.viewMore { transition: all 0.5s; display: block; background: url(../images/more.png) center no-repeat; width: 200px; height: 46px; background-size:100% auto; margin: 60px auto 0;}

.viewMore:hover {background: url(../images/more.png) center no-repeat #ffffff;}

#screen {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

	z-index: 2;
}
.heder{ width:100%; height:101px;}
.tpp{ width:100%; height:101px;}

#bannera{width:100%; height:600px; margin:0 auto;  margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}


.mainx{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.menude{ width:1240px; height:auto; margin:0 auto; padding-top:40px;}
.menude a { transition: all 0.5s; position: relative; font-size: 12px; color: #999;; cursor: pointer; float: left;display: block; width: 11.3%; box-sizing: border-box; line-height: 44px;border: 1px solid rgba(153,153,153,0.5);; margin-right: 1.37%; text-align: center;}
.menude a:last-child { float: right; margin-right: 0;}
.menude a:after { content: ''; left: 16px; background: url(../images/sjz11.png) center no-repeat; width:5px; height: 8px;
display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.menude a::before { content: ''; right: 16px; background: url(../images/sjy11.png) center no-repeat; width: 5px; height: 8px;
display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.menude a:hover{color:#1C448A;border: 1px solid #1C448A;;}
.menude a:hover:after { background: url(../images/sjz1.png) center no-repeat;}
.menude a:hover:before{ background: url(../images/sjy1.png) center no-repeat;}

.proux { padding-top:90px;}
.proux ul { overflow: hidden; padding-bottom:20px;}
.proux li { position: relative; margin-bottom: 0.5%; float: left; overflow: hidden; width: 33%; margin-right: 0.5%;}
.proux img { display: block; transition: all 0.8s; width: 100%; height: 100%; object-fit: cover;}
.proux li:nth-child(3n) { margin-right: 0;}
.proux li p { position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff;
background: rgba(0,0,0,0.6); text-align: center; font-weight: bold; line-height: 44px; font-size: 18px;}
.proux li:hover img { transform: scale(1.08);}


#nx_pg{width:100%; height: auto ; padding:40px 0px;  text-align:center;}
#nx_pg a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6; color:#6C757D;;font-size:14px; 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:#1C448A;;; color:#fff;border: 1px solid #1C448A;;;}
#nx_pg .on{ background:#1C448A;;; color:#fff;border: 1px solid #1C448A;;;}

#info-T{width:100%; min-height:26px;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;}

.maintz{text-align:center; max-width:1600px; width:96%; margin:0 auto;}
.menut{ box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15); display:inline-block; margin:0 auto;}
.menut a{ width:230px; height:64px; line-height:64px; display:inline-block; color:#666; font-size:20px; text-align:center;}
.menut a:hover{ background:#F6F6F6; color:#333;}
.artile{ max-width:1600px;width:96%; height:auto; margin:40px auto 0px auto;}
.artile ul{ ;}
.artile li{ width:100%; margin:0 auto;; height:242px; background:#fff; transition:all 0.5s; margin-bottom:40px;box-sizing: border-box;  border: 1px solid #DEDEDE;}
.xman{ width:100%;  margin:0 auto;transition:all 0.8s; }
.art1{ width:380px; height:240px; float:left; margin-right:30px;}
.art1 img{width:380px; height:240px; display:block;}
.art2{ height:240px;overflow: hidden; }
.art2 h4{ width:100%; height:40px; margin-top:30px; color:#1E50AE;; font-size:14px; font-weight:normal;}
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:0px; line-height:30px; height:30px; margin-bottom:8px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:96%; height:60px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:96%; height:40px; line-height:40px; padding-top:12px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{ color:#666; font-size:16px; float:right; padding:0px 28px; ;transition:all 0.5s; }
.artile li:hover .art2 h2 { color:#1E50AE;;;}
.artile li:hover .art2 .art2_1 span{  color:#1E50AE;;;; }
.artile li:hover .art2 .art2_1 h3{  color:#1E50AE;;;; }
.artile li:hover{box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.15);}
.zxzx_nr ul{overflow: hidden; margin-left: -30px;}
.zxzx_nr li{float: left; width: 33.33%; padding-left: 30px;box-sizing: border-box; padding-bottom:45px;}
.news_tp{position: relative;}
.news_tp img{width: 100%;display: block;}
.news_text h2{font-size: 14px;color: #999999; line-height:35px;}
.news_text p a{display: block; font-size:16px;color: #333333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_text p a:hover{color: #0154A2;}
.news_zz{position: absolute;width: 100%; height: 100%;background: rgba(51,51,51,.75);left: 0;top: 0;opacity: 0;transition: All 0.4s ease-in-out;}
.news_zz p{width:  auto; padding:0px 15px; position: absolute; text-align: center; font-size: 16px; color: #FFF; line-height: 44px;border: 1px solid #fff; left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_zz p span{display: inline-block;vertical-align: middle; background: url(../images/a71.png);width: 27px;height:27px; margin: 0px 15px 0 0;}
.news_tp a:hover  .news_zz{opacity: 1;}



.join1{ width:1240px; height:40px; line-height:40px; color:#333; font-size:30px; font-weight:bold; margin:60px auto 40px auto; }
.join1 span{color: rgba(153, 153, 153, 0.25); font-size:18px; padding-left:18px; font-weight:normal;}
.join_tab{ width:1240px; height:auto; margin:0 auto; }
.join_tab ul{ width:1238px;border:1px solid #e6e6e6;margin:0px auto 0px auto;  border-collapse:collapse; text-align:center; }
.join_tab .uwl-title{ background:#1E50AE;;;; height:63px; line-height:63px;; }
.join_tab .uwl-title span{ height:63px; line-height:63px; }
.join_tab span{ width:16.66%; display:block; float:left; font-size:15px; color:#fff; text-align:center; height:56px; line-height:56px; padding:0px 3px;box-sizing: border-box;  }
.join_tab span a{ font-size:15px; color:#444; }
 
.join_tab .accordion span{ color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center;}
.accordion {background-color: #fff;;display: inline-block;width: 100%; border-bottom: 1px solid #e6e6e6;vertical-align: middle;}
.accordion:hover{background:#F2F2F2;}
.accordion-desc { background-color: #F8F9FC;;z-index: 2; padding: 30px 30px;border-bottom:1px solid #e6e6e6; text-align:left;}
.join_tab .accordion:hover span{ color:#1E50AE;;cursor:pointer}

.lxfs{width:1240px;margin:50px auto 0px auto;}
.lxfs ul{display: flex;justify-content: space-between;}
.lxfs ul li{width:31.25%;padding:20px 40px;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;transition: all 0.6s;box-sizing: border-box; }
.lxfs ul li .pic{height:120px;text-align:center;}
.lxfs ul li .pic img{max-height:120px;}
.lxfs ul li .pic .pic01{display:inline-block;}
.lxfs ul li .pic .pic02{display:none;}
.lxfs ul li:hover .pic .pic01{display:none;}
.lxfs ul li:hover .pic .pic02{display:inline-block;}
.lxfs ul li dl{ width:90%; height:auto; margin:0 auto;}
.lxfs ul li dl dt{font-size:22px;color:#333;line-height:36px;text-align:center;}
.lxfs ul li dl dd{font-size:18px;color:#999;margin-top:20px;line-height:30px;text-align:center;}
.lxfs ul li:hover{background: #1E50AE;;;box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);}
.lxfs ul li:hover dl dt{color:#FFF;}
.lxfs ul li:hover dl dd{color:#FFF;}
.lxfs ul li.cur{background: #FE8307;box-shadow: inset 0px 0px 12px 1px rgba(0,0,0,0.15);}
.lxfs ul li.cur dl dt{color:#FFF;}
.lxfs ul li.cur dl dd{color:#FFF;}
.lxfs ul li.cur .pic .pic01{display:none;}
.lxfs ul li.cur .pic .pic02{display: inline-block;}

.about1{ width:100%; height:auto; padding:75px 2%; text-align:center;box-sizing: border-box;}
.about1 img{ max-width:100%; display:inline-block;}
.ft4{ max-width:1240px;; margin:45px auto 0px auto;}
.jon11{ width:48%; height:60px; margin-bottom:30px; float:left; margin-right:4% }
.jon11:nth-child(3n){ margin-right:0px;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;background:#fff;;border:#DEDEDE 1px solid;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:100%; height:120px; margin-bottom:30px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px; background: #fff;border:#BDBDBD 1px solid;box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:200px; height:48px;;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#0154A2;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#999;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#999;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#999;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#999;;opacity:0.8;}
.map{ width:100%;; height:auto; margin:0px auto 0px auto;}
.map img{ width:100%; display:block;}


.abu1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.abu11{ width:590px; height: auto; float:left;}
.abu11t{ width:100%; height:auto;}
.abu11t h2{ width:100%; height:60px; font-size:42px; font-weight:normal;}
.abu11t p{ color:#666;}
.list2{ width: 100%; overflow: hidden; padding-top: 50px;}
.list2 li{ width:25%; margin:0px 0% 0 0%; float: left; text-align: center;}
.list2 li p{display: inline-block;  line-height: 75px; font-size: 42px; position: relative; color: #666;color: #1E50AE; }
.list2 li p b{font-family:Impact;font-weight:bold;}
.list2 li p span{display: inline-block; font-size: 12px; position: absolute; right:-5px; top:20px; transform: translateX(100%); line-height: 12px; color:#666;}
.list2 li h2{ line-height: 20px; font-size: 15px; color: #7a7a7a;}
.list2 li h2 span{ font-size: 10px; display: block;}
.abu12{ width:590px; height:380px; float:right;}
.abu2{ width:100%; height:auto; background:#F7F8F9; padding:70px 0px;}

.hxyw_nr{position: relative; padding:40px 100px 0px;; width:1440px; margin:0 auto;}

.hxywox{ width:100%;}

.hxywox img{display: block;width: 100%;}
.hxywox a{ width:100%; display:block; position:relative;}
.hxywox h3{ width:100%; height:50px; line-height:50px; text-align:center;}
.hx_text{ position:absolute; width:100%; display:block; height:100%; background:rgba(30, 80, 174, 0.6);opacity:0;text-align:center; }
.hxywox a:hover .hx_text{opacity:1; }
.hx_text h2{font-size:18px; margin-bottom: 15px; color:#fff; margin-top:35px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.hx_text span{ width:100%; display:block; color:#fff;}
.hx_text p{font-size: 14px; line-height: 28px; color: #999; color:#fff; text-align:center; width:90%; margin:0 auto; padding-top:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;}

.hxyw_nr .swiper-button-next{background: url(../images/right_a.png); width: 44px;height: 44px;background-size: 100%; margin-top: -60px;border-radius: 50%;}

.hxyw_nr .swiper-button-next:hover{background: url(../images/right_a.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr .swiper-button-prev{background: url(../images/left.png); width:44px;height:44px;background-size: 100%; margin-top: -60px;border-radius: 50%;}

.hxyw_nr .swiper-button-prev:hover{background: url(../images/left.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr .mySwiper{padding-bottom: 25px;}
.abu3{ width:100%; height: auto; padding:75px 0px;background: linear-gradient(135deg, #008CD6 0%, #004EA1 100%);}
 .abu31{ width:1240px; height:auto; margin:0 auto; padding-top:40px;}
 .abu31 li{ width:23.5%; float:left; margin-right:2%; height:360px; color:#fff;background: #198DD2; padding:40px;box-sizing: border-box;}
 .abu31 li:nth-child(4){ margin-right:0px;}
 .abu31 li h2{ font-size:20px; height:45px;}
.abu31 li span{ display:block; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.75); padding-bottom:20px; margin-bottom:20px;}
.abu31 li p{ width:100%;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;}
.abu4{ width:100%; height:auto; margin:0 auto; padding:75px 0px;
background: #F7F8F9;}
 .abu4z{ width:1240px; margin:0 auto; padding-top:40px; text-align:center;}


.abu5{ width:100%; height:auto;  padding:70px 0px;}

.hxyw_nr1{position: relative; padding:40px 100px 0px;; width:1440px; margin:0 auto;}

.hxywox1{ width:100%;border: 1px solid #DEDEDE;}

.hxywox1 img{display: block;width: 100%;height:250px;}
.hxywox1 a{ width:100%; display:block; position:relative;}
.hxywox1 h3{ width:100%; height:60px; line-height:60px;border-top: 1px solid #DEDEDE; text-align:center;}



.swiper-button-next:after, .swiper-button-prev:after{font-size: 0 !important;}

.hxyw_nr1 .swiper-button-next{background: url(../images/right_a.png); width: 44px;height: 44px;background-size: 100%; margin-top:0px;border-radius: 50%;}

.hxyw_nr1 .swiper-button-next:hover{background: url(../images/right_a.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr1 .swiper-button-prev{background: url(../images/left.png); width:44px;height:44px;background-size: 100%; margin-top:0px;border-radius: 50%;}

.hxyw_nr1 .swiper-button-prev:hover{background: url(../images/left.png);background-size: 100% 100%;border-radius: 50%;}

.hxyw_nr1 .mySwiper{padding-bottom: 25px;}





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

	.nav { margin-left: 50px;}

}

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

	.menu {

	    position: absolute;

	    right: 4%;

	    top: 50%;

	    transform: translateY(-50%);

	}

	.menu i {display: block;
    width: 16px;
    height: 2px;
    background:#1E50AE;
    margin-bottom: 4px;}

	.nav { margin-left: 0; overflow-y: auto; position: fixed; left:-110%; top:50px; background:#ffffff; bottom: 0; width: 160px; z-index:1000;}

	.nav li { margin: 0; float: none;}

	.nav a { float: none; margin: 0; color: #ffffff;}

	.headContact { line-height: 50px; font-size: 16px; margin-right: 40px;}

	.nav li h2:after { top: auto; bottom: 0;}

	.nav li h2 { padding: 0 14px; line-height: 50px;}

	.header { box-shadow: 0 0 10px rgba(0,0,0,0.2);}

	.headerCont { height: 50px;}

	.nav dl {padding-top: 10px; position: static; width: 100%; margin: 0;}

	.nav dl dt a{ padding: 0 28px; text-align: left; font-size: 14px;}

	.header { background: #ffffff; position: fixed; left: 0; top: 0; width: 100%; height: 50px; z-index: 10;}

	body{padding-top: 50px;}

	.footLink { display: none;}
	.heder{ width:100%; height:50px;}
	.tpp{ width:100%; height:0px;}

}

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

	.choseHd span { float: left!important;}

	.choseHd span:after { left:8px;}

	.choseHd span::before { right: 8px;}

	.aboutImg { width:55%;}

	.aboutTxt { width:42%;}

}

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

	.choseHd { overflow-x: auto; white-space:nowrap;}

	.choseHd span { line-height: 34px; width: 100px; float: none!important; display: inline-block;}

	.bussiness { padding:30px 0;}

	.titCont h2 { font-size: 24px; line-height: 1.5; margin-bottom: 0;}

	.titCont p { font-size: 13px;}

	.choseHd { margin-top: 20px;}

	.choseBd li { width: 49%; margin-right: 0; margin-bottom:2%;}

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

	.choseBd { margin-top: 20px;}

	.choseBd li p { font-weight: normal; font-size: 13px; line-height: 2;}

	.aboutTxt span { font-size: 13px;}

	.viewMore { margin: 20px auto 0;}

	.aboutImg { margin-bottom: 20px; float: none; width: 100%;}

	.aboutTxt { float: none; width: 100%;}

	.aboutCont:after { width: 100%; height:20%;}

	.aboutTxt span { margin-bottom: 15px;}

	.aboutTxt a { margin: 20px auto;}

	.aboutCont,.job,.notice { padding: 40px 0;}

	.jobCont { margin-top: 20px;}

	.notice .contBox { margin-top: 20px;}

	.newsLeft { float: none; width: 100%; margin-bottom: 10px;}

	.newsRight { float: none; width: 100%;}

	.newsRight li { margin-bottom: 10px;}

	.newsImg { height: auto;}

	.footerTop a.footerLogo img { max-width:80%; margin: 0 auto;}

	.footerEwm { display: none;}

	.footerContact p { margin-bottom: 0; line-height: 32px; font-size: 12px;}

	.copyRight { text-align: center;}

	.copyLink { float: none; text-align: center; font-size: 12px;}

	.copyLink a { font-size: 12px;}

	.copyRight .companyName { float: none;}

	.footerCenter { margin-bottom: 20px;}

}

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

	.jobLeft { float: none; width: 100%;}

	.jobRight li,.jobRight { float: none!important; width: 100%;}

	.jobRight li { margin-bottom: 10px;}

	.jobLeft { margin-bottom:10px;}

	.jobTxt{ padding: 20px;}

	.jobTxt h2 { font-size: 16px; margin-bottom:5px;}

	.jobTxt p { margin-bottom:5px;}

	.newsPic { float: none; width: 100%;}

	.newsRight li .newsTxt { float: none; width: 100%;padding:20px; border: 1px solid #DEDEDE; border-top: none;}

	.newsTxt p { margin-bottom: 5px;}

	.newsTxt h2 { font-size: 16px; margin-bottom: 5px;}

	.aboutTxt h2,.titCont h2 { font-size: 18px; margin-bottom: 0;}

	.banner .swiper-button-prev,.banner .swiper-button-next { width: 22px; height: 22px; background-size:100% auto;}

}