@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
body,html{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#444;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#333}
a:active,a:focus,a:hover{outline:none; color:#104991}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(/images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(/images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:120px; border-top:20px solid #104991;background:rgba(255,255,255,0.9)!important;box-shadow:0 0 10px rgba(0,0,0,0.2);backdrop-filter:blur(40px)}
.boxTop1{position:relative;box-sizing:border-box; width:98%; text-align:right; display:block; margin:0 1% 0 1%}
.logo{position:absolute; left:0; top:20px; height:60px}


@font-face {
  font-family: "DINCond";
  src: url("/css/font/DINCond/DINCond.woff2") format("woff2"),
       url("/css/font/DINCond/DINCond.woff") format("woff"),
       url("/css/font/DINCond/DINCond.ttf") format("truetype"),
       url("/css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("/css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:100px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 0.8vw; margin:0 0.8vw;}
.boxNav li span a{display:block;font-size:16px;line-height:100px; color:#444; font-weight:400; position:relative; z-index:1}
.boxNav li span a:hover{color:#444}
.boxNav li span i{ height:36px; background:#dbe4ef; width:100%; position:absolute; top:32px; left:0; display:none; border-radius:3px; z-index:0}
.boxNav li .on i{ display:block;animation:ANavI 0.5s}
.boxNav li div{position:absolute; top:100px; left:0;width:180%;text-align:left;padding:0 10px;border-radius:3px; z-index:2; display:none;background:rgba(255,255,255,0.98);box-shadow:0 0 10px rgba(0,0,0,0.2);}
.boxNav li div a{display:block;font-size:14px;line-height:20px; padding:20px 0.7vw; border-bottom:1px solid rgba(0,0,0,0.1); }
.boxNav li div a:hover{ color:#014099}
.boxNav li div a:last-child{ border:none}
.boxNav li:nth-child(5) div{width:180%;}

.icoTop{display:inline-block;height:100px;vertical-align:middle; float:right;}
.icoTop a{ position:relative;display:inline-block; vertical-align:middle}
.icoTop a i{display:block;height:100px;}
.icoTop a div{position:absolute; top:100px; right:-32px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:10px 0; width:110px}
.icoTop a span{display:inline-block; width:90px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}




.topWx{margin:0 7px 0 15px; background:url(/images/topIcoLine.png) no-repeat center right; padding:0 22px 0 0}
.topWx i{background:url(/images/icoTopWx.png) no-repeat center; width:20px;}
.topWx:hover i{background:url(/images/icoTopWxHover.png) no-repeat center;}


.topSearch i{background:url(/images/icoTopSearch.png) no-repeat center; width:17px;}
.topSearch:hover i{background:url(/images/icoTopSearchHover.png?v=1.0) no-repeat center; }







.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0; border-radius:6px;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(/images/icoClose1.png) no-repeat center; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#3075d7; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#3aa7fb}

.boxFoot{ background:#104991 url(../images/bgFoot.png) no-repeat center/100% 100%; color:rgba(255,255,255,1); font-size:14px; line-height:26px; padding:40px; overflow:hidden}
.boxFoot div{ padding:14px 0 0 0}
.boxFoot div img{ vertical-align:middle}
.boxFoot span{float:right;}
.boxFoot span i{display:inline-block; vertical-align:middle}
.boxFoot span img{display:inline-block; vertical-align:middle; width:80px;}
.boxFoot a{color:rgba(255,255,255,1);}
.boxFoot a:hover{ color:#fff}

/*--------------------mTop------------------------*/
.boxTopM{width:100vw; height:60px; position:fixed;top:0; left:0; z-index:100; background:#fff; display:none; box-shadow:0 0 8px rgba(0,0,0,0.15)}
.logoM{position:absolute;left:10px; top:13px; height:34px;}

.openMenu{width:50px; height:60px; position:absolute; top:0; right:0;background:url(/images/openMenu.png) no-repeat center/cover;}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-70px;background:#fff url(../images/closeMenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#104991 url(../images/bgNavM.png?v=1.0) no-repeat center/cover;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative; border-bottom:1px solid rgba(255,255,255,0.2)}
.boxNavM li span{display:block; position:relative; width:100%; }
.boxNavM li span a{display:block;font-size:14px;line-height:46px; color:rgba(255,255,255,0.6); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li span i{ position:absolute; right:0; top:0;display:inline-block; width:50px; height:50px;background:url(/images/icoNavM.png) no-repeat right center/16px 16px; opacity:0.5}
.boxNavM .on i{background:url(/images/icoNavM1.png) no-repeat right center/16px 16px!important}
.boxNavM .on a{color:#fff}
.boxNavM li div{display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; font-size:12px; text-align:left; color:rgba(255,255,255,0.6); padding:12px 0 12px 10px; background:url(/images/icoNavMDian.png) no-repeat left 21px/4px 4px}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}


.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:20px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(/images/icoSearchTopM.png) no-repeat center; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/




.banner{width:100vw;height:calc(100vh - 120px);overflow:hidden; position:relative; margin:120px 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background-position:center!important; background-color:#000}
.banner .swiper-pagination{bottom:2.5vh!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:1.8vw; height:1.8vw; background:url(/images/bannerIco.png) no-repeat center/100% 100%; opacity:1.0; }
.banner .swiper-pagination-bullet-active{background:url(/images/bannerIcoOn.png) no-repeat center/100% 100%; }
.banner .swiper-button-prev{left:2%; margin-top:-3vw; width:2.5vw; height:6vw; background:url(/images/bannerJtLeft.png) no-repeat center/100% 100%;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(/images/bannerJtLeft.png) no-repeat center/100% 100%;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-3vw;width:2.5vw; height:6vw;  background:url(/images/bannerJtRight.png) no-repeat center/100% 100%;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(/images/bannerJtRight.png) no-repeat center/100% 100%;opacity:1.0}

.bannerNum{ position:absolute; left:0;bottom:20px;  color:#fff; z-index:1; width:100%; padding:0 2% 0 0; text-align:right; height:3vw;}
.bannerNum div{ width:100%; margin:0 auto;}
.bannerNum i{font-size:3vw; line-height:3vw;  display:inline-block; vertical-align:bottom}
.bannerNum span{font-size:1.5vw;line-height:1.5vw; display:inline-block; vertical-align:bottom}
.bannerNum font{ width:2px; height:3vw; background:#fff;transform:skew(-30deg);display:inline-block; vertical-align:bottom; margin:0 10px 0 20px;}


.banner video{display:none;position:absolute;z-index:0;top:50%;left:0; height:auto;width:100%;transform:translateY(-50%); }
.banner .btnVideo{width:40px; height:40px; background:url(/images/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:4; display:none}
.bannerSlogan{ position:absolute; z-index:1; width:100%; bottom:0; right:0}
.bannerSlogan1{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:url(/images/bannerSlogan.png) no-repeat center/100% auto; z-index:101}
.bannerImg{width:100%;height:100%;background-size:cover!important}
.bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.3)}

.bannerM{width:100vw;height:100vw;overflow:hidden;position:relative; margin:70px 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}


.boxMax{width:100%; max-width:1540px; padding:0 50px; position:relative; z-index:1; overflow:hidden; margin:0 auto; display:block}

.bgIndNews{width:100%; background:url(/images/bgNewsInd.jpg) no-repeat top center/cover; overflow:hidden}
.indNav{ padding:100px 0 80px 0; font-size:50px; line-height:50px; text-align:center}
.indNews{width:100%;}
.indNews a{display:inline-block; vertical-align:top; width:30%; margin:0 5% 0 0;}
.indNews a:nth-child(3n+3){margin-right:0}
.indNews a div{ width:100%; height:calc((90vw - 100px)/9*2); max-height:287px; overflow:hidden}
.indNews a div img{ width:100%; height:100%; transition:transform 0.5s;}
.indNews a span{display:block; height:100px; border-left:2px solid #93bdea; margin:20px 0 0 0; padding:0 0 0 20px;}
.indNews a span h1{ font-size:24px; line-height:36px; height:72px; font-weight:bold;overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-align:justify}
.indNews a span h2{ font-size:16px; line-height:26px; font-weight:bold; text-align:right; color:#999}
.indNews a:hover img{transform:scale(1.1);}

.indMore{ text-align:center; padding:60px 0 100px 0}
.indMore a{display:inline-block; width:170px; height:50px; line-height:48px; position:relative; padding:0 20px 0 0; border:1px solid #104991; border-radius:25px; font-size:14px; color:#104991}
.indMore a i{display:inline-block; width:40px; height:40px; background:#104991 url(../images/icoJtMore.png) no-repeat center; border-radius:50%; position:absolute; right:4px; top:4px;}
.indMore a:hover{background:#104991; color:#fff}
.indMore a:hover i{border:2px solid #fff}


.bgIndNotice{width:100%; background:url(/images/bgNoticeInd.jpg) no-repeat top center/cover; overflow:hidden}
.indNotice{width:100%;}
.indNotice a{display:block; margin:0 0 30px 0; height:80px; padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative}
.indNotice a:last-child{ margin:0}
.indNotice a h1{ display:inline-block; vertical-align:middle; background:#104991; width:200px; font-size:16px; line-height:60px; font-weight:bold; color:#fff;text-align:center}
.indNotice a h2{display:inline-block; vertical-align:middle; width:calc(100% - 200px); padding:0 70px 0 35px; font-size:21px; line-height:60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indNotice a h3{ position:absolute; right:0; top:0; width:70px; height:80px; background:url(/images/icoPdf.png) no-repeat center;}
.indNotice a:hover{box-shadow:0 0 20px rgba(16,73,145,0.3);}


.bgIndBus{width:100%; background:url(/images/bgIndBus.jpg) no-repeat top center/cover; overflow:hidden}

/*-----------------»ÃµÆƬ-----------------*/
.picFocus{position:relative; padding:0 0 30px 0;width:100%; overflow:hidden;}
.picFocus .swiper-slide{width:780px; height:520px; position:relative; background:#000; overflow:hidden}
.picFocus .swiper-slide img{width:100%; height:100%; opacity:0.5}
.picFocus .swiper-slide h1{width:100%; position:absolute; left:0; bottom:0;padding:40px 20px 20px 20px;text-align:center; font-size:28px; line-height:30px; color:#fff; z-index:100;display:none; background:url(/images/bgBlackTitle.png) no-repeat bottom/100% 100%}
.picFocus .swiper-slide-active img{opacity:1.0}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-slide-active h2{opacity:1.0}
.picFocus .swiper-pagination{bottom:0!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:6px; height:6px; background:#999; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#003f98; width:24px;}

.picFocus .swiper-button-prev{left:calc((100% - 780px)/4); margin:-42px 0 0 -11px; opacity:0.5}
.picFocus .swiper-button-prev:hover{opacity:1.0}
.picFocus .swiper-button-next{right:calc((100% - 780px)/4); margin:-42px -11px 0 0; opacity:0.5}
.picFocus .swiper-button-next:hover{opacity:1.0}
/*-----------------»ÃµÆƬ-----------------*/

.subBanner{ width:100vw; height:22vw;background-size:cover!important;  position:relative; margin:120px 0 0 calc((100% - 100vw)/2);}
.subBanner div{width:100%; max-width:1540px; padding:0 50px; height:100%;color:#fff; margin:0 auto; overflow:hidden}
.subBanner div h1{font-size:3vw;line-height:3vw; margin-top:calc((18vw - 30px)/2)}
.subBanner div h2{font-size:1vw;line-height:1vw; margin-top:20px;}



.subNavBox{width:100%; max-width:1440px; position:relative; z-index:1; margin:0 auto; overflow:hidden;}

@keyframes ASubNavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.subNav{ margin:0; position:relative; z-index:2; height:100px; border-bottom:1px solid #cacaca}
.subNav a{font-size:21px; line-height:99px; width:50%;display:inline-block;position:relative; text-align:center}
.subNav a i{height:4px; background:#104991; width:100%; position:absolute; bottom:0; left:0; display:none;z-index:0}
.subNav .on i{display:block;animation:ASubNavI 0.5s}


.curNav{ width:100%; margin:-5vw 0 0 0; height:5vw; line-height:6vw; padding:0 2%; background:url(/images/bgCur.png) no-repeat right center/100% 100%; position:relative; z-index:1;text-align:right; overflow:hidden}
.curNav div{width:100%;  }
.curNav a{ font-size:12px; color:#fff; padding:0 0 0 20px; margin:0 0 0 15px; background:url(/images/icoCurJt.png) no-repeat center left; }
.curNav a:hover{color:#fff}
.curNav a:first-child{background:url(/images/icoHome.png) no-repeat center left;padding:0 0 0 20px;}


.boxAbout{ padding:80px 0}

.aboutTitle{margin:0 0 40px 0; text-align:center;}
.aboutTitle div{display:inline-block; z-index:0; border:2px solid #104991; padding:0 85px; height:84px; margin:0 auto}
.aboutTitle span{display:inline-block; line-height:36px; background:#fff; padding:0 30px; margin:-20px 0 0 0}
.aboutTitle span h1{font-size:36px;}
.aboutTitle span h2{font-size:19px;color:#104991}

.aboutCon{ font-size:18px; line-height:32px;}
.aboutCon img{width:100%}


.newsList{}
.newsList a{display:block; padding:60px 0; border-bottom:1px solid #cacaca;}
.newsImg{display:inline-block; vertical-align:middle; width:30%; overflow:hidden}
.newsImg img{width:100%;transition:transform 0.5s;}

.newsList span{display:inline-block; vertical-align:middle; width:70%; position:relative; padding:0 0 0 14%;}

.newsDate{ position:absolute;line-height:40px; left:6%; top:0;}
.newsDate h1{ font-weight:bold; font-size:28px; color:#444}
.newsDate h2{ font-size:16px; color:#999}

.newsTitle{display:inline-block; vertical-align:middle; width:100%}
.newsTitle h1{font-size:28px; line-height:36px; font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsTitle h2{ font-size:16px; color:#999; line-height:26px;overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; text-align:justify; margin:20px 0 40px 0}
.newsTitle h3{ text-align:center;display:inline-block; width:140px; height:40px; line-height:38px; position:relative; padding:0 20px 0 0; border:1px solid #104991; border-radius:20px; font-size:14px; color:#104991}
.newsTitle h3 i{display:inline-block; width:30px; height:30px; background:#104991 url(../images/icoJtMore.png) no-repeat center/6px 10px; border-radius:50%; position:absolute; right:4px; top:4px;}
.newsList a:hover{ border-bottom:2px solid #104991;}
.newsList a:hover .newsTitle h3{background:#104991; color:#fff}
.newsList a:hover .newsTitle h3 i{border:2px solid #fff}
.newsList a:hover img{transform:scale(1.1);}


/*-----------------·ÖÒ³-----------------*/
.boxPage{width:100%; max-width:1440px; overflow:hidden; margin:30px auto 60px auto; font-size:0;}
.boxPage a{ display:inline-block;font-size:16px;color:#555;background-color:#fff;width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#014099;}
.curPage{color:#fff!important; background-color:#014099!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(/images/pagePre.png) no-repeat center; border:2px solid #014099}
.prePage:hover{background:url(/images/pagePreHover.png) no-repeat center}
.nextPage{background:url(/images/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #014099}
.nextPage:hover{background:url(/images/pageNextHover.png) no-repeat center}
.boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}
/*-----------------·ÖÒ³-----------------*/


.noticeList{width:100%; padding:60px 0 10px 0}
.noticeList a{display:block; margin:0 0 30px 0; height:80px; padding:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative}
.noticeList a:last-child{ margin:0}
.noticeList a h1{ display:inline-block; vertical-align:middle; background:#104991; width:200px; font-size:16px; line-height:60px; font-weight:bold; color:#fff;text-align:center}
.noticeList a h2{display:inline-block; vertical-align:middle; width:calc(100% - 200px); padding:0 70px 0 35px; font-size:21px; line-height:60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeList a h3{ position:absolute; right:0; top:0; width:70px; height:80px; background:url(/images/icoPdf.png) no-repeat center;}
.noticeList a:hover{box-shadow:0 0 20px rgba(16,73,145,0.3);}


/*--------------------------------show--------------------------------*/
.boxShow{width:100%; margin:180px 0 80px 0; padding:0 50px 0 50px; background:url(/images/bgShow.jpg) no-repeat top center/100% auto;}
.boxShow1{width:100%; max-width:1200px; display:block; margin:0 auto}
.showLeft{display:inline-block; vertical-align:top; width:62%; overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:2vw;line-height:2.6vw; }
.showInfo{color:#999; font-size:13px; line-height:20px; border-bottom:4px solid rgba(0,0,0,0.2); padding-bottom:32px; margin-bottom:30px;}
.showInfo i{ margin-right:10px}
.showCon{width:100%;  font-size:18px; line-height:30px; overflow:hidden;text-align:justify}
.showCon img{width:auto; max-width:100%;height:auto!important; /*display:block; margin:0 auto*/}

.showVideo{ width:100%; height:auto;display:block; margin:0 0 30px 0}

.showRight{display:inline-block; vertical-align:top; width:32%; margin:0 0 0 6%; background:#f2f2f2; overflow:hidden; padding:0 30px}
.showRight a{display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:40px 0; font-size:16px; line-height:26px}
.showRight a:last-child{ border:none}
.showRight a h1{width:100px; line-height:36px; font-size:12px;color:#fff; background:#003f98; border-radius:3px; text-align:center; margin:0 0 10px 0}
.showRight a h2{ color:#999}
/*--------------------------------show--------------------------------*/


.proList{width:100%; margin:50px 0 -30px 0}
.proList a{display:inline-block; vertical-align:top; width:30%; margin:0 5% 0 0;}
.proList a:nth-child(3n+3){margin-right:0}
.proList a div{ width:100%; height:calc((90vw - 100px)/9*2); max-height:287px; overflow:hidden}
.proList a div img{ width:100%; height:100%; transition:transform 0.5s;}
.proList a h1{ font-size:24px; line-height:36px; height:100px; padding:10px 0 0 0;overflow:hidden;}
.proList a:hover img{transform:scale(1.1);}



.boxContact{ width:100%; margin:80px 0 80px 0; overflow:hidden}
.contactL{display:inline-block; width:38%; height:500px; vertical-align:top; background:#f7f9fb; border-left:10px solid #104991; padding:50px 50px 0 50px;}
.contactL ul{ width:100%; height:100%}
.contactL li{display:block; height:25%;}
.contactL li h1{ font-size:24px; line-height:28px; font-weight:bold; color:#104991}
.contactL li h2{line-height:26px; margin:8px 0 0 0}
.contactL li img{display:inline-block; vertical-align:top; width:24px;}
.contactL li i{display:inline-block; vertical-align:top; width:calc(100% - 24px); padding:0 0 0 5px; font-size:18px; }
.contactMap{display:inline-block; width:62%; height:500px; vertical-align:top}

/*--------------------------------showpro--------------------------------*/
.bgPro{ background:url(/images/bgNewsInd.jpg) no-repeat center/cover;background-attachment:fixed}
.proMax{width:100%; max-width:1000px; padding:130px 50px 80px 50px; margin:0 auto; display:block; overflow:hidden}


.bannerpro{width:100%; height:50vw;max-height:500px;overflow:hidden; position:relative;}
.bannerpro .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background-position:center!important}
.bannerpro .swiper-slide img{ width:100%;}
.bannerpro .swiper-pagination{bottom:30px!important;z-index:1; text-align:center; font-size:14px; line-height:20px; color:#fff; text-align:right; padding:0 30px 0 0}
.bannerpro .swiper-slide h1{ position:absolute; bottom:30px; left:30px;  font-size:12px; color:#fff;  line-height:20px;}
.bannerpro .swiper-button-prev{left:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerpro .swiper-button-prev:hover{opacity:1}
.bannerpro .swiper-button-next{right:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerpro .swiper-button-next:hover{opacity:1}


.proTop{ padding:40px 0; width:100%; overflow:hidden}
.proTop h1{ font-size:40px; line-height:56px; display:inline-block; vertical-align:middle}

.proNav{ border-bottom:1px solid #dadddf; margin:30px 0 20px 0; height:70px;}
.proNav i{ border-bottom:4px solid #104991; font-size:22px; line-height:66px; display:inline-block; font-weight:500}

.proCon{ font-size:16px; line-height:30px; text-align:justify;}
.proCon img{ max-width:100%;}
/*--------------------------------showpro--------------------------------*/


/*--------------------------------search--------------------------------*/
.searchNav{ font-size:15px; color:#666; padding:150px 0 20px 10px; border-bottom:1px solid rgba(0,0,0,0.15)}
.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #bbb; overflow:hidden; padding:25px 0 25px 14px; font-size:18px; line-height:26px; background:url(/images/bgLi.png) no-repeat 0 36px; }
.searchList a i{float:right; display:inline-block; font-size:16px; color:#999}
/*--------------------------------search--------------------------------*/


.myScroll{transform:translateY(150px);
	transition:transform 1s, opacity 1s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


/*------------share------------*/
.btnShare1{ position:fixed; top:180px; right:10px;width:26px; text-align:center}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; vertical-align:middle;background:url(/images/icoFx.png) no-repeat top center; padding:20px 6px 0 6px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle; margin:10px 0 0 0}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwm{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(/images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/