body,html{margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#666; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham'; background:#eff8fe; overflow-x:hidden}
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:#666666}
a:active,a:focus,a:hover{outline:none; color:#003d9b}
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;}
*{box-sizing:border-box}

.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:36px; height:36px; border-radius:100%; 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?v=1.0) no-repeat;background-size:100% 100%;opacity:1.0}

.boxMax{width:100%; max-width:1220px; margin:0 auto;box-sizing:border-box;}

.boxTop{position:fixed; top:0; left:0;width:100%;height:90px; z-index:1000; background:#fff}
.boxTop1{position:relative;width:100%; height:100%; box-sizing:border-box; padding:0 0 0 2%;text-align:right;}
.logo{position:absolute; left:2%; top:21px;}





@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:100%;text-align:center;display:inline-block;  vertical-align:middle; background:url(../images/bgTop.png) bottom repeat-x;}
.boxNav li{display:inline-block;position:relative; padding:0 30px; }
.boxNav li span a{display:block;font-size:15px; color:#666;line-height:90px;}
.boxNav li span a:hover{color:#003d9b}
.boxNav li span i{ height:4px; background:#003d9b; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}
.boxNav li .on a{color:#003d9b}
.boxNav li div{position:absolute; top:90px; left:0;width:100%;text-align:left;background:rgba(0,61,155,0.95); z-index:2; display:none;}
.boxNav li div a{display:block;font-size:12px; padding:0;color:#fff;line-height:46px; text-align:center}
.boxNav li div a:hover{background:#0081dc}

.icoTop{display:inline-block;height:90px;vertical-align:middle;background:url(../images/bgTop.png) bottom repeat-x;}
.icoTop a{ position:relative;display:inline-block; border-left:1px solid #e5ebf5}
.icoTop a i{display:block; width:60px; height:90px; }
.icoTop a div{position:absolute; top:90px; left:0; background:#fff;  box-shadow:0 3px 10px rgba(0,0,0,0.4); padding:5px; text-align:center; display:none;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:10px 0 5px 0; line-height:12px;}


.topWx i{background:url(../images/icoWxTop.png) center no-repeat; background-size:46px auto}
.topWx:hover i{background:url(../images/icoWxTopHover.png) center no-repeat;background-color:#003d9b; background-size:46px auto}

.topPhone i{background:url(../images/icoPhoneTop.png) center no-repeat; background-size:46px auto}
.topPhone:hover i{background:url(../images/icoPhoneTopHover.png) center no-repeat;background-color:#003d9b; background-size:46px auto}

.topSearch i{background:url(../images/icoSearchTop.png) center no-repeat; background-size:46px auto}
.topSearch:hover i{background:url(../images/icoSearchTopHover.png) center no-repeat;background-color:#003d9b; background-size:46px auto}


.bgTop{background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); }

.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;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; 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:#005bac; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#26aef6}

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

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


.boxNavTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8);display:none}

.navTopM{ width:calc(100vw - 60px); height:100%;background:#295cab url(../images/bgNavM.png) no-repeat right bottom/80% auto;overflow-y:auto; padding:0 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM{ padding:60px 0 0 0}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:14px;line-height:60px; color:#b8c8e0; }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li span img{position:absolute; top:10px; left:65px;}
/*.boxNavM li span i{width:80px; height:50px; position:absolute; top:0; right:0; background:url(../images/icoNavM.png?v=1.0) right center no-repeat; background-size:20px 20px; z-index:2;}*/
.boxNavM li .on{color:#fff}
.boxNavM li .on a{color:#fff}
.boxNavM li div{position:absolute; top:0; left:150px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; padding:20px 0; font-size:12px; text-align:left; color:#b8c8e0;}
.boxNavM li div a:hover{color:#fff}
.boxNavM li:last-child div{ top:auto; bottom:0}


/*--------------------mTop------------------------*/


.banner{width:100vw; height:22.917vw; position:relative;margin:90px 0 0 calc((100% - 100vw)/2);overflow:hidden;}
.banner .swiper-slide{width:100%; height:100%; position:relative; overflow:hidden; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:15px;z-index:1}
.banner .swiper-pagination-bullet{width:12px; height:13px; background:url(../images/icoBanner.png); opacity:1.0; border-radius:0;}
.banner .swiper-pagination-bullet-active{background:url(../images/icoBannerHover.png);}
.banner .swiper-button-prev{left:2%;margin-top:-10px; width:18px; height:30px; background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-10px;width:18px; height:30px; background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}

.bannerM{width:100vw;height:66.67vw;overflow:hidden;position:relative; margin:60px 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:7px; background:url(../images/icoBanner.png) no-repeat center/100% 100%; opacity:1.0}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icoBannerHover.png) no-repeat center/100% 100%; opacity:1.0}




.boxFoot{background:#fff url(../images/bgFoot.png) no-repeat top center/100% 7px; width:100%; padding:7px 0 0 0}

.boxFoot1{width:100%; max-width:1220px; margin:0 auto; display:block; padding:0 0 40px 0}

.boxFoot1L{display:inline-block; vertical-align:top;width:820px; }
.boxFoot1L h1{ font-size:18px; line-height:18px; color:#003d9b; padding:32px 0 25px 0}
.boxFoot1L h2{ border-top:1px dotted #ccc; line-height:50px; font-size:14px;}
.boxFoot1L h2 img{width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 10px 0 5px}
.boxFoot1L h2 strong{ display:inline-block; vertical-align:middle; font-weight:bold}
.boxFoot1L h2 i{display:inline-block; vertical-align:middle; margin-right:30px}


.boxFoot1R{display:inline-block; vertical-align:top; width:400px; padding:60px 0 0 0}
.boxFoot1R h1{display:inline-block; padding:0 0 0 70px; width:200px; text-align:center}
.boxFoot1R h1 img{border:1px solid #ccc; width:130px; height:130px;}
.boxFoot1R h1 i{display:block; font-size:14px; line-height:14px; margin:20px 0 0 0}


.boxFoot2{ border-top:1px solid #ccc; padding:30px 0 ; line-height:30px; font-size:13px;}
.boxFoot2 div{width:100%; max-width:1220px; margin:0 auto; display:block; overflow:hidden}
.boxFoot2 div span{float:right}

/*------------------------------------------------------------index------------------------------------------------------------*/

.boxMain{display:block; width:100%; max-width:1240px; margin:0 auto; overflow:hidden;position:relative}

.boxIndNews{display:block; width:1220px; height:307px; margin:50px auto; }

.indNewsLeft{ width:910px; height:307px;padding:20px 0 0 440px; background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.08); position:relative;display:inline-block; vertical-align:top; }

.indFocusBox{position:absolute; top:20px; left:20px}
.indFocus{width:400px;height:267px;overflow:hidden; position:relative;display:inline-block; vertical-align:top; }
.indFocus .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;}
.indFocus .swiper-slide img{ width:400px; height:267px;}
.indFocus .swiper-slide h1{ position:absolute; left:0; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,0.5); font-size:14px; line-height:20px; color:#fff; text-align:center}
.indFocus .swiper-pagination{bottom:50px!important;z-index:99; text-align:center;}
.indFocus .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:0.5; border-radius:4px; margin:0 3px!important}
.indFocus .swiper-pagination-bullet-active{background:#fff; opacity:1}
.indFocus .swiper-button-prev{left:15px;margin-top:-14px; width:16px; height:27px; background:url(../images/bannerJtLeft.png) no-repeat center left/cover;opacity:0.5; z-index:99}
.indFocus .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left/cover;opacity:1.0}
.indFocus .swiper-button-next{right:15px;margin-top:-14px;width:16px; height:27px; background:url(../images/bannerJtRight.png) no-repeat center right/cover;opacity:0.5; z-index:99}
.indFocus .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right/cover;opacity:1.0}



.indNews{position:relative; width:450px;display:inline-block; vertical-align:top}
.indNavTab{ height:33px; background:url(../images/bgNavTab.png) no-repeat}
.indNavTab a{ display:inline-block; line-height:33px;font-size:14px; padding:0 20px;vertical-align:top; border-radius:3px; color:#999}
.indNavTab .on{ background:#295cab; color:#fff}

.indTab{ display:none}
.indList{ padding:6px 0 0 0;display:none}
.indList a{display:block; line-height:38px; position:relative; font-size:14px; background:url(../images/bgLi.png) no-repeat 0 16px; padding:0 0 0 15px; border-bottom:1px dotted #c1c1c1}
.indList a:last-child{border:none}
.indList i{display:inline-block; color:#999; font-size:12px; position:absolute; right:0; top:0; opacity:0.7}
.indList a:hover{background:url(../images/bgLiHover.png) no-repeat 0 16px;}

.btnMore{ display:block; width:18px; height:16px; position:absolute; top:8px; right:0; background:url(../images/icoMore.png) no-repeat right center;}
.btnMore:hover{background:url(../images/icoMoreHover.png) no-repeat right center;}

.btnMore1{ display:block; width:18px; height:16px; position:absolute; top:13px; right:12px; background:url(../images/icoMore1.png) no-repeat right center; opacity:0.6}
.btnMore1:hover{ opacity:1}

.indNotice{width:290px; display:inline-block; vertical-align:top; position:relative; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08); margin:0 0 0 20px}
.indNavNotice{ height:48px; background:url(../images/bgNotice.png) no-repeat; position:relative}
.indNavNotice a{line-height:44px; display:inline-block; font-size:14px; text-align:center; padding:0 15px; font-weight:bold; color:#fff; opacity:0.6}
.indNavNotice .on{ background:url(../images/bgNotice1.png) no-repeat bottom center; opacity:1}
.indNavNotice i{ width:7px; height:100%; background:url(../images/bgXx.png) no-repeat center; position:absolute; left:81px; top:0; position:absolute}

.indNoticeTab{width:100%; height:259px;padding:15px 15px 10px 15px; display:none}
.indNoticeList{ width:260px; height:234px; overflow:hidden;}
.indNoticeList ul{width:100%; display:block; }
.indNoticeList li{width:100%;}
.indNoticeList li a{width:100%;display:block; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #e4e4e4}
.indNoticeList li a span{ width:50px; height:50px; border-radius:3px; background:#d9e2f0; display:inline-block;vertical-align:middle; overflow:hidden; text-align:center; font-family:'Arial'}
.indNoticeList li a span h1{ line-height:25px; font-size:22px; margin:5px 0 0 0;color:#617cb7}
.indNoticeList li a span h2{ font-size:10px; line-height:20px; color:#fff; background:#6c8fc5}
.indNoticeList li a h3{ display:inline-block; vertical-align:middle; font-size:14px; line-height:20px; padding:0 0 0 13px; width:210px;}



.boxIndPro{ background:#e3eef9; width:100%; overflow:hidden}
.indNav{ padding:40px 0 30px 0; width:100%; max-width:1220px; display:block; margin:0 auto; position:relative}
.indNav i{display:block; line-height:20px; font-size:20px; color:#003d9b; border-left:3px solid #003d9b; padding:0 0 0 12px;}
.indNav .btnMore{ top:42px;}

.indPro{width:100%; max-width:1220px; display:block; margin:0 auto 40px auto; position:relative;background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08); height:260px; padding:40px 60px;}
.indProList{ width:1100px; height:180px; overflow:hidden; position:relative}
.indProList .swiper-slide{width:530px;height:100%; position:relative; overflow:hidden; display:inline-block}
.indProList .swiper-slide img{ width:270px; height:180px; display:inline-block; vertical-align:middle}
.indProList .swiper-slide span{ width:260px; padding:0 0 0 20px; font-size:14px; line-height:27px;display:inline-block; vertical-align:middle}
.indProList .swiper-slide h1{ font-weight:bold; color:#003d9b; line-height:40px; border-bottom:1px solid #e4e4e4}
.indProList .swiper-slide h2 a{ display:block;border-bottom:1px solid #e4e4e4; background:url(../images/bgLiPro.png) no-repeat left center; padding:0 0 0 13px;}
.indProList .swiper-slide h2 .on{background:url(../images/bgLiProHover.png) no-repeat left center!important;}
.indProList .swiper-slide h3{ padding:0 0 0 15px; color:#999}


#btnProPre{display:block;position:absolute;left:23px;top:50%;margin-top:-12px; width:15px; height:25px; background:url(../images/icoJtLeft.png) no-repeat center left/cover;opacity:0.5; }
#btnProPre:hover{opacity:1.0}
#btnProNext{display:block;position:absolute;right:23px;top:50%;margin-top:-12px;width:15px; height:25px; background:url(../images/icoJtRight.png) no-repeat center right/cover;opacity:0.5;}
#btnProNext:hover{opacity:1.0}


.indMain{width:100%; max-width:1220px; display:block; margin:0 auto; padding:60px 0}

.indJoin{width:420px; height:220px; position:relative;background:#fff url(../images/bgIndJoin.jpg) no-repeat center/cover; box-shadow:5px 5px 5px rgba(0,0,0,0.08);display:inline-block; vertical-align:middle}
.indJoin1{ width:100%; height:100%; padding:40px 0 0 85px;}
.indJoin1 img{ display:inline-block; vertical-align:top}
.indJoin1 div{font-size:14px; line-height:24px;display:inline-block; vertical-align:top; width:215px; padding:0 0 0 35px}
.indJoin1 div h1{font-weight:bold; color:#003d9b; }
.indJoin1 div h2{ letter-spacing:2px;margin:8px 0 8px 0;}
.indJoin1 div h3{}
.indJoin1 div h3 a{display:inline-block; padding:0 24px 0 0; background:url(../images/icoMore.png) right center no-repeat; color:#aaa}
.indJoin1 div h3 a:hover{background:url(../images/icoMoreHover.png) right center no-repeat; color:#003d9b}

.indNav1{ position:absolute; left:0; top:0; width:39px; height:122px; background:url(../images/bgIndNav.png) no-repeat; color:#fff; font-weight:bold; font-size:14px; padding:17px 10px 0 10px; text-align:center; line-height:15px;}


.indHonor{width:470px; height:220px; position:relative;background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08);display:inline-block; vertical-align:middle; margin:0 20px}
.picFocus{position:relative; padding:0;overflow:hidden; width:320px; margin:30px 0 0 93px}
.picFocus .swiper-slide{width:200px; height:170px; position:relative; background:#fff;}
.picFocus .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; text-align:center; font-size:12px; line-height:30px; height:30px; z-index:100; opacity:0}
.picFocus .swiper-slide h2{ width:200px; height:133px; opacity:0.5; background-size:cover!important;border:1px solid #d5d5d5;box-shadow:0 5px 5px rgba(0,0,0,0.08);}
.picFocus .swiper-slide-active h1{opacity:1.0}
.picFocus .swiper-slide-active h2{opacity:1.0;}
.picFocus .swiper-pagination{bottom:20px!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#1b3e86; width:24px;}

.indHonor .swiper-button-prev{display:block;position:absolute;left:60px;top:50%;margin-top:-12px; width:11px; height:18px; background:url(../images/icoJtLeft1.png) no-repeat center left/cover;opacity:0.3;}
.indHonor .swiper-button-prev:hover{opacity:1}
.indHonor .swiper-button-next{display:block;position:absolute;right:23px;top:50%;margin-top:-12px; width:11px; height:18px; background:url(../images/icoJtRight1.png) no-repeat center left/cover;opacity:0.3;}
.indHonor .swiper-button-next:hover{opacity:1}




.indVideo{width:290px; height:220px; position:relative;background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08);display:inline-block; vertical-align:middle; overflow:hidden}
.indNav2{ position:absolute; left:20px; top:20px; color:#003d9b; font-weight:bold; font-size:14px; line-height:14px; z-index:3}

.indVideo a{ display:block; width:100%; height:100%}
.indVideo a img{ width:100%; height:100%; transition:transform 0.5s}
.indVideo a h1{ width:100%; height:100%; position:absolute;top:0; left:0; z-index:2; background:url(../images/icoVideo.png) no-repeat center;}
.indVideo a:hover img{transform:scale(1.1);}


.boxTcVideo{ width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; z-index:1000; display:none}
.boxTcVideo video{ width:100%; height:100%;}
.closeTcVideo{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeTcVideo:hover{ transform:rotateZ(180deg);}
/*------------------------------------------------------------index------------------------------------------------------------*/





.subNavBox{height:50px;position:relative; z-index:1; border-top:1px solid #e5ebf5; border-bottom:1px solid #e5ebf5; background:#fff;overflow:hidden; margin-top:90px;}

.curNav{ position:absolute; top:0; left:50%; margin:0 0 0 -610px}
.curNav a{display:inline-block; background:url(../images/icoCurJt.png) no-repeat center right; padding-right:15px; margin-right:10px; vertical-align:middle; font-size:12px; line-height:48px; height:48px; color:#999;}
.curNav a:hover{color:#005bac}
.curNav a:last-of-type{ background:none}


.bgMainTop{background:url(../images/bgMainTop.png) no-repeat top center; width:100%; overflow:hidden}
.bgMainBottom{background:url(../images/bgMainBottom.png) no-repeat bottom center; width:100%; overflow:hidden}

.curTitle{border-left:1px solid #63edb9; margin:60px 0}
.curTitle i{font-size:26px; line-height:26px; height:26px; display:inline-block; border-left:5px solid #63edb9; margin:0 0 0 2px; padding:0 0 0 20px}

.navPro{}
.navPro a{display:inline-block; width:50%; text-align:center}
.navPro a div{ width:100%; border:1px solid #2754a5; font-size:16px; line-height:40px; color:#2754a5}
.navPro a i{display:inline-block; width:14px; height:7px; background:url(../images/icoJt.png) no-repeat center/cover; opacity:0}
.navPro a:hover i{opacity:1}
.navPro .on div{background:#2754a5; color:#fff}
.navPro .on i{opacity:1}

.proTitle{background:url(../images/icoJt1.png) no-repeat left center; color:#003d9b; font-size:16px; line-height:16px;padding:0 0 0 30px; margin:50px 0 40px 0; position:relative}
.proTitle a{ position:absolute; right:0; top:-2px; width:20px; height:20px; background:#2754a5 url(../images/icoJh.png) no-repeat center; border-radius:50%;}
.proTitle .on{background:#2754a5 url(../images/icoJh1.png) no-repeat center!important;}

.proTitle1{ padding:0 26px;height:30px; border:1px solid #003d9b; color:#003d9b; font-size:12px; line-height:28px; border-radius:15px; display:inline-block; margin:0 0 20px 0}

.boxPro{border-bottom:1px solid #cdd3d8; width:100%; padding:0 0 20px 0}
.proList{display:inline-block; margin-right:30px; vertical-align:top;}
.proList1{/*height:207px;*/ overflow:hidden}
.proList1 a{display:inline-block; width:220px; margin:0 30px 10px 0;}
.proList1 a:last-child{margin-right:0}
.proList1 a:nth-child(5n+5){margin-right:0}
.proList1 a h1{ width:220px; height:147px; overflow:hidden}
.proList1 a h1 img{ width:100%; height:100%;transition:transform 1s;}
.proList1 a h2{ text-align:center; font-size:12px; line-height:20px; padding:15px 0;}
.proList1 a:hover h1 img{transform:scale(1.2);}
.boxPro .proList:last-child{ margin-right:0} 

.boxSpace40{ height:40px;}

.boxShowPro{ background:#fff; padding:60px 100px 60px 100px; font-size:15px; line-height:30px; margin:0 0 60px 0}
.boxShowPro img{max-width:100%}
.proTable{border-bottom:1px solid #aaa!important;border-right:1px solid #aaa!important; text-align:center; color:#666; width:100%; margin:10px 0 0 0;border-collapse:collapse;border-spacing:0;}
.proTable td{ border-top:1px solid #aaa!important;border-left:1px solid #aaa!important;font-size:15px; line-height:20px; padding:8px 0;}

.hyy2{font-size:0; padding:30px 0 0 0}
.hyy2 li{width:25%; text-align:center; display:inline-block; vertical-align:top; font-size:14px; line-height:22px; margin:0 0 40px 0; padding:0 15px}
.hyy2 li img{width:100%; margin:0 0 10px 0}


.newsList{ margin:0 0 -35px 0}
.newsList a{display:inline-block; width:370px; height:400px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08); margin:0 55px 55px 0}
.newsList a:nth-child(3n+3){ margin-right:0}
.newsList a div{ width:100%; height:247px; overflow:hidden}
.newsList a div img{width:100%; height:100%;transition:transform 1s;}
.newsList a span{ display:block; padding:20px 30px 0 30px;}
.newsList a h1{ font-size:18px; line-height:26px; font-weight:bold; height:88px;}
.newsList a h2{ font-size:14px; font-weight:bold; line-height:16px; color:#aaa; background:url(../images/icoJt2.png) no-repeat right center;}
.newsList a:hover div img{transform:scale(1.2);}
.newsList a:hover h2{background:url(../images/icoJt2Hover.png) no-repeat right center;}

.boxPage{width:100%; overflow:hidden; margin:30px auto 50px auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:16px;color:#fff;background-color:#bfbfbf;width:38px; height:38px;text-align:center; line-height:38px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#005bac;}
.curPage{color:#fff!important; background-color:#005bac!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) center no-repeat; }
.nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important}
.boxPage span{font-size:16px;line-height:38px;margin:0 15px 0 7px;display:none; vertical-align:middle}


/*--------------------------------show--------------------------------*/
.boxShow{display:block; width:100%; max-width:780px;  margin:60px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 60px 60px 60px;}
.showTitle{padding:0 0 15px 0;font-size:26px;line-height:36px; font-weight:bold; color:#444}
.showTitle i{ font-size:17px; display:block; color:#888;}
.showInfo{color:#bbb; font-size:14px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:27px; margin-bottom:30px;}
.showInfo i{margin-right:10px}
.showCon{width:100%;  font-size:15px; line-height:30px; overflow:hidden;}
.showCon img{width:auto; max-width:100%;height:auto!important;}

.showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0}
/*--------------------------------show--------------------------------*/


/*------------share------------*/
.btnShare1{ position:absolute; top:280px; left:50%; margin:0 0 0 420px; 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------------*/


.textList{ padding:20px 0 0 0}
.textList a{ display:block; line-height:24px; padding:20px 110px 20px 25px; font-size:15px; background:url(../images/bgLi1.png) no-repeat 5px 28px; border-bottom:1px dotted #c1c1c1; position:relative}
.textList a i{ position:absolute; right:0; top:20px;color:#999; font-size:15px;}

.boxImg{width:100%}
.boxImg img{width:100%}


/*------------job------------*/
.jobList{width:100%; margin:60px 0 -30px 0}
.jobList a{ display:inline-block;width:595px; height:110px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.08);margin:0 30px 30px 0; vertical-align:top; padding:30px 0 0 20px; position:relative}
.jobList a:nth-child(even){ margin-right:0}
.jobList a h1{font-size:18px; line-height:20px; font-weight:bold; color:#555}
.jobList a h1 i{ height:20px; font-size:12px; border-radius:10px; color:#fff; display:inline-block; padding:0 6px; margin:0 0 0 10px; text-align:center; background:#0085e3}
.jobList a h2{font-size:13px; line-height:22px; color:#999; margin-top:13px}
.jobList a h3{width:34px; height:34px; border:2px solid #d7d7d7; background:url(../images/icoJt3.png) no-repeat center; border-radius:50%; position:absolute; right:20px; top:50%; margin:-17px 0 0 0;}
.jobList a h3 i{width:0; height:100%; display:block;background:url(../images/icoJt3Hover.png) no-repeat left center;transition:all 0.3s ease; margin:0 0 0 8px}
.jobList a:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);}
.jobList a:hover h1{ color:#2754a5;}
.jobList a:hover h3{ border:2px solid #2754a5;}
.jobList a:hover h3 i{width:16px;}


.tableHrShow{ border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-size:15px; line-height:30px; margin:0 auto; width:100%; color:#666}
.tableHrShow td{ border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px; box-sizing:content-box}
.tableHrShow strong{display:block; text-align:right}
.tRightHr{ background:#f5f5f5; text-align:right; font-weight:bold}
.tableHrShow td:first-child{ width:20%; min-width:60px;}

.jobGo{display:block; width:50%; max-width:140px; margin:30px auto 0 auto; border-radius:20px; line-height:40px; font-size:14px; color:#fff; background:#0860af; text-align:center}
.jobGo:hover{ color:#fff; background:#009cec}

.boxRcln{ padding:0 0 60px 0}
.boxRcln h1{color:#003d9b; font-size:36px; line-height:56px; margin:0 0 45px 0; text-align:center}
.boxRcln h1 i{opacity:0.5; font-size:26px; display:block}
.boxRcln li{ width:100%; overflow:hidden; background:#fff}
.boxRcln li img{float:left}
.boxRcln li:nth-child(even) img{float:right}
.boxRcln li div{width:610px; height:300px; float:left; padding:0 100px}
.boxRcln li div i{ display:inline-block; width:1px; height:100%; vertical-align:middle} 
.boxRcln li div span{ display:inline-block; width:99%; vertical-align:middle; font-size:15px; line-height:30px;}

/*------------job------------*/

.picFocus1{position:relative; padding:40px 0 40px 0;width:100%; overflow:hidden; margin:-40px 0 0 0;}
.picFocus1 .swiper-slide{width:680px; height:420px; position:relative; overflow:hidden; background:#000}
.picFocus1 .swiper-slide img{width:100%; height:100%; opacity:0.7}
.picFocus1 .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:80px 20px 20px 20px;text-align:center; font-size:15px; line-height:26px; color:#fff; z-index:100;display:none; }
.picFocus1 .swiper-slide-active img{opacity:1}
.picFocus1 .swiper-slide-active h1{display:block}
.picFocus1 .swiper-pagination{bottom:0!important;z-index:1; text-align:center;}
.picFocus1 .swiper-pagination-bullet{width:12px; height:13px; background:url(../images/icoFocus.png) no-repeat center/100% 100%; opacity:1.0; border-radius:0; margin:0 5px!important}
.picFocus1 .swiper-pagination-bullet-active{background:url(../images/icoFocusHover.png) no-repeat center/100% 100%;}

.picFocus1 .swiper-button-prev{left:calc((100% - 680px)/4); margin:-23px 0 0 -23px; width:46px; height:46px; background:url(../images/bannerJtLeft.png) no-repeat center/20px 34px;opacity:0.5; z-index:101}
.picFocus1 .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center/20px 34px;opacity:1.0}
.picFocus1 .swiper-button-next{right:calc((100% - 680px)/4); margin:-23px -23px 0 0;width:46px; height:46px; background:url(../images/bannerJtRight.png) no-repeat center/20px 34px;opacity:0.5; z-index:101}
.picFocus1 .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center/20px 34px;opacity:1.0}

.aboutCon{ font-size:15px; line-height:30px; padding:60px 0}

.boxZzry{height:480px; background:url(../images/bgZzry.jpg) no-repeat center; padding:70px 400px 0 80px; margin:0 0 60px 0} 
.boxZzry i{display:inline-block; background:url(../images/icoZzry.png) no-repeat left center; font-size:16px; line-height:50px; padding:0 0 0 30px; width:370px;}


.boxZzryPic{position:relative; margin:0 0 60px 0; padding:0 0 17px 0}
.picFocus2{position:relative; padding:0;overflow:hidden; }
.picFocus2 .swiper-slide{width:680px; height:540px; position:relative; background:#eff8fe}
.picFocus2 .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:40px; text-align:center; font-size:15px; line-height:30px; height:30px; z-index:100; opacity:0}
.picFocus2 .swiper-slide h2{ width:680px; height:453px; opacity:0.5; background-size:cover!important;border:1px solid #d5d5d5;box-shadow:0 5px 5px rgba(0,0,0,0.08);}
.picFocus2 .swiper-slide-active h1{opacity:1.0}
.picFocus2 .swiper-slide-active h2{opacity:1.0;}
.picFocus2 .swiper-pagination{bottom:0!important;z-index:1}
.picFocus2 .swiper-pagination-bullet{width:12px; height:13px; background:url(../images/icoFocus.png) no-repeat center/100% 100%; opacity:1.0; border-radius:0; margin:0 5px!important}
.picFocus2 .swiper-pagination-bullet-active{background:url(../images/icoFocusHover.png) no-repeat center/100% 100%;}

.boxZzryPic .swiper-button-prev{display:block;position:absolute;left:140px;top:auto;bottom:0;width:46px; height:46px; background:url(../images/bannerJtLeft1.png) no-repeat center/20px 34px; opacity:0.3}
.boxZzryPic .swiper-button-prev:hover{opacity:1}
.boxZzryPic .swiper-button-next{display:block;position:absolute;right:140px;top:auto;bottom:0;width:46px; height:46px; background:url(../images/bannerJtRight1.png) no-repeat center/20px 34px;opacity:0.3;}
.boxZzryPic .swiper-button-next:hover{opacity:1}

.boxLxwm{background:#fff;padding:10px; margin:0 0 50px 0;}
.boxContact{ padding:50px 0 50px 0}
.boxContact li{display:inline-block; width:33.3%; border-right:1px solid #ccd8eb; text-align:center; height:200px; vertical-align:middle}
.boxContact li:last-child{border:none}
.boxContact li h1{ font-size:18px; line-height:18px; margin:20px 0 20px 0; color:#0058a9}
.boxContact li h2{ font-size:14px; line-height:24px;}
.boxContact li h2 font{letter-spacing:7px}

.contactMap{ width:100%; height:300px; margin:10px 0 0 0}